.bar__select__wrapper{position:relative;}.bar__select__popup{position:absolute;inset:0 2px auto 0;border:none;margin:0;width:calc(100% - 2px);padding:0;background:#f1f3f4;z-index:1;padding-bottom:23px;border-radius:6px;}.bar__select__popup:target{display:block;}.bar__select__popup__title{padding:var(--bar-padding);font:var(--big);margin-bottom:13px;background:white;border-radius:inherit;color:var(--pen-lnk-hv);}.bar__select__option{padding:var(--bar-padding);padding-block:7px;display:block;position:relative;cursor:pointer;> [type='radio']{position:absolute;inset:0;opacity:0;pointer-events:none;}&:hover{color:var(--pen-lnk-hv);}}.bar__select__option--current{color:var(--pen-lnk-hv);}.bar__backdrop{position:fixed;inset:0;background:black;z-index:1;opacity:0;pointer-events:none;transition:opacity 0.25s;}.bar__bar{z-index:2;position:relative;}.bar__backdrop--visible{pointer-events:all;opacity:0.25;}