/* Hydro's content-box background origin used to pull select arrows into the text. */
html.hydro-refined select.select,
html.hydro-refined.dyoj-workspace .main select {
  box-sizing:border-box; appearance:none; -webkit-appearance:none;
  background-origin:border-box; background-position:right 12px center;
  background-repeat:no-repeat; background-size:16px 16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23687582' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  padding-left:12px; padding-right:38px;
}
html.hydro-refined .select-container {max-width:100%;min-width:0}
html.hydro-refined .select-container select.select {width:100%;max-width:100%;margin-inline:0}
html.hydro-refined select.select:focus {outline-offset:2px}
html.hydro-refined select[multiple] {background-image:none!important;padding-right:12px!important}
html.hydro-refined.theme--dark select.select {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b7c5' stroke-width='1.7'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
#codelang-selector {display:flex;flex-wrap:wrap;gap:16px;margin:0 0 18px}
#codelang-selector>.columns {float:none;flex:0 1 240px;width:240px;padding:0;margin:0}
#codelang-selector select {height:40px;min-height:40px;margin-top:6px}
/* Archived online editor: the submit form is the only code-entry route. */
[name="problem-sidebar__open-scratchpad"],[name="problem-sidebar__quit-scratchpad"]{display:none!important}