:root {
    --notice-color-warning: linear-gradient(
            90.2deg,
            #ffee51 29.5%,
            #ffcb43 71.29%
    );
    --notice-color-important: linear-gradient(
            269.92deg,
            #ff9c63 0%,
            #ff2289 97.61%
    );
    --notice-color-success1: radial-gradient(
            97.85% 1831.45% at 98.66% 50%,
            #8fff85 0%,
            #1be6c1 100%
    );
    --notice-color-success2: linear-gradient(
            74.5deg,
            #70d4ff 21.93%,
            #8d92ff 77.18%
    );
    --notice-shadow-color: rgba(155, 91, 0, 0.29);
    --notice-shadow-color-success: rgba(0, 155, 80, 0.29);
    --notice-shadow-color-important: rgba(155, 91, 0, 0.29);
    --primary-white: white;
    --primary-black: black;
}

#noticeWidget {
    display: none;
}

@media (max-width: 1189px) {
    .rd-no-show-mobile {
        display: none !important;
    }

    .top-notification:has(.rd-not-show-warning-mobile) {
        display: none !important;
    }
}

@media (min-width: 1190px) {
    .rd-show-mobile {
        display: none !important;
    }
}

.redesigned-notice-widget {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    left: 84px;
    max-height: 60px;
    max-width: 900px;
    position: absolute;
    top: 6px;
    width: 100%;
    z-index: 998;
}

.redesigned-notice-widget .top-notification a.rd-custom-close-btn {
    margin-right: 0 !important;
    display: flex;
    align-items: center;
}

.redesigned-notice-widget .top-notification a.rd-custom-close-btn svg path {
    fill: #000 !important;
}

.redesigned-notice-widget .flex-between {
    display: flex;
    justify-content: space-between;
}

.redesigned-notice-widget .w-100 {
    width: 100%;
}

.redesigned-notice-widget .flex-8 {
    display: flex;
    gap: 8px;
}

.redesigned-notice-widget .flex-column-8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.redesigned-notice-widget .rd-btn {
    display: flex;
}

.redesigned-notice-widget .align-center {
    align-items: center;
}

.redesigned-notice-widget * {
    box-sizing: border-box;
}

.redesigned-notice-widget .notice-top-panel {
    display: none;
}

.redesigned-notice-widget .notice-top-panel.gc-into-main-content {
    display: none;
}

