.samdia-reels{position:relative}.samdia-reels__head{text-align:center;margin:0 0 22px}.samdia-reels__title{margin:0}.samdia-reels__sub{margin:8px 0 0;opacity:.8}.samdia-reels__stage{position:relative}.samdia-reels__track{--w:min(64vw,260px);--gap:14px;display:flex;gap:var(--gap);list-style:none;margin:0;padding:8px 0 16px;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;outline-offset:2px}.samdia-reels__track::-webkit-scrollbar{display:none}.samdia-reels__track:before,.samdia-reels__track:after{content:"";flex:0 0 max(0px,calc(50% - var(--w) / 2 - var(--gap)))}@media(min-width:750px){.samdia-reels__track{--w:270px;--gap:18px}}.samdia-reels.is-static .samdia-reels__track{justify-content:center;overflow-x:hidden}.samdia-reels.is-static .samdia-reels__track:before,.samdia-reels.is-static .samdia-reels__track:after{display:none}.samdia-reels.is-static .samdia-reels__arrow{display:none}.samdia-reel{flex:0 0 var(--w);width:var(--w);aspect-ratio:9/16;position:relative;margin:0;border-radius:18px;overflow:hidden;background:#14101a;scroll-snap-align:center;transform:scale(.88);opacity:.7;transition:transform .35s ease,opacity .35s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.samdia-reel.is-active{transform:none;opacity:1;cursor:default;box-shadow:0 10px 30px #00000059}.samdia-reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#14101a;display:block}.samdia-reel__ctrl{position:absolute;top:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#00000080;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.samdia-reel__sound,.samdia-reel__toggle{left:10px}.samdia-reel__sound+.samdia-reel__toggle,.samdia-reel__toggle+.samdia-reel__sound{left:54px}.samdia-reel.is-active .samdia-reel__ctrl{opacity:1;pointer-events:auto}.samdia-reel__ctrl:focus-visible{outline:3px solid #ff2fa8;outline-offset:2px}.samdia-reel__toggle[data-state=playing] .i-play,.samdia-reel__toggle[data-state=paused] .i-pause,.samdia-reel__sound[aria-pressed=true] .i-off,.samdia-reel__sound[aria-pressed=false] .i-on{display:none}.samdia-reel__info{position:absolute;left:0;right:0;bottom:0;padding:48px 14px 14px;background:linear-gradient(to bottom,#0000,#000000c7);color:#fff;pointer-events:none}.samdia-reel__info p{margin:0}.samdia-reel__name{font-weight:700;font-size:15px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.5)}.samdia-reel__stars{display:flex;gap:2px;margin-top:4px!important}.samdia-reel__stars svg{color:#ffffff59}.samdia-reel__stars svg.is-on{color:#ffc83d}.samdia-reel__caption{font-size:13px;line-height:1.35;margin-top:4px!important;opacity:.95}.samdia-reel__shop{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:999px;background:#ff2fa8;color:#fff;font-weight:700;font-size:13px;line-height:1;text-decoration:none;pointer-events:auto}.samdia-reel__shop:hover{background:#e0208f;color:#fff}.samdia-reel:not(.is-active) .samdia-reel__shop{pointer-events:none}.samdia-reel__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:16px;color:#fff;font-size:14px;line-height:1.4;background:repeating-linear-gradient(45deg,#2a2033,#2a2033 12px,#241b2b 12px 24px)}.samdia-reels__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#fffffff0;color:#111;box-shadow:0 3px 10px #0000004d;cursor:pointer;transition:opacity .2s ease,background .2s ease}.samdia-reels__arrow--prev{left:6px}.samdia-reels__arrow--next{right:6px}.samdia-reels__arrow:hover{background:#fff}.samdia-reels__arrow:focus-visible{outline:3px solid #ff2fa8;outline-offset:2px}.samdia-reels__arrow:disabled{opacity:.3;cursor:default}@media(min-width:990px){.samdia-reels__arrow--prev{left:max(6px,calc(50% - 540px))}.samdia-reels__arrow--next{right:max(6px,calc(50% - 540px))}}@media(prefers-reduced-motion:reduce){.samdia-reel,.samdia-reel__ctrl,.samdia-reels__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/samdia-reels.css.map */