@layer base{.control-icon{cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.control-icon:disabled{pointer-events:none;opacity:.5}.control-icon__icon{flex-shrink:0;place-self:center;block-size:1.5rem;inline-size:1.5rem}.control-icon__icon .icon{block-size:1.5rem;inline-size:1.5rem}.control-icon--light{color:oklch(45.44% .1282 252.9);transition:background-color .2s ease-in-out}.control-icon--light:is(:hover,:focus-visible,:active){background-color:oklch(96.59% .0025 228.78)}.control-icon--dark{color:oklch(100% 0 0);transition:background-color .2s ease-in-out}.control-icon--dark:is(:hover,:focus-visible,:active){background-color:oklch(16.89% .0021 286.18)}.control-icon--youtube{position:absolute}.control-icon--youtube .control-icon__icon,.control-icon--youtube .icon{z-index:1;block-size:3rem;inline-size:3rem}.control-icon--youtube:before{content:"";opacity:.2;background:oklch(16.89% .0021 286.18);border-radius:.5rem;position:absolute;inset:0}}