.jp-banner-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;--jp-banner-video-inset: 16px;--jp-banner-video-surface: 0, 0, 0;--jp-banner-video-on-surface: 255, 255, 255}@media screen and (min-width:741px){.jp-banner-video{--jp-banner-video-inset: 24px}}.jp-banner-video__corner{position:absolute;display:flex;gap:8px;align-items:center}.jp-banner-video__corner--top_left{inset-block-start:var(--jp-banner-video-inset);inset-inline-start:var(--jp-banner-video-inset)}.jp-banner-video__corner--top_right{inset-block-start:var(--jp-banner-video-inset);inset-inline-end:var(--jp-banner-video-inset)}.jp-banner-video__corner--bottom_left{inset-block-end:var(--jp-banner-video-inset);inset-inline-start:var(--jp-banner-video-inset)}.jp-banner-video__corner--bottom_right{inset-block-end:var(--jp-banner-video-inset);inset-inline-end:var(--jp-banner-video-inset)}.jp-banner-video__button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background-color:rgba(var(--jp-banner-video-surface),.45);color:rgb(var(--jp-banner-video-on-surface));cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s ease-in-out,opacity .2s ease-in-out}.jp-banner-video__button:hover{background-color:rgba(var(--jp-banner-video-surface),.7)}.jp-banner-video__button:focus-visible{outline:2px solid rgb(var(--jp-banner-video-on-surface));outline-offset:2px}.jp-banner-video__button svg{display:block;width:14px;height:14px;fill:currentColor}.jp-banner-video__button--center{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:64px;height:64px;transform:translate(-50%,-50%)}.jp-banner-video__button--center svg{width:20px;height:20px}@media(hover:hover){.jp-banner-video--playing .jp-banner-video__button--center{opacity:0;pointer-events:none}.jp-banner-video-host:hover .jp-banner-video--playing .jp-banner-video__button--center,.jp-banner-video__button--center:focus-visible{opacity:1;pointer-events:auto}}.jp-banner-video__bar{position:absolute;inset-block-end:0;inset-inline:0;display:flex;gap:12px;align-items:center;padding:12px var(--jp-banner-video-inset);background:linear-gradient(to top,rgba(var(--jp-banner-video-surface),.6),rgba(var(--jp-banner-video-surface),0));color:rgb(var(--jp-banner-video-on-surface));pointer-events:auto}.jp-banner-video__bar .jp-banner-video__button{flex:none;width:32px;height:32px;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.jp-banner-video__bar .jp-banner-video__button:hover{background-color:rgba(var(--jp-banner-video-surface),.45)}@media(hover:hover){.jp-banner-video__bar{opacity:0;transition:opacity .2s ease-in-out}.jp-banner-video-host:hover .jp-banner-video__bar,.jp-banner-video:focus-within .jp-banner-video__bar,.jp-banner-video--paused .jp-banner-video__bar{opacity:1}}.jp-banner-video__time{flex:none;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.05em}.jp-banner-video__seek{flex:1 1 auto;width:100%;min-width:0;height:16px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.jp-banner-video__seek:focus-visible{outline:2px solid rgb(var(--jp-banner-video-on-surface));outline-offset:2px}.jp-banner-video__seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background-color:rgba(var(--jp-banner-video-on-surface),.35)}.jp-banner-video__seek::-moz-range-track{height:3px;border-radius:3px;background-color:rgba(var(--jp-banner-video-on-surface),.35)}.jp-banner-video__seek::-moz-range-progress{height:3px;border-radius:3px;background-color:rgb(var(--jp-banner-video-on-surface))}.jp-banner-video__seek::-webkit-slider-thumb{width:11px;height:11px;margin-block-start:-4px;border:0;border-radius:50%;background-color:rgb(var(--jp-banner-video-on-surface));-webkit-appearance:none;appearance:none}.jp-banner-video__seek::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background-color:rgb(var(--jp-banner-video-on-surface))}.jp-banner-video [hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/288/assets/jp-banner-video.css.map */