.mytory-copy-url-alert {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
    padding: 20px;
    width: 512px;
    max-width: 90vw;
    max-height: 90vh;
    overflow: auto;
    border: none;
    text-align: center;
    color: rgb(84, 84, 84);
}

.mytory-copy-url-alert__icon {
    width: 60px;
    height: 60px;
    margin-top: 20px;
}

.mytory-copy-url-alert__header {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 30px;
}

.mytory-copy-url-alert__content {
    margin-bottom: 20px;
}

.mytory-copy-url-alert__action {
    text-align: center;
}

.mytory-copy-url-alert__button {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    background-color: #3085d6;
    color: #fff;
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-duration: 0.35s;
    animation-name: bounceIn;
}


@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-duration: 0.5s;
    animation-name: fadeOutDown;
}