.cs-js .cs-reels img.cs-fade{opacity:0;transition:opacity var(--cs-dur-2) var(--cs-ease)}.cs-js .cs-reels img.cs-fade.is-loaded{opacity:1}@media(prefers-reduced-motion:reduce){.cs-js .cs-reels img.cs-fade{opacity:1;transition:none}}.cs-reels__rail{--cs-reels-gap: var(--cs-s4);gap:var(--cs-reels-gap);scroll-snap-type:none;margin-inline:calc(50% - 50vw);padding-inline:var(--cs-s4);scroll-padding-inline:var(--cs-s4);padding-block:var(--cs-s3) var(--cs-s2);margin-block-start:calc(var(--cs-s3) * -1)}.cs-reels .cs-reels__rail>*{scroll-snap-align:none}.cs-reels .cs-reels__rail.is-dragging{scroll-snap-type:none}@media screen and (min-width:750px){.cs-reels__rail{margin-inline:calc(50% - 50vw);padding-inline:var(--cs-s7);scroll-padding-inline:var(--cs-s7)}}@media screen and (min-width:990px){.cs-reels__rail{--cs-reels-gap: var(--cs-s5)}}.cs-reel{position:relative;display:flex;flex-direction:column;width:clamp(14rem,62vw,24rem);contain:layout style}@media screen and (min-width:750px){.cs-reel{width:calc((100% - (2.4 * var(--cs-reels-gap))) / 3.4)}}@media screen and (min-width:990px){.cs-reel{width:var(--cs-reels-card, calc((100% - (4.4 * var(--cs-reels-gap))) / 5.4))}}.cs-reel__frame{aspect-ratio:9 / 16;background:var(--cs-klein-blue);box-shadow:var(--cs-shadow-1);transition:box-shadow var(--cs-dur-2) var(--cs-ease)}.cs-reel__media{position:absolute;top:0;right:0;bottom:0;left:0;content-visibility:auto;contain-intrinsic-size:auto none}.cs-reel__media>img,.cs-reel__media>svg,.cs-reel__video{display:block;width:100%;height:100%;object-fit:cover}.cs-reel__poster{transition:transform var(--cs-dur-3) var(--cs-ease)}.cs-reel__placeholder{display:grid;place-items:center;width:100%;height:100%;background:var(--cs-corn-silk)}.cs-reel__placeholder>img{width:52%;height:auto;object-fit:contain;opacity:.9}.cs-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--cs-dur-2) var(--cs-ease)}.cs-reel.is-video .cs-reel__video{opacity:1}.cs-reel__scrim{position:absolute;inset:auto 0 0;z-index:1;height:56%;pointer-events:none;border-end-start-radius:var(--cs-r-lg);border-end-end-radius:var(--cs-r-lg);background:linear-gradient(to top,#292b94e0,#292b9485 42%,#292b9400)}.cs-reel__meta{position:absolute;z-index:2;inset:auto var(--cs-s3) var(--cs-s3);display:grid;gap:var(--cs-s1);pointer-events:none;color:var(--cs-corn-silk)}.cs-reel__handle{font-family:var(--font-body-family);font-weight:600;font-size:1.1rem;line-height:1.2;letter-spacing:var(--cs-tracking-sub);text-transform:uppercase}.cs-reel__caption{margin:0;font-size:1.3rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.cs-reel__play,.cs-reel__mute{position:absolute;z-index:4;display:none;align-items:center;justify-content:center;padding:0;border:0;cursor:pointer;border-radius:var(--cs-r-pill);transition:transform var(--cs-dur-1) var(--cs-ease),background-color var(--cs-dur-1) var(--cs-ease)}.cs-reel__play:active,.cs-reel__mute:active{transform:scale(.94)}.cs-reel__mute{top:var(--cs-s2);inset-inline-end:var(--cs-s2);background:#292b94c7;color:var(--cs-corn-silk)}.cs-reel__mute{display:inline-flex;width:36px;height:36px}.cs-reel__mute:hover{background:#292b94f0}.cs-reel__icon--sound,.cs-reel__mute[aria-pressed=false] .cs-reel__icon--muted{display:none}.cs-reel__mute[aria-pressed=false] .cs-reel__icon--sound{display:block}.cs-reel__play{top:0;right:0;bottom:0;left:0;margin:auto;width:5.6rem;height:5.6rem;background:var(--cs-corn-silk);color:var(--cs-klein-blue);box-shadow:var(--cs-shadow-2)}.cs-reels.is-manual .cs-reel:not(.is-playing) .cs-reel__play,.cs-reels.is-live .cs-reel.is-blocked:not(.is-playing) .cs-reel__play{display:inline-flex}.cs-reel__play svg{margin-inline-start:.2rem}.cs-reel__link{display:flex;flex-direction:column;gap:.2rem;min-height:44px;padding-block:var(--cs-s2) var(--cs-s1);color:inherit;text-decoration:none}.cs-reel__link--bare{min-height:0;padding-block:0}.cs-reel__link:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0}.cs-reel__title{font-weight:600;font-size:1.4rem;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.cs-reel__cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;line-height:1.4;letter-spacing:var(--cs-tracking-sub);text-transform:uppercase;opacity:.7}.cs-reel__cta svg{transition:transform var(--cs-dur-2) var(--cs-ease)}@media(hover:hover){.cs-reel{transition:transform var(--cs-dur-2) var(--cs-ease)}.cs-reel:hover,.cs-reel:focus-within{will-change:transform}.cs-reel:hover{transform:translateY(-4px)}.cs-reel:hover .cs-reel__frame{box-shadow:var(--cs-shadow-2)}.cs-reel:hover .cs-reel__poster{transform:scale(1.04)}.cs-reel:hover .cs-reel__cta svg{transform:translate(3px)}.cs-reel:hover .cs-reel__title{text-decoration:underline;text-decoration-color:var(--cs-coral);text-decoration-thickness:2px;text-underline-offset:3px}}.cs-reel__link:focus-visible{outline:none}.cs-reel:has(.cs-reel__link:focus-visible){outline:3px solid var(--cs-coral);outline-offset:3px;border-radius:var(--cs-r-lg);transform:translateY(-4px)}.cs-reels__signoff{margin:var(--cs-s6) 0 0;text-align:center;font-family:var(--font-heading-family);font-weight:700;font-size:var(--cs-t-h3);line-height:1.1;letter-spacing:var(--cs-tracking-display)}@media(prefers-reduced-motion:reduce){.cs-reel,.cs-reel__frame,.cs-reel__poster,.cs-reel__video,.cs-reel__cta svg,.cs-reel__play,.cs-reel__mute{transition:none}.cs-reel:hover,.cs-reel:focus-within{will-change:auto}.cs-reel:hover,.cs-reel:hover .cs-reel__poster{transform:none}.cs-reel:hover .cs-reel__cta svg{transform:none}.cs-reel:has(.cs-reel__link:focus-visible){transform:none}}.cs-reel__foot{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--cs-s3);margin-top:var(--cs-s3)}.cs-reel__link{display:flex;flex-direction:column;gap:.4rem;min-width:0;text-decoration:none;color:inherit}.cs-reel__title{font-family:var(--font-heading-family);font-weight:700;font-size:1.35rem;line-height:1.25;letter-spacing:var(--cs-tracking-sub);text-transform:uppercase;color:var(--cs-klein-blue);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cs-reel__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem}.cs-reel__price{font-weight:700;font-size:1.5rem;color:var(--cs-coral)}.cs-reel__was{font-size:1.2rem;color:var(--cs-klein-blue);opacity:.5}.cs-reel__save{padding:.18rem .5rem;border-radius:var(--cs-r-pill);background:var(--cs-bright-amber);color:var(--cs-klein-blue);font-size:1.05rem;font-weight:700;white-space:nowrap}.cs-reel__addform{margin:0;flex:0 0 auto}.cs-reel__add{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--cs-lemon-lime);color:var(--cs-klein-blue);cursor:pointer;transition:transform var(--cs-dur-1) var(--cs-ease),filter var(--cs-dur-1) var(--cs-ease)}.cs-reel__add:hover{transform:scale(1.06);filter:brightness(1.04)}.cs-reel__add:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.cs-reel__add{transition:none}.cs-reel__add:hover{transform:none}}@media screen and (min-width:750px){.cs-reels__rail{padding-inline:var(--cs-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/cs-reels.css.map */