.color-correction{container-type:inline-size;margin:0}.color-correction-form{font-size:max(1.875rem,min(calc(1.38204rem + 3.94366cqi),2.75rem))}.color-correction-form fieldset{border:none;-moz-column-gap:.25em;column-gap:.25em;display:flex;padding:.25em 0 0}.color-correction-form input,.color-correction-form legend{border:0;clip:rect(.0625rem .0625rem .0625rem .0625rem);clip:rect(.0625rem,.0625rem,.0625rem,.0625rem);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute!important;width:.0625rem;word-wrap:normal!important}.color-correction-form label{border:.125rem solid;border-radius:2em;display:block;height:1em;width:1em}.color-correction-form label:nth-of-type(2){margin-right:auto}.color-correction-form label span{display:block;transform:rotate(var(--angle,45deg));transform-origin:center}.color-correction-form label span:before{background:linear-gradient(to right,var(--cl) 50%,var(--cr) 50%);border-radius:2em;box-sizing:border-box;content:"";display:block;height:1em;transform:scale(.5);transition:transform .15s ease-in-out;width:1em}.color-correction-form input:where(:focus-visible,.focus-visible)+label{-moz-outline-radius:.125rem;outline:var(--outline-color) solid var(--outline-width);outline-offset:var(--outline-offset)}.color-correction-form input:checked+label span:before{transform:scale(.85)}/*# sourceMappingURL=demo.css.map */