html.tm-story-open,html.tm-story-open body{overflow:hidden}.tm-stories{--tm-story-accent: #e87722;--tm-story-ring: linear-gradient(135deg, #f59e0b, #e87722 45%, #ea580c);padding:14px 0 6px;background:#fff}.tm-stories__head{padding:0 16px 8px;max-width:1200px;margin:0 auto}.tm-stories__heading{margin:0;font-size:15px;font-weight:700;letter-spacing:.01em;color:#111}.tm-stories__rail{display:flex;gap:12px;overflow-x:auto;padding:4px 16px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:1200px;margin:0 auto}.tm-stories__rail::-webkit-scrollbar{display:none}.tm-stories__item{flex:0 0 auto;width:88px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:transparent;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}.tm-stories__ring{width:68px;height:68px;border-radius:50%;padding:2px;background:var(--tm-story-ring);box-sizing:border-box}.tm-stories__item.is-seen .tm-stories__ring{background:#d1d5db}.tm-stories__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff;background:#f3f4f6}.tm-stories__avatar--fallback{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#6b7280}.tm-stories__label{width:100%;min-height:2.4em;font-size:11px;font-weight:700;line-height:1.2;text-align:center;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.tm-story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.tm-story-viewer[hidden]{display:none!important}.tm-story-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.tm-story-viewer__panel{position:relative;width:min(420px,100%);height:min(760px,calc(100dvh - 24px));border-radius:18px;overflow:hidden;background:#111;color:#fff;box-shadow:0 20px 50px #00000073}.tm-story-viewer__progress{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;gap:4px}.tm-story-viewer__bar{flex:1;height:2.5px;border-radius:99px;background:#ffffff47;overflow:hidden}.tm-story-viewer__bar>i{display:block;height:100%;width:0%;background:#fff;border-radius:inherit}.tm-story-viewer__bar.is-done>i{width:100%}.tm-story-viewer__bar.is-active>i{animation:tm-story-progress var(--tm-story-duration, 5s) linear forwards}@keyframes tm-story-progress{0%{width:0%}to{width:100%}}.tm-story-viewer__close{position:absolute;top:22px;right:10px;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:#00000059;color:#fff;font-size:24px;line-height:1;cursor:pointer}.tm-story-viewer__media{position:absolute;top:0;right:0;bottom:0;left:0}.tm-story-viewer__img{width:100%;height:100%;object-fit:cover;display:block;background:#1f2937}.tm-story-viewer__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 28%,transparent 48%,rgba(0,0,0,.78) 100%);pointer-events:none}.tm-story-viewer__copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 18px calc(22px + env(safe-area-inset-bottom,0px))}.tm-story-viewer__date{margin:0 0 6px;font-size:11px;opacity:.8}.tm-story-viewer__title{margin:0 0 8px;font-size:18px;line-height:1.25;font-weight:800}.tm-story-viewer__excerpt{margin:0 0 14px;font-size:13px;line-height:1.4;opacity:.92}.tm-story-viewer__cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;background:var(--tm-story-accent);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700}.tm-story-viewer__nav{position:absolute;top:56px;bottom:120px;width:42%;border:0;background:transparent;cursor:pointer;z-index:2}.tm-story-viewer__nav--prev{left:0}.tm-story-viewer__nav--next{right:0}@media(min-width:769px){.tm-stories{padding:18px 0 8px}.tm-stories__head{padding-left:24px;padding-right:24px}.tm-stories__rail{padding-left:24px;padding-right:24px;gap:18px}.tm-stories__item{width:92px}.tm-stories__ring{width:76px;height:76px}}body.tm-has-tabbar .tm-story-viewer__panel{height:min(760px,calc(100dvh - 24px - var(--tm-tabbar-total, 56px)))}
/*# sourceMappingURL=/cdn/shop/t/13/assets/tm-stories.css.map */