.category-item-container .inner{overflow-y:hidden}@media (min-width: 1280px){.category-item-container .inner{display:flex;flex-direction:column;justify-content:center;gap:0px}.category-item-container .inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.category-item-container .inner{--tw-border-opacity: 1;border-color:rgb(153 153 153 / var(--tw-border-opacity, 1))}}.nav-btn{display:flex;cursor:pointer;align-items:center;justify-content:space-between;-moz-column-gap:.5rem;column-gap:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(150 105 76 / var(--tw-border-opacity, 1));padding:.5rem 1.5rem;font-weight:300;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 1280px){.nav-btn{display:none}}.nav-btn .icon.active{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.category-item{display:flex;cursor:pointer;align-items:flex-end;-moz-column-gap:.5rem;column-gap:.5rem;border-width:1px;border-bottom-width:0px;--tw-border-opacity: 1;border-color:rgb(153 153 153 / var(--tw-border-opacity, 1));padding:.5rem 1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 1280px){.category-item{height:100%;align-items:center;border-left-width:0px;border-right-width:0px;padding-left:0;padding-right:0;padding-top:1rem;padding-bottom:1rem}}.category-item .tc{--tw-text-opacity: 1;color:rgb(128 128 128 / var(--tw-text-opacity, 1))}.category-item .en{color:#80808080}.category-item:first-of-type{border-top-width:0px}@media (min-width: 1280px){.category-item:first-of-type{border-top-width:1px}}.category-item:last-of-type{border-bottom-width:1px}.category-item .square-icon{--tw-bg-opacity: 1;background-color:rgb(128 128 128 / var(--tw-bg-opacity, 1))}.category-item.active,.category-item:hover{--tw-bg-opacity: 1;background-color:rgb(150 105 76 / var(--tw-bg-opacity, 1))}@media (min-width: 1280px){.category-item.active,.category-item:hover{background-color:transparent}}.category-item.active .tc,.category-item:hover .tc{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 1280px){.category-item.active .tc,.category-item:hover .tc{--tw-text-opacity: 1;color:rgb(150 105 76 / var(--tw-text-opacity, 1))}}.category-item.active .en,.category-item:hover .en{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:.5}@media (min-width: 1280px){.category-item.active .en,.category-item:hover .en{--tw-text-opacity: 1;color:rgb(150 105 76 / var(--tw-text-opacity, 1))}}.category-item.active .square-icon,.category-item:hover .square-icon{--tw-bg-opacity: 1;background-color:rgb(150 105 76 / var(--tw-bg-opacity, 1))}.aesthetics-block:hover .mask{opacity:.7}.aesthetics-block:hover .more{opacity:1}