@import 'scss/styles.scss';

.toast-container-main {
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: bottom center;

    transition:
        width 0.3s ease-in-out,
        bottom 0.3s ease-in-out,
        background-color 100ms cubic-bezier(0.46, 0.03, 0.51, 0.95);

    &.bottom-26 {
        bottom: 26px !important;
    }

    &.bottom-22 {
        bottom: 22px !important;
    }

    &.no-borders {
        position: relative !important;
        bottom: auto;
        left: auto;
        transform: none;
    }

    .toast-close {
        top: 4px;
        right: 4px;

        transition-duration: 50ms;
        transition-timing-function: cubic-bezier(0.46, 0.03, 0.51, 0.95);
        transition-property: background-color, fill;
    }
}

.z-1056 {
    z-index: 1056 !important;
}