body .searchbox,body .learning-controls .searchbox{display:flex;align-items:center;gap:10px;width:100%;max-width:440px;min-height:48px;padding:5px 7px 5px 8px;border:1px solid #e0d8ee;border-radius:18px;background:#eeebf7;box-shadow:inset 3px 3px 7px #cdc5df,inset -3px -3px 7px #fff}
body .learning-controls .searchbox{flex:0 1 440px;min-width:0}
body .searchbox .search-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#9858fa,#702ce1);color:#fff;box-shadow:2px 2px 5px #c4b5db,-2px -2px 5px #fff}
.search-icon svg{width:19px;height:19px}
body .searchbox input,body .searchbox #situationSearch{flex:1;min-width:0;width:100%;max-width:none;height:36px;min-height:36px;margin:0;padding:4px 0;font-size:16px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;color:#2f174b;-webkit-appearance:none;appearance:none}
body .searchbox #situationSearch:focus-visible{outline:0;box-shadow:none}
body .searchbox button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,#faf9ff,#eae6f5);color:#6330ac;box-shadow:2px 2px 5px #c4bad8,-2px -2px 5px #fff;font-size:23px;line-height:1;-webkit-appearance:none;appearance:none}
.searchbox input::-webkit-search-cancel-button,.searchbox input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.situation-searchbox{margin:16px 0 24px}.search-settings-row{max-width:580px}
@media(max-width:600px){body .searchbox,body .learning-controls .searchbox{max-width:340px;min-height:46px;gap:8px}.search-settings-row{flex-wrap:wrap;gap:10px;max-width:340px}body .learning-controls .searchbox{flex:1 1 100%;width:100%}.search-settings-row .learning-settings{margin-left:0}.searchbox .search-icon{flex-basis:32px;width:32px;height:32px}.situation-searchbox{margin:14px 0 20px}}