.app-btn{color:var(--app-btn-color)}.app-btn__bg{background:var(--app-btn-bg-color);border-color:var(--app-btn-border-color)}.app-btn__bg:after{background:linear-gradient(to top,var(--app-btn-bg-shadow),transparent)}.app-btn:hover{color:var(--app-btn-color-hover)}.app-btn:hover .app-btn__bg{background:var(--app-btn-bg-color-hover);border-color:var(--app-btn-border-color-hover)}.app-btn:hover .app-btn__bg:after{opacity:0}.app-btn:active{color:var(--app-btn-color-active)}.app-btn:active .app-btn__bg{background:var(--app-btn-bg-color-active);border-color:var(--app-btn-border-color-active);box-shadow:0 0 20px 0 var(--app-btn-bg-color-active-glow)}.app-btn:active .app-btn__bg:after{opacity:0}.app-btn.disabled,.app-btn.disabled:active,.app-btn.disabled:hover{color:var(--app-btn-color-disabled)}.app-btn.disabled .app-btn__bg,.app-btn.disabled:active .app-btn__bg,.app-btn.disabled:hover .app-btn__bg{background:var(--app-btn-bg-color-disabled);border-color:var(--app-btn-border-color-disabled);box-shadow:none}.app-btn.disabled .app-btn__bg:after,.app-btn.disabled:active .app-btn__bg:after,.app-btn.disabled:hover .app-btn__bg:after{opacity:1}.app-btn_theme_blue{--app-btn-color:#fff;--app-btn-color-hover:#fff;--app-btn-color-active:#fff;--app-btn-color-disabled:#fff;--app-btn-border-color:hsla(0,0%,100%,.1);--app-btn-border-color-hover:transparent;--app-btn-border-color-active:transparent;--app-btn-border-color-disabled:hsla(0,0%,100%,.1);--app-btn-bg-color:#0ee5f4;--app-btn-bg-shadow:#159bc0;--app-btn-bg-color-hover:#0ee5f4;--app-btn-bg-color-active:#10d2e7;--app-btn-bg-color-disabled:#0ee5f4;--app-btn-bg-color-active-glow:rgba(16,210,231,.5)}.app-btn_theme_blue-bordered{--app-btn-color:#fff;--app-btn-color-hover:#fff;--app-btn-color-active:#fff;--app-btn-color-disabled:#fff;--app-btn-border-color:hsla(0,0%,100%,.5);--app-btn-border-color-hover:hsla(0,0%,100%,.5);--app-btn-border-color-active:hsla(0,0%,100%,.5);--app-btn-border-color-disabled:hsla(0,0%,100%,.5);--app-btn-bg-color:#0ee5f4;--app-btn-bg-shadow:#159dc1;--app-btn-bg-color-hover:#0ee5f4;--app-btn-bg-color-active:#10d2e7;--app-btn-bg-color-disabled:#0ee5f4;--app-btn-bg-color-active-glow:rgba(16,210,231,.5)}.app-btn_theme_dark-blue{--app-btn-color:#fff;--app-btn-color-hover:#fff;--app-btn-color-active:#fff;--app-btn-color-disabled:#fff;--app-btn-border-color:hsla(0,0%,100%,.1);--app-btn-border-color-hover:transparent;--app-btn-border-color-active:transparent;--app-btn-border-color-disabled:hsla(0,0%,100%,.1);--app-btn-bg-color:#2983b1;--app-btn-bg-shadow:#1e608d;--app-btn-bg-color-hover:#2983b1;--app-btn-bg-color-active:#1e608d;--app-btn-bg-color-disabled:#2983b1;--app-btn-bg-color-active-glow:rgba(41,131,177,.5)}.app-btn_theme_dark-blue-bordered{--app-btn-color:#fff;--app-btn-color-hover:#fff;--app-btn-color-active:#fff;--app-btn-color-disabled:#fff;--app-btn-border-color:hsla(0,0%,100%,.5);--app-btn-border-color-hover:hsla(0,0%,100%,.5);--app-btn-border-color-active:hsla(0,0%,100%,.5);--app-btn-border-color-disabled:hsla(0,0%,100%,.5);--app-btn-bg-color:#2983b1;--app-btn-bg-shadow:#1e608d;--app-btn-bg-color-hover:#2983b1;--app-btn-bg-color-active:#1e608d;--app-btn-bg-color-disabled:#2983b1;--app-btn-bg-color-active-glow:rgba(41,131,177,.5)}.app-btn_theme_light-blue{--app-btn-color:#103654;--app-btn-color-hover:#103654;--app-btn-color-active:#103654;--app-btn-color-disabled:#103654;--app-btn-border-color:#dbfeff;--app-btn-border-color-hover:#dbfeff;--app-btn-border-color-active:#fff;--app-btn-border-color-disabled:#dbfeff;--app-btn-bg-color:#dbfeff;--app-btn-bg-shadow:#67cadb;--app-btn-bg-color-hover:#dbfeff;--app-btn-bg-color-active:#b4ecf3;--app-btn-bg-color-disabled:#dbfeff;--app-btn-bg-color-active-glow:rgba(180,236,243,.5)}.app-btn_theme_success{--app-btn-color:#84ff7d;--app-btn-color-hover:#84ff7d;--app-btn-color-active:#84ff7d;--app-btn-color-disabled:#84ff7d;--app-btn-border-color:transparent;--app-btn-border-color-hover:transparent;--app-btn-border-color-active:transparent;--app-btn-border-color-disabled:transparent;--app-btn-bg-color:rgba(132,255,125,.15);--app-btn-bg-color:#225b66;--app-btn-bg-shadow:transparent;--app-btn-bg-color-hover:#296568;--app-btn-bg-color-active:#2e6f69;--app-btn-bg-color-disabled:#225b66;--app-btn-bg-color-active-glow:transparent}.app-btn_theme_pending{--app-btn-color:#18cedb;--app-btn-color-hover:#18cedb;--app-btn-color-active:#18cedb;--app-btn-color-disabled:#18cedb;--app-btn-border-color:transparent;--app-btn-border-color-hover:transparent;--app-btn-border-color-active:transparent;--app-btn-border-color-disabled:transparent;--app-btn-bg-color:#116282;--app-btn-bg-shadow:transparent;--app-btn-bg-color-hover:#116282;--app-btn-bg-color-active:#116282;--app-btn-bg-color-disabled:#116282;--app-btn-bg-color-active-glow:transparent}.app-btn{--btn-height:42px;--content-padding:0 15px;align-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:40px;padding:0;position:relative;transition:all .2s ease;width:100%}.app-btn,.app-btn.icon{height:var(--btn-height)}.app-btn.icon{width:var(--btn-height)}.app-btn__bg{border:1px solid transparent;border-radius:18px;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:.2s;transition-property:background-color,border-color,box-shadow;width:100%}.app-btn__bg:after{content:"";inset:0;position:absolute;transition:.2s;transition-property:opacity}.app-btn.rounded .app-btn__bg{border-radius:1000px}.app-btn.icon .app-btn__bg{border-radius:50%}.app-btn__content{align-items:center;display:flex;gap:8px;justify-content:center;padding:var(--content-padding);position:relative;width:100%;z-index:2}.app-btn.icon .app-btn__content{height:100%;padding:0}.app-btn.disabled{opacity:.5}.app-btn.disabled,.app-btn.loading{cursor:not-allowed}.app-btn__loader{align-items:center;display:flex;justify-content:center}.app-btn__spinner{animation:app-btn-spin .5s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.app-btn:focus-visible{outline:none}@keyframes app-btn-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}