.\!container {
    width: 100%!important
}

.container {
    width: 100%
}

@media (min-width: 768px) {
    .\!container {
        max-width:768px!important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width: 1212px) {
    .\!container {
        max-width:1212px!important
    }

    .container {
        max-width: 1212px
    }
}

@media (min-width: 1440px) {
    .\!container {
        max-width:1440px!important
    }

    .container {
        max-width: 1440px
    }
}

.rotating-box {
    --border-angle: 0deg;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: border-angle-rotate 3s linear infinite;
    border: 1px solid transparent;
    position: relative;
    background: linear-gradient(rgb(var(--colors-interactive-interactiveBg)),rgb(var(--colors-interactive-interactiveBg))) padding-box,conic-gradient(from var(--border-angle),rgb(var(--colors-interactive-interactiveBg)) 50%,rgb(var(--colors-interactive-primary))) border-box
}

@keyframes border-angle-rotate {
    0% {
        --border-angle: 0deg
    }

    to {
        --border-angle: 360deg
    }
}

@property --border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

/*# sourceMappingURL=c0f4cb33f03928ef.css.map*/