.app-button{display:flex;justify-content:center;align-items:center;border:1px solid transparent;font-size:.9rem;white-space:nowrap;transition:all .3s;cursor:pointer}.app-button.button_small:not(.is_rounded){border-radius:.5em}.app-button.button_small:not(.is_rounded).is_use_padding{padding:4px 8px}.app-button.button_small.is_rounded{width:24px;height:24px}.app-button.button_small.is_rounded.is_use_padding{padding:4px}.app-button.button_middle{height:38px;line-height:1.1}.app-button.button_middle:not(.is_rounded){border-radius:.7em}.app-button.button_middle:not(.is_rounded).is_use_padding{padding:8px 22px}.app-button.button_middle.is_rounded{width:38px!important}.app-button.button_middle.is_rounded.is_use_padding{padding:8px}.app-button.button_large{height:56px!important;line-height:1.1;border-radius:1em}.app-button.button_large:not(.is_rounded){border-radius:.8em}.app-button.button_large:not(.is_rounded).is_use_padding{padding:calc(.5em - 1px) 1em}.app-button.button_large.is_rounded.is_use_padding{padding:calc(.5em - 1px)}.app-button.is_elevated:focus{box-shadow:none}.app-button.is_primary,.app-button.is_warn,.app-button.is_gray,.app-button.is_delete{border-color:transparent;color:var(--white)}.app-button.is_primary{background-color:var(--primary)}.app-button.is_warn{background-color:var(--yelow)}.app-button.is_gray{background-color:var(--grey);color:var(--text-grey)}.app-button.is_delete{background-color:var(--red)}.app-button.is_primary:disabled,.app-button.is_primary.disabled,.app-button.is_primary.is_disabled,.app-button.is_warn:disabled,.app-button.is_warn.disabled,.app-button.is_warn.is_disabled,.app-button.is_gray:disabled,.app-button.is_gray.disabled,.app-button.is_gray.is_disabled,.app-button.is_delete:disabled,.app-button.is_delete.disabled,.app-button.is_delete.is_disabled{background-color:var(--border-color);box-shadow:none;opacity:.5}.app-button.is_outline{border-color:inherit}.app-button.is_outline.is_primary,.app-button.is_outline.is_warn,.app-button.is_outline.is_gray,.app-button.is_outline.is_delete{background-color:transparent!important}.app-button.is_outline.is_warn{border-color:var(--yelow);color:var(--yelow)}.app-button.is_outline.is_gray{border-color:var(--border-color);color:var(--text-grey)}.app-button.is_outline.is_primary{border-color:var(--primary);color:var(--primary)}.app-button.is_outline.is_delete{border-color:var(--red);color:var(--red)}.app-button.is_rounded,.app-button.is_rounded .w-full{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:1em}.app-button:disabled,.app-button.disabled,.app-button.is_disabled{pointer-events:none}.app-button.button_small svg{width:16px;height:16px}.app-button.button_middle svg{width:20px;height:20px}.app-button.is_close{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;background-color:var(--widget);box-shadow:0 0 .5rem #00000014;color:var(--grey-3)}.app-button.is_close:hover{color:var(--red)}.app-button.is_close svg{margin:auto}