:root{--media-max-width:34em}.input-checkbox-switch{--input-checkbox-height:1.5em;--input-checkbox-width:calc(var(--input-checkbox-height)*1.5);--input-checkbox-space:3px;--input-checkbox-dot-color:var(--color-tertiary);--input-checkbox-icon-color:color-mix(in srgb,var(--input-checkbox-dot-color),var(--color-foreground) 80%);--input-checkbox-dot-size:calc(var(--input-checkbox-height) - var(--input-checkbox-space)*2);align-items:center;background-image:var(--icon-check);display:flex;flex-direction:row-reverse;gap:var(--space-s);justify-content:flex-end}.input-checkbox-switch__control-container{align-items:center;display:flex;justify-content:flex-start}.input-checkbox-switch__control-container:has(:checked)~*{--input-checkbox-dot-x:calc(var(--input-checkbox-width) - var(--input-checkbox-dot-size) - var(--input-checkbox-space)*2);--input-checkbox-dot-color:var(--input-checkbox-dot-color--active,var(--color-primary));--input-checkbox-dot-background-image:linear-gradient(to right,transparent 0,transparent calc(100% - 2px) ,var(--input-checkbox-icon-color,currentColor) calc(100% - 2px) ,var(--input-checkbox-icon-color,currentColor) 100%),linear-gradient(to bottom,transparent 0,transparent calc(100% - 2px) ,var(--input-checkbox-icon-color,currentColor) calc(100% - 2px) ,var(--input-checkbox-icon-color,currentColor) 100%);--input-checkbox-dot-image-width:5px;--input-checkbox-dot-image-height:8px}.input-checkbox-switch__control{-moz-appearance:none;appearance:none;-webkit-appearance:none;opacity:0;position:absolute}.input-checkbox-switch__label{display:flex;font-size:.875em;font-weight:500;gap:.5em}.input-checkbox-switch__label--no-icon{--input-checkbox-dot-background-image:none!important}.input-checkbox-switch__check-control-dot{background-color:var(--input-checkbox-dot-color,var(--color-tertiary));background-size:var(--input-checkbox-dot-image-size,12px);border-radius:50%;height:var(--input-checkbox-dot-size);position:relative;transform:translate(var(--input-checkbox-dot-x,0));transition:all .3s ease;width:var(--input-checkbox-dot-size)}.input-checkbox-switch__check-control-dot:before{background-image:var(--input-checkbox-dot-background-image,linear-gradient(to right,transparent calc(50% - 1px) ,var(--input-checkbox-icon-color,currentColor) calc(50% - 1px) ,var(--input-checkbox-icon-color,currentColor) calc(50% + 1px) ,transparent calc(50% + 1px) ),linear-gradient(to bottom,transparent calc(50% - 1px) ,var(--input-checkbox-icon-color,currentColor) calc(50% - 1px) ,var(--input-checkbox-icon-color,currentColor) calc(50% + 1px) ,transparent calc(50% + 1px) ));content:"";display:block;height:var(--input-checkbox-dot-image-height,10px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:background-image .3s ease;width:var(--input-checkbox-dot-image-width,10px)}.input-checkbox-switch__check-control{align-items:center;background-color:var(--color-background);border-radius:var(--input-border-radius,calc(var(--border-radius)*2));cursor:pointer;display:flex;flex-shrink:0;height:var(--input-checkbox-height);justify-content:flex-start;outline:1px solid color-mix(in srgb,var(--color-foreground),var(--color-background) 66.66%);padding:var(--input-checkbox-space);pointer-events:none;position:relative;transition:all .3s ease;width:calc(var(--input-checkbox-height)*1.5)}[data-contrast-mode] .input-checkbox-switch__check-control{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary),var(--color-background) 50%);outline:2px solid color-mix(in srgb,var(--color-primary),var(--color-background) 50%)}