@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

div.roulette-notice {
    text-align: center;
    opacity: 0;
    margin: 0;
    padding: 10px;
    background: #72cf53;
    color: white;
    animation: fadeInDown 0.75s ease-in-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

div.roulette-notice p {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

div.roulette-notice p::after {
    content: "";
    display: block;
    --size: 32px;
    width: var(--size);
    height: var(--size);
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU2IDI1NjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiCiAgICB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMwLjMsMTE3LjNjNC45LDUuMiwxMS4xLDkuMiwxNy44LDExLjZjMi4zLDAuOCw0LjcsMS41LDcuMiwxLjljMi40LDAuNSw0LjksMC43LDcuNCwwLjhjMC40LDAsMC44LDAsMS4yLDAgICBjNi43LDAsMTMuNS0xLjUsMTkuNi00LjNjNC42LTIuMSw4LjgtNSwxMi40LTguNWM1LjItNSw5LjMtMTEuMSwxMS43LTE3LjljMC45LTIuNCwxLjUtNC44LDItNy4zYzAuNS0yLjUsMC43LTUuMSwwLjgtNy42ICAgYzAuMi03LjEtMS40LTE0LjMtNC40LTIwLjhjLTIuMi00LjYtNS4xLTguOC04LjYtMTIuNWMtNC45LTUuMS0xMS4xLTkuMS0xNy44LTExLjVjLTIuMy0wLjgtNC43LTEuNS03LjItMS45ICAgYy0yLjUtMC41LTQuOS0wLjctNy40LTAuOGMtNy4xLTAuMi0xNC4zLDEuMy0yMC44LDQuM2MtNC42LDIuMi04LjgsNS0xMi41LDguNWMtNS4yLDQuOS05LjIsMTEuMS0xMS42LDE3LjggICBjLTAuOSwyLjQtMS41LDQuOC0yLDcuM2MtMC41LDIuNS0wLjcsNS0wLjgsNy41Yy0wLjIsNy4yLDEuNCwxNC40LDQuNSwyMC45QzI0LDEwOS41LDI2LjgsMTEzLjcsMzAuMywxMTcuM3ogTTI4LjEsNzguNCAgIGMwLjQtMiwwLjktMy45LDEuNi01LjhjMS45LTUuMiw1LTEwLDkuMS0xMy45YzIuOS0yLjgsNi4yLTUsOS44LTYuN2M0LjgtMi4yLDEwLjEtMy40LDE1LjMtMy40YzAuMywwLDAuNiwwLDAuOSwwICAgYzEuOSwwLDMuOSwwLjMsNS44LDAuNmMxLjksMC40LDMuOCwwLjksNS42LDEuNWM1LjIsMS45LDEwLjEsNSwxMy45LDljMi44LDIuOSw1LDYuMiw2LjcsOS44YzIuNCw1LDMuNiwxMC43LDMuNCwxNi4yICAgYzAsMi0wLjMsNC0wLjYsNS45YzAsMCwwLDAsMCwwYy0wLjQsMi0wLjksMy45LTEuNiw1LjdjLTEuOSw1LjMtNS4xLDEwLjEtOS4yLDE0Yy0yLjksMi43LTYuMSw1LTkuNyw2LjYgICBjLTUuMSwyLjQtMTAuOCwzLjUtMTYuMywzLjRjLTEuOSwwLTMuOS0wLjMtNS44LTAuNmMtMS45LTAuNC0zLjgtMC45LTUuNi0xLjVjLTUuMy0xLjktMTAuMS01LTEzLjktOWMtMi43LTIuOS01LTYuMS02LjctOS43ICAgYy0yLjQtNS4xLTMuNi0xMC43LTMuNS0xNi4zQzI3LjUsODIuMywyNy43LDgwLjMsMjguMSw3OC40eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01Ni44LDkxLjljMSwxLjEsMi4zLDEuOSwzLjcsMi40YzAuNSwwLjIsMSwwLjMsMS41LDAuNGMwLjUsMC4xLDEsMC4yLDEuNiwwLjJjMS41LDAsMy0wLjMsNC40LTAuOWMxLTAuNCwxLjgtMSwyLjYtMS44ICAgYzEuMS0xLDEuOS0yLjMsMi41LTMuOGMwLjItMC41LDAuMy0xLDAuNC0xLjVjMC4xLTAuNSwwLjItMS4xLDAuMi0xLjZjMC0wLjctMC4xLTEuNC0wLjItMmw5LjktOC45YzIuMS0xLjksMi4yLTUuMSwwLjQtNy4yICAgYy0xLjktMi4xLTUuMS0yLjItNy4yLTAuNGwtOS45LDguOWMtMC4zLTAuMS0wLjctMC4yLTEtMC4zYy0wLjUtMC4xLTEtMC4yLTEuNi0wLjJjLTEuNSwwLTMsMC4zLTQuNCwwLjljLTEsMC41LTEuOSwxLjEtMi42LDEuOCAgIGMtMS4xLDEtMS45LDIuMy0yLjQsMy43Yy0wLjIsMC41LTAuMywxLTAuNCwxLjVjLTAuMSwwLjUtMC4yLDEuMS0wLjIsMS42YzAsMS42LDAuMywzLjEsMC45LDQuNEM1NS41LDkwLjIsNTYuMSw5MS4xLDU2LjgsOTEuOXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjM2LjgsMTI3LjRoLTIybC0yMC4yLTQ2LjJjLTEuNS0zLjQtNC45LTUuNi04LjYtNS42aC01Ni41Yy0yLjgsMC01LjEsMi4zLTUuMSw1LjF2NjQuMUg4LjRjLTIuOCwwLTUuMSwyLjMtNS4xLDUuMXYzOC45ICAgYzAsNS4yLDQuMiw5LjQsOS40LDkuNGgxNC42YzIuOCwwLDUuMS0yLjMsNS4xLTUuMWMwLTIuOC0yLjMtNS4xLTUuMS01LjFIMTMuNXYtMzMuMWgxMTZjMi44LDAsNS4xLTIuMyw1LjEtNS4xVjg1LjZoNTAuOSAgIGwxOC43LDQyLjhsMi43LDZjMC44LDEuOCwyLjYsMyw0LjYsM2gyNS4zYzMuMiwwLDUuNywyLjYsNS43LDUuN3Y0NC43aC0xMy44Yy0yLjgsMC01LjEsMi4zLTUuMSw1LjFjMCwyLjgsMi4zLDUuMSw1LjEsNS4xaDE0LjUgICBjNS4yLDAsOS40LTQuMiw5LjQtOS40di00NS40QzI1Mi43LDEzNC41LDI0NS41LDEyNy40LDIzNi44LDEyNy40eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNjIuNywxODcuOUg5My4zYy0yLjgsMC01LjEsMi4zLTUuMSw1LjFjMCwyLjgsMi4zLDUuMSw1LjEsNS4xaDY5LjNjMi44LDAsNS4xLTIuMyw1LjEtNS4xICAgQzE2Ny43LDE5MC4yLDE2NS41LDE4Ny45LDE2Mi43LDE4Ny45eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03OS4zLDE5MC41Yy0xLjQtNC00LjEtNy41LTcuNy05LjljLTAuMS0wLjEtMC4zLTAuMi0wLjQtMC4zbC0yLjctMS40Yy0wLjItMC4xLTAuNC0wLjItMC41LTAuMmMtMC4zLTAuMS0wLjYtMC4yLTEuMi0wLjQgICBsLTEuOS0wLjZjLTAuNS0wLjEtMS0wLjItMS40LTAuM2MtMC41LTAuMS0xLjEtMC4xLTEuOC0wLjJsLTEuNiwwbC0xLjQsMC4xYy0wLjUsMC0xLDAuMS0xLjUsMC4yYy0wLjUsMC4xLTAuOSwwLjItMS40LDAuMyAgIGMtMC4xLDAtMC4xLDAtMC4yLDBsLTEuMywwLjNjLTAuNCwwLjEtMC44LDAuMy0xLjQsMC41bC0xLjMsMC42Yy00LjgsMi4zLTguNiw2LjUtMTAuNCwxMS40YzAsMC4xLTAuMiwwLjUtMC4yLDAuNiAgIGMtMC43LDItMSw0LjEtMSw2LjJjMCwxMS4xLDksMjAuMiwyMC4yLDIwLjJjMTEuMSwwLDIwLjItOSwyMC4yLTIwLjJjMC0yLjEtMC4zLTQuMS0xLTYuM0w3OS4zLDE5MC41eiBNNjAuMywyMDcuNCAgIGMtNS41LDAtMTAtNC41LTEwLTEwYzAtMSwwLjItMi4xLDAuNC0yLjhjMCwwLDAuMi0wLjUsMC4yLTAuNWMwLjktMi41LDIuOC00LjYsNS01LjdsMi4zLTAuOGMwLjIsMCwwLjMtMC4xLDAuNi0wLjEgICBjMC4zLDAsMC41LTAuMSwwLjUtMC4xbDAuOCwwbDAuOSwwYzAuMywwLDAuNSwwLjEsMC45LDAuMWMwLjIsMCwwLjQsMC4xLDAuNCwwLjFsMS40LDAuNGwyLjQsMS4zYzEuNywxLjIsMywyLjksMy43LDQuOWwwLjEsMC4zICAgYzAuMywwLjksMC41LDIsMC41LDNDNzAuMywyMDIuOSw2NS44LDIwNy40LDYwLjMsMjA3LjR6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxNC43LDE5MC42Yy0xLjUtNC4xLTQuMS03LjYtNy43LTEwYy0wLjItMC4xLTAuNC0wLjItMC41LTAuM2wtMy40LTEuN2MtMC4zLTAuMS0wLjYtMC4zLTAuOS0wLjNsLTEuOS0wLjUgICBjLTAuNS0wLjEtMS0wLjItMS40LTAuM2MtMC41LTAuMS0xLTAuMS0xLjktMC4ybC0yLjEsMGMtMC4yLDAtMC4zLDAtMC41LDBjLTAuOCwwLjEtMS4zLDAuMS0xLjcsMC4yYy0wLjUsMC4xLTAuOSwwLjItMS40LDAuMyAgIGMtMC4xLDAtMC4xLDAtMC4yLDBsLTEuMywwLjNjLTAuNCwwLjEtMC43LDAuMi0xLjMsMC41bC0xLjMsMC42Yy00LjgsMi4zLTguNyw2LjUtMTAuNCwxMS40YzAsMC4xLTAuMiwwLjYtMC4yLDAuNiAgIGMtMC43LDItMSw0LjEtMSw2LjJjMCwxMS4xLDksMjAuMiwyMC4yLDIwLjJjMTEuMSwwLDIwLjItOSwyMC4yLTIwLjJjMC0yLjEtMC4zLTQuMi0xLjEtNi40TDIxNC43LDE5MC42eiBNMTk1LjcsMjA3LjQgICBjLTUuNSwwLTEwLTQuNS0xMC0xMGMwLTEuMSwwLjItMi4xLDAuNC0yLjhjMC0wLjEsMC4yLTAuNSwwLjItMC41YzAuOS0yLjUsMi44LTQuNiw1LTUuN2wyLjMtMC44YzAuMiwwLDAuNC0wLjEsMC42LTAuMSAgIGMwLjIsMCwwLjUtMC4xLDAuOC0wLjFoMS41YzAuMywwLDAuNiwwLjEsMC44LDAuMWMwLjIsMCwwLjQsMC4xLDAuNCwwLjFsMS4yLDAuM2wyLjYsMS4zYzEuNywxLjIsMi45LDIuOSwzLjcsNWwwLjEsMC4xICAgYzAuMywxLDAuNSwyLDAuNSwzQzIwNS43LDIwMi45LDIwMS4yLDIwNy40LDE5NS43LDIwNy40eiIvPjwvZz48L3N2Zz4K');
    background-repeat: no-repeat;
}



@media (max-width: 600px) {
    div.roulette-notice {
        margin: 10px 0 0 0;
    }
}