/* Module Custom Styles */

.gibs-announce-banner {
    width: 100%;
}

.z-index-banner {
    z-index: 1080;
}

.gibs-modal-banner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(720px, calc(100% - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 0.5rem;
    padding: 1rem;
    z-index: 1090;
}

.gibs-slideout-banner {
    position: fixed;
    top: 10rem;
    left: calc(100% + 1rem);
    width: min(420px, calc(100% - 2rem));
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border-radius: 0.5rem;
    padding: 1rem;
    z-index: 1090;
    transform: translateX(0);
    animation: gibs-slideout-to-center 0.7s ease-out 4s forwards;
}

@keyframes gibs-slideout-to-center {
    from {
        left: calc(100% + 1rem);
        transform: translateX(0);
    }
    to {
        left: 50%;
        transform: translateX(-50%);
    }
}