.clickoutside{position:relative;z-index:10}.clickoutside>*{z-index:10}.clickoutside:after{content:"";position:fixed;top:0;left:0;z-index:0;display:block;height:100lvh;width:100lvw;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.1}.search .grp{position:relative;display:flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem 2rem .5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:700;line-height:1;color:var(--dark);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.search .grp::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.search .grp::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.search .grp:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search{position:relative}.search .grp input{margin-top:0;margin-right:.75rem;width:100%;flex-shrink:1;text-overflow:ellipsis;border-radius:0;border-width:0px;background-color:transparent;padding:0;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1}.search .grp:hover{cursor:pointer}.search .grp input:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:2px solid transparent;outline-offset:2px}.search .grp:has(input:focus){border-color:var(--highlight);outline-width:1px;outline-color:#3b82f6}.search .icon_grp{position:absolute;right:.5rem}.search .icon_grp img{height:1rem;width:1rem;--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dropdown_list_grp{position:absolute;z-index:10;display:none;--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown_list{width:100%;overflow:auto;padding:.5rem}.dropdown_list_grp.open{display:flex;flex-direction:column;animation:.24s fadeInUp ease-out;transform-origin:top center}.dropdown_list_grp.open:after{content:"";position:absolute;top:-6px;left:var(--parentWidth_half);transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.dropdown_list_grp.open.right{right:0}.dropdown_list_grp.open.right:after{left:auto;right:var(--parentWidth_half)}@keyframes fadeInUp{0%{transform:translateY(0) scale(.95);opacity:0}to{transform:translateY(8px) scale(1);opacity:1}}.dropdown_list .item{position:relative;display:flex;width:100%;align-items:center;border-radius:.25rem;padding:.25rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown_list .item:hover{cursor:pointer;background-color:var(--highlight0)}.dropdown_list .item p{margin-left:1.25rem;width:100%}.dropdown_list .item img{position:absolute;margin-right:0;height:1rem;width:1rem}.dropdown_list .item.selected{font-weight:700;color:var(--highlight)}.icon_grp{flex-shrink:0;flex-grow:0}.dropdown_badge{position:absolute;top:-.5rem;right:.375rem;height:1rem;border-radius:9999px;background-color:var(--highlight);padding-left:.375rem;padding-right:.375rem;font-size:.75rem;font-weight:700;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}