/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .block {
    display: block;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .table {
    display: table;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .text-center {
    text-align: center;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }
}

@font-face {
  font-family: Unscii8;
  src: url("/fonts/unscii-8.otf") format("opentype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pixel Dingbats-7;
  src: url("/fonts/pixel-dingbats-7.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --background: #000;
  --foreground: #000;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #000;
    --foreground: #000;
  }
}

body {
  background: var(--background);
  color: green;
  font-family: Unscii8, monospace;
  font-size: 100%;
}

.home-page {
  min-height: 100vh;
}

.k-nav {
  width: 100%;
}

.k-nav-marquee {
  color: #00f;
  white-space: nowrap;
  background: #ff0;
  overflow: hidden;
}

.k-nav-marquee-track {
  width: max-content;
  animation: 28s linear infinite k-nav-marquee-scroll;
  display: flex;
}

.k-nav-marquee:hover .k-nav-marquee-track {
  animation-play-state: paused;
}

.k-nav-marquee-content {
  font-size: .8rem;
  display: inline-block;
}

.k-nav-change-positive {
  color: #0a0;
}

.k-nav-change-negative {
  color: #c00;
}

@keyframes k-nav-marquee-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.k-nav-banner {
  border-style: double;
  border-width: 10px;
  margin: 15px 15px 4px;
  padding: .6rem .75rem;
}

.k-nav-title {
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  font-size: 3rem;
  line-height: 1;
  display: flex;
}

.k-nav-letter {
  text-shadow: -1px 1px #bbb, -2px 2px #bbb, -3px 3px #bbb, -4px 4px #bbb, -5px 5px #bbb, -6px 6px #bbb, -7px 7px #bbb, -8px 8px #bbb, -9px 9px #bbb, -10px 10px #bbb, -11px 11px #bbb, -12px 12px #bbb, -30px 30px 10px #0000001a;
  display: block;
}

.k-nav-subtitle {
  text-align: center;
  margin-top: 1rem;
  font-size: .8rem;
}

.k-nav-menu {
  border-bottom: 1px solid;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: .2rem;
  padding: 0 .55rem;
  display: flex;
}

.k-nav-menu-left, .k-nav-menu-right {
  align-items: center;
  gap: .85rem;
  display: flex;
}

.k-nav-menu-search {
  flex: 1;
  justify-content: center;
  padding: 0 .75rem;
  display: flex;
}

.k-nav-menu-search .gallery-search-form {
  margin-bottom: 4px;
}

.k-nav-menu-link {
  color: inherit;
  font-size: .7rem;
  text-decoration: none;
}

.k-nav-menu-link:hover {
  text-decoration: underline;
}

.wallet-auth {
  align-items: center;
  gap: .5rem;
  min-height: 1.5rem;
  display: flex;
}

.wallet-auth-status {
  color: #0f0;
  white-space: nowrap;
  font-size: .65rem;
}

.wallet-auth-button {
  color: inherit;
  cursor: pointer;
  background: #000;
  border: 1px solid;
  padding: .1rem .45rem;
  font-family: inherit;
  font-size: .65rem;
}

.wallet-auth-button:disabled {
  opacity: .6;
  cursor: default;
}

.wallet-auth-error {
  color: #ff6b6b;
  white-space: nowrap;
  font-size: .6rem;
}

@media (max-width: 860px) {
  .k-nav-menu {
    flex-wrap: wrap;
    row-gap: .35rem;
    padding-bottom: .35rem;
  }

  .k-nav-menu-left {
    order: 1;
  }

  .k-nav-menu-right {
    order: 2;
  }

  .wallet-auth {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .wallet-auth-error {
    text-align: right;
    flex-basis: 100%;
  }

  .k-nav-menu-search {
    flex: 0 0 100%;
    order: 3;
    justify-content: flex-start;
    padding: 0;
  }

  .k-nav-menu-search .gallery-search-form {
    width: 100%;
    margin: 0;
  }

  .k-nav-menu-search .gallery-search-box {
    flex: 1;
    min-width: 0;
  }

  .k-nav-menu-search .gallery-search-input {
    width: 100%;
    min-width: 0;
  }
}

.gallery-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.gallery-sort-bar {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.gallery-sort-label {
  font-size: .7rem;
}

.gallery-sort-select {
  color: #0f0;
  background: #000;
  border: 1px solid #555;
  padding: .25rem .4rem;
  font-size: .7rem;
}

.gallery-header {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  display: grid;
}

.gallery-header h1 {
  margin: 0;
  font-size: 2rem;
}

.gallery-header p {
  color: #666;
  margin: 0;
  font-size: .6rem;
}

.gallery-header-sort {
  justify-self: start;
}

.gallery-header-pagination {
  justify-self: center;
}

.gallery-header-count {
  white-space: nowrap;
  justify-self: end;
}

.gallery-search-form {
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
  font-size: .6rem;
  display: flex;
}

.gallery-search-box {
  position: relative;
}

.gallery-search-input {
  color: #0f0;
  background: #000;
  border: 1px solid #555;
  min-width: 220px;
  padding: .3rem;
}

.gallery-search-input::-webkit-search-cancel-button {
  appearance: none;
  display: none;
}

.gallery-suggestions {
  z-index: 20;
  background: #000;
  border: 1px solid #555;
  width: 100%;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
}

.gallery-suggestion-item {
  text-align: left;
  color: #0f0;
  cursor: pointer;
  background: #000;
  border: 0;
  width: 100%;
  padding: .4rem .6rem;
}

.gallery-suggestion-item:hover {
  background: #111;
}

.gallery-suggestion-group-label {
  color: #8f8;
  border-top: 1px solid #1a1a1a;
  margin: 0;
  padding: .45rem .6rem .2rem;
  font-weight: 700;
}

.gallery-suggestions .gallery-suggestion-group-label:first-child {
  border-top: 0;
}

.gallery-search-button {
  color: #0f0;
  cursor: pointer;
  background: #111;
  border: 1px solid #555;
  padding: .3rem;
}

.gallery-search-clear {
  color: #0f0;
  background: #111;
  border: 1px solid green;
  padding: .45rem .7rem;
  line-height: 1;
  text-decoration: none;
}

.gallery-grid {
  position: relative;
}

.gallery-sizer, .gallery-item {
  width: 100%;
}

@media (min-width: 520px) {
  .gallery-sizer, .gallery-item {
    width: 50%;
  }

  .gallery-item.grid-item--width2, .gallery-item.grid-item--width3 {
    width: 100% !important;
  }
}

@media (min-width: 700px) {
  .gallery-sizer, .gallery-item {
    width: 25%;
  }

  .gallery-item.grid-item--width2 {
    width: 50% !important;
  }

  .gallery-item.grid-item--width3 {
    width: 75% !important;
  }
}

@media (min-width: 1040px) {
  .gallery-sizer, .gallery-item {
    width: 16.6667%;
  }

  .gallery-item.grid-item--width2 {
    width: 33.3333% !important;
  }

  .gallery-item.grid-item--width3 {
    width: 50% !important;
  }
}

.gallery-card {
  overflow: hidden;
}

.gallery-card-link {
  color: inherit;
  text-decoration: none;
  display: block;
  position: relative;
}

.gallery-image {
  width: 100%;
  height: auto;
  display: block;
}

.gallery-image-fallback {
  color: #666;
  background: #f1f1f1;
  place-items: center;
  min-height: 180px;
  display: grid;
}

.gallery-video-overlay {
  pointer-events: none;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.gallery-video-overlay-icon {
  background: #000000a6;
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
}

.gallery-video-overlay-icon:before {
  content: "";
  border-top: .6rem solid #0000;
  border-bottom: .6rem solid #0000;
  border-left: .95rem solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: .78rem;
  left: 1.08rem;
}

.gallery-meta {
  text-align: center;
  padding: .25rem;
}

.gallery-title {
  margin: 0;
  font-size: .6rem;
  line-height: 1.2;
}

.gallery-title-link {
  color: inherit;
  text-decoration: none;
}

.gallery-title-link:hover {
  text-decoration: underline;
}

.gallery-artist {
  color: #666;
  overflow-wrap: anywhere;
  font-size: .6rem;
}

.gallery-artist-link {
  color: inherit;
  text-decoration: none;
}

.gallery-artist-link:hover {
  text-decoration: underline;
}

.asset-lock-glyph {
  margin-left: .3rem;
  font-size: 1.2em;
  line-height: 1;
  font-family: Pixel Dingbats-7, monospace !important;
}

.asset-lock-glyph-locked {
  color: green !important;
}

.asset-lock-glyph-unlocked {
  color: #c00 !important;
}

.gallery-pagination {
  justify-content: center;
  align-items: center;
  gap: .4rem;
  margin-top: 1.5rem;
  padding: 0 1rem 1.5rem;
  display: flex;
}

.gallery-pagination-top {
  margin-top: 0;
  padding: 0;
}

.gallery-page-link {
  color: inherit;
  text-align: center;
  border: 1px solid #d8d8d8;
  min-width: 2rem;
  padding: 0 .2rem;
  font-size: .8rem;
  text-decoration: none;
}

.gallery-page-link-disabled {
  opacity: .5;
}

.gallery-page-link-active {
  color: #fff;
  background: #222;
  border-color: #222;
}

.gallery-page-group {
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.gallery-page-ellipsis {
  opacity: .8;
}

@media (max-width: 900px) {
  .gallery-header {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .gallery-header-sort, .gallery-header-pagination, .gallery-header-count {
    justify-self: center;
  }
}

.asset-page {
  width: 100%;
}

.asset-content {
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

@media (min-width: 960px) {
  .asset-content {
    grid-template-columns: minmax(0, 60%) minmax(0, 40%);
    align-items: start;
  }
}

.asset-media-panel {
  min-width: 0;
}

.asset-media {
  object-fit: contain;
  background: #050505;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 220px);
  display: block;
}

.asset-media-fallback {
  color: #777;
  border: 1px solid #333;
  place-items: center;
  min-height: 220px;
  display: grid;
}

.asset-meta-panel {
  background: #050505;
  border: 1px solid #1d4d1d;
  padding: .2rem 0;
}

.asset-heading {
  overflow-wrap: anywhere;
  margin: 0 0 .75rem;
  padding: .4rem;
  font-size: .9rem;
}

.asset-tab-list {
  border-bottom: 1px solid #1d4d1d;
  gap: .4rem;
  margin: .75rem 0;
  display: flex;
}

.asset-tab {
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: #0a0a0a;
  border: 1px solid #1d4d1d;
  border-bottom: 0;
  padding: .25rem .5rem;
  font-size: .65rem;
  line-height: 1.1;
}

.asset-tab-active {
  background: #133313;
}

.asset-meta-list {
  grid-template-columns: minmax(90px, auto) 1fr;
  gap: .35rem .65rem;
  margin: 0;
  padding: .4rem;
  font-size: .65rem;
  display: grid;
}

.asset-meta-summary {
  margin-bottom: .4rem;
}

.asset-meta-list dt {
  color: #8a8a8a;
}

.asset-meta-list dd {
  overflow-wrap: anywhere;
  margin: 0;
}

.asset-copy-field {
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  display: inline-flex;
}

.asset-copy-value {
  min-width: 0;
}

.asset-copy-button {
  width: 1.8rem;
  height: 1.8rem;
  color: inherit;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff40;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  transition: background-color .12s, border-color .12s;
  display: inline-flex;
}

.asset-copy-button:hover, .asset-copy-button:focus-visible {
  background: #ffffff24;
  border-color: #ffffff73;
  outline: none;
}

.asset-copy-icon {
  width: .95rem;
  height: .95rem;
}

.asset-meta-list .asset-meta-label-full, .asset-meta-list .asset-meta-value-full {
  grid-column: 1 / -1;
}

.asset-meta-list .asset-meta-label-full {
  margin-top: .25rem;
}

.asset-inline-link {
  color: inherit;
  text-decoration: underline;
}

.asset-tag-list {
  flex-wrap: wrap;
  gap: .3rem .5rem;
  display: inline-flex;
}

.asset-tag-link {
  white-space: nowrap;
}

.asset-holder-list {
  margin: 0;
  padding-left: 1rem;
}

.asset-holder-grid {
  width: 100%;
  min-width: 0;
}

.asset-holder-grid-header, .asset-holder-grid-row {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: baseline;
  column-gap: .75rem;
  display: grid;
}

.asset-holder-grid-header {
  color: #8a8a8a;
  padding: .2rem 0;
}

.asset-holder-grid-header span:last-child {
  text-align: right;
}

.asset-holder-grid-row {
  padding: .2rem 0;
}

.asset-holder-row {
  justify-content: flex-start;
  align-items: baseline;
  gap: .75rem;
  display: flex;
}

.asset-holder-main {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.asset-holder-main .asset-inline-link {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.asset-holder-address, .asset-holder-more {
  color: #8a8a8a;
}

.asset-holder-quantity {
  color: #8a8a8a;
  text-align: right;
  white-space: nowrap;
  flex: none;
  width: fit-content;
}

.asset-holder-name {
  width: 0;
  min-width: 0;
  overflow: hidden;
}

.asset-holder-name-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.asset-holder-name-link {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
  overflow: hidden;
}

.asset-holder-amount {
  color: #8a8a8a;
  text-align: right;
  white-space: nowrap;
  width: max-content;
}

.artist-page {
  width: 100%;
}

.artist-content {
  grid-template-columns: minmax(0, 60%) minmax(0, 40%);
  align-items: start;
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

@media (max-width: 820px) {
  .artist-content {
    grid-template-columns: 1fr;
  }

  .artist-info-panel {
    order: -1;
  }
}

.artist-gallery-panel {
  min-width: 0;
}

.artist-info-panel {
  background: #050505;
  border: 1px solid #1d4d1d;
  padding: .9rem;
}

.artist-owner-list {
  margin: 0;
  padding-left: 1rem;
}

.artist-address-list {
  gap: .55rem;
  padding-left: 1rem;
  display: grid;
}

.artist-address-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.artist-address-copy {
  word-break: break-all;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  min-width: 0;
  display: flex;
}

.artist-address-badge {
  white-space: nowrap;
  border: 1px solid;
  padding: .05rem .3rem;
  font-size: .55rem;
  line-height: 1.2;
}

.artist-address-badge-verified {
  color: #d9ffd9;
  background: #062406;
}

.artist-address-badge-unverified {
  color: #ffd966;
  background: #2b2200;
}

.artist-address-badge-primary {
  color: #b7dcff;
  background: #081b2c;
}

.artist-add-address-button {
  margin-top: .75rem;
}

.artist-address-modal-backdrop {
  z-index: 40;
  background: #000000b8;
  place-items: start center;
  padding: 1rem;
  display: grid;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.artist-address-modal {
  color: #000;
  background: #b3b3b3;
  border: 1px solid #1d4d1d;
  gap: .75rem;
  width: min(92vw, 440px);
  max-height: calc(100vh - 2rem);
  margin: auto 0;
  padding: .9rem;
  display: grid;
  overflow-y: auto;
}

.artist-address-modal-title {
  margin: 0;
  font-size: 1rem;
}

.artist-address-modal-copy {
  margin: 0;
  font-size: .68rem;
  line-height: 1.4;
}

.artist-address-preview {
  word-break: break-all;
  background: #fff;
  border: 1px solid #555;
  padding: .45rem .55rem;
}

.artist-address-modal-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .55rem;
  display: flex;
}

.artist-address-modal-actions-start {
  justify-content: flex-start;
}

.artist-address-modal-button {
  font: inherit;
  cursor: pointer;
  border: 1px solid #555;
  padding: .35rem .55rem;
  font-size: .68rem;
}

.artist-address-modal-button:disabled {
  opacity: .6;
  cursor: default;
}

.artist-address-modal-button-secondary {
  color: #111;
  background: #ebebeb;
}

.artist-address-modal-button-primary {
  color: #d9ffd9;
  background: #111;
  border-color: #1d4d1d;
}

.artist-address-error {
  color: #9d0000;
  margin: 0;
  font-size: .68rem;
}

.artist-address-merge-card {
  background: #fff7d1;
  border: 1px solid #8a6d00;
  gap: .55rem;
  padding: .65rem;
  display: grid;
}

.artist-address-merge-copy {
  margin: 0;
  font-size: .68rem;
  line-height: 1.45;
}

.artist-profile-links {
  flex-wrap: wrap;
  gap: .6rem;
  display: flex;
}

.artist-meta-list {
  grid-template-columns: 1fr;
}

.submissions-page {
  width: 100%;
}

.submissions-content {
  justify-items: center;
  gap: 1rem;
  padding: 1.25rem 1rem;
  display: grid;
}

.submissions-title {
  color: #ff0;
  text-align: center;
  text-shadow: -1px 1px #333, -2px 2px #333, -3px 3px #333, -4px 4px #333, -5px 5px #333, -6px 6px #333, -7px 7px #333, -8px 8px #333, -9px 9px #333, -10px 10px #333, -11px 11px #333, -12px 12px #333, -30px 30px 10px #0000001a;
  margin: 0;
  font-size: 1.3rem;
}

.submissions-form {
  color: #000;
  background: #b3b3b3;
  border: 1px solid #1d4d1d;
  gap: .8rem;
  width: min(92vw, 460px);
  padding: .9rem;
  display: grid;
}

.submissions-mode-tabs {
  gap: .45rem;
  display: flex;
}

.submissions-mode-tab {
  color: #0f0;
  font: inherit;
  cursor: default;
  opacity: .6;
  background: #111;
  border: 1px solid #555;
  padding: .35rem .5rem;
  font-size: .7rem;
}

.submissions-mode-tab-active {
  opacity: 1;
  background: #1a1a1a;
}

.submissions-note {
  margin: 0;
  font-size: .68rem;
  line-height: 1.35;
}

.submissions-success-card {
  color: #d9ffd9;
  background: #041204;
  border: 2px solid #0f0;
  gap: .45rem;
  padding: .75rem;
  display: grid;
}

.submissions-success-title {
  color: #ff0;
  font-size: .82rem;
}

.submissions-success-copy {
  margin: 0;
  font-size: .72rem;
  line-height: 1.4;
}

.submissions-success-links {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.submissions-success-link {
  color: #7dff7d;
  font-size: .7rem;
  text-decoration: underline;
}

.submissions-success-link:hover {
  color: #d9ffd9;
}

.submissions-field {
  gap: .25rem;
  font-size: .75rem;
  display: grid;
}

.submissions-inline-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  display: grid;
}

.submissions-label-with-help {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.submissions-tooltip {
  display: inline-flex;
  position: relative;
}

.submissions-tooltip-icon {
  cursor: help;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  line-height: 1;
  display: inline-flex;
}

.submissions-tooltip-content {
  color: #0f0;
  z-index: 30;
  opacity: 0;
  pointer-events: none;
  background: #0a0a0a;
  border: 1px solid #555;
  min-width: 170px;
  max-width: 230px;
  padding: .35rem .45rem;
  font-size: .62rem;
  line-height: 1.25;
  transition: opacity .12s;
  position: absolute;
  top: 50%;
  left: calc(100% + .45rem);
  transform: translateY(-50%);
}

.submissions-tooltip:hover .submissions-tooltip-content, .submissions-tooltip:focus-within .submissions-tooltip-content {
  opacity: 1;
}

.submissions-field input[type="text"], .submissions-field input[type="number"] {
  color: #0f0;
  width: 100%;
  font: inherit;
  background: #000;
  border: 1px solid #555;
  padding: .35rem .45rem;
}

.submissions-field textarea {
  color: #0f0;
  width: 100%;
  font: inherit;
  resize: vertical;
  background: #000;
  border: 1px solid #555;
  padding: .35rem .45rem;
}

.submissions-field input:disabled, .submissions-field textarea:disabled, .submissions-browse-button:disabled, .submissions-submit-button:disabled, .submissions-mode-tab:disabled {
  opacity: .6;
  cursor: default;
}

.submissions-checkbox {
  align-items: center;
  gap: .45rem;
  font-size: .75rem;
  display: inline-flex;
}

.submissions-checkbox-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.submissions-file-input {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.submissions-dropzone {
  color: #0f0;
  text-align: center;
  background: #020602;
  border: 1px dashed #2c7f2c;
  padding: 1rem .85rem;
  font-size: .72rem;
}

.submissions-dropzone-active {
  background: #051005;
  border-color: #6c6;
}

.submissions-media-controls {
  align-items: center;
  gap: .6rem;
  display: flex;
}

.submissions-browse-button {
  color: #0f0;
  font: inherit;
  cursor: pointer;
  background: #111;
  border: 1px solid #555;
  padding: .28rem .5rem;
  font-size: .72rem;
}

.submissions-file-label {
  color: #8a8a8a;
  overflow-wrap: anywhere;
  font-size: .68rem;
}

.submissions-preview-panel {
  gap: .35rem;
  display: grid;
}

.submissions-preview-label {
  color: #2d6a2d;
  font-size: .68rem;
}

.submissions-preview-media {
  object-fit: contain;
  background: #020602;
  border: 1px solid #2c7f2c;
  width: 100%;
  max-height: 320px;
}

.submissions-submit-button {
  color: #0f0;
  font: inherit;
  cursor: pointer;
  background: #111;
  border: 1px solid #555;
  justify-self: start;
  padding: .45rem .7rem;
  font-size: .75rem;
}

.submissions-verified-card {
  color: #0f0;
  background: #060c06;
  border: 1px solid #1d4d1d;
  gap: .5rem;
  padding: .65rem;
  display: grid;
}

.submissions-verified-title {
  color: #ff0;
  font-size: .75rem;
}

.submissions-verified-grid {
  grid-template-columns: max-content minmax(0, 1fr);
  gap: .28rem .6rem;
  font-size: .68rem;
  display: grid;
}

.submissions-verified-grid dt {
  color: #8ad08a;
}

.submissions-verified-grid dd {
  overflow-wrap: anywhere;
  margin: 0;
}

.submissions-feedback {
  margin: 0;
  font-size: .68rem;
  line-height: 1.35;
}

.submissions-feedback-error {
  color: #9f1414;
}

.submissions-feedback-success {
  color: #0b5f0b;
}

.profile-page {
  min-height: 100vh;
}

.profile-content {
  justify-items: center;
  padding: 1.25rem 1rem;
  display: grid;
}

.profile-card {
  grid-template-columns: minmax(320px, 460px) minmax(240px, 1fr);
  align-items: start;
  gap: 1rem;
  width: min(1080px, 100%);
  display: grid;
}

.profile-form {
  width: 100%;
}

.profile-editor-stack {
  gap: 1rem;
  display: grid;
}

.profile-links {
  gap: .35rem;
  display: grid;
}

.profile-note {
  font-size: .7rem;
  line-height: 1.35;
}

.profile-status {
  color: #0f0;
  margin: 0;
  font-size: .72rem;
}

.profile-status-error {
  color: #ff6b6b;
}

.profile-summary-card {
  min-height: 100%;
}

.profile-empty-state {
  width: min(92vw, 460px);
}

@media (max-width: 860px) {
  .profile-card {
    grid-template-columns: 1fr;
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=src_app_globals_91e4631d.css.map*/