@layer wertigo.components{:where(.UiSwitch){cursor:pointer;background:#fff;border:1px solid #eceff4;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:42px;padding:8px 10px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid}.UiSwitch:hover:not(.UiSwitch--disabled){background:#fffaf8;border-color:#ea55553d}.UiSwitch:focus-within .UiSwitch__control{box-shadow:0 0 0 3px #ea55551f}.UiSwitch--compact{background:0 0;border:0;min-height:0;padding:0}.UiSwitch--compact:hover:not(.UiSwitch--disabled){background:0 0;border-color:#0000}.UiSwitch--control-end{grid-template-columns:minmax(0,1fr) auto}.UiSwitch--control-end .UiSwitch__control{order:2}.UiSwitch--control-end .UiSwitch__copy{order:1}.UiSwitch--disabled{cursor:not-allowed;opacity:.62}.UiSwitch__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.UiSwitch__control{background:#d1d5db;border-radius:999px;width:34px;height:20px;transition:background-color .18s,box-shadow .18s;position:relative}.UiSwitch__control:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #1118272e}.UiSwitch__input:checked+.UiSwitch__control{background:var(--danger-color)}.UiSwitch__input:checked+.UiSwitch__control:after{transform:translate(14px)}.UiSwitch__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.UiSwitch__description,.UiSwitch__title{margin:0}.UiSwitch__title{color:#111827;font-size:13px;font-weight:600;line-height:1.25}.UiSwitch__description{overflow-wrap:anywhere;color:#6b7280;font-size:12px;line-height:1.3}}