#homeImageHeader {
     box-shadow: 0 -1px 76px 0 var(--color-teal-800);
}
#login {
    background-image: url(./login_bg_ab.png);
}

#login::before {
    background: var(--color-dark-100, rgba(0, 0, 0, 0.10));
}

#loginLogo {
    background-image: url(./MyAB.svg);
}

.modal-content {
    box-shadow: 0 -1px 76px 0 var(--color-teal-800);
}

#navbar-bottom {
    bottom:0;
}
#bottom-menu {
    border-radius: var(--radius-bottom-bar, 16px) var(--radius-bottom-bar, 16px) 0 0;
}

#navbar-bottom a.active:after {
    content: "";
    width: 20px;
    height: 4px;
    border-radius: 0;
    margin-left: -10px;
}

#infoBoatContainer {
    background-image: url(./ab-info.png);
}

.aiBtn {
    border-radius: 5px;
    background: radial-gradient(
        circle at 10% 10%,
        #000000 0%,
        var(--color-teal-1000) 100%
        );
}

.active .aiBtn {
    background: radial-gradient(
        circle at 10% 10%,
        var(--color-teal-1000) 0%,
        #000000 100%
        );
}

.chat-bubble.ai {
    color: var(--text-body, #FFF);
}


::placeholder {
    color: var(--text-placeholder, #ccc) !important;
}

.input-group:has(textarea){
    border-radius: var(--radius-2, 16px);
}
textarea.form-control {
    border-radius: var(--radius-2, 16px);
}

:root {
    --dark: hsl(280, 12%, 8%);
    --card-bg: linear-gradient(8deg, var(--dark) 75%, color-mix(in hsl, var(--dark), white 2.5%) 75.5%);
    --glow-sens: 30;
    --blend: soft-light;
    --glow-blend: plus-lighter;
    --glow-color: 348deg 100% 51%;
    --line-color: #d44949;
    --glow-boost: 0%;
    --glow-r: 1;
}

.file-remove .icon {
    color: white;
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.1%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FF0335'/%3e%3c/svg%3e");
}