cc-autoscroll{--cc-as-gutter: 16px;--cc-as-item: 220px;--cc-as-gap: 16px;--cc-as-fade: 20px;position:relative;display:block}@media screen and (min-width:1025px){cc-autoscroll{--cc-as-fade: 36px}}.cc-as__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cc-as-fade),#000 calc(100% - var(--cc-as-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--cc-as-fade),#000 calc(100% - var(--cc-as-fade)),transparent 100%)}.cc-as__viewport::-webkit-scrollbar{display:none}.cc-as__track{display:flex;width:max-content;padding:6px var(--cc-as-gutter) 14px}.cc-as__group{display:flex;flex-shrink:0;gap:var(--cc-as-gap);margin:0;padding:0 var(--cc-as-gap) 0 0;list-style:none}.cc-as__group>*{flex:0 0 var(--cc-as-item);width:var(--cc-as-item);min-width:0;margin:0}.cc-as__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#241b34;box-shadow:0 4px 14px #241b3429;cursor:pointer;transform:translateY(-50%);transition:color .15s ease,box-shadow .15s ease}.cc-as__arrow svg{width:17px;height:17px}.cc-as__arrow--prev{left:6px}.cc-as__arrow--next{right:6px}.cc-as__arrow:hover{color:#e8437a;box-shadow:0 6px 18px #241b3438}@media screen and (max-width:768px){.cc-as__arrow{display:none}}@media(prefers-reduced-motion:reduce){.cc-as__arrow{transition:none}}.cc-as--products{--cc-as-gutter: 17px;--cc-as-item: 46vw;--cc-as-gap: 14px}@media screen and (min-width:750px){.cc-as--products{--cc-as-item: 30vw}}@media screen and (min-width:769px){.cc-as--products{--cc-as-gutter: max(40px, calc((100vw - 1500px)/2 + 40px) );--cc-as-gap: 20px}}@media screen and (min-width:1025px){.cc-as--products{--cc-as-item: clamp(210px, 17vw, 260px)}}.cc-as--products .cc-product-card{min-width:0}.cc-as--themes{--cc-as-gutter: 16px;--cc-as-item: 44vw;--cc-as-gap: 12px}@media screen and (min-width:769px){.cc-as--themes{--cc-as-gutter: 22px;--cc-as-item: 28vw;--cc-as-gap: 18px}}@media screen and (min-width:1025px){.cc-as--themes{--cc-as-gutter: max(36px, calc((100vw - 1440px)/2 + 36px) );--cc-as-item: clamp(190px, 15vw, 240px);--cc-as-gap: 22px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/cc-autoscroll.css.map */