@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300&family=Roboto+Slab:wght@300&family=Roboto:wght@400&display=swap");
html {
  scroll-behavior: smooth;
  overflow-x: hidden; }

html, body {
  margin: 0;
  padding: 0;
  background-color: #161616;
  font-family: sans;
  color: white;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif; }

p, h1, h2, h3, li, a {
  color: white;
  box-sizing: border-box; }

h1, h2, h3 {
  color: white;
  font-family: 'Roboto Slab', serif !important; }

label {
  color: #8d8d8d;
  margin-bottom: 5px; }

input {
  background-color: #262626;
  border: none;
  border-bottom: 1px solid #8d8d8d;
  outline: none;
  padding: 10px;
  color: white; }
  input:active, input:focus {
    border: 2px solid white; }

button {
  background-color: #0f62fe;
  border: none;
  outline: none;
  color: white;
  padding: 10px;
  font-size: 1.2em;
  font-weight: 300; }
  button:hover {
    background-color: #0353e9;
    cursor: pointer; }
  button:disabled, button[disabled] {
    background-color: #262626; }

button.danger {
  background-color: #da1e28; }
  button.danger:hover {
    background-color: #fa4d56; }

button.gray {
  background-color: #535353; }
  button.gray:hover {
    background-color: #393939; }

button.clear {
  background: none;
  outline: none;
  border: none; }

.space-1 {
  width: 1px; }

.space-2 {
  width: 2px; }

.space-3 {
  width: 3px; }

.space-4 {
  width: 4px; }

.space-5 {
  width: 5px; }

.space-6 {
  width: 6px; }

.space-7 {
  width: 7px; }

.space-8 {
  width: 8px; }

.space-9 {
  width: 9px; }

.space-10 {
  width: 10px; }

.space-11 {
  width: 11px; }

.space-12 {
  width: 12px; }

.space-13 {
  width: 13px; }

.space-14 {
  width: 14px; }

.space-15 {
  width: 15px; }

.space-16 {
  width: 16px; }

.space-17 {
  width: 17px; }

.space-18 {
  width: 18px; }

.space-19 {
  width: 19px; }

.space-20 {
  width: 20px; }

.space-21 {
  width: 21px; }

.space-22 {
  width: 22px; }

.space-23 {
  width: 23px; }

.space-24 {
  width: 24px; }

.space-25 {
  width: 25px; }

.space-26 {
  width: 26px; }

.space-27 {
  width: 27px; }

.space-28 {
  width: 28px; }

.space-29 {
  width: 29px; }

.space-30 {
  width: 30px; }

.space-31 {
  width: 31px; }

.space-32 {
  width: 32px; }

.space-33 {
  width: 33px; }

.space-34 {
  width: 34px; }

.space-35 {
  width: 35px; }

.space-36 {
  width: 36px; }

.space-37 {
  width: 37px; }

.space-38 {
  width: 38px; }

.space-39 {
  width: 39px; }

.space-40 {
  width: 40px; }

.space-41 {
  width: 41px; }

.space-42 {
  width: 42px; }

.space-43 {
  width: 43px; }

.space-44 {
  width: 44px; }

.space-45 {
  width: 45px; }

.space-46 {
  width: 46px; }

.space-47 {
  width: 47px; }

.space-48 {
  width: 48px; }

.space-49 {
  width: 49px; }

.space-50 {
  width: 50px; }

.space-51 {
  width: 51px; }

.space-52 {
  width: 52px; }

.space-53 {
  width: 53px; }

.space-54 {
  width: 54px; }

.space-55 {
  width: 55px; }

.space-56 {
  width: 56px; }

.space-57 {
  width: 57px; }

.space-58 {
  width: 58px; }

.space-59 {
  width: 59px; }

.space-60 {
  width: 60px; }

.space-61 {
  width: 61px; }

.space-62 {
  width: 62px; }

.space-63 {
  width: 63px; }

.space-64 {
  width: 64px; }

.space-65 {
  width: 65px; }

.space-66 {
  width: 66px; }

.space-67 {
  width: 67px; }

.space-68 {
  width: 68px; }

.space-69 {
  width: 69px; }

.space-70 {
  width: 70px; }

.space-71 {
  width: 71px; }

.space-72 {
  width: 72px; }

.space-73 {
  width: 73px; }

.space-74 {
  width: 74px; }

.space-75 {
  width: 75px; }

.space-76 {
  width: 76px; }

.space-77 {
  width: 77px; }

.space-78 {
  width: 78px; }

.space-79 {
  width: 79px; }

.space-80 {
  width: 80px; }

.space-81 {
  width: 81px; }

.space-82 {
  width: 82px; }

.space-83 {
  width: 83px; }

.space-84 {
  width: 84px; }

.space-85 {
  width: 85px; }

.space-86 {
  width: 86px; }

.space-87 {
  width: 87px; }

.space-88 {
  width: 88px; }

.space-89 {
  width: 89px; }

.space-90 {
  width: 90px; }

.space-91 {
  width: 91px; }

.space-92 {
  width: 92px; }

.space-93 {
  width: 93px; }

.space-94 {
  width: 94px; }

.space-95 {
  width: 95px; }

.space-96 {
  width: 96px; }

.space-97 {
  width: 97px; }

.space-98 {
  width: 98px; }

.space-99 {
  width: 99px; }

.space-100 {
  width: 100px; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  border-radius: 5px;
  background-color: white;
  color: black;
  padding: 5px; }

.btn-icon:hover {
  cursor: pointer; }

#page-header {
  background-color: #262626;
  padding: 10px; }

b {
  font-weight: bold !important; }

#main-container.svelte-cmqi37 {
  width: 97vw;
  position: absolute;
  top: 5vh;
  left: 3vw; }

.active {
  border-left: 5px solid #0f62fe !important; }

#sidebar.svelte-bwebcx.svelte-bwebcx {
  width: 3vw;
  height: 95vh;
  position: fixed;
  top: 5vh;
  left: 0;
  background-color: white;
  transition: width .25s; }

#sidebar.svelte-bwebcx .navitem.svelte-bwebcx {
  width: 3vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box; }

#sidebar.svelte-bwebcx .navitem.svelte-bwebcx:hover {
  background-color: #e0e0e0; }

#sidebar.svelte-bwebcx .navitem .label.svelte-bwebcx {
  display: none;
  color: #161616;
  font-size: 1.5em; }

#header.svelte-14vi8qm.svelte-14vi8qm {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #202020;
  height: 5vh;
  width: 100vw;
  z-index: 10000000;
  display: flex;
  justify-content: space-between; }

