.dn3-reels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease}.dn3-reels.is-open{opacity:1}.dn3-reels__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0b0b}.dn3-reels__stage{position:relative;display:flex;width:100%;height:100%;background:#0b0b0b;overflow:hidden}.dn3-reels__rail{width:96px;flex-shrink:0;background:#141312;padding:16px 0;display:none;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;scrollbar-width:none}.dn3-reels__rail::-webkit-scrollbar{width:0;height:0}.dn3-reels__railthumb{position:relative;width:60px;height:80px;flex-shrink:0;cursor:pointer;opacity:.45;background:#2a2724;overflow:hidden;transition:opacity .18s ease,box-shadow .18s ease}.dn3-reels__railthumb.is-active{opacity:1;box-shadow:0 0 0 2px #fafaf9}.dn3-reels__railthumb img,.dn3-reels__railthumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}.dn3-reels__viewport{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;background:#0b0b0b;touch-action:pan-y;overscroll-behavior:contain}.dn3-reels__slides{position:relative;width:100%;height:100%}.dn3-reels__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .25s ease;display:flex;align-items:center;justify-content:center;background:#0b0b0b}.dn3-reels__slide.is-active{opacity:1;pointer-events:auto}.dn3-reels__slide img,.dn3-reels__slide video{width:100%;height:100%;object-fit:cover}.dn3-reels__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 22%,transparent 45%,rgba(0,0,0,.8) 100%)}.dn3-reels__progress{position:absolute;top:12px;left:16px;right:16px;z-index:4;display:flex;gap:3px}.dn3-reels__progress-dot{flex:1;height:2.5px;overflow:hidden;background:#fafaf947}.dn3-reels__progress-fill{display:block;width:0%;height:100%;background:#fafaf9;will-change:width}.dn3-reels__topbar{position:absolute;top:26px;left:16px;right:16px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px}.dn3-reels__eyebrow{font-family:var(--font-body);font-size:9.5px;font-weight:900;letter-spacing:.2em;color:#fafaf9}.dn3-reels__topbar-actions{display:flex;align-items:center;gap:8px}.dn3-reels__mute{height:26px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;background:#fafaf924;border:none;color:#fafaf9;cursor:pointer;font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.1em}.dn3-reels__close{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#fafaf924;border:none;color:#fafaf9;cursor:pointer}.dn3-reels__tap{position:absolute;top:64px;bottom:210px;z-index:3;cursor:pointer}.dn3-reels__tap--prev{left:0;width:30%}.dn3-reels__tap--next{left:30%;right:0}.dn3-reels__nav{position:absolute;right:26px;top:50%;transform:translateY(-50%);z-index:5;display:none;flex-direction:column;align-items:center;gap:22px}.dn3-reels__navbtn{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:#fafaf91f;color:#fafaf9;display:inline-flex;align-items:center;justify-content:center}.dn3-reels__counter{font-family:var(--font-body);font-size:9.5px;font-weight:700;letter-spacing:.1em;color:#fafaf999;writing-mode:vertical-rl}.dn3-reels__caption{position:absolute;left:16px;right:16px;bottom:104px;z-index:5;display:flex;flex-direction:column;gap:10px}.dn3-reels__author{display:flex;align-items:center;gap:8px}.dn3-reels__avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:#fafaf92e;color:#fafaf9;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:10px;font-weight:900}.dn3-reels__author-name{font-family:var(--font-body);font-size:12px;font-weight:700;color:#fafaf9}.dn3-reels__author-sub{font-family:var(--font-body);font-size:9.5px;color:#fafaf99e}.dn3-reels__stars{display:flex;gap:1.5px;margin-left:2px}.dn3-reels__text{font-family:var(--font-body);font-size:12px;line-height:1.55;color:#fafaf9eb;margin:0;text-wrap:pretty}.dn3-reels__tag{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#0b0b0b8c;padding:5px 10px 5px 5px;font-family:var(--font-body);font-size:9.5px;font-weight:900;letter-spacing:.12em;color:#fafaf9}.dn3-reels__tag img{width:26px;height:32px;object-fit:cover}.dn3-reels__product{width:330px;flex-shrink:0;display:none;flex-direction:column;background:var(--color-bg, #FBFAF7);border-left:1px solid #E8E2D9}.dn3-reels__product-images{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e8e2d9}.dn3-reels__product-images img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.dn3-reels__product-body{flex:1;padding:18px 20px;display:flex;flex-direction:column;gap:8px}.dn3-reels__product-eyebrow{font-family:var(--font-body);font-size:9.5px;font-weight:900;letter-spacing:.18em;color:#8b857b}.dn3-reels__product-title{font-family:var(--font-heading);font-size:19px;font-weight:400;color:var(--color-primary);margin:0}.dn3-reels__product-price{font-family:var(--font-body);font-size:16px;font-weight:800;color:var(--color-primary);margin:0}.dn3-reels__product-compare{font-size:11px;font-weight:400;color:#8b857b;text-decoration:line-through}.dn3-reels__product-spacer{flex:1}.dn3-reels__atc{width:100%;height:48px;border:none;cursor:pointer;background:var(--color-primary);color:#fafaf9;font-family:var(--font-body);font-size:11px;font-weight:900;letter-spacing:.16em}.dn3-reels__view{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #D8D3C7;text-decoration:none;color:var(--color-primary);font-family:var(--font-body);font-size:9.5px;font-weight:700;letter-spacing:.16em}.dn3-reels__buybar{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:12px 16px calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;background:linear-gradient(to top,#0b0b0bf5,#0b0b0b8c)}.dn3-reels__buybar-price{display:flex;flex-direction:column;gap:1px;font-family:var(--font-body);font-size:15px;font-weight:900;color:#fafaf9;line-height:1}.dn3-reels__buybar-compare{font-size:9.5px;font-weight:400;color:#fafaf98c;text-decoration:line-through}.dn3-reels__atc--bar{flex:1;height:46px;background:#fafaf9;color:var(--color-primary)}@media(min-width:900px){.dn3-reels__stage{width:94vw;max-width:1100px;height:88vh;max-height:700px}.dn3-reels__rail,.dn3-reels__product,.dn3-reels__nav{display:flex}.dn3-reels__buybar{display:none}.dn3-reels__viewport{max-width:420px}.dn3-reels__caption{bottom:20px;right:78px}.dn3-reels__tap{bottom:120px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dn3-ugc-reels-r4-20260826.css.map */