@layer base{.category-carousel{width:100%;overflow:hidden}.category-carousel h1{font-weight:500;font-size:36px;line-height:130%;letter-spacing:-1.9%;text-align:center;margin-bottom:12px}.category-carousel h2{font-weight:500;font-size:16px;line-height:130%;letter-spacing:-1.9%;text-align:center;margin-bottom:64px;color:var(--text-color-light)}.category-carousel .card-category-carousel{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:264px;height:264px;background-color:var(--primary-color);padding:24px 24px 54px;border-radius:4px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden;z-index:1;cursor:pointer}.category-carousel .card-category-carousel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:-1;opacity:0;transition:opacity .4s ease}.category-carousel .card-category-carousel:hover,.category-carousel .card-category-carousel.hover-active{transform:translateY(-15px);box-shadow:0 15px 30px #0003}.category-carousel .card-category-carousel:hover:before,.category-carousel .card-category-carousel.hover-active:before{opacity:1}.category-carousel .card-category-carousel:hover svg,.category-carousel .card-category-carousel.hover-active svg{transform:rotate(10deg) scale(1.1);filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.category-carousel .card-category-carousel p{color:var(--blue-200-1);font-weight:500;font-size:24px;line-height:100%;letter-spacing:-1.9%;border-radius:4px}.category-carousel .card-category-carousel svg{width:48px;height:48px;transition:transform .5s ease-in-out,filter .5s ease-in-out}.category-carousel .card-category-carousel path{stroke:var(--stroke-color-blue)}@media screen and (max-width: 992px){.category-carousel h1{margin-bottom:8px}.category-carousel h2{font-size:14px;margin-bottom:32px}.category-carousel .card-category-carousel{width:200px;height:200px}.category-carousel .card-category-carousel svg{width:32px;height:32px}.category-carousel .card-category-carousel p{font-size:20px}}@media screen and (max-width: 576px){.category-carousel{padding:0 24px}.category-carousel h1{font-size:24px}.category-carousel .mobile-category-cards{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:16px;row-gap:24px}.category-carousel .card-category-carousel{align-items:center;justify-content:space-between;height:auto;width:calc(100% / 3 - 11px);gap:8px;background-color:transparent;padding:0}.category-carousel .card-category-carousel svg{width:100%;height:auto;padding:28px;border-radius:4px;background-color:var(--primary-color)}.category-carousel .card-category-carousel p{font-size:12px;font-weight:500;color:var(--text-550);max-width:98px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-carousel .card-category-carousel:before{display:none}.category-carousel .card-category-carousel:hover svg,.category-carousel .card-category-carousel.hover-active svg{transform:none;filter:none}.category-carousel .card-category-carousel{box-shadow:none}}}