/* Custom Roots Variable Architecture Mapping Section */
:root {
    --black: #000;
    --white: #fff;
    --ul-primary: #bf9002;
    --ul-secondary: #022251;
    --ul-c3: #FFE9C8;
    --ul-c4: #FFF9F4;
    --ul-c5: #735600;
    --ul-black: #022251;
    --ul-p: #434343;
    --ul-gray: #434343;
    --ul-gray2: #D2D2D1;
    --ul-gray3: #F4F4F4;
    --ul-gradient: linear-gradient(90deg, var(--ul-primary) 0%, var(--ul-secondary) 100%);
    --font-primary: "Manrope", serif;
    --font-quicksand: "Quicksand", serif;
    --font-caveat: "Caveat", serif;
    --font-poppins: "Poppins", sans-serif;
}

/* Custom CSS Styling for drop-down indicator elements mapping */
select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23022251' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
}

/* Custom CSS Smooth Utility Transitions Matrix Override Configuration */
input, select, button, .peer-checked + div {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Clear overflow visibility mappings for isolated layout units */
#sidebar-panel {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#sidebar-panel::-webkit-scrollbar {
    display: none;
}