.ckw-button{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-full);cursor:pointer;white-space:nowrap;font-family:var(--font-family-brand), sans-serif;border:none;text-decoration:none;transition:background-color .15s,background-image .15s,border-color .15s,border-width .15s,box-shadow .15s,opacity .15s;display:inline-flex}.ckw-button:focus-visible{outline:var(--border-weight-m) solid var(--border-active);outline-offset:2px}.ckw-button--large{min-width:160px;height:48px;padding-left:var(--spacing-l);padding-right:var(--spacing-l);font-size:var(--label-l-size);line-height:var(--label-l-height);font-weight:var(--label-l-weight)}.ckw-button--medium{min-width:144px;height:48px;padding-left:var(--spacing-l);padding-right:var(--spacing-l);font-size:var(--label-m-size);line-height:var(--label-m-height);font-weight:var(--label-m-weight)}.ckw-button--small{min-width:120px;height:40px;padding-left:var(--spacing-m);padding-right:var(--spacing-m);font-size:var(--label-m-size);line-height:var(--label-m-height);font-weight:var(--label-m-weight)}.ckw-button--full-width{width:100%}.ckw-button--primary{background-color:var(--interactive-primary-hover);color:var(--text-on-interactive-primary);box-shadow:var(--shadow-s);z-index:0;position:relative}.ckw-button--primary:before{content:"";border-radius:inherit;background-image:var(--gradient-brand);opacity:1;z-index:-1;transition:opacity .15s;position:absolute;inset:0}.ckw-button--primary:hover:not(:disabled):before{opacity:0}.ckw-button--primary:active:not(:disabled){background-color:var(--interactive-primary-active)}.ckw-button--primary:active:not(:disabled):before{opacity:0}.ckw-button--primary:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.ckw-button--primary:disabled:before{opacity:1}.ckw-button--secondary{background-color:var(--interactive-secondary);color:var(--text-on-interactive-secondary);border:var(--border-weight-s) solid var(--interactive-primary);box-shadow:none}.ckw-button--secondary:hover:not(:disabled){background-color:var(--interactive-secondary-hover)}.ckw-button--secondary:active:not(:disabled){background-color:var(--interactive-secondary-active);border-width:var(--border-weight-m);border-color:var(--border-active)}.ckw-button--secondary:disabled{opacity:.4;cursor:not-allowed}.ckw-button--tertiary{color:var(--text-on-interactive-secondary);box-shadow:none;background-color:#0000;border:none}.ckw-button--tertiary:hover:not(:disabled){background-color:var(--interactive-secondary-hover)}.ckw-button--tertiary:active:not(:disabled){background-color:var(--interactive-secondary-active)}.ckw-button--tertiary:disabled{opacity:.4;cursor:not-allowed}.ckw-button__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ckw-button__icon>svg{width:100%;height:100%}.ckw-button__spinner{border-radius:var(--border-radius-full);border:var(--border-weight-s) solid currentColor;opacity:.9;border-top-color:#0000;width:20px;height:20px;animation:.6s linear infinite ckw-button-spin}.ckw-button--loading{cursor:progress}@keyframes ckw-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ckw-button__spinner{animation:none}}.ckw-button--state-hover.ckw-button--primary:before{opacity:0}.ckw-button--state-hover.ckw-button--secondary,.ckw-button--state-hover.ckw-button--tertiary{background-color:var(--interactive-secondary-hover)}.ckw-button--state-active.ckw-button--primary{background-color:var(--interactive-primary-active)}.ckw-button--state-active.ckw-button--primary:before{opacity:0}.ckw-button--state-active.ckw-button--secondary{background-color:var(--interactive-secondary-active);border-width:var(--border-weight-m);border-color:var(--border-active)}.ckw-button--state-active.ckw-button--tertiary{background-color:var(--interactive-secondary-active)}.ckw-button--state-focus-visible{outline:var(--border-weight-m) solid var(--border-active);outline-offset:2px}
.ckw-input-field{gap:var(--spacing-xs);box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;display:flex}.ckw-input-field *,.ckw-input-field :before,.ckw-input-field :after{box-sizing:border-box}.ckw-input-field__label-row{gap:var(--spacing-2xs);padding-left:var(--spacing-2xs);padding-right:var(--spacing-2xs);align-items:center;display:flex}.ckw-input-field__label{font-family:var(--font-family-brand), sans-serif;font-size:var(--label-s-size);line-height:var(--label-s-height);font-weight:var(--label-s-weight);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ckw-input-field__optional{font-family:var(--font-family-brand), sans-serif;font-size:var(--caption-size);line-height:var(--caption-height);font-weight:var(--caption-weight);color:var(--text-secondary)}.ckw-input-field__info-icon{width:18px;height:18px;color:var(--interactive-text);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.ckw-input-field__info-icon:focus-visible{outline:var(--border-weight-m) solid var(--border-active);outline-offset:2px}.ckw-input-field__outer{flex-direction:column;align-items:flex-start;width:100%;display:flex}.ckw-input-field__inner{gap:var(--spacing-xs);width:100%;height:44px;padding-left:var(--spacing-m);padding-right:var(--spacing-m);border-radius:var(--border-radius-s);border:var(--border-weight-s) solid var(--border-strong);background-color:var(--background-input);outline:var(--border-weight-m) solid transparent;outline-offset:0px;box-shadow:none;align-items:center;transition:border-color .15s,background-color .15s,outline-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ckw-input-field:not(.ckw-input-field--error):not(.ckw-input-field--disabled) .ckw-input-field__inner:hover{outline-color:var(--border-hover)}.ckw-input-field:not(.ckw-input-field--error):not(.ckw-input-field--disabled) .ckw-input-field__inner:has(.ckw-input-field__input:focus){outline-color:var(--border-hover);border-color:var(--border-active);box-shadow:inset 0 0 0 1px var(--border-active);background-color:var(--background-active)}.ckw-input-field__input{min-width:0;font-family:var(--font-family-brand), sans-serif;font-size:var(--body-m-emphasized-size);line-height:var(--body-m-emphasized-height);font-weight:var(--body-m-emphasized-weight);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1 0 0;margin:0;padding:0;overflow:hidden}.ckw-input-field__input::placeholder{color:var(--text-tertiary)}.ckw-input-field__icon{width:20px;height:20px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ckw-input-field__icon>svg{width:100%;height:100%}.ckw-input-field--error .ckw-input-field__inner{border-color:var(--status-error-border);box-shadow:inset 0 0 0 1px var(--status-error-border);background-color:var(--background-input)}.ckw-input-field__error{gap:var(--spacing-2xs);align-items:center;width:100%;display:flex}.ckw-input-field__error-icon{width:16px;height:16px;color:var(--status-error-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ckw-input-field__error-text{font-family:var(--font-family-brand), sans-serif;font-size:var(--caption-size);line-height:var(--caption-height);font-weight:var(--caption-weight);color:var(--status-error-text);flex:1 0 0;min-width:0}.ckw-input-field--disabled .ckw-input-field__label,.ckw-input-field--disabled .ckw-input-field__optional{color:var(--text-tertiary)}.ckw-input-field--disabled .ckw-input-field__inner{background-color:var(--background-canvas);border-color:var(--border-soft);cursor:not-allowed}.ckw-input-field--disabled .ckw-input-field__input{color:var(--text-tertiary);cursor:not-allowed}.ckw-input-field--disabled .ckw-input-field__input::placeholder,.ckw-input-field--disabled .ckw-input-field__icon{color:var(--text-tertiary)}.ckw-input-field--state-hover:not(.ckw-input-field--error):not(.ckw-input-field--disabled) .ckw-input-field__inner{outline-color:var(--border-hover)}.ckw-input-field--state-active:not(.ckw-input-field--error):not(.ckw-input-field--disabled) .ckw-input-field__inner,.ckw-input-field--state-focus-visible:not(.ckw-input-field--error):not(.ckw-input-field--disabled) .ckw-input-field__inner{outline-color:var(--border-hover);border-color:var(--border-active);box-shadow:inset 0 0 0 1px var(--border-active);background-color:var(--background-active)}
.ckw-password-input .ckw-input-field__input::-ms-reveal{display:none}.ckw-password-input .ckw-input-field__input::-ms-clear{display:none}.ckw-password-input .ckw-input-field__icon{width:var(--spacing-xl);height:var(--spacing-xl)}.ckw-password-input__toggle{width:var(--spacing-xl);height:var(--spacing-xl);border-radius:var(--border-radius-full);color:var(--interactive-text);cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .15s,color .15s;display:flex}.ckw-password-input__toggle:hover:not(:disabled){background-color:var(--background-hover)}.ckw-password-input__toggle:active:not(:disabled){background-color:var(--interactive-secondary-active);color:var(--text-on-interactive-secondary)}.ckw-password-input__toggle:focus-visible{outline:var(--border-weight-m) solid var(--border-active);outline-offset:2px}.ckw-password-input__toggle:disabled{color:var(--text-tertiary);cursor:not-allowed}.ckw-password-input__toggle-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.ckw-password-input__toggle-icon>svg{width:100%;height:100%}
