.dropdown__items{--dropdown--items--max-height:18.75rem;--dropdown--items--gap:var(--space--2xs);display:grid;gap:var(--dropdown--items--gap);list-style:none;max-height:var(--dropdown--items--max-height);overflow:auto;padding:0}.dropdown__input{transition:visibility var(--transition--duration) var(--transition--ease) 0s,display var(--transition--duration) var(--transition--ease) 0s}.dropdown__input input{--checkbox--size:100%;--radio--size:100%;--input--padding-x:0px;cursor:pointer;z-index:2}.dropdown__input label{--input--gap:0}.dropdown__input.hidden{display:none;visibility:hidden}.dropdown__input .input--radio{position:relative}.dropdown__input .input--radio label{--input--outline-width--focus:0;align-items:center;background:var(--input--background-color);border:var(--input--border-width) solid var(--input--border-color);border-color:#0000;border-radius:var(--input--border-radius);box-shadow:none;color:var(--input--color);cursor:pointer;display:block;display:grid;font-family:inherit;grid-template-columns:calc(var(--radio--size) + var(--radio--padding)*2) auto;grid-template-rows:1fr;line-height:inherit;margin-bottom:var(--input--gap);padding:var(--input--padding-y) var(--input--padding-x);transition:color var(--transition--duration) var(--transition--ease) 0s,background-color var(--transition--duration) var(--transition--ease) 0s,border-color var(--transition--duration) var(--transition--ease) 0s,box-shadow var(--transition--duration) var(--transition--ease) 0s,transform var(--transition--duration) var(--transition--ease) 0s;width:100%}.dropdown__input .input--radio label:active,.dropdown__input .input--radio label:focus{outline-style:none;outline-width:0}.dropdown__input .input--radio label:focus,.dropdown__input .input--radio label:focus-within{background:var(--input--background-color--focus);box-shadow:0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus);color:var(--input--color--focus)}.dropdown__input .input--radio label:after,.dropdown__input .input--radio label:before{--input--outline-width--focus:1px;border-radius:100%;content:"";grid-column:1;grid-row:1}.dropdown__input .input--radio label:before{background:var(--color--background);border:var(--radio--border-width) solid var(--color--foreground);cursor:pointer;height:var(--radio--size);transition:background var(--transition--duration) var(--transition--ease) 0s;width:var(--radio--size)}.dropdown__input .input--radio label:after{height:0;margin:var(--radio--padding);width:0}.dropdown__input .input--radio [type=radio]{bottom:0;content:"";font-size:inherit;height:calc(var(--radio--size) + var(--radio--padding));left:var(--input--padding-x);margin-bottom:auto;margin-top:auto;opacity:0;outline:0;position:absolute;top:0;transform:unset;width:calc(var(--radio--size) + var(--radio--padding))}.dropdown__input .input--radio [type=radio]:checked+label,.dropdown__input .input--radio [type=radio]:hover:not(:focus)+label{--input--background-color:var(--input--background-color--highlight)}.dropdown__input .input--radio [type=radio]:checked+label:after{background-color:var(--color--foreground);height:calc(var(--radio--size) - var(--radio--padding)*2);width:calc(var(--radio--size) - var(--radio--padding)*2)}.dropdown__input .input--radio [type=radio]+label:focus:before,.dropdown__input .input--radio [type=radio]:focus+label:before{box-shadow:0 0 0 calc(var(--input--outline-width--focus)*2) var(--color--background),0 0 0 calc(var(--input--outline-width--focus)*4) var(--input--color--focus)}.dropdown__input .input--radio [type=radio]+label:focus:not(:focus-visible):before,.dropdown__input .input--radio [type=radio]:focus:not(:focus-visible)+label:before{box-shadow:none}.dropdown__input .input--radio [type=text]{margin-left:calc(var(--radio--size) + var(--radio--padding)*2);margin-top:var(--space--s);width:calc(100% - var(--radio--size) - var(--radio--padding)*2)}.dropdown__input .input--radio [type=text][disabled]{display:none}.dropdown__input .input--checkbox{--input--border-color:#0000;position:relative}.dropdown__input .input--checkbox label{--input--outline-width--focus:0;background:var(--input--background-color);border:var(--input--border-width) solid var(--input--border-color);border-radius:var(--input--border-radius);box-shadow:none;color:var(--input--color);cursor:pointer;display:block;font-family:inherit;line-height:inherit;margin-bottom:var(--input--gap);padding:var(--input--padding-y) var(--input--padding-x);padding-left:calc(var(--input--padding-x)*2 + var(--checkbox--size));transition:color var(--transition--duration) var(--transition--ease) 0s,background-color var(--transition--duration) var(--transition--ease) 0s,border-color var(--transition--duration) var(--transition--ease) 0s,box-shadow var(--transition--duration) var(--transition--ease) 0s,transform var(--transition--duration) var(--transition--ease) 0s;width:100%}.dropdown__input .input--checkbox label:active,.dropdown__input .input--checkbox label:focus{outline-style:none;outline-width:0}.dropdown__input .input--checkbox label:focus,.dropdown__input .input--checkbox label:focus-within{background:var(--input--background-color--focus);box-shadow:0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus);color:var(--input--color--focus)}.dropdown__input .input--checkbox label:hover:not(:focus){--input--background-color:var(--input--background-color--highlight)}.dropdown__input .input--checkbox label:active{border-color:#0000}.dropdown__input .input--checkbox label:after,.dropdown__input .input--checkbox label:before{--input--outline-width--focus:1px;bottom:0;content:"";left:var(--input--padding-x);margin-bottom:auto;margin-top:auto;position:absolute;top:0}.dropdown__input .input--checkbox label:before{background:var(--color--white);border:var(--checkbox--border-width) solid var(--color--brand-1);border-radius:--checkbox--border-radius;cursor:pointer;height:var(--checkbox--size);transition:background var(--transition--duration) var(--transition--ease) 0s;width:var(--checkbox--size)}.dropdown__input .input--checkbox label:after{border-bottom:var(--checkbox--check-stroke) solid #0000;border-left:var(--checkbox--check-stroke) solid #0000;border-right-style:solid;border-right:var(--checkbox--check-stroke) #0000;border-top-style:solid;border-top:var(--checkbox--check-stroke) #0000;height:0;transform:translate(var(--checkbox--padding),-1px) rotate(-45deg);width:0}.dropdown__input .input--checkbox [type=checkbox]{bottom:0;content:"";font-size:inherit;height:var(--checkbox--size);left:var(--input--padding-x);margin-bottom:auto;margin-top:auto;opacity:0;outline:0;position:absolute;top:0;transform:unset;width:var(--checkbox--size)}.dropdown__input .input--checkbox [type=checkbox]:checked+label,.dropdown__input .input--checkbox [type=checkbox]:hover:not(:focus)+label{--input--background-color:var(--input--background-color--highlight)}.dropdown__input .input--checkbox [type=checkbox]:checked+label:before{background-color:var(--color--brand-1)}.dropdown__input .input--checkbox [type=checkbox]:checked+label:after{border-color:var(--color--white);height:calc(var(--checkbox--check-size)/2);width:var(--checkbox--check-size)}.dropdown__input .input--checkbox [type=checkbox]+label:focus:before,.dropdown__input .input--checkbox [type=checkbox]:focus+label:before{box-shadow:0 0 0 calc(var(--input--outline-width--focus)*2) var(--color--white),0 0 0 calc(var(--input--outline-width--focus)*4) var(--input--color--focus)}.dropdown__input .input--checkbox [type=checkbox]+label:focus:not(:focus-visible):before,.dropdown__input .input--checkbox [type=checkbox]:focus:not(:focus-visible)+label:before{box-shadow:none}.dropdown__input .input--checkbox input{--checkbox--size:100%;--input--padding-x:0px}.dropdown__input .input--select{position:relative;width:100%}.dropdown__input .input--select:active,.dropdown__input .input--select:focus{background:var(--input--background-color--highlight)}@media (hover:hover){.dropdown__input .input--select:hover{background:var(--input--background-color--highlight)}}.dropdown__input .input--select input{height:100%;inset:0;opacity:0;position:absolute;width:100%}.dropdown__input .input--select input:checked~label{background:var(--input--background-color--highlight)}.dropdown__input .input--select input:checked~label .dropdown__text{color:var(--color--brand-3)}.dropdown__input .input--select label{--form--label-spacing:0px;padding:var(--input--padding-y) var(--input--padding-x);width:100%}.dropdown__input__inner{transition:opacity var(--transition--duration) var(--transition--ease) 0s}.dropdown__input__inner.dropdown--has-no-results.input--checkbox{cursor:not-allowed;opacity:.5}.dropdown__input__inner.dropdown--has-no-results.input--checkbox input,.dropdown__input__inner.dropdown--has-no-results.input--checkbox label{background:#0000;cursor:not-allowed;pointer-events:none}.dropdown__text{transition:color var(--transition--duration) var(--transition--ease) 0s}