.ui-kit-btn{background-color:var(--btn-bg-color);color:var(--btn-text-color);font-size:var(--btn-font-size);line-height:var(--btn-font-size--line-height);outline:var(--btn-outline-width,0) solid var(--btn-outline-color);border-radius:var(--btn-border-radius);padding:var(--btn-padding);height:var(--btn-height,max-content);gap:var(--btn-gap);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;width:max-content;display:flex;position:relative}.ui-kit-btn--solid{--btn-bg-color:var(--theme-primary);--btn-text-color:var(--theme-on-primary);--btn-outline-color:var(--theme-accent)}.ui-kit-btn--outline{--btn-bg-color:transparent;--btn-text-color:var(--theme-primary);--btn-outline-width:2px;--btn-outline-color:var(--theme-primary)}.ui-kit-btn--solid.ui-kit-btn--inverted{--btn-bg-color:var(--theme-neutral);--btn-text-color:var(--theme-primary);--btn-outline-color:var(--theme-accent)}.ui-kit-btn--outline.ui-kit-btn--inverted{--btn-bg-color:transparent;--btn-text-color:var(--theme-neutral);--btn-outline-width:2px;--btn-outline-color:var(--theme-neutral)}.ui-kit-btn--outline.ui-kit-btn--inverted:hover{--btn-bg-color:var(--theme-neutral);--btn-text-color:var(--theme-primary)}.ui-kit-btn .btn-icon{max-width:100%;height:100%;max-height:100%}.ui-kit-btn.ui-kit-btn--icon-only{--btn-padding:8px;--btn-border-radius:var(--radius-4);aspect-ratio:1}.ui-kit-btn.ui-kit-btn--xl{--btn-font-size:var(--text-xl);--btn-font-size--line-height:var(--text-xl--line-height);--btn-border-radius:var(--radius-5_5);--btn-gap:16px;--btn-padding:14px 24px;--btn-height:50px}.ui-kit-btn.ui-kit-btn--lg{--btn-font-size:var(--text-lg);--btn-font-size--line-height:var(--text-xl--line-height);--btn-border-radius:var(--radius-5);--btn-gap:16px;--btn-padding:14px 20px;--btn-height:46px}.ui-kit-btn.ui-kit-btn--lg.ui-kit-btn--icon-only{--btn-padding:10px}.ui-kit-btn.ui-kit-btn--base{--btn-font-size:var(--text-base);--btn-font-size--line-height:var(--text-base--line-height);--btn-border-radius:var(--radius-4);--btn-gap:8px;--btn-padding:6px 10px;--btn-height:40px}.ui-kit-btn.ui-kit-btn--base.ui-kit-btn--icon-only{--btn-padding:8px;--btn-border-radius:var(--radius-4_5)}.ui-kit-btn.ui-kit-btn--sm{--btn-font-size:var(--text-sm);--btn-font-size--line-height:var(--text-sm--line-height);--btn-border-radius:var(--radius-3);--btn-gap:6px;--btn-padding:4px 6px}.ui-kit-btn.ui-kit-btn--sm.ui-kit-btn--icon-only{--btn-padding:4px}.ui-kit-btn.ui-kit-btn--xs{--btn-font-size:var(--text-sm);--btn-font-size--line-height:var(--text-sm--line-height);--btn-border-radius:var(--radius-3_25);--btn-gap:6px;--btn-padding:4px 6px;--btn-height:30px}.ui-kit-btn.ui-kit-btn--xs.ui-kit-btn--icon-only{--btn-padding:4px}.ui-kit-btn:hover{--btn-outline-width:2px}.ui-kit-btn:hover .btn-icon.btn-icon--left{transform:scale(1.3)rotate(-5deg)}.ui-kit-btn:hover .btn-icon.btn-icon--right{transform:scale(1.3)rotate(5deg)}.ui-kit-btn__tooltip{border-radius:var(--radius-full);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-brown-700);white-space:nowrap;background-color:var(--color-white);pointer-events:none;z-index:10;padding:6px 8px;display:none;position:absolute;top:-22px}.ui-kit-btn:hover .ui-kit-btn__tooltip{display:block}.ui-kit-input-container{flex-direction:column;gap:6px;width:100%;display:flex}.ui-kit-input-container--sm .ui-kit-input{border-radius:var(--radius-3_5);font-size:var(--text-sm);line-height:var(--text-sm--line-height);padding:8px 12px}.ui-kit-input-container--lg .ui-kit-input{border-radius:var(--radius-5_5);padding:16px 24px}.ui-kit-input-container span{color:var(--color-brown-700)}.ui-kit-input{background-color:var(--color-brown-100);border-radius:var(--radius-4);outline:1px solid #0000;width:100%;padding:12px 16px;transition:outline-color .1s ease-in-out;position:relative}.ui-kit-input-container--error .ui-kit-input{outline-color:var(--color-red-500)}.ui-kit-input input{border-bottom:1px dashed var(--color-brown-700);color:var(--color-brown-700);background:0 0;outline:none;width:100%;min-width:0}.ui-kit-input input::placeholder{color:var(--color-brown-500)}.ui-kit-input input:autofill{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input:autofill:hover{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input:autofill:focus{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input::-webkit-autofill{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input::-webkit-autofill:hover{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input input::-webkit-autofill:focus{box-shadow:0 0 0px 1000px var(--color-brown-100) inset}.ui-kit-input-container--text-left input{text-align:left}.ui-kit-input-container--text-right input{text-align:right}.ui-kit-input-container--text-center input{text-align:center}