/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;

.com-finder__filter {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing, 0.25rem) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing, 0.25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.filter-branch {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing, 0.25rem) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing, 0.25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.control-group {
    align-items: center;
}

.control-label {
    @media (width >= 48rem) {
        grid-column: span 4 / span 4;
    }
}

.control-label label {
    margin-bottom: calc(var(--spacing, 0.25rem) * 1);
    display: block;
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
    @media (width >= 48rem) {
        margin-bottom: calc(var(--spacing, 0.25rem) * 0);
    }
}

.input-group > input[type='text'] {
    display: inline-block;
    border-radius: var(--radius-md, 0.375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    &:focus {
        border-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    }

    &:focus {
        --tw-ring-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    }

    @media (width >= 40rem) {
        font-size: var(--text-sm, 0.875rem);
        line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    }
}

.input-group > .btn {
    border-radius: 0.25rem;
    background-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    color: var(--color-white, #fff);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));

    &:hover {
        @media (hover: hover) {
            background-color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
        }
    }

    &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    &:focus {
        --tw-ring-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    }

    &:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    &:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
}

.controls {
    @media (width >= 48rem) {
        grid-column: span 8 / span 8;
    }
}

.advancedSelect {
    border-radius: var(--radius-md, 0.375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
    background-color: var(--color-white, #fff);
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--color-gray-900, oklch(21% 0.034 264.665));
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));

    &:focus {
        border-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    }

    &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--color-blue-500, oklch(62.3% 0.214 259.815)) 50%, transparent);
        }
    }

    &:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
}

@media (max-width: 767px) {
    .control-group {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
        padding-bottom: calc(var(--spacing, 0.25rem) * 3);
    }

    .control-group:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
        padding-bottom: calc(var(--spacing, 0.25rem) * 0);
    }
}

.advancedSelect:hover {
    border-color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
}

.advancedSelect:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500, oklch(62.3% 0.214 259.815)) 50%, transparent);
    }
}

.advancedSelect {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.advancedSelect::-webkit-scrollbar {
    width: 8px;
}

.advancedSelect::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.advancedSelect::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 4px;
}

#advancedSearch {
    margin-top: 0 !important;
    padding: 3px;
}

#advancedSearch .com-finder__tips {
    margin-top: 1.5rem;
}

#finder-filter-window {
    overflow: visible;
}

.buttons-wrapper.btn-group {
    text-align: center;
}

.buttons-wrapper.btn-group button.btn {
    margin-right: calc(var(--spacing, 0.25rem) * 1);
    border-radius: 0.25rem;
    background-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
    padding: calc(var(--spacing, 0.25rem) * 0.5);
    color: var(--color-white, #fff);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));

    &:hover {
        @media (hover: hover) {
            background-color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
        }
    }

    &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    &:focus {
        --tw-ring-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    }

    &:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    &:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
        *, ::before, ::after, ::backdrop {
            --tw-space-y-reverse: 0;
            --tw-font-weight: initial;
            --tw-border-style: solid;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
        }
    }
}