/* line 1, app/assets/stylesheets/upload.scss */
.upload-submit {
  --upload-red: #e31b23;
  --upload-panel: #151515;
  --upload-panel-deep: #0f0f10;
  --upload-line: rgba(255, 255, 255, 0.12);
  --upload-muted: rgba(255, 255, 255, 0.58);
  color: #fff;
}

/* line 10, app/assets/stylesheets/upload.scss */
.upload-landing {
  --upload-red: #e31b23;
  --upload-panel: #151515;
  --upload-panel-deep: #0f0f10;
  --upload-line: rgba(255, 255, 255, 0.12);
  --upload-muted: rgba(255, 255, 255, 0.60);
  max-width: 1120px;
  margin: 0 auto;
  color: #fff;
}

/* line 21, app/assets/stylesheets/upload.scss */
.upload-landing__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 44px;
  align-items: center;
  min-height: 520px;
  padding: 58px 64px;
  border: 1px solid var(--upload-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #191919 0%, var(--upload-panel) 48%, var(--upload-panel-deep) 100%);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

/* line 36, app/assets/stylesheets/upload.scss */
.upload-landing__copy {
  position: relative;
  z-index: 1;
  max-width: 660px;
}

/* line 42, app/assets/stylesheets/upload.scss */
.upload-landing__beta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 14px;
  padding: 5px 12px;
  border-radius: 999px;
  background: #fff;
  color: #a91717;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 57, app/assets/stylesheets/upload.scss */
.upload-landing h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: 58px;
  line-height: 1.02;
  font-weight: 900;
}

/* line 66, app/assets/stylesheets/upload.scss */
.upload-landing__intro {
  max-width: 560px;
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 20px;
  line-height: 1.45;
  font-weight: 600;
}

/* line 75, app/assets/stylesheets/upload.scss */
.upload-landing__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
}

/* line 82, app/assets/stylesheets/upload.scss */
.upload-landing__actions .rj-submit-button {
  text-decoration: none;
}

/* line 86, app/assets/stylesheets/upload.scss */
.upload-landing__actions span {
  color: rgba(255, 255, 255, 0.52);
  font-size: 14px;
  font-weight: 700;
}

/* line 92, app/assets/stylesheets/upload.scss */
.upload-landing__visual {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 330px;
}

