.bookmark-button{background:0;border:0;padding:8px;cursor:pointer;line-height:0;border-radius:5px;transition:background-color .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;color:#333}
button.bookmark-button:focus{outline-offset:-5px !important}
.bookmark-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;transition:fill .3s ease,stroke .3s ease}
.bookmark-button.bookmarked svg{fill:currentColor;stroke:none}
#bookmark-icon-container{position:relative;top:0;left:0;width:100%;padding-bottom:1.5rem}
@media(max-width:1200px){#bookmark-icon-container{width:96%;margin:32px 2% 0 2%}
}
.notification-banner,.alert-banner-bookmark{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1232px;padding:16px 24px;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;padding-right:2px !important;padding-left:15px !important}
.network-bookmark .alert-banner-bookmark,.network-bookmark .notification-banner{margin:.5rem auto}
.notification-content,.alert-content{display:flex}
.notification-content svg,.alert-content svg{width:28px;height:28px;margin-top:.2em}
.notification-text p,.alert-text p{margin:0}
.notification-text .title,.alert-text .title{font-weight:600;font-size:1rem}
.notification-text .message,.alert-text .message{font-size:.9rem;opacity:.9}
.notification-actions,.alert-actions{display:flex;align-items:center;width:50%;padding-left:15px;flex-shrink:0;justify-content:space-between}
.manage-button{background-color:transparent;border:1.5px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:50px;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s}
.notification-banner{--background-color:#a4e6bd;--text-color:#004b1c;--border-color:#004b1c;background-color:var(--background-color);color:var(--text-color)}
.notification-content .icon{flex-shrink:0;width:22px;height:22px;color:var(--text-color)}
.close-button{background:0;border:0;padding:4px;cursor:pointer;color:var(--text-color);opacity:.7;transition:opacity .2s}
.close-button:hover{opacity:1}
.alert-banner-bookmark{--background-color:#ffcaaa;--text-color:#732706;--border-color:#732706;background-color:var(--background-color);color:var(--text-color)}
.alert-content svg{fill:#732706;flex-shrink:0}
@media(max-width:768px){.notification-banner,.alert-banner-bookmark{position:relative;flex-direction:column;align-items:flex-start;gap:12px;width:auto;padding:1rem 2.75rem 1rem 1rem}
.notification-content,.alert-content{position:relative}
.notification-actions,.alert-actions{width:100%;padding-left:40px;display:flex;align-items:center;justify-content:space-between}
.notification-content .icon{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.notification-banner .close-button,.alert-banner-bookmark .close-button{position:absolute;top:10px;right:10px}
}
@media(max-width:480px){.notification-banner,.alert-banner-bookmark{padding:1rem 2.5rem 1rem 1rem;margin:.5rem}
.notification-banner .close-button,.alert-banner-bookmark .close-button{top:10px;right:10px}
.notification-content,.alert-content{align-items:normal;gap:0}
.notification-actions,.alert-actions{width:100%;padding-left:26px}
.notification-text,.alert-text{width:70%}
.manage-button{text-align:center}
}