cts-reels-showcase{--showcase-accent: #e3fc02;--showcase-card: min(300px, 42vh);--showcase-gap: 18px;display:block;overflow:hidden;isolation:isolate}@media(max-width:749px){cts-reels-showcase{--showcase-card: min(58vw, 42vh);--showcase-gap: 12px}}.cts-showcase__head{margin-bottom:22px;text-align:center}.cts-showcase__title{margin:0}.cts-showcase__sub{margin:6px 0 0;color:rgba(var(--color-foreground),.72);font-size:1.5rem;line-height:1.5}.cts-showcase__viewport{position:relative}.cts-showcase__track{position:relative;display:flex;align-items:center;gap:var(--showcase-gap);padding:6px calc(50% - var(--showcase-card) / 2) 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}.cts-showcase__track::-webkit-scrollbar{display:none}.cts-showcase__card{position:relative;display:flex;flex:0 0 var(--showcase-card);flex-direction:column;gap:10px;width:var(--showcase-card);scroll-snap-align:center}.cts-showcase__card{height:calc(var(--showcase-card) * 16 / 9);justify-content:center}.cts-showcase__card[hidden]{display:none}.cts-showcase__frame{position:relative;height:calc(var(--showcase-card) * 4 / 3);border-radius:18px;overflow:hidden;background:#0b0b0b;transition:height .35s cubic-bezier(.2,.7,.2,1)}.cts-showcase__card.is-active .cts-showcase__frame{height:100%}.cts-showcase__track.is-jumping .cts-showcase__frame,.cts-showcase__track.is-jumping .cts-showcase__preview{transition:none}.cts-showcase__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.cts-showcase__poster,.cts-showcase__preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.cts-showcase__preview{z-index:1;opacity:0;transition:opacity .3s ease;pointer-events:none}.cts-showcase__card.is-playing .cts-showcase__preview{opacity:1}.cts-showcase__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(#0006,transparent 22%,transparent 55%,#000d);pointer-events:none}.cts-showcase__tag{position:absolute;top:12px;left:12px;z-index:3;max-width:calc(100% - 24px);padding:5px 10px;border-radius:999px;background:#000a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:600 1.2rem/1.2 var(--font-body-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cts-showcase__tag--this{background:var(--showcase-accent);color:#111}.cts-showcase__card.is-active .cts-showcase__tag{max-width:calc(100% - 108px)}.cts-showcase__play{position:absolute;inset:50% auto auto 50%;z-index:3;display:grid;place-items:center;width:52px;height:52px;padding-left:3px;border-radius:50%;background:#0009;transform:translate(-50%,-50%);transition:opacity .2s ease,background-color .15s ease}.cts-showcase__play svg{width:16px;height:20px}.cts-showcase__card.is-playing .cts-showcase__play{opacity:0}@media(hover:hover){.cts-showcase__media:hover .cts-showcase__play{background:#000d;opacity:1}}.cts-showcase__info{position:absolute;inset:auto 12px 12px;z-index:3;display:flex;flex-direction:column;gap:4px;color:#fff;pointer-events:none}.cts-showcase__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:600 1.4rem/1.3 var(--font-body-family);text-shadow:0 1px 3px #000a}.cts-showcase__review{margin:0;overflow:hidden;color:#eee;font-size:1.3rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000a}.cts-showcase__more{align-self:flex-start;padding:2px 0;border:0;background:none;color:var(--showcase-accent);font:400 1.3rem/1.3 var(--font-body-family);cursor:pointer;pointer-events:auto;text-shadow:0 1px 3px #000a}.cts-showcase__more:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:2px}.cts-showcase__stars{color:#ffc93c;letter-spacing:1px;font-size:1.2rem}.cts-showcase__duration{margin-left:auto;padding:2px 6px;border-radius:4px;background:#000a;font-size:1.2rem;text-shadow:none}.cts-showcase__spinner{position:absolute;inset:50% auto auto 50%;z-index:3;box-sizing:border-box;width:38px;height:38px;border:3px solid #ffffff3d;border-top-color:#fff;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 2px #000c);transform:translate(-50%,-50%);animation:cts-reels-spin .8s linear infinite}.cts-showcase__spinner[hidden]{display:none}.cts-showcase__media:focus-visible{outline:none}.cts-showcase__media:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:18px;box-shadow:inset 0 0 0 3px var(--showcase-accent);pointer-events:none}.cts-showcase__controls{position:absolute;top:10px;right:10px;z-index:4;display:flex;gap:8px}.cts-showcase__controls[hidden]{display:none}.cts-showcase__control{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#000a;color:#fff;cursor:pointer}.cts-showcase__control svg{width:20px;height:20px}.cts-showcase__control:focus-visible{outline:2px solid var(--showcase-accent);outline-offset:2px}@media(max-width:749px){.cts-showcase__controls{top:8px;right:8px;gap:6px}.cts-showcase__control{width:32px;height:32px}.cts-showcase__control svg{width:17px;height:17px}.cts-showcase__card.is-active .cts-showcase__tag{max-width:calc(100% - 94px)}.cts-showcase__tag{padding:4px 8px;font-size:1.1rem}}@media(min-width:750px)and (max-height:500px){.cts-showcase__controls{display:none!important}.cts-showcase__card.is-active .cts-showcase__tag{max-width:calc(100% - 24px)}.cts-showcase__tag{padding:4px 8px;font-size:1.1rem}}[data-showcase-sound] .cts-showcase__sound-off,[data-showcase-sound][data-muted] .cts-showcase__sound-waves,[data-showcase-pause] .cts-showcase__icon-play,[data-showcase-pause][data-paused] .cts-showcase__icon-pause{display:none}[data-showcase-sound][data-muted] .cts-showcase__sound-off,[data-showcase-pause][data-paused] .cts-showcase__icon-play{display:inline}.cts-showcase__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.cts-showcase__arrow{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.cts-showcase__arrow svg{width:20px;height:20px}.cts-showcase__arrow:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.cts-showcase__arrow:disabled{opacity:.3;cursor:default}.cts-showcase--compact{--showcase-card: 160px;--showcase-gap: 10px;margin-block:24px 23px}.cts-showcase--compact .cts-showcase__frame,.cts-showcase--compact .cts-showcase__media:after{border-radius:14px}.cts-showcase--compact .cts-showcase__media:focus-visible{border-radius:14px}.cts-showcase--compact .cts-showcase__tag{top:8px;left:8px;max-width:calc(100% - 16px);padding:4px 8px;font-size:1.1rem}.cts-showcase--compact .cts-showcase__card.is-active .cts-showcase__tag{max-width:calc(100% - 16px)}.cts-showcase--compact .cts-showcase__play{width:40px;height:40px}.cts-showcase--compact .cts-showcase__play svg{width:13px;height:16px}.cts-showcase--compact .cts-showcase__info{inset:auto 10px 10px;gap:2px}.cts-showcase--compact .cts-showcase__meta{gap:2px 6px;font-size:1.2rem}.cts-showcase--compact .cts-showcase__stars{font-size:1.05rem}.cts-showcase--compact .cts-showcase__duration,.cts-showcase--compact .cts-showcase__more{display:none}.cts-showcase--compact .cts-showcase__review{font-size:1.2rem}.cts-showcase--compact .cts-showcase__nav{gap:16px;margin-top:1px;padding-block:7px}.cts-showcase--compact .cts-showcase__nav[hidden]{display:none}.cts-showcase--compact .cts-showcase__arrow{width:30px;height:30px}.cts-showcase--compact .cts-showcase__arrow:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.cts-showcase--compact .cts-showcase__arrow svg{width:15px;height:15px}@media(prefers-reduced-motion:reduce){.cts-showcase__frame,.cts-showcase__preview,.cts-showcase__play{transition:none}.cts-showcase__spinner{animation:cts-reels-pulse 1.4s ease-in-out infinite}}.cts-reels-viewer.cts-reels-viewer--fullscreen{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:#000c;box-shadow:none;overflow:hidden}.cts-reels-viewer--fullscreen::backdrop{background:transparent}.cts-reels-viewer__inner{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;height:100%;padding:24px}.cts-reels-viewer__frame{position:relative;flex:0 0 auto;height:min(100%,900px);aspect-ratio:9 / 16;border:1px solid #ffffff26;border-radius:12px;overflow:hidden;background:#0b0b0b;box-shadow:0 12px 60px #0008}.cts-reels__tag{position:absolute;top:12px;left:12px;z-index:3;max-width:calc(100% - 80px);padding:6px 12px;border-radius:999px;background:#000a;color:#fff;font:700 13px/1.2 var(--font-body-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}a.cts-reels__tag{pointer-events:auto;text-decoration:none}.cts-reels__tag--this{background:var(--showcase-accent, #e3fc02);color:#111}.cts-reels__stars{margin-left:2px;color:#ffbb3d;letter-spacing:1.5px;font-size:15px;line-height:1}.cts-reels-viewer--fullscreen .cts-reels__customer{gap:4px;padding-right:64px}.cts-reels-viewer .cts-reels__customer a,.cts-reels-viewer .cts-reels__customer button{pointer-events:auto}.cts-reels__review{margin:0;overflow:hidden;color:#eee;font-size:14px;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}.cts-reels__more{align-self:flex-start;padding:2px 0;border:0;background:none;color:#d6ed00;font:400 13px/1.3 var(--font-body-family);cursor:pointer}.cts-reels__sheet{position:absolute;inset:auto 0 calc(var(--cts-reels-control-size) + 6px + var(--cts-reels-bottom-padding));z-index:2;display:flex;flex-direction:column;gap:8px;max-height:70%;padding:16px 16px 18px;overflow-y:auto;overscroll-behavior:contain;border-radius:14px 14px 0 0;background:#18181a;font-size:15px;line-height:1.5}.cts-reels__sheet p{margin:0;color:#eee}.cts-reels__sheet [data-reel-sheet-body]{display:contents}.cts-reels__clip:has(>[data-reel-sheet]:not([hidden]))>.cts-reels__customer{visibility:hidden}.cts-reels__sheet .cts-reels__customer-name{padding-right:44px;font-size:16px}.cts-reels__sheet-close{position:absolute;top:10px;right:10px}.cts-reels-viewer__panel{display:flex;flex-direction:column;gap:14px;width:340px;height:min(100%,900px);padding:22px;border:1px solid #ffffff1a;border-radius:12px;background:#111;color:#fff;font-family:var(--font-body-family)}.cts-reels-viewer__panel .cts-reels__customer-name{font-size:16px;font-weight:600}.cts-reels-viewer__review{flex:1;min-height:0;margin:0;overflow-y:auto;overscroll-behavior:contain;color:#eee;font-size:15px;line-height:1.6}.cts-reels-viewer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px;text-align:center}.cts-reels-viewer__empty-mark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:6px;border-radius:50%;background:radial-gradient(circle,#e3fc021f,transparent 70%),#1f1f21;box-shadow:0 0 0 1px #e3fc0233,0 0 32px #e3fc0214;color:var(--showcase-accent, #e3fc02)}.cts-reels-viewer__empty-mark svg{width:46px;height:46px}.cts-reels-viewer__empty-title{margin:0;font-family:var(--font-heading-family);font-size:20px;line-height:1.2;letter-spacing:.02em}.cts-reels-viewer__empty-text{margin:0;max-width:240px;color:#fffa;font-size:14px;line-height:1.5}@media(min-width:990px){.cts-reels-viewer--fullscreen .cts-reels__customer,.cts-reels-viewer--fullscreen .cts-reels__sheet{display:none!important}}@media(max-width:989px){.cts-reels-viewer__panel{display:none}}@media(max-width:749px),(max-height:500px){.cts-reels-viewer__inner{padding:0}.cts-reels-viewer__frame{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.cts-reels__tag{top:max(12px,env(safe-area-inset-top))}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/cts-reels-showcase.css.map */