.notification-modal{--notification-gap:8px;top:calc(var(--notification-top,60px) + var(--notification-gap));right:var(--notification-right,8px);z-index:1000;background:var(--background-neutral-50);border:1px solid var(--background-neutral-120);-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);transform-origin:100% 0;border-radius:6px;width:380px;height:100%;min-height:540px;max-height:540px;position:fixed;overflow:hidden;box-shadow:0 0 3px #ffffff08}.notification-modal .header{flex-direction:column;gap:20px;padding:28px 20px 0;display:flex;position:relative}.notification-modal .header .title{letter-spacing:0;color:var(--text-neutral-100);font-size:16px;font-weight:500;line-height:normal}.notification-modal .header .notification-tabs{width:100%}.notification-modal .header .notification-tabs .line-tabs{height:32px}.notification-modal .header .notification-tabs .line-tab-content{display:none}.notification-modal .header .notification-tabs .tabs{gap:24px;overflow-x:hidden}.notification-modal .header .notification-tabs .tabs .tab{letter-spacing:0;color:var(--text-primary-700);font-size:12px;font-weight:500;line-height:normal}.notification-modal .header .notification-tabs .tabs .tab.active{color:var(--text-primary-550)}.notification-modal .header .notification-tabs .tabs .tab .tab-title{gap:0}.notification-modal .header .notification-tabs .tabs .tab .tab-title svg{color:currentColor}.notification-modal .header .notification-tabs .tabs .tab .tab-underline:before{background:var(--notification-tab-underline-color);background-position:0}.notification-modal .header .notification-tabs .tabs .tab .tab-underline:after{background:var(--notification-tab-underline-center-color);background-position:50%}.notification-modal .notification-list{flex-direction:column;gap:12px;height:calc(100% - 130px);padding:20px 16px;display:flex;overflow-y:auto}.notification-modal .notification-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.notification-modal .notification-list{-ms-overflow-style:none;scrollbar-width:none}.notification-modal .notification-list:first-child{padding-top:0}.notification-modal .notification-list .loading-more{justify-content:center;align-items:center;height:100%;display:flex}.notification-modal .notification-list .notification{cursor:pointer;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background-color .2s;display:flex}.notification-modal .notification-list .notification:hover{background:var(--background-primary-200)}.notification-modal .notification-list .notification:hover .unread-dot{visibility:hidden;opacity:0}.notification-modal .notification-list .notification:hover .delete-button{visibility:visible;opacity:1}.notification-modal .notification-list .notification.read{opacity:1}.notification-modal .notification-list .notification .avatar{border-radius:9999px;flex:none;width:40px;height:40px;overflow:hidden}.notification-modal .notification-list .notification .avatar-icon{background:var(--icon-primary-200);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--icon-neutral-400)22%,transparent),inset 0 1px 0 #ffffff14;justify-content:center;align-items:center;display:flex}.notification-modal .notification-list .notification .avatar-icon svg{color:var(--text-neutral-100)!important}.notification-modal .notification-list .notification .avatar-app{background:var(--background-primary-200)}.notification-modal .notification-list .notification .avatar-organization{background:var(--background-primary-150)}.notification-modal .notification-list .notification .text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-modal .notification-list .notification .text .message{letter-spacing:0;color:var(--text-neutral-100);-webkit-line-clamp:2;line-clamp:2;font-size:12px;font-weight:500;line-height:normal;overflow:hidden}.notification-modal .notification-list .notification .text .message .link{color:inherit;text-decoration:none}.notification-modal .notification-list .notification .text .time{letter-spacing:-.2px;color:var(--text-primary-600);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:normal;overflow:hidden}.notification-modal .notification-list .notification .actions{background-color:#0000;border-radius:2px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s;display:flex;position:relative}.notification-modal .notification-list .notification .actions:hover{background-color:var(--color-error-2-50)}.notification-modal .notification-list .notification .actions:hover .delete-button svg{color:var(--text-neutral-100)}.notification-modal .notification-list .notification .actions:hover .delete-button:hover svg{color:var(--color-error-2)}.notification-modal .notification-list .notification .delete-button{visibility:hidden;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:visibility .2s,opacity .2s;display:flex}.notification-modal .notification-list .notification .delete-button svg{transition:color .2s}.notification-modal .notification-list .notification .unread-dot{background:var(--color-notification);border-radius:9999px;flex:none;width:6px;height:6px;transition:visibility .2s,opacity .2s;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.notification-modal-mobile .cds-modal-dialog .cds-modal-content{height:calc(100svh - 120px)}.notification-modal-mobile .notification-modal-content{flex-direction:column;height:100%;min-height:0;display:flex}.notification-modal-mobile .notification-modal-content .header{flex-direction:column;align-items:center;gap:20px;padding:0 0 20px;display:flex}.notification-modal-mobile .notification-modal-content .header .header-titles{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.notification-modal-mobile .notification-modal-content .header .header-titles .title{letter-spacing:-.36px;color:var(--text-neutral-100);text-align:center;font-size:18px;font-weight:500;line-height:normal}.notification-modal-mobile .notification-modal-content .header .header-titles .subtitle{letter-spacing:0;color:var(--text-primary-600);text-align:center;font-size:14px;font-weight:400;line-height:20px}.notification-modal-mobile .notification-modal-content .header .pill-tabs{background:var(--background-neutral-120,#00000005);border-radius:6px;gap:6px;width:100%;height:42px;padding:2px;display:flex}.notification-modal-mobile .notification-modal-content .header .pill-tabs .pill-tab{cursor:pointer;letter-spacing:0;height:38px;color:var(--text-primary-700);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:10px;font-size:12px;font-weight:500;line-height:normal;transition:background-color .2s,color .2s;display:flex}.notification-modal-mobile .notification-modal-content .header .pill-tabs .pill-tab.active{background:var(--background-primary-150,#a9e0f32b);color:var(--text-neutral-100)}.notification-modal-mobile .notification-modal-content .notification-list{flex-direction:column;flex:1;gap:12px;height:auto;min-height:0;padding:0 0 20px;display:flex;overflow-y:auto}.notification-modal-mobile .notification-modal-content .notification-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.notification-modal-mobile .notification-modal-content .notification-list{-ms-overflow-style:none;scrollbar-width:none}.notification-modal-mobile .notification-modal-content .notification-list .content-notice{flex:1}.notification-modal-mobile .notification-modal-content .notification-list .content-notice .notice{letter-spacing:0;color:var(--text-neutral-100);max-width:280px;font-size:14px;font-weight:500;line-height:normal}.notification-modal-mobile .notification-modal-content .notification-list .content-notice .description{letter-spacing:0;color:var(--text-primary-600);max-width:280px;font-size:12px;font-weight:400;line-height:normal}.notification-modal-mobile .notification-modal-content .notification-list .loading-more{flex:1;justify-content:center;align-items:center;display:flex}.notification-modal-mobile .notification-modal-content .notification-list .notification{cursor:pointer;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.notification-modal-mobile .notification-modal-content .notification-list .notification.unread{background:var(--background-primary-200)}.notification-modal-mobile .notification-modal-content .notification-list .notification .avatar{border-radius:9999px;flex:none;width:40px;height:40px;overflow:hidden}.notification-modal-mobile .notification-modal-content .notification-list .notification .avatar-icon{background:var(--icon-primary-200);justify-content:center;align-items:center;display:flex}.notification-modal-mobile .notification-modal-content .notification-list .notification .text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-modal-mobile .notification-modal-content .notification-list .notification .text .message{letter-spacing:0;color:var(--text-neutral-100);-webkit-line-clamp:2;line-clamp:2;font-size:12px;font-weight:500;line-height:normal;overflow:hidden}.notification-modal-mobile .notification-modal-content .notification-list .notification .text .message .link{color:inherit;text-decoration:none}.notification-modal-mobile .notification-modal-content .notification-list .notification .text .time{letter-spacing:-.2px;color:var(--text-primary-600);letter-spacing:-.2px;font-size:10px;font-weight:500;line-height:normal}.notification-modal-mobile .notification-modal-content .notification-list .notification .actions{flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.notification-modal-mobile .notification-modal-content .notification-list .notification .delete-button{display:none}.notification-modal-mobile .notification-modal-content .notification-list .notification .unread-dot{background:var(--color-notification);border-radius:9999px;flex:none;width:6px;height:6px}
.codio-header{z-index:100;isolation:isolate;background:0 0;justify-content:center;align-items:center;width:100%;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0}.codio-header.scrolled:before{content:"";pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--background-neutral-0)40%,transparent);position:absolute;inset:0}.codio-header.scrolled .content{margin:27px auto}.codio-header .content{z-index:1;width:100%;max-width:var(--layout-max-width);padding-left:var(--grid-margin);padding-right:var(--grid-margin);justify-content:space-between;align-items:center;margin:54px auto 24px;transition:margin .3s;display:flex;position:relative}.codio-header .logo{justify-content:center;align-items:center;width:80px;height:26px;display:inline-flex}.codio-header .logo img{width:100%;height:100%;display:block}.codio-header .actions{align-items:center;gap:10px;display:flex}.codio-header .notification-item{justify-content:center;align-items:center;display:inline-flex;position:relative}.codio-header .notification-item .icon-button.has-unread svg{transform-origin:50% 10%;transform-box:fill-box;will-change:transform;animation:4.2s ease-in-out infinite notification-bell-ring}.codio-header .profile{justify-content:center;align-items:center;display:inline-flex;position:relative}.codio-header .icon-button{background-color:var(--icon-primary-200);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);width:28px;height:28px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--icon-neutral-400)22%,transparent),inset 0 1px 0 #ffffff14;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:background-color .3s;display:inline-flex;position:relative;overflow:hidden}.codio-header .icon-button svg{transition:color .3s}.codio-header .icon-button:hover{background-color:var(--background-neutral-0)}.codio-header .icon-button:hover svg{color:var(--icon-neutral-100)!important}.codio-header .icon-button.is-open{background-color:var(--background-neutral-0)}.codio-header .icon-button.is-open svg{color:var(--icon-neutral-100)!important}.codio-header .icon-button.is-open.has-unread{background:#ff4a5114}.codio-header .icon-button.has-unread:after{content:"";background:var(--color-error-2);width:4px;height:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--icon-neutral-400)22%,transparent);transform-origin:50%;will-change:transform,opacity;border-radius:999px;animation:1.7s ease-in-out infinite notification-dot-breath;position:absolute;top:6px;right:8px}@media (prefers-reduced-motion:reduce){.codio-header .icon-button.has-unread:after,.codio-header .notification-item .icon-button.has-unread svg{animation:none}}@keyframes notification-dot-breath{0%{opacity:.95;transform:scale(1)}45%{opacity:.55;transform:scale(1.6)}to{opacity:.95;transform:scale(1)}}@keyframes notification-bell-ring{0%{transform:rotate(0)}2%{transform:rotate(18deg)}4%{transform:rotate(-16deg)}6%{transform:rotate(14deg)}8%{transform:rotate(-12deg)}10%{transform:rotate(8deg)}12%{transform:rotate(-6deg)}14%{transform:rotate(4deg)}16%{transform:rotate(-2deg)}18%{transform:rotate(0)}to{transform:rotate(0)}}.codio-profile-menu{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transform-origin:100% 0;border:1px solid var(--background-neutral-120);background:var(--background-neutral-50);border-radius:6px;flex-direction:column;align-items:stretch;gap:4px;width:210px;padding:6px;display:flex;position:fixed;box-shadow:0 0 3px #ffffff08}.codio-profile-menu .cds-initials-avatar{letter-spacing:0;width:28px;height:28px;font-size:12px;font-weight:500;line-height:normal}.codio-profile-menu .top{box-sizing:border-box;background:var(--background-primary-200);border-radius:6px;align-items:center;gap:10px;width:100%;height:42px;padding:5px 10px;display:flex}.codio-profile-menu .identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.codio-profile-menu .name{letter-spacing:0;color:var(--text-neutral-200);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:normal;overflow:hidden}.codio-profile-menu .email{letter-spacing:-.2px;color:var(--text-primary-600);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:normal;overflow:hidden}.codio-profile-menu .item{box-sizing:border-box;letter-spacing:0;height:31px;color:var(--text-primary-600);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:flex-start;padding:7.5px 12px;font-size:12px;font-weight:400;line-height:normal;text-decoration:none;display:flex}.codio-profile-menu .item:hover{background:var(--background-primary-100)}.codio-profile-menu .item.is-danger{color:var(--color-error-2)}.codio-profile-menu .divider{background:var(--divider-neutral-120);width:calc(100% - 20px);height:1px;margin:0 6px}.codio-profile-menu .lang-trigger{box-sizing:border-box;background:var(--background-primary-150);letter-spacing:0;height:31px;color:var(--text-primary-600);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding-left:13px;padding-right:12px;font-size:12px;font-weight:400;line-height:normal;text-decoration:none;display:flex}.codio-profile-menu .lang-trigger:disabled{opacity:.65;cursor:not-allowed}.codio-profile-menu .lang-option{box-sizing:border-box;letter-spacing:0;height:31px;color:var(--text-primary-600);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:0 12px;font-size:12px;font-weight:400;line-height:normal;text-decoration:none;transition:background-color .3s,color .3s;display:flex}.codio-profile-menu .lang-option:hover{background:var(--background-primary-100);color:var(--text-neutral-100)}.codio-profile-menu .lang-option:disabled{opacity:.65;cursor:not-allowed}@media screen and (max-width:991px){.codio-header .content{margin:30px auto}}