.ydm-reels{--reel-w: 300px;--reel-h: 468px;--reel-hc: 534px;--reel-gap: 16px;--reel-card: 76px;--reel-card-gap: 12px;--reel-links: 40px;--reel-ease: cubic-bezier(.22, .61, .36, 1);--reel-line: rgb(var(--color-foreground-rgb) / .12);position:relative;display:block;width:100%;margin-top:var(--ydm-gap-block)}@media(max-width:749px){.ydm-reels{--reel-w: 250px;--reel-h: 392px;--reel-hc: 444px;--reel-gap: 12px;--reel-card: 72px}}.ydm-reels__stage{position:relative;display:block;width:100%;overflow:hidden}.ydm-reels__track{display:flex;align-items:center;gap:var(--reel-gap);margin:0;padding:0 calc(50% - var(--reel-w) / 2);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ydm-reels__track::-webkit-scrollbar{display:none}.ydm-reel{display:block;flex:0 0 var(--reel-w);width:var(--reel-w);margin:0;padding:0;scroll-snap-align:center}.ydm-reels.is-native .ydm-reels__track{position:relative;align-items:flex-start;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ydm-reels.is-native .ydm-reel{transform-origin:50% 50%;will-change:transform}.ydm-reels.is-native .ydm-reel__media{height:var(--reel-hc)}.ydm-reels.is-ready .ydm-reels__stage{height:calc(var(--reel-hc) + var(--reel-card-gap) + var(--reel-card) + var(--reel-links));touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.ydm-reels.is-dragging .ydm-reels__stage{cursor:grabbing}.ydm-reels.is-ready .ydm-reels__track{display:block;position:absolute;top:0;right:0;bottom:0;left:0;padding:0;overflow:visible}.ydm-reels.is-ready .ydm-reel{position:absolute;top:0;left:50%;margin-left:calc(var(--reel-w) / -2);transition:transform var(--reel-glide, .5s) var(--reel-ease);will-change:transform}.ydm-reel__media{position:relative;display:block;height:var(--reel-h);overflow:hidden;border-radius:var(--ydm-radius, 12px);background:rgb(var(--color-foreground-rgb) / .08);cursor:pointer}.ydm-reels.is-ready .ydm-reel__media{transition:height var(--reel-glide, .5s) var(--reel-ease)}.ydm-reels.is-dragging .ydm-reel,.ydm-reels.is-dragging .ydm-reel__media,.ydm-reels .ydm-reel.no-anim,.ydm-reels .ydm-reel.no-anim .ydm-reel__media{transition:none}.ydm-reel__cover,.ydm-reel__video,.ydm-reel__snap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.ydm-reel__snap{opacity:0;pointer-events:none}.ydm-reel.has-snap .ydm-reel__snap{opacity:1}.ydm-reel__video{opacity:0;pointer-events:none}.ydm-reel.is-playing .ydm-reel__video{opacity:1;transition:opacity .15s ease}.ydm-reel__sound{position:absolute;right:14px;bottom:14px;z-index:2;display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgb(255 255 255 / .25);border-radius:50%;background:#0a0a0a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer}.ydm-reel.is-centre .ydm-reel__sound{display:inline-flex}.ydm-reel__sound svg{width:20px;height:20px}.ydm-reel__icon-on,.ydm-reels.is-sound .ydm-reel__icon-off{display:none}.ydm-reels.is-sound .ydm-reel__icon-on{display:block}.ydm-reel__card{display:block;margin-top:var(--reel-card-gap);overflow:hidden;border:1px solid var(--reel-line);border-radius:var(--ydm-radius, 12px);background:#fff;transition:border-color .2s ease}.ydm-reel__card:hover{border-color:rgb(var(--color-foreground-rgb) / .35)}.ydm-reel__main{display:flex;align-items:center;gap:12px;height:calc(var(--reel-card) - 2px);padding:0 12px 0 10px;color:inherit;text-decoration:none;-webkit-user-drag:none}.ydm-reel__thumb{display:block;flex:0 0 52px;width:52px;height:52px;object-fit:cover;border-radius:8px;background:#fff}.ydm-reel__text{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.ydm-reel__name{overflow:hidden;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.ydm-reel__sub{display:block;min-height:calc(var(--reel-lines, 1) * 1.35em);font-size:13px;line-height:1.35;color:rgb(var(--color-foreground-rgb) / .65)}.ydm-reel__links{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--reel-links);max-height:0;padding:0 12px;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .35s ease,opacity .3s ease,visibility 0s linear .35s}.ydm-reel.is-centre .ydm-reel__links{max-height:var(--reel-links);opacity:1;visibility:visible;box-shadow:inset 0 1px 0 var(--reel-line);transition:max-height .35s ease,opacity .3s ease,visibility 0s}.ydm-reel__see{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;color:inherit;text-decoration:none;-webkit-user-drag:none}.ydm-reel__see svg{flex:0 0 auto;width:14px;height:14px;transition:transform .2s ease}.ydm-reel__see:hover svg{transform:translate(2px)}.ydm-reel__credit{overflow:hidden;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;color:rgb(var(--color-foreground-rgb) / .6)}.ydm-reels__nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:32px;padding:0 20px}.ydm-reels__nav:not(.has-js){display:none}.ydm-reels__dots{display:flex;flex:0 1 auto;flex-wrap:nowrap;align-items:center;justify-content:center;min-width:0;overflow:hidden}.ydm-reels__dots[hidden]{display:none}.ydm-reels__dot{position:relative;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.ydm-reels__dot:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:rgb(var(--color-foreground-rgb) / .3);transition:background .2s ease,transform .2s ease}.ydm-reels__dot.is-active:before{background:rgb(var(--color-foreground-rgb));transform:scale(1.3)}.ydm-reels__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .3);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.ydm-reels__arrow:hover{border-color:rgb(var(--color-foreground-rgb))}.ydm-reels__arrow:disabled{opacity:.3;cursor:default}.ydm-reels__arrow svg{width:18px;height:18px}@media(max-width:749px){.ydm-reel__main{gap:10px;padding:0 12px 0 8px}.ydm-reel__thumb{flex-basis:48px;width:48px;height:48px}.ydm-reels__nav{justify-content:space-between;gap:0;margin-top:24px}.ydm-reels__arrow{flex:0 0 auto;width:48px;height:48px}}.ydm-reel__main:focus-visible,.ydm-reel__see:focus-visible,.ydm-reel__sound:focus-visible,.ydm-reels__dot:focus-visible,.ydm-reels__arrow:focus-visible,.ydm-reels__stage:focus-visible{outline:2px solid rgb(var(--color-foreground-rgb));outline-offset:3px}@media(prefers-reduced-motion:reduce){.ydm-reels.is-ready .ydm-reel,.ydm-reels.is-ready .ydm-reel__media,.ydm-reel.is-playing .ydm-reel__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/ydm-reels.css.map */