/* line 101, app/assets/stylesheets/upload.scss */
.upload-landing__icon-square {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 230px;
  border-radius: 18px;
  background: linear-gradient(145deg, #d92b2b 0%, #a91717 48%, #6f0e0e 100%);
  color: #fff;
}

/* line 112, app/assets/stylesheets/upload.scss */
.upload-landing__rj-icon {
  width: 166px;
  height: auto;
}

/* line 117, app/assets/stylesheets/upload.scss */
.upload-landing__rj-icon path {
  fill: currentColor;
}

/* line 121, app/assets/stylesheets/upload.scss */
.upload-submit__frame {
  width: 100%;
  max-width: 980px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 44px;
  border: 1px solid var(--upload-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #191919 0%, var(--upload-panel) 44%, var(--upload-panel-deep) 100%);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

/* line 133, app/assets/stylesheets/upload.scss */
.upload-submit__heading {
  margin-bottom: 30px;
}

/* line 137, app/assets/stylesheets/upload.scss */
.upload-submit__screen[hidden] {
  display: none;
}

/* line 141, app/assets/stylesheets/upload.scss */
.upload-submit__eyebrow {
  margin: 0 0 9px;
  color: var(--upload-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 150, app/assets/stylesheets/upload.scss */
.upload-submit__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 1.08;
  font-weight: 800;
}

/* line 158, app/assets/stylesheets/upload.scss */
.upload-submit__choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

/* line 164, app/assets/stylesheets/upload.scss */
.upload-choice {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: grid;
  grid-template-columns: minmax(104px, 132px) 1fr;
  align-items: center;
  gap: 22px;
  width: 100%;
  min-height: 178px;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.22);
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, -webkit-transform 160ms ease;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease, -webkit-transform 160ms ease;
}

/* line 182, app/assets/stylesheets/upload.scss */
.upload-choice:hover {
  border-color: rgba(227, 27, 35, 0.65);
  background: rgba(0, 0, 0, 0.32);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* line 188, app/assets/stylesheets/upload.scss */
.upload-choice.is-selected {
  border-color: var(--upload-red);
  background: rgba(227, 27, 35, 0.1);
  box-shadow: 0 0 0 1px rgba(227, 27, 35, 0.55), 0 22px 50px rgba(0, 0, 0, 0.24);
}

/* line 194, app/assets/stylesheets/upload.scss */
.upload-choice__art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 132px;
  height: 132px;
  overflow: visible;
}

/* line 204, app/assets/stylesheets/upload.scss */
.upload-cover {
  position: absolute;
  width: 76px;
  height: 76px;
  border-radius: 8px;
  outline: 1px solid transparent;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.38);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: center;
          transform-origin: center;
  will-change: transform;
}

/* line 216, app/assets/stylesheets/upload.scss */
.upload-cover--single {
  position: relative;
  width: 84px;
  height: 84px;
  background: linear-gradient(145deg, #ff3038 0%, #d4141c 58%, #900b10 100%);
}

/* line 223, app/assets/stylesheets/upload.scss */
.upload-cover--album-1 {
  z-index: 3;
  -webkit-transform: translate3d(20px, 18px, 0) rotate(3deg);
          transform: translate3d(20px, 18px, 0) rotate(3deg);
  background: linear-gradient(145deg, #ff3038 0%, #d4141c 58%, #900b10 100%);
}

/* line 229, app/assets/stylesheets/upload.scss */
.upload-cover--album-2 {
  z-index: 2;
  -webkit-transform: translate3d(-10px, -4px, 0) rotate(-4deg);
          transform: translate3d(-10px, -4px, 0) rotate(-4deg);
  background: linear-gradient(145deg, #ffffff 0%, #d9d9d9 100%);
}

/* line 235, app/assets/stylesheets/upload.scss */
.upload-cover--album-3 {
  z-index: 1;
  -webkit-transform: translate3d(12px, -28px, 0) rotate(4deg);
          transform: translate3d(12px, -28px, 0) rotate(4deg);
  background: linear-gradient(145deg, #9f1018 0%, #52060b 100%);
}

/* line 241, app/assets/stylesheets/upload.scss */
.upload-choice__label {
  display: block;
  color: #fff;
  font-size: 28px;
  line-height: 1.05;
  font-weight: 800;
}

/* line 249, app/assets/stylesheets/upload.scss */
.upload-submit__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 28px;
}

/* line 257, app/assets/stylesheets/upload.scss */
.upload-submit__back {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

/* line 273, app/assets/stylesheets/upload.scss */
.upload-submit__back:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 277, app/assets/stylesheets/upload.scss */
.upload-submit button:disabled {
  cursor: default;
  opacity: 0.58;
}

/* line 282, app/assets/stylesheets/upload.scss */
.upload-basic {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

/* line 289, app/assets/stylesheets/upload.scss */
.upload-cover-panel {
  display: grid;
  gap: 10px;
  width: 260px;
}

/* line 295, app/assets/stylesheets/upload.scss */
.upload-cover-input {
  display: block;
}

/* line 299, app/assets/stylesheets/upload.scss */
.upload-cover-input input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* line 308, app/assets/stylesheets/upload.scss */
.upload-cover-drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 260px;
  aspect-ratio: 1;
  border: 1px dashed rgba(255, 255, 255, 0.22);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.24);
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 160ms ease, background 160ms ease;
}

/* line 325, app/assets/stylesheets/upload.scss */
.upload-cover-drop::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--upload-cover-preview);
  background-position: center;
  background-size: cover;
  opacity: 0;
  transition: opacity 160ms ease;
}

/* line 336, app/assets/stylesheets/upload.scss */
.upload-cover-drop::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.58));
  opacity: 0;
  transition: opacity 160ms ease;
}

/* line 345, app/assets/stylesheets/upload.scss */
.upload-cover-drop.has-preview {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
}

/* line 350, app/assets/stylesheets/upload.scss */
.upload-cover-drop.has-preview::before {
  opacity: 1;
}

/* line 354, app/assets/stylesheets/upload.scss */
.upload-cover-drop.has-preview::after {
  opacity: 0;
}

/* line 358, app/assets/stylesheets/upload.scss */
.upload-cover-drop:hover {
  border-color: rgba(227, 27, 35, 0.65);
  background: rgba(0, 0, 0, 0.34);
}

/* line 363, app/assets/stylesheets/upload.scss */
.upload-cover-drop__mark {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 10px;
  color: var(--upload-red);
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
}

/* line 374, app/assets/stylesheets/upload.scss */
.upload-cover-drop__title {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 18px;
  font-weight: 800;
}

/* line 382, app/assets/stylesheets/upload.scss */
.upload-cover-drop__meta {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 5px;
  color: var(--upload-muted);
  font-size: 13px;
  font-weight: 600;
}

