.ConfirmEmailModal {
    width: 300px;
    background-color: var(--color-black-20);
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .0509803922);
    padding: 32px 44px;
    text-align: center
}

.ConfirmEmailModal-title {
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-700);
    color: var(--color-gray-30);
    opacity: .8;
    text-transform: uppercase
}

.ConfirmEmailModal-description,
.ConfirmEmailModal-title {
    letter-spacing: var(--letter-spacing-05);
    margin-bottom: 22px
}

.ConfirmEmailModal-description {
    word-wrap: break-word;
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-150)
}

.ConfirmEmailModal-button {
    display: inline;
    min-width: 210px
}

.ConfirmEmailModal-button.cancel {
    color: var(--color-white);
    font-size: var(--font-size-16)
}

.LayoutNotice {
    font-size: var(--font-size-14);
    line-height: var(--line-height-130);
    letter-spacing: var(--letter-spacing-05);
    font-weight: var(--font-weight-400);
    font-weight: var(--font-weight-700);
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--header-height) + 4px);
    z-index: 10;
    background: rgba(28, 28, 28, .722);
    -webkit-backdrop-filter: blur(18px) saturate(1.5);
    backdrop-filter: blur(18px) saturate(1.5);
    padding: 12px 16px;
    min-height: 55px;
    font-weight: 700;
    border-radius: 4px;
    margin-bottom: 8px
}

.LayoutNotice--artistLayout {
    position: relative;
    top: unset
}

.LayoutNotice--masquerading .LayoutNotice-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .LayoutNotice--masquerading .LayoutNotice-content {
        justify-content: center;
        text-align: center
    }

    .LayoutNotice--masquerading .LayoutNotice-text {
        text-align: center;
        margin-bottom: 8px
    }
}

.LayoutNotice--emailConfirmation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

@media screen and (max-width: 767px) {
    .LayoutNotice--emailConfirmation {
        justify-content: center
    }
}

.LayoutNotice-text {
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-600);
    letter-spacing: var(--letter-spacing-05);
    line-height: var(--line-height-130);
    text-align: center
}

.LayoutNotice-text>a,
.LayoutNotice-text>button {
    font-size: var(--font-size-14);
    color: var(--color-orange);
    font-weight: var(--font-weight-700);
    display: inline !important;
    padding: 0 !important
}

.LayoutNotice-userLink {
    color: var(--color-orange);
    text-decoration: none;
    font-weight: var(--font-weight-700)
}

.LayoutNotice-userLink:hover {
    text-decoration: underline
}

.LayoutNotice-stopButton {
    flex-shrink: 0
}

.LayoutNotice-openModalButton,
.LayoutNotice-stopButton {
    font-size: var(--font-size-14) !important
}

@media screen and (max-width: 767px) {
    .LayoutNotice-modal .Modal-content {
        margin: 50px auto auto
    }

    .LayoutNotice-modal .ConfirmEmailModal {
        width: 100%;
        padding: 18px 21px
    }

    .LayoutNotice-modal .ConfirmEmailModal>button {
        width: 100%
    }
}