.yq8dop0{position:relative;width:100%}.yq8dop1{font-size:16px;height:var(--u1dqof1f);padding:var(--u1dqof1a) var(--u1dqof1b);display:flex;justify-content:space-between;align-items:center;gap:var(--u1dqof1d);border-radius:var(--u1dqof2q);border:1px solid var(--u1dqofm);background-color:var(--u1dqofg);width:100%}.yq8dop1[aria-expanded=true]{border-color:var(--u1dqof4)}.yq8dop2{height:var(--u1dqof1f)}.yq8dop3{flex-shrink:0}.yq8dop4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--u1dqofp)}.yq8dop5{position:absolute;top:calc(100% + 1px);min-width:-moz-fit-content;min-width:fit-content;width:100%;padding:var(--u1dqof1a);display:flex;flex-direction:column;border-radius:0;border:1px solid var(--u1dqofk);background-color:var(--u1dqofg);box-shadow:var(--u1dqof2r);z-index:5;overflow-y:auto;max-height:258px}.yq8dop6{cursor:pointer;padding:var(--u1dqof1a) var(--u1dqof1b)}.yq8dop6[data-active],.yq8dop6[data-selected]{background-color:var(--u1dqof1);color:var(--u1dqof4)}.yq8dop6[data-selected]{outline:2px solid var(--u1dqof4);position:relative;z-index:10}@media screen and (min-width:960px){.yq8dop2{height:58px;padding-top:var(--u1dqof1b);padding-bottom:var(--u1dqof1b)}}