/* 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 h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: 58px;
  line-height: 1.02;
  font-weight: 900;
}

/* line 51, 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 60, app/assets/stylesheets/upload.scss */
.upload-landing__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
}

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

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

/* line 77, 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 86, 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%, #be2222 48%, #6f0e0e 100%);
  color: #fff;
}

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

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

/* line 106, 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 118, app/assets/stylesheets/upload.scss */
.upload-submit__heading {
  margin-bottom: 30px;
}

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

/* line 126, 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 135, app/assets/stylesheets/upload.scss */
.upload-submit__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 1.08;
  font-weight: 800;
}

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

/* line 149, 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, transform 160ms ease, box-shadow 160ms ease;
}

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

/* line 173, 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 179, 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 189, 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);
  backface-visibility: hidden;
  transform-origin: center;
  will-change: transform;
}

/* line 201, 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 208, app/assets/stylesheets/upload.scss */
.upload-cover--album-1 {
  z-index: 3;
  transform: translate3d(20px, 18px, 0) rotate(3deg);
  background: linear-gradient(145deg, #ff3038 0%, #d4141c 58%, #900b10 100%);
}

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

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

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

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

/* line 242, 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 258, app/assets/stylesheets/upload.scss */
.upload-submit__back:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* line 284, 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 293, 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 310, 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 321, 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 330, app/assets/stylesheets/upload.scss */
.upload-cover-drop.has-preview {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.18);
}

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

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

/* line 343, 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 348, 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 359, app/assets/stylesheets/upload.scss */
.upload-cover-drop__title {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 18px;
  font-weight: 800;
}

/* line 367, 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 377, 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 383, 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 394, app/assets/stylesheets/upload.scss */
.upload-cover-rules-link:hover,
.upload-cover-rules-link:focus {
  color: #fff;
}

/* line 399, 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 410, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal.tw-hidden {
  display: none;
}

/* line 414, 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 426, 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 433, 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 441, 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 453, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__dialog .upload-cover-rules-modal__note {
  color: #fff;
}

/* line 457, 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 477, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__close span {
  transform: translateY(-1px);
}

/* line 481, 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 487, app/assets/stylesheets/upload.scss */
.upload-cover-rules-modal__button {
  width: 112px;
  min-height: 42px;
}

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

/* line 497, 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 505, 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 517, 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 522, 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 528, app/assets/stylesheets/upload.scss */
.upload-field-error {
  display: block;
  margin-top: 7px;
  color: #ff6b78;
  font-size: 12px;
  font-weight: 800;
}

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

/* line 540, app/assets/stylesheets/upload.scss */
.upload-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.34);
}
.upload-field::placeholder {
  color: rgba(255, 255, 255, 0.34);
}

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

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

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

/* line 556, 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 573, app/assets/stylesheets/upload.scss */
.upload-artist-suggestions[hidden] {
  display: none;
}

/* line 577, 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 593, app/assets/stylesheets/upload.scss */
.upload-artist-suggestion:hover,
.upload-artist-suggestion.is-active {
  background: rgba(255, 255, 255, 0.08);
}

/* line 598, 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 611, app/assets/stylesheets/upload.scss */
.upload-artist-avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 618, 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 627, 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 639, app/assets/stylesheets/upload.scss */
.upload-artist-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

/* line 645, 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 657, app/assets/stylesheets/upload.scss */
.upload-artist-avatar--selected {
  width: 36px;
  height: 36px;
}

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

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

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

/* line 679, 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 695, app/assets/stylesheets/upload.scss */
.upload-artist-remove:hover {
  background: rgba(227, 27, 35, 0.2);
  color: #fff;
}

/* line 700, 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 708, 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;
  -moz-text-align-last: center;
       text-align-last: center;
}

/* line 721, 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 734, app/assets/stylesheets/upload.scss */
.upload-timezone-field {
  max-width: 382px;
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
}

/* line 740, 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 748, app/assets/stylesheets/upload.scss */
.upload-tracks {
  display: grid;
  gap: 16px;
}

