.settings-menu{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);text-align:center;--tw-bg-opacity:1;background-color:rgb(246 246 250/var(--tw-bg-opacity));border-radius:.25rem;width:320px;display:grid;top:60px;right:0;position:absolute;color:inherit;transition:opacity .3s ease-out,transform .3s ease-out}.settings-menu a{color:inherit}.settings-menu li{min-height:55px;display:flex;align-items:center;justify-content:flex-start;padding-left:40px;transition:background .3s ease-out}.settings-menu li .settings-menu__icon{width:21px;margin-right:20px}.settings-menu li:hover{background:#fff}.settings-menu li:hover .settings-menu__icon{filter:brightness(70%)}.settings-menu.cl-opened{opacity:1;transform:translateY(0)}.settings-menu.cl-closed,.settings-menu.cl-opened{transition:opacity .3s ease-out,transform .3s ease-out}.settings-menu.cl-closed{opacity:0;transform:translateY(-5%)}@media(max-width:640px){.settings-menu.cl-opened{transform:translateX(0)}.settings-menu.cl-closed{transform:translateX(100%)}}.notifications{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);text-align:center;--tw-bg-opacity:1;background-color:rgb(246 246 250/var(--tw-bg-opacity));border-radius:.25rem;width:570px;display:grid;top:60px;right:0;position:absolute;transition:opacity .3s ease-out,transform .3s ease-out}.notifications.cl-opened{opacity:100%;transform:translateY(0)}.notifications.cl-closed{opacity:0;transform:translateY(-5%)}.chat-modal{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);text-align:center;--tw-bg-opacity:1;background-color:rgb(246 246 250/var(--tw-bg-opacity));border-radius:.25rem;top:60px;right:0;position:absolute;transition:opacity .3s ease-out,transform .3s ease-out}.chat-modal.cl-opened{opacity:100%;transform:translateY(0)}.chat-modal.cl-closed{opacity:0;transform:translateY(-5%)}