.video-player{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);box-sizing:border-box;min-width:0;overflow:hidden;overflow:clip;isolation:isolate;border-radius:var(--video-radius, 0px);background:var(--video-background, rgb(var(--color-background)));background-attachment:scroll;color:rgb(var(--color-foreground))}.video-player>*{grid-area:1 / 1}.video-player__media{position:relative;z-index:0;min-width:0;min-height:0}.video-player__picture{display:contents}.video-player__poster,.video-player__video,.video-player__iframe,.video-player__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;object-fit:var(--video-fit, cover);object-position:var(--video-focal, 50% 50%)}.video-player--fit-contain{--video-fit: contain}.video-player__placeholder{object-fit:cover;background-color:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.35)}.video-player__poster{transition:opacity .4s ease}.video-player__video{opacity:0;transition:opacity .5s ease}.video-player__video[data-ready],.no-js .video-player__video{opacity:1}.video-player__media:has(.video-player__video[data-ready],.video-player__iframe[data-ready]) .video-player__poster{opacity:0}.video-player--player[data-started] .video-player__poster{opacity:0}.video-player__iframe{background:#000}.video-player--background .video-player__media{container-type:size}.video-player--background .video-player__iframe{inset:auto;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);background:none;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .8s ease}.video-player--background.video-player--fit-contain .video-player__iframe{width:min(100cqw,177.78cqh);height:min(100cqh,56.25cqw)}.video-player--background .video-player__iframe[data-ready]{opacity:1}@media screen and (max-width:749px){.video-player__video--desktop{display:none}}@media screen and (min-width:750px){.video-player__video--mobile{display:none}}.video-player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--video-overlay, #000);opacity:var(--video-overlay-opacity, 0);pointer-events:none}.video-player__play{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,visibility 0s linear 0s}span.video-player__play{cursor:default}.video-player__play:focus-visible{outline:none}.video-player__play-icon{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-width:var(--video-play-size, 7.2rem);height:var(--video-play-size, 7.2rem);border-radius:999px;color:rgb(var(--color-background));background:rgb(var(--color-foreground));box-shadow:0 1.2rem 3.2rem #00000029;transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .2s ease}.video-player__play-icon svg{flex:none;width:calc(var(--video-play-size, 7.2rem) * .34);height:calc(var(--video-play-size, 7.2rem) * .34);margin-inline-start:calc(var(--video-play-size, 7.2rem) * .05);fill:currentColor}.video-player__play:hover .video-player__play-icon{transform:scale(1.06)}.video-player__play:focus-visible .video-player__play-icon{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.video-player__play--blur .video-player__play-icon{color:rgb(var(--color-foreground));background:rgba(var(--color-background),.28);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.3);-webkit-backdrop-filter:blur(1.4rem) saturate(1.4);backdrop-filter:blur(1.4rem) saturate(1.4)}.video-player__play--outline .video-player__play-icon{color:rgb(var(--color-foreground));background:transparent;box-shadow:inset 0 0 0 .2rem currentColor}.video-player__play--label .video-player__play-icon{min-width:0;height:auto;padding:1.3rem 2.6rem 1.3rem 2rem;font-size:1.5rem;font-weight:var(--font-body-weight-bold, 600);letter-spacing:.02em}.video-player__play--label .video-player__play-icon svg{width:1.6rem;height:1.6rem;margin:0}.video-player__content{position:relative;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;justify-content:var(--video-content-justify, center);align-items:var(--video-content-align, center);align-self:var(--video-content-y, center);justify-self:var(--video-content-x, center);gap:var(--video-content-gap, 1.6rem);width:100%;min-width:0;max-width:var(--video-content-width, 64rem);padding:var(--video-content-padding, 2rem);pointer-events:none;transition:opacity .3s ease,visibility 0s linear 0s}.video-player .video-player__content{background:none}.video-player__content>*{pointer-events:auto}.video-player[data-started] :is(.video-player__play,.video-player__content){opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.video-player__controls{position:relative;z-index:3;align-self:end;justify-self:end;display:flex;gap:.8rem;padding:1.2rem;pointer-events:none}.video-player__control{display:grid;place-items:center;width:4rem;height:4rem;margin:0;padding:0;border:0;border-radius:50%;color:rgb(var(--color-foreground));background:rgba(var(--color-background),.35);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);cursor:pointer;pointer-events:auto;transition:background-color .2s ease}.video-player__control:hover{background:rgba(var(--color-background),.6)}.video-player__control:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.video-player__control[hidden]{display:none}.video-player__control svg{width:1.6rem;height:1.6rem;fill:currentColor}.video-player__control .video-player__icon-play,.video-player__control[data-paused] .video-player__icon-pause,.video-player__control .video-player__icon-muted,.video-player__control[data-muted] .video-player__icon-sound{display:none}.video-player__control[data-paused] .video-player__icon-play,.video-player__control[data-muted] .video-player__icon-muted{display:block}@media screen and (min-width:750px){.video-player__controls{padding:1.6rem}}.video{contain:inline-size;contain-intrinsic-inline-size:var(--video-natural-width, 64rem)}@media(prefers-reduced-motion:reduce){.video-player__play-icon,.video-player__video,.video-player__poster{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-video.css.map */