.ci-template{position:absolute;inset:0;isolation:isolate;width:100%;height:100%;min-height:100dvh;overflow:hidden}.ci-template__media{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:100dvh;border:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ci-template__video{z-index:0}.ci-template__poster{z-index:1}.ci-template__controls{position:absolute;right:max(16px,calc(env(safe-area-inset-right) + 16px));bottom:max(16px,calc(env(safe-area-inset-bottom) + 16px));z-index:2;display:flex;align-items:center;gap:12px}.ci-template__control{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#05070cc7;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #00000057;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);transition:background-color .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,opacity .18s ease-out,transform .18s ease-out}.ci-template__control[hidden]{display:none!important}.ci-template__control:disabled{cursor:default}.ci-template__control:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #000000d1,0 8px 24px #00000057}.ci-template__control:active{transform:scale(.96)}.ci-template__skip{opacity:0;pointer-events:none;transform:translateY(6px)}.ci-template__skip.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.ci-template__control-icon{width:28px;height:28px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.58))}.ci-template__skip-chevron,.ci-template__skip-bar,.ci-template__mute-wave,.ci-template__mute-slash{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.ci-template__mute-speaker{fill:currentColor}.ci-template__mute-icon[hidden]{display:none}@media (hover: hover) and (pointer: fine){.ci-template__control:not(:disabled):hover{border-color:#ffffffad;background:#05070ce6;box-shadow:inset 0 1px #ffffff38,0 10px 28px #0000006b;transform:scale(1.04)}.ci-template__skip.is-visible:hover{transform:translateY(0) scale(1.04)}}@media (prefers-reduced-motion: reduce){.ci-template__control,.ci-template__skip,.ci-template__skip.is-visible{transition:none;transform:none!important}}@media (forced-colors: active){.ci-template__control{border:2px solid ButtonText;background:ButtonFace;color:ButtonText;forced-color-adjust:auto}}