/* line 392, app/assets/stylesheets/upload.scss */
.upload-cover-drop.has-preview .upload-cover-drop__mark,
.upload-cover-drop.has-preview .upload-cover-drop__title,
.upload-cover-drop.has-preview .upload-cover-drop__meta {
  display: none;
}

/* line 398, app/assets/stylesheets/upload.scss */
.upload-cover-rules-link {
  justify-self: start;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 160ms ease;
}

/* line 409, app/assets/stylesheets/upload.scss */
.upload-cover-rules-link:hover,
.upload-cover-rules-link:focus {
  color: #fff;
}

/* line 414, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal {
  position: fixed;
  z-index: 60;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0, 0, 0, 0.78);
}

/* line 425, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal.tw-hidden {
  display: none;
}

/* line 429, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 390px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 12px;
  background: #171719;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  color: #fff;
}

/* line 441, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__dialog h2 {
  margin: 0 34px 12px 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

/* line 448, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__dialog p {
  margin: 0 0 12px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

/* line 456, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__dialog ul {
  display: grid;
  gap: 7px;
  margin: 0 0 16px;
  padding-left: 18px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  list-style: disc;
}

/* line 468, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__dialog .upload-cover-rules-modal__note {
  color: #fff;
}

/* line 472, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
  cursor: pointer;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  padding: 0;
}

/* line 492, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__close span {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* line 496, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__close:hover,
.upload-cover-rules-modal__close:focus {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

/* line 502, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__button {
  width: 112px;
  min-height: 42px;
}

/* line 507, app/assets/stylesheets/upload.scss */
.upload-basic__fields {
  display: grid;
  gap: 18px;
}

/* line 512, app/assets/stylesheets/upload.scss */
.upload-field-label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  font-weight: 700;
}

/* line 520, app/assets/stylesheets/upload.scss */
.upload-field {
  width: 100%;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  box-sizing: border-box;
  padding: 10px 12px;
  outline: none;
}

/* line 532, app/assets/stylesheets/upload.scss */
.upload-field:focus {
  border-color: var(--upload-red);
  box-shadow: 0 0 0 1px rgba(227, 27, 35, 0.45);
}

/* line 537, app/assets/stylesheets/upload.scss */
.upload-field.has-error,
.upload-cover-drop.has-error {
  border-color: rgba(255, 92, 104, 0.86);
  box-shadow: 0 0 0 1px rgba(255, 92, 104, 0.34);
}

/* line 543, app/assets/stylesheets/upload.scss */
.upload-field-error {
  display: block;
  margin-top: 7px;
  color: #ff6b78;
  font-size: 12px;
  font-weight: 800;
}

/* line 551, app/assets/stylesheets/upload.scss */
.upload-field-error[hidden] {
  display: none;
}

/* line 555, app/assets/stylesheets/upload.scss */
.upload-field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
.upload-field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
.upload-field::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
.upload-field::placeholder {
  color: rgba(255, 255, 255, 0.34);
}

/* line 559, app/assets/stylesheets/upload.scss */
.upload-field option {
  color: #111;
}

/* line 563, app/assets/stylesheets/upload.scss */
.upload-artist-picker {
  position: relative;
}

/* line 567, app/assets/stylesheets/upload.scss */
.upload-artist-search {
  position: relative;
}

/* line 571, app/assets/stylesheets/upload.scss */
.upload-artist-suggestions {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  display: grid;
  gap: 4px;
  max-height: 244px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: #171719;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
}

/* line 588, app/assets/stylesheets/upload.scss */
.upload-artist-suggestions[hidden] {
  display: none;
}

/* line 592, app/assets/stylesheets/upload.scss */
.upload-artist-suggestion {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
}

/* line 608, app/assets/stylesheets/upload.scss */
.upload-artist-suggestion:hover,
.upload-artist-suggestion.is-active {
  background: rgba(255, 255, 255, 0.08);
}

/* line 613, app/assets/stylesheets/upload.scss */
.upload-artist-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(227, 27, 35, 0.22);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

/* line 626, app/assets/stylesheets/upload.scss */
.upload-artist-avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 633, app/assets/stylesheets/upload.scss */
.upload-artist-name {
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 642, app/assets/stylesheets/upload.scss */
.upload-artist-state {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 800;
}

/* line 654, app/assets/stylesheets/upload.scss */
.upload-artist-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

/* line 660, app/assets/stylesheets/upload.scss */
.upload-artist-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.22);
}

/* line 672, app/assets/stylesheets/upload.scss */
.upload-artist-avatar--selected {
  width: 36px;
  height: 36px;
}