#header.svelte-14vi8qm #left.svelte-14vi8qm {
  display: flex; }

#header.svelte-14vi8qm #left #logotype.svelte-14vi8qm {
  font-family: 'Roboto Slab', serif;
  padding-left: 10px;
  display: flex;
  align-items: center;
  font-size: 1.4em; }

#header.svelte-14vi8qm #left #logotype #company.svelte-14vi8qm {
  font-weight: bolder;
  padding-right: 2px; }

#header.svelte-14vi8qm #left #logotype #system.svelte-14vi8qm {
  font-weight: 100;
  width: 250px; }

#header.svelte-14vi8qm #left img.svelte-14vi8qm {
  height: 100%; }

#header.svelte-14vi8qm #buttons.svelte-14vi8qm {
  display: flex;
  align-items: center;
  padding-right: 10px; }

main.svelte-us3doy.svelte-us3doy {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh; }

main.svelte-us3doy #login-page.svelte-us3doy {
  width: 30vw;
  border: 2px solid #535353;
  padding: 20px; }

main.svelte-us3doy #login-page form.svelte-us3doy {
  display: flex;
  flex-direction: column; }

main.svelte-us3doy #login-page form label.svelte-us3doy, main.svelte-us3doy #login-page form button.svelte-us3doy {
  margin-top: 20px; }

main.svelte-us3doy #login-page .error label.svelte-us3doy {
  color: #fa4d56; }

main.svelte-us3doy #login-page .error input.svelte-us3doy {
  border: 2px solid #fa4d56; }

#controls-container.svelte-13ebzch.svelte-13ebzch {
  width: 80vw;
  margin-left: 10vw;
  margin-top: 5vh;
  display: flex;
  justify-content: space-between; }

#controls-container.svelte-13ebzch #controls-container-search.svelte-13ebzch {
  width: 80%; }

#help.svelte-13ebzch.svelte-13ebzch {
  width: 80vw;
  margin-left: 10vw;
  margin-top: 5vh; }

#help.svelte-13ebzch #help-content.svelte-13ebzch {
  display: flex;
  justify-content: space-between; }

#help.svelte-13ebzch #help-content #help-content-colors.svelte-13ebzch, #help.svelte-13ebzch #help-content #help-content-reading.svelte-13ebzch {
  width: 48%; }

