.button{border-radius:8px;padding:2px 20px;height:32px}.button__block{width:100%}.button__fill{background-color:#323843;color:#fafafa;transition:.1s;font-size:16px}.button__fill:hover{background-color:#0cafff}.button__fill:active{background-color:#323843}.button__fill:disabled{background-color:#dfdfdf;cursor:not-allowed}.button__fill.error{background-color:#ff5065}.button__border{border:2px solid #323843;color:#323843}.button__border:hover{border-color:#0cafff;color:#0cafff}.button__border:active{border-color:#323843;color:#323843}.button__border:disabled{border-color:#dfdfdf;color:#dfdfdf;cursor:not-allowed}.button__border.error{border-color:#ff5065;color:#ff5065}.avatar{border-radius:100%;height:24px;width:24px;flex-shrink:0}.avatar-container{display:flex;gap:4px;font-weight:300}.avatar-text{display:flex;justify-content:center;align-items:center;font-weight:500;font-size:16px;color:#0cafff}.avatar-img{-o-object-fit:cover;object-fit:cover}.subscription{background-color:#fafafa;border:2px solid #dfdfdf;border-radius:16px;display:grid;grid-auto-rows:auto auto;padding:8px;row-gap:8px}.subscription-avatar{display:flex;gap:8px}.subscription .subscription-actions{display:flex;width:100%;gap:4px}.subscription .subscription-button{flex-grow:2}:export{black:#000;dark:#323843;blue:#0cafff;light-blue:#e9f3fc;red:#ff5065;green:#3ae89f;grey--light-1:#fafafa;grey:#dfdfdf;light-grey:#fafafa;white:#fff}.icon-button{border-radius:8px;display:flex;align-items:center;justify-content:center;height:32px;width:32px;box-sizing:border-box;padding:4px}.icon-button svg path{fill:#fff}.icon-button__fill{background-color:#323843}.icon-button__fill:not(:active):hover.blue{background-color:#0cafff}.icon-button__fill:not(:active):hover.red{background-color:#ff5065}.icon-button__fill:not(:active):hover.green{background-color:#3ae89f}.icon-button__fill:active{background-color:#323843}.icon-button__fill:disabled{background-color:#dfdfdf;cursor:not-allowed}.icon-button__fill.error{background-color:#ff5065}.icon-button__fill.error:active{background-color:#323843}.icon-button__empty{border:0}.icon-button__border{border:2px solid #323843}.icon-button__border svg path,.icon-button__empty svg path{fill:#323843}.icon-button__border:not(:active):hover.blue,.icon-button__empty:not(:active):hover.blue{border-color:#0cafff}.icon-button__border:not(:active):hover.blue svg path,.icon-button__empty:not(:active):hover.blue svg path{fill:#0cafff}.icon-button__border:not(:active):hover.red,.icon-button__empty:not(:active):hover.red{border-color:#ff5065}.icon-button__border:not(:active):hover.red svg path,.icon-button__empty:not(:active):hover.red svg path{fill:#ff5065}.icon-button__border:not(:active):hover.green,.icon-button__empty:not(:active):hover.green{border-color:#3ae89f}.icon-button__border:not(:active):hover.green svg path,.icon-button__empty:not(:active):hover.green svg path{fill:#3ae89f}.icon-button__border:active,.icon-button__empty:active{border-color:#323843}.icon-button__border:active svg path,.icon-button__empty:active svg path{fill:#323843}.icon-button__border:disabled,.icon-button__empty:disabled{border-color:#dfdfdf;cursor:not-allowed}.icon-button__border:disabled svg path,.icon-button__empty:disabled svg path{fill:#dfdfdf}.icon-button__border.error,.icon-button__empty.error{border-color:#ff5065}.icon-button__border.error:active,.icon-button__empty.error:active{border-color:#323843}.icon-button__border.error:active svg path,.icon-button__empty.error:active svg path{fill:#323843}.icon-button__border.error svg path,.icon-button__empty.error svg path{fill:#ff5065}.user-subscriptions-block{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}