/* line 677, app/assets/stylesheets/upload.scss */
.upload-artist-avatar--empty {
  background: rgba(255, 255, 255, 0.16);
  color: transparent;
}

/* line 682, app/assets/stylesheets/upload.scss */
.upload-artist-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

/* line 688, app/assets/stylesheets/upload.scss */
.upload-artist-role {
  color: rgba(255, 255, 255, 0.54);
  font-size: 12px;
  font-weight: 800;
}

/* line 694, app/assets/stylesheets/upload.scss */
.upload-artist-remove {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.76);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

/* line 710, app/assets/stylesheets/upload.scss */
.upload-artist-remove:hover {
  background: rgba(227, 27, 35, 0.2);
  color: #fff;
}

/* line 715, app/assets/stylesheets/upload.scss */
.upload-time-fields {
  display: grid;
  grid-template-columns: 112px 16px 112px 112px;
  align-items: center;
  gap: 10px;
  max-width: 382px;
}

/* line 723, app/assets/stylesheets/upload.scss */
.upload-time-fields .upload-field,
.upload-select-field {
  height: 52px;
  width: 100%;
  min-width: 0;
  padding-left: 22px;
  padding-right: 42px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-align-last: center;
}

/* line 736, app/assets/stylesheets/upload.scss */
.upload-time-fields select.upload-field,
.upload-select-field {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.78) 50%), linear-gradient(135deg, rgba(255, 255, 255, 0.78) 50%, transparent 50%);
  background-position: calc(100% - 22px) 23px, calc(100% - 17px) 23px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
}

/* line 749, app/assets/stylesheets/upload.scss */
.upload-timezone-field {
  max-width: 382px;
  text-align: left;
  text-align-last: left;
}

/* line 755, app/assets/stylesheets/upload.scss */
.upload-time-separator {
  color: rgba(255, 255, 255, 0.52);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}

/* line 763, app/assets/stylesheets/upload.scss */
.upload-tracks {
  display: grid;
  gap: 16px;
}

/* line 768, app/assets/stylesheets/upload.scss */
.upload-track-card {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.22);
}

/* line 775, app/assets/stylesheets/upload.scss */
.upload-track-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

