@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-border-style:solid}}}.custom-select{border-style:var(--tw-border-style);border-width:2px;border-color:var(--primary-50);border-color:var(--color-primary);--tw-bg-opacity:1;align-items:center;width:100%;padding:0;display:flex;position:relative}html[lang=ar] .custom-select select{background-position:16px calc(1px + 50%),20px calc(1px + 50%)}.custom-select select{appearance:none;background:0 0;width:100%;height:100%;padding-inline:1rem 2.5rem;position:relative}.custom-select select:focus{outline:0}.custom-select:focus,.custom-select:focus-within{box-shadow:none;border:1px solid;border-color:var(--primary-50);border-color:var(--color-primary);outline:0}.custom-select .arrow{stroke-width:1px;pointer-events:none;color:var(--color-primary);font-size:.8em;position:absolute;inset-inline-end:10px}:is(.custom-select:has(select[disabled]),.custom-multi-select:has(select[disabled])){cursor:not-allowed;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}:is(.custom-select:has(select[disabled]) svg,.custom-multi-select:has(select[disabled]) svg){color:var(--fallback-bc,oklch(var(--bc)/.4))!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}