.query-form{margin-bottom:15px}.query-form>*+*{margin-top:10px}@media screen and (min-width:700px){.query-form{justify-content:flex-end;align-items:flex-end;margin-bottom:20px;display:flex}.query-form .search-wrapper{margin-bottom:0}.query-form>*+*{margin-top:0;margin-left:2em}}
.search-wrapper{margin-right:calc(100% - 200px);display:flex;position:relative}.search-wrapper>*+*{margin-left:5px}.search-input{vertical-align:top;width:200px;height:28px;color:var(--green);border-bottom:2px solid #000;border-radius:0;padding:0 5px;font-size:14px}.search-input:focus{background-color:#eee}.search-icon{--icon-circle-size:18px;--icon-handle-size:13px;--icon-weight:3px;cursor:pointer;flex:0 0 28px;width:28px;height:28px;padding:0;position:relative}.search-icon:before,.search-icon:after{content:"";position:absolute}.search-icon:before{width:var(--icon-circle-size);height:var(--icon-circle-size);border:var(--icon-weight)solid #000;box-sizing:border-box;border-radius:50%;top:2px;left:2px}.search-icon:after{bottom:var(--icon-weight);right:var(--icon-weight);width:var(--icon-handle-size);height:var(--icon-weight);transform-origin:100%;background-color:#000;transform:translateY(50%)rotate(45deg)}.clear-button{width:20px;height:20px;display:none;position:absolute;bottom:5px;right:5px}.search-wrapper[data-empty="0"] .clear-button{display:block}@media screen and (min-width:700px){.search-wrapper{margin-right:0}}