.tp-stories{--tp-stories-size: 56px;display:flex;flex-direction:column;gap:16px;padding:16px 20px;border-radius:16px;background:var(--tp-stories-bg, #fff6ee)}.tp-stories__heading{margin:0;color:#1b1c1e;font-family:"Barlow",var(--tp-font-body),sans-serif;font-size:12px;font-weight:600;line-height:1.4;text-transform:uppercase}.tp-stories__list{display:flex;justify-content:space-between;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tp-stories__list::-webkit-scrollbar{display:none}.tp-stories__item{flex:0 0 auto}.tp-stories__bubble{display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--tp-stories-size);padding:0;border:0;background:none;font:inherit;cursor:pointer}.tp-stories__ring{display:block;width:var(--tp-stories-size);height:var(--tp-stories-size);border:2.5px solid var(--tp-stories-ring, #bd8a5a);border-radius:50%;overflow:hidden;background:#991515;transition:transform var(--tp-transition-fast, .15s) ease}.tp-stories__bubble:hover .tp-stories__ring{transform:scale(1.04)}.tp-stories__thumb{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.tp-stories__thumb video,.tp-stories__thumb img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.tp-stories__label{max-width:100%;overflow:hidden;color:#1b1c1e;font-family:"Barlow",var(--tp-font-body),sans-serif;font-size:12px;font-weight:500;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tp-stories__bubble:focus-visible .tp-stories__ring{outline:2px solid #1b1c1e;outline-offset:3px}.tp-stories-lock,.tp-stories-lock body{overflow:hidden}.tp-stories__viewer[hidden]{display:none}.tp-stories__viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tp-stories__modal{position:relative;display:flex;flex-direction:column;width:min(100%,420px);max-height:100%;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 24px 60px #00000073}.tp-stories__topbar{position:absolute;top:0;right:0;left:0;z-index:3;display:flex;flex-direction:column;gap:10px;padding:12px 56px 24px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent);pointer-events:none}.tp-stories__progress{display:flex;gap:4px}.tp-stories__segment{flex:1;height:3px;border-radius:2px;background:#ffffff4d;overflow:hidden}.tp-stories__segment-fill{display:block;width:0;height:100%;background:#fff}.tp-stories__viewer-title{margin:0;color:#fff;font-family:"Barlow",var(--tp-font-body),sans-serif;font-size:15px;font-weight:600;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tp-stories__close{position:absolute;top:10px;right:10px;z-index:4;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.tp-stories__close:hover{background:#000000a6}.tp-stories__close svg{width:20px;height:20px;fill:none}.tp-stories__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.tp-stories__stage .tp-stories__video{width:100%;height:100%;max-height:100%;border-radius:0;object-fit:cover}.tp-stories__nav{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;width:32%;padding:0 10px;border:0;background:none;color:#fff;cursor:pointer}.tp-stories__nav--prev{left:0;justify-content:flex-start}.tp-stories__nav--next{right:0;justify-content:flex-end}.tp-stories__nav:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:-4px}.tp-stories__nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#00000073;transition:background var(--tp-transition-fast, .15s) ease,opacity var(--tp-transition-fast, .15s) ease}.tp-stories__nav:hover .tp-stories__nav-icon{background:#000000a6}.tp-stories__nav-icon svg{width:18px;height:18px;fill:none}.tp-stories__nav[disabled]{cursor:default}.tp-stories__nav[disabled] .tp-stories__nav-icon{opacity:0}@media screen and (min-width:750px){.tp-stories{--tp-stories-size: var(--tp-stories-size-desktop, 80px)}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/tp-product-stories.css.map */