/* Vector-only UI symbols: consistent across iOS, Android and desktop fonts. */
.ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.15em;pointer-events:none}
.button .ui-icon-arrow{width:20px;height:20px;vertical-align:middle}
.play-small{padding-left:0;flex:none}.play-small .ui-icon{width:14px;height:14px}
.video-play-symbol{padding-left:0}.video-play-symbol .ui-icon{width:28px;height:28px;grid-area:1/1}
.video-play-symbol .ui-icon-pause{display:none}
.video-hit-target:not(.is-paused) .ui-icon-play{display:none}
.video-hit-target:not(.is-paused) .ui-icon-pause{display:block}
.video-hit-target:not(.is-paused):focus-visible .video-play-symbol:after{content:none}
.control-icon .ui-icon{width:22px;height:22px}
.dialog-close .ui-icon,.screen-close .ui-icon{width:22px;height:22px;vertical-align:middle}
.price-card li:before{content:"";width:12px;height:7px;flex:none;border-left:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(-45deg);margin-top:5px}

/* Group the video actions together, with touch-sized targets on every screen. */
.video-corner-controls{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;z-index:2}
.video-corner-controls .video-sound{position:static;min-width:44px;justify-content:center}
.video-fullscreen{display:grid;place-items:center;width:46px;height:46px;padding:10px;border-radius:50%;background:#14243df0;color:#fff;backdrop-filter:blur(16px);box-shadow:0 3px 16px #172c5526}
.video-fullscreen svg{width:22px;height:22px}.video-fullscreen:hover{background:#213b60}
.video-corner-controls button:focus-visible{outline-offset:3px}
#hero-demo:fullscreen{width:100%;height:100%;max-width:none;object-fit:contain;background:#000;border-radius:0}
#hero-demo:-webkit-full-screen{width:100%;height:100%;max-width:none;object-fit:contain;background:#000;border-radius:0}
@media(max-width:760px){.video-corner-controls{right:10px;bottom:10px;gap:8px}.video-fullscreen{width:44px;height:44px}}