:root {
    --primary: rgb(27, 115, 179);
    --primary-dark: rgb(92, 92, 92);
    --primary-70: rgba(61, 61, 61, 0.7);
    --primary-50: rgba(132, 131, 131, 0.5);
    --primary-30: rgba(168, 167, 167, 0.3);
    --primary-10: rgba(241, 240, 241, 0.1);
    --logo: rgb(255, 255, 255);
    --sidebar-icon: rgb(156 163 175);
}

.bg-grad-sidebar {
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgb(255, 255, 255)),
            to(#c3d8f2)
    );

    background-image: linear-gradient(
            0deg,
            rgb(255, 255, 255),
            rgb(255, 255, 255)
    );
    margin-top: 20px;
}

.w-sidebar {
    width: 18rem;
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bg-40 {
    background-color: rgb(250 250 249);
}

.text-90, .text-80 {
    color: rgb(28, 25, 23);
}

#nova .w-sidebar.bg-grad-sidebar a.text-white.text-justify.no-underline.dim,
#nova .w-sidebar.bg-grad-sidebar .text-white {
    color: rgb(75, 85, 99) !important;
}

.attach-many-container * {
    display: inline-block !important;
    width: auto !important;
}

.attach-many-container > div > div {
    padding: 20px;
}

.attach-many-container input {
    width: 20px !important;
}

.whitespace-no-wrap {
    white-space: normal;
}