.settings-menu{--tw-drop-shadow:drop-shadow(0 20px 13px #00000008) drop-shadow(0 8px 5px #00000014);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));width:320px;color:inherit;border-radius:.25rem;transition:opacity .3s ease-out,transform .3s ease-out;display:grid;position:absolute;top:60px;right:0}.settings-menu a{color:inherit}.settings-menu li{justify-content:flex-start;align-items:center;min-height:55px;padding-left:40px;display:flex}.settings-menu li .settings-menu__icon{width:21px;margin-right:20px}.settings-menu li{transition:background .3s ease-out}.settings-menu li:hover{background:#fff}.settings-menu li:hover .settings-menu__icon{filter:brightness(70%)}.settings-menu.cl-opened{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(0)}.settings-menu.cl-closed{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(-5%)}@media (max-width:640px){.settings-menu.cl-opened{transform:translate(0)}.settings-menu.cl-closed{transform:translate(100%)}}
.notifications{--tw-drop-shadow:drop-shadow(0 20px 13px #00000008) drop-shadow(0 8px 5px #00000014);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;transition:opacity .3s ease-out,transform .3s ease-out;display:grid;position:absolute;top:60px;right:0}.notifications.cl-opened{opacity:1;transform:translateY(0)}.notifications.cl-closed{opacity:0;transform:translateY(-5%)}
.chat-modal{--tw-drop-shadow:drop-shadow(0 20px 13px #00000008) drop-shadow(0 8px 5px #00000014);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;transition:opacity .3s ease-out,transform .3s ease-out;position:absolute;top:60px;right:0}.chat-modal.cl-opened{opacity:1;transform:translateY(0)}.chat-modal.cl-closed{opacity:0;transform:translateY(-5%)}