@layer components{.opaline-native-choice{align-items:center;gap:.5rem;display:inline-flex;position:relative}.opaline-native-choice-box{border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:1.25em;height:1.25em;display:inline-flex;position:relative}.opaline-native-choice-box:has(input[type=radio]){border-radius:50%}.opaline-native-choice-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.opaline-native-choice-box:has(input:focus-visible){outline-offset:3px;outline:2px solid}.opaline-native-choice:has(input:disabled){opacity:.6}.opaline-native-choice-input:disabled{cursor:default}.opaline-native-choice-dot{background:currentColor;border-radius:50%;width:50%;height:50%}}.spinner{border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotate;position:relative}.spinner:before{content:"";box-sizing:border-box;border:5px solid var(--spinner-color,#fff);border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}media-controller{--media-control-background:transparent;--media-button-padding:0 2px;--media-button-background:#14141eb3}media-controller media-control-bar{background-color:var(--media-button-background);padding:0 32px}media-controller[mediapaused]:not(:hover) media-control-bar,media-controller:not([mediahasplayed]) media-control-bar{opacity:0}media-controller media-time-display{padding:0 6px}media-controller .main-play-button{background-color:var(--media-button-background);border:3px solid #fff;border-radius:100%;width:48px;height:48px;padding:8px;position:absolute;top:50%;left:50%;translate:-50% -50%}media-controller .main-muted-indicator{opacity:1;width:72px;height:72px;position:absolute;top:0;right:0;scale:1.5}media-controller .main-muted-indicator:hover{background-color:#0000}media-controller[mediahasplayed]:hover .main-play-button,media-controller:is([mediapaused],media-controller:not([mediavolumelevel=off])) .main-muted-indicator{display:none}media-controller[mediaisfullscreen] video{width:100vw;height:100vh;max-width:initial;max-height:initial;object-fit:contain;object-position:center}@layer base{:where(.visual-media__content){object-position:var(--visual-media-focal-position,50% 50%)}}