.ys8rb6C{display:none;flex-direction:row;z-index:10;width:max(800px,50%);max-width:100vw;background-color:white;border-width:1px;border-style:solid;padding:16px 24px;gap:16px;position:relative;@media (min-width:769px){display:flex}}.ys8rb6C1{height:46px;border-right:1px solid #dee2e680}.ys8rb6C2{flex:1 1;display:flex;flex-direction:column;gap:4px}.ys8rb6C3{padding:2px 0;color:var(--ys8rb6C4);border:none;outline:none;font-size:16px;cursor:pointer;&::placeholder{color:var(--ys8rb6C5)}}.ys8rb6C6{background-color:white;padding:16px 24px;position:absolute;top:calc(100% + 8px);left:0;width:75%;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 72px rgba(48,35,173,.11);>div{display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;>svg{height:16px}>p{font-size:16px}&:hover{font-weight:600}}}.ys8rb6C7{background-color:white;padding:16px;position:absolute;top:calc(100% + 8px);left:0;width:75%;display:flex;flex-direction:column;box-shadow:0 4px 72px rgba(48,35,173,.11);>div{padding:8px;display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;>div{position:relative}}}.ys8rb6C8{&:hover{background-color:var(--ys8rb6C9)}}