#help.svelte-13ebzch #help-content h2.svelte-13ebzch {
  margin-bottom: 10px; }

#help.svelte-13ebzch #help-content .help-content-colors-line.svelte-13ebzch {
  margin-bottom: 10px; }

#help.svelte-13ebzch #help-content .help-content-colors-line .color-dot.svelte-13ebzch {
  font-size: .8em;
  height: 10px;
  width: 50px;
  margin-bottom: 50px; }

#help.svelte-13ebzch #help-content .help-content-colors-line .color-dot.status-OK.svelte-13ebzch {
  border: 2px solid #24a148; }

#help.svelte-13ebzch #help-content .help-content-colors-line .color-dot.status-NOK.svelte-13ebzch {
  border: 2px solid #fa4d56; }

#help.svelte-13ebzch #help-content .help-content-colors-line .color-dot.status-PND.svelte-13ebzch {
  border: 2px solid #1192e8; }

#help.svelte-13ebzch #help-content .help-content-colors-line .color-dot.status-WRN.svelte-13ebzch {
  border: 2px solid #f1c21b; }

#help.svelte-13ebzch #help-content .help-content-colors-line .color-dot.status-IGN.svelte-13ebzch {
  border: 2px solid #BA68C8; }

#workers-controls.svelte-13ebzch.svelte-13ebzch {
  width: 80vw;
  margin-left: 10vw;
  margin-top: 5vh; }

#workers-controls.svelte-13ebzch #workers-controls-content.svelte-13ebzch {
  display: flex;
  justify-content: space-between; }

#workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-ana.svelte-13ebzch, #workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-forecast.svelte-13ebzch {
  width: 48%; }

#workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-ana #workers-controls-ana-buttons.svelte-13ebzch, #workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-forecast #workers-controls-ana-buttons.svelte-13ebzch {
  display: flex;
  justify-content: space-between; }

#workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-ana #workers-controls-ana-buttons button.svelte-13ebzch, #workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-forecast #workers-controls-ana-buttons button.svelte-13ebzch {
  width: 49% !important; }

#workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-ana #workers-controls-forecast-buttons.svelte-13ebzch, #workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-forecast #workers-controls-forecast-buttons.svelte-13ebzch {
  display: flex;
  justify-content: space-between; }

#workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-ana #workers-controls-forecast-buttons button.svelte-13ebzch, #workers-controls.svelte-13ebzch #workers-controls-content #workers-controls-forecast #workers-controls-forecast-buttons button.svelte-13ebzch {
  width: 24% !important; }

#configs.svelte-13ebzch.svelte-13ebzch {
  width: 80vw;
  margin-left: 10vw;
  margin-top: 5vh; }

#configs.svelte-13ebzch #ana-configs.svelte-13ebzch {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

@media (max-width: 1000px) {
  #configs.svelte-13ebzch #ana-configs.svelte-13ebzch {
    flex-direction: column; } }

#configs.svelte-13ebzch #ana-configs h2.svelte-13ebzch, #configs.svelte-13ebzch #forecast-configs h2.svelte-13ebzch {
  margin-bottom: 10px; }

#configs.svelte-13ebzch .col-50.svelte-13ebzch {
  width: 48%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

@media (max-width: 1000px) {
  #configs.svelte-13ebzch .col-50.svelte-13ebzch {
    width: 100%; } }

#configs.svelte-13ebzch .col-50 .col-content.svelte-13ebzch {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

button.svelte-13ebzch.svelte-13ebzch:disabled, button[disabled].svelte-13ebzch.svelte-13ebzch {
  position: relative; }

button.svelte-13ebzch.svelte-13ebzch:disabled:before, button[disabled].svelte-13ebzch.svelte-13ebzch:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #535353;
  transition: all .35s; }

button.svelte-13ebzch.svelte-13ebzch:disabled:before, button[disabled].svelte-13ebzch.svelte-13ebzch:before {
  animation: 2s svelte-13ebzch-disabled-button ease-in-out infinite; }

@keyframes svelte-13ebzch-disabled-button {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 100%; }
  100% {
    left: 100%;
    width: 0%; } }

.default-position-style-top-left.svelte-t0tmtn, .default-position-style-top-center.svelte-t0tmtn, .default-position-style-top-right.svelte-t0tmtn, .default-position-style-bottom-left.svelte-t0tmtn, .default-position-style-bottom-center.svelte-t0tmtn, .default-position-style-bottom-right.svelte-t0tmtn {
  position: fixed;
  max-width: 400px; }