/* line 753, 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 760, 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 768, 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 777, app/assets/stylesheets/upload.scss */
.upload-track-card__title {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

/* line 784, 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 796, app/assets/stylesheets/upload.scss */
.upload-track-remove:hover {
  background: rgba(227, 27, 35, 0.2);
  color: #fff;
}

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

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

/* line 814, 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: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* line 829, 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 838, app/assets/stylesheets/upload.scss */
.upload-track-drag:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.86);
}

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

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

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

/* line 857, 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 863, app/assets/stylesheets/upload.scss */
.upload-track-dragging,
.upload-track-dragging * {
  cursor: grabbing !important;
}

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

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

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

/* line 887, 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 895, app/assets/stylesheets/upload.scss */
.upload-credit-row.has-custom-type {
  grid-template-areas: "type . remove" "custom name remove";
}

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

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

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

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

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

/* line 923, 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 940, 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 959, app/assets/stylesheets/upload.scss */
.upload-credit-remove:hover,
.upload-credit-add:hover {
  background: rgba(227, 27, 35, 0.2);
  color: #fff;
}

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

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

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

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

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

/* line 992, 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 1001, 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 1014, 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 1019, app/assets/stylesheets/upload.scss */
.upload-audio-field.has-error .upload-audio-drop {
  border-color: rgba(227, 27, 35, 0.78);
}

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

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

/* line 1036, 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 1046, app/assets/stylesheets/upload.scss */
.upload-audio-player[hidden],
.upload-audio-preview {
  display: none;
}

/* line 1051, 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 1063, 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 1076, app/assets/stylesheets/upload.scss */
.upload-audio-play:hover {
  background: #e31b23;
}

/* line 1080, 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 1090, app/assets/stylesheets/upload.scss */
.upload-audio-play__icon::before,
.upload-audio-play__icon::after {
  content: none;
}

