/*!
 * io-select.css (minimiert) - extrahiert aus tailwindcss_min.css (Tailwind v2.2.19)
 * Enthaelt NUR die Utility-Klassen, die von io-select.js tatsaechlich erzeugt werden.
 * Alles ist unter .ioselect gekapselt, damit es den Rest der Seite nicht beeinflusst.
 *
 * Verwendung im HTML:
 *   <div class="ioselect">
 *       <select id="meinSelect">...</select>
 *   </div>
 *
 * Das Wrapper-Div MUSS die Klasse "ioselect" tragen, sonst greifen die Regeln nicht.
 */

/* --- Minimal-Reset, nur innerhalb von .ioselect ---
   Wird benoetigt, damit .border / .border-b / .shadow-lg / .focus\:ring-* etc.
   korrekt greifen (Tailwind-Utilities setzen oft nur EINE Eigenschaft und
   verlassen sich auf globale Default-Werte aus Tailwinds Preflight). */
.ioselect,
.ioselect *,
.ioselect ::before,
.ioselect ::after{
    box-sizing:border-box;
    border-width:0;
    border-style:solid;
    border-color:currentColor;
    --tw-border-opacity:1;
    --tw-shadow:0 0 #0000;
    --tw-ring-inset:var(--tw-empty, );
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
}
.ioselect ul{list-style:none;margin:0;padding:0}
.ioselect button,
.ioselect input,
.ioselect select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
.ioselect button,
.ioselect select{text-transform:none}
.ioselect button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}

/* --- Utility-Klassen, die io-select.js per addClass() erzeugt --- */
.ioselect .absolute{position:absolute}
.ioselect .relative{position:relative}
.ioselect .sticky{position:sticky}
.ioselect .top-0{top:0}
.ioselect .z-10{z-index:10}
.ioselect .mt-1{margin-top:.25rem}
.ioselect .mr-2{margin-right:.5rem}
.ioselect .ml-1{margin-left:.25rem}
.ioselect .ml-2{margin-left:.5rem}
.ioselect .flex{display:flex}
.ioselect .hidden{display:none}
.ioselect .h-4{height:1rem}
.ioselect .max-h-60{max-height:20rem}
.ioselect .w-4{width:1rem}
.ioselect .w-full{width:100%}
.ioselect .cursor-default{cursor:default}
.ioselect .cursor-pointer{cursor:pointer}
.ioselect .flex-wrap{flex-wrap:wrap}
.ioselect .items-center{align-items:center}
.ioselect .justify-between{justify-content:space-between}
.ioselect .gap-1{gap:.25rem}
.ioselect .overflow-y-auto{overflow-y:auto}
.ioselect .rounded{border-radius:.25rem}
.ioselect .rounded-md{border-radius:.375rem}
.ioselect .rounded-lg{border-radius:.5rem}
.ioselect .border{border-width:1px}
.ioselect .border-b{border-bottom-width:1px}
.ioselect .border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}
.ioselect .focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgba(59,130,246,var(--tw-border-opacity))}
.ioselect .bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}
.ioselect .bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}
.ioselect .bg-blue-100{--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}
.ioselect .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}
.ioselect .p-2{padding:.5rem}
.ioselect .p-2\.5{padding:.625rem}
.ioselect .px-2{padding-left:.5rem;padding-right:.5rem}
.ioselect .px-3{padding-left:.75rem;padding-right:.75rem}
.ioselect .py-1{padding-top:.25rem;padding-bottom:.25rem}
.ioselect .py-2{padding-top:.5rem;padding-bottom:.5rem}
.ioselect .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.ioselect .text-center{text-align:center}
.ioselect .text-xs{font-size:.75rem;line-height:1rem}
.ioselect .text-sm{font-size:.875rem;line-height:1.25rem}
.ioselect .font-medium{font-weight:500}
.ioselect .font-semibold{font-weight:600}
.ioselect .font-bold{font-weight:700}
.ioselect .text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}
.ioselect .text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}
.ioselect .text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}
.ioselect .text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}
.ioselect .text-blue-800{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}
.ioselect .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.ioselect .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.ioselect .focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.ioselect .focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(59, 130, 246, var(--tw-ring-opacity))}