.cn-homepage-popular-cards{--cn-popular-text: rgba(242, 242, 242, 1);--cn-popular-text-soft: rgba(210, 210, 210, .9);--cn-popular-gap-desktop: 8px;--cn-popular-gap-tablet: 8px;--cn-popular-gap-mobile: 8px;--cn-popular-edge-fade-desktop: 58px;--cn-popular-edge-fade-tablet: 44px;--cn-popular-edge-fade-mobile: 36px;position:relative;padding-block:34px;color:var(--cn-popular-text)}.cn-homepage-popular-cards,.cn-homepage-popular-cards *{box-sizing:border-box}.cn-homepage-popular-cards-section{--cn-popular-section-gap-top-desktop: -20px;--cn-popular-section-gap-top-tablet: -12px;--cn-popular-section-gap-top-mobile: -8px;position:relative;top:var(--cn-popular-section-gap-top-desktop);margin-bottom:var(--cn-popular-section-gap-top-desktop)!important}.cn-homepage-popular-cards__header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.cn-homepage-popular-cards__copy{min-width:0}.cn-homepage-popular-cards__eyebrow{margin:0 0 8px;color:#bebebeb8;font-size:1.02rem;line-height:1;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.cn-homepage-popular-cards__heading{margin:0;color:var(--cn-popular-text);font-size:clamp(2.8rem,3.1vw,4.5rem);line-height:1.04;font-weight:850;letter-spacing:-.045em;text-wrap:balance}.cn-homepage-popular-cards__text{max-width:68ch;margin-top:13px;color:var(--cn-popular-text-soft);font-size:clamp(1.38rem,1vw,1.62rem);line-height:1.58}.cn-homepage-popular-cards__text>*{margin:0}.cn-homepage-popular-cards__button{display:inline-flex;flex:0 0 auto;min-height:44px;align-items:center;justify-content:center;padding:11px 17px;border:1px solid rgba(255,255,255,.17);border-radius:9px;color:#f2f2f2!important;background:linear-gradient(180deg,#303030fa,#262626);box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000038;font-size:1.34rem;line-height:1;font-weight:800;text-decoration:none!important;white-space:nowrap;transition:border-color .17s cubic-bezier(.22,1,.36,1),background .17s cubic-bezier(.22,1,.36,1),box-shadow .17s cubic-bezier(.22,1,.36,1),transform .17s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.cn-homepage-popular-cards__button:hover{border-color:#ffffff4d;background:linear-gradient(180deg,#373737,#2b2b2b);box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000047;transform:translateY(-1px)}}.cn-homepage-popular-cards__viewport{position:relative;width:100%;min-width:0;overflow:visible;isolation:isolate}.cn-homepage-popular-cards__track{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;align-items:stretch;gap:var(--cn-popular-gap-desktop);margin:0;padding:6px 0 15px;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent;-webkit-overflow-scrolling:touch;-webkit-mask-image:none;mask-image:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;list-style:none}.cn-homepage-popular-cards__track::-webkit-scrollbar{display:block;width:auto;height:6px}.cn-homepage-popular-cards__track::-webkit-scrollbar-track{background:transparent}.cn-homepage-popular-cards__track::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff3d}@media(hover:hover){.cn-homepage-popular-cards__track::-webkit-scrollbar-thumb:hover{background:#ffffff57}}.cn-homepage-popular-cards__slide{box-sizing:border-box;flex:0 0 calc((100% - (5 * var(--cn-popular-gap-desktop))) / 6)!important;width:calc((100% - (5 * var(--cn-popular-gap-desktop))) / 6)!important;min-width:0!important;max-width:none!important;scroll-snap-align:start}.cn-homepage-popular-cards__slide .card-wrapper.product-card-wrapper,.cn-homepage-popular-cards__slide .card{width:100%!important;min-width:0!important}.cn-homepage-popular-cards[data-can-scroll-right=true][data-can-scroll-left=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=true] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important}.cn-homepage-popular-cards__loading{min-height:340px;display:grid;place-items:center;color:#bebebeb8;font-size:1.3rem}.cn-homepage-popular-cards__viewport:not(.is-loading) .cn-homepage-popular-cards__loading{display:none}.cn-homepage-popular-cards__empty{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#d2d2d2db;background:#232323b8;text-align:center}body #MainContent .cn-homepage-popular-cards .cn-card-member-price{padding-right:0!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price:before,body #MainContent .cn-homepage-popular-cards .cn-card-member-price:after{display:none!important;content:none!important;width:0!important;height:0!important;min-width:0!important;padding:0!important;opacity:0!important;background:none!important;box-shadow:none!important}@media screen and (min-width:750px)and (max-width:989px){.cn-homepage-popular-cards-section{top:var(--cn-popular-section-gap-top-tablet);margin-bottom:var(--cn-popular-section-gap-top-tablet)!important}.cn-homepage-popular-cards__track{gap:var(--cn-popular-gap-tablet)}.cn-homepage-popular-cards__slide{flex:0 0 calc((100% - (4 * var(--cn-popular-gap-tablet))) / 5)!important;width:calc((100% - (4 * var(--cn-popular-gap-tablet))) / 5)!important}.cn-homepage-popular-cards[data-can-scroll-right=true][data-can-scroll-left=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=true] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important}}@media screen and (max-width:749px){.cn-homepage-popular-cards-section{top:var(--cn-popular-section-gap-top-mobile);margin-bottom:var(--cn-popular-section-gap-top-mobile)!important}.cn-homepage-popular-cards{padding-block:26px}.cn-homepage-popular-cards__header{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.cn-homepage-popular-cards__heading{font-size:clamp(2.65rem,8.2vw,3.45rem)}.cn-homepage-popular-cards__text{margin-top:11px;font-size:1.36rem;line-height:1.54}.cn-homepage-popular-cards__button{width:100%}.cn-homepage-popular-cards__viewport{width:100%!important;min-width:0!important;margin:0!important}.cn-homepage-popular-cards__track{gap:var(--cn-popular-gap-mobile);width:100%!important;max-width:100%!important;padding:5px 0 20px!important;scroll-snap-type:x mandatory;scroll-padding-inline:0}.cn-homepage-popular-cards__slide{flex:0 0 calc((100% - var(--cn-popular-gap-mobile)) / 2)!important;width:calc((100% - var(--cn-popular-gap-mobile)) / 2)!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always}.cn-homepage-popular-cards[data-can-scroll-right=true][data-can-scroll-left=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=true] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important}}@media screen and (max-width:749px)and (hover:none)and (pointer:coarse){.cn-homepage-popular-cards__track{scrollbar-width:none!important;-ms-overflow-style:none!important}.cn-homepage-popular-cards__track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}}@media(prefers-reduced-motion:reduce){.cn-homepage-popular-cards__button,.cn-homepage-popular-cards__track{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cn-homepage-popular-cards.css.map */