.multicolumn-video{position:relative}.multicolumn-video video-media{border-radius:inherit}.multicolumn-video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to top,#00000073,#0000 45%);opacity:1;transition:opacity var(--animation-short, .2s ease)}.multicolumn-video[data-state=playing]:after,.multicolumn-video[data-state=paused]:after{opacity:0}.multicolumn-video__surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;cursor:pointer}.multicolumn-video[data-state=playing] .multicolumn-video__surface,.multicolumn-video[data-state=paused] .multicolumn-video__surface{display:none}.multicolumn-video__toggle{position:absolute;inset-block-end:var(--sp-3);inset-inline-start:var(--sp-3);z-index:2;display:inline-flex;align-items:center;gap:var(--sp-2);min-height:40px;padding:var(--sp-2) var(--sp-4);border-radius:var(--rounded-full);background-color:rgb(var(--color-background) / .92);color:rgb(var(--color-foreground));font-size:.8125rem;line-height:1;letter-spacing:.01em;text-align:start;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 12px #0000002e;transition:var(--animation-short, .2s ease);transition-property:background-color,color,transform,opacity}@media screen and (pointer:coarse){.multicolumn-video__toggle{min-height:44px}}@media screen and (hover:hover){.multicolumn-video__toggle:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}}.multicolumn-video__toggle:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:3px}.multicolumn-video__toggle .icon{width:12px;height:12px;flex:none}.multicolumn-video__toggle .icon-pause,.multicolumn-video[data-state=playing] .multicolumn-video__toggle .icon-play{display:none}.multicolumn-video[data-state=playing] .multicolumn-video__toggle .icon-pause{display:block}.multicolumn-video__label{display:none}.multicolumn-video:is([data-state=idle],[data-state=preview]) .multicolumn-video__label--play,.multicolumn-video[data-state=playing] .multicolumn-video__label--pause,.multicolumn-video[data-state=paused] .multicolumn-video__label--resume{display:block}.multicolumn-video:is([data-state=playing],[data-state=paused]) .multicolumn-video__toggle{inset-block-end:auto;inset-block-start:var(--sp-3)}.multicolumn-video__badge{position:absolute;inset-block-start:var(--sp-3);inset-inline-end:var(--sp-3);z-index:2;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1d5) var(--sp-3);border-radius:var(--rounded-full);background-color:#0000008c;color:#fff;font-size:.6875rem;line-height:1;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;opacity:0;transform:translateY(-4px);transition:var(--animation-short, .2s ease);transition-property:opacity,transform}.multicolumn-video__badge .icon{width:13px;height:13px;flex:none}.multicolumn-video[data-state=preview] .multicolumn-video__badge{opacity:1;transform:translateY(0)}.multicolumn-video-transcript>summary{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.875rem;text-decoration:underline;text-underline-offset:3px}.multicolumn-video-transcript>summary:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:3px}.multicolumn-video-transcript[open]>summary{margin-block-end:var(--sp-3)}@media(prefers-reduced-motion:reduce){.multicolumn-video:after,.multicolumn-video__toggle,.multicolumn-video__badge{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/multicolumn-video.css.map */