@keyframes CalmNotification_scroll-gradient___tbrh {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 350% 0
    }
}

.CalmNotification_czyButton__P6qsu {
    border-radius: 30px;
    transition: all .25s ease;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 16px;
    box-sizing: border-box;
    padding: calc(var(--base-unit)*1) calc(var(--base-unit)*2);
    background: #0000;
    height: 40px;
    -webkit-user-select: none;
    user-select: none
}

    .CalmNotification_czyButton__P6qsu:focus {
        outline: none
    }

.CalmNotification_czyButton--contained--purple__VZHrb {
    color: var(--white-100);
    background: var(--brand-100)
}

    .CalmNotification_czyButton--contained--purple__VZHrb:active {
        background: rgb(var(--brand-100)/70%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--purple__VZHrb:hover:not(:disabled) {
        background: var(--brand-80)
    }
}

.CalmNotification_czyButton--contained--white___QhtD {
    color: var(--black-50);
    background: var(--white-100)
}

    .CalmNotification_czyButton--contained--white___QhtD:active {
        background: rgb(var(--white-100)/70%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--white___QhtD:hover:not(:disabled) {
        background: var(--white-50)
    }
}

.CalmNotification_czyButton--contained--grey__odXR6 {
    color: var(--white-100);
    background: var(--black-40)
}

    .CalmNotification_czyButton--contained--grey__odXR6:active {
        background: rgb(var(--black-40)/70%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--grey__odXR6:hover:not(:disabled) {
        background: var(--black-50)
    }
}

.CalmNotification_czyButton--contained--alert__XUrsC {
    color: var(--white-100);
    background: var(--alert-100)
}

    .CalmNotification_czyButton--contained--alert__XUrsC:active {
        background: rgb(var(--alert-100)/70%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--alert__XUrsC:hover:not(:disabled) {
        background: var(--alert-100)
    }
}

.CalmNotification_czyButton--contained--success__T4Acw {
    color: var(--white-100);
    background: var(--success-100)
}

    .CalmNotification_czyButton--contained--success__T4Acw:active {
        background: rgb(var(--success-100)/70%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--success__T4Acw:hover:not(:disabled) {
        background: #52b187
    }
}

.CalmNotification_czyButton--contained--black__AGof3 {
    color: var(--white-100);
    background: var(--black-90)
}

    .CalmNotification_czyButton--contained--black__AGof3:active {
        background: rgb(var(--black-90)/70%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--black__AGof3:hover:not(:disabled) {
        background: var(--black-70)
    }
}

.CalmNotification_czyButton--contained--green-gradient__0F_KY {
    color: var(--black-100);
    background: linear-gradient(90deg,#49f3c3,#64f17e)
}

    .CalmNotification_czyButton--contained--green-gradient__0F_KY:active {
        background: linear-gradient(90deg,#289777,#408b4e)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--green-gradient__0F_KY:hover:not(:disabled) {
        background: linear-gradient(90deg,#2dc59a,#5db96e)
    }
}

.CalmNotification_czyButton--contained--animated-green-gradient__ro7Uj {
    color: var(--black-100);
    background: linear-gradient(90deg,#49f3c3,#64f17e,#49f3c3);
    background-size: 700% 100%;
    animation: CalmNotification_scroll-gradient___tbrh 3s linear infinite;
    transition: filter .2s ease
}

    .CalmNotification_czyButton--contained--animated-green-gradient__ro7Uj:active {
        background: linear-gradient(90deg,#49f3c3,#64f17e,#49f3c3)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--contained--animated-green-gradient__ro7Uj:hover:not(:disabled) {
        background: linear-gradient(90deg,#49f3c3,#64f17e,#49f3c3);
        filter: brightness(1.2)
    }
}

.CalmNotification_czyButton--link--purple__O6n18, .CalmNotification_czyButton--outlined--purple__idjJ6 {
    color: var(--brand-60)
}

    .CalmNotification_czyButton--link--purple__O6n18:active, .CalmNotification_czyButton--outlined--purple__idjJ6:active {
        color: rgb(var(--brand-100)/80%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--link--purple__O6n18:hover:not(:disabled), .CalmNotification_czyButton--outlined--purple__idjJ6:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.CalmNotification_czyButton--link--white__fdII0, .CalmNotification_czyButton--outlined--white__1go_N {
    color: var(--white-90)
}

    .CalmNotification_czyButton--link--white__fdII0:active, .CalmNotification_czyButton--outlined--white__1go_N:active {
        color: rgb(var(--white-50)/80%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--link--white__fdII0:hover:not(:disabled), .CalmNotification_czyButton--outlined--white__1go_N:hover:not(:disabled) {
        color: var(--white-50)
    }
}

.CalmNotification_czyButton--link--grey__3bNw9, .CalmNotification_czyButton--outlined--grey__pDulv {
    color: rgb(var(--white-100)/30%)
}

    .CalmNotification_czyButton--link--grey__3bNw9:active, .CalmNotification_czyButton--outlined--grey__pDulv:active {
        color: rgb(var(--brand-100)/80%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--link--grey__3bNw9:hover:not(:disabled), .CalmNotification_czyButton--outlined--grey__pDulv:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.CalmNotification_czyButton--link--alert__UM6kd, .CalmNotification_czyButton--outlined--alert__2EZz0 {
    color: var(--alert-100)
}

    .CalmNotification_czyButton--link--alert__UM6kd:active, .CalmNotification_czyButton--outlined--alert__2EZz0:active {
        color: rgb(var(--brand-100)/80%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--link--alert__UM6kd:hover:not(:disabled), .CalmNotification_czyButton--outlined--alert__2EZz0:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.CalmNotification_czyButton--link--success__Rw08z, .CalmNotification_czyButton--outlined--success__y1p9c {
    color: var(--success-100)
}

    .CalmNotification_czyButton--link--success__Rw08z:active, .CalmNotification_czyButton--outlined--success__y1p9c:active {
        color: rgb(var(--success-100)/80%)
    }

@media(hover:hover) {
    .CalmNotification_czyButton--link--success__Rw08z:hover:not(:disabled), .CalmNotification_czyButton--outlined--success__y1p9c:hover:not(:disabled) {
        color: var(--success-100)
    }
}

.CalmNotification_czyButton--outlined--purple__idjJ6 {
    border: 1px solid var(--brand-60)
}

.CalmNotification_czyButton--outlined--white__1go_N {
    border: 1px solid var(--white-90)
}

.CalmNotification_czyButton--outlined--grey__pDulv {
    border: 1px solid rgb(var(--white-100)/30%)
}

.CalmNotification_czyButton--outlined--alert__2EZz0 {
    border: 1px solid var(--alert-100)
}

.CalmNotification_czyButton--outlined--success__y1p9c {
    border: 1px solid var(--success-100)
}

.CalmNotification_czyButton--outlined__opLO0:active {
    border-color: rgb(var(--white-30)/70%)
}

.CalmNotification_czyButton--disabled__dK9RC {
    opacity: .4;
    cursor: default
}

.CalmNotification_czyButton--height50__6QZUL {
    height: 50px
}

.CalmNotification_czyButton--height34__pidZE {
    height: 34px
}

.CalmNotification_czyButton--fullWidth__XDiO9 {
    width: 100%
}

.CalmNotification_czyButton__P6qsu svg {
    height: 20px;
    width: 20px;
    margin-right: calc(var(--base-unit)*1)
}

.CalmNotification_czyButton--headerIcon__Au7Kg {
    padding: 0
}

    .CalmNotification_czyButton--headerIcon__Au7Kg svg {
        width: 22px;
        height: 22px;
        margin-right: 0
    }

.CalmNotification_czyButton--headerIcon--desktop__ACA6B {
    width: 40px;
    height: 40px;
    background: #ffffff1a
}

.CalmNotification_czyButton--headerIcon--mobile___n7Hd {
    width: auto;
    height: auto;
    background: #0000
}

.CalmNotification_snackbarContent__8u2U5 {
    width: 400px !important;
    background: var(--brand-100);
    border-radius: calc(var(--base-unit)*1.5);
    box-shadow: 0 0 60px 0 #0000004d,inset 0 0 0 1px #ffffff1a;
    padding: calc(var(--base-unit)*1.25) calc(var(--base-unit)*2);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: calc(var(--base-unit)*1)
}

    .CalmNotification_snackbarContent__8u2U5 .CalmNotification_icon__Irf9C {
        font-size: calc(var(--base-unit)*2.5);
        line-height: 27px;
        -webkit-user-select: none;
        user-select: none;
        width: 20px
    }

        .CalmNotification_snackbarContent__8u2U5 .CalmNotification_icon__Irf9C > span {
            display: block;
            width: 20px
        }

    .CalmNotification_snackbarContent__8u2U5 .CalmNotification_message__CKUda {
        font-size: calc(var(--base-unit)*1.75);
        font-weight: 400;
        line-height: 19px;
        -webkit-user-select: none;
        user-select: none;
        width: 290px
    }

@keyframes CoolNotification_scroll-gradient__yafEa {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 350% 0
    }
}

.CoolNotification_czyButton__akOcV {
    border-radius: 30px;
    transition: all .25s ease;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 16px;
    box-sizing: border-box;
    padding: calc(var(--base-unit)*1) calc(var(--base-unit)*2);
    background: #0000;
    height: 40px;
    -webkit-user-select: none;
    user-select: none
}

    .CoolNotification_czyButton__akOcV:focus {
        outline: none
    }

.CoolNotification_czyButton--contained--purple__SOP4p {
    color: var(--white-100);
    background: var(--brand-100)
}

    .CoolNotification_czyButton--contained--purple__SOP4p:active {
        background: rgb(var(--brand-100)/70%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--purple__SOP4p:hover:not(:disabled) {
        background: var(--brand-80)
    }
}

.CoolNotification_czyButton--contained--white__UOmpD {
    color: var(--black-50);
    background: var(--white-100)
}

    .CoolNotification_czyButton--contained--white__UOmpD:active {
        background: rgb(var(--white-100)/70%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--white__UOmpD:hover:not(:disabled) {
        background: var(--white-50)
    }
}

.CoolNotification_czyButton--contained--grey__FDu6F {
    color: var(--white-100);
    background: var(--black-40)
}

    .CoolNotification_czyButton--contained--grey__FDu6F:active {
        background: rgb(var(--black-40)/70%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--grey__FDu6F:hover:not(:disabled) {
        background: var(--black-50)
    }
}

.CoolNotification_czyButton--contained--alert__4VG3u {
    color: var(--white-100);
    background: var(--alert-100)
}

    .CoolNotification_czyButton--contained--alert__4VG3u:active {
        background: rgb(var(--alert-100)/70%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--alert__4VG3u:hover:not(:disabled) {
        background: var(--alert-100)
    }
}

.CoolNotification_czyButton--contained--success__NQrEV {
    color: var(--white-100);
    background: var(--success-100)
}

    .CoolNotification_czyButton--contained--success__NQrEV:active {
        background: rgb(var(--success-100)/70%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--success__NQrEV:hover:not(:disabled) {
        background: #52b187
    }
}

.CoolNotification_czyButton--contained--black__fV0NF {
    color: var(--white-100);
    background: var(--black-90)
}

    .CoolNotification_czyButton--contained--black__fV0NF:active {
        background: rgb(var(--black-90)/70%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--black__fV0NF:hover:not(:disabled) {
        background: var(--black-70)
    }
}

.CoolNotification_czyButton--contained--green-gradient__OOpKk {
    color: var(--black-100);
    background: linear-gradient(90deg,#49f3c3,#64f17e)
}

    .CoolNotification_czyButton--contained--green-gradient__OOpKk:active {
        background: linear-gradient(90deg,#289777,#408b4e)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--green-gradient__OOpKk:hover:not(:disabled) {
        background: linear-gradient(90deg,#2dc59a,#5db96e)
    }
}

.CoolNotification_czyButton--contained--animated-green-gradient__O7deK {
    color: var(--black-100);
    background: linear-gradient(90deg,#49f3c3,#64f17e,#49f3c3);
    background-size: 700% 100%;
    animation: CoolNotification_scroll-gradient__yafEa 3s linear infinite;
    transition: filter .2s ease
}

    .CoolNotification_czyButton--contained--animated-green-gradient__O7deK:active {
        background: linear-gradient(90deg,#49f3c3,#64f17e,#49f3c3)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--contained--animated-green-gradient__O7deK:hover:not(:disabled) {
        background: linear-gradient(90deg,#49f3c3,#64f17e,#49f3c3);
        filter: brightness(1.2)
    }
}

.CoolNotification_czyButton--link--purple__EYC_3, .CoolNotification_czyButton--outlined--purple__tuk3P {
    color: var(--brand-60)
}

    .CoolNotification_czyButton--link--purple__EYC_3:active, .CoolNotification_czyButton--outlined--purple__tuk3P:active {
        color: rgb(var(--brand-100)/80%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--link--purple__EYC_3:hover:not(:disabled), .CoolNotification_czyButton--outlined--purple__tuk3P:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.CoolNotification_czyButton--link--white__SX_AH, .CoolNotification_czyButton--outlined--white__TGfO9 {
    color: var(--white-90)
}

    .CoolNotification_czyButton--link--white__SX_AH:active, .CoolNotification_czyButton--outlined--white__TGfO9:active {
        color: rgb(var(--white-50)/80%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--link--white__SX_AH:hover:not(:disabled), .CoolNotification_czyButton--outlined--white__TGfO9:hover:not(:disabled) {
        color: var(--white-50)
    }
}

.CoolNotification_czyButton--link--grey__y2Qff, .CoolNotification_czyButton--outlined--grey__BkFft {
    color: rgb(var(--white-100)/30%)
}

    .CoolNotification_czyButton--link--grey__y2Qff:active, .CoolNotification_czyButton--outlined--grey__BkFft:active {
        color: rgb(var(--brand-100)/80%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--link--grey__y2Qff:hover:not(:disabled), .CoolNotification_czyButton--outlined--grey__BkFft:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.CoolNotification_czyButton--link--alert__JivAY, .CoolNotification_czyButton--outlined--alert__UdmfD {
    color: var(--alert-100)
}

    .CoolNotification_czyButton--link--alert__JivAY:active, .CoolNotification_czyButton--outlined--alert__UdmfD:active {
        color: rgb(var(--brand-100)/80%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--link--alert__JivAY:hover:not(:disabled), .CoolNotification_czyButton--outlined--alert__UdmfD:hover:not(:disabled) {
        color: var(--brand-100)
    }
}

.CoolNotification_czyButton--link--success__2He8L, .CoolNotification_czyButton--outlined--success__LBQNh {
    color: var(--success-100)
}

    .CoolNotification_czyButton--link--success__2He8L:active, .CoolNotification_czyButton--outlined--success__LBQNh:active {
        color: rgb(var(--success-100)/80%)
    }

@media(hover:hover) {
    .CoolNotification_czyButton--link--success__2He8L:hover:not(:disabled), .CoolNotification_czyButton--outlined--success__LBQNh:hover:not(:disabled) {
        color: var(--success-100)
    }
}

.CoolNotification_czyButton--outlined--purple__tuk3P {
    border: 1px solid var(--brand-60)
}

.CoolNotification_czyButton--outlined--white__TGfO9 {
    border: 1px solid var(--white-90)
}

.CoolNotification_czyButton--outlined--grey__BkFft {
    border: 1px solid rgb(var(--white-100)/30%)
}

.CoolNotification_czyButton--outlined--alert__UdmfD {
    border: 1px solid var(--alert-100)
}

.CoolNotification_czyButton--outlined--success__LBQNh {
    border: 1px solid var(--success-100)
}

.CoolNotification_czyButton--outlined__8hfCs:active {
    border-color: rgb(var(--white-30)/70%)
}

.CoolNotification_czyButton--disabled__uYjsD {
    opacity: .4;
    cursor: default
}

.CoolNotification_czyButton--height50__cUULP {
    height: 50px
}

.CoolNotification_czyButton--height34__sBvQs {
    height: 34px
}

.CoolNotification_czyButton--fullWidth__NIZs5 {
    width: 100%
}

.CoolNotification_czyButton__akOcV svg {
    height: 20px;
    width: 20px;
    margin-right: calc(var(--base-unit)*1)
}

.CoolNotification_czyButton--headerIcon__P_reN {
    padding: 0
}

    .CoolNotification_czyButton--headerIcon__P_reN svg {
        width: 22px;
        height: 22px;
        margin-right: 0
    }

.CoolNotification_czyButton--headerIcon--desktop__pruev {
    width: 40px;
    height: 40px;
    background: #ffffff1a
}

.CoolNotification_czyButton--headerIcon--mobile__T6Ttr {
    width: auto;
    height: auto;
    background: #0000
}

.CoolNotification_snackbarContent__s9xm7 {
    box-sizing: border-box;
    background: var(--black-60);
    border: 1px solid #ffffff1a;
    border-radius: calc(var(--base-unit)*1.5);
    box-shadow: 0 0 60px 0 #0000004d;
    padding: calc(var(--base-unit)*3) calc(var(--base-unit)*2) calc(var(--base-unit)*2);
    width: 400px !important;
    transition: all .2s ease-out;
    overflow: hidden;
    position: inherit;
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--base-unit)*1.5)
}

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_closeContainer__xCB9P {
        position: absolute;
        top: calc(var(--base-unit)*1);
        right: calc(var(--base-unit)*1)
    }

        .CoolNotification_snackbarContent__s9xm7 .CoolNotification_closeContainer__xCB9P:hover {
            cursor: pointer
        }

        .CoolNotification_snackbarContent__s9xm7 .CoolNotification_closeContainer__xCB9P svg {
            fill: #fff;
            fill-opacity: .5;
            width: calc(var(--base-unit)*2);
            height: calc(var(--base-unit)*2)
        }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_avatarContainer___Lm22 {
        width: 100%;
        display: flex;
        flex-direction: row;
        column-gap: calc(var(--base-unit)*1.5);
        align-items: center
    }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_avatar__akmA1 {
        width: 50px;
        height: 50px;
        border: 0;
        margin: 0
    }

        .CoolNotification_snackbarContent__s9xm7 .CoolNotification_avatar__akmA1.CoolNotification_circle__zRyJF {
            border-radius: 50%
        }

        .CoolNotification_snackbarContent__s9xm7 .CoolNotification_avatar__akmA1.CoolNotification_square__1TFKT {
            border-radius: 12px
        }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_textContainer__Blkjj {
        width: 304px
    }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_message__oGvWA, .CoolNotification_snackbarContent__s9xm7 .CoolNotification_username__Y0czT {
        font-size: calc(var(--base-unit)*2);
        line-height: 22px;
        -webkit-user-select: none;
        user-select: none
    }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_username__Y0czT {
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_message__oGvWA {
        font-weight: 400
    }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_buttonContainer__ivWc5 {
        width: 100%;
        display: flex;
        gap: calc(var(--base-unit)*1)
    }

        .CoolNotification_snackbarContent__s9xm7 .CoolNotification_buttonContainer__ivWc5 button {
            font-size: calc(var(--base-unit)*1.75);
            flex-grow: 1
        }

    .CoolNotification_snackbarContent__s9xm7 .CoolNotification_countdownBar__ayBe1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: #ffffff80
    }