/* line 1095, 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 1104, 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 1114, 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 1123, 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 1129, app/assets/stylesheets/upload.scss */
.upload-audio-range::-moz-range-track {
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

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

/* line 1141, 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 1151, 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 1160, 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 1169, 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 1182, app/assets/stylesheets/upload.scss */
.upload-add-track:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

/* line 1191, 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 1198, app/assets/stylesheets/upload.scss */
.upload-review-release {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

/* line 1205, 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 1214, 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 1223, app/assets/stylesheets/upload.scss */
.upload-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

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

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

/* line 1237, 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 1246, 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 1255, app/assets/stylesheets/upload.scss */
.upload-review-section-title {
  margin: 0 0 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

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

/* line 1267, 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 1276, app/assets/stylesheets/upload.scss */
.upload-review-track__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

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

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

/* line 1297, 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 1305, app/assets/stylesheets/upload.scss */
.upload-rights.has-error {
  border-color: rgba(227, 27, 35, 0.78);
}

/* line 1309, 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 1321, app/assets/stylesheets/upload.scss */
.upload-rights__label input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--upload-red);
}

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

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

/* line 1339, 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 1349, app/assets/stylesheets/upload.scss */
.upload-submit-progress[hidden] {
  display: none;
}

/* line 1353, 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 1363, app/assets/stylesheets/upload.scss */
.upload-submit-progress__bar {
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

/* line 1370, 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 1379, app/assets/stylesheets/upload.scss */
.upload-submit-progress p {
  margin: 0;
  color: var(--upload-muted);
  font-size: 12px;
  font-weight: 700;
}

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

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

/* line 1398, 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 1404, 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 1410, app/assets/stylesheets/upload.scss */
.upload-submit-result h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

/* line 1417, 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 1425, app/assets/stylesheets/upload.scss */
.rj-upload-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;
  font-family: inherit;
  max-width: calc(100vw - 1rem);
  width: 19rem;
  z-index: 1000;
}

/* line 1436, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc="header"] {
  margin-bottom: 0.875rem;
}

/* line 1440, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc="month"],
.rj-upload-calendar [data-vc="year"] {
  color: #f5f5f5;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  transition: background-color 120ms ease, color 120ms ease;
}

/* line 1449, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc="month"]:hover,
.rj-upload-calendar [data-vc="year"]:hover {
  background: #2f2f2f;
}

/* line 1454, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-arrow] {
  border-radius: 0.5rem;
  color: #d4d4d4;
  transition: background-color 120ms ease, color 120ms ease;
}

/* line 1460, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-arrow]:hover {
  background: #2f2f2f;
  color: #fff;
}

/* line 1465, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-arrow]::before {
  background: none;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  height: 0.55rem;
  left: 0.47rem;
  top: 0.47rem;
  width: 0.55rem;
}

/* line 1475, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-arrow="prev"]::before {
  transform: rotate(135deg);
}

/* line 1479, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-arrow="next"]::before {
  transform: rotate(-45deg);
}

/* line 1483, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-week-day] {
  color: #a3a3a3;
  font-weight: 600;
}

/* line 1488, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date-btn],
.rj-upload-calendar [data-vc-months-month],
.rj-upload-calendar [data-vc-years-year] {
  background: transparent;
  color: #e5e5e5;
}

/* line 1495, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date-btn]:hover,
.rj-upload-calendar [data-vc-months-month]:hover,
.rj-upload-calendar [data-vc-years-year]:hover {
  background: #2f2f2f;
}

/* line 1501, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date][data-vc-date-month="prev"] [data-vc-date-btn],
.rj-upload-calendar [data-vc-date][data-vc-date-month="next"] [data-vc-date-btn] {
  color: #737373;
}

/* line 1506, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date][data-vc-date-disabled] [data-vc-date-btn],
.rj-upload-calendar [data-vc-months-month]:disabled,
.rj-upload-calendar [data-vc-years-year]:disabled {
  color: #525252;
}

/* line 1512, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date][data-vc-date-today] [data-vc-date-btn] {
  box-shadow: inset 0 0 0 1px rgba(227, 27, 35, 0.55);
  color: #f18c90;
  font-weight: 700;
}

/* line 1518, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date][data-vc-date-selected] [data-vc-date-btn],
.rj-upload-calendar [data-vc-months-month][data-vc-months-month-selected],
.rj-upload-calendar [data-vc-years-year][data-vc-years-year-selected] {
  background: var(--upload-red);
  color: #fff;
}

/* line 1525, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date][data-vc-date-selected] [data-vc-date-btn]:hover,
.rj-upload-calendar [data-vc-months-month][data-vc-months-month-selected]:hover,
.rj-upload-calendar [data-vc-years-year][data-vc-years-year-selected]:hover {
  background: #c9161d;
  color: #fff;
}

/* line 1532, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [data-vc-date][data-vc-date-selected][data-vc-date-today] [data-vc-date-btn] {
  box-shadow: none;
}

/* line 1536, app/assets/stylesheets/upload.scss */
.rj-upload-calendar [tabindex="0"]:focus-visible,
.rj-upload-calendar button:focus-visible,
.rj-upload-calendar:focus-visible {
  outline-color: var(--upload-red);
}

@media (max-width: 767px) {
  /* line 1543, app/assets/stylesheets/upload.scss */
  .upload-landing {
    padding: 0 14px;
  }
  /* line 1547, 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 1555, app/assets/stylesheets/upload.scss */
  .upload-landing h1 {
    font-size: 32px;
    line-height: 1.04;
  }
  /* line 1560, app/assets/stylesheets/upload.scss */
  .upload-landing__intro {
    font-size: 15px;
    line-height: 1.38;
  }
  /* line 1565, app/assets/stylesheets/upload.scss */
  .upload-landing__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    margin-top: 24px;
  }
  /* line 1572, app/assets/stylesheets/upload.scss */
  .upload-landing__actions .rj-submit-button {
    width: 160px;
  }
  /* line 1576, app/assets/stylesheets/upload.scss */
  .upload-landing__actions span {
    font-size: 13px;
    line-height: 1.35;
  }
  /* line 1581, app/assets/stylesheets/upload.scss */
  .upload-landing__visual {
    justify-content: flex-start;
    min-height: auto;
  }
  /* line 1586, app/assets/stylesheets/upload.scss */
  .upload-landing__icon-square {
    width: 112px;
    height: 112px;
    border-radius: 12px;
  }
  /* line 1592, app/assets/stylesheets/upload.scss */
  .upload-landing__rj-icon {
    width: 82px;
  }
  /* line 1596, app/assets/stylesheets/upload.scss */
  .upload-submit__frame {
    padding: 28px 18px;
    border-radius: 14px;
  }
  /* line 1601, app/assets/stylesheets/upload.scss */
  .upload-submit__title {
    font-size: 28px;
  }
  /* line 1605, app/assets/stylesheets/upload.scss */
  .upload-submit__choices {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  /* line 1610, app/assets/stylesheets/upload.scss */
  .upload-choice {
    grid-template-columns: 86px 1fr;
    min-height: 118px;
    gap: 18px;
    padding: 18px;
    border-radius: 14px;
  }
  /* line 1618, app/assets/stylesheets/upload.scss */
  .upload-choice__art {
    width: 86px;
    height: 86px;
    border-radius: 12px;
  }
  /* line 1624, app/assets/stylesheets/upload.scss */
  .upload-cover {
    width: 54px;
    height: 54px;
    border-radius: 7px;
  }
  /* line 1630, app/assets/stylesheets/upload.scss */
  .upload-cover--single {
    width: 58px;
    height: 58px;
  }
  /* line 1635, app/assets/stylesheets/upload.scss */
  .upload-choice__label {
    font-size: 23px;
  }
  /* line 1639, app/assets/stylesheets/upload.scss */
  .upload-submit__actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  /* line 1644, app/assets/stylesheets/upload.scss */
  .upload-submit__actions .rj-submit-button,
.upload-submit__back {
    width: 100%;
  }
  /* line 1649, app/assets/stylesheets/upload.scss */
  .upload-basic {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  /* line 1654, app/assets/stylesheets/upload.scss */
  .upload-cover-drop {
    width: 100%;
    max-width: 280px;
  }
  /* line 1659, app/assets/stylesheets/upload.scss */
  .upload-cover-panel {
    width: 100%;
  }
  /* line 1663, app/assets/stylesheets/upload.scss */
  .upload-cover-rules-modal__dialog {
    padding: 22px 20px;
  }
  /* line 1667, 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 1672, app/assets/stylesheets/upload.scss */
  .upload-time-fields .upload-field {
    padding-left: 14px;
    padding-right: 34px;
  }
  /* line 1677, app/assets/stylesheets/upload.scss */
  .upload-timezone-field {
    max-width: none;
  }
  /* line 1681, app/assets/stylesheets/upload.scss */
  .upload-track-card {
    padding: 14px;
  }
  /* line 1685, app/assets/stylesheets/upload.scss */
  .upload-track-card__top {
    align-items: center;
  }
  /* line 1689, app/assets/stylesheets/upload.scss */
  .upload-track-grid,
.upload-credit-row {
    grid-template-columns: 1fr;
  }
  /* line 1694, app/assets/stylesheets/upload.scss */
  .upload-credit-row {
    grid-template-areas: "type" "name" "remove";
  }
  /* line 1701, app/assets/stylesheets/upload.scss */
  .upload-credit-row.has-custom-type {
    grid-template-areas: "type" "custom" "name" "remove";
  }
  /* line 1709, app/assets/stylesheets/upload.scss */
  .upload-credit-remove {
    justify-self: start;
  }
  /* line 1713, app/assets/stylesheets/upload.scss */
  .upload-audio-drop {
    min-height: 112px;
  }
  /* line 1717, app/assets/stylesheets/upload.scss */
  .upload-audio-player {
    grid-template-columns: 36px minmax(0, 1fr);
  }
  /* line 1721, app/assets/stylesheets/upload.scss */
  .upload-audio-time {
    grid-column: 2;
    text-align: left;
  }
  /* line 1726, app/assets/stylesheets/upload.scss */
  .upload-review-release,
.upload-review-grid {
    grid-template-columns: 1fr;
  }
  /* line 1731, app/assets/stylesheets/upload.scss */
  .upload-review-cover {
    width: 100%;
    max-width: 220px;
  }
}