/* line 783, app/assets/stylesheets/upload.scss */
.upload-track-card__eyebrow {
  margin: 0 0 4px;
  color: var(--upload-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 792, app/assets/stylesheets/upload.scss */
.upload-track-card__title {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

/* line 799, app/assets/stylesheets/upload.scss */
.upload-track-remove {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  font-weight: 700;
}

/* line 811, app/assets/stylesheets/upload.scss */
.upload-track-remove:hover {
  background: rgba(227, 27, 35, 0.2);
  color: #fff;
}

/* line 816, app/assets/stylesheets/upload.scss */
.upload-track-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

/* line 823, app/assets/stylesheets/upload.scss */
.upload-track-titlebar {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* line 829, app/assets/stylesheets/upload.scss */
.upload-track-drag {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.52);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 844, app/assets/stylesheets/upload.scss */
.upload-track-drag::before {
  content: '';
  width: 14px;
  height: 18px;
  background-image: radial-gradient(currentColor 1.6px, transparent 1.7px);
  background-position: 0 0;
  background-size: 7px 7px;
}

/* line 853, app/assets/stylesheets/upload.scss */
.upload-track-drag:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.86);
}

/* line 858, app/assets/stylesheets/upload.scss */
.upload-track-drag:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* line 862, app/assets/stylesheets/upload.scss */
.upload-track-drag[hidden] {
  display: none;
}

/* line 866, app/assets/stylesheets/upload.scss */
.upload-track-card.is-dragging {
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
  opacity: 0.96;
  -webkit-transform: rotate(0.4deg);
          transform: rotate(0.4deg);
}

/* line 872, app/assets/stylesheets/upload.scss */
.upload-track-placeholder {
  border: 1px dashed rgba(227, 27, 35, 0.58);
  border-radius: 12px;
  background: rgba(227, 27, 35, 0.08);
}

/* line 878, app/assets/stylesheets/upload.scss */
.upload-track-dragging,
.upload-track-dragging * {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

/* line 883, app/assets/stylesheets/upload.scss */
.upload-track-number {
  color: rgba(255, 255, 255, 0.86);
  font-size: 18px;
  font-weight: 800;
}

/* line 889, app/assets/stylesheets/upload.scss */
.upload-track-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 18px;
  align-items: start;
}

/* line 896, app/assets/stylesheets/upload.scss */
.upload-track-fields,
.upload-credit-rows {
  display: grid;
  gap: 14px;
}

/* line 902, app/assets/stylesheets/upload.scss */
.upload-credit-row {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 34px;
  grid-template-areas: "type name remove";
  gap: 10px;
  align-items: center;
}

/* line 910, app/assets/stylesheets/upload.scss */
.upload-credit-row.has-custom-type {
  grid-template-areas: "type . remove" "custom name remove";
}

/* line 916, app/assets/stylesheets/upload.scss */
.upload-credit-row .upload-field {
  height: 48px;
}

/* line 920, app/assets/stylesheets/upload.scss */
.upload-credit-type {
  grid-area: type;
  text-align: left;
  text-align-last: left;
}

/* line 926, app/assets/stylesheets/upload.scss */
.upload-credit-custom-type {
  grid-area: custom;
}

/* line 930, app/assets/stylesheets/upload.scss */
.upload-credit-custom-type[hidden] {
  display: none;
}

/* line 934, app/assets/stylesheets/upload.scss */
.upload-credit-name {
  grid-area: name;
}

/* line 938, app/assets/stylesheets/upload.scss */
.upload-credit-remove {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  grid-area: remove;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.76);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

/* line 955, app/assets/stylesheets/upload.scss */
.upload-credit-add {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  min-width: 56px;
  min-height: 34px;
  padding: 6px 13px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  cursor: pointer;
  font-weight: 800;
  line-height: 1;
  margin-top: -4px;
}

/* line 974, app/assets/stylesheets/upload.scss */
.upload-credit-remove:hover,
.upload-credit-add:hover {
  background: rgba(227, 27, 35, 0.2);
  color: #fff;
}

/* line 980, app/assets/stylesheets/upload.scss */
.upload-credit-row:first-child:last-child .upload-credit-remove {
  visibility: hidden;
}

/* line 984, app/assets/stylesheets/upload.scss */
.upload-section-label {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 800;
}

/* line 991, app/assets/stylesheets/upload.scss */
.upload-credit-heading {
  margin: 2px 0 -8px;
}

/* line 995, app/assets/stylesheets/upload.scss */
.upload-lyrics-field {
  min-height: 150px;
  height: auto;
  resize: vertical;
  line-height: 1.45;
}

/* line 1002, app/assets/stylesheets/upload.scss */
.upload-audio-field,
.upload-audio-input {
  display: block;
}

/* line 1007, app/assets/stylesheets/upload.scss */
.upload-audio-input input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* line 1016, app/assets/stylesheets/upload.scss */
.upload-audio-drop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 136px;
  box-sizing: border-box;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.28);
  cursor: pointer;
}

/* line 1029, app/assets/stylesheets/upload.scss */
.upload-audio-drop:hover {
  border-color: rgba(227, 27, 35, 0.62);
  background: rgba(0, 0, 0, 0.36);
}

/* line 1034, app/assets/stylesheets/upload.scss */
.upload-audio-field.has-error .upload-audio-drop {
  border-color: rgba(227, 27, 35, 0.78);
}

/* line 1038, app/assets/stylesheets/upload.scss */
.upload-audio-drop__title,
.upload-audio-drop__file {
  color: #fff;
  font-weight: 800;
}

/* line 1044, app/assets/stylesheets/upload.scss */
.upload-audio-drop__meta {
  margin-top: 5px;
  color: var(--upload-muted);
  font-size: 13px;
  font-weight: 700;
}

/* line 1051, app/assets/stylesheets/upload.scss */
.upload-audio-drop__file {
  display: block;
  overflow: hidden;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1061, app/assets/stylesheets/upload.scss */
.upload-audio-player[hidden],
.upload-audio-preview {
  display: none;
}

/* line 1066, app/assets/stylesheets/upload.scss */
.upload-audio-player {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
}

/* line 1078, app/assets/stylesheets/upload.scss */
.upload-audio-play {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #c8171d;
  cursor: pointer;
}

/* line 1091, app/assets/stylesheets/upload.scss */
.upload-audio-play:hover {
  background: #e31b23;
}

/* line 1095, app/assets/stylesheets/upload.scss */
.upload-audio-play__icon {
  display: block;
  width: 0;
  height: 0;
  margin-left: 3px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
}

/* line 1105, app/assets/stylesheets/upload.scss */
.upload-audio-play__icon::before,
.upload-audio-play__icon::after {
  content: none;
}

/* line 1110, app/assets/stylesheets/upload.scss */
.upload-audio-play.is-playing .upload-audio-play__icon {
  display: inline-flex;
  gap: 4px;
  width: 14px;
  height: 16px;
  margin-left: 0;
  border: 0;
}

/* line 1119, app/assets/stylesheets/upload.scss */
.upload-audio-play.is-playing .upload-audio-play__icon::before,
.upload-audio-play.is-playing .upload-audio-play__icon::after {
  content: '';
  display: block;
  width: 5px;
  height: 16px;
  border-radius: 1px;
  background: #fff;
}

/* line 1129, app/assets/stylesheets/upload.scss */
.upload-audio-range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 20px;
  margin: 0;
  background: transparent;
  --audio-progress: 0%;
}

