:export{orange:#e56425;orange2:#ffe8bc;orange3:#ffd1a8;orange4:#ff9800;green:#355536;green2:#27ae60;green3:#4e804f;blue:#007bff;gray:#333;gray2:#bdbdbd;gray3:#4f4f4f;gray4:#5f5a56;gray5:#e0e0e0;gray6:#f2f2f2;gray7:#828282;white:#fff;white2:#fafafa;white3:#efefef;white4:#f0f0f0;red:#eb5757;red2:#862d2d;backgroundDark:#222;backgroundDark2:#191919;yellow:#f2c94c}.wrapper{position:relative;display:flex}.icon{height:1.5rem;width:1.5rem;position:absolute;box-sizing:border-box;top:50%;right:16px;transform:translateY(-60%)}.input{height:50px;width:100%;min-width:240px;border-radius:.375rem!important;font-size:1rem!important;padding:.375rem 1rem}.light .input{color:#4f4f4f!important;border:1px solid #e0e0e0}.light .popover-icon{position:relative;cursor:pointer}.light .popover{top:100%;width:200px;background-color:#fff;color:#333;padding:8px;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.2);white-space:nowrap;z-index:10}.light .popover,.light .popover:before{position:absolute;left:50%;transform:translateX(-50%)}.light .popover:before{content:"";top:-5px;border:5px solid transparent;border-bottom-color:#fff}.dark .input{border:1px solid #4f4f4f;background-color:#222;color:#efefef}.dark .popover-icon{position:relative;cursor:pointer}.dark .popover{top:100%;background-color:#222;color:#333;padding:8px;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.2);white-space:nowrap;z-index:10}.dark .popover,.dark .popover:before{position:absolute;left:50%;transform:translateX(-50%)}.dark .popover:before{content:"";top:-5px;border:5px solid transparent;border-bottom-color:#222}