.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;font-weight:var(--font-weight-extralight);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.btn:after{content:"";position:absolute;inset:var(--component-button-inner-border-inset);box-shadow:inset 0 0 0 .5px var(--_btn-inner-border,transparent);pointer-events:none;z-index:1}.btn:active{transform:scale(.98)}.btn-large{height:48px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-medium{height:38px;padding:var(--spacing-sm) var(--spacing-xl)}.btn-small{height:24px;padding:var(--spacing-xxs) var(--spacing-xs)}.btn-primary{--_btn-inner-border:var(--component-button-inner-border-primary);background-color:var(--component-button-primary-background);color:var(--component-button-primary-text)}.btn-primary:hover{position:relative}.btn-primary:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-secondary{--_btn-inner-border:var(--component-button-inner-border-secondary);background-color:var(--component-button-secondary-background);color:var(--component-button-secondary-text);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.btn-secondary:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-outline{--_btn-inner-border:var(--component-button-inner-border-outline);border-color:transparent;color:var(--component-button-outline-text);background-color:transparent;box-shadow:inset 0 0 0 .5px var(--component-button-outline-border)}.btn-outline:after{inset:2px}.btn-outline:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-onimage{--_btn-inner-border:var(--component-button-inner-border-onimage);background-color:var(--component-button-onimage-background);color:var(--component-button-onimage-text);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.btn-onimage:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-ghost{--_btn-inner-border:transparent;background-color:var(--component-button-ghost-background);color:var(--component-button-ghost-text);border:none}.btn-ghost:hover{background-color:var(--component-button-ghost-hover-background)}.btn-icon-left,.btn-icon-right{gap:0}.btn-large.btn-icon-left,.btn-large.btn-icon-right,.btn-medium.btn-icon-left,.btn-medium.btn-icon-right{gap:var(--spacing-xs)}.btn-small.btn-icon-left,.btn-small.btn-icon-right{gap:var(--spacing-xxs)}.btn-icon-left>i,.btn-icon-left>svg,.btn-icon-right>i,.btn-icon-right>svg{flex-shrink:0}.btn-icon-left{flex-direction:row}.btn-icon-right{flex-direction:row-reverse}.btn-icon-only{width:auto;aspect-ratio:1;padding:0}.btn-large.btn-icon-only{width:48px;height:48px}.btn-medium.btn-icon-only{width:38px;height:38px;padding:7px}.btn-small.btn-icon-only{width:24px;height:24px}.btn:focus-visible{outline:2px solid var(--applied-border-accent);outline-offset:2px}.btn:disabled{opacity:var(--opacity-medium);cursor:not-allowed;pointer-events:none}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--applied-background-level-3);border:1px solid var(--applied-border-default);border-radius:0;color:var(--applied-text-default);font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-extralight);line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--ease-default),padding-top var(--duration-fast) var(--ease-smooth),padding-bottom var(--duration-fast) var(--ease-smooth);overflow:visible}.form-input:focus-visible{border-color:var(--applied-border-accent);outline:none}.form-input:focus:not(:focus-visible){outline:none}.form-input::placeholder{color:transparent}.form-textarea{resize:vertical;min-height:140px}.form-field .form-select--empty{color:transparent}.form-field .form-select--empty:focus,.form-field--focused .form-select--empty{color:var(--applied-text-subdued)}.form-select-wrapper{position:relative;width:100%}.form-select__icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-16);color:var(--applied-text-default);pointer-events:none;line-height:var(--line-height-none)}.form-select{appearance:none;padding-right:var(--spacing-2xl);cursor:pointer}.form-field{position:relative;width:100%}.form-field .form-input::placeholder{color:transparent}.form-field__label{position:absolute;left:16px;top:50%;transform:translateY(-50%);padding:0;font-family:var(--font-family-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-extralight);line-height:var(--line-height-none);color:var(--applied-text-default);pointer-events:none;white-space:nowrap;background:transparent;transition:top var(--duration-fast) var(--ease-smooth),left var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth),font-size var(--duration-fast) var(--ease-smooth)}.form-field--floating .form-field__label{top:8px;left:8px;transform:translateY(0);font-size:var(--font-size-10)}.form-field--floating .form-input,.form-field--focused .form-input{border-color:var(--applied-border-accent);outline:none;overflow:visible}.form-field--floating .form-input{padding-top:18px;padding-bottom:6px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--applied-background-level-1) inset!important;-webkit-text-fill-color:var(--applied-text-default)!important}.form-field .form-input:-webkit-autofill{animation-name:form-field-autofill-start;animation-duration:1ms}.form-field .form-input:not(:-webkit-autofill){animation-name:form-field-autofill-end;animation-duration:1ms}@media (prefers-reduced-motion:reduce){.form-field__label{transition:none}}