/* Generated by client-kit for modus. Do not edit manually. */
/* Generated from generic client-kit component contract. Client values enter only through variables. */
.ck-button{align-items:center;background:var(--ck-component-button-background);border:0;border-radius:var(--ck-component-button-radius);color:var(--ck-component-button-text);display:inline-flex;font:inherit;font-weight:var(--ck-font-weight-medium);gap:var(--ck-component-button-gap);justify-content:center;min-block-size:44px;padding:var(--ck-space-3) var(--ck-space-6);text-decoration:none;transition:transform var(--ck-motion-interactive) var(--ck-motion-easing),background-color var(--ck-motion-interactive) var(--ck-motion-easing)}
.ck-button:hover{transform:scale(.98)}.ck-button:active{transform:scale(.97)}.ck-button:focus-visible,.ck-input:focus-visible{outline:3px solid var(--ck-color-focus);outline-offset:3px}.ck-button[aria-disabled="true"],.ck-button:disabled{cursor:not-allowed;opacity:.55}
.ck-card{background:var(--ck-component-card-background);border:1px solid var(--ck-component-card-border);border-radius:var(--ck-component-card-radius);padding:var(--ck-component-card-padding)}
.ck-input{background:var(--ck-component-input-background);border:1px solid var(--ck-component-input-border);border-radius:var(--ck-layout-radius);color:var(--ck-component-input-text);font:inherit;min-block-size:44px;padding:var(--ck-space-3);width:100%}
.ck-modal{background:var(--ck-component-modal-surface);border:1px solid var(--ck-color-border);border-radius:var(--ck-layout-radius);color:var(--ck-color-text);max-inline-size:42rem;padding:var(--ck-space-8)}.ck-modal-overlay{background:var(--ck-component-modal-overlay)}
@media (prefers-reduced-motion:reduce){.ck-button{transition:none}.ck-button:hover,.ck-button:active{transform:none}}