.vplayer{position:relative;width:100%;height:100%}.vplayer video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.vplayer__poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:var(--ink);cursor:pointer;transition:opacity .2s ease,background .2s ease}.vplayer__poster-play:hover{background:#fff}.vplayer__poster-play svg{width:24px;height:24px;fill:currentColor}.vplayer.is-playing .vplayer__poster-play{opacity:0;pointer-events:none}.vctl{position:absolute;z-index:2;left:50%;bottom:22px;transform:translate(-50%);width:min(520px,calc(100% - 24px));display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;background:var(--bg);box-shadow:0 1px 12px #2c242929}.vctl[hidden]{display:none}.vctl__btn{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}.vctl__btn:hover{background:var(--paper)}.vctl__btn:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.vctl__btn svg{width:14px;height:14px;fill:currentColor}.vctl__i{grid-area:1 / 1;display:grid;place-items:center}.vctl__i--pause,.is-playing .vctl__i--play,.vctl__i--off,.is-muted .vctl__i--on{display:none}.is-playing .vctl__i--pause,.is-muted .vctl__i--off{display:grid}.vctl__time{flex:0 0 auto;font-size:1.2rem;letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.vctl__seek{flex:1 1 auto;min-width:0;height:20px;margin:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.vctl__seek:focus-visible{outline:2px solid var(--navy);outline-offset:4px;border-radius:999px}.vctl__seek::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:var(--line)}.vctl__seek::-moz-range-track{height:3px;border-radius:999px;background:var(--line)}.vctl__seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:var(--ink)}.vctl__seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--ink)}@media(max-width:749px){.vctl{gap:6px;padding:4px 8px}.vplayer__poster-play{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-amphr-video-player.css.map */