.default-position-style-top-left.svelte-t0tmtn {
  top: 0;
  left: 0; }

.default-position-style-top-center.svelte-t0tmtn {
  top: 0;
  left: 50%;
  transform: translateX(-50%); }

.default-position-style-top-right.svelte-t0tmtn {
  top: 0;
  right: 0; }

.default-position-style-bottom-left.svelte-t0tmtn {
  bottom: 0;
  left: 0; }

.default-position-style-bottom-center.svelte-t0tmtn {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); }

.default-position-style-bottom-right.svelte-t0tmtn {
  bottom: 0;
  right: 0; }

.config-tile.svelte-66ozzr.svelte-66ozzr {
  background-color: #262626;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #262626; }

@media (min-width: 2000px) {
  .config-tile.svelte-66ozzr.svelte-66ozzr {
    width: 30%; } }

.config-tile.type-forecast.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid blue;
  border-bottom: 2px solid blue; }

.config-tile.svelte-66ozzr .config-tile-infos.svelte-66ozzr {
  display: flex;
  justify-content: space-between; }

.config-tile.svelte-66ozzr .name.svelte-66ozzr {
  width: 50%; }

.config-tile.svelte-66ozzr .client.svelte-66ozzr {
  width: 30%; }

.config-tile.svelte-66ozzr .label.svelte-66ozzr {
  font-family: 'Roboto Slab', serif;
  font-size: .9em;
  color: #e0e0e0;
  padding-bottom: 5px; }

.config-tile.svelte-66ozzr .value.svelte-66ozzr {
  height: 30px;
  display: flex;
  align-items: center; }

.config-tile.svelte-66ozzr #bottom-line.svelte-66ozzr {
  margin-top: 2px;
  display: flex;
  justify-content: space-between; }

.config-tile.svelte-66ozzr #bottom-line .manual.svelte-66ozzr {
  text-align: left;
  color: #8d8d8d;
  font-size: .8em;
  font-style: italic; }

.config-tile.svelte-66ozzr #bottom-line .due-date.svelte-66ozzr {
  text-align: right;
  color: #8d8d8d;
  font-size: .8em;
  font-style: italic; }

