@layer wertigo.components{:where(.UiSwitch){border:1px solid var(--ds-surface-muted);border-radius:var(--ds-radius-md);background:var(--ds-surface);cursor:pointer;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:var(--ds-brand-soft);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{border-radius:var(--ds-radius-pill);background:var(--ds-line-strong);width:34px;height:20px;transition:background-color .18s,box-shadow .18s;position:relative}.UiSwitch__control:after{border-radius:var(--ds-radius-pill);background:var(--ds-surface);content:"";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(--ds-brand)}.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:var(--ds-ink);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);line-height:1.25}.UiSwitch__description{overflow-wrap:anywhere;color:var(--ds-subtle);font-size:var(--ds-text-xs);line-height:1.3}}