/* line 1138, app/assets/stylesheets/upload.scss */
.upload-audio-range::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(to right, #e31b23 var(--audio-progress), rgba(255, 255, 255, 0.18) var(--audio-progress));
}

/* line 1144, app/assets/stylesheets/upload.scss */
.upload-audio-range::-moz-range-track {
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

/* line 1150, app/assets/stylesheets/upload.scss */
.upload-audio-range::-moz-range-progress {
  height: 5px;
  border-radius: 999px;
  background: #e31b23;
}

/* line 1156, app/assets/stylesheets/upload.scss */
.upload-audio-range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -4.5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(227, 27, 35, 0.18);
}

/* line 1166, app/assets/stylesheets/upload.scss */
.upload-audio-range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(227, 27, 35, 0.18);
}

/* line 1175, app/assets/stylesheets/upload.scss */
.upload-audio-time {
  min-width: 76px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  text-align: right;
}

/* line 1184, app/assets/stylesheets/upload.scss */
.upload-add-track {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  justify-self: start;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  cursor: pointer;
  font-weight: 800;
}

/* line 1197, app/assets/stylesheets/upload.scss */
.upload-add-track:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 1201, app/assets/stylesheets/upload.scss */
.upload-review {
  display: grid;
  gap: 18px;
}

/* line 1206, app/assets/stylesheets/upload.scss */
.upload-review-panel {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.22);
}

/* line 1213, app/assets/stylesheets/upload.scss */
.upload-review-release {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

/* line 1220, app/assets/stylesheets/upload.scss */
.upload-review-cover {
  width: 150px;
  aspect-ratio: 1;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  background-position: center;
  background-size: cover;
}

/* line 1229, app/assets/stylesheets/upload.scss */
.upload-review-cover.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--upload-muted);
  font-size: 13px;
  font-weight: 800;
}

/* line 1238, app/assets/stylesheets/upload.scss */
.upload-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

/* line 1244, app/assets/stylesheets/upload.scss */
.upload-review-item {
  min-width: 0;
}

/* line 1248, app/assets/stylesheets/upload.scss */
.upload-review-item--wide {
  grid-column: 1 / -1;
}

