.story-rail{--tile-size: 90px;--tile-radius: 50%;--tile-ring-width: 2px;--tile-ring-color: #DD6089;--badge-bg: rgba(0,0,0,.65);--badge-text: #fff;--card-bg: #0B0B0B;--card-text: #ECE9E7;--cta-bg: #FFFFFF;--cta-text: #000000}.story-rail .story-rail__heading,.story-rail .fit-scale__heading,.story-rail .fit-scale h3,.story-rail .fit-scale .section-heading{font-size:16px;font-weight:600;margin:0 0 1.5rem;line-height:1.4;color:inherit}.story-rail__scroller{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:12px;overflow-x:auto;padding:6px 6px 10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.story-tile{-webkit-appearance:none;appearance:none;background:transparent;border:var(--tile-ring-width) solid var(--tile-ring-color);width:var(--tile-size);height:var(--tile-size);border-radius:var(--tile-radius);padding:2px;cursor:pointer;position:relative;scroll-snap-align:start;transition:transform .16s ease;overflow:hidden}.story-tile:focus-visible{outline:2px solid currentColor;outline-offset:2px}.story-tile:active{transform:scale(.98)}.story-tile__media,.story-tile__media img,.story-tile__media video{display:block;width:100%;height:100%;border-radius:calc(var(--tile-radius) - 1px);object-fit:cover}.story-tile__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#999;font-size:12px;text-align:center;padding:8px}.story-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:4px 10px;border-radius:9999px;font-weight:700;font-size:13px;line-height:1;white-space:nowrap;color:var(--badge-text);background:var(--badge-bg);pointer-events:none;text-align:center}.story-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9999}.story-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.story-modal__dialog{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;max-width:480px;height:100%;background:#000;color:#fff;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.story-modal__media{position:relative;flex:1 1 auto;background:#000;display:grid;place-items:center;z-index:1}.story-modal__media video{width:100%;height:100%;object-fit:cover;background:#000;display:block;pointer-events:auto}.story-modal__media:after{content:"";position:absolute;width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#ffffffe6;animation:storyspin .9s linear infinite;opacity:0;transition:opacity .15s ease;pointer-events:none}.story-modal[data-loading=true] .story-modal__media:after{opacity:1}@keyframes storyspin{to{transform:rotate(360deg)}}.story-modal__tap{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;color:#fff;background:#00000040;font-weight:600;z-index:2}.story-modal[data-need-gesture=true] .story-modal__tap{display:grid}.story-modal__close{position:absolute;top:22px;right:12px;z-index:4;background:#0006;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.story-modal__media:before{content:"";position:absolute;left:0;right:0;top:0;height:90px;z-index:2;background:linear-gradient(180deg,#00000059,#0000);pointer-events:none}.story-modal__card{position:absolute;left:0;right:0;bottom:-1px;z-index:3;background:#1111119e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0;padding:20px;display:flex;align-items:center;gap:12px}.story-modal__title{display:none}.story-modal__product{flex:1 1 auto;min-width:0}.story-product__card{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;background:transparent;padding:0;border-radius:0}.story-product__img{width:92px;height:92px;object-fit:cover;flex-shrink:0;background:#222;display:block}.story-product__body{flex:1 1 auto;min-width:0}.story-product__title{margin:0;font-size:15px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-product__price{margin-top:2px;font-size:14px;font-weight:600;color:#fff}.story-price--sale{font-weight:800;margin-right:6px;color:#fff}.story-price--compare{opacity:.65;text-decoration:line-through;font-size:13px}.story-modal__cta{background:#000;color:#fff;font-weight:600;font-size:14px;padding:12px 36px;text-decoration:none;flex-shrink:0;transition:background .2s ease,transform .15s ease}.story-modal__cta:hover{background:#111}.story-modal__cta:active{transform:scale(.96)}.story-progress{position:absolute;left:12px;right:12px;top:8px;height:3px;z-index:4;background:#ffffff38;border-radius:999px;overflow:hidden}.story-progress__bar{width:0%;height:100%;background:#fff;border-radius:inherit;transition:width .2s linear}.story-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border-radius:50%;background:#00000073;color:#fff;display:grid;place-items:center;cursor:pointer;border:none}.story-arrow--prev{left:8px}.story-arrow--next{right:8px}.story-share{position:absolute;right:12px;top:56px;z-index:4;width:36px;height:36px;border-radius:50%;background:#00000073;color:#fff;display:grid;place-items:center;border:none}html.story-modal-open,body.story-modal-open{overflow:hidden}@media(min-width:768px){.story-modal__dialog{max-width:520px;height:min(92vh,860px);border-radius:0}}.story-modal{opacity:0;pointer-events:none}.story-modal[aria-hidden=false]{display:block}.story-modal.is-open{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.story-modal__overlay,.story-modal__dialog{transition:none!important}}.story-modal{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;transition:opacity .28s ease,visibility 0s linear .28s}.story-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease}.story-modal__overlay{opacity:0;transition:opacity .28s ease}.story-modal.is-open .story-modal__overlay{opacity:1}.story-modal__dialog{transform:translateY(16px) scale(.985);opacity:0;transition:transform .32s cubic-bezier(.21,.61,.35,1),opacity .24s ease}.story-modal.is-open .story-modal__dialog{transform:none;opacity:1}.story-modal.is-closing .story-modal__overlay{opacity:0}.story-modal.is-closing .story-modal__dialog{transform:translateY(16px) scale(.985);opacity:0}@media(prefers-reduced-motion:reduce){.story-modal,.story-modal__overlay,.story-modal__dialog{transition:none!important}}.story-progress{position:absolute;top:8px;left:12px;right:12px;display:flex;gap:4px;z-index:10}.story-progress__segment{flex:1;background:#ffffff40;height:100%;border-radius:2px;overflow:hidden}.story-progress__segment span{display:block;height:100%;width:0;background:#fff;transition:width linear}.story-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;font-size:24px;font-weight:400;color:#fff;background:none;border:none;cursor:pointer;padding:0;line-height:1;transition:opacity .2s ease,transform .15s ease}.story-nav:hover{opacity:.9;transform:translateY(-50%) scale(1.08)}.story-nav:active{transform:translateY(-50%) scale(.96)}.story-nav--prev{left:12px}.story-nav--next{right:12px}@media(max-width:768px){.story-nav{font-size:28px}.story-nav--prev{left:18px}.story-nav--next{right:18px}}.story-share{position:absolute;top:22px;right:52px;background:#0006;border:none;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.story-audio-toggle{position:absolute;right:12px;bottom:184px;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .2s ease,transform .12s ease}.story-audio-toggle:hover{background:#000c}.story-audio-toggle:active{transform:scale(.96)}.story-audio-toggle svg{width:20px;height:20px;display:none;pointer-events:none}.story-audio-toggle[data-muted=true] .icon-mute,.story-audio-toggle[data-muted=false] .icon-sound{display:block}@media(max-width:768px){.story-audio-toggle{bottom:114px}}.story-modal.story--floater .story-modal__overlay{display:none!important}.story-modal.story--floater .story-modal__dialog{position:fixed;right:16px;bottom:16px;z-index:9999;width:min(360px,92vw);max-height:min(76vh,700px);display:grid;grid-template-rows:auto 1fr auto;gap:10px;border-radius:14px;overflow:hidden;background:var(--card-bg, #0B0B0B);color:var(--card-text, #ECE9E7);box-shadow:0 12px 40px #00000059;pointer-events:auto}.story-modal.story--floater{pointer-events:none}.story-modal.story--floater .story-modal__dialog,.story-modal.story--floater .story-modal__dialog *{pointer-events:auto}.story-modal.story--floater .story-progress{padding:10px 10px 0}.story-modal.story--floater .story-modal__media{position:relative;height:52vh;max-height:380px;min-height:220px;background:#000}.story-modal.story--floater .story-modal__card{padding:10px;background:transparent}.story-modal.story--floater .story-modal__close{position:absolute;top:10px;right:8px;background:none;border:0;color:inherit;font-size:18px;line-height:1;opacity:.8}.story-modal.story--floater .story-modal__close:hover{opacity:1}.story-modal.story--floater .story-share{position:absolute;top:10px;left:10px;background:none;border:0;color:inherit;opacity:.85}.story-modal.story--floater .story-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:22px;padding:4px 8px;opacity:.8}.story-modal.story--floater .story-nav--prev{left:6px}.story-modal.story--floater .story-nav--next{right:6px}.story-modal.story--floater .story-audio-toggle{position:absolute;right:10px;bottom:10px;z-index:5;width:40px;height:40px;border-radius:999px;background:#00000073;color:#fff;border:0;display:grid;place-items:center;cursor:pointer}@media(max-width:767px){.story-modal.story--floater .story-modal__dialog{right:0;left:0;bottom:0;width:100vw;max-height:78vh;border-radius:12px 12px 0 0}.story-modal.story--floater .story-modal__media{height:46vh;min-height:200px}}.story--floater .story-modal{position:fixed!important;bottom:16px;right:16px;width:320px;max-width:90vw;height:auto;max-height:70vh;background:#000;border-radius:12px;overflow:hidden;z-index:99999;box-shadow:0 8px 28px #00000080}.story--floater .story-modal__overlay{display:none!important}.story--floater .story-modal__dialog{position:relative;width:100%;height:100%}.story--floater .story-progress{position:absolute;top:6px;left:6px;right:6px;display:flex;gap:4px;z-index:2}.story--floater .story-progress__segment{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.story--floater .story-progress__segment span{display:block;height:100%;width:0%;background:#fff;transition:width .2s linear}.story--floater .story-modal__close{position:absolute;top:6px;right:6px;z-index:3;background:#00000080;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;line-height:1}.story--floater .story-share{position:absolute;top:6px;left:6px;z-index:3;background:#00000080;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff}.story--floater .story-audio-toggle{position:absolute;bottom:8px;left:8px;z-index:3;background:#0009;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.story--floater .story-nav{display:none!important}.story--floater .story-modal__card{background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:8px;position:absolute;bottom:0;left:0;right:0;color:#fff;font-family:inherit}.story--floater .story-modal__title{font-size:13px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story--floater .story-modal__product{font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.story--floater .story-modal__cta{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#000;font-size:18px;font-weight:700;text-decoration:none;margin-left:6px}.story--floater .story-modal__cta:before{content:"\f0\178\203a\2019";margin-right:2px}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.story-modal__dialog{height:100vh;height:100dvh}@supports (height: 100svh){.story-modal__dialog{height:100svh}}.story-progress{top:calc(8px + var(--safe-top))}.story-modal__close,.story-share{top:calc(12px + var(--safe-top))}.story-modal__card{bottom:var(--safe-bottom);padding-bottom:calc(20px + var(--safe-bottom))}.story-audio-toggle{bottom:calc(184px + var(--safe-bottom))}@media(min-width:992px){.story-modal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:none;z-index:0}.story-modal__dialog{position:relative;z-index:1}}@media(max-width:767.98px){.story-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;height:100svh;height:calc(var(--vh, 1vh) * 100);overscroll-behavior:contain;-webkit-overflow-scrolling:auto}.story-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.story-modal__dialog{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;height:100%;width:100%;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.story-modal__media,.story-modal__body{flex:1 1 auto;min-height:0}.story-modal video[data-video]{width:100%;height:100%;object-fit:cover}html.story-modal-open,body.story-modal-open{overflow:hidden;touch-action:none}.story-modal__footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}:root{--story-hit: 44px;--story-icon: 22px;--story-pad: 12px}.story-modal__close,.story-audio-toggle,.story-share{position:absolute;z-index:3;width:var(--story-hit);height:var(--story-hit);display:grid;place-items:center;padding:0;margin:0;border:0;background:none!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.story-modal__close{left:var(--story-pad);top:calc(env(safe-area-inset-top,0px) + var(--story-pad))}.story-audio-toggle{right:var(--story-pad);top:calc(env(safe-area-inset-top,0px) + var(--story-pad))}.story-share{right:var(--story-pad);top:calc(env(safe-area-inset-top,0px) + var(--story-pad) + var(--story-hit) + 6px)}.story-modal__close svg,.story-audio-toggle svg,.story-share svg{width:var(--story-icon);height:var(--story-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.story-audio-toggle .icon-muted{display:none}.story-audio-toggle[data-muted=true] .icon-unmuted{display:none}@media(min-width:768px){:root{--story-hit: 48px;--story-icon: 24px}}.story-audio-toggle svg{width:var(--story-icon,22px);height:var(--story-icon,22px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.story-audio-toggle .icon-unmuted{display:block}.story-audio-toggle .icon-muted,.story-audio-toggle[data-muted=true] .icon-unmuted{display:none}.story-audio-toggle[data-muted=true] .icon-muted{display:block}.story-icon-btn,.story-modal__close,.story-audio-toggle,.story-share{--story-icon: 22px;background:none;border:0;color:#fff;padding:8px;display:inline-flex;align-items:center;justify-content:center}.story-icon-btn svg,.story-modal__close svg,.story-audio-toggle svg,.story-share svg{width:var(--story-icon);height:var(--story-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.story-icon-btn:hover svg,.story-modal__close:hover svg,.story-audio-toggle:hover svg,.story-share:hover svg{opacity:1}.story-icon-btn:focus-visible,.story-modal__close:focus-visible,.story-audio-toggle:focus-visible,.story-share:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:8px}.story-modal__close{position:absolute;left:12px;top:max(12px,env(safe-area-inset-top))}:root{--sr-icon-size: 26px;--sr-icon-stroke: 2.2}@media(min-width:768px){:root{--sr-icon-size: 30px;--sr-icon-stroke: 2.2}}.story-icon-btn,.story-modal__close,.story-audio-toggle,.story-share{min-width:44px;min-height:44px;padding:12px}.story-icon-btn svg,.story-modal__close svg,.story-audio-toggle svg,.story-share svg{width:var(--sr-icon-size);height:var(--sr-icon-size);stroke-width:var(--sr-icon-stroke)}.story-modal__close{top:calc(env(safe-area-inset-top,0px) + 10px);left:10px}.story-header-right{top:calc(env(safe-area-inset-top,0px) + 10px);right:10px;gap:12px}.story-badge-below{margin-top:8px;text-align:center}.story-badge{padding:4px 12px;background:var(--badge-bg, rgba(0,0,0,.7));color:var(--badge-text, #fff);border-radius:999px;font-size:12px;font-weight:600;margin:8px 0;display:none}.story-modal__card{flex-direction:column;gap:8px}.story-modal__title{margin:0;text-align:center}.story-badge[data-badge]{display:block;text-align:center;font-weight:600;letter-spacing:.02em;line-height:1.3}.story-tile-wrapper{display:flex;flex-direction:column;align-items:center}.story-badge-below{margin-top:10px;font-size:13px;line-height:1.2;text-align:center;font-weight:500;max-width:100%;text-transform:uppercase}.story-modal__media{position:relative}.story-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer}.story-play-overlay svg{width:64px;height:64px}.story-modal__card{left:50%;transform:translate(-50%);width:min(90vw,470px);background:#0000007a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.story-badge{font-weight:700;font-size:clamp(13px,3vw,16px);line-height:1.25;color:#fff;margin:0}.story-desc{margin:6px 0 0;font-size:clamp(12px,2.6vw,14px);line-height:1.35;color:#ffffffeb;white-space:normal;word-break:break-word}@media(min-width:768px){.story-modal__card{bottom:9vh;padding:16px 22px}}.story-modal__title{margin:0 0 8px;text-align:center}.story-badge{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:10px 18px;border-radius:9999px;font-weight:700;text-align:center;pointer-events:auto;white-space:normal}.story-desc{position:relative;z-index:1;display:block;max-width:100%;padding:10px 14px;border-radius:14px;text-align:center;line-height:1.35;white-space:normal;overflow:hidden;text-overflow:ellipsis}.story-modal__card:before{display:none!important}.story-modal__cta{display:none!important}.story-modal .story-modal__card{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)!important}.story-modal .story-modal__card:before{background:inherit}.story-modal .story-modal__title,.story-modal [data-badge],.story-modal [data-desc]{align-self:stretch}.story-modal .story-modal__card>*{pointer-events:auto}.story-modal .story-badge{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;color:var(--card-text, #fff);font-size:18px;line-height:1.25;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.35)}.story-modal .story-desc{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:2px 0 0!important;color:var(--card-text, #fff);font-size:14px;line-height:1.45;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.35)}.story-modal .story-modal__card:before{display:none!important}.story-modal .story-modal__cta{display:none!important}.story-modal .story-audio-toggle{bottom:calc(env(safe-area-inset-bottom,0px) + 80px)!important}.story-modal .story-play-overlay{background:transparent!important}.story-modal .story-play-overlay svg{width:64px;height:64px;fill:#fff!important;stroke:#fff!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.story-modal .story-play-overlay svg polygon{fill:#fff!important;stroke:#fff!important}@media(min-width:768px){.story-modal .story-modal__card{bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;padding:16px 20px}}.story-modal .story-modal__card{bottom:calc(env(safe-area-inset-bottom,0px) + 40px)!important;padding:34px 16px 24px}.story-modal .story-desc{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;margin-top:2px!important}.story-tile{transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease}@media(hover:hover)and (pointer:fine){.story-tile:hover{transform:scale(1.06);z-index:3;box-shadow:0 8px 20px #00000040}}.story-tile:focus-visible{transform:scale(1.06)}.story-tile:active{transform:scale(1.02)}.story-modal__close,.story-audio-toggle,.story-share{width:48px;height:48px}.story-modal__close svg,.story-audio-toggle svg,.story-share svg{width:28px;height:28px;stroke-width:2.4}.story-modal.story--floater .story-modal__close,.story--floater .story-modal__close,.story-modal.story--floater .story-share,.story--floater .story-share{width:36px;height:36px}.story-modal.story--floater .story-audio-toggle,.story--floater .story-audio-toggle{width:42px;height:42px}.story-modal.story--floater .story-modal__close svg,.story--floater .story-modal__close svg,.story-modal.story--floater .story-share svg,.story--floater .story-share svg{width:22px;height:22px;stroke-width:2.4}.story-modal.story--floater .story-audio-toggle svg,.story--floater .story-audio-toggle svg{width:24px;height:24px;stroke-width:2.4}
/*# sourceMappingURL=/cdn/shop/t/3/assets/story-rail.css.map */