.notification-menu{display:inline-block;position:relative}@keyframes zoomOut{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.notification-button{transition:transform .3s}.notification-button.active{animation:.3s ease-in-out zoomOut}.notification-options{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:100;background-color:#01142bf2;border-radius:8px;min-width:320px;max-height:350px;margin-top:8px;padding:8px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;right:0;overflow-y:auto;transform:translateY(10px)}.notification-options.show{opacity:1;visibility:visible;transform:translateY(0)}.notification-item{color:#3af4ef;border-bottom:1px solid #3af4ef1a;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#3af4ef1a}.notification-content{overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0}.notification-title{margin-bottom:4px;font-size:14px;font-weight:500}.notification-description{color:#a3a3a3;font-size:12px}.notification-time{color:#666;font-size:11px}.notification-unread{background-color:#ffd74d26;border-left:4px solid #ffd277}@media (max-width:768px){.notification-button,.notification-button svg,.notification-button .notification-icon,.notification-button:hover svg,.notification-button:hover .notification-icon{color:#22c4d3!important;stroke:#22c4d3!important}.notification-menu{position:static}.notification-options{box-sizing:border-box;top:calc(var(--subscription-banner-height,0px) + 4.5rem);right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));min-width:unset;z-index:100000;background:#01142bfa;border:1px solid #22c4d338;border-radius:18px;width:auto;max-width:calc(100svw - 24px);max-height:min(68dvh,430px);margin-top:0;position:fixed;overflow-x:hidden;transform:translateY(-10px)scale(.98);box-shadow:0 24px 60px #0000006b,inset 0 0 0 1px #ffffff0a}.notification-options.show{transform:translateY(0)scale(1)}.mobile-notification-shell .notification-button{margin-left:0;color:#22c4d3!important}.mobile-notification-shell .notification-button svg,.mobile-notification-shell .notification-button .notification-icon{color:#22c4d3!important;stroke:#22c4d3!important}.mobile-notification-button{color:#01142b}.mobile-notification-button:hover{background-color:#2d3748}.mobile-notification-button:hover .notification-icon{color:#3af4ef}.notification-item{align-items:flex-start;gap:10px;padding:14px 16px}.notification-title{font-size:13px;line-height:1.25}.notification-description{margin-top:4px;font-size:12px;line-height:1.35}.notification-time{margin-top:6px;font-size:10px}.notification-options .notification-title{color:#3af4ef!important}.notification-options .notification-description{color:#a3a3a3!important}.notification-options .notification-time{color:#6f7f91!important}}
.hamburger{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.hamburger svg{transform-origin:50%;width:28px;height:28px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger[data-open=true] svg{transform-origin:50%;transform:rotate(-45deg)}.hamburger[data-open=true] svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}@media (min-width:768px){.hamburger{width:45px;height:45px}.hamburger svg{width:32px;height:32px}.line{stroke-width:2px}}