@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap");

:root {
    --bs-font-sans-serif: "Roboto", sans-serif;
    --bs-body-font-family: "Roboto", sans-serif;
}

.skote-toast-layer {
    z-index: 1090;
}

.message-preview {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.validation-summary-valid {
    display: none;
}

.dropdown-menu form .dropdown-item {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
}

@media (max-width: 575.98px) {
    .message-preview {
        max-width: 220px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}