.app-loader{display:inline-block;flex-shrink:0;height:80px;position:relative;transform:scale(.35);width:80px}.app-loader.auto-color div:after{background:currentColor}.app-loader.gray div:after{background:#555}.app-loader.sm{transform:scale(.25)}.app-loader.lg{transform:scale(.5)}.app-loader div{animation:loader 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.app-loader div:after{background:#fff;border-radius:50%;content:" ";display:block;height:8px;margin:-4px 0 0 -4px;position:absolute;width:8px}.app-loader div:first-child{animation-delay:-36ms}.app-loader div:first-child:after{left:63px;top:63px}.app-loader div:nth-child(2){animation-delay:-72ms}.app-loader div:nth-child(2):after{left:56px;top:68px}.app-loader div:nth-child(3){animation-delay:-.108s}.app-loader div:nth-child(3):after{left:48px;top:71px}.app-loader div:nth-child(4){animation-delay:-.144s}.app-loader div:nth-child(4):after{left:40px;top:72px}.app-loader div:nth-child(5){animation-delay:-.18s}.app-loader div:nth-child(5):after{left:32px;top:71px}.app-loader div:nth-child(6){animation-delay:-.216s}.app-loader div:nth-child(6):after{left:24px;top:68px}.app-loader div:nth-child(7){animation-delay:-.252s}.app-loader div:nth-child(7):after{left:17px;top:63px}.app-loader div:nth-child(8){animation-delay:-.288s}.app-loader div:nth-child(8):after{left:12px;top:56px}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loader-box{align-items:center;display:flex;justify-content:center}.app-btn{align-items:center;display:flex;font-weight:var(--btn-font-weight);justify-content:center;letter-spacing:var(--btn-letter-spacing);position:relative;text-align:center;transition:color .3s,background-color .3s}.app-btn.disabled{cursor:not-allowed}.app-btn.variant-text:hover{background-color:color-mix(in srgb,currentColor 5%,transparent)}.app-btn.size-xs{font-size:var(--btn-xs-font-size);font-size:var(--btn-xxs-font-size);gap:var(--btn-xs-gap);gap:var(--btn-xxs-gap);height:var(--btn-size-xs);height:var(--btn-size-xxs)}.app-btn.size-xs.btn-icon{width:var(--btn-size-xs);width:var(--btn-size-xxs)}.app-btn.size-xs:not(.btn-icon).density-default{padding-left:var(--btn-xxs-density-default-padding);padding-right:var(--btn-xxs-density-default-padding)}.app-btn.size-xs:not(.btn-icon).density-comfortable{padding-left:var(--btn-xxs-density-comfortable-padding);padding-right:var(--btn-xxs-density-comfortable-padding)}.app-btn.size-sm{font-size:var(--btn-sm-font-size);gap:var(--btn-sm-gap);height:var(--btn-size-sm)}.app-btn.size-sm.btn-icon{width:var(--btn-size-sm)}.app-btn.size-sm:not(.btn-icon).density-default{padding-left:var(--btn-sm-density-default-padding);padding-right:var(--btn-sm-density-default-padding)}.app-btn.size-md{font-size:var(--btn-md-font-size);gap:var(--btn-md-gap);height:var(--btn-size-md)}.app-btn.size-md.btn-icon{width:var(--btn-size-md)}.app-btn.size-md:not(.btn-icon).density-default{padding-left:var(--btn-md-density-default-padding);padding-right:var(--btn-md-density-default-padding)}.app-btn.size-lg{font-size:var(--btn-lg-font-size);gap:var(--btn-lg-gap);height:var(--btn-size-lg)}.app-btn.size-lg.btn-icon{width:var(--btn-size-lg)}.app-btn.size-lg:not(.btn-icon).density-default{padding-left:var(--btn-lg-density-default-padding);padding-right:var(--btn-lg-density-default-padding)}.app-btn.size-xl{font-size:var(--btn-xl-font-size);gap:var(--btn-xl-gap);height:var(--btn-size-xl)}.app-btn.size-xl.btn-icon{width:var(--btn-size-xl)}.app-btn.size-xl:not(.btn-icon).density-default{padding-left:var(--btn-xl-density-default-padding);padding-right:var(--btn-xl-density-default-padding)}.app-btn.btn-icon.btn-rounded{border-radius:50%}.app-btn:not(.btn-icon).btn-rounded{border-radius:var(--btn-border-radius-rounded)}.app-btn:not(.btn-rounded){border-radius:var(--btn-border-radius-default)}.app-btn .app-btn-after,.app-btn .app-btn-before,.app-btn .app-btn-text{align-items:center;display:inline-flex}.app-btn .loader{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}