@font-face{font-family:"SF Pro Version";src:url("./avelon-version-italic.3e8467618b9f.woff2") format("woff2");font-style:italic;font-weight:1 1000;font-display:swap;unicode-range:U+002E,U+0030-0039;}

/* Figma Dropdown menu 1:5443 / Server 1:5444 + 1:5445.
   Original X/Main SVG exports retain their root dimensions; version text is user supplied. */
.av-cabinet .av-server-identity {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
.av-cabinet .av-server-label {
  font-family: var(--av-font);
  font-size: 16px;
  font-weight: 590;
  font-variation-settings: 'wght' 590, 'wdth' 100;
  line-height: 19px;
  letter-spacing: -.48px;
  overflow-wrap: anywhere;
}
.av-cabinet .av-server-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 16px;
  height: 16px;
}
.av-cabinet .av-server-icon-x { opacity: .6; }
.av-cabinet .av-server-icon-main { width: 18px; height: 18px; }
.av-cabinet .av-fixed-server-section { min-width: 0; }
.av-cabinet .av-server-display-only .av-server-lock { flex: none; }
.av-cabinet .av-server-display-only > button:disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: auto;
  background: transparent;
  box-shadow: none;
}
.av-cabinet .av-server-icon img { display: block; flex: none; max-width: none; }
.av-cabinet .av-server-version {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  box-sizing: border-box;
  width: 35px;
  height: 18px;
  padding: 2px 4px;
  border-radius: 4px;
  background: #ffba4b;
  color: #fff;
  font-family: "SF Pro Version", var(--av-font);
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  font-variation-settings: 'wght' 700, 'YAXS' 430;
  line-height: 14px;
  letter-spacing: -.72px;
  text-shadow: 0 0 6px #0000004d;
  white-space: nowrap;
}
/* Optional preview server choice; native content remains available without JS. */
.av-cabinet [data-server-section] {
  min-width: 0;
}
.av-cabinet [data-server-section] [hidden] {
  display: none !important;
}
.av-cabinet .av-server-picker {
  margin-bottom: 22px;
}
.av-cabinet .av-server-picker > .av-mini-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: var(--av-font);
  font-size: 15px;
  font-weight: 590;
  font-variation-settings: 'wght' 590, 'wdth' 100;
  line-height: 21px;
  letter-spacing: -.02em;
  text-transform: none;
  color: #74531e;
}
.av-cabinet .av-server-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  border: 1px solid #ffffff4d;
  border-radius: 12px;
  background: #ffefd4bf;
  box-shadow: inset 0 0 12px #ffe2bc80;
}
.av-cabinet .av-server-tabs .av-server-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 124px;
  min-height: 45px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #462d10;
  font: inherit;
  font-weight: 590;
  line-height: 19px;
  text-shadow: none;
  box-shadow: none;
}
.av-cabinet .av-server-tabs .av-server-tab:hover {
  background: #ffb25080;
  color: #462d10;
}
.av-cabinet .av-server-tabs .av-server-tab[aria-selected="true"] {
  border-color: #ffffff1a;
  background: #ffb25080;
  color: #462d10;
  box-shadow: inset 0 0 12px #ffffff66;
}
.av-cabinet .av-server-tabs .av-server-tab:focus-visible,
.av-cabinet [data-transfer-character-slot] select:focus-visible {
  outline: 2px solid #b17e3c;
  outline-offset: 3px;
}
.av-cabinet [data-transfer-character-slot] {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin-bottom: 22px;
}
.av-cabinet .av-server-character-label {
  color: #634b2d;
  font-size: 16px;
  font-weight: 590;
  overflow-wrap: anywhere;
}
.av-cabinet [data-transfer-character-slot] .form-select {
  width: 100%;
  max-width: 480px;
  min-width: 0;
  min-height: 45px;
  margin: 0;
  border: 1px solid #e0c394;
  border-radius: 12px;
  background-color: #ffefe0;
  color: #634b2d;
  font: inherit;
}
.av-cabinet [data-server-placeholder] {
  min-width: 0;
  padding: 22px;
  border: 1px solid #e9d6be;
  border-radius: 12px;
  background: #fff1db url("./avelon-paper.png") center / 100% 100%;
  color: #80694b;
  box-shadow: inset 0 0 12px 3px #fff0d4cc, 0 0 8px #1b0f051f;
  overflow-wrap: anywhere;
}