#search-modal {
    overflow: visible;
    border-radius: 0.25rem;
    border-width: 0px;
    padding: 1rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#search-modal::backdrop {
    background-color: rgb(0 0 0 / 0.7) !important
}
#search-modal ul {
    display: flex;
    gap: 0px;
    border-radius: 0.375rem;
    border-width: 1px;
    border-style: solid
}
#search-modal ul li {
    padding: 0px
}
#search-modal ul li input {
    height: 2rem !important;
    border-width: 0px !important;
    padding: 0px !important
}
#search-modal ul li input[type=text] {
    text-indent: 0.5rem
}
#search-modal ul li input[type=submit] {
    border-radius: 0px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)) !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
#search-modal #close-modal {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    display: flex;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
#search-popup-icon {
    float: right;
    height: 1rem;
    width: 1.25rem;
    cursor: pointer;
    fill: #fff
}