body main {
  flex-direction: column;
  display: flex;
  padding-top: 5%;
  background-image: url("../assets/submit-form-bg-masked.webp");
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: var(--space-1000);
}
@media (max-width: 2275px) {
  body main {
    display: block;
    padding-top: 0;
  }
}
@media (max-width: 800px) {
  body main {
    background-image: none;
  }
}

.app-submission-form-section {
  padding: 0px var(--space-400) var(--space-400);
  width: 100%;
}
@media (max-width: 800px) {
  .app-submission-form-section {
    padding-top: 0px;
  }
}
.app-submission-form-section .app-submission-form-container {
  max-width: 720px;
  margin: auto;
}
.app-submission-form-section .app-submission-form-container .form-header {
  padding: var(--space-1000) 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}
.app-submission-form-section .app-submission-form-container .form-title {
  color: var(--color-text-pure);
  text-align: center;
  font-family: var(--font-family-brand);
  font-size: var(--font-size-800);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-1000);
  letter-spacing: var(--font-letter-spacing-default);
}
@media (max-width: 600px) {
  .app-submission-form-section .app-submission-form-container .form-title {
    line-height: var(--font-line-height-1000);
  }
}
.app-submission-form-section .app-submission-form-container .sub-title {
  color: var(--color-text-tertiary);
  text-align: center;
  font-size: var(--font-size-400);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-600);
}
.app-submission-form-section .app-submission-form-container .app-form .input-fields-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-800);
}
.app-submission-form-section .app-submission-form-container .app-form .flex-container {
  display: flex;
  gap: var(--space-600);
}
@media (max-width: 600px) {
  .app-submission-form-section .app-submission-form-container .app-form .flex-container {
    flex-direction: column;
    gap: var(--space-800);
  }
}
.app-submission-form-section .app-submission-form-container .app-form .flex-website-label {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: var(--space-300);
  justify-content: flex-end;
}
.app-submission-form-section .app-submission-form-container .app-form .flex-website-label #is-website {
  position: relative;
  top: calc(-1 * var(--space-100));
}
.app-submission-form-section .app-submission-form-container .app-form .flex-website-label:has(+ input.hidden) {
  padding-top: 39px;
}
@media (max-width: 600px) {
  .app-submission-form-section .app-submission-form-container .app-form .flex-website-label:has(+ input.hidden) {
    padding-top: 0;
  }
}
.app-submission-form-section .app-submission-form-container .app-form .flex-website-label:has(+ input.hidden) #is-website {
  position: relative;
  top: 0;
}
.app-submission-form-section .app-submission-form-container .app-form .flex-website-label:has(+ input.hidden) label {
  margin: 0;
}
.app-submission-form-section .app-submission-form-container .checboxes-container {
  margin: 28px 0 var(--space-600);
}
@media (max-width: 600px) {
  .app-submission-form-section .app-submission-form-container .checboxes-container {
    margin-top: var(--space-1200);
  }
}
.app-submission-form-section .app-submission-form-container .checboxes-container.error {
  margin: 28px 0 var(--space-1200);
}
@media (max-width: 600px) {
  .app-submission-form-section .app-submission-form-container .checboxes-container.error {
    margin: var(--space-1200) 0 var(--space-1600);
  }
}
.app-submission-form-section .app-submission-form-container .submit-button {
  height: var(--space-1000);
  position: relative;
}
.app-submission-form-section .app-submission-form-container .submit-button .submit-button-text {
  position: relative;
}
.app-submission-form-section .app-submission-form-container .submit-button.loading {
  pointer-events: none;
}
.app-submission-form-section .app-submission-form-container .submit-button.loading .submit-button-text {
  display: none;
}
.app-submission-form-section .app-submission-form-container .submit-button.loading .loader {
  opacity: 1;
  transform: scale(1);
}
.app-submission-form-section .app-submission-form-container .submit-button.loading .loader svg {
  animation: 0.75s linear rotating infinite;
}
.app-submission-form-section .app-submission-form-container .char-count {
  position: absolute;
  right: 0;
  bottom: 0;
  bottom: calc(-1 * var(--space-500));
  color: var(--color-text-tertiary);
  text-align: right;
  font-family: var(--font-family-brand);
  font-size: var(--font-size-300);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-400);
  letter-spacing: var(--font-letter-spacing-default);
}
.app-submission-form-section .app-submission-form-container .char-count .limit.error {
  color: var(--color-text-error);
}
.app-submission-form-section .general-form-error {
  background-color: var(--color-surface-critical-solid);
  color: var(--color-white);
  width: 100%;
  line-height: var(--font-line-height-500);
  font-size: var(--font-size-400);
  text-align: center;
  z-index: 8;
  padding: var(--space-200) var(--space-400);
  margin-top: var(--space-500);
  display: none;
}
.app-submission-form-section .general-form-error.active {
  display: block;
}
.app-submission-form-section label.validation {
  position: absolute;
}
.app-submission-form-section label[for=submission-agree] {
  color: var(--color-text-tertiary);
  font-family: var(--font-family-default);
  font-size: var(--font-size-400);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-600);
  letter-spacing: var(--font-letter-spacing-default);
  top: -3px;
}
.app-submission-form-section label[for=submission-agree] > span {
  font-size: inherit;
}
.app-submission-form-section label[for=submission-agree] a {
  color: var(--color-text-primary);
  font-size: var(--font-size-400);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-600);
  letter-spacing: var(--font-letter-spacing-default);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.app-submission-form-section label[for=submission-agree] a:hover {
  color: var(--color-brand-ow-hover);
  text-decoration: none;
}

