.toggleNotifications {position: relative;display: inline-flex;float: right;user-select: none;cursor: pointer;color: #000;}.toggleNotifications .count {position: absolute;right: 0.675rem;top: -0.5rem;cursor: pointer;}.notification-name {font-size: 0.75rem;margin-right: 0.5rem;margin-block-end: 2px;white-space: nowrap;}.toggleNotifications .show {text-align: center;cursor: pointer;margin-right: 6px;position: relative;}.toggleNotifications .show:hover {background: black;}.toggleNotifications .show i {line-height: 1rem;color: #000;font-size: 1rem;vertical-align: middle;}.toggleNotifications .count .num {position: absolute;border-radius: 50%;width: 18px;text-align: center;line-height: 1rem;font-size: 0.65rem;border: 1px solid transparent;}.notifications {position: fixed;top: calc(var(--js-sticky-top, 48px) + 0.5rem);right: 0.5rem;width: 380px;background: var(--white-color, #FFFFFF);z-index: 9999;border-radius: 4px;overflow: hidden;max-height: 590px;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);}.notifications .notification__header {display: grid;grid-template-areas: "title readed delunread delreaded";grid-template-columns: 1fr auto auto auto;padding: 0.75rem;}.notification__header-title {grid-area: title;font-size: 1rem;font-weight: 700;text-transform: uppercase;text-align: justify;align-content: center;}.unread-btn1 {grid-area: readed;}.unread-btn2 {grid-area: delunread;}.notification-Button.unread,
.notification-Button.readed {color: var(--primary-color, #000);border: none;}.readed {grid-area: delreaded;}.notifications:has(>#unread_tab:checked) {--a-unread-active: block;}.notifications:has(>#readed_tab:checked) {--a-readed-active: block;}.unread {display: var(--a-unread-active, none);}.readed {display: var(--a-readed-active, none);}.notification__header .t-Button+.t-Button {margin-left: unset;}.notification__header-controls button.t-Button.t-Button--label {background-color: transparent !important;}.notification-Button {background-color: transparent !important;}.notification-Button-label {font-weight: 500;}.notifications input {position: absolute;top: -9999px;left: -9999px;}.notifications label {color: #00000080;font-size: 0.75rem;display: inline-block;padding: 0.5rem 1.5rem;position: relative;cursor: pointer;}.notifications label:before {display: block;width: 100%;height: 15px;background-color: #fff;position: absolute;left: 0;z-index: 10;}.notifications .note:hover {background-color: #f4f4f4;}.notifications input:checked+label {color: var(--primary-color);background: #fff;}.notifications input:checked+label:after {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;box-shadow: 0 0 15px #939393;}.notifications input:checked+label[for="unread_tab"]:before,
.notifications input:checked+label[for="readed_tab"]:before {content: "";width: 44px;height: 2px;position: absolute;bottom: 0;background-color: var(--primary-color);left: 50%;transform: translateX(-50%);}#notification-menu_unread_ul,
#notification-menu_readed_ul {display: none;overflow: auto;max-height: 53vh;}.menu_ul li.note:first-child {border-top: 1px solid rgb(230, 230, 230);}#unread_tab:checked~#notification-menu_unread_ul,
#readed_tab:checked~#notification-menu_readed_ul {display: block;}.notifications .menu_ul {margin: 0;}.notifications .button {padding: 10px 15px;text-align: end;}.notifications .note {margin: 0;border-bottom: 1px solid #E6E6E6;overflow: hidden;padding-left: 0.375rem;position: relative;}.notifications .note .notification-item-control a.check~a.delete {margin-left: 32px;}.notifications .note .note-text {display: block;padding-inline-start: 1.75rem;line-height: 1.5rem;color: #000000;font-size: 0.8rem;}.notifications .note .note-info {padding-inline-start: 1.75rem;color: #a1a1a1;font-size: 0.75rem;}.notifications .note .notification-item-control {display: flex;justify-content: flex-end;align-items: center;margin-block-end: 0.75rem;margin-block-start: 0.5rem;margin-inline-end: 0.5rem;}.notifications .note .notification-item-control a span {color: #000;font-size: 0.75rem;font-weight: 700;}.readed-notification {opacity: 0.7;}.remind-notification {font-size: 14px;color: #d63b25;}.note-header {color: #000000;font-weight: 500;font-size: 0.825rem;line-height: 1.6rem;}.gs-notification {font-size: 1rem;margin-inline-end: 0.25rem;}.gs-check-notification {font-size: 2rem;color: #0e674b;}.gs-delete-notification {font-size: 2rem;color: #d63b25;}.toggleList {visibility: hidden;}.t-NavigationBar-item {vertical-align: middle;}.t-Button--icon .t-Button-label-notification {margin-left: -2px;padding: 0.4rem 0.2rem 0.4rem 0;line-height: 2rem;font-weight: 400;}@media (max-width: 479px) {.notifications .note .notification-item-control a i {display: block;}.notifications .note .notification-item-control a span {display: none;}.toggleNotifications .notification-name {display: none;}}