.running {
  animation: svelte-66ozzr-rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes svelte-66ozzr-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.status-ana-OK.svelte-66ozzr.svelte-66ozzr {
  border: 2px solid #24a148; }

.status-ana-NOK.svelte-66ozzr.svelte-66ozzr {
  border: 2px solid #fa4d56; }

.status-ana-PND.svelte-66ozzr.svelte-66ozzr {
  border: 2px solid #1192e8; }

.status-ana-WRN.svelte-66ozzr.svelte-66ozzr {
  border: 2px solid #f1c21b; }

.status-ana-NONE.svelte-66ozzr.svelte-66ozzr {
  border: 2px solid #535353; }

.status-ana-IGN.svelte-66ozzr.svelte-66ozzr {
  border: 2px solid #BA68C8; }

.status-00Z-OK.svelte-66ozzr.svelte-66ozzr {
  border-top: 2px solid #24a148;
  border-left: 2px solid #24a148; }

.status-00Z-NOK.svelte-66ozzr.svelte-66ozzr {
  border-top: 2px solid #fa4d56;
  border-left: 2px solid #fa4d56; }

.status-00Z-PND.svelte-66ozzr.svelte-66ozzr {
  border-top: 2px solid #1192e8;
  border-left: 2px solid #1192e8; }

.status-00Z-WRN.svelte-66ozzr.svelte-66ozzr {
  border-top: 2px solid #f1c21b;
  border-left: 2px solid #f1c21b; }

.status-00Z-NONE.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid #535353;
  border-bottom: 2px solid #535353; }

.status-00Z-IGN.svelte-66ozzr.svelte-66ozzr {
  border-top: 2px solid #BA68C8;
  border-left: 2px solid #BA68C8; }

.status-12Z-OK.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid #24a148;
  border-bottom: 2px solid #24a148; }

.status-12Z-NOK.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid #fa4d56;
  border-bottom: 2px solid #fa4d56; }

.status-12Z-PND.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid #1192e8;
  border-bottom: 2px solid #1192e8; }

.status-12Z-WRN.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid #f1c21b;
  border-bottom: 2px solid #f1c21b; }

.status-12Z-NONE.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid #535353;
  border-bottom: 2px solid #535353; }

.status-12Z-IGN.svelte-66ozzr.svelte-66ozzr {
  border-right: 2px solid #BA68C8;
  border-bottom: 2px solid #BA68C8; }

#page-header.svelte-lcezv2.svelte-lcezv2 {
  display: flex;
  justify-content: space-between; }

#page-header.svelte-lcezv2 #header-controls.svelte-lcezv2 {
  display: flex;
  align-items: center;
  margin-right: 20px; }

#points-viewer.svelte-lcezv2.svelte-lcezv2 {
  z-index: 100000;
  background-color: #161616;
  height: 95vh;
  width: 97vw;
  position: fixed;
  top: 5vh;
  left: 3vw; }

#points-viewer.svelte-lcezv2 #points-viewer-contents.svelte-lcezv2 {
  display: flex;
  justify-content: space-around; }

#points-viewer.svelte-lcezv2 #points-viewer-contents #points-map.svelte-lcezv2 {
  height: 87vh;
  width: 60%; }

#points-viewer.svelte-lcezv2 #points-viewer-contents #points-list.svelte-lcezv2 {
  width: 35%;
  height: 87vh;
  overflow-y: scroll; }

#points-viewer.svelte-lcezv2 #points-viewer-contents #points-viewer-contents-error.svelte-lcezv2 {
  padding-top: 25vh;
  color: #fa4d56;
  font-size: 2em;
  font-weight: bold; }

.default-notification-style.svelte-2oyqkv.svelte-2oyqkv {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 12px;
  background: #fff;
  color: #000;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  min-height: 0;
  min-width: 200px;
  overflow: hidden; }

.default-notification-style-content.svelte-2oyqkv.svelte-2oyqkv {
  width: 210px;
  padding: 12px 6px 12px 12px;
  box-sizing: border-box;
  word-wrap: break-word; }

.default-notification-style-button.svelte-2oyqkv.svelte-2oyqkv {
  display: block;
  width: 40px;
  padding: 0;
  margin: 0;
  border: none;
  border-left: 1px solid #eee;
  outline: none;
  background: none;
  cursor: pointer;
  font-size: 20px;
  color: #000;
  box-sizing: border-box; }

.default-notification-style-button.svelte-2oyqkv.svelte-2oyqkv:hover {
  background: rgba(0, 0, 0, 0.01); }

.default-notification-danger.svelte-2oyqkv.svelte-2oyqkv {
  background: #f3555a;
  color: #fff; }

.default-notification-danger.svelte-2oyqkv .default-notification-style-button.svelte-2oyqkv {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff; }

.default-notification-warning.svelte-2oyqkv.svelte-2oyqkv {
  background: #ffb900;
  color: #000; }

.default-notification-warning.svelte-2oyqkv .default-notification-style-button.svelte-2oyqkv {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  color: #000; }

.default-notification-success.svelte-2oyqkv.svelte-2oyqkv {
  background: #22ce6c;
  color: #fff; }

.default-notification-success.svelte-2oyqkv .default-notification-style-button.svelte-2oyqkv {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff; }

div.svelte-12ogry0 {
  padding: 4px 15px;
  cursor: default;
  font-size: 14px;
  display: flex;
  align-items: center;
  grid-gap: 5px; }

div.svelte-12ogry0:hover {
  background: #0002; }

div.disabled.svelte-12ogry0 {
  color: #0006; }

div.disabled.svelte-12ogry0:hover {
  background: white; }

hr.svelte-1rqz4ai {
  border-top: 1px solid #0003;
  width: 100%;
  margin: 2px 0; }

div.svelte-1src87s {
  position: absolute;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  background: #393939;
  padding: 10px; }

label.svelte-qozwl4.svelte-qozwl4 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  visibility: inherit;
  clip: rect(0, 0, 0, 0); }

[role="search"].svelte-qozwl4.svelte-qozwl4 {
  position: relative;
  display: flex;
  max-width: 28rem;
  width: 100%;
  margin-left: 0.5rem;
  height: 3rem;
  background-color: #393939;
  color: #fff;
  transition: max-width 0.11s cubic-bezier(0.2, 0, 0.38, 0.9), background 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }

[role="search"].svelte-qozwl4.svelte-qozwl4:not(.active) {
  max-width: 3rem;
  background-color: #161616; }

[role="search"].active.svelte-qozwl4.svelte-qozwl4 {
  outline: 2px solid #fff;
  outline-offset: -2px; }

[role="combobox"].svelte-qozwl4.svelte-qozwl4 {
  display: flex;
  flex-grow: 1;
  border-bottom: 1px solid #393939; }

input.svelte-qozwl4.svelte-qozwl4 {
  width: 100%;
  height: 3rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #fff;
  caret-color: #fff;
  background-color: initial;
  border: none;
  outline: none;
  transition: opacity 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }

input.svelte-qozwl4.svelte-qozwl4:not(.active) {
  opacity: 0;
  pointer-events: none; }

button.svelte-qozwl4.svelte-qozwl4 {
  width: 3rem;
  height: 100%;
  padding: 0;
  flex-shrink: 0;
  opacity: 1;
  transition: background-color 0.11s cubic-bezier(0.2, 0, 0.38, 0.9), opacity 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }

.disabled.svelte-qozwl4.svelte-qozwl4 {
  border: none;
  pointer-events: none; }

[aria-label="Clear search"].svelte-qozwl4.svelte-qozwl4:hover {
  background-color: #4c4c4c; }

.hidden.svelte-qozwl4.svelte-qozwl4 {
  opacity: 0;
  display: none; }

ul.svelte-qozwl4.svelte-qozwl4 {
  position: absolute;
  z-index: 10000;
  padding: 1rem 0;
  left: 0;
  right: 0;
  top: 3rem;
  background-color: #161616;
  border: 1px solid #393939;
  border-top: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5); }

[role="menuitem"].svelte-qozwl4.svelte-qozwl4 {
  padding: 6px 1rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.29;
  letter-spacing: 0.16px;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  display: block;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #c6c6c6; }

.selected.svelte-qozwl4.svelte-qozwl4, [role="menuitem"].svelte-qozwl4.svelte-qozwl4:hover {
  background-color: #353535;
  color: #f4f4f4; }

[role="menuitem"].svelte-qozwl4 span.svelte-qozwl4 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: 0.32px;
  text-transform: lowercase;
  color: #c6c6c6; }

.action-text.svelte-19vx6se.svelte-19vx6se {
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  color: #fff;
  width: 100%;
  padding: 0 1rem; }

.action-text.svelte-19vx6se > span.svelte-19vx6se {
  margin-left: 0.75rem;
  vertical-align: top; }

.action-link.svelte-1viyq4q {
  text-align: center;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  padding-top: 10px; }

.search-wrapper.svelte-16k0yud {
  position: relative;
  display: flex;
  max-width: 28rem;
  width: 100%;
  margin-left: 0.5rem;
  height: 3rem;
  background-color: #393939;
  color: #fff;
  transition: max-width 0.11s cubic-bezier(0.2, 0, 0.38, 0.9), background 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }

.search-wrapper-hidden.svelte-16k0yud {
  max-width: 3rem;
  background-color: #161616; }

.search-focus.svelte-16k0yud {
  outline: 2px solid #fff;
  outline-offset: -2px; }

.search-wrapper-2.svelte-16k0yud {
  display: flex;
  flex-grow: 1;
  border-bottom: 1px solid #393939; }

.btn-search.svelte-16k0yud {
  width: 3rem;
  height: 100%;
  padding: 0;
  flex-shrink: 0;
  opacity: 1;
  transition: background-color 0.11s cubic-bezier(0.2, 0, 0.38, 0.9), opacity 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }

.btn-search-disabled.svelte-16k0yud {
  border: none;
  pointer-events: none; }

.input-search.svelte-16k0yud {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #fff;
  caret-color: #fff;
  background-color: initial;
  border: none;
  outline: none;
  width: 100%;
  height: 3rem;
  padding: 0;
  transition: opacity 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }

.input-hidden.svelte-16k0yud {
  opacity: 0;
  pointer-events: none; }

.btn-clear.svelte-16k0yud {
  width: 3rem;
  height: 100%;
  padding: 0;
  flex-shrink: 0;
  opacity: 1;
  display: block;
  transition: background-color 0.11s cubic-bezier(0.2, 0, 0.38, 0.9), opacity 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }

.btn-clear.svelte-16k0yud:hover {
  background-color: #4c4c4c; }

.btn-clear-hidden.svelte-16k0yud {
  opacity: 0;
  display: none; }

.subject-divider.svelte-298l2.svelte-298l2 {
  color: #525252;
  padding-bottom: 4px;
  border-bottom: 1px solid #525252;
  margin: 32px 1rem 8px; }

.subject-divider.svelte-298l2 span.svelte-298l2 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.32px;
  color: #c6c6c6; }