.inner[data-v-c547c430] {
  border-radius:8px;
  border:1px solid #d8d8d8
}
.inner input[data-v-c547c430] {
  width:100%;
  height:100%;
  outline:none
}
.inner input[data-v-c547c430]::placeholder {
  font-weight:600;
  color:#d8d8d8
}
.inner .icon[data-v-c547c430] {
  height:30px;
  width:30px;
  font-size:30px
}
.card[data-v-8af8cf0b] {
  margin-bottom:47px
}
.card .img[data-v-8af8cf0b] {
  overflow:hidden;
  aspect-ratio:16/9
}
.card .img .inner[data-v-8af8cf0b] {
  transition:transform .3s ease
}
.card .img .emphasize[data-v-8af8cf0b] {
  transform:scale(1.05);
  transition:transform .3s ease
}
.card .info[data-v-8af8cf0b] {
  margin-top:16px;
  align-items:flex-start
}
.card .info .icon[data-v-8af8cf0b] {
  height:16px;
  margin-right:6px
}
.card .info .title[data-v-8af8cf0b] {
  flex-wrap:wrap;
  row-gap:4px
}
.card .info .title .name[data-v-8af8cf0b] {
  font-weight:600;
  font-size:16px;
  color:#24252c
}
.card .info .title .name[data-v-8af8cf0b]:last-of-type {
  margin-right:6px
}
.card .info .title .tag[data-v-8af8cf0b] {
  border-radius:4px;
  border:1px solid #24252c;
  padding:0 6px;
  font-weight:600;
  font-size:10px;
  color:#24252c;
  line-height:14px
}
.card .descriptions[data-v-8af8cf0b] {
  margin-top:10px;
  flex-wrap:wrap
}
.card .descriptions .description[data-v-8af8cf0b] {
  margin-right:13px;
  font-weight:300;
  font-size:12px;
  color:#646464
}
.icon[data-v-bc924127] {
  padding:4px
}
.right[data-v-bc924127] {
  animation:anticlockwise-rotation-bc924127 .5s ease
}
.left[data-v-bc924127] {
  animation:clockwise-rotation-bc924127 .5s ease;
  transform:rotate(180deg)
}
@keyframes clockwise-rotation-bc924127 {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(180deg)
  }
}
@keyframes anticlockwise-rotation-bc924127 {
  0% {
    transform:rotate(180deg)
  }
  to {
    transform:rotate(0)
  }
}
.filter[data-v-98cdfff0] {
  transition:min-width .5s ease;
  min-width:130px;
  max-width:130px
}
.filter .head .btn[data-v-98cdfff0] {
  display:flex;
  align-items:center;
  padding:7px 12px;
  font-weight:600;
  font-size:13px;
  color:#24252c
}
.filter .head .btn .icon[data-v-98cdfff0] {
  margin-right:3px
}
.filter .head .btn-selected[data-v-98cdfff0] {
  background:#f4f6f7;
  border-radius:6px
}
.filter .head .clear[data-v-98cdfff0] {
  animation:leftFadeIn-98cdfff0 .5s ease;
  font-weight:400;
  font-size:11px;
  color:#24252c
}
.filter .head .btn[data-v-98cdfff0]:hover,
.filter .head .clear[data-v-98cdfff0]:hover {
  cursor:pointer
}
.filter .content[data-v-98cdfff0] {
  position:relative;
  min-width:228px;
  margin-top:13px;
  overflow-y:scroll
}
.filter .content .group[data-v-98cdfff0] {
  margin-bottom:30px;
  animation:leftFadeIn-98cdfff0 .5s ease
}
.filter .content .group .label[data-v-98cdfff0] {
  font-weight:600;
  font-size:14px;
  color:#24252c;
  margin-bottom:13px
}
.filter .content .group .tags[data-v-98cdfff0] {
  display:flex;
  flex-wrap:wrap;
  align-items:center
}
.filter .content .group .tags .tag[data-v-98cdfff0] {
  padding:4px 7px;
  border-radius:4px;
  border:1px solid rgba(36,37,44,.5);
  font-weight:600;
  font-size:13px;
  color:#24252c;
  margin-right:3px;
  margin-bottom:5px
}
.filter .content .group .tags .tag[data-v-98cdfff0]:hover {
  cursor:pointer
}
.filter .content .group .tags .tag-selected[data-v-98cdfff0] {
  background:#24252c;
  color:#fff
}
.filter .content .group .more[data-v-98cdfff0] {
  font-weight:600;
  font-size:13px;
  color:#24252c
}
.filter-expend[data-v-98cdfff0] {
  min-width:260px;
  padding-right:32px
}
@keyframes leftFadeIn-98cdfff0 {
  0% {
    transform:translate(-100%);
    opacity:0
  }
  to {
    transform:translate(0);
    opacity:1
  }
}
.feature .head[data-v-77d143fc] {
  padding-top:20px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:#fff
}
.feature .head .search-bar[data-v-77d143fc] {
  margin-bottom:20px
}
.feature .head .tab-head[data-v-77d143fc] {
  width:100%;
  display:flex;
  padding:20px 160px 0
}
.feature .head .tab-head .tab-head-item[data-v-77d143fc] {
  padding-right:clamp(20px,4vw,80px);
  flex-direction:column
}
.feature .head .tab-head .tab-head-item .label[data-v-77d143fc] {
  font-weight:600;
  font-size:14px;
  color:#24252c
}
.feature .head .tab-head .tab-head-item .selector[data-v-77d143fc] {
  width:16px;
  height:4px;
  margin-top:16px
}
.feature .head .tab-head .tab-head-item .selector-selected[data-v-77d143fc] {
  background:#24252c
}
.feature .head .tab-head .tab-head-item[data-v-77d143fc]:hover {
  cursor:pointer
}
.feature .spliter[data-v-77d143fc] {
  width:100%;
  height:1px;
  background:#eee
}
.feature .content[data-v-77d143fc] {
  display:flex;
  align-items:flex-start;
  width:100%
}
.feature .content .filter[data-v-77d143fc] {
  position:sticky;
  top:8ch;
  margin-top:24px
}
.feature .content .order[data-v-77d143fc] {
  padding-top:31px;
  padding-bottom:30px;
  background-color:#fff
}
.feature .content .order .item[data-v-77d143fc] {
  font-weight:600;
  font-size:14px;
  color:#24252c4d;
  margin-right:50px
}
.feature .content .order .item-selected[data-v-77d143fc] {
  color:#24252c
}
.feature .content .order .item[data-v-77d143fc]:hover {
  cursor:pointer
}
.feature .content .cards[data-v-77d143fc] {
  display:grid;
  gap:11px
}
.page[data-v-f5b09bad] {
  display:flex;
  flex-direction:column;
  justify-content:flex-start
}
.page .navigation[data-v-f5b09bad] {
  z-index:999
}
.page .navigation-mobile[data-v-f5b09bad] {
  position:sticky;
  top:0
}
.page .head .search-bar[data-v-f5b09bad] {
  margin-top:20px
}
.page .material[data-v-f5b09bad] {
  min-width:1080px;
  margin:0 20px 20px;
  max-width:2560px;
  width:calc(100% - 40px);
  display:flex;
  flex-direction:column;
  align-items:center
}