/* RAW Compiler — site styles */

#navbar-brand img {
    width: 48px;
    height: 48px;
}

#nav-logo {
    background-color: #FFF;
    border-radius: 8px;
    padding: 6px 4px;
    margin: 0px 12px;
}

#privacy a,
#tos a {
    color: inherit;
    text-decoration: none;
}

#hero-image {
    background-color: #000;
    border-radius: 5px;
    padding: 4px 24px;
}

/* Prevent layout shift: reserve space for images while loading */
.img-loading {
    background: #1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='16' fill='none' stroke='%23555' stroke-width='3' stroke-dasharray='80' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") center center no-repeat;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #444;
}