/* /UiComponents/CrezcoDropdown.razor.rz.scp.css */
.crezco-dropdown li[b-rr5i3ntqun] {
    border-top-width: 1px;
    min-width: 12rem;
}

.crezco-dropdown li:first-of-type[b-rr5i3ntqun] {
    border-top-width: 0;
}

.crezco-dropdown li:first-of-type a[b-rr5i3ntqun] {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.crezco-dropdown li:last-of-type a[b-rr5i3ntqun] {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
/* /UiComponents/CrezcoInput.razor.rz.scp.css */
.crezco-input[type="date"][b-3jyf9sypg0] {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='rgb(63, 115, 101)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 2rem !important;
}

.crezco-input[type="date"][b-3jyf9sypg0]::-webkit-calendar-picker-indicator {
    background: none;
}

.crezco-input[data-icon="edit"][b-3jyf9sypg0] {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='44' viewBox='0 0 44 44' width='44' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='%23fff' height='43' rx='21.5' stroke='%238E9090' width='43' x='.5' y='.5'/%3E%3Cpath d='m21 15h-5c-1.1046 0-2 .8954-2 2v11c0 1.1046.8954 2 2 2h11c1.1046 0 2-.8954 2-2v-5m-1.4142-9.4142c.781-.7811 2.0474-.7811 2.8284 0 .7811.781.7811 2.0474 0 2.8284l-8.5858 8.5858h-2.8284v-2.8284z' stroke='%23428372' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 98% center;
}

.crezco-input[data-icon="pencil"][b-3jyf9sypg0] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgb(155,202,190)'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z' /%3e%3c/svg%3e");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 98% center;
    padding-right: 2rem;
}

.crezco-input[data-icon="search"][b-3jyf9sypg0] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238E9090'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' /%3e%3c/svg%3e");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 1.25rem center;
    padding-left: 4rem;
}

.crezco-input.crezco-input-edited[b-3jyf9sypg0] {
    background-image: unset;
}
/* /UiComponents/CrezcoModal.razor.rz.scp.css */
/* TODO WAM-4743 Remove this once modals are in root of the body */
.crezco-nav-main:has(.crezco-modal-open)[b-wr0lanjmz4] {
    @apply z-50;
}

.crezco-modal-bg[b-wr0lanjmz4] {
    animation: fadeIn-b-wr0lanjmz4 .3s ease-out;
}

@keyframes fadeIn-b-wr0lanjmz4 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.crezco-modal-pane[b-wr0lanjmz4] {
    animation: popIn-b-wr0lanjmz4 .3s ease-out;
}

@keyframes popIn-b-wr0lanjmz4 {
    from {
        opacity: 0;
        transform: scale(.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /UiComponents/CrezcoSelect.razor.rz.scp.css */
.crezco-select[b-4mo0vgitet] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238E9090'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    background-size: 1.25em 1.25em;
    background-position: calc(100% - .375rem) center;
    background-repeat: no-repeat;
}

.crezco-select-minimised[b-4mo0vgitet] {
    /* Doing this to stop icon poking out behind org logos
     Has to have 2 0 values for the transition to work */
    background-size: 0 0;
}

.crezco-select.crezco-select--dark[b-4mo0vgitet] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgb(255, 255, 255)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

@media (max-width: 1023px) {
    .crezco-select.drop-up-icon[b-4mo0vgitet] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238E9090'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z'/%3e%3c/svg%3e");
        background-position: calc(100% - .75rem) center;
    }
}
/* /UiComponents/CrezcoToggle.razor.rz.scp.css */
.crezco-toggle[b-g8z31rzkgs] {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='18' cy='16' r='12' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='36' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_583_6495'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0'/%3E%3CfeBlend in2='effect1_dropShadow_583_6495' result='effect2_dropShadow_583_6495'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend in2='effect2_dropShadow_583_6495' result='effect3_dropShadow_583_6495'/%3E%3CfeBlend in='SourceGraphic' in2='effect3_dropShadow_583_6495' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-position: -5% 0;
}

.crezco-toggle:checked[b-g8z31rzkgs] {
    background-position-x: 105%;
}

.crezco-toggle-checking[b-g8z31rzkgs] {
    background-position-x: 105% !important;
    background-color: hsl(var(--color-brand-70)) !important;
}

.crezco-toggle-unchecking[b-g8z31rzkgs] {
    background-position-x: -5% !important;
    background-color: hsl(var(--color-grey-30)) !important;
}