.button{border-radius:var(--radius-16);width:100%;transition:background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out);justify-content:center;align-items:center;gap:4px;padding:8px 16px;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;border-radius:50%;width:16px;height:16px;animation:2s linear infinite rotate}@media (pointer:coarse){.button--close:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.button--close{border-radius:var(--radius-12);background:var(--color-secondary);border:none;width:32px;height:32px;position:relative}.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%);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));border-radius:var(--radius-16);width:100%;height:100%;color:rgb(var(--color-white-rgb)/90%);opacity:.8;filter:blur(10px);background-size:600%;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:var(--radius-16);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--size-large{gap:var(--space-8);height:48px;padding:10px var(--space-24);font-size:16px;font-weight:var(--weight-semi-bold);line-height:var(--line-height-16)}.button--rounded{border-radius:var(--radius-pill)}.button--theme-outline{border:1px solid var(--color-border);color:var(--color-text);font-weight:var(--weight-medium);background:0 0}.button--theme-outline:visited{color:var(--color-text)}.button--theme-outline:hover,.button--theme-outline:active{background:var(--color-secondary)}.button--theme-outline:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.button--theme-outline path{fill:var(--color-text)}.button--theme-outline .button__ripple{background-color:rgba(var(--color-primary-rgb)/15%)}.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)}}.button-glow{flex-shrink:0;display:inline-flex;position:relative}.button-glow .button{z-index:1}.button-glow__rim{z-index:0;border-radius:var(--radius-pill);opacity:0;transition:opacity var(--duration-base) var(--ease-emphasized),inset var(--duration-base) var(--ease-emphasized);position:absolute;inset:0;overflow:hidden}.button-glow__rim:before,.button-glow__rim:after{content:"";border-radius:var(--radius-pill);position:absolute}.button-glow__rim:before{z-index:1;background:var(--color-white);filter:blur(1px);inset:2px}.button-glow__rim:after{z-index:2;background:var(--color-primary);transition:background-color var(--duration-base) var(--ease-default);inset:4px}.button-glow__gradient{z-index:0;background:conic-gradient(var(--color-gradient-blue), var(--color-gradient-pink), var(--color-gradient-orange), var(--color-gradient-turquoise), var(--color-gradient-blue) 1turn);animation:1.5s linear infinite button-glow-spin;position:absolute;inset-block:-200%;inset-inline:-25%}.button-glow--mode-always .button-glow__rim,.button-glow--mode-hover:hover .button-glow__rim,.button-glow--mode-hover:focus-within .button-glow__rim{opacity:1;inset:-5px}.button-glow:hover .button-glow__rim:after,.button-glow:focus-within .button-glow__rim:after{background:var(--color-primary-hover)}@keyframes button-glow-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}