dd.select{position:relative;display:flex;flex-direction:column}dd.select>label{font-size:.75rem;position:unset}dd.select>label>input{all:unset;position:absolute;inset:0;z-index:1}dd.select>div.selected{position:relative;margin-top:.5rem;width:100%;display:flex;padding:.25rem 1rem;align-items:center;justify-content:space-between;border-radius:.375rem;border:.1rem solid var(--setup-c4);background-color:var(--setup-c0);transition:all .25s ease-out}dd.select>label:has(>input:checked)+div.selected,dd.select>label:has(>input:focus)+div.selected{border-color:var(--setup-c2)}dd.select>div.selected:after{content:"";position:absolute;width:.75rem;height:.75rem;top:.75rem;right:1rem;border:solid;border-width:0 .175rem .175rem 0;transform:rotate(45deg);transition:all .25s linear}dd.select>label:has(>input:checked)+div.selected:after{transform:rotate(225deg);top:1.25rem}dd.select>ul{margin-top:.25rem;border-radius:.375rem;border:.2rem solid var(--setup-c4);background-color:var(--setup-c0);display:none;flex-direction:column;gap:.025rem;width:100%}dd.select:has(>label>input:checked)>ul{display:flex}dd.select>ul>li{display:flex;align-items:center;gap:.5rem;padding:.75rem;width:100%;border-bottom:.1rem solid var(--setup-c4);position:relative;z-index:2}dd.select>ul>li:hover{background-color:var(--setup-c2);color:var(--setup-c0)}dd.select>ul>li:has(input:focus){outline:.1rem solid var(--setup-c2);border-bottom:.1rem solid var(--setup-c2);border-radius:.25rem}dd.select>ul>li:has(>input:checked):after{position:absolute;top:25%;right:1rem;transform:translateY(-50%);content:"";display:inline-block;width:.5rem;height:1rem;border-style:solid;border-width:0 .15rem .15rem 0;border-color:var(--color0);transform:rotate(45deg)}dd.select>ul>li>input{all:unset;position:absolute;inset:0;cursor:pointer}