/* line 1252, app/assets/stylesheets/upload.scss */
.upload-review-label {
  margin: 0 0 5px;
  color: var(--upload-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 1261, app/assets/stylesheets/upload.scss */
.upload-review-value {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

/* line 1270, app/assets/stylesheets/upload.scss */
.upload-review-section-title {
  margin: 0 0 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

/* line 1277, app/assets/stylesheets/upload.scss */
.upload-review-tracks {
  display: grid;
  gap: 12px;
}

/* line 1282, app/assets/stylesheets/upload.scss */
.upload-review-track {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

/* line 1291, app/assets/stylesheets/upload.scss */
.upload-review-track__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

/* line 1298, app/assets/stylesheets/upload.scss */
.upload-review-track__number {
  color: var(--upload-muted);
  font-size: 12px;
  font-weight: 800;
}

/* line 1304, app/assets/stylesheets/upload.scss */
.upload-review-track__title {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

/* line 1312, app/assets/stylesheets/upload.scss */
.upload-rights {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

/* line 1320, app/assets/stylesheets/upload.scss */
.upload-rights.has-error {
  border-color: rgba(227, 27, 35, 0.78);
}

/* line 1324, app/assets/stylesheets/upload.scss */
.upload-rights__label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}

/* line 1336, app/assets/stylesheets/upload.scss */
.upload-rights__label input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--upload-red);
}

/* line 1343, app/assets/stylesheets/upload.scss */
.upload-rights__note {
  margin: 9px 0 0 30px;
  color: var(--upload-muted);
  font-size: 13px;
  font-weight: 700;
}

/* line 1350, app/assets/stylesheets/upload.scss */
.upload-rights .upload-field-error {
  margin-left: 30px;
}

/* line 1354, app/assets/stylesheets/upload.scss */
.upload-submit-progress {
  display: grid;
  gap: 9px;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.24);
}

/* line 1364, app/assets/stylesheets/upload.scss */
.upload-submit-progress[hidden] {
  display: none;
}

/* line 1368, app/assets/stylesheets/upload.scss */
.upload-submit-progress__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  font-weight: 800;
}

/* line 1378, app/assets/stylesheets/upload.scss */
.upload-submit-progress__bar {
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

/* line 1385, app/assets/stylesheets/upload.scss */
.upload-submit-progress__bar span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--upload-red);
  transition: width 160ms ease;
}

/* line 1394, app/assets/stylesheets/upload.scss */
.upload-submit-progress p {
  margin: 0;
  color: var(--upload-muted);
  font-size: 12px;
  font-weight: 700;
}

/* line 1401, app/assets/stylesheets/upload.scss */
.upload-submit-result {
  margin-top: 16px;
  padding: 18px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
}

/* line 1409, app/assets/stylesheets/upload.scss */
.upload-submit-result[hidden] {
  display: none;
}

/* line 1413, app/assets/stylesheets/upload.scss */
.upload-submit-result.is-success {
  border: 1px solid rgba(52, 211, 153, 0.4);
  background: rgba(52, 211, 153, 0.12);
  color: #d1fae5;
}

/* line 1419, app/assets/stylesheets/upload.scss */
.upload-submit-result.is-error {
  border: 1px solid rgba(227, 27, 35, 0.54);
  background: rgba(227, 27, 35, 0.12);
  color: #fff;
}

/* line 1425, app/assets/stylesheets/upload.scss */
.upload-submit-result h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

/* line 1432, app/assets/stylesheets/upload.scss */
.upload-submit-result p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

/* line 1440, app/assets/stylesheets/upload.scss */
.flatpickr-calendar {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #171719;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
  color: #fff;
}

/* line 1447, app/assets/stylesheets/upload.scss */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  border-bottom-color: #171719;
  border-top-color: #171719;
}

/* line 1455, app/assets/stylesheets/upload.scss */
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekdays,
span.flatpickr-weekday {
  background: #171719;
  color: rgba(255, 255, 255, 0.82);
}

/* line 1463, app/assets/stylesheets/upload.scss */
.flatpickr-current-month input.cur-year,
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  color: #fff;
}

/* line 1468, app/assets/stylesheets/upload.scss */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}

/* line 1474, app/assets/stylesheets/upload.scss */
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  fill: #fff;
}

/* line 1481, app/assets/stylesheets/upload.scss */
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg path,
.flatpickr-months .flatpickr-next-month:hover svg path {
  fill: var(--upload-red);
}

/* line 1488, app/assets/stylesheets/upload.scss */
.flatpickr-day {
  color: #fff;
  border-color: transparent;
}

/* line 1493, app/assets/stylesheets/upload.scss */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: rgba(255, 255, 255, 0.32);
}

/* line 1498, app/assets/stylesheets/upload.scss */
.flatpickr-day:hover,
.flatpickr-day:focus {
  background: rgba(227, 27, 35, 0.18);
  border-color: rgba(227, 27, 35, 0.22);
}

/* line 1504, app/assets/stylesheets/upload.scss */
.flatpickr-day.today {
  border-color: rgba(255, 255, 255, 0.24);
}

/* line 1508, app/assets/stylesheets/upload.scss */
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
  background: var(--upload-red);
  border-color: var(--upload-red);
  color: #fff;
}

