.button{border-radius:8px;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 16px;transition:all .15s ease-in-out;display:flex;position:relative;overflow:hidden}.button:active{transform:scale(.97)}.button__ripple{background-color:rgba(var(--color-white-rgb)/40%);pointer-events:none;border-radius:50%;animation:.8s ease-out ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.button__loading{border-bottom:1px solid var(--color-white);border-radius:50%;width:16px;height:16px;animation:2s linear infinite rotate}.button--close{background:var(--color-secondary);border:none;border-radius:6px;width:32px;height:32px}.button--close:hover{background:var(--color-secondary-hover)}.button--close:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%);background:var(--color-secondary-hover);outline:none}.button--close *{fill:var(--color-text)}.button--close .button__ripple{background-color:rgba(var(--color-text-rgb)/40%)}.button--withBorder{border:1px solid var(--color-text)}.button--theme-blue{background:var(--color-primary);color:var(--color-white)}.button--theme-blue:hover,.button--theme-blue:active{background:var(--color-primary-hover)}.button--theme-blue:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-blue .button__icon *{fill:var(--color-white)}.button--theme-blue .button__ripple{background-color:rgba(var(--color-white-rgb)/40%)}.button--theme-gray{background:var(--color-gray-9);color:var(--color-text-primary)}.button--theme-gray:hover,.button--theme-gray:active{background:var(--color-gray-4)}.button--theme-gray:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-gray path{fill:var(--color-text-primary)}.button--theme-gray .button__ripple{background-color:rgba(var(--color-text-primary-rgb)/20%)}.button--theme-blue-light{background:var(--color-secondary);color:var(--color-text-primary)}.button--theme-blue-light:visited{color:var(--color-text-primary)}.button--theme-blue-light:hover,.button--theme-blue-light:active{background:var(--color-secondary-hover)}.button--theme-blue-light:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%);outline:none}.button--theme-blue-light path{fill:var(--color-text-primary)}.button--theme-blue-light .button__ripple{background-color:rgba(var(--color-primary-rgb)/15%)}.button--theme-light{color:var(--color-text)}.button--theme-light:hover,.button--theme-light:active{background:rgb(var(--color-white-rgb)/8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button--theme-light:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-light path{fill:var(--color-gray-1)}.button--theme-light .button__ripple{background-color:rgba(var(--color-text-primary-rgb)/40%)}.button--theme-green{background:var(--color-sentiment-positive);color:var(--color-white)}.button--theme-green:hover,.button--theme-green:active{background:var(--color-sentiment-positive-hover)}.button--theme-green:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-green .button__icon *{fill:var(--color-white)}.button--theme-green .button__ripple{background-color:rgba(var(--color-white-rgb)/40%)}.button--theme-red{background:var(--color-sentiment-negative);color:var(--color-white)}.button--theme-red:hover,.button--theme-red:active{background:var(--color-sentiment-negative-hover)}.button--theme-red:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-red .button__icon *{fill:var(--color-white)}.button--theme-red .button__ripple{background-color:rgba(var(--color-white-rgb)/40%)}.button--theme-gradient{z-index:1;background:linear-gradient(-45deg, var(--color-gradient-orange), var(--color-gradient-pink), var(--color-gradient-blue), var(--color-gradient-turquoise));color:rgb(var(--color-white-rgb)/90%);background-size:600%;animation:16s linear infinite anime;position:relative}.button--theme-gradient .button__icon *{fill:var(--color-white)}.button--theme-gradient .button__ripple{background-color:rgba(var(--color-white-rgb)/40%)}.button__gradient-shadow{z-index:-1;background:linear-gradient(-45deg, var(--color-gradient-orange), var(--color-gradient-pink), var(--color-gradient-blue), var(--color-gradient-turquoise));width:100%;height:100%;color:rgb(var(--color-white-rgb)/90%);opacity:.8;filter:blur(10px);background-size:600%;border-radius:4px;margin-top:12px;animation:16s linear infinite anime;position:absolute}@keyframes anime{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.button--small{border-radius:20px;width:auto;padding:6px 16px}.button--theme-no-border{width:auto;color:var(--color-primary);padding:0}.button--theme-no-border:hover,.button--theme-no-border:active{color:var(--color-primary-hover)}.button--theme-no-border:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-no-border .button__ripple{background-color:#0000}.button--theme-no-active{color:var(--color-text-primary)}.button--theme-integrate{width:min-content;color:inherit;padding:0}.button--theme-integrate:hover,.button--theme-integrate:active{color:inherit}.button--theme-integrate:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-integrate .button__ripple{background-color:#0000}.button--size-small{width:auto;height:32px;padding:6px 8px}.button--size-medium{height:40px;padding:10px 16px}.button--theme-blue-edit{color:var(--color-primary);font-weight:var(--weight-medium);border:none;height:min-content;padding:0}.button--theme-blue-edit path{fill:var(--color-primary)}.button--theme-red-delete{color:var(--color-sentiment-negative);font-weight:var(--weight-medium);border:none;height:min-content;padding:0}.button--theme-red-delete path{fill:var(--color-sentiment-negative)}.button--width-auto{width:auto}.button--disabled{cursor:not-allowed;pointer-events:none;border:1px solid var(--color-gray-9);opacity:.8}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}