.tc .t5-cliprow{position:relative;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:6px 20px 44px;margin-inline:-20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tc .t5-cliprow::-webkit-scrollbar{display:none}.tc .t5-clip{position:relative;flex:0 0 62%;max-width:250px;aspect-ratio:9 / 16;padding:0;border:0;border-radius:22px;overflow:hidden;background:var(--t5-ink);color:#fff;cursor:pointer;scroll-snap-align:start;box-shadow:0 12px 26px #2a1d1529;transition:transform .35s var(--t5-ease),box-shadow .35s var(--t5-ease);isolation:isolate}.tc .t5-clip img,.tc .t5-clip video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.tc .t5-clip video{opacity:0;transition:opacity .35s ease}.tc .t5-clip.is-playing video{opacity:1}.tc .t5-clip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#2a1d1500 58%,#2a1d15c7);pointer-events:none}.tc .t5-clip__play{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fffffff0;color:var(--t5-ink);box-shadow:0 6px 16px #2a1d1538;transition:transform .3s var(--t5-ease),background .3s}.tc .t5-clip__play .t5-ic{width:16px;height:16px;margin-left:2px}.tc .t5-clip__play .t5-clip__ic-mute{display:none;width:18px;height:18px;margin-left:0}.tc .t5-clip.is-playing .t5-clip__ic-play{display:none}.tc .t5-clip.is-playing .t5-clip__ic-mute{display:block}.tc .t5-clip__label{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;text-align:left;font-weight:700;font-size:15px;line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.35)}.tc .t5-clip:focus-visible{outline:3px solid var(--t5-green);outline-offset:3px;border-radius:22px}.tc .t5-slider-nav--clips{display:flex;margin-top:-16px}@media(hover:hover){.tc .t5-clip:hover{transform:translateY(-5px);box-shadow:0 20px 36px #2a1d1538}.tc .t5-clip:hover .t5-clip__play{background:var(--t5-butter);transform:scale(1.1)}}@media(min-width:600px){.tc .t5-clip{flex-basis:230px;max-width:none}}@media(min-width:1000px){.tc .t5-cliprow{gap:18px;margin-inline:0;padding:8px 0 48px;scroll-padding-inline:0}.tc .t5-clip{flex:0 0 calc((100% - 72px)/5);border-radius:24px}.tc .t5-clip__label{left:16px;right:16px;bottom:16px;font-size:16px}}html.t5-player-open{overflow:hidden}.tc .t5-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:18px;background:#1f1510f7;color:#fff;overscroll-behavior:contain}.tc .t5-player[hidden]{display:none}.tc .t5-player__frame:focus{outline:none}.tc .t5-player__frame{position:relative;width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;-webkit-user-select:none;user-select:none}.tc .t5-player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;background:#000}.tc .t5-player__shade{position:absolute;inset:0 0 auto 0;height:120px;z-index:2;background:linear-gradient(180deg,#00000080,#0000);pointer-events:none}.tc .t5-player__bars{position:absolute;left:12px;right:12px;top:max(10px,env(safe-area-inset-top));z-index:3;display:flex;gap:4px}.tc .t5-player__bars i{flex:1;height:3px;border-radius:3px;background:#ffffff57;overflow:hidden}.tc .t5-player__bars b{display:block;width:0;height:100%;background:#fff;border-radius:3px}.tc .t5-player__top{position:absolute;left:12px;right:12px;top:calc(max(10px,env(safe-area-inset-top)) + 14px);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px}.tc .t5-player__label{min-width:0;font-weight:700;font-size:15px;line-height:1.2;text-shadow:0 1px 8px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc .t5-player__tools{display:flex;gap:8px;flex:none}.tc .t5-player__btn{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#1f151099;color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d;cursor:pointer;transition:background .2s ease,transform .2s ease}.tc .t5-player__btn[hidden]{display:none}.tc .t5-player__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tc .t5-player__btn:hover{background:#1f1510e0}.tc .t5-player__btn:active{transform:scale(.94)}.tc .t5-player__btn:focus-visible,.tc .t5-player__cta:focus-visible{outline:3px solid var(--t5-butter);outline-offset:2px;border-radius:999px}.tc .t5-player__btn--close{background:#fff;color:var(--t5-ink);box-shadow:none}.tc .t5-player__btn--close:hover{background:var(--t5-butter)}.tc .t5-player__nav{position:absolute;top:50%;z-index:4;margin-top:-22px}.tc .t5-player__nav--prev{left:10px}.tc .t5-player__nav--next{right:10px}.tc .t5-player__state{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#1f151099;color:#fff;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.tc .t5-player__state svg{width:30px;height:30px;margin-left:4px;fill:currentColor;stroke:none}.tc .t5-player.is-paused .t5-player__state{opacity:1;transform:none}.tc .t5-player__foot{position:absolute;left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom));z-index:3;display:flex;justify-content:center;pointer-events:none}.tc .t5-player__cta{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--t5-butter);color:var(--t5-ink);font-weight:700;font-size:15.5px;box-shadow:0 10px 24px #00000059;transition:transform .25s var(--t5-ease),background .25s}.tc .t5-player__cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tc .t5-player__cta:hover{background:#fff;transform:translateY(-2px)}@media(min-width:700px){.tc .t5-player__frame{width:auto;height:min(100vh - 48px,880px);aspect-ratio:9 / 16;max-width:calc(100vw - 180px);border-radius:26px;box-shadow:0 30px 80px #00000080}.tc .t5-player__nav{position:static;margin:0;width:52px;height:52px}.tc .t5-player__bars{top:12px}.tc .t5-player__top{top:26px}}@media(prefers-reduced-motion:reduce){.tc .t5-clip,.tc .t5-clip video,.tc .t5-clip__play,.tc .t5-player__btn,.tc .t5-player__state,.tc .t5-player__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/tc-clips.css.map */
