.cro-reels{overflow:hidden}.cro-reels__head{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.cro-reels__heading{margin:0;text-align:center}.cro-reels__hl{font-style:inherit;display:inline-block;padding:.05em .25em;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels));transform:skew(-4deg)}.cro-reels__stage{position:relative;height:var(--cro-reel-h, 44rem);max-width:calc(var(--cro-reel-h, 44rem) * 9 / 16 * 2.6);margin:0 auto}.cro-reels__list{list-style:none;margin:0;padding:0;position:relative;width:100%;height:100%}.cro-reels__card{position:absolute;top:0;left:50%;width:calc(var(--cro-reel-h, 44rem) * 9 / 16);height:100%;transform:translate(calc(-50% + var(--cro-tx, 0%))) scale(var(--cro-s, 1));opacity:var(--cro-o, 1);transition:transform .35s ease,opacity .35s ease;cursor:pointer}.cro-reels__card.is-active{cursor:default}.cro-reels__card.is-hidden{pointer-events:none}.cro-reels__frame{position:relative;margin:0;width:100%;height:100%;border-radius:1.6rem;overflow:hidden;background:#111;box-shadow:0 4px 18px #0000002e}.cro-reels__video{width:100%;height:100%;object-fit:cover;display:block}.cro-reels__card:not(.is-active) .cro-reels__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff59}.color-background-2 .cro-reels__card:not(.is-active) .cro-reels__frame:after,.color-inverse .cro-reels__card:not(.is-active) .cro-reels__frame:after{background:#00000073}.cro-reels__card:not(.is-active) .cro-reels__actions,.cro-reels__card:not(.is-active) .cro-reels__progress,.cro-reels__card:not(.is-active) .cro-reels__play{visibility:hidden}.cro-reels__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.2rem;height:5.2rem;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.6);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .15s ease}.cro-reels__play svg{width:2.2rem;height:2.2rem;margin-left:.2rem}.cro-reels__card.is-playing .cro-reels__play{opacity:0}.cro-reels__actions{position:absolute;left:.8rem;right:.8rem;top:.8rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;z-index:2}.cro-reels__cta{display:inline-flex;align-items:center;gap:.4rem;background:#0000008c;color:#fff;font-size:1.2rem;font-weight:600;text-decoration:none;padding:.6rem 1rem;border-radius:2rem}.cro-reels__cta svg{width:1.3rem;height:1.3rem}.cro-reels__cta:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.cro-reels__ctrl{display:flex;gap:.5rem;margin-left:auto}.cro-reels__btn{width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.cro-reels__btn:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.cro-reels__btn svg{width:1.6rem;height:1.6rem}.cro-reels__ic-sound,.cro-reels__card.has-sound .cro-reels__ic-muted{display:none}.cro-reels__card.has-sound .cro-reels__ic-sound,.cro-reels__ic-play,.cro-reels__card.is-playing .cro-reels__ic-pause{display:block}.cro-reels__ic-pause,.cro-reels__card.is-playing .cro-reels__ic-play{display:none}.cro-reels__progress{position:absolute;left:0;right:0;bottom:0;height:.4rem;background:#ffffff40;z-index:2}.cro-reels__progress-fill{width:0%;height:100%;background:rgb(var(--color-base-accent-1))}.cro-reels__detail{position:absolute;left:0;right:0;bottom:.4rem;margin:0;padding:3rem 1.2rem 1.4rem;background:linear-gradient(transparent,#000000b8);display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;pointer-events:none;z-index:1}.cro-reels__name{display:inline-flex;align-items:center;gap:.4rem;color:#fff;font-size:1.6rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.cro-reels__verified{width:1.6rem;height:1.6rem;color:#fff}.cro-reels__stars{display:inline-flex;gap:.2rem}.cro-reels__star{width:1.7rem;height:1.7rem;color:#f2c94c}.cro-reels__star--off{color:#ffffff59}.cro-reels__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:4rem;height:4rem;border-radius:50%;border:0;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #00000040}.cro-reels__arrow--prev{left:0}.cro-reels__arrow--next{right:0}.cro-reels__arrow:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.cro-reels__arrow svg{width:1.8rem;height:1.8rem}.cro-reels__card--placeholder .cro-reels__frame{background:rgba(var(--color-foreground),.05);border:1px dashed rgba(var(--color-foreground),.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;box-shadow:none}.cro-reels__card--placeholder .cro-reels__frame:after{content:none}.cro-reels__ph-icon{width:3.6rem;height:3.6rem;color:rgba(var(--color-foreground),.35)}.cro-reels__ph-hint{color:rgba(var(--color-foreground),.55);font-size:1.2rem;text-align:center;padding:0 1.6rem;max-width:20rem}@media screen and (max-width:749px){.cro-reels__stage{height:min(var(--cro-reel-h, 44rem),110vw)}.cro-reels__card{width:min(calc(var(--cro-reel-h, 44rem) * 9 / 16),62vw)}}@media(prefers-reduced-motion:reduce){.cro-reels__card,.cro-reels__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-cro-video-reels.css.map */