.logout-btn {
  color: var(--color-text-primary);
  font-family: var(--font-family-brand);
  font-size: var(--font-size-400);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-600);
  display: flex;
  align-items: center;
  gap: var(--space-200);
  position: absolute;
  right: 20px;
  top: 27px;
  width: fit-content;
  margin: auto;
}
@media (max-width: 600px) {
  .logout-btn {
    top: 60px;
    right: 0;
    left: 0;
  }
}
.logout-btn svg {
  width: 24px;
  height: 24px;
}
.logout-btn:hover {
  color: var(--color-brand-ow-hover);
}

.multi-list .select-dropdown {
  position: relative;
  width: 100%;
  user-select: none;
  cursor: pointer;
}
.multi-list .select-dropdown .dropdown {
  position: relative;
  transition: opacity 150ms;
  will-change: opacity;
}
.multi-list .select-dropdown .dropdown.is-open {
  z-index: 2;
}
.multi-list .select-dropdown .dropdown.is-open .dropdown-selected-items {
  border-color: var(--color-border-primary);
}
.multi-list .select-dropdown .dropdown.is-open .dropdown-selected-items svg {
  transform: rotate(180deg);
}
.multi-list .select-dropdown .dropdown.is-open .dropdown-list-wrapper {
  display: block;
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items {
  position: relative;
  border: 1px solid var(--color-neutral-32);
  color: var(--color-text-pure);
  background-color: var(--color-surface-secondary);
  min-height: var(--space-1000);
  display: flex;
  gap: var(--space-200);
  transition: color 150ms;
  padding: 6px;
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items:hover {
  border-color: var(--color-border-primary);
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items:hover > svg {
  color: var(--color-text-secondary);
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items.error {
  border: 1px solid var(--color-brand-ow);
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items.error + .validation {
  display: block;
  color: var(--color-text-critical);
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items > svg {
  width: var(--space-600);
  height: var(--space-600);
  color: #999999;
  transition: color 150ms ease;
  pointer-events: none;
  transform: rotate(0);
  margin-top: var(--space-50);
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items .tag-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-100);
  pointer-events: none;
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items .tag-list .tag {
  display: flex;
  align-items: center;
  padding: var(--space-50) var(--space-50) var(--space-50) var(--space-300);
  gap: var(--space-100);
  background-color: var(--color-surface-on-surface-primary);
  color: var(--color-text-secondary);
  font-size: var(--font-size-350);
  line-height: var(--font-line-height-500);
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items .tag-list .tag button {
  width: var(--space-500);
  height: var(--space-500);
  color: var(--color-icon-secondary);
  pointer-events: all;
  background-color: transparent;
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items .tag-list .tag button:hover, .multi-list .select-dropdown .dropdown .dropdown-selected-items .tag-list .tag button:focus {
  background-color: var(--color-surface-on-surface-primary-hover);
  color: var(--color-icon-primary);
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items .tag-list .tag button svg {
  width: var(--space-500);
  height: var(--space-500);
  pointer-events: none;
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items > .tag-list.has-items + .placeholder {
  display: none;
}
.multi-list .select-dropdown .dropdown .dropdown-selected-items > .placeholder {
  display: block;
  position: absolute;
  pointer-events: none;
  left: var(--space-400);
  color: var(--color-text-tertiary);
  font-family: var(--font-family-default);
  font-size: var(--font-size-400);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-600);
  letter-spacing: var(--font-letter-spacing-default);
  text-transform: none;
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper {
  position: absolute;
  z-index: 1;
  display: none;
  width: 100%;
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list {
  background-color: #333333;
  border: 1px solid var(--color-neutral-32);
  list-style: none;
  padding: 0;
  width: 100%;
  margin-top: 2px;
  max-height: 342px;
  overflow-y: scroll;
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list::-webkit-scrollbar {
  width: var(--space-100);
  height: var(--space-100);
  background-color: transparent;
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list::-webkit-scrollbar-thumb {
  border-width: 0;
  background-color: #404040;
  background-clip: padding-box;
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li {
  padding: 0 0 0 var(--space-300);
  height: var(--space-1000);
  transition: 0.15s ease;
  display: flex;
  gap: var(--space-300);
  align-items: center;
  position: relative;
  background-color: var(--color-surface-tertiary);
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li label {
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: var(--font-weight-regular);
  flex: 1;
  height: var(--space-1000);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: var(--font-family-default);
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li label::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li input {
  background-color: transparent;
  position: relative;
  z-index: 1;
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li input:checked {
  background-color: var(--color-brand-ow);
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li:hover, .multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li .selected {
  background-color: var(--color-surface-tertiary-hover);
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li:hover input, .multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li .selected input {
  border-color: var(--color-border-primary);
  background: rgba(255, 255, 255, 0.16);
}
.multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li:hover input:checked, .multi-list .select-dropdown .dropdown .dropdown-list-wrapper .dropdown-list li .selected input:checked {
  border: 1px solid var(--color-brand-ow-hover);
  background: var(--color-brand-ow-hover);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.6%205.55501C16.0418%205.90007%2016.1314%206.55277%2015.8%207.01286L9.8%2015.3434C9.62607%2015.5849%209.36005%2015.7359%209.07089%2015.7573C8.78173%2015.7787%208.49788%2015.6684%208.29289%2015.455L5.29289%2012.331C4.90237%2011.9243%204.90237%2011.265%205.29289%2010.8583C5.68342%2010.4517%206.31658%2010.4517%206.70711%2010.8583L8.89181%2013.1333L14.2%205.76327C14.5314%205.30318%2015.1582%205.20994%2015.6%205.55501Z%22%20fill%3D%22%23F4F2FF%22/%3E%0D%0A%3C/svg%3E%0D%0A");
}