@media (max-width: 767px) {
  /* line 1517, app/assets/stylesheets/upload.scss */
  .upload-landing {
    padding: 0 14px;
  }
  /* line 1521, app/assets/stylesheets/upload.scss */
  .upload-landing__panel {
    grid-template-columns: 1fr;
    gap: 20px;
    min-height: auto;
    padding: 28px 22px 30px;
    border-radius: 16px;
  }
  /* line 1529, app/assets/stylesheets/upload.scss */
  .upload-landing h1 {
    font-size: 32px;
    line-height: 1.04;
  }
  /* line 1534, app/assets/stylesheets/upload.scss */
  .upload-landing__intro {
    font-size: 15px;
    line-height: 1.38;
  }
  /* line 1539, app/assets/stylesheets/upload.scss */
  .upload-landing__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    margin-top: 24px;
  }
  /* line 1546, app/assets/stylesheets/upload.scss */
  .upload-landing__actions .rj-submit-button {
    width: 160px;
  }
  /* line 1550, app/assets/stylesheets/upload.scss */
  .upload-landing__actions span {
    font-size: 13px;
    line-height: 1.35;
  }
  /* line 1555, app/assets/stylesheets/upload.scss */
  .upload-landing__visual {
    justify-content: flex-start;
    min-height: auto;
  }
  /* line 1560, app/assets/stylesheets/upload.scss */
  .upload-landing__icon-square {
    width: 112px;
    height: 112px;
    border-radius: 12px;
  }
  /* line 1566, app/assets/stylesheets/upload.scss */
  .upload-landing__rj-icon {
    width: 82px;
  }
  /* line 1570, app/assets/stylesheets/upload.scss */
  .upload-submit__frame {
    padding: 28px 18px;
    border-radius: 14px;
  }
  /* line 1575, app/assets/stylesheets/upload.scss */
  .upload-submit__title {
    font-size: 28px;
  }
  /* line 1579, app/assets/stylesheets/upload.scss */
  .upload-submit__choices {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  /* line 1584, app/assets/stylesheets/upload.scss */
  .upload-choice {
    grid-template-columns: 86px 1fr;
    min-height: 118px;
    gap: 18px;
    padding: 18px;
    border-radius: 14px;
  }
  /* line 1592, app/assets/stylesheets/upload.scss */
  .upload-choice__art {
    width: 86px;
    height: 86px;
    border-radius: 12px;
  }
  /* line 1598, app/assets/stylesheets/upload.scss */
  .upload-cover {
    width: 54px;
    height: 54px;
    border-radius: 7px;
  }
  /* line 1604, app/assets/stylesheets/upload.scss */
  .upload-cover--single {
    width: 58px;
    height: 58px;
  }
  /* line 1609, app/assets/stylesheets/upload.scss */
  .upload-choice__label {
    font-size: 23px;
  }
  /* line 1613, app/assets/stylesheets/upload.scss */
  .upload-submit__actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  /* line 1618, app/assets/stylesheets/upload.scss */
  .upload-submit__actions .rj-submit-button,
.upload-submit__back {
    width: 100%;
  }
  /* line 1623, app/assets/stylesheets/upload.scss */
  .upload-basic {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  /* line 1628, app/assets/stylesheets/upload.scss */
  .upload-cover-drop {
    width: 100%;
    max-width: 280px;
  }
  /* line 1633, app/assets/stylesheets/upload.scss */
  .upload-cover-panel {
    width: 100%;
  }
  /* line 1637, app/assets/stylesheets/upload.scss */
  .upload-cover-rules-modal__dialog {
    padding: 22px 20px;
  }
  /* line 1641, app/assets/stylesheets/upload.scss */
  .upload-time-fields {
    grid-template-columns: minmax(78px, 1fr) 16px minmax(78px, 1fr) minmax(78px, 1fr);
    max-width: none;
  }
  /* line 1646, app/assets/stylesheets/upload.scss */
  .upload-time-fields .upload-field {
    padding-left: 14px;
    padding-right: 34px;
  }
  /* line 1651, app/assets/stylesheets/upload.scss */
  .upload-timezone-field {
    max-width: none;
  }
  /* line 1655, app/assets/stylesheets/upload.scss */
  .upload-track-card {
    padding: 14px;
  }
  /* line 1659, app/assets/stylesheets/upload.scss */
  .upload-track-card__top {
    align-items: center;
  }
  /* line 1663, app/assets/stylesheets/upload.scss */
  .upload-track-grid,
.upload-credit-row {
    grid-template-columns: 1fr;
  }
  /* line 1668, app/assets/stylesheets/upload.scss */
  .upload-credit-row {
    grid-template-areas: "type" "name" "remove";
  }
  /* line 1675, app/assets/stylesheets/upload.scss */
  .upload-credit-row.has-custom-type {
    grid-template-areas: "type" "custom" "name" "remove";
  }
  /* line 1683, app/assets/stylesheets/upload.scss */
  .upload-credit-remove {
    justify-self: start;
  }
  /* line 1687, app/assets/stylesheets/upload.scss */
  .upload-audio-drop {
    min-height: 112px;
  }
  /* line 1691, app/assets/stylesheets/upload.scss */
  .upload-audio-player {
    grid-template-columns: 36px minmax(0, 1fr);
  }
  /* line 1695, app/assets/stylesheets/upload.scss */
  .upload-audio-time {
    grid-column: 2;
    text-align: left;
  }
  /* line 1700, app/assets/stylesheets/upload.scss */
  .upload-review-release,
.upload-review-grid {
    grid-template-columns: 1fr;
  }
  /* line 1705, app/assets/stylesheets/upload.scss */
  .upload-review-cover {
    width: 100%;
    max-width: 220px;
  }
}