.redesigned-notice-widget .notice-count {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 8px;
    order: 2;
    font-size: 14px !important;
    font-weight: 700;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content {
    display: none;
    gap: 8px;
    position: relative;
    background: var(--notice-color-warning);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color);
    padding: 4px 12px;
    border-radius: 8px;
    min-height: 32px;
    align-items: center;
    transition-property: all;
    transition-duration: 0.2s;
    left: initial !important;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content * {
    opacity: 0;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content a {
    text-decoration: underline;
    white-space: wrap;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content {
    display: flex;
    gap: 8px;
    order: 1;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content .redesigned-notice-text {
    flex: 0 1 auto;
    order: 1;
    color: var(--primary-black);
    font-family: "ALS Granate VF";
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content .rd-btn-notice {
    font-family: "ALS Granate VF";
    order: 2;
    border-radius: 24px;
    height: 24px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, var(--button-opacity, 0.25));
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content .rd-btn-notice:hover {
    --button-opacity: 0.45;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content .close-link {
    width: 20px;
    order: 3;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content:first-of-type {
    display: flex;
    flex-shrink: 0;
    z-index: 1024;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content:first-of-type * {
    opacity: 1;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content:first-of-type * .rd-top-notification-content {
    opacity: 1;
    max-width: 900px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    gap: 8px;
    align-items: center;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content:first-of-type *:not(.rd-top-notification-content) {
    opacity: 1;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content:nth-of-type(2) {
    display: flex;
    transform: scale(0.9822222222, 1) translateY(-28px);
    z-index: 1023;
    height: 40px;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content:nth-of-type(3) {
    display: flex;
    z-index: 1022;
    transform: scale(0.9644444444, 1) translateY(-56px);
    height: 40px;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)) {
    display: flex;
    z-index: 1021;
    padding: 0;
    transform: scale(0.9644444444, 1) translate(0, -200px);
    height: 0;
    opacity: 0;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-success {
    background: var(--notice-color-success1);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color-success);
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important,
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning {
    background: var(--notice-color-important);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color-success);
    font-size: 14px;
    line-height: 130%;
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .notice-informer-button:not(.rd-btn),
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .rd-top-notification-content,
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .notice-count,
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .redesigned-notice-text,
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .notice-informer-button:not(.rd-btn),
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .rd-top-notification-content,
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .notice-count,
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .redesigned-notice-text {
    color: var(--primary-white);
}

.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .rd-btn-notice,
.redesigned-notice-widget .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .rd-btn-notice {
    color: var(--primary-white);
}

.redesigned-notice-widget .notice-top-panel.redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning {
    background: var(--notice-color-important);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color-success);
    font-size: 14px;
    line-height: 130%;
}

#notice-container .flex-between {
    display: flex;
    justify-content: space-between;
}

#notice-container .rd-btn-primary {
    color: var(--primary-black, #000) !important;
    background: var(--primary-light-green, #0ff3af);
}

#notice-container .rd-btn-delete {
    color: var(--primary-white, #fff);
    background: var(--second-red, #ed0f44);
}

#notice-container .rd-btn {
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 24px !important;
    display: flex;
    line-height: 12px !important;
}

#notice-container .rd-btn-primary {
    border-color: #0ff3af;
}

#notice-container .btn-default {
    border: 0;
}

#notice-container .rd-btn-delete:hover:not(:disabled) {
    background: var(--hover-red-btn, #e10f41);
}

#notice-container .rd-btn-primary:hover:not(:disabled) {
    background: var(--primary-dark-green, #0cbf8a);
}

#notice-container .w-100 {
    width: 100%;
}

#notice-container .flex-8 {
    display: flex;
    gap: 8px;
}

#notice-container .flex-column-8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#notice-container .rd-btn {
    display: flex;
}

#notice-container .align-center {
    align-items: center;
}

#notice-container * {
    box-sizing: border-box;
}

#notice-container .notice-top-panel {
    display: none;
}

#notice-container .notice-top-panel.gc-into-main-content {
    display: none;
}

#notice-container .notice-count {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 8px;
    font-weight: 700;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content {
    display: none;
    gap: 8px;
    position: relative;
    background: var(--notice-color-warning);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color);
    padding: 4px 12px;
    border-radius: 8px;
    min-height: 32px;
    align-items: center;
    transition-property: all;
    transition-duration: 0.2s;
    left: initial !important;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content * {
    opacity: 0;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content a {
    text-decoration: underline;
    white-space: wrap;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content {
    display: flex;
    gap: 8px;
    order: 1;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content .redesigned-notice-text {
    flex: 0 1 auto;
    order: 1;
    color: var(--primary-black);
    font-family: "ALS Granate VF";
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content .rd-btn-notice {
    font-family: "ALS Granate VF";
    order: 2;
    border-radius: 24px;
    height: 24px;
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, var(--button-opacity, 0.25));
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content .redesigned-notice-content .rd-btn-notice:hover {
    --button-opacity: 0.45;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content .close-link {
    width: 20px;
    order: 3;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content:first-of-type {
    display: flex;
    flex-shrink: 0;
    z-index: 1024;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content:first-of-type * {
    opacity: 1;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content:first-of-type * .rd-top-notification-content {
    opacity: 1;
    max-width: 900px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    gap: 8px;
    align-items: center;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content:first-of-type *:not(.rd-top-notification-content) {
    opacity: 1;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content:nth-of-type(2) {
    display: flex;
    transform: scale(0.9822222222, 1) translateY(-28px);
    z-index: 1023;
    height: 40px;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content:nth-of-type(3) {
    display: flex;
    z-index: 1022;
    transform: scale(0.9644444444, 1) translateY(-56px);
    height: 40px;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)) {
    display: flex;
    z-index: 1021;
    padding: 0;
    transform: scale(0.9644444444, 1) translate(0, -200px);
    height: 0;
    opacity: 0;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-success {
    background: var(--notice-color-success1);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color-success);
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important,
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning {
    background: var(--notice-color-important);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color-success);
    font-size: 14px;
    line-height: 130%;
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .notice-informer-button:not(.rd-btn),
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .rd-top-notification-content,
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .notice-count,
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .redesigned-notice-text,
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .notice-informer-button:not(.rd-btn),
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .rd-top-notification-content,
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .notice-count,
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .redesigned-notice-text {
    color: var(--primary-white);
}

#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-important .rd-btn-notice,
#notice-container .redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning .rd-btn-notice {
    color: var(--primary-white);
}

#notice-container .notice-top-panel.redesigned-notice-top-panel.gc-into-main-content.redesigned-notice-warning {
    background: var(--notice-color-important);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color-success);
    font-size: 14px;
    line-height: 130%;
}

.redesigned-notice-widget.expanded,
.redesigned-notice-widget:hover {
    height: auto;
    max-height: initial;
}

.redesigned-notice-widget.expanded .redesigned-notice-top-panel.gc-into-main-content,
.redesigned-notice-widget:hover .redesigned-notice-top-panel.gc-into-main-content {
    display: flex;
    transform: none;
    height: auto;
}

.redesigned-notice-widget.expanded .redesigned-notice-top-panel.gc-into-main-content:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)),
.redesigned-notice-widget:hover .redesigned-notice-top-panel.gc-into-main-content:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)) {
    height: auto;
    padding: 4px 12px;
    transform: none;
    display: flex;
    opacity: 1;
}

.redesigned-notice-widget.expanded .redesigned-notice-top-panel.gc-into-main-content *:not(style),
.redesigned-notice-widget:hover .redesigned-notice-top-panel.gc-into-main-content *:not(style) {
    opacity: 1;
}

.redesigned-notice-widget.expanded .notice-top-panel.redesigned-notice-top-panel.gc-into-main-content:first-of-type *,
.redesigned-notice-widget:hover .notice-top-panel.redesigned-notice-top-panel.gc-into-main-content:first-of-type * {
    white-space: normal;
    text-overflow: clip;
    overflow: visible;
}

.redesigned-notice-widget.expanded .notice-count,
.redesigned-notice-widget:hover .notice-count {
    visibility: hidden;
}

.top-notification-notice.redesigned-notice-notice .notice-count,
.top-notification-notice.redesigned-notice-notice .rd-top-notification-content,
.top-notification-notice.redesigned-notice-notice .rd-top-notification-content *,
.top-notification-success.redesigned-notice-success .notice-count,
.top-notification-success.redesigned-notice-success .rd-top-notification-content,
.top-notification-success.redesigned-notice-success .rd-top-notification-content * {
    font-size: 14px;
    line-height: 130%;
    color: var(--primary-black);
}

.top-notification-notice.redesigned-notice-notice .notice-count,
.top-notification-success.redesigned-notice-success .notice-count {
    font-weight: 700;
}

.top-notification-success.redesigned-notice-success {
    position: relative;
    justify-content: space-between;
    background: var(--notice-color-success1);
    box-shadow: 0 0 3px 0 var(--notice-shadow-color-success);
    padding: 4px 12px;
    border-radius: 8px;
    min-height: 32px;
    align-items: center;
    transition-property: all;
    transition-duration: 0.2s;
    left: initial !important;
}

.top-notification-success.redesigned-notice-success .rd-top-notification-content,
.top-notification-success.redesigned-notice-success .rd-top-notification-content * {
    font-size: 14px;
    line-height: 130%;
    color: var(--primary-black);
}

.top-notification-success.redesigned-notice-success .rd-top-notification-content a:not(.rd-custom-notice-btn),
.top-notification-success.redesigned-notice-success .rd-top-notification-content * a:not(.rd-custom-notice-btn) {
    text-decoration: underline !important;
}

.top-notification-success.redesigned-notice-success .banner-close-top {
    font-size: 20px;
}

.top-notification-important.redesigned-notice-important .rd-top-notification-content,
.top-notification-important.redesigned-notice-important .rd-top-notification-content * {
    font-size: 14px;
    line-height: 130%;
    color: var(--primary-white);
}

.gc-notice-modal.in {
    width: auto;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: var(--primary-grey);
    border-radius: 12px;
    padding: 24px !important;
    box-sizing: border-box;
}

.gc-notice-modal.in .modal-dialog {
    max-width: calc(600px - 48px) !important;
    background: var(--primary-grey) !important;
}

.gc-notice-modal.in .confirm-email-popup-form form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gc-notice-modal.in .global-confirm-checkbox-block label {
    display: flex;
    gap: 4px;
}

.gc-notice-modal.in .global-confirm-checkbox-block label input[type="checkbox"] {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-box-sizing: inherit;
    min-width: 0;
    min-height: 0;
    cursor: pointer;
    margin: 2px 0 0 0;
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    vertical-align: sub;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--second-light, #00000026);
    border-radius: 4px;
    background-color: var(--primary-white);
    width: 16px;
    height: 16px;
    transition: background-color 0.2s, border 0.2s;
}

.gc-notice-modal.in .global-confirm-checkbox-block label input[type="checkbox"]:not(:disabled):hover {
    border-color: var(--primary-black, #000000);
}

.gc-notice-modal.in .global-confirm-checkbox-block label input[type="checkbox"]:focus {
    outline: none;
}

.gc-notice-modal.in .global-confirm-checkbox-block label input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.gc-notice-modal.in .global-confirm-checkbox-block label input[type="checkbox"]:checked {
    outline: none;
    background-image: url("data:image/svg+xml, <svg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.726562 5.02734L4.22656 8.02734L10.2266 0.527344' stroke='white' stroke-width='1.4'/></svg>");
    background-size: 65% 65%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--primary-dark, #0cbf8a);
    border: 1px solid var(--primary-dark, #0cbf8a);
}

.gc-notice-modal.in .global-confirm-checkbox-block label .checkbox-text {
    font-size: 16px;
    line-height: 130%;
}

.gc-notice-modal.in #social-auth-popup {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gc-notice-modal.in .close-btn {
    background: transparent;
    position: absolute;
    top: 12px;
    right: 12px;
    width: min-content;
    display: flex;
    height: auto;
}

.gc-notice-modal.in .close-btn:before {
    color: var(--primary-black);
}

.gc-notice-modal.in .close-btn:hover {
    background: transparent;
}

.gc-notice-modal.in .btn.btn-with-confirm {
    user-select: none;
    box-sizing: border-box;
    position: relative;
    height: 32px;
    padding: 0 12px !important;
    border: none;
    border-radius: 24px;
    color: var(--primary-black);
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.05em;
    overflow: hidden;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.2s ease-in-out;
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content !important;
    outline: 1px solid var(--secondary-grey-15);
    background-color: transparent;
}

.gc-notice-modal.in .btn.btn-with-confirm i {
    border: none !important;
}

.gc-notice-modal.in .btn.btn-with-confirm:hover:not(:disabled) {
    outline: 1px solid var(--primary-black);
}

.gc-notice-modal.in a:not(.rd-btn) {
    text-decoration: none;
    border-bottom: none;
    color: var(--primary-dark-green2);
    transition: 0.2s ease-in-out;
    cursor: pointer;
    width: max-content;
    padding: 0 !important;
    margin: 0 !important;
}

.gc-notice-modal.in a:not(.rd-btn):hover {
    color: var(--primary-dark-hover);
}

.gc-notice-modal.in ul.list-unstyled {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.gc-notice-modal.in ul.list-unstyled li {
    max-width: 100% !important;
}

.gc-notice-modal.in .pull-left.benefits .list-features {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100% !important;
}

.gc-notice-modal.in .pull-left.benefits .list-features li {
    background-image: none !important;
}

.gc-notice-modal.in div {
    padding: 0 !important;
    margin: 0 !important;
}

.gc-notice-modal.in div:empty {
    display: none;
}

.gc-notice-modal.in span {
    padding: 0 !important;
    margin: 0 !important;
}

.gc-notice-modal.in li {
    padding: 0 !important;
    margin: 0 !important;
}

.gc-main-content:has(.redesigned-notice-widget >
.redesigned-notice-top-panel) > .container {
    margin-top: 36px;
}

@media (max-width: 850px) {
    .gc-main-content:has(.redesigned-notice-widget >
    .redesigned-notice-top-panel) > .container {
        margin-top: 0 !important;
    }
}

.gc-main-content:has(iframe#cpFrame) .redesigned-notice-widget, .gc-main-content:has(.webinar-page) .redesigned-notice-widget, .gc-main-content:has(#flowchart) .redesigned-notice-widget {
    display: none;
}

.notice-informer-button:not(.rd-btn) {
    background-color: rgba(255, 255, 255, var(--button-opacity, 0.25));
    padding-block: 6px;
    padding-inline: 10px;
    letter-spacing: 0.6px;
    line-height: 1 !important;
    flex-shrink: 0;
    cursor: pointer;
    font-weight: 700;
    border-radius: 24px;
    font-size: 12px !important;
    transition: background-color 0.2s ease;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    width: max-content;
}

.notice-informer-button:not(.rd-btn):hover {
    --button-opacity: 0.45;
}

.notice-informer-button.rd-custom-notice-btn, .notice-informer-button.rd-btn {
    height: 24px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.topNotitication a.course-marathon-link {
    text-decoration: none !important;
}

.rd-top-notification-content {
    font-family: "ALS Granate VF", sans-serif;
}

.rd-top-notification-content:has(.notice-informer-button) {
    column-gap: 8px;
    display: flex;
    align-items: center;
}

.rd-top-notification-content:has(.flex-between) {
    width: 100%;
}

.notice-count {
    font-family: "ALS Granate VF", sans-serif;
}

.rd-notice-modal {
    overflow: hidden;
    height: max-content;
    font-family: var(--base-font-family, "ALS Granate VF", sans-serif) !important;
    background: var(--primary-grey, #f2f2f2) !important;
    font-size: 18px;
    line-height: 1.3;
    max-width: 600px;
    width: calc(100% - 24px * 2) !important;
    z-index: 9999999;
    padding-right: 24px !important;
}

@media (max-width: 850px) {
    .rd-notice-modal {
        font-size: 16px;
    }
}

.rd-notice-modal .rd-modal-footer {
    flex-wrap: wrap;
}

.rd-notice-modal .modal-body {
    width: auto !important;
    background: var(--primary-grey, #f2f2f2) !important;
}

.rd-notice-modal .modal-content {
    border: none;
}

.rd-notice-modal .flex-column-8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rd-notice-modal .flex-column-4 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rd-notice-modal .flex-column-16 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rd-notice-modal .flex-8 {
    display: flex;
    gap: 8px;
}

.rd-notice-modal .modal-dialog {
    width: unset;
    max-width: 100% !important;
    top: unset !important;
    background: var(--primary-grey, #f2f2f2) !important;
}

.rd-notice-modal .email-input {
    box-sizing: border-box;
    font-family: var(--base-font-family, "ALS Granate VF", sans-serif) !important;
    padding: 0 12px;
    background: var(--primary-white, #ffffff);
    box-shadow: none;
    outline: 1px solid var(--secondary-grey-15, rgba(0, 0, 0, 0.15));
    color: black;
    -moz-appearance: textfield;
    transition: box-shadow 0.2s;
    line-height: 130%;
    border: none;
    height: 32px;
    font-size: 16px;
    letter-spacing: 0.01em;
    border-radius: 8px;
}

.rd-notice-modal .email-input:focus:not(.error):not([aria-invalid='true']):not([data-error='true']), .rd-notice-modal .email-input.focus:not(.error):not([aria-invalid='true']):not([data-error='true']) {
    box-shadow: none;
    outline: 2px solid var(--primary-dark, #0cbf8a) !important;
}

.rd-notice-modal .email-input:hover:not(:disabled):not(:focus):not([data-error='true']):not([aria-invalid='true']):not(.error) {
    box-shadow: none;
    outline: 1px solid black;
}

.rd-notice-modal .email-input:disabled {
    background-color: var(--primary-grey, #f2f2f2);
    box-shadow: inset 0 0 0 2px var(--secondary-grey-05, rgba(0, 0, 0, 0.05));
}

.rd-notice-modal .email-input::placeholder {
    color: var(--second-dark, #00000059);
}

.rd-notice-modal .email-input[data-error='true'], .rd-notice-modal .email-input[aria-invalid='true'], .rd-notice-modal .email-input.error {
    box-shadow: none;
    outline: 2px solid var(--second-red, #ed0f44);
}

@media (max-width: 1190px) {
    .rd-notice-modal .email-input {
        font-size: 16px;
        line-height: 127%;
    }
}

.rd-notice-modal .close-btn {
    color: var(--primary-black, #000000);
    display: none !important;
}

.rd-notice-modal .close-btn .fa-times {
    display: none;
}

.rd-notice-modal .rd-h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
}

@media (max-width: 1190px) {
    .rd-notice-modal .rd-h2 {
        font-size: 22px;
    }
}

.rd-notice-modal .rd-h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
}

.rd-notice-modal .text-danger {
    color: var(--primary-black);
}

.rd-notice-modal .btn, .rd-notice-modal .rd-btn {
    margin-top: 0 !important;
    user-select: none;
    box-sizing: border-box;
    position: relative;
    outline: none !important;
    border: none;
    border-radius: 24px;
    color: var(--primary-black) !important;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: 0.05em;
    overflow: hidden;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.2s ease-in-out;
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    height: 32px;
    padding: 0 16px;
    font-size: 16px;
}

.rd-notice-modal .submit-btn {
    min-width: unset;
}

.rd-notice-modal .rd-btn:hover, .rd-notice-modal .rd-btn:focus {
    text-decoration: none !important;
}

.rd-notice-modal .error-block {
    color: var(--second-red);
    font-weight: 400;
    font-size: var(--font-size-14, 14px);
    line-height: 1.15;
    letter-spacing: .01em;
    width: 357px;
}

.rd-notice-modal .button-secondary, .rd-notice-modal .btn-cancel-modal, .rd-notice-modal .btn-popup-change-email, .rd-notice-modal .rd-btn-secondary {
    outline: 1px solid var(--secondary-grey-15, rgba(0, 0, 0, 0.15)) !important;
    background-color: transparent !important;
    outline-offset: -1px;
}

.rd-notice-modal .button-secondary:hover:not(:disabled), .rd-notice-modal .btn-cancel-modal:hover:not(:disabled), .rd-notice-modal .btn-popup-change-email:hover:not(:disabled), .rd-notice-modal .rd-btn-secondary:hover:not(:disabled) {
    outline: 1px solid var(--primary-black, #000000) !important;
}

.rd-notice-modal .btn-primary, .rd-notice-modal .btn-success, .rd-notice-modal .rd-btn-primary {
    color: var(--primary-black);
    background: var(--primary-light-green, #0ff3af) !important;
}

.rd-notice-modal .btn-primary:hover:not(:disabled), .rd-notice-modal .btn-success:hover:not(:disabled), .rd-notice-modal .rd-btn-primary:hover:not(:disabled) {
    background: var(--primary-dark-green, #0ff3af) !important;
}

.redesigned-notice-widget:has(.top-notification-pd-delete-request) {
    max-height: none;
    max-width: min(900px, calc(100vw - 96px));
    width: min(900px, calc(100vw - 96px));
    box-sizing: border-box;
    overflow: hidden;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel {
    container-type: inline-size;
    container-name: pd-delete-banner;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .rd-top-notification-content {
    flex: 1 1 0%;
    min-width: 0;
    width: 0;
    max-width: 100%;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: unset !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    align-items: flex-start;
    font-family: "ALS Granate VF", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: none;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__text > *:not(.top-notification-pd-delete-request__block-spacer) {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__user-link {
    display: inline;
    text-decoration: underline !important;
    text-decoration-skip-ink: none;
    color: inherit !important;
    font-weight: 400;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__title,
.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__users,
.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__users-list,
.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__users-item,
.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__instructions-list,
.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__instructions-item,
.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__confirm-text {
    font-weight: 400;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__text b,
.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__text strong {
    font-weight: 400;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__block-spacer {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    height: 1.35em;
    min-height: 1.35em;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    overflow: hidden;
    pointer-events: none;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__users {
    margin: 0;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__users-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__users-item {
    display: block;
    margin-bottom: 4px;
    white-space: normal;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__users-item:last-child {
    margin-bottom: 0;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__instructions-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__instructions-item {
    margin-bottom: 4px;
    white-space: normal;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__instructions-item::before {
    content: '- ';
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__instructions-item:last-child {
    margin-bottom: 0;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__help-link {
    text-decoration: underline !important;
    text-decoration-skip-ink: none;
    color: inherit !important;
    font-weight: 400;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__confirm-text {
    margin-top: 0;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__confirm {
    margin-left: 8px;
    vertical-align: middle;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__aside {
    flex: 0 1 auto;
    flex-shrink: 0;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 8px;
    min-width: min-content;
    max-width: min(280px, 46%);
    align-self: center;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .notice-informer-button:not(.rd-btn) {
    margin-top: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-black) !important;
    background-color: rgba(255, 255, 255, var(--button-opacity, 0.25)) !important;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .notice-informer-button:not(.rd-btn):hover {
    color: var(--primary-black) !important;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .notice-count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    align-self: center;
    margin: 0;
    padding: 0;
    line-height: 1;
    white-space: nowrap;
    color: var(--primary-black);
    font-weight: 400;
}

.redesigned-notice-widget.expanded .top-notification-pd-delete-request__aside .notice-count, .redesigned-notice-widget:hover .top-notification-pd-delete-request__aside .notice-count {
    visibility: hidden;
    pointer-events: none;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel:first-of-type {
    height: auto;
    max-height: none;
}

.redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel:first-of-type * .rd-top-notification-content {
    white-space: normal !important;
    overflow: hidden;
    text-overflow: unset !important;
}

@container pd-delete-banner (max-width: 380px) {
    .redesigned-notice-widget .top-notification-pd-delete-request__aside {
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .redesigned-notice-widget {
        top: 6px;
        max-height: max-content;
        left: 12px;
        right: 1em;
        position: relative;
        padding-right: 2em;
    }

    .redesigned-notice-widget:has(.top-notification-pd-delete-request) {
        width: calc(100vw - 12px - 2em);
        max-width: calc(100vw - 12px - 2em);
    }

    .redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .rd-top-notification-content {
        flex: 1 1 100%;
        width: auto;
    }

    .redesigned-notice-widget .notice-top-panel.top-notification-pd-delete-request.redesigned-notice-top-panel .top-notification-pd-delete-request__aside {
        flex: 0 0 100%;
        align-self: flex-start;
        justify-content: flex-start;
    }
}

#top-notification-revenue-structure {
    padding: 6px 12px;
}

/*# sourceMappingURL=notice-redesign.css.map */
