.ods-button .ld-spinner{height:20px;width:20px}.ods-button .ld-spinner .path{stroke:currentColor;stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;-webkit-animation:cmp-form-button-rotate 1s linear infinite;animation:cmp-form-button-rotate 1s linear infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes cmp-form-button-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cmp-form-button-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.patio-btn--ghost-on-dark .ngy-form.ngy-form,.patio-btn--primary-on-dark .ngy-form.ngy-form,.patio-btn--secondary-on-dark .ngy-form.ngy-form{--ods-color-basic-text-default:var(--ods-color-basic-text-on-dark);--ods-color-basic-text-strong:var(--ods-color-basic-text-on-dark);--ods-color-basic-text-soft:var(--ods-color-basic-text-on-dark);--ods-color-effect-focus-default:var(--ods-color-effect-focus-on-dark);background-color:var(--ods-core-slate-600);color:#fff}.patio-btn--ghost-on-dark .ngy-form.ngy-form .cmp-form-text__help-block,.patio-btn--ghost-on-dark .ngy-form.ngy-form .error,.patio-btn--ghost-on-dark .ngy-form.ngy-form .inputcheckbox .info,.patio-btn--ghost-on-dark .ngy-form.ngy-form .inputcheckbox .info a,.patio-btn--ghost-on-dark .ngy-form.ngy-form .multi-checkbox--title,.patio-btn--ghost-on-dark .ngy-form.ngy-form .ngy-text,.patio-btn--ghost-on-dark .ngy-form.ngy-form .ngy-text a,.patio-btn--ghost-on-dark .ngy-form.ngy-form .ods-input-text__message,.patio-btn--ghost-on-dark .ngy-form.ngy-form legend.label,.patio-btn--ghost-on-dark .ngy-form.ngy-form p,.patio-btn--primary-on-dark .ngy-form.ngy-form .cmp-form-text__help-block,.patio-btn--primary-on-dark .ngy-form.ngy-form .error,.patio-btn--primary-on-dark .ngy-form.ngy-form .inputcheckbox .info,.patio-btn--primary-on-dark .ngy-form.ngy-form .inputcheckbox .info a,.patio-btn--primary-on-dark .ngy-form.ngy-form .multi-checkbox--title,.patio-btn--primary-on-dark .ngy-form.ngy-form .ngy-text,.patio-btn--primary-on-dark .ngy-form.ngy-form .ngy-text a,.patio-btn--primary-on-dark .ngy-form.ngy-form .ods-input-text__message,.patio-btn--primary-on-dark .ngy-form.ngy-form legend.label,.patio-btn--primary-on-dark .ngy-form.ngy-form p,.patio-btn--secondary-on-dark .ngy-form.ngy-form .cmp-form-text__help-block,.patio-btn--secondary-on-dark .ngy-form.ngy-form .error,.patio-btn--secondary-on-dark .ngy-form.ngy-form .inputcheckbox .info,.patio-btn--secondary-on-dark .ngy-form.ngy-form .inputcheckbox .info a,.patio-btn--secondary-on-dark .ngy-form.ngy-form .multi-checkbox--title,.patio-btn--secondary-on-dark .ngy-form.ngy-form .ngy-text,.patio-btn--secondary-on-dark .ngy-form.ngy-form .ngy-text a,.patio-btn--secondary-on-dark .ngy-form.ngy-form .ods-input-text__message,.patio-btn--secondary-on-dark .ngy-form.ngy-form legend.label,.patio-btn--secondary-on-dark .ngy-form.ngy-form p{color:#fff}.ods-button.patio-btn--secondary,.patio-btn--secondary .ods-button{--ods-button-background:var(--ods-color-button-background-secondary-default);--ods-button-background-hover:var( --ods-color-button-background-secondary-hover );--ods-button-background-active:var( --ods-color-button-background-secondary-active );--ods-button-background-disabled:var( --ods-color-button-background-secondary-disabled );--ods-button-content:var(--ods-color-button-content-secondary-default);--ods-button-content-hover:var(--ods-color-button-content-secondary-hover);--ods-button-content-active:var(--ods-color-button-content-secondary-active);--ods-button-content-disabled:var( --ods-color-button-content-secondary-disabled );--ods-button-border:var(--ods-color-button-border-secondary-default);--ods-button-border-hover:var(--ods-color-button-border-secondary-hover);--ods-button-border-active:var(--ods-color-button-border-secondary-active);--ods-button-border-disabled:var( --ods-color-button-border-secondary-disabled );--ods-button-loading-spinner-track-color:var(--ods-color-basic-border-soft)}.ods-button.patio-btn--ghost,.patio-btn--ghost .ods-button{--ods-button-background:var(--ods-color-button-background-ghost-default);--ods-button-background-hover:var(--ods-color-button-background-ghost-hover);--ods-button-background-active:var( --ods-color-button-background-ghost-active );--ods-button-background-disabled:var( --ods-color-button-background-ghost-disabled );--ods-button-content:var(--ods-color-button-content-ghost-default);--ods-button-content-hover:var(--ods-color-button-content-ghost-hover);--ods-button-content-active:var(--ods-color-button-content-ghost-active);--ods-button-content-disabled:var(--ods-color-button-content-ghost-disabled);--ods-button-border:var(--ods-color-button-border-ghost-default);--ods-button-border-hover:var(--ods-color-button-border-ghost-hover);--ods-button-border-active:var(--ods-color-button-border-ghost-active);--ods-button-border-disabled:var(--ods-color-button-border-ghost-disabled);--ods-button-ghost-underline-current-thickness:var( --ods-button-ghost-underline-thickness )}.ods-button.patio-btn--accent,.patio-btn--accent .ods-button{--ods-button-background:var(--ods-color-button-background-accent-default);--ods-button-background-hover:var( --ods-color-button-background-accent-hover );--ods-button-background-active:var( --ods-color-button-background-accent-active );--ods-button-background-disabled:var( --ods-color-button-background-accent-disabled );--ods-button-content:var(--ods-color-button-content-accent-default);--ods-button-content-hover:var(--ods-color-button-content-accent-hover);--ods-button-content-active:var(--ods-color-button-content-accent-active);--ods-button-content-disabled:var( --ods-color-button-content-accent-disabled );--ods-button-border:var(--ods-color-button-border-accent-default);--ods-button-border-hover:var(--ods-color-button-border-accent-hover);--ods-button-border-active:var(--ods-color-button-border-accent-active);--ods-button-border-disabled:var(--ods-color-button-border-accent-disabled);--ods-button-loading-spinner-track-color:var( --ods-color-basic-border-on-dark )}.ods-button.patio-btn--danger,.patio-btn--danger .ods-button{--ods-button-background:var(--ods-color-action-background-error-default);--ods-button-background-hover:var(--ods-color-action-background-error-hover);--ods-button-background-active:var( --ods-color-action-background-error-active );--ods-button-background-disabled:var( --ods-color-action-background-error-disabled );--ods-button-content:var(--ods-color-feedback-text-error-on-dark);--ods-button-content-hover:var(--ods-color-feedback-text-error-on-dark);--ods-button-content-active:var(--ods-color-feedback-text-error-on-dark);--ods-button-content-disabled:var(--ods-color-feedback-text-error-on-dark);--ods-button-border:var(--ods-color-action-background-error-default);--ods-button-border-hover:var(--ods-color-action-background-error-hover);--ods-button-border-active:var(--ods-color-action-background-error-active);--ods-button-border-disabled:var( --ods-color-action-background-error-disabled );--ods-button-loading-spinner-track-color:var( --ods-color-basic-border-on-dark )}.ods-button.patio-btn--lg,.patio-btn--lg .ods-button{--ods-button-height:var(--ods-button-height-lg);--ods-button-padding-inline:var(--ods-button-padding-inline-lg);--ods-button-gap:var(--ods-button-gap-lg);--ods-button-icon-size:var(--ods-button-icon-size-lg);--ods-button-label-offset:var(--ods-button-label-offset-y-lg);--ods-button-font-family:var(--ods-font-label-md-strong-family),system-ui,sans-serif;--ods-button-font-size:var(--ods-font-label-md-strong-size);--ods-button-font-weight:var(--ods-font-label-md-strong-weight);--ods-button-line-height:var(--ods-font-label-md-strong-line-height)}.ods-button.patio-btn--sm,.patio-btn--sm .ods-button{--ods-button-height:var(--ods-button-height-sm);--ods-button-padding-inline:var(--ods-button-padding-inline-sm);--ods-button-gap:var(--ods-button-gap-sm);--ods-button-icon-size:var(--ods-button-icon-size-sm);--ods-button-font-family:var(--ods-font-label-xs-strong-family),system-ui,sans-serif;--ods-button-font-size:var(--ods-font-label-xs-strong-size);--ods-button-font-weight:var(--ods-font-label-xs-strong-weight);--ods-button-line-height:var(--ods-font-label-xs-strong-line-height)}.ods-button.patio-btn--block,.patio-btn--block .ods-button{width:100%}.ods-button.patio-btn--primary-on-dark,.patio-btn--primary-on-dark .ods-button{--ods-button-background:var( --ods-color-button-background-primary-on-dark-default );--ods-button-background-hover:var( --ods-color-button-background-primary-on-dark-hover );--ods-button-background-active:var( --ods-color-button-background-primary-on-dark-active );--ods-button-background-disabled:var( --ods-color-button-background-primary-on-dark-disabled );--ods-button-content:var(--ods-color-button-content-primary-on-dark-default);--ods-button-content-hover:var( --ods-color-button-content-primary-on-dark-hover );--ods-button-content-active:var( --ods-color-button-content-primary-on-dark-active );--ods-button-content-disabled:var( --ods-color-button-content-primary-on-dark-disabled );--ods-button-border:var( --ods-color-button-background-primary-on-dark-default );--ods-button-border-hover:var( --ods-color-button-background-primary-on-dark-hover );--ods-button-border-active:var( --ods-color-button-background-primary-on-dark-active );--ods-button-border-disabled:var( --ods-color-button-background-primary-on-dark-disabled );--ods-button-loading-spinner-track-color:var( --ods-color-basic-border-on-dark )}.ods-button.patio-btn--secondary-on-dark,.patio-btn--secondary-on-dark .ods-button{--ods-button-background:var( --ods-color-button-background-secondary-on-dark-default );--ods-button-background-hover:var( --ods-color-button-background-secondary-on-dark-hover );--ods-button-background-active:var( --ods-color-button-background-secondary-on-dark-active );--ods-button-background-disabled:var( --ods-color-button-background-secondary-on-dark-disabled );--ods-button-content:var( --ods-color-button-content-secondary-on-dark-default );--ods-button-content-hover:var( --ods-color-button-content-secondary-on-dark-hover );--ods-button-content-active:var( --ods-color-button-content-secondary-on-dark-active );--ods-button-content-disabled:var( --ods-color-button-content-secondary-on-dark-disabled );--ods-button-border:var(--ods-color-basic-border-on-dark);--ods-button-border-hover:var(--ods-color-basic-border-on-dark);--ods-button-border-active:var(--ods-color-basic-border-on-dark);--ods-button-border-disabled:var( --ods-color-button-content-secondary-on-dark-disabled );--ods-button-loading-spinner-track-color:var( --ods-color-basic-border-on-dark )}.ods-button.patio-btn--ghost-on-dark,.patio-btn--ghost-on-dark .ods-button{--ods-button-background:var( --ods-color-button-background-ghost-on-dark-default );--ods-button-background-hover:var( --ods-color-button-background-ghost-on-dark-hover );--ods-button-background-active:var( --ods-color-button-background-ghost-on-dark-active );--ods-button-background-disabled:var( --ods-color-button-background-ghost-on-dark-disabled );--ods-button-content:var(--ods-color-button-content-ghost-on-dark-default);--ods-button-content-hover:var( --ods-color-button-content-ghost-on-dark-hover );--ods-button-content-active:var( --ods-color-button-content-ghost-on-dark-active );--ods-button-content-disabled:var( --ods-color-button-content-ghost-on-dark-disabled );--ods-button-border:var(--ods-color-button-background-ghost-on-dark-default);--ods-button-border-hover:var( --ods-color-button-background-ghost-on-dark-hover );--ods-button-border-active:var( --ods-color-button-background-ghost-on-dark-active );--ods-button-border-disabled:var( --ods-color-button-background-ghost-on-dark-disabled );--ods-button-loading-spinner-track-color:var( --ods-color-basic-border-on-dark )}