.xs-select{
  --xs-select-accent:var(--blue,#3f7fdf);
  position:relative;display:block;width:100%;height:40px;min-width:0
}
.xs-select--toolbar{width:auto;min-width:106px;height:40px;flex:0 0 auto}
.xs-select--field{height:36px}
.xs-select--cell{height:34px}
.xs-select--unit{
  --xs-select-accent:var(--accent,var(--blue,#3f7fdf));
  width:92px;min-width:92px;height:40px;justify-self:end
}
.xs-select-native[hidden]{display:none!important}
.xs-select-trigger{
  position:relative;display:flex;align-items:center;width:100%;height:100%;min-width:0;
  border:1px solid var(--line-strong,var(--line,#d8dfeb));border-radius:12px;
  padding:0 34px 0 12px;background:#fff;color:var(--text,#14213a);
  cursor:pointer;font:inherit;font-size:13px;font-weight:650;outline:none;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease
}
.xs-select--cell .xs-select-trigger{border-radius:8px;font-size:13px;padding-left:10px}
.xs-select-value{
  display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;
  white-space:nowrap
}
.xs-select-trigger::after{
  content:"";position:absolute;right:14px;top:50%;width:6px;height:6px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  opacity:.5;transform:translateY(-68%) rotate(45deg);transition:transform .16s ease
}
.xs-select.is-open .xs-select-trigger::after{transform:translateY(-30%) rotate(225deg)}
.xs-select-trigger:hover,
.xs-select-trigger:focus,
.xs-select.is-open .xs-select-trigger{
  border-color:color-mix(in srgb,var(--xs-select-accent) 48%, #fff);
  background:color-mix(in srgb,var(--xs-select-accent) 5%, #fff);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--xs-select-accent) 12%, transparent)
}
body.tool-page .xs-select-trigger:focus-visible{outline:none;outline-offset:0}
.xs-select-trigger[aria-disabled="true"]{cursor:default;opacity:.62}
.xs-select--unit .xs-select-trigger{
  justify-content:center;border-color:transparent;border-radius:999px;padding:0;
  background:color-mix(in srgb,var(--xs-select-accent) 9%, #fff);
  color:color-mix(in srgb,var(--xs-select-accent) 76%, #14213a);font-size:11px;font-weight:750
}
.xs-select--unit .xs-select-value{padding:0 27px 0 10px;text-align:center}
.xs-select--unit .xs-select-trigger:hover,
.xs-select--unit .xs-select-trigger:focus,
.xs-select--unit.is-open .xs-select-trigger{
  border-color:transparent;background:color-mix(in srgb,var(--xs-select-accent) 16%, #fff);
  box-shadow:none
}
.card.known .xs-select--unit .xs-select-trigger{
  border-color:transparent;background:rgba(255,255,255,.88);
  color:color-mix(in srgb,var(--xs-select-accent) 76%, #14213a)
}
.card.known .xs-select--unit .xs-select-trigger:hover,
.card.known .xs-select--unit .xs-select-trigger:focus,
.card.known .xs-select--unit.is-open .xs-select-trigger{background:#fff;box-shadow:none}
.xs-select-menu{
  --xs-select-accent:#3f7fdf;
  position:fixed;z-index:10000;max-width:calc(100vw - 16px);max-height:min(300px,calc(100vh - 16px));
  margin:0;padding:7px;border:0;border-radius:17px;background:rgba(255,255,255,.98);
  box-shadow:0 18px 42px rgba(35,55,88,.17),0 4px 12px rgba(35,55,88,.08);
  backdrop-filter:blur(14px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#cbd7e8 transparent;
  transform-origin:top center;animation:xs-select-menu-in .14s ease-out
}
.xs-select-menu[data-placement="top"]{transform-origin:bottom center}
.xs-select-menu[hidden]{display:none}
.xs-select-option{
  display:flex;align-items:center;width:100%;min-height:36px;border:0;border-radius:11px;
  padding:7px 11px;background:transparent;color:var(--text,#14213a);cursor:pointer;
  font:inherit;font-size:12px;font-weight:650;line-height:1.25;text-align:left;outline:none;
  transition:background-color .13s ease,color .13s ease
}
.xs-select-menu--unit .xs-select-option{justify-content:center;min-height:34px;text-align:center}
.xs-select-option:hover,
.xs-select-option:focus-visible{
  background:color-mix(in srgb,var(--xs-select-accent) 10%, #fff);
  color:color-mix(in srgb,var(--xs-select-accent) 78%, #14213a)
}
.xs-select-option[aria-selected="true"]{
  background:color-mix(in srgb,var(--xs-select-accent) 17%, #fff);
  color:color-mix(in srgb,var(--xs-select-accent) 82%, #14213a);font-weight:750
}
.xs-select-option[aria-disabled="true"]{cursor:default;opacity:.5}
@keyframes xs-select-menu-in{
  from{opacity:0;transform:translateY(-4px) scale(.975)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .xs-select-trigger,.xs-select-trigger::after,.xs-select-menu,.xs-select-option{transition:none;animation:none}
}