@charset "UTF-8";:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
@font-face {
  font-family: "my-riad-pro", sans-serif;
  src: url("/assets/Avenir-BXmUQxK4.ttc");
  src: url("/assets/Avenir-BXmUQxK4.ttc") format("ttc");
  font-weight: normal;
  font-style: normal;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-Roman-CxFk7moX.eot");
  src: local("Avenir LT 55 Roman"), local("AvenirLT-Roman"), url("/assets/AvenirLT-Roman-CxFk7moX.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-Roman-x2BJ3Yns.woff") format("woff"), url("/assets/AvenirLT-Roman-DrkHArQ4.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-MediumOblique-xu3mF91h.eot");
  src: local("Avenir LT 65 Medium Oblique"), local("AvenirLT-MediumOblique"), url("/assets/AvenirLT-MediumOblique-xu3mF91h.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-MediumOblique-Rfgn5zkF.woff") format("woff"), url("/assets/AvenirLT-MediumOblique-DB82VDAf.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-Heavy-B2SFU2cD.eot");
  src: local("Avenir LT 85 Heavy"), local("AvenirLT-Heavy"), url("/assets/AvenirLT-Heavy-B2SFU2cD.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-Heavy-BgWBjVrZ.woff") format("woff"), url("/assets/AvenirLT-Heavy-BzLm0SjW.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-Black-DglZBJrP.eot");
  src: local("Avenir LT 95 Black"), local("AvenirLT-Black"), url("/assets/AvenirLT-Black-DglZBJrP.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-Black-BtvetAgH.woff") format("woff"), url("/assets/AvenirLT-Black-D6FAZfCe.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-LightOblique-Cl4U9XvW.eot");
  src: local("Avenir LT 35 Light Oblique"), local("AvenirLT-LightOblique"), url("/assets/AvenirLT-LightOblique-Cl4U9XvW.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-LightOblique-BbX32kWB.woff") format("woff"), url("/assets/AvenirLT-LightOblique-C5rbpvV8.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-BlackOblique-DoQLKfpy.eot");
  src: local("Avenir LT 95 Black Oblique"), local("AvenirLT-BlackOblique"), url("/assets/AvenirLT-BlackOblique-DoQLKfpy.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-BlackOblique-DNgYNCV_.woff") format("woff"), url("/assets/AvenirLT-BlackOblique-CXeL8vEi.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-HeavyOblique-B-XARdwQ.eot");
  src: local("Avenir LT 86 Heavy Oblique"), local("AvenirLT-HeavyOblique"), url("/assets/AvenirLT-HeavyOblique-B-XARdwQ.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-HeavyOblique-Dz5arMBC.woff") format("woff"), url("/assets/AvenirLT-HeavyOblique-BvxUy2dy.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-Medium-C6g_WRFL.eot");
  src: local("Avenir LT 65 Medium"), local("AvenirLT-Medium"), url("/assets/AvenirLT-Medium-C6g_WRFL.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-Medium-CzfM3dh5.woff") format("woff"), url("/assets/AvenirLT-Medium-C2byU_mC.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-Light-B4Y32F6W.eot");
  src: local("Avenir LT 35 Light"), local("AvenirLT-Light"), url("/assets/AvenirLT-Light-B4Y32F6W.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-Light-Bp67cjsv.woff") format("woff"), url("/assets/AvenirLT-Light-lYWt4-_J.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-Book-BbjXUjii.eot");
  src: local("Avenir LT 45 Book"), local("AvenirLT-Book"), url("/assets/AvenirLT-Book-BbjXUjii.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-Book-DbvHSsX_.woff") format("woff"), url("/assets/AvenirLT-Book-DFXxA4Jq.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-Oblique-CVUh5Gv0.eot");
  src: local("Avenir LT 55 Oblique"), local("AvenirLT-Oblique"), url("/assets/AvenirLT-Oblique-CVUh5Gv0.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-Oblique-CGzbG2HW.woff") format("woff"), url("/assets/AvenirLT-Oblique-Ckhi5Xwb.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "avenir", sans-serif;
  src: url("/assets/AvenirLT-BookOblique-xCU1UH-f.eot");
  src: local("Avenir LT 45 Book Oblique"), local("AvenirLT-BookOblique"), url("/assets/AvenirLT-BookOblique-xCU1UH-f.eot?#iefix") format("embedded-opentype"), url("/assets/AvenirLT-BookOblique-BeF_0pop.woff") format("woff"), url("/assets/AvenirLT-BookOblique-D3fNGdz_.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BoldCondIt-DUC0_s3D.eot");
  src: local("Myriad Pro Bold Condensed Italic"), local("MyriadPro-BoldCondIt"), url("/assets/MyriadPro-BoldCondIt-DUC0_s3D.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BoldCondIt-CG-Bja-P.woff") format("woff"), url("/assets/MyriadPro-BoldCondIt-Jy1iRlFA.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BlackIt-BjOcvGt7.eot");
  src: local("Myriad Pro Black Italic"), local("MyriadPro-BlackIt"), url("/assets/MyriadPro-BlackIt-BjOcvGt7.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BlackIt-DC8j5QFx.woff") format("woff"), url("/assets/MyriadPro-BlackIt-BBecoS-B.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-LightIt-BcV-03O8.eot");
  src: local("Myriad Pro Light Italic"), local("MyriadPro-LightIt"), url("/assets/MyriadPro-LightIt-BcV-03O8.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-LightIt-BYpRLmmk.woff") format("woff"), url("/assets/MyriadPro-LightIt-BtQg0r7a.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BlackCond-mAZ5GYHT.eot");
  src: local("Myriad Pro Black Condensed"), local("MyriadPro-BlackCond"), url("/assets/MyriadPro-BlackCond-mAZ5GYHT.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BlackCond-DOdMN367.woff") format("woff"), url("/assets/MyriadPro-BlackCond-B79T5hhr.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-Cond-B1ceBQ_i.eot");
  src: local("Myriad Pro Condensed"), local("MyriadPro-Cond"), url("/assets/MyriadPro-Cond-B1ceBQ_i.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-Cond-CTQnz7dn.woff") format("woff"), url("/assets/MyriadPro-Cond-DAKy91Hn.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-Bold-C6F2F-Kr.eot");
  src: local("Myriad Pro Bold"), local("MyriadPro-Bold"), url("/assets/MyriadPro-Bold-C6F2F-Kr.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-Bold-D0CFwbBF.woff") format("woff"), url("/assets/MyriadPro-Bold-Cn164PQC.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BoldIt-BIasCstg.eot");
  src: local("Myriad Pro Bold Italic"), local("MyriadPro-BoldIt"), url("/assets/MyriadPro-BoldIt-BIasCstg.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BoldIt-KJOGgKYg.woff") format("woff"), url("/assets/MyriadPro-BoldIt-f3KV8yMt.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BoldSemiCnIt-ikX-kgJo.eot");
  src: local("Myriad Pro Bold SemiCondensed Italic"), local("MyriadPro-BoldSemiCnIt"), url("/assets/MyriadPro-BoldSemiCnIt-ikX-kgJo.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BoldSemiCnIt-DqpNYfrL.woff") format("woff"), url("/assets/MyriadPro-BoldSemiCnIt-J8aOWuC5.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-CondIt-DVaglJ6u.eot");
  src: local("Myriad Pro Condensed Italic"), local("MyriadPro-CondIt"), url("/assets/MyriadPro-CondIt-DVaglJ6u.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-CondIt-8h9gh3IQ.woff") format("woff"), url("/assets/MyriadPro-CondIt-Ckn4DECJ.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-LightCond-Cn37pYT5.eot");
  src: local("Myriad Pro Light Condensed"), local("MyriadPro-LightCond"), url("/assets/MyriadPro-LightCond-Cn37pYT5.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-LightCond-BCcyCXRl.woff") format("woff"), url("/assets/MyriadPro-LightCond-CdL2b6AK.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiCn-DOKyi_q8.eot");
  src: local("Myriad Pro SemiCondensed"), local("MyriadPro-SemiCn"), url("/assets/MyriadPro-SemiCn-DOKyi_q8.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiCn-C18gM8hP.woff") format("woff"), url("/assets/MyriadPro-SemiCn-BO5X5Zjx.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiCnIt-BCT82XTb.eot");
  src: local("Myriad Pro SemiCondensed Italic"), local("MyriadPro-SemiCnIt"), url("/assets/MyriadPro-SemiCnIt-BCT82XTb.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiCnIt-EdGZbv9I.woff") format("woff"), url("/assets/MyriadPro-SemiCnIt-Bpzl8P96.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BoldCond-BNtULz5q.eot");
  src: local("Myriad Pro Bold Condensed"), local("MyriadPro-BoldCond"), url("/assets/MyriadPro-BoldCond-BNtULz5q.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BoldCond-CyBbUhjT.woff") format("woff"), url("/assets/MyriadPro-BoldCond-DGuaA4Jv.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-LightSemiExtIt--bRyuZpK.eot");
  src: local("Myriad Pro Light SemiExtended Italic"), local("MyriadPro-LightSemiExtIt"), url("/assets/MyriadPro-LightSemiExtIt--bRyuZpK.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-LightSemiExtIt-DMFmhanQ.woff") format("woff"), url("/assets/MyriadPro-LightSemiExtIt-CsmQxgBg.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-Semibold-BilV2zob.eot");
  src: local("Myriad Pro Semibold"), local("MyriadPro-Semibold"), url("/assets/MyriadPro-Semibold-BilV2zob.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-Semibold-DUfl_B8C.woff") format("woff"), url("/assets/MyriadPro-Semibold-CubSDtrZ.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-Black-CjapZyTt.eot");
  src: local("Myriad Pro Black"), local("MyriadPro-Black"), url("/assets/MyriadPro-Black-CjapZyTt.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-Black-Cz55Mgek.woff") format("woff"), url("/assets/MyriadPro-Black-BDtn5Wnv.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-Regular-XVBiDp2f.eot");
  src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url("/assets/MyriadPro-Regular-XVBiDp2f.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-Regular-DBj4TXWl.woff") format("woff"), url("/assets/MyriadPro-Regular-CMENm7HD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-LightSemiCn-nk9P1VEp.eot");
  src: local("Myriad Pro Light SemiCondensed"), local("MyriadPro-LightSemiCn"), url("/assets/MyriadPro-LightSemiCn-nk9P1VEp.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-LightSemiCn-DgPXGi6A.woff") format("woff"), url("/assets/MyriadPro-LightSemiCn-DdN_uXEs.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BlackCondIt-CBPR985s.eot");
  src: local("Myriad Pro Black Condensed Italic"), local("MyriadPro-BlackCondIt"), url("/assets/MyriadPro-BlackCondIt-CBPR985s.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BlackCondIt-BScAYjfb.woff") format("woff"), url("/assets/MyriadPro-BlackCondIt-BzsHqt45.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-LightCondIt-C8t1_8Vf.eot");
  src: local("Myriad Pro Light Condensed Italic"), local("MyriadPro-LightCondIt"), url("/assets/MyriadPro-LightCondIt-C8t1_8Vf.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-LightCondIt-BF4M4HYw.woff") format("woff"), url("/assets/MyriadPro-LightCondIt-Gi4EhMvs.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-LightSemiExt-BsEuu2PM.eot");
  src: local("Myriad Pro Light SemiExtended"), local("MyriadPro-LightSemiExt"), url("/assets/MyriadPro-LightSemiExt-BsEuu2PM.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-LightSemiExt-Ddi98cF8.woff") format("woff"), url("/assets/MyriadPro-LightSemiExt-Cohh6v1w.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BlackSemiCnIt-Ce06usk5.eot");
  src: local("Myriad Pro Black SemiCondensed Italic"), local("MyriadPro-BlackSemiCnIt"), url("/assets/MyriadPro-BlackSemiCnIt-Ce06usk5.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BlackSemiCnIt-BHDgfm40.woff") format("woff"), url("/assets/MyriadPro-BlackSemiCnIt-B2qyQnNH.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiboldCondIt-DJoAP7Bs.eot");
  src: local("Myriad Pro Semibold Condensed Italic"), local("MyriadPro-SemiboldCondIt"), url("/assets/MyriadPro-SemiboldCondIt-DJoAP7Bs.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiboldCondIt-BtLjd7Rw.woff") format("woff"), url("/assets/MyriadPro-SemiboldCondIt-CXEV_JfT.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiboldCond-GSOnCTD6.eot");
  src: local("Myriad Pro Semibold Condensed"), local("MyriadPro-SemiboldCond"), url("/assets/MyriadPro-SemiboldCond-GSOnCTD6.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiboldCond-Ut46yU9g.woff") format("woff"), url("/assets/MyriadPro-SemiboldCond-6SVU0xtX.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BoldSemiExtIt-BVPKRVt_.eot");
  src: local("Myriad Pro Bold SemiExtended Italic"), local("MyriadPro-BoldSemiExtIt"), url("/assets/MyriadPro-BoldSemiExtIt-BVPKRVt_.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BoldSemiExtIt-CENcer6l.woff") format("woff"), url("/assets/MyriadPro-BoldSemiExtIt-BtFqdJQc.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiboldSemiCn-Ck-m8ULf.eot");
  src: local("Myriad Pro Semibold SemiCondensed"), local("MyriadPro-SemiboldSemiCn"), url("/assets/MyriadPro-SemiboldSemiCn-Ck-m8ULf.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiboldSemiCn-DKOT5xik.woff") format("woff"), url("/assets/MyriadPro-SemiboldSemiCn-DMnJT3LR.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BlackSemiExtIt-Rzci7DrH.eot");
  src: local("Myriad Pro Black SemiExtended Italic"), local("MyriadPro-BlackSemiExtIt"), url("/assets/MyriadPro-BlackSemiExtIt-Rzci7DrH.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BlackSemiExtIt-CX8HkgS3.woff") format("woff"), url("/assets/MyriadPro-BlackSemiExtIt-7isweUL1.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiboldSemiExtIt-DpWu60l2.eot");
  src: local("Myriad Pro Semibold SemiExtended Italic"), local("MyriadPro-SemiboldSemiExtIt"), url("/assets/MyriadPro-SemiboldSemiExtIt-DpWu60l2.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiboldSemiExtIt-yQtvL-Vd.woff") format("woff"), url("/assets/MyriadPro-SemiboldSemiExtIt-DCc_Q1_I.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-LightSemiCnIt-DB0XbglM.eot");
  src: local("Myriad Pro Light SemiCondensed Italic"), local("MyriadPro-LightSemiCnIt"), url("/assets/MyriadPro-LightSemiCnIt-DB0XbglM.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-LightSemiCnIt-5EfVrSWF.woff") format("woff"), url("/assets/MyriadPro-LightSemiCnIt-Be5Xyi6v.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BoldSemiCn-hwViYaVP.eot");
  src: local("Myriad Pro Bold SemiCondensed"), local("MyriadPro-BoldSemiCn"), url("/assets/MyriadPro-BoldSemiCn-hwViYaVP.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BoldSemiCn-CAIW8jCU.woff") format("woff"), url("/assets/MyriadPro-BoldSemiCn-DLCWRyMd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiboldSemiCnIt-BZ8qN9Tj.eot");
  src: local("Myriad Pro Semibold SemiCondensed Italic"), local("MyriadPro-SemiboldSemiCnIt"), url("/assets/MyriadPro-SemiboldSemiCnIt-BZ8qN9Tj.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiboldSemiCnIt-eh7m6N13.woff") format("woff"), url("/assets/MyriadPro-SemiboldSemiCnIt-BmKvh0Sd.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiboldIt-Cwd0NmOL.eot");
  src: local("Myriad Pro Semibold Italic"), local("MyriadPro-SemiboldIt"), url("/assets/MyriadPro-SemiboldIt-Cwd0NmOL.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiboldIt-BQBrU9Gb.woff") format("woff"), url("/assets/MyriadPro-SemiboldIt-BVisia0m.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-It-BNarTcZS.eot");
  src: local("Myriad Pro Italic"), local("MyriadPro-It"), url("/assets/MyriadPro-It-BNarTcZS.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-It-Cyu6L9Dp.woff") format("woff"), url("/assets/MyriadPro-It-DER28msy.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BoldSemiExt-SAKsuLge.eot");
  src: local("Myriad Pro Bold SemiExtended"), local("MyriadPro-BoldSemiExt"), url("/assets/MyriadPro-BoldSemiExt-SAKsuLge.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BoldSemiExt-gjNHhjN-.woff") format("woff"), url("/assets/MyriadPro-BoldSemiExt-XI3hvP1i.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-Light-CNr8Eay_.eot");
  src: local("Myriad Pro Light"), local("MyriadPro-Light"), url("/assets/MyriadPro-Light-CNr8Eay_.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-Light-EO3G6LC8.woff") format("woff"), url("/assets/MyriadPro-Light-BPEJ_GbO.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiboldSemiExt-Cqql0qdx.eot");
  src: local("Myriad Pro Semibold SemiExtended"), local("MyriadPro-SemiboldSemiExt"), url("/assets/MyriadPro-SemiboldSemiExt-Cqql0qdx.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiboldSemiExt-zll_NZuj.woff") format("woff"), url("/assets/MyriadPro-SemiboldSemiExt-f249HYPL.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiExtIt-fHe8AMgH.eot");
  src: local("Myriad Pro SemiExtended Italic"), local("MyriadPro-SemiExtIt"), url("/assets/MyriadPro-SemiExtIt-fHe8AMgH.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiExtIt-BS97lg8X.woff") format("woff"), url("/assets/MyriadPro-SemiExtIt-CDbhwmKS.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BlackSemiCn-D_ay-KLk.eot");
  src: local("Myriad Pro Black SemiCondensed"), local("MyriadPro-BlackSemiCn"), url("/assets/MyriadPro-BlackSemiCn-D_ay-KLk.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BlackSemiCn-BEMUembA.woff") format("woff"), url("/assets/MyriadPro-BlackSemiCn-Ce2i7MYB.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-BlackSemiExt-CY2s-yUp.eot");
  src: local("Myriad Pro Black SemiExtended"), local("MyriadPro-BlackSemiExt"), url("/assets/MyriadPro-BlackSemiExt-CY2s-yUp.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-BlackSemiExt-c41vAKxs.woff") format("woff"), url("/assets/MyriadPro-BlackSemiExt-khnpNYH5.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Myriad", sans-serif;
  src: url("/assets/MyriadPro-SemiExt-DnP5rihg.eot");
  src: local("Myriad Pro SemiExtended"), local("MyriadPro-SemiExt"), url("/assets/MyriadPro-SemiExt-DnP5rihg.eot?#iefix") format("embedded-opentype"), url("/assets/MyriadPro-SemiExt-BQW_T8BD.woff") format("woff"), url("/assets/MyriadPro-SemiExt-mV3uroWA.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-Regular-Cvp6kmri.eot");
  src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("/assets/NunitoSans-Regular-Cvp6kmri.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-Regular-DD_U9k-J.woff") format("woff"), url("/assets/NunitoSans-Regular-Baf_2G3z.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-Light-OfvTBEN1.eot");
  src: local("Nunito Sans Light"), local("NunitoSans-Light"), url("/assets/NunitoSans-Light-OfvTBEN1.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-Light-CtrSetem.woff") format("woff"), url("/assets/NunitoSans-Light-Bk9kN311.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-LightItalic-DcZf9moQ.eot");
  src: local("Nunito Sans Light Italic"), local("NunitoSans-LightItalic"), url("/assets/NunitoSans-LightItalic-DcZf9moQ.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-LightItalic-CvD75QC_.woff") format("woff"), url("/assets/NunitoSans-LightItalic-1gaRg5dP.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-BlackItalic-D4O6AaX7.eot");
  src: local("Nunito Sans Black Italic"), local("NunitoSans-BlackItalic"), url("/assets/NunitoSans-BlackItalic-D4O6AaX7.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-BlackItalic-DkbJfXMI.woff") format("woff"), url("/assets/NunitoSans-BlackItalic-Auvymfwc.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-SemiBold-CblFVsut.eot");
  src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"), url("/assets/NunitoSans-SemiBold-CblFVsut.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-SemiBold-CL0x1YEc.woff") format("woff"), url("/assets/NunitoSans-SemiBold-BckBICBZ.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-Bold-CQb8dCQd.eot");
  src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), url("/assets/NunitoSans-Bold-CQb8dCQd.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-Bold-DEtbkThF.woff") format("woff"), url("/assets/NunitoSans-Bold-DZfdPD8H.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-ExtraBold-m9Gul5yT.eot");
  src: local("Nunito Sans ExtraBold"), local("NunitoSans-ExtraBold"), url("/assets/NunitoSans-ExtraBold-m9Gul5yT.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-ExtraBold-ayw5tmtC.woff") format("woff"), url("/assets/NunitoSans-ExtraBold-CMxn_uo_.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-SemiBoldItalic-CG2Z1A-E.eot");
  src: local("Nunito Sans SemiBold Italic"), local("NunitoSans-SemiBoldItalic"), url("/assets/NunitoSans-SemiBoldItalic-CG2Z1A-E.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-SemiBoldItalic-6DNW7ZNZ.woff") format("woff"), url("/assets/NunitoSans-SemiBoldItalic-rgRmRQ_W.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-Black-kO53C3vv.eot");
  src: local("Nunito Sans Black"), local("NunitoSans-Black"), url("/assets/NunitoSans-Black-kO53C3vv.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-Black-BmRwZXLa.woff") format("woff"), url("/assets/NunitoSans-Black-BXEwmnjp.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-ExtraLightItalic-UwnfseXO.eot");
  src: local("Nunito Sans ExtraLight Italic"), local("NunitoSans-ExtraLightItalic"), url("/assets/NunitoSans-ExtraLightItalic-UwnfseXO.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-ExtraLightItalic-BS9rv0Sk.woff") format("woff"), url("/assets/NunitoSans-ExtraLightItalic-C04kpk9u.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-ExtraLight-9U4HS0xU.eot");
  src: local("Nunito Sans ExtraLight"), local("NunitoSans-ExtraLight"), url("/assets/NunitoSans-ExtraLight-9U4HS0xU.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-ExtraLight-IVf6VAeY.woff") format("woff"), url("/assets/NunitoSans-ExtraLight-oKG057Z6.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-BoldItalic-CLdOglVU.eot");
  src: local("Nunito Sans Bold Italic"), local("NunitoSans-BoldItalic"), url("/assets/NunitoSans-BoldItalic-CLdOglVU.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-BoldItalic-uaJ3VrbZ.woff") format("woff"), url("/assets/NunitoSans-BoldItalic-BzkUKvbo.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-ExtraBoldItalic-0vWdyURX.eot");
  src: local("Nunito Sans ExtraBold Italic"), local("NunitoSans-ExtraBoldItalic"), url("/assets/NunitoSans-ExtraBoldItalic-0vWdyURX.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-ExtraBoldItalic-DcJTP6z6.woff") format("woff"), url("/assets/NunitoSans-ExtraBoldItalic-CQoiJULG.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Nunito", sans-serif;
  src: url("/assets/NunitoSans-Italic-DZI2zRWf.eot");
  src: local("Nunito Sans Italic"), local("NunitoSans-Italic"), url("/assets/NunitoSans-Italic-DZI2zRWf.eot?#iefix") format("embedded-opentype"), url("/assets/NunitoSans-Italic-D4tCZKrS.woff") format("woff"), url("/assets/NunitoSans-Italic-R46zoUBs.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
*,
*:before,
*:after {
  font-family: "avenir", sans-serif;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  min-height: 100%;
  overscroll-behavior: none;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 2500px;
  font-family: "avenir", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 1.14;
  color: #2c2e45;
}

ul {
  list-style: none;
}

*,
*:active,
*:focus {
  outline: none;
}

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

.paragraph {
  padding-bottom: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

textarea {
  resize: none;
}

.arrow-line, .asside-collapse {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.138' height='10.263' viewBox='0 0 6.138 10.263'%3E%3Cpath d='M9.87 5.676 5.5 1.094M1.162 5.677l4.37-4.583' transform='rotate(90 3.42 3.036)' style='fill:none;stroke:%232c2e45;stroke-linecap:round;stroke-width:1.1px;fill-rule:evenodd'/%3E%3C/svg%3E");
}

.arrow-line-white, .sidebar-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.138' height='10.263' viewBox='0 0 6.138 10.263'%3E%3Cpath d='M9.87 5.676 5.5 1.094M1.162 5.677l4.37-4.583' transform='rotate(-90 5.166 5.482)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:1.1px;fill-rule:evenodd'/%3E%3C/svg%3E");
}

.burger-menu, .header-burger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.154' height='16' viewBox='0 0 22.154 16'%3E%3Cpath d='M21.231 124.555H.923a.944.944 0 0 1 0-1.887h20.308a.944.944 0 0 1 0 1.887zm0 0' transform='translate(0 -115.612)' style='fill:%232b2e45'/%3E%3Cpath d='M21.231 1.887H.923A.934.934 0 0 1 0 .944.934.934 0 0 1 .923 0h20.308a.934.934 0 0 1 .923.944.934.934 0 0 1-.923.943zm0 0' style='fill:%232b2e45'/%3E%3Cpath d='M21.231 247.219H.923a.944.944 0 0 1 0-1.887h20.308a.944.944 0 0 1 0 1.887zm0 0' transform='translate(0 -231.219)' style='fill:%232b2e45'/%3E%3C/svg%3E");
}

.logo-mini, .heade-logo-mini {
  background-image: url("data:image/svg+xml,%3Csvg width='1007' height='300' viewBox='0 0 1007 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144.355 123.634H134.946L128.844 170.106L137.962 172.308L144.355 123.634Z' fill='%23595959'/%3E%3Cpath d='M203.007 45.2153C202.096 44.8085 201.069 44.5847 199.96 44.5847H133.03C131.921 44.5847 130.833 44.8085 129.816 45.2153C126.769 46.4359 124.364 49.2939 123.927 52.63L118.734 92.1801C118.663 92.7344 118.648 93.2786 118.684 93.8024C118.953 97.4691 121.831 100.225 125.722 100.225H192.652C196.538 100.225 200.148 97.4691 201.379 93.8024C201.557 93.2786 201.684 92.7344 201.756 92.1801L206.948 52.63C207.019 52.0757 207.034 51.5316 206.999 51.0077C206.805 48.3887 205.28 46.2324 203.012 45.2153H203.007Z' fill='%23EC563D'/%3E%3Cpath d='M177.65 123.634H168.242L154.679 226.911L163.797 229.113L177.65 123.634Z' fill='%23595959'/%3E%3Cpath d='M160.206 237.774C158.843 236.222 156.886 235.368 154.699 235.368H146.328L161 123.634H151.591L128.447 299.868H137.855L145.087 244.807L152.314 244.914L145.097 299.868H154.505L161.89 243.637C162.18 241.425 161.579 239.345 160.206 237.774Z' fill='%23EC563D'/%3E%3Cpath d='M103.981 299.858L104.546 299.975L104.841 297.732L119.375 187.066L126.602 187.173L111.803 299.873H121.211L136.178 185.896C136.468 183.684 135.867 181.599 134.494 180.027C133.131 178.476 131.179 177.622 128.987 177.622H120.616L127.705 123.639H118.297L96.9276 286.401L95.2646 297.773C98.1278 298.546 101.021 299.263 103.981 299.863V299.858Z' fill='%23EC563D'/%3E%3Cpath d='M273.258 43.9491C248.395 15.6075 212.598 0 172.463 0C89.04 0 12.2537 67.8714 1.29946 151.294C-7.77311 220.366 31.4159 280.533 95.2596 297.767L96.9225 286.396C39.3493 269.573 4.10667 214.243 12.3554 151.437C22.5163 74.035 93.7543 11.0661 171.151 11.0661C208.326 11.0661 241.478 25.5141 264.496 51.7503C287.797 78.3069 297.907 113.661 292.964 151.294C284.716 214.116 234.944 269.472 172.931 286.361L171.405 297.859C239.856 280.746 294.943 220.554 304.015 151.442C309.35 110.814 298.426 72.6416 273.258 43.9542V43.9491Z' fill='%23595959'/%3E%3Cpath d='M194.3 123.634H184.892L162.032 297.732L161.732 300L162.465 299.863C165.47 299.288 168.445 298.596 171.4 297.859L172.926 286.361L194.295 123.634H194.3Z' fill='%23595959'/%3E%3Cpath d='M395.132 234.005H376.656L393.642 104.67H412.118L395.132 234.005Z' fill='%23595959'/%3E%3Cpath d='M599.84 234.005H581.365L591.297 158.378C595.177 128.816 587.488 117.979 568.768 117.979C551.274 117.979 538.392 129.803 534.639 158.378L524.707 234.005H506.231L516.163 158.378C520.043 128.816 511.612 117.979 493.634 117.979C475.657 117.979 463.258 129.803 459.505 158.378L449.573 234.005H431.098L448.083 101.812L466.559 107.538L464.489 120.44C472.596 109.359 484.404 101.965 499.676 101.965C517.902 101.965 527.697 111.82 532.238 124.138C541.494 111.82 553.379 101.965 574.321 101.965C600.679 101.965 615.148 117.486 610.194 155.175L599.84 234.005Z' fill='%23595959'/%3E%3Cpath d='M726.444 234.005H707.968L710.038 218.24C699.628 228.096 685.688 236.716 667.213 236.716C647.008 236.716 627.154 226.616 631.258 195.33C635.077 166.261 660.586 153.944 686.207 153.944C699.262 153.944 710.419 157.148 717.508 161.338L719.512 146.066C722.035 126.853 714.152 117.491 695.183 117.491C681.63 117.491 670.066 121.188 658.659 127.347L653.731 112.319C665.875 106.16 681.696 101.97 698.448 101.97C726.286 101.97 742.219 113.794 738.273 143.849L726.434 234.01L726.444 234.005ZM712.143 202.226L715.571 176.112C707.81 171.433 699.053 168.722 683.288 168.722C664.319 168.722 651.788 177.836 649.652 194.094C647.13 213.307 656.625 221.683 672.39 221.683C689.136 221.683 702.832 213.063 712.143 202.221V202.226Z' fill='%23595959'/%3E%3Cpath d='M855.748 107.533L853.841 119.205C846.086 108.861 835.905 101.965 819.641 101.965C792.546 101.965 767.764 125.612 761.743 171.433C755.757 217.004 773.612 236.716 799.482 236.716C816.971 236.716 830.423 228.096 840.833 218.24L839.958 224.892C836.012 254.942 824.671 266.278 781.393 267.509H770.174L767.433 281.555H785.461C833.693 280.075 853.643 261.35 858.754 222.431L874.219 101.812L855.743 107.538L855.748 107.533ZM842.969 201.977C832.365 213.312 820.063 220.696 806.266 220.696C785.817 220.696 775.733 203.701 780.005 171.184C784.566 136.45 797.585 117.974 819.016 117.974C834.288 117.974 845.72 126.594 851.441 137.436L842.963 201.977H842.969Z' fill='%23595959'/%3E%3Cpath d='M1006.01 168.473C1000.25 212.321 971.917 236.711 940.387 236.711C908.857 236.711 887.787 213.312 893.544 169.455C899.301 125.607 927.536 101.96 959.066 101.96C990.596 101.96 1011.76 124.626 1006.01 168.473ZM987.463 168.966C991.928 134.965 978.889 117.974 956.467 117.974C934.045 117.974 916.79 134.97 912.325 168.966C907.86 202.963 920.558 220.696 942.975 220.696C965.392 220.696 982.993 202.963 987.458 168.966H987.463Z' fill='%23595959'/%3E%3Cpath d='M396.19 78.9121H415.414L418.089 58.5293H398.865L396.19 78.9121Z' fill='%23EC563D'/%3E%3C/svg%3E%0A");
}
@media (min-width: 768px) {
  .logo-mini, .heade-logo-mini {
    background-image: url("data:image/svg+xml,%3Csvg width='210' height='206' viewBox='0 0 210 206' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M99.0752 84.8578H92.6186L88.4307 116.752L94.6882 118.265L99.0752 84.8578Z' fill='%23595959'/%3E%3Cpath d='M139.331 31.0341C138.707 30.7547 138.001 30.6001 137.239 30.6001H91.3027C90.5405 30.6001 89.7942 30.7547 89.0965 31.0341C87.0047 31.8726 85.3564 33.8342 85.0557 36.1219L81.4913 63.2685C81.4416 63.6496 81.431 64.0222 81.4574 64.3811C81.6416 66.8975 83.6202 68.7903 86.288 68.7903H132.224C134.893 68.7903 137.368 66.8975 138.213 64.3811C138.334 64.0212 138.421 63.6496 138.471 63.2685L142.036 36.1219C142.085 35.7408 142.096 35.3682 142.07 35.0093C141.938 33.2118 140.891 31.7328 139.332 31.0341H139.331Z' fill='%23EC563D'/%3E%3Cpath d='M121.928 84.8578H115.471L106.163 155.74L112.421 157.252L121.928 84.8578Z' fill='%23595959'/%3E%3Cpath d='M109.957 163.198C109.022 162.133 107.679 161.546 106.176 161.546H100.431L110.501 84.8578H104.044L88.1602 205.816H94.6168L99.5796 168.026L104.541 168.098L99.5871 205.816H106.044L111.11 167.222C111.309 165.702 110.899 164.277 109.956 163.198H109.957Z' fill='%23EC563D'/%3E%3Cpath d='M71.3662 205.807L71.7558 205.889L71.958 204.349L81.9324 128.393L86.8943 128.465L76.7356 205.816H83.1922L93.4631 127.588C93.6621 126.069 93.2514 124.639 92.3071 123.561C91.3723 122.496 90.0299 121.909 88.5277 121.909H82.7825L87.648 84.8571H81.1914L66.523 196.569L65.3828 204.373C67.3476 204.903 69.3336 205.396 71.3662 205.806V205.807Z' fill='%23EC563D'/%3E%3Cpath d='M187.55 30.1647C170.486 10.7123 145.916 0 118.368 0C61.111 0 8.41005 46.5841 0.891631 103.841C-5.3342 151.248 21.5615 192.543 65.3826 204.375L66.5227 196.571C27.006 185.021 2.81729 147.044 8.47674 103.94C15.4521 50.8144 64.3462 7.59358 117.468 7.59358C142.984 7.59358 165.737 17.5109 181.535 35.5193C197.527 53.7479 204.467 78.0129 201.075 103.841C195.412 146.96 161.251 184.952 118.69 196.545L117.642 204.435C164.623 192.688 202.431 151.376 208.66 103.94C212.321 76.0555 204.824 49.8564 187.549 30.1647H187.55Z' fill='%23595959'/%3E%3Cpath d='M133.357 84.8578H126.9L111.209 204.35L111.005 205.906L111.509 205.811C113.572 205.416 115.613 204.943 117.644 204.435L118.692 196.545L133.358 84.8578H133.357Z' fill='%23595959'/%3E%3C/svg%3E%0A");
  }
}

.picture-add {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' style='fill:%23e8e8e8' r='20'/%3E%3Cg%3E%3Cpath d='M26.13 24.512H11.38a1.012 1.012 0 0 1-1.027-.992v-9.44a1.01 1.01 0 0 1 1.027-.991h14.75a1.01 1.01 0 0 1 1.027.991v9.439a1.011 1.011 0 0 1-1.027.992zM11.38 13.77a.317.317 0 0 0-.322.31v9.439a.316.316 0 0 0 .322.31h14.75a.316.316 0 0 0 .321-.31V14.08a.316.316 0 0 0-.321-.31H11.38z' transform='translate(1.03 1.037)' style='fill:%232c2e45'/%3E%3Cpath d='M15.305 24.512a.354.354 0 0 1-.32-.2.331.331 0 0 1 .051-.363l5.748-6.564a.36.36 0 0 1 .5-.038l5.75 4.774a.332.332 0 0 1 .026.47.361.361 0 0 1-.484.046l-5.482-4.55-5.518 6.3a.358.358 0 0 1-.27.12z' transform='translate(1.03 1.037)' style='fill:%232c2e45'/%3E%3Cpath d='M10.706 21.97a.353.353 0 0 1-.326-.208.332.332 0 0 1 .073-.371l3.45-3.425a.359.359 0 0 1 .251-.1.431.431 0 0 1 .252.1l3.435 3.357a.333.333 0 0 1 .1.336.347.347 0 0 1-.26.247.36.36 0 0 1-.346-.106l-3.181-3.11-3.2 3.178a.359.359 0 0 1-.252.1zm6.029-4.17a1.572 1.572 0 0 1-.247-.019 1.506 1.506 0 0 1-1.25-1.71 1.542 1.542 0 0 1 2.972-.236 1.464 1.464 0 0 1-.377 1.525 1.567 1.567 0 0 1-1.098.44zm0-2.32a.862.862 0 0 0-.647.289.8.8 0 0 0-.192.662.852.852 0 0 0 1.685-.088.827.827 0 0 0-.847-.862z' transform='translate(1.03 1.037)' style='fill:%232c2e45'/%3E%3C/g%3E%3Cpath d='M27.267 11.626H29.6a1.162 1.162 0 0 1 1.216 1.1v2h0m-18.474-3.1h-2.333a1.162 1.162 0 0 0-1.216 1.1v2h0M27.267 26.02H29.6a1.162 1.162 0 0 0 1.216-1.1v-2h0m-18.474 3.1h-2.333a1.162 1.162 0 0 1-1.216-1.1v-2h0' transform='translate(0 1.038)' style='fill:none;stroke:%232c2e45;stroke-linecap:round;stroke-width:.77px;fill-rule:evenodd'/%3E%3C/svg%3E");
}

.picture-move {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' style='fill:%23e8e8e8' r='20'/%3E%3Cg transform='translate(11.381 10.65)'%3E%3Cg%3E%3Cpath d='M15.778 15.785H1.028A1.01 1.01 0 0 1 0 14.793V5.355a1.011 1.011 0 0 1 1.027-.992h14.75a1.01 1.01 0 0 1 1.026.992v9.438a1.01 1.01 0 0 1-1.026.992zM1.028 5.045a.317.317 0 0 0-.322.31v9.438a.317.317 0 0 0 .322.311h14.75a.317.317 0 0 0 .321-.31v-9.44a.316.316 0 0 0-.321-.31H1.028z' style='fill:%232c2e45'/%3E%3Cpath d='M4.953 15.785a.354.354 0 0 1-.32-.2.331.331 0 0 1 .05-.363l5.749-6.564a.36.36 0 0 1 .5-.038l5.75 4.773a.332.332 0 0 1 .026.47.361.361 0 0 1-.485.047l-5.481-4.55-5.518 6.3a.358.358 0 0 1-.271.121z' style='fill:%232c2e45'/%3E%3Cpath d='M.354 13.243a.353.353 0 0 1-.326-.208.332.332 0 0 1 .073-.37l3.45-3.426a.359.359 0 0 1 .25-.1.431.431 0 0 1 .253.1L7.489 12.6a.333.333 0 0 1 .1.337.347.347 0 0 1-.26.246.36.36 0 0 1-.346-.106L3.805 9.963l-3.2 3.178a.359.359 0 0 1-.252.1zm6.028-4.171a1.686 1.686 0 0 1-.246-.018 1.506 1.506 0 0 1-1.25-1.71 1.541 1.541 0 0 1 2.972-.236 1.464 1.464 0 0 1-.377 1.525 1.577 1.577 0 0 1-1.1.44zm0-2.319a.862.862 0 0 0-.646.288.8.8 0 0 0-.192.663.852.852 0 0 0 1.684-.088.827.827 0 0 0-.846-.863z' style='fill:%232c2e45'/%3E%3C/g%3E%3Cpath d='m5.213 4.363 2.1-2.313a1.1 1.1 0 0 1 1.63 0l2.1 2.313h0' style='stroke:%232c2e45;stroke-width:.66px;fill:none;stroke-linecap:round;fill-rule:evenodd'/%3E%3Cellipse cx='1.09' cy='1.091' rx='1.09' ry='1.091' transform='translate(7.083)' style='stroke:%232c2e45;stroke-width:.66px;fill:%23e8e8e8'/%3E%3C/g%3E%3C/svg%3E");
}

.picture-static {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' style='fill:%23e8e8e8' r='20'/%3E%3Cg transform='translate(11.381 11.701)'%3E%3Cg%3E%3Cpath d='M15.778 14.785H1.028A1.01 1.01 0 0 1 0 13.793V4.355a1.011 1.011 0 0 1 1.027-.992h14.75a1.01 1.01 0 0 1 1.026.992v9.438a1.01 1.01 0 0 1-1.026.992zM1.028 4.045a.317.317 0 0 0-.322.31v9.438a.317.317 0 0 0 .322.311h14.75a.317.317 0 0 0 .321-.31v-9.44a.316.316 0 0 0-.321-.31H1.028z' style='fill:%232c2e45'/%3E%3Cpath d='M4.953 14.785a.354.354 0 0 1-.32-.2.331.331 0 0 1 .05-.363l5.749-6.564a.36.36 0 0 1 .5-.038l5.75 4.773a.332.332 0 0 1 .026.47.361.361 0 0 1-.485.047l-5.481-4.55-5.518 6.3a.358.358 0 0 1-.271.121z' style='fill:%232c2e45'/%3E%3Cpath d='M.354 12.243a.353.353 0 0 1-.326-.208.332.332 0 0 1 .073-.37l3.45-3.426a.359.359 0 0 1 .25-.1.431.431 0 0 1 .253.1L7.489 11.6a.333.333 0 0 1 .1.337.347.347 0 0 1-.26.246.36.36 0 0 1-.346-.106L3.805 8.963l-3.2 3.178a.359.359 0 0 1-.252.1zm6.028-4.171a1.686 1.686 0 0 1-.246-.018 1.506 1.506 0 0 1-1.25-1.71 1.541 1.541 0 0 1 2.972-.236 1.464 1.464 0 0 1-.377 1.525 1.577 1.577 0 0 1-1.1.44zm0-2.319a.862.862 0 0 0-.646.288.8.8 0 0 0-.192.663.852.852 0 0 0 1.684-.088.827.827 0 0 0-.846-.863z' style='fill:%232c2e45'/%3E%3C/g%3E%3Cellipse cx='1.09' cy='1.091' rx='1.09' ry='1.091' transform='translate(2.083)' style='stroke-width:.66px;fill:none;stroke:%232c2e45'/%3E%3Cpath d='M13.668 2.182a1.09 1.09 0 1 0-1.091-1.09 1.09 1.09 0 0 0 1.091 1.09z' style='fill-rule:evenodd;stroke-width:.66px;fill:none;stroke:%232c2e45'/%3E%3Cpath d='M6.191 1.091h5.695' style='stroke-linecap:round;stroke-width:.77px;stroke-dasharray:1.1 2.2;fill-rule:evenodd;fill:none;stroke:%232c2e45'/%3E%3C/g%3E%3C/svg%3E");
}

.user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.601' height='12.6' viewBox='0 0 12.601 12.6'%3E%3Cg style='fill:%239e9faf'%3E%3Cpath d='M10.577 12.15H1.421c-.477 0-.922-.212-1.221-.582-.3-.37-.416-.85-.316-1.317a6.295 6.295 0 0 1 2.149-3.548 6.231 6.231 0 0 1 1.758-1.016 3.355 3.355 0 0 1-1.129-2.5A3.348 3.348 0 0 1 6-.15c1.443 0 2.715.917 3.17 2.283a3.33 3.33 0 0 1-.959 3.553 6.28 6.28 0 0 1 2.981 2.369l.004.005c.065.098.291.452.469.858.227.518.415 1.135.432 1.2a.618.618 0 0 1 .02.138c.098.464-.018.942-.317 1.312-.3.37-.745.582-1.222.582zM5.876 6.522c-2.302.057-4.313 1.73-4.781 3.981a.341.341 0 0 0 .07.286.32.32 0 0 0 .252.122h9.16a.326.326 0 0 0 .257-.122.34.34 0 0 0 .07-.286.619.619 0 0 1 .006-.277c-.076-.21-.184-.497-.296-.741a3.773 3.773 0 0 0-.45-.74 5.01 5.01 0 0 0-4.039-2.222A3.08 3.08 0 0 1 6 6.524l-.123-.002zm.123-5.435c-1.158 0-2.1.942-2.1 2.1a2.104 2.104 0 0 0 1.988 2.097l.112-.001h.11A2.104 2.104 0 0 0 8.1 3.187c0-1.157-.941-2.1-2.1-2.1z' style='stroke:none' transform='translate(.301 .3)'/%3E%3Cpath d='M1.42 12h9.157a1.423 1.423 0 0 0 1.39-1.727.467.467 0 0 1-.737.384c-.012-.008-.074-.19-.162-.436a.466.466 0 0 0-.017.251.491.491 0 0 1-.1.411.476.476 0 0 1-.374.178H1.422a.472.472 0 0 1-.374-.178.493.493 0 0 1-.1-.41 5.18 5.18 0 0 1 4.927-4.1l.124.001c.042 0 .084 0 .125-.002a5.155 5.155 0 0 1 4.165 2.29c.015.023.25.304.461.76.118.257.231.559.318.8a.468.468 0 0 1 .899.051.467.467 0 0 0-.016-.117 11.302 11.302 0 0 0-.425-1.178c-.193-.443-.445-.819-.46-.84a6.098 6.098 0 0 0-3.158-2.4A3.185 3.185 0 0 0 6 0a3.192 3.192 0 0 0-3.187 3.187c0 1.043.503 1.97 1.28 2.552a6.108 6.108 0 0 0-1.964 1.08A6.122 6.122 0 0 0 .03 10.282 1.421 1.421 0 0 0 1.42 12M6 .937c1.24 0 2.25 1.009 2.25 2.25a2.254 2.254 0 0 1-2.137 2.247l-.114-.001c-.037 0-.075 0-.113.002a2.254 2.254 0 0 1-2.137-2.248C3.75 1.945 4.76.936 6 .936M10.577 12.3H1.422c-.523 0-1.01-.232-1.339-.638a1.714 1.714 0 0 1-.346-1.442 6.445 6.445 0 0 1 2.2-3.632 6.383 6.383 0 0 1 1.58-.954 3.505 3.505 0 0 1-1.005-2.447A3.498 3.498 0 0 1 6-.3c1.508 0 2.837.959 3.312 2.385a3.48 3.48 0 0 1-.827 3.55 6.433 6.433 0 0 1 2.832 2.336l.004.006c.067.101.299.464.481.88.252.576.438 1.216.44 1.222a.77.77 0 0 1 .025.159 1.714 1.714 0 0 1-.35 1.424 1.715 1.715 0 0 1-1.339.638zm-4.7-5.628c-2.232.057-4.181 1.68-4.635 3.862a.192.192 0 0 0 .039.16.172.172 0 0 0 .136.067h9.16a.18.18 0 0 0 .14-.066.191.191 0 0 0 .04-.161.77.77 0 0 1-.003-.298 9.679 9.679 0 0 0-.276-.689 3.62 3.62 0 0 0-.437-.717 4.861 4.861 0 0 0-3.914-2.157 3.361 3.361 0 0 1-.128.001l-.123-.002zm.122-5.435c-1.075 0-1.95.874-1.95 1.95a1.954 1.954 0 0 0 1.839 1.947l.111-.001h.107A1.954 1.954 0 0 0 7.95 3.187 1.952 1.952 0 0 0 6 1.236z' style='fill:%239e9faf;stroke:none' transform='translate(.301 .3)'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-burger-price {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='20' y2='1' stroke='%23C7C7C7'/%3E%3Cline y1='6' x2='20' y2='6' stroke='%23C7C7C7'/%3E%3Cline y1='11' x2='20' y2='11' stroke='%23C7C7C7'/%3E%3C/svg%3E%0A");
}

.icon-img-default {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 1H2.5C1.39543 1 0.5 1.89543 0.5 3V13C0.5 14.1046 1.39543 15 2.5 15H12.5C13.6046 15 14.5 14.1046 14.5 13V3C14.5 1.89543 13.6046 1 12.5 1Z' stroke='%232C2E45' stroke-width='0.9'/%3E%3Cpath d='M3.5 10.965L3.945 10.349C4.00663 10.2633 4.08682 10.1927 4.17958 10.1424C4.27234 10.0921 4.37527 10.0634 4.48067 10.0585C4.58608 10.0536 4.69122 10.0726 4.78825 10.1141C4.88528 10.1555 4.97169 10.2184 5.041 10.298L5.624 10.969C5.69144 11.0464 5.7751 11.1081 5.86905 11.1497C5.963 11.1912 6.06494 11.2115 6.16763 11.2092C6.27032 11.2069 6.37125 11.1821 6.46325 11.1364C6.55526 11.0907 6.63609 11.0254 6.7 10.945L9.65 7.23496C9.71216 7.15623 9.79056 7.09182 9.87985 7.04612C9.96915 7.00042 10.0672 6.97451 10.1675 6.97014C10.2677 6.96578 10.3677 6.98306 10.4606 7.02083C10.5535 7.05859 10.6372 7.11594 10.706 7.18896L11.5 8.02796' stroke='%232C2E45' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 7C5.76522 7 6.01957 6.89464 6.20711 6.70711C6.39464 6.51957 6.5 6.26522 6.5 6C6.5 5.73478 6.39464 5.48043 6.20711 5.29289C6.01957 5.10536 5.76522 5 5.5 5C5.23478 5 4.98043 5.10536 4.79289 5.29289C4.60536 5.48043 4.5 5.73478 4.5 6C4.5 6.26522 4.60536 6.51957 4.79289 6.70711C4.98043 6.89464 5.23478 7 5.5 7Z' stroke='%232C2E45' stroke-width='0.8'/%3E%3C/svg%3E%0A");
}

.icon-hamburger {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='20' y2='1' stroke='%23C7C7C7'/%3E%3Cline y1='6' x2='20' y2='6' stroke='%23C7C7C7'/%3E%3Cline y1='11' x2='20' y2='11' stroke='%23C7C7C7'/%3E%3C/svg%3E%0A");
}

.icon-delete {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4211_21858)'%3E%3Cpath d='M7.875 1.5H6.7125C6.62546 1.07678 6.39518 0.696505 6.06047 0.423269C5.72576 0.150034 5.30708 0.000545447 4.875 0L4.125 0C3.69292 0.000545447 3.27424 0.150034 2.93953 0.423269C2.60482 0.696505 2.37454 1.07678 2.2875 1.5H1.125C1.02554 1.5 0.930161 1.53951 0.859835 1.60984C0.789509 1.68016 0.75 1.77554 0.75 1.875C0.75 1.97446 0.789509 2.06984 0.859835 2.14016C0.930161 2.21049 1.02554 2.25 1.125 2.25H1.5V7.125C1.5006 7.6221 1.69833 8.09867 2.04983 8.45017C2.40133 8.80167 2.8779 8.9994 3.375 9H5.625C6.1221 8.9994 6.59867 8.80167 6.95017 8.45017C7.30167 8.09867 7.4994 7.6221 7.5 7.125V2.25H7.875C7.97446 2.25 8.06984 2.21049 8.14017 2.14016C8.21049 2.06984 8.25 1.97446 8.25 1.875C8.25 1.77554 8.21049 1.68016 8.14017 1.60984C8.06984 1.53951 7.97446 1.5 7.875 1.5ZM4.125 0.75H4.875C5.1076 0.750284 5.33442 0.822516 5.52435 0.956791C5.71429 1.09107 5.85803 1.28081 5.93587 1.5H3.06412C3.14197 1.28081 3.28571 1.09107 3.47565 0.956791C3.66558 0.822516 3.8924 0.750284 4.125 0.75ZM6.75 7.125C6.75 7.42337 6.63147 7.70952 6.4205 7.9205C6.20952 8.13147 5.92337 8.25 5.625 8.25H3.375C3.07663 8.25 2.79048 8.13147 2.5795 7.9205C2.36853 7.70952 2.25 7.42337 2.25 7.125V2.25H6.75V7.125Z' fill='%23374957'/%3E%3Cpath d='M3.75 6.74999C3.84946 6.74999 3.94484 6.71049 4.01516 6.64016C4.08549 6.56983 4.125 6.47445 4.125 6.37499V4.125C4.125 4.02554 4.08549 3.93016 4.01516 3.85983C3.94484 3.78951 3.84946 3.75 3.75 3.75C3.65054 3.75 3.55516 3.78951 3.48483 3.85983C3.41451 3.93016 3.375 4.02554 3.375 4.125V6.37499C3.375 6.47445 3.41451 6.56983 3.48483 6.64016C3.55516 6.71049 3.65054 6.74999 3.75 6.74999Z' fill='%23374957'/%3E%3Cpath d='M5.25 6.74999C5.34946 6.74999 5.44484 6.71049 5.51517 6.64016C5.58549 6.56983 5.625 6.47445 5.625 6.37499V4.125C5.625 4.02554 5.58549 3.93016 5.51517 3.85983C5.44484 3.78951 5.34946 3.75 5.25 3.75C5.15055 3.75 5.05516 3.78951 4.98484 3.85983C4.91451 3.93016 4.875 4.02554 4.875 4.125V6.37499C4.875 6.47445 4.91451 6.56983 4.98484 6.64016C5.05516 6.71049 5.15055 6.74999 5.25 6.74999Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4211_21858'%3E%3Crect width='9' height='9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87011 5.67624L5.50011 1.09424M1.16211 5.67724L5.53211 1.09424' stroke='%232C2E45' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon-monitor {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='50' viewBox='0 0 60 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2182_28808)'%3E%3Cpath d='M56.4424 0H3.55777C2.66552 0.00101796 1.81012 0.355911 1.17921 0.986823C0.548294 1.61773 0.193401 2.47314 0.192383 3.36538L0.192383 38.9423C0.193401 39.8345 0.548294 40.69 1.17921 41.3209C1.81012 41.9518 2.66552 42.3067 3.55777 42.3077H23.0578L22.4808 45.1923H18.4616C18.2066 45.1923 17.962 45.2936 17.7817 45.4739C17.6014 45.6543 17.5001 45.8988 17.5001 46.1538V49.0385C17.5001 49.2935 17.6014 49.538 17.7817 49.7184C17.962 49.8987 18.2066 50 18.4616 50H41.5385C41.7936 50 42.0381 49.8987 42.2184 49.7184C42.3988 49.538 42.5001 49.2935 42.5001 49.0385V46.1538C42.5001 45.8988 42.3988 45.6543 42.2184 45.4739C42.0381 45.2936 41.7936 45.1923 41.5385 45.1923H37.5193L36.9424 42.3077H56.4424C57.3346 42.3067 58.19 41.9518 58.8209 41.3209C59.4519 40.69 59.8067 39.8345 59.8078 38.9423V3.36538C59.8067 2.47314 59.4519 1.61773 58.8209 0.986823C58.19 0.355911 57.3346 0.00101796 56.4424 0ZM40.577 47.1154V48.0769H19.4232V47.1154H40.577ZM24.4424 45.1923L25.0193 42.3077H34.9808L35.5578 45.1923H24.4424ZM57.8847 38.9423C57.8847 39.3248 57.7327 39.6917 57.4622 39.9622C57.1918 40.2327 56.8249 40.3846 56.4424 40.3846H3.55777C3.17524 40.3846 2.80839 40.2327 2.5379 39.9622C2.26742 39.6917 2.11546 39.3248 2.11546 38.9423V36.5385H57.8847V38.9423ZM57.8847 34.6154H2.11546V3.36538C2.11546 2.98286 2.26742 2.616 2.5379 2.34552C2.80839 2.07503 3.17524 1.92308 3.55777 1.92308H56.4424C56.8249 1.92308 57.1918 2.07503 57.4622 2.34552C57.7327 2.616 57.8847 2.98286 57.8847 3.36538V34.6154Z' fill='%232C2E45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2182_28808'%3E%3Crect width='59.6154' height='50' fill='white' transform='translate(0.192383)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-user {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C4.015 0 2.4 1.538 2.4 3.428C2.4 5.318 4.015 6.855 6 6.855C7.985 6.855 9.6 5.318 9.6 3.428C9.6 1.538 7.985 0 6 0ZM10.48 9.095C9.49279 8.14162 8.1724 7.61131 6.8 7.617H5.2C3.8276 7.61131 2.50721 8.14162 1.52 9.095C0.54 10.043 0 11.295 0 12.619C0 12.829 0.18 13 0.4 13H11.6C11.82 13 12 12.83 12 12.62C12 11.295 11.46 10.043 10.48 9.095Z' fill='%232C2E45'/%3E%3C/svg%3E%0A");
}

.icon-finish {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5732_17624)'%3E%3Cpath d='M19.1307 38.084C29.597 38.084 38.0817 29.5994 38.0817 19.133C38.0817 8.66666 29.597 0.182007 19.1307 0.182007C8.66434 0.182007 0.179688 8.66666 0.179688 19.133C0.179688 29.5994 8.66434 38.084 19.1307 38.084Z' fill='%23E2E2E2'/%3E%3Cpath d='M26.3102 24.694H11.5602C10.9932 24.693 10.5342 24.249 10.5332 23.702V14.262C10.5332 13.715 10.9932 13.272 11.5602 13.271H26.3102C26.8772 13.271 27.3362 13.715 27.3372 14.262V23.701C27.3372 24.248 26.8772 24.693 26.3102 24.694ZM11.5602 13.952C11.4765 13.9507 11.3956 13.9825 11.3353 14.0406C11.2749 14.0987 11.24 14.1783 11.2382 14.262V23.701C11.2382 23.872 11.3822 24.011 11.5602 24.011H26.3102C26.3938 24.0123 26.4746 23.9805 26.5348 23.9223C26.595 23.8642 26.6296 23.7846 26.6312 23.701V14.262C26.6296 14.1784 26.595 14.0988 26.5348 14.0406C26.4746 13.9825 26.3938 13.9507 26.3102 13.952H11.5602Z' fill='%232C2E45'/%3E%3Cpath d='M15.4854 24.694C15.4188 24.6944 15.3535 24.676 15.2969 24.641C15.2403 24.606 15.1947 24.5557 15.1654 24.496C15.1372 24.4372 15.127 24.3714 15.136 24.3068C15.1451 24.2422 15.1731 24.1817 15.2164 24.133L20.9644 17.569C21.0264 17.4989 21.1133 17.4557 21.2067 17.4486C21.3 17.4415 21.3924 17.4711 21.4644 17.531L27.2144 22.305C27.247 22.3341 27.2736 22.3693 27.2926 22.4087C27.3116 22.4481 27.3226 22.4909 27.3251 22.5346C27.3275 22.5782 27.3212 22.622 27.3067 22.6632C27.2922 22.7045 27.2696 22.7425 27.2404 22.775C27.1799 22.8415 27.0968 22.8832 27.0073 22.8917C26.9178 22.9002 26.8283 22.875 26.7564 22.821L21.2744 18.271L15.7564 24.573C15.7225 24.611 15.6809 24.6414 15.6343 24.6621C15.5878 24.6828 15.5373 24.6933 15.4864 24.693L15.4854 24.694Z' fill='%232C2E45'/%3E%3Cpath d='M10.8859 22.152C10.8173 22.1528 10.7498 22.1336 10.6919 22.0966C10.634 22.0597 10.5882 22.0066 10.5599 21.944C10.5329 21.8821 10.5254 21.8134 10.5385 21.7471C10.5515 21.6808 10.5845 21.6201 10.6329 21.573L14.0829 18.148C14.1501 18.0825 14.2402 18.0459 14.3339 18.046C14.4268 18.0519 14.5152 18.0877 14.5859 18.148L18.0209 21.505C18.0679 21.5457 18.1025 21.5988 18.1209 21.6582C18.1393 21.7175 18.1407 21.7809 18.1249 21.841C18.1082 21.902 18.0752 21.9572 18.0293 22.0007C17.9835 22.0442 17.9267 22.0744 17.8649 22.088C17.8031 22.1025 17.7384 22.1003 17.6777 22.0816C17.6169 22.063 17.5621 22.0287 17.5189 21.982L14.3379 18.872L11.1379 22.05C11.0706 22.1157 10.9801 22.1524 10.8859 22.152ZM16.9149 17.981C16.8319 17.981 16.7499 17.975 16.6679 17.962C15.8399 17.813 15.2859 17.055 15.4179 16.252C15.5499 15.45 16.3199 14.894 17.1549 15C17.7319 15.087 18.2089 15.48 18.3899 16.016C18.4785 16.2798 18.4901 16.5633 18.4233 16.8334C18.3565 17.1034 18.2142 17.3489 18.0129 17.541C17.7229 17.824 17.3269 17.982 16.9149 17.981ZM16.9149 15.661C16.7928 15.6606 16.6719 15.6861 16.5604 15.736C16.4488 15.7858 16.3492 15.8587 16.2679 15.95C16.1886 16.0391 16.1302 16.1447 16.097 16.2593C16.0638 16.3738 16.0566 16.4943 16.0759 16.612C16.1459 17.025 16.5259 17.321 16.9589 17.298C17.1646 17.2906 17.3602 17.2075 17.5082 17.0647C17.6563 16.9218 17.7463 16.7292 17.7609 16.524C17.7658 16.4108 17.7473 16.2978 17.7066 16.192C17.666 16.0862 17.604 15.99 17.5246 15.9091C17.4452 15.8283 17.35 15.7647 17.2449 15.7221C17.1399 15.6796 17.0272 15.6592 16.9139 15.662L16.9149 15.661Z' fill='%232C2E45'/%3E%3Cpath d='M25.6867 11.808H27.7967C27.9411 11.808 28.0842 11.8364 28.2176 11.8917C28.3511 11.947 28.4723 12.028 28.5745 12.1302C28.6766 12.2323 28.7576 12.3536 28.8129 12.487C28.8682 12.6205 28.8967 12.7635 28.8967 12.908V14.91M12.1827 11.808H10.0727C9.78092 11.808 9.50113 11.9239 9.29484 12.1302C9.08855 12.3365 8.97266 12.6162 8.97266 12.908V14.91M25.6867 26.202H27.7967C27.9411 26.202 28.0842 26.1735 28.2176 26.1183C28.3511 26.063 28.4723 25.9819 28.5745 25.8798C28.6766 25.7777 28.7576 25.6564 28.8129 25.5229C28.8682 25.3895 28.8967 25.2464 28.8967 25.102V23.102M12.1827 26.202H10.0727C9.78092 26.202 9.50113 26.0861 9.29484 25.8798C9.08855 25.6735 8.97266 25.3937 8.97266 25.102V23.102' stroke='%232C2E45' stroke-width='0.77' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5732_17624'%3E%3Crect width='39' height='39' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-camera {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 19C38 29.4934 29.4934 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C29.4934 0 38 8.50659 38 19Z' fill='%23E2E2E2'/%3E%3Cg clip-path='url(%23clip0_5732_17638)'%3E%3Cpath d='M23.6667 13.6667H23.328L21.872 11.7787C21.6844 11.5372 21.4442 11.3416 21.1698 11.2067C20.8953 11.0718 20.5938 11.0011 20.288 11H17.712C17.4062 11.0011 17.1047 11.0718 16.8302 11.2067C16.5558 11.3416 16.3156 11.5372 16.128 11.7787L14.672 13.6667H14.3333C13.4496 13.6677 12.6024 14.0193 11.9775 14.6441C11.3526 15.269 11.0011 16.1163 11 17V23.6667C11.0011 24.5504 11.3526 25.3976 11.9775 26.0225C12.6024 26.6474 13.4496 26.9989 14.3333 27H23.6667C24.5504 26.9989 25.3976 26.6474 26.0225 26.0225C26.6474 25.3976 26.9989 24.5504 27 23.6667V17C26.9989 16.1163 26.6474 15.269 26.0225 14.6441C25.3976 14.0193 24.5504 13.6677 23.6667 13.6667ZM17.184 12.5933C17.2464 12.5127 17.3265 12.4474 17.418 12.4023C17.5095 12.3573 17.61 12.3337 17.712 12.3333H20.288C20.39 12.3338 20.4905 12.3574 20.582 12.4025C20.6735 12.4475 20.7535 12.5128 20.816 12.5933L21.644 13.6667H16.356L17.184 12.5933ZM25.6667 23.6667C25.6667 24.1971 25.456 24.7058 25.0809 25.0809C24.7058 25.456 24.1971 25.6667 23.6667 25.6667H14.3333C13.8029 25.6667 13.2942 25.456 12.9191 25.0809C12.544 24.7058 12.3333 24.1971 12.3333 23.6667V17C12.3333 16.4696 12.544 15.9609 12.9191 15.5858C13.2942 15.2107 13.8029 15 14.3333 15H23.6667C24.1971 15 24.7058 15.2107 25.0809 15.5858C25.456 15.9609 25.6667 16.4696 25.6667 17V23.6667Z' fill='%232C2E45'/%3E%3Cpath d='M19 16.3333C18.2089 16.3333 17.4355 16.5678 16.7777 17.0074C16.1199 17.4469 15.6072 18.0716 15.3045 18.8025C15.0017 19.5334 14.9225 20.3377 15.0769 21.1136C15.2312 21.8895 15.6122 22.6023 16.1716 23.1617C16.731 23.7211 17.4437 24.1021 18.2196 24.2564C18.9956 24.4107 19.7998 24.3315 20.5307 24.0288C21.2616 23.726 21.8864 23.2133 22.3259 22.5555C22.7654 21.8977 23 21.1244 23 20.3333C22.9989 19.2727 22.5772 18.2559 21.8273 17.506C21.0773 16.7561 20.0605 16.3343 19 16.3333ZM19 22.9999C18.4726 22.9999 17.957 22.8435 17.5185 22.5505C17.08 22.2575 16.7382 21.841 16.5363 21.3537C16.3345 20.8665 16.2817 20.3303 16.3846 19.813C16.4875 19.2957 16.7414 18.8206 17.1144 18.4476C17.4873 18.0747 17.9625 17.8207 18.4798 17.7178C18.997 17.6149 19.5332 17.6677 20.0205 17.8696C20.5078 18.0714 20.9242 18.4132 21.2173 18.8517C21.5103 19.2903 21.6667 19.8058 21.6667 20.3333C21.6667 21.0405 21.3857 21.7188 20.8856 22.2189C20.3855 22.719 19.7072 22.9999 19 22.9999Z' fill='%232C2E45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5732_17638'%3E%3Crect width='16' height='16' fill='%232C2E45' transform='translate(11 11)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-camera.is-active {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 19C38 29.4934 29.4934 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C29.4934 0 38 8.50659 38 19Z' fill='%23FEC52E'/%3E%3Cg clip-path='url(%23clip0_5732_17638)'%3E%3Cpath d='M23.6667 13.6667H23.328L21.872 11.7787C21.6844 11.5372 21.4442 11.3416 21.1698 11.2067C20.8953 11.0718 20.5938 11.0011 20.288 11H17.712C17.4062 11.0011 17.1047 11.0718 16.8302 11.2067C16.5558 11.3416 16.3156 11.5372 16.128 11.7787L14.672 13.6667H14.3333C13.4496 13.6677 12.6024 14.0193 11.9775 14.6441C11.3526 15.269 11.0011 16.1163 11 17V23.6667C11.0011 24.5504 11.3526 25.3976 11.9775 26.0225C12.6024 26.6474 13.4496 26.9989 14.3333 27H23.6667C24.5504 26.9989 25.3976 26.6474 26.0225 26.0225C26.6474 25.3976 26.9989 24.5504 27 23.6667V17C26.9989 16.1163 26.6474 15.269 26.0225 14.6441C25.3976 14.0193 24.5504 13.6677 23.6667 13.6667ZM17.184 12.5933C17.2464 12.5127 17.3265 12.4474 17.418 12.4023C17.5095 12.3573 17.61 12.3337 17.712 12.3333H20.288C20.39 12.3338 20.4905 12.3574 20.582 12.4025C20.6735 12.4475 20.7535 12.5128 20.816 12.5933L21.644 13.6667H16.356L17.184 12.5933ZM25.6667 23.6667C25.6667 24.1971 25.456 24.7058 25.0809 25.0809C24.7058 25.456 24.1971 25.6667 23.6667 25.6667H14.3333C13.8029 25.6667 13.2942 25.456 12.9191 25.0809C12.544 24.7058 12.3333 24.1971 12.3333 23.6667V17C12.3333 16.4696 12.544 15.9609 12.9191 15.5858C13.2942 15.2107 13.8029 15 14.3333 15H23.6667C24.1971 15 24.7058 15.2107 25.0809 15.5858C25.456 15.9609 25.6667 16.4696 25.6667 17V23.6667Z' fill='white'/%3E%3Cpath d='M19 16.3333C18.2089 16.3333 17.4355 16.5678 16.7777 17.0074C16.1199 17.4469 15.6072 18.0716 15.3045 18.8025C15.0017 19.5334 14.9225 20.3377 15.0769 21.1136C15.2312 21.8895 15.6122 22.6023 16.1716 23.1617C16.731 23.7211 17.4437 24.1021 18.2196 24.2564C18.9956 24.4107 19.7998 24.3315 20.5307 24.0288C21.2616 23.726 21.8864 23.2133 22.3259 22.5555C22.7654 21.8977 23 21.1244 23 20.3333C22.9989 19.2727 22.5772 18.2559 21.8273 17.506C21.0773 16.7561 20.0605 16.3343 19 16.3333ZM19 22.9999C18.4726 22.9999 17.957 22.8435 17.5185 22.5505C17.08 22.2575 16.7382 21.841 16.5363 21.3537C16.3345 20.8665 16.2817 20.3303 16.3846 19.813C16.4875 19.2957 16.7414 18.8206 17.1144 18.4476C17.4873 18.0747 17.9625 17.8207 18.4798 17.7178C18.997 17.6149 19.5332 17.6677 20.0205 17.8696C20.5078 18.0714 20.9242 18.4132 21.2173 18.8517C21.5103 19.2903 21.6667 19.8058 21.6667 20.3333C21.6667 21.0405 21.3857 21.7188 20.8856 22.2189C20.3855 22.719 19.7072 22.9999 19 22.9999Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5732_17638'%3E%3Crect width='16' height='16' fill='white' transform='translate(11 11)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-mounting {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5732_17649)'%3E%3Cpath d='M19.1307 38.084C29.597 38.084 38.0817 29.5994 38.0817 19.133C38.0817 8.66666 29.597 0.182007 19.1307 0.182007C8.66434 0.182007 0.179688 8.66666 0.179688 19.133C0.179688 29.5994 8.66434 38.084 19.1307 38.084Z' fill='%23E2E2E2'/%3E%3Cpath d='M26.3092 25.694H11.5592C10.9912 25.694 10.5312 25.25 10.5312 24.702V15.264C10.5312 14.716 10.9912 14.273 11.5582 14.272H26.3083C26.8743 14.272 27.3342 14.716 27.3342 15.264V24.702C27.3342 25.25 26.8752 25.693 26.3092 25.694ZM11.5592 14.954C11.4755 14.9526 11.3946 14.9845 11.3343 15.0426C11.274 15.1006 11.2391 15.1802 11.2372 15.264V24.702C11.2372 24.874 11.3813 25.012 11.5592 25.013H26.3092C26.4862 25.013 26.6293 24.873 26.6303 24.703V15.263C26.6287 15.1793 26.594 15.0997 26.5338 15.0416C26.4736 14.9835 26.3929 14.9516 26.3092 14.953L11.5592 14.954Z' fill='%232C2E45'/%3E%3Cpath d='M15.4838 25.694C15.4173 25.6945 15.3521 25.6763 15.2955 25.6414C15.2389 25.6066 15.1932 25.5565 15.1638 25.497C15.1354 25.4382 15.1251 25.3725 15.134 25.3079C15.1429 25.2433 15.1706 25.1828 15.2138 25.134L20.9628 18.57C21.0248 18.4999 21.1117 18.4567 21.2051 18.4496C21.2984 18.4425 21.3908 18.472 21.4628 18.532L27.2128 23.305C27.2454 23.334 27.272 23.3693 27.291 23.4087C27.31 23.4481 27.321 23.4909 27.3235 23.5345C27.3259 23.5782 27.3196 23.6219 27.3051 23.6632C27.2906 23.7045 27.268 23.7424 27.2388 23.775C27.1784 23.8419 27.0952 23.8839 27.0054 23.8926C26.9156 23.9013 26.8259 23.8761 26.7538 23.822L21.2728 19.272L15.7548 25.573C15.7209 25.6113 15.6791 25.642 15.6324 25.6629C15.5856 25.6837 15.535 25.6943 15.4838 25.694Z' fill='%232C2E45'/%3E%3Cpath d='M10.8856 23.152C10.817 23.1528 10.7495 23.1335 10.6916 23.0966C10.6337 23.0597 10.5879 23.0066 10.5596 22.944C10.5328 22.8822 10.5255 22.8137 10.5385 22.7476C10.5515 22.6815 10.5844 22.621 10.6326 22.574L14.0826 19.148C14.1495 19.0828 14.2392 19.0462 14.3326 19.046C14.4258 19.0517 14.5146 19.0875 14.5856 19.148L18.0206 22.505C18.0678 22.5458 18.1025 22.599 18.1209 22.6586C18.1393 22.7182 18.1406 22.7817 18.1246 22.842C18.1077 22.9027 18.0746 22.9578 18.0288 23.0011C17.983 23.0444 17.9262 23.0745 17.8646 23.088C17.8027 23.1024 17.7381 23.1002 17.6774 23.0816C17.6166 23.063 17.5618 23.0286 17.5186 22.982L14.3366 19.872L11.1376 23.05C11.0703 23.1157 10.9798 23.1523 10.8856 23.152ZM16.9136 18.981C16.8316 18.981 16.7486 18.975 16.6676 18.963C15.8396 18.813 15.2856 18.056 15.4176 17.253C15.5496 16.45 16.3196 15.895 17.1536 16C17.4331 16.0399 17.6962 16.1559 17.9141 16.3353C18.1321 16.5147 18.2966 16.7505 18.3896 17.017C18.4782 17.2807 18.4898 17.5643 18.423 17.8343C18.3562 18.1044 18.2139 18.3499 18.0126 18.542C17.7226 18.824 17.3266 18.982 16.9136 18.982V18.981ZM16.9136 16.662C16.7917 16.6616 16.6711 16.687 16.5597 16.7367C16.4484 16.7863 16.3488 16.859 16.2676 16.95C16.1882 17.0392 16.1297 17.145 16.0965 17.2597C16.0632 17.3744 16.0561 17.4952 16.0756 17.613C16.1456 18.026 16.5256 18.321 16.9586 18.299C17.1641 18.2914 17.3595 18.2082 17.5073 18.0653C17.6551 17.9225 17.745 17.73 17.7596 17.525C17.7646 17.4118 17.7463 17.2988 17.7057 17.1929C17.6652 17.0871 17.6033 16.9907 17.524 16.9098C17.4447 16.8289 17.3496 16.7651 17.2446 16.7225C17.1396 16.6799 17.0269 16.6593 16.9136 16.662Z' fill='%232C2E45'/%3E%3Cpath d='M15.7441 14.272L17.8441 11.959C17.9473 11.8453 18.073 11.7543 18.2134 11.6921C18.3538 11.6299 18.5056 11.5978 18.6591 11.5978C18.8127 11.5978 18.9645 11.6299 19.1049 11.6921C19.2452 11.7543 19.371 11.8453 19.4741 11.959L21.5741 14.272' stroke='%232C2E45' stroke-width='0.66' stroke-linecap='round'/%3E%3Cpath d='M18.7043 12.091C19.3062 12.091 19.7943 11.6025 19.7943 11C19.7943 10.3975 19.3062 9.909 18.7043 9.909C18.1023 9.909 17.6143 10.3975 17.6143 11C17.6143 11.6025 18.1023 12.091 18.7043 12.091Z' fill='%23E2E2E2' stroke='%232C2E45' stroke-width='0.66'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5732_17649'%3E%3Crect width='39' height='39' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-shaping {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='39' viewBox='0 0 40 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7788_7097)'%3E%3Cpath d='M19.1739 38.0841C29.6402 38.0841 38.1249 29.5995 38.1249 19.1331C38.1249 8.66678 29.6402 0.182129 19.1739 0.182129C8.70755 0.182129 0.2229 8.66678 0.2229 19.1331C0.2229 29.5995 8.70755 38.0841 19.1739 38.0841Z' fill='%23E2E2E2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3998 12.0903H28.5448C28.8365 12.0903 29.1163 12.2062 29.3226 12.4125C29.5289 12.6188 29.6448 12.8986 29.6448 13.1903V20.8083C29.6448 20.9528 29.6164 21.0958 29.5611 21.2293C29.5058 21.3627 29.4248 21.484 29.3226 21.5862C29.2205 21.6883 29.0992 21.7693 28.9658 21.8246C28.8323 21.8799 28.6893 21.9083 28.5448 21.9083H14.3998C14.2554 21.9083 14.1123 21.8799 13.9789 21.8246C13.8454 21.7693 13.7241 21.6883 13.622 21.5862C13.5198 21.484 13.4388 21.3627 13.3835 21.2293C13.3283 21.0958 13.2998 20.9528 13.2998 20.8083V13.1903C13.2998 12.8986 13.4157 12.6188 13.622 12.4125C13.8283 12.2062 14.1081 12.0903 14.3998 12.0903Z' stroke='%232C2E45' stroke-width='0.77' stroke-linecap='round' stroke-dasharray='1.1 2.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1199 14.272H27.4659V25.18H11.1199V14.272Z' fill='%23E2E2E2'/%3E%3Cpath d='M26.3529 25.694H11.6029C11.0359 25.693 10.5769 25.249 10.5759 24.702V15.262C10.5759 14.715 11.0359 14.272 11.6029 14.271H26.3529C26.9199 14.271 27.3789 14.715 27.3799 15.262V24.701C27.3799 25.248 26.9199 25.693 26.3529 25.694ZM11.6029 14.952C11.5192 14.9507 11.4383 14.9825 11.378 15.0406C11.3177 15.0987 11.2828 15.1783 11.2809 15.262V24.701C11.2809 24.872 11.4249 25.011 11.6029 25.011H26.3529C26.4366 25.0123 26.5173 24.9805 26.5775 24.9223C26.6377 24.8642 26.6723 24.7846 26.6739 24.701V15.262C26.6723 15.1784 26.6377 15.0988 26.5775 15.0406C26.5173 14.9825 26.4366 14.9507 26.3529 14.952H11.6029Z' fill='%232C2E45'/%3E%3Cpath d='M15.5279 25.6942C15.4613 25.6946 15.396 25.6762 15.3394 25.6412C15.2828 25.6062 15.2372 25.5559 15.2078 25.4962C15.1796 25.4374 15.1694 25.3715 15.1785 25.307C15.1876 25.2424 15.2155 25.1819 15.2589 25.1332L21.0069 18.5692C21.0689 18.4991 21.1558 18.4559 21.2491 18.4488C21.3425 18.4417 21.4349 18.4712 21.5069 18.5312L27.2569 23.3052C27.2895 23.3342 27.3161 23.3695 27.3351 23.4089C27.3541 23.4483 27.3651 23.4911 27.3675 23.5348C27.37 23.5784 27.3637 23.6222 27.3492 23.6634C27.3347 23.7047 27.3121 23.7426 27.2828 23.7752C27.2224 23.8417 27.1393 23.8833 27.0498 23.8918C26.9602 23.9004 26.8708 23.8751 26.7989 23.8212L21.3168 19.2712L15.7988 25.5732C15.765 25.6112 15.7234 25.6416 15.6768 25.6623C15.6302 25.683 15.5798 25.6935 15.5288 25.6932L15.5279 25.6942Z' fill='%232C2E45'/%3E%3Cpath d='M10.9289 23.1518C10.8602 23.1526 10.7928 23.1333 10.7349 23.0964C10.677 23.0594 10.6311 23.0064 10.6029 22.9438C10.5759 22.8818 10.5684 22.8132 10.5814 22.7469C10.5945 22.6806 10.6274 22.6198 10.6759 22.5728L14.1259 19.1478C14.1931 19.0823 14.2831 19.0457 14.3769 19.0458C14.4697 19.0517 14.5581 19.0875 14.6289 19.1478L18.0639 22.5048C18.1109 22.5455 18.1455 22.5985 18.1639 22.6579C18.1823 22.7173 18.1837 22.7806 18.1679 22.8408C18.1512 22.9017 18.1181 22.9569 18.0723 23.0005C18.0265 23.044 17.9696 23.0742 17.9079 23.0878C17.846 23.1022 17.7814 23.1 17.7206 23.0814C17.6599 23.0628 17.6051 23.0284 17.5619 22.9818L14.3809 19.8718L11.1809 23.0498C11.1135 23.1155 11.023 23.1521 10.9289 23.1518ZM16.9579 18.9808C16.8749 18.9808 16.7929 18.9748 16.7109 18.9618C15.8829 18.8128 15.3289 18.0548 15.4609 17.2518C15.5929 16.4498 16.3629 15.8938 17.1979 15.9998C17.7749 16.0868 18.2519 16.4798 18.4329 17.0158C18.5215 17.2795 18.533 17.563 18.4663 17.8331C18.3995 18.1032 18.2572 18.3487 18.0559 18.5408C17.7659 18.8238 17.3699 18.9818 16.9579 18.9808ZM16.9579 16.6608C16.8358 16.6603 16.7149 16.6859 16.6033 16.7357C16.4918 16.7855 16.3921 16.8585 16.3109 16.9498C16.2316 17.0388 16.1732 17.1445 16.14 17.259C16.1067 17.3736 16.0996 17.4941 16.1189 17.6118C16.1889 18.0248 16.5689 18.3208 17.0019 18.2978C17.2075 18.2904 17.4032 18.2073 17.5512 18.0644C17.6992 17.9215 17.7892 17.729 17.8039 17.5238C17.8087 17.4106 17.7903 17.2976 17.7496 17.1918C17.7089 17.086 17.647 16.9897 17.5676 16.9089C17.4881 16.8281 17.3929 16.7644 17.2879 16.7219C17.1829 16.6794 17.0702 16.6589 16.9569 16.6618L16.9579 16.6608Z' fill='%232C2E45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7788_7097'%3E%3Crect width='39' height='39' fill='white' transform='translate(0.0429688)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon-cart {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.497 13.466L11.638 3.794C11.629 3.69134 11.582 3.59574 11.5061 3.52598C11.4303 3.45623 11.3311 3.41736 11.228 3.417H9.462C9.44916 2.63958 9.13155 1.8983 8.57757 1.35273C8.02358 0.80716 7.27752 0.500942 6.5 0.5C5.72248 0.500942 4.97642 0.80716 4.42243 1.35273C3.86845 1.8983 3.55084 2.63958 3.538 3.417H1.772C1.66874 3.41667 1.56916 3.4553 1.49316 3.52519C1.41715 3.59508 1.37031 3.69108 1.362 3.794L0.503 13.466C0.503 13.479 0.5 13.491 0.5 13.503C0.5 14.604 1.509 15.5 2.75 15.5H10.25C11.491 15.5 12.5 14.604 12.5 13.503C12.5 13.491 12.5 13.479 12.497 13.466ZM6.5 1.328C7.662 1.328 8.61 2.261 8.634 3.418H4.366C4.37827 2.85984 4.60838 2.32863 5.00715 1.9379C5.40592 1.54716 5.94171 1.32891 6.5 1.328ZM10.25 14.672H2.75C1.972 14.672 1.34 14.156 1.328 13.522L2.149 4.248H3.535V5.506C3.535 5.736 3.719 5.92 3.949 5.92C4.179 5.92 4.363 5.736 4.363 5.506V4.248H8.633V5.506C8.633 5.736 8.818 5.92 9.048 5.92C9.278 5.92 9.462 5.736 9.462 5.506V4.248H10.847L11.672 13.521C11.66 14.156 11.025 14.671 10.25 14.671V14.672Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}

.icon-timeline-camera {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9220_9614)'%3E%3Cpath d='M12.6667 2.66667H12.328L10.872 0.778667C10.6844 0.537204 10.4442 0.341611 10.1698 0.206703C9.89534 0.0717943 9.5938 0.0011087 9.288 0L6.712 0C6.4062 0.0011087 6.10466 0.0717943 5.83022 0.206703C5.55579 0.341611 5.31565 0.537204 5.128 0.778667L3.672 2.66667H3.33333C2.4496 2.66773 1.60237 3.01925 0.97748 3.64415C0.352588 4.26904 0.00105857 5.11627 0 6L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667V6C15.9989 5.11627 15.6474 4.26904 15.0225 3.64415C14.3976 3.01925 13.5504 2.66773 12.6667 2.66667ZM6.184 1.59333C6.24645 1.5127 6.32646 1.44738 6.41796 1.40232C6.50945 1.35727 6.61001 1.33367 6.712 1.33333H9.288C9.38997 1.33377 9.4905 1.35741 9.58198 1.40246C9.67346 1.4475 9.75348 1.51278 9.816 1.59333L10.644 2.66667H5.356L6.184 1.59333ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H3.33333C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V6C1.33333 5.46957 1.54405 4.96086 1.91912 4.58579C2.29419 4.21071 2.8029 4 3.33333 4H12.6667C13.1971 4 13.7058 4.21071 14.0809 4.58579C14.456 4.96086 14.6667 5.46957 14.6667 6V12.6667Z' fill='white'/%3E%3Cpath d='M8 5.33325C7.20888 5.33325 6.43552 5.56785 5.77772 6.00737C5.11992 6.4469 4.60723 7.07161 4.30448 7.80252C4.00173 8.53342 3.92252 9.33769 4.07686 10.1136C4.2312 10.8895 4.61216 11.6023 5.17157 12.1617C5.73099 12.7211 6.44372 13.1021 7.21964 13.2564C7.99557 13.4107 8.79983 13.3315 9.53074 13.0288C10.2616 12.726 10.8864 12.2133 11.3259 11.5555C11.7654 10.8977 12 10.1244 12 9.33325C11.9989 8.27271 11.5772 7.25591 10.8273 6.50599C10.0773 5.75608 9.06054 5.33431 8 5.33325ZM8 11.9999C7.47259 11.9999 6.95701 11.8435 6.51848 11.5505C6.07995 11.2575 5.73816 10.841 5.53632 10.3537C5.33449 9.86647 5.28168 9.33029 5.38457 8.81301C5.48747 8.29573 5.74144 7.82057 6.11438 7.44763C6.48732 7.07469 6.96248 6.82072 7.47976 6.71782C7.99704 6.61493 8.53322 6.66774 9.02049 6.86957C9.50776 7.07141 9.92424 7.4132 10.2173 7.85173C10.5103 8.29026 10.6667 8.80584 10.6667 9.33325C10.6667 10.0405 10.3857 10.7188 9.88562 11.2189C9.38552 11.719 8.70725 11.9999 8 11.9999Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9220_9614'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-timeline-camera.is-black {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9220_9614)'%3E%3Cpath d='M12.6667 2.66667H12.328L10.872 0.778667C10.6844 0.537204 10.4442 0.341611 10.1698 0.206703C9.89534 0.0717943 9.5938 0.0011087 9.288 0L6.712 0C6.4062 0.0011087 6.10466 0.0717943 5.83022 0.206703C5.55579 0.341611 5.31565 0.537204 5.128 0.778667L3.672 2.66667H3.33333C2.4496 2.66773 1.60237 3.01925 0.97748 3.64415C0.352588 4.26904 0.00105857 5.11627 0 6L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667V6C15.9989 5.11627 15.6474 4.26904 15.0225 3.64415C14.3976 3.01925 13.5504 2.66773 12.6667 2.66667ZM6.184 1.59333C6.24645 1.5127 6.32646 1.44738 6.41796 1.40232C6.50945 1.35727 6.61001 1.33367 6.712 1.33333H9.288C9.38997 1.33377 9.4905 1.35741 9.58198 1.40246C9.67346 1.4475 9.75348 1.51278 9.816 1.59333L10.644 2.66667H5.356L6.184 1.59333ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H3.33333C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V6C1.33333 5.46957 1.54405 4.96086 1.91912 4.58579C2.29419 4.21071 2.8029 4 3.33333 4H12.6667C13.1971 4 13.7058 4.21071 14.0809 4.58579C14.456 4.96086 14.6667 5.46957 14.6667 6V12.6667Z' fill='%232c2e45' /%3E%3Cpath d='M8 5.33325C7.20888 5.33325 6.43552 5.56785 5.77772 6.00737C5.11992 6.4469 4.60723 7.07161 4.30448 7.80252C4.00173 8.53342 3.92252 9.33769 4.07686 10.1136C4.2312 10.8895 4.61216 11.6023 5.17157 12.1617C5.73099 12.7211 6.44372 13.1021 7.21964 13.2564C7.99557 13.4107 8.79983 13.3315 9.53074 13.0288C10.2616 12.726 10.8864 12.2133 11.3259 11.5555C11.7654 10.8977 12 10.1244 12 9.33325C11.9989 8.27271 11.5772 7.25591 10.8273 6.50599C10.0773 5.75608 9.06054 5.33431 8 5.33325ZM8 11.9999C7.47259 11.9999 6.95701 11.8435 6.51848 11.5505C6.07995 11.2575 5.73816 10.841 5.53632 10.3537C5.33449 9.86647 5.28168 9.33029 5.38457 8.81301C5.48747 8.29573 5.74144 7.82057 6.11438 7.44763C6.48732 7.07469 6.96248 6.82072 7.47976 6.71782C7.99704 6.61493 8.53322 6.66774 9.02049 6.86957C9.50776 7.07141 9.92424 7.4132 10.2173 7.85173C10.5103 8.29026 10.6667 8.80584 10.6667 9.33325C10.6667 10.0405 10.3857 10.7188 9.88562 11.2189C9.38552 11.719 8.70725 11.9999 8 11.9999Z' fill='%232c2e45' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9220_9614'%3E%3Crect width='16' height='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-mail {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 0H3.33333C2.4496 0.000831735 1.43823 0.201976 0.813333 0.692963C0.188441 1.18395 0.00105857 1.92469 0 2.61905V8.38095C0.00105857 9.07531 0.188441 9.83073 0.813333 10.3217C1.43823 10.8127 2.4496 10.9992 3.33333 11H12.6667C13.5504 10.9992 14.5618 10.8127 15.1867 10.3217C15.8116 9.83073 15.9989 9.07531 16 8.38095V2.61905C15.9989 1.92469 15.8116 1.18395 15.1867 0.692963C14.5618 0.201976 13.5504 0.000831735 12.6667 0ZM2.66667 0.52381H13.3333C13.7325 0.524427 14.1223 0.618889 14.4526 0.79504C14.7829 0.971192 15.0386 1.22097 15.1867 1.51224L10 5.23816C9.62429 5.53218 8.53028 5.9832 8 5.9832C7.46972 5.9832 6.21305 5.53218 5.83733 5.23816L0.813333 1.51224C0.961432 1.22097 1.21708 0.971192 1.54736 0.79504C1.87765 0.618889 2.26748 0.524427 2.66667 0.52381ZM13.3333 10.4762H2.66667C2.13623 10.4762 1.62753 10.3106 1.25245 10.0159C0.87738 9.72123 0.666667 9.32153 0.666667 8.90476V2.0953L5.64267 5.74095C6.26842 6.23137 7.11617 6.50678 8 6.50678C8.88383 6.50678 9.73158 6.23137 10.3573 5.74095L15.3333 2.0953V8.90476C15.3333 9.32153 15.1226 9.72123 14.7475 10.0159C14.3725 10.3106 13.8638 10.4762 13.3333 10.4762Z' fill='%23374957'/%3E%3C/svg%3E%0A");
}

.icon-published {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1309 38.0839C29.5973 38.0839 38.0819 29.5992 38.0819 19.1329C38.0819 8.66654 29.5973 0.181885 19.1309 0.181885C8.66458 0.181885 0.179932 8.66654 0.179932 19.1329C0.179932 29.5992 8.66458 38.0839 19.1309 38.0839Z' fill='transparent' /%3E%3Cpath d='M26.31 24.694H11.56C10.993 24.693 10.534 24.249 10.533 23.702V14.262C10.533 13.715 10.993 13.272 11.56 13.271H26.31C26.877 13.271 27.336 13.715 27.337 14.262V23.701C27.337 24.248 26.877 24.693 26.31 24.694ZM11.56 13.952C11.4762 13.9507 11.3954 13.9825 11.335 14.0406C11.2747 14.0987 11.2398 14.1783 11.238 14.262V23.701C11.238 23.872 11.382 24.011 11.56 24.011H26.31C26.3936 24.0123 26.4744 23.9805 26.5345 23.9223C26.5947 23.8642 26.6294 23.7846 26.631 23.701V14.262C26.6294 14.1784 26.5947 14.0988 26.5345 14.0406C26.4744 13.9825 26.3936 13.9507 26.31 13.952H11.56Z' fill='%232C2E45' /%3E%3Cpath d='M15.4849 24.6939C15.4183 24.6943 15.353 24.676 15.2964 24.641C15.2398 24.6059 15.1942 24.5557 15.1649 24.4959C15.1367 24.4371 15.1265 24.3713 15.1355 24.3067C15.1446 24.2421 15.1726 24.1817 15.2159 24.1329L20.9639 17.5689C21.0259 17.4988 21.1128 17.4556 21.2062 17.4485C21.2995 17.4415 21.392 17.471 21.4639 17.5309L27.2139 22.3049C27.2465 22.334 27.2731 22.3693 27.2921 22.4087C27.3111 22.4481 27.3222 22.4908 27.3246 22.5345C27.327 22.5782 27.3208 22.6219 27.3062 22.6632C27.2917 22.7044 27.2691 22.7424 27.2399 22.7749C27.1794 22.8415 27.0963 22.8831 27.0068 22.8916C26.9173 22.9001 26.8278 22.8749 26.7559 22.8209L21.2739 18.2709L15.7559 24.5729C15.722 24.611 15.6804 24.6414 15.6338 24.6621C15.5873 24.6828 15.5368 24.6933 15.4859 24.6929L15.4849 24.6939Z' fill='%232C2E45' /%3E%3Cpath d='M10.8859 22.152C10.8173 22.1528 10.7498 22.1336 10.6919 22.0966C10.634 22.0597 10.5882 22.0066 10.5599 21.944C10.5329 21.8821 10.5254 21.8134 10.5385 21.7471C10.5515 21.6808 10.5845 21.6201 10.6329 21.573L14.0829 18.148C14.1501 18.0825 14.2402 18.0459 14.3339 18.046C14.4268 18.0519 14.5152 18.0877 14.5859 18.148L18.0209 21.505C18.0679 21.5457 18.1025 21.5988 18.1209 21.6582C18.1393 21.7175 18.1407 21.7809 18.1249 21.841C18.1082 21.902 18.0752 21.9572 18.0293 22.0007C17.9835 22.0442 17.9267 22.0744 17.8649 22.088C17.8031 22.1025 17.7384 22.1003 17.6777 22.0816C17.6169 22.063 17.5621 22.0287 17.5189 21.982L14.3379 18.872L11.1379 22.05C11.0706 22.1157 10.9801 22.1524 10.8859 22.152ZM16.9149 17.981C16.8319 17.981 16.7499 17.975 16.6679 17.962C15.8399 17.813 15.2859 17.055 15.4179 16.252C15.5499 15.45 16.3199 14.894 17.1549 15C17.7319 15.087 18.2089 15.48 18.3899 16.016C18.4785 16.2798 18.4901 16.5633 18.4233 16.8334C18.3565 17.1034 18.2142 17.3489 18.0129 17.541C17.7229 17.824 17.3269 17.982 16.9149 17.981ZM16.9149 15.661C16.7928 15.6606 16.6719 15.6861 16.5604 15.736C16.4488 15.7858 16.3492 15.8587 16.2679 15.95C16.1886 16.0391 16.1302 16.1447 16.097 16.2593C16.0638 16.3738 16.0566 16.4943 16.0759 16.612C16.1459 17.025 16.5259 17.321 16.9589 17.298C17.1646 17.2906 17.3602 17.2075 17.5082 17.0647C17.6563 16.9218 17.7463 16.7292 17.7609 16.524C17.7658 16.4108 17.7473 16.2978 17.7066 16.192C17.666 16.0862 17.604 15.99 17.5246 15.9091C17.4452 15.8283 17.35 15.7647 17.2449 15.7221C17.1399 15.6796 17.0272 15.6592 16.9139 15.662L16.9149 15.661Z' fill='%232C2E45' /%3E%3Cpath d='M25.6869 11.8079H27.7969C27.9414 11.8079 28.0844 11.8363 28.2179 11.8916C28.3513 11.9469 28.4726 12.0279 28.5747 12.13C28.6769 12.2322 28.7579 12.3535 28.8132 12.4869C28.8684 12.6204 28.8969 12.7634 28.8969 12.9079V14.9099M12.1829 11.8079H10.0729C9.78116 11.8079 9.50137 11.9238 9.29508 12.13C9.08879 12.3363 8.9729 12.6161 8.9729 12.9079V14.9099M25.6869 26.2019H27.7969C27.9414 26.2019 28.0844 26.1734 28.2179 26.1181C28.3513 26.0628 28.4726 25.9818 28.5747 25.8797C28.6769 25.7775 28.7579 25.6563 28.8132 25.5228C28.8684 25.3894 28.8969 25.2463 28.8969 25.1019V23.1019M12.1829 26.2019H10.0729C9.78116 26.2019 9.50137 26.086 9.29508 25.8797C9.08879 25.6734 8.9729 25.3936 8.9729 25.1019V23.1019' stroke='%232C2E45' stroke-width='0.77' stroke-linecap='round' /%3E%3C/svg%3E");
}

.icon-expired {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1309 38.0841C29.5973 38.0841 38.0819 29.5995 38.0819 19.1331C38.0819 8.66678 29.5973 0.182129 19.1309 0.182129C8.66458 0.182129 0.179932 8.66678 0.179932 19.1331C0.179932 29.5995 8.66458 38.0841 19.1309 38.0841Z' fill='transparent' /%3E%3Cpath d='M26.31 25.694H11.56C10.992 25.694 10.532 25.25 10.532 24.702V15.264C10.532 14.716 10.992 14.273 11.559 14.272H26.309C26.875 14.272 27.335 14.716 27.335 15.264V24.702C27.335 25.25 26.876 25.693 26.31 25.694ZM11.56 14.954C11.4762 14.9526 11.3954 14.9845 11.335 15.0426C11.2747 15.1006 11.2398 15.1802 11.238 15.264V24.702C11.238 24.874 11.382 25.012 11.56 25.013H26.31C26.487 25.013 26.63 24.873 26.631 24.703V15.263C26.6294 15.1793 26.5947 15.0997 26.5346 15.0416C26.4744 14.9835 26.3936 14.9516 26.31 14.953L11.56 14.954Z' fill='%232C2E45' /%3E%3Cpath d='M15.485 25.6941C15.4185 25.6946 15.3533 25.6764 15.2967 25.6416C15.2401 25.6068 15.1945 25.5567 15.165 25.4971C15.1367 25.4384 15.1263 25.3727 15.1352 25.3081C15.1441 25.2435 15.1718 25.183 15.215 25.1341L20.964 18.5701C21.026 18.5 21.1129 18.4569 21.2063 18.4498C21.2996 18.4427 21.3921 18.4722 21.464 18.5321L27.214 23.3051C27.2467 23.3342 27.2733 23.3695 27.2922 23.4089C27.3112 23.4483 27.3223 23.4911 27.3247 23.5347C27.3271 23.5784 27.3209 23.6221 27.3063 23.6634C27.2918 23.7046 27.2692 23.7426 27.24 23.7751C27.1796 23.8421 27.0964 23.8841 27.0066 23.8928C26.9169 23.9015 26.8271 23.8763 26.755 23.8221L21.274 19.2721L15.756 25.5731C15.7221 25.6115 15.6804 25.6422 15.6336 25.663C15.5869 25.6839 15.5362 25.6945 15.485 25.6941Z' fill='%232C2E45' /%3E%3Cpath d='M10.8859 23.152C10.8172 23.1529 10.7498 23.1336 10.6919 23.0967C10.634 23.0597 10.5881 23.0067 10.5599 22.944C10.5331 22.8823 10.5257 22.8138 10.5387 22.7477C10.5518 22.6816 10.5846 22.621 10.6329 22.574L14.0829 19.148C14.1498 19.0828 14.2395 19.0462 14.3329 19.046C14.426 19.0518 14.5148 19.0876 14.5859 19.148L18.0209 22.505C18.068 22.5459 18.1028 22.5991 18.1212 22.6586C18.1396 22.7182 18.1408 22.7818 18.1249 22.842C18.108 22.9028 18.0749 22.9578 18.0291 23.0012C17.9832 23.0445 17.9265 23.0745 17.8649 23.088C17.803 23.1025 17.7384 23.1003 17.6776 23.0817C17.6168 23.0631 17.5621 23.0287 17.5189 22.982L14.3369 19.872L11.1379 23.05C11.0705 23.1158 10.98 23.1524 10.8859 23.152ZM16.9139 18.981C16.8319 18.981 16.7489 18.975 16.6679 18.963C15.8399 18.813 15.2859 18.056 15.4179 17.253C15.5499 16.45 16.3199 15.895 17.1539 16C17.4333 16.04 17.6964 16.156 17.9144 16.3354C18.1324 16.5147 18.2969 16.7505 18.3899 17.017C18.4784 17.2808 18.49 17.5643 18.4232 17.8344C18.3565 18.1045 18.2141 18.3499 18.0129 18.542C17.7229 18.824 17.3269 18.982 16.9139 18.982V18.981ZM16.9139 16.662C16.792 16.6616 16.6713 16.6871 16.56 16.7367C16.4486 16.7864 16.3491 16.8591 16.2679 16.95C16.1884 17.0392 16.1299 17.145 16.0967 17.2598C16.0635 17.3745 16.0564 17.4952 16.0759 17.613C16.1459 18.026 16.5259 18.321 16.9589 18.299C17.1643 18.2914 17.3597 18.2082 17.5075 18.0654C17.6554 17.9225 17.7452 17.7301 17.7599 17.525C17.7649 17.4118 17.7465 17.2988 17.706 17.193C17.6654 17.0872 17.6036 16.9908 17.5242 16.9099C17.4449 16.829 17.3498 16.7652 17.2448 16.7226C17.1398 16.6799 17.0272 16.6593 16.9139 16.662Z' fill='%232C2E45' /%3E%3Cpath d='M15.7449 14.2724L17.8449 11.9594C17.948 11.8456 18.0738 11.7547 18.2141 11.6925C18.3545 11.6303 18.5063 11.5981 18.6599 11.5981C18.8134 11.5981 18.9652 11.6303 19.1056 11.6925C19.246 11.7547 19.3718 11.8456 19.4749 11.9594L21.5749 14.2724' stroke='%232C2E45' stroke-width='0.66' stroke-linecap='round' /%3E%3Cpath d='M18.705 12.0912C19.307 12.0912 19.795 11.6027 19.795 11.0002C19.795 10.3976 19.307 9.90918 18.705 9.90918C18.103 9.90918 17.615 10.3976 17.615 11.0002C17.615 11.6027 18.103 12.0912 18.705 12.0912Z' fill='transparent' stroke='%232C2E45' stroke-width='0.66' /%3E%3C/svg%3E");
}

.title-1 {
  font-size: 20px;
}

.title-2 {
  font-size: 15px;
}

.title-3, .card-info-title, .card-content-title {
  font-size: 13px;
}

.page-container {
  height: 100vh;
  display: flex;
  background: #f7f7f7;
  max-width: 100vw;
}

.sidebar {
  position: absolute;
  height: 100vh;
  overflow: auto;
  opacity: 0;
  max-width: 0;
  background-color: #2c2e45;
  transition: max-width 0.1s;
  flex: none;
  z-index: 4;
}
.sidebar.is-open {
  opacity: 1;
  width: 85vw;
  max-width: 85vw;
  padding: 15px 12px;
  transition: max-width 0.1s;
}
@media (min-width: 768px) {
  .sidebar.is-open {
    padding: 43px 15px 43px 35px;
    max-width: 280px;
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .sidebar.is-open {
    width: 300px;
    max-width: 300px;
  }
}
@media (min-width: 768px) {
  .sidebar {
    position: relative;
    height: 100%;
    z-index: auto;
  }
}

.sidebar-mob-back {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: rgba(235, 235, 235, 0.8);
  z-index: 2;
}
@media (min-width: 768px) {
  .sidebar-mob-back {
    display: none;
  }
}

.sidebar-close {
  position: absolute;
  top: 14px;
  right: 23px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: all 0.3s;
}
.nav-item .sidebar-close {
  top: 0;
  transform: rotate(-90deg);
}
.is-open > .nav-item .sidebar-close {
  transform: rotate(-270deg);
}
@media (min-width: 768px) {
  .sidebar-close {
    right: 15px;
    top: 43px;
  }
}

.content {
  height: 100%;
  flex: 1 1;
  padding: 45px 8px 0 8px;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-x: hidden;
}

.content-thumb {
  overflow-x: auto;
  display: flex;
  height: 100%;
}

.aside {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  opacity: 0;
  max-width: 0;
  background-color: #ffffff;
  transition: max-width 0.1s;
  height: 100%;
  overflow: auto;
  flex: none;
  z-index: 1;
}
.aside.is-open {
  opacity: 1;
  width: 100vw;
  max-width: 100vw;
  padding: 58px 8px 20px 50px;
  transition: max-width 0.1s;
}
@media (min-width: 768px) {
  .aside.is-open {
    padding: 43px 30px 16px 16px;
    max-width: 280px;
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .aside.is-open {
    width: 300px;
    max-width: 300px;
  }
}
@media (min-width: 768px) {
  .aside {
    position: relative;
    z-index: auto;
  }
}

.asside-collapse {
  font-family: "avenir", sans-serif;
  font-weight: normal;
  font-size: 14px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #7d7e8e;
  border: none;
  background-color: transparent;
  padding-left: 20px;
  letter-spacing: -1px;
  margin-left: -18px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .asside-collapse {
    line-height: 1.6;
    padding-left: 10px;
    margin-left: 0;
    letter-spacing: normal;
  }
}

.aside-section {
  border-top: 1px solid #c7c7c7;
  margin-top: 15px;
  padding-top: 13px;
}
@media (min-width: 768px) {
  .aside-section {
    margin-top: 10px;
    padding-top: 12px;
  }
}

.aside-section-title {
  display: none;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 14px;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .aside-section-title {
    display: block;
  }
}

.aside-menu {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .aside-menu {
    gap: 12px;
    padding-left: 20px;
  }
}

.aside-menu-link {
  display: inline-block;
  text-align: left;
  width: auto;
  font-family: "avenir", sans-serif;
  line-height: 14.4px;
  font-size: 14px;
  font-weight: 350;
  letter-spacing: 0;
  padding: 2px 0;
  padding-left: 10px;
  color: #2b2e45;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
@media (min-width: 768px) {
  .aside-menu-link {
    padding-left: 0;
  }
}
.aside-menu-link:focus {
  outline: none;
}
.aside-menu-link:disabled {
  cursor: default;
}
.aside-menu-link.bold {
  font-weight: 900;
  letter-spacing: 0;
}

.aside-content {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 11px;
}

.aside-mob-section {
  display: none;
}
@media (min-width: 768px) {
  .aside-mob-section {
    display: block;
  }
}

.aside-time-notif {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-top: -9px;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 12px;
  container-type: inline-size;
}

.header-thumb {
  display: none;
  align-items: center;
  margin-right: 12px;
}
.header-thumb.is-show {
  display: flex;
  margin-bottom: 3px;
}

.header-burger {
  width: 22px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}

.heade-logo-mini {
  min-width: 60px;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .heade-logo-mini {
    min-width: unset;
    width: 24px;
    height: 24px;
  }
}

.header-content {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
@media (min-width: 768px) {
  .header-content {
    display: grid;
    grid-template-columns: min-content min-content minmax(auto, 78%);
    overflow: hidden;
  }
  .header-content.header-thumb-open {
    grid-template-columns: min-content minmax(auto, 70%);
  }
}

.header-title {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1.12px;
  margin: 0 auto;
  position: relative;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
}
@container (min-width: 1150px) {
  .header-title {
    margin-right: 50px;
  }
}
@media (min-width: 768px) {
  .header-title {
    font-size: 20px;
    margin-right: 20px;
  }
}

.header-control {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-control > * {
  cursor: pointer;
}

.header-active {
  border-bottom: 3px solid #fec52e !important;
}

.header-profile {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .header-profile {
    margin: 0 5px;
  }
}

.header-user {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.769' height='16' viewBox='0 0 14.769 16'%3E%3Cpath d='M7.385 0a4.334 4.334 0 0 0-4.431 4.219 4.333 4.333 0 0 0 4.431 4.218 4.333 4.333 0 0 0 4.431-4.218A4.334 4.334 0 0 0 7.385 0zM12.9 11.194a6.481 6.481 0 0 0-4.531-1.819H6.4a6.481 6.481 0 0 0-4.529 1.819A6 6 0 0 0 0 15.531.482.482 0 0 0 .492 16h13.785a.481.481 0 0 0 .492-.468 6 6 0 0 0-1.869-4.338z' style='fill:%232c2e45'/%3E%3C/svg%3E");
  width: 15px;
  min-width: 15px;
  height: 16px;
}
@media (min-width: 768px) {
  .header-user {
    display: block;
  }
}

.header-search {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.444' height='16.25' viewBox='0 0 16.444 16.25'%3E%3Cpath d='M7.267 14.145A6.663 6.663 0 0 1 .6 7.373a6.668 6.668 0 1 1 13.334 0 6.73 6.73 0 0 1-6.667 6.773zm0-12.8a6.033 6.033 0 0 0 0 12.064 6.033 6.033 0 0 0 0-12.064z' transform='translate(-.45 -.45)' style='stroke-width:.3px;fill:%232c2e45;stroke:%232c2e45'/%3E%3Cpath d='M15.861 16.078c-.106 0-.212 0-.212-.106L11.2 11.633a.472.472 0 0 1 0-.529.472.472 0 0 1 .529 0l4.445 4.339a.472.472 0 0 1 0 .529.389.389 0 0 1-.313.106z' transform='translate(.077 .072)' style='stroke-width:.2px;fill:%232c2e45;stroke:%232c2e45'/%3E%3C/svg%3E");
  width: 16px;
  min-width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .header-search {
    display: block;
  }
}

.header-profile-name {
  position: absolute;
  top: 0;
  left: 50vw;
  transform: translate(-50%, 0);
  font-family: "avenir", sans-serif;
  font-size: 15px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  order: 1;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .header-profile-name {
    order: unset;
    position: relative;
    transform: unset;
    top: auto;
    left: auto;
  }
}

.header-profile-thumb {
  min-width: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  order: 2;
}
@media (min-width: 768px) {
  .header-profile-thumb {
    min-width: 23px;
    width: 23px;
    height: 23px;
    order: unset;
  }
}

.header-profile-image {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.header-profile-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  order: 2;
  background-color: #9e9faf;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 1;
}
@media (min-width: 768px) {
  .header-profile-placeholder {
    min-width: 23px;
    width: 23px;
    height: 23px;
    order: unset;
  }
}

.header-mob-title {
  display: grid;
  grid-template-columns: 22px 1fr 22px;
  align-items: center;
  background: #fff;
  padding: 10px 10px;
  margin-bottom: 10px;
}

.dashboard {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  container-type: inline-size;
}

.dashboard-thumb {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 300px);
  grid-gap: 10px;
  height: 100%;
  overflow-x: auto;
}
@container (min-width: 1880px) {
  .dashboard-thumb {
    grid-template-columns: repeat(3, minmax(230px, 1fr));
  }
}
@media (min-width: 768px) {
  .dashboard-thumb {
    grid-template-columns: repeat(2, minmax(230px, 1fr));
    grid-template-rows: repeat(3, 300px);
  }
}

@media (min-width: 768px) {
  .col-2 {
    grid-column: span 2;
  }
}

.studio-container {
  font-family: "Avenir", "sans-serif";
  width: 100%;
  min-height: 100vh;
  display: flex;
  gap: 10px;
  background-color: #f7f7f7;
  padding: 86px 15px 15px 15px;
  height: auto;
  position: relative;
}
.studio-container::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='1007' height='300' viewBox='0 0 1007 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144.355 123.634H134.946L128.844 170.106L137.962 172.308L144.355 123.634Z' fill='%23595959'/%3E%3Cpath d='M203.007 45.2153C202.096 44.8085 201.069 44.5847 199.96 44.5847H133.03C131.921 44.5847 130.833 44.8085 129.816 45.2153C126.769 46.4359 124.364 49.2939 123.927 52.63L118.734 92.1801C118.663 92.7344 118.648 93.2786 118.684 93.8024C118.953 97.4691 121.831 100.225 125.722 100.225H192.652C196.538 100.225 200.148 97.4691 201.379 93.8024C201.557 93.2786 201.684 92.7344 201.756 92.1801L206.948 52.63C207.019 52.0757 207.034 51.5316 206.999 51.0077C206.805 48.3887 205.28 46.2324 203.012 45.2153H203.007Z' fill='%23EC563D'/%3E%3Cpath d='M177.65 123.634H168.242L154.679 226.911L163.797 229.113L177.65 123.634Z' fill='%23595959'/%3E%3Cpath d='M160.206 237.774C158.843 236.222 156.886 235.368 154.699 235.368H146.328L161 123.634H151.591L128.447 299.868H137.855L145.087 244.807L152.314 244.914L145.097 299.868H154.505L161.89 243.637C162.18 241.425 161.579 239.345 160.206 237.774Z' fill='%23EC563D'/%3E%3Cpath d='M103.981 299.858L104.546 299.975L104.841 297.732L119.375 187.066L126.602 187.173L111.803 299.873H121.211L136.178 185.896C136.468 183.684 135.867 181.599 134.494 180.027C133.131 178.476 131.179 177.622 128.987 177.622H120.616L127.705 123.639H118.297L96.9276 286.401L95.2646 297.773C98.1278 298.546 101.021 299.263 103.981 299.863V299.858Z' fill='%23EC563D'/%3E%3Cpath d='M273.258 43.9491C248.395 15.6075 212.598 0 172.463 0C89.04 0 12.2537 67.8714 1.29946 151.294C-7.77311 220.366 31.4159 280.533 95.2596 297.767L96.9225 286.396C39.3493 269.573 4.10667 214.243 12.3554 151.437C22.5163 74.035 93.7543 11.0661 171.151 11.0661C208.326 11.0661 241.478 25.5141 264.496 51.7503C287.797 78.3069 297.907 113.661 292.964 151.294C284.716 214.116 234.944 269.472 172.931 286.361L171.405 297.859C239.856 280.746 294.943 220.554 304.015 151.442C309.35 110.814 298.426 72.6416 273.258 43.9542V43.9491Z' fill='%23595959'/%3E%3Cpath d='M194.3 123.634H184.892L162.032 297.732L161.732 300L162.465 299.863C165.47 299.288 168.445 298.596 171.4 297.859L172.926 286.361L194.295 123.634H194.3Z' fill='%23595959'/%3E%3Cpath d='M395.132 234.005H376.656L393.642 104.67H412.118L395.132 234.005Z' fill='%23595959'/%3E%3Cpath d='M599.84 234.005H581.365L591.297 158.378C595.177 128.816 587.488 117.979 568.768 117.979C551.274 117.979 538.392 129.803 534.639 158.378L524.707 234.005H506.231L516.163 158.378C520.043 128.816 511.612 117.979 493.634 117.979C475.657 117.979 463.258 129.803 459.505 158.378L449.573 234.005H431.098L448.083 101.812L466.559 107.538L464.489 120.44C472.596 109.359 484.404 101.965 499.676 101.965C517.902 101.965 527.697 111.82 532.238 124.138C541.494 111.82 553.379 101.965 574.321 101.965C600.679 101.965 615.148 117.486 610.194 155.175L599.84 234.005Z' fill='%23595959'/%3E%3Cpath d='M726.444 234.005H707.968L710.038 218.24C699.628 228.096 685.688 236.716 667.213 236.716C647.008 236.716 627.154 226.616 631.258 195.33C635.077 166.261 660.586 153.944 686.207 153.944C699.262 153.944 710.419 157.148 717.508 161.338L719.512 146.066C722.035 126.853 714.152 117.491 695.183 117.491C681.63 117.491 670.066 121.188 658.659 127.347L653.731 112.319C665.875 106.16 681.696 101.97 698.448 101.97C726.286 101.97 742.219 113.794 738.273 143.849L726.434 234.01L726.444 234.005ZM712.143 202.226L715.571 176.112C707.81 171.433 699.053 168.722 683.288 168.722C664.319 168.722 651.788 177.836 649.652 194.094C647.13 213.307 656.625 221.683 672.39 221.683C689.136 221.683 702.832 213.063 712.143 202.221V202.226Z' fill='%23595959'/%3E%3Cpath d='M855.748 107.533L853.841 119.205C846.086 108.861 835.905 101.965 819.641 101.965C792.546 101.965 767.764 125.612 761.743 171.433C755.757 217.004 773.612 236.716 799.482 236.716C816.971 236.716 830.423 228.096 840.833 218.24L839.958 224.892C836.012 254.942 824.671 266.278 781.393 267.509H770.174L767.433 281.555H785.461C833.693 280.075 853.643 261.35 858.754 222.431L874.219 101.812L855.743 107.538L855.748 107.533ZM842.969 201.977C832.365 213.312 820.063 220.696 806.266 220.696C785.817 220.696 775.733 203.701 780.005 171.184C784.566 136.45 797.585 117.974 819.016 117.974C834.288 117.974 845.72 126.594 851.441 137.436L842.963 201.977H842.969Z' fill='%23595959'/%3E%3Cpath d='M1006.01 168.473C1000.25 212.321 971.917 236.711 940.387 236.711C908.857 236.711 887.787 213.312 893.544 169.455C899.301 125.607 927.536 101.96 959.066 101.96C990.596 101.96 1011.76 124.626 1006.01 168.473ZM987.463 168.966C991.928 134.965 978.889 117.974 956.467 117.974C934.045 117.974 916.79 134.97 912.325 168.966C907.86 202.963 920.558 220.696 942.975 220.696C965.392 220.696 982.993 202.963 987.458 168.966H987.463Z' fill='%23595959'/%3E%3Cpath d='M396.19 78.9121H415.414L418.089 58.5293H398.865L396.19 78.9121Z' fill='%23EC563D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 36px;
  width: 100%;
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1024px) {
  .studio-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 3vh 15px 15px 15px;
  }
  .studio-container::before {
    content: none;
  }
}
@media (min-width: 1440px) {
  .studio-container {
    grid-template-columns: 35% 1fr;
  }
}
.studio-container .heading {
  margin-bottom: 0;
  padding-bottom: 3px;
}
@media (min-width: 1024px) {
  .studio-container .heading {
    padding-bottom: 12px;
    margin-bottom: 7px;
  }
}
.studio-container .studio-form {
  padding: 0 10px 10px 10px;
  gap: 13px;
}
@media (min-width: 1024px) {
  .studio-container .studio-form {
    padding: 12px 0 24px 8px;
    gap: 15px 10px;
  }
}
.studio-container .form-wrapper {
  margin-bottom: 10px;
}
.studio-container .form-container .label,
.studio-container .form-col .label {
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 4px;
}
@media (min-width: 1024px) {
  .studio-container .panel {
    max-height: calc(97vh - 15px);
  }
}
.studio-container .studio-title {
  padding-top: 3px;
}
@media (min-width: 1024px) {
  .studio-container .studio-title {
    padding-top: 15px;
  }
}
.studio-container .studio-subtitle {
  padding: 0 10px;
}
@media (min-width: 1024px) {
  .studio-container .studio-subtitle {
    padding: 0;
  }
}

.sidewrapper {
  display: none;
}
@media (min-width: 1024px) {
  .sidewrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #2c2e45;
  }
}

.studio-logo {
  width: 28vw;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='366' height='301' viewBox='0 0 366 301' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M178.505 63.6427H173.661L170.521 87.5736L175.22 88.7068L178.505 63.6427Z' fill='white'/%3E%3Cpath d='M208.705 23.276C208.237 23.0681 207.707 22.9538 207.135 22.9538H172.684C172.112 22.9538 171.551 23.0681 171.031 23.276C169.461 23.8998 168.224 25.376 167.995 27.0913L165.324 47.4565C165.282 47.7372 165.282 48.0179 165.303 48.2882C165.438 50.1802 166.924 51.594 168.931 51.594H203.382C205.389 51.594 207.239 50.1698 207.873 48.2882C207.967 48.0179 208.029 47.7372 208.071 47.4565L210.742 27.0913C210.784 26.8106 210.784 26.5299 210.763 26.2596C210.67 24.9082 209.88 23.8062 208.705 23.276Z' fill='%23EC563D'/%3E%3Cpath d='M195.648 63.6427H190.803L183.828 116.806L188.516 117.95L195.648 63.6427Z' fill='white'/%3E%3Cpath d='M186.666 122.41C185.959 121.609 184.961 121.173 183.828 121.173H179.514L187.071 63.6531H182.227L170.313 154.377H175.158L178.88 126.027L182.601 126.079L178.89 154.366H183.734L187.539 125.414C187.685 124.271 187.383 123.21 186.676 122.399L186.666 122.41Z' fill='%23EC563D'/%3E%3Cpath d='M157.724 154.366L158.015 154.429L158.171 153.275L165.656 96.3061L169.378 96.3581L161.758 154.377H166.602L174.305 95.7031C174.451 94.5596 174.149 93.4888 173.443 92.678C172.746 91.8775 171.738 91.4409 170.605 91.4409H166.29L169.939 63.6531H165.095L154.096 147.443L153.244 153.295C154.72 153.691 156.206 154.065 157.735 154.366H157.724Z' fill='%23EC563D'/%3E%3Cpath d='M244.871 22.6211C232.064 8.0359 213.643 0 192.976 0C150.031 0 110.507 34.94 104.862 77.8848C100.194 113.438 120.362 144.417 153.233 153.285L154.086 147.432C124.447 138.773 106.307 110.288 110.548 77.9576C115.788 38.1107 152.464 5.69686 192.3 5.69686C211.439 5.69686 228.509 13.1298 240.349 26.6443C252.346 40.3146 257.554 58.5176 255.007 77.8848C250.755 110.226 225.14 138.721 193.215 147.411L192.425 153.327C227.667 144.511 256.016 113.532 260.694 77.9472C263.438 57.031 257.814 37.383 244.861 22.6107L244.871 22.6211Z' fill='white'/%3E%3Cpath d='M204.224 63.6427H199.38L187.612 153.264L187.456 154.429L187.83 154.356C189.379 154.054 190.907 153.701 192.436 153.327L193.226 147.411L204.224 63.6427Z' fill='white'/%3E%3Cpath d='M10.718 272.431H0L9.85515 197.415H20.5732L10.718 272.431Z' fill='white'/%3E%3Cpath d='M129.448 272.431H118.73L124.489 228.561C126.745 211.418 122.275 205.129 111.421 205.129C101.275 205.129 93.8006 211.99 91.6279 228.561L85.8687 272.431H75.1507L80.9099 228.561C83.1658 211.418 78.2694 205.129 67.8425 205.129C57.4156 205.129 50.2217 211.99 48.049 228.561L42.2898 272.431H31.5718L41.4269 195.752L52.1449 199.068L50.939 206.553C55.6379 200.128 62.4887 195.835 71.3458 195.835C81.9183 195.835 87.5944 201.552 90.2349 208.694C95.5991 201.552 102.491 195.835 114.644 195.835C129.936 195.835 138.326 204.838 135.456 226.7L129.448 272.42V272.431Z' fill='white'/%3E%3Cpath d='M202.883 272.431H192.165L193.371 263.282C187.331 269 179.243 274 168.536 274C156.82 274 145.301 268.137 147.682 249.997C149.896 233.135 164.689 225.993 179.555 225.993C187.134 225.993 193.6 227.854 197.706 230.276L198.87 221.419C200.336 210.274 195.762 204.848 184.763 204.848C176.904 204.848 170.199 206.989 163.577 210.566L160.718 201.854C167.766 198.278 176.935 195.856 186.655 195.856C202.8 195.856 212.042 202.717 209.755 220.15L202.883 272.441V272.431ZM194.587 253.999L196.573 238.852C192.071 236.139 186.988 234.569 177.85 234.569C166.851 234.569 159.574 239.861 158.337 249.29C156.872 260.434 162.381 265.289 171.53 265.289C181.239 265.289 189.192 260.288 194.587 253.999Z' fill='white'/%3E%3Cpath d='M277.878 199.078L276.776 205.846C272.275 199.848 266.37 195.845 256.941 195.845C241.223 195.845 226.845 209.557 223.363 236.139C219.891 262.575 230.245 274 245.256 274C255.402 274 263.199 269 269.239 263.282L268.73 267.139C266.443 284.573 259.862 291.143 234.757 291.86H228.249L226.658 300.01H237.116C265.091 299.148 276.662 288.294 279.625 265.715L288.596 195.752L277.878 199.068V199.078ZM270.466 253.853C264.312 260.423 257.18 264.717 249.175 264.717C237.314 264.717 231.461 254.862 233.946 235.994C236.586 215.847 244.144 205.129 256.577 205.129C265.434 205.129 272.067 210.129 275.383 216.418L270.466 253.853Z' fill='white'/%3E%3Cpath d='M365.036 234.424C361.699 259.862 345.263 274 326.977 274C308.691 274 296.465 260.423 299.813 234.995C303.15 209.557 319.523 195.845 337.82 195.845C356.116 195.845 368.383 208.996 365.046 234.424H365.036ZM354.286 234.715C356.875 214.994 349.307 205.139 336.312 205.139C323.318 205.139 313.296 214.994 310.708 234.715C308.119 254.435 315.479 264.717 328.484 264.717C341.489 264.717 351.698 254.425 354.286 234.715Z' fill='white'/%3E%3Cpath d='M11.3315 182.476H22.4758L24.0351 170.646H12.8805L11.3315 182.476Z' fill='%23EC563D'/%3E%3C/svg%3E%0A");
}

.panel {
  display: block;
  border: 1px dashed #c7c7c7;
  background-color: #fff;
  padding: 10px 15px 15px 6px;
  width: 100%;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .panel {
    padding: 10px 10px 20px 10px;
    max-height: unset;
  }
}

.steps {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  padding-left: 6px;
}

.heading {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
  margin-top: 8px;
  margin-bottom: 7px;
}
@media (min-width: 1024px) {
  .heading {
    font-size: 20px;
    margin-bottom: 3px;
  }
}

.studio-title {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  border-top: 1px solid #c7c7c7;
  padding-top: 15px;
}

.studio-subtitle {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  width: 100%;
  line-height: 1.4;
}
@media (min-width: 1500px) {
  .studio-subtitle {
    width: 72%;
  }
}

.studio-text {
  display: block;
  font-family: "Avenir", "sans-serif";
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  margin-top: 14px;
  padding-left: 10px;
}

.form-wrapper {
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 28px;
}

.studio-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px 0 24px 20px;
  gap: 14px 10px;
}
@media (min-width: 1024px) {
  .studio-form {
    padding: 10px 0 30px 20px;
    gap: 13px 10px;
  }
}
.studio-form .pt-0 {
  padding-top: 0;
}
.studio-form .label {
  display: flex;
  align-items: center;
}

.studio-billing {
  padding: 0 10px 10px 7px !important;
}
@media (min-width: 1024px) {
  .studio-billing {
    padding: 5px 0 24px 5px !important;
  }
}
.studio-billing .acc-toggle-container {
  width: 100%;
}
@media (min-width: 1024px) {
  .studio-billing .acc-toggle-container {
    width: calc(71% + 4px);
  }
}
.studio-billing .form-container,
.studio-billing .form-col-container {
  margin-left: 3px;
}

.form-container {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-end;
}
@media (min-width: 1024px) {
  .form-container {
    grid-template-columns: 71% auto;
    gap: 0 1px;
  }
}
.form-container .label {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.form-auto-list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
}

.form-sublabel,
.form-suplabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  height: 25px;
}

.form-suplabel {
  width: 100%;
  word-break: break-all;
}

.form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

.form-col-container {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  gap: 0 10px;
}
@media (min-width: 1024px) {
  .form-col-container {
    width: 71%;
  }
}

.form-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.label {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  position: relative;
}
@media (min-width: 768px) {
  .label {
    padding-left: 4px;
  }
}

.label-required::after {
  content: "*";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  color: #ef5c3f;
  position: relative;
  top: -2px;
  right: -5px;
}

.studio-btn {
  width: 40% !important;
}

.paid-container {
  font-family: "Avenir", "sans-serif";
  display: flex;
  width: 100%;
  gap: 10px;
  padding: 86px 15px 15px 15px;
  width: 100%;
  background-color: #f7f7f7;
  height: auto;
  position: relative;
}
.paid-container::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='1007' height='300' viewBox='0 0 1007 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144.355 123.634H134.946L128.844 170.106L137.962 172.308L144.355 123.634Z' fill='%23595959'/%3E%3Cpath d='M203.007 45.2153C202.096 44.8085 201.069 44.5847 199.96 44.5847H133.03C131.921 44.5847 130.833 44.8085 129.816 45.2153C126.769 46.4359 124.364 49.2939 123.927 52.63L118.734 92.1801C118.663 92.7344 118.648 93.2786 118.684 93.8024C118.953 97.4691 121.831 100.225 125.722 100.225H192.652C196.538 100.225 200.148 97.4691 201.379 93.8024C201.557 93.2786 201.684 92.7344 201.756 92.1801L206.948 52.63C207.019 52.0757 207.034 51.5316 206.999 51.0077C206.805 48.3887 205.28 46.2324 203.012 45.2153H203.007Z' fill='%23EC563D'/%3E%3Cpath d='M177.65 123.634H168.242L154.679 226.911L163.797 229.113L177.65 123.634Z' fill='%23595959'/%3E%3Cpath d='M160.206 237.774C158.843 236.222 156.886 235.368 154.699 235.368H146.328L161 123.634H151.591L128.447 299.868H137.855L145.087 244.807L152.314 244.914L145.097 299.868H154.505L161.89 243.637C162.18 241.425 161.579 239.345 160.206 237.774Z' fill='%23EC563D'/%3E%3Cpath d='M103.981 299.858L104.546 299.975L104.841 297.732L119.375 187.066L126.602 187.173L111.803 299.873H121.211L136.178 185.896C136.468 183.684 135.867 181.599 134.494 180.027C133.131 178.476 131.179 177.622 128.987 177.622H120.616L127.705 123.639H118.297L96.9276 286.401L95.2646 297.773C98.1278 298.546 101.021 299.263 103.981 299.863V299.858Z' fill='%23EC563D'/%3E%3Cpath d='M273.258 43.9491C248.395 15.6075 212.598 0 172.463 0C89.04 0 12.2537 67.8714 1.29946 151.294C-7.77311 220.366 31.4159 280.533 95.2596 297.767L96.9225 286.396C39.3493 269.573 4.10667 214.243 12.3554 151.437C22.5163 74.035 93.7543 11.0661 171.151 11.0661C208.326 11.0661 241.478 25.5141 264.496 51.7503C287.797 78.3069 297.907 113.661 292.964 151.294C284.716 214.116 234.944 269.472 172.931 286.361L171.405 297.859C239.856 280.746 294.943 220.554 304.015 151.442C309.35 110.814 298.426 72.6416 273.258 43.9542V43.9491Z' fill='%23595959'/%3E%3Cpath d='M194.3 123.634H184.892L162.032 297.732L161.732 300L162.465 299.863C165.47 299.288 168.445 298.596 171.4 297.859L172.926 286.361L194.295 123.634H194.3Z' fill='%23595959'/%3E%3Cpath d='M395.132 234.005H376.656L393.642 104.67H412.118L395.132 234.005Z' fill='%23595959'/%3E%3Cpath d='M599.84 234.005H581.365L591.297 158.378C595.177 128.816 587.488 117.979 568.768 117.979C551.274 117.979 538.392 129.803 534.639 158.378L524.707 234.005H506.231L516.163 158.378C520.043 128.816 511.612 117.979 493.634 117.979C475.657 117.979 463.258 129.803 459.505 158.378L449.573 234.005H431.098L448.083 101.812L466.559 107.538L464.489 120.44C472.596 109.359 484.404 101.965 499.676 101.965C517.902 101.965 527.697 111.82 532.238 124.138C541.494 111.82 553.379 101.965 574.321 101.965C600.679 101.965 615.148 117.486 610.194 155.175L599.84 234.005Z' fill='%23595959'/%3E%3Cpath d='M726.444 234.005H707.968L710.038 218.24C699.628 228.096 685.688 236.716 667.213 236.716C647.008 236.716 627.154 226.616 631.258 195.33C635.077 166.261 660.586 153.944 686.207 153.944C699.262 153.944 710.419 157.148 717.508 161.338L719.512 146.066C722.035 126.853 714.152 117.491 695.183 117.491C681.63 117.491 670.066 121.188 658.659 127.347L653.731 112.319C665.875 106.16 681.696 101.97 698.448 101.97C726.286 101.97 742.219 113.794 738.273 143.849L726.434 234.01L726.444 234.005ZM712.143 202.226L715.571 176.112C707.81 171.433 699.053 168.722 683.288 168.722C664.319 168.722 651.788 177.836 649.652 194.094C647.13 213.307 656.625 221.683 672.39 221.683C689.136 221.683 702.832 213.063 712.143 202.221V202.226Z' fill='%23595959'/%3E%3Cpath d='M855.748 107.533L853.841 119.205C846.086 108.861 835.905 101.965 819.641 101.965C792.546 101.965 767.764 125.612 761.743 171.433C755.757 217.004 773.612 236.716 799.482 236.716C816.971 236.716 830.423 228.096 840.833 218.24L839.958 224.892C836.012 254.942 824.671 266.278 781.393 267.509H770.174L767.433 281.555H785.461C833.693 280.075 853.643 261.35 858.754 222.431L874.219 101.812L855.743 107.538L855.748 107.533ZM842.969 201.977C832.365 213.312 820.063 220.696 806.266 220.696C785.817 220.696 775.733 203.701 780.005 171.184C784.566 136.45 797.585 117.974 819.016 117.974C834.288 117.974 845.72 126.594 851.441 137.436L842.963 201.977H842.969Z' fill='%23595959'/%3E%3Cpath d='M1006.01 168.473C1000.25 212.321 971.917 236.711 940.387 236.711C908.857 236.711 887.787 213.312 893.544 169.455C899.301 125.607 927.536 101.96 959.066 101.96C990.596 101.96 1011.76 124.626 1006.01 168.473ZM987.463 168.966C991.928 134.965 978.889 117.974 956.467 117.974C934.045 117.974 916.79 134.97 912.325 168.966C907.86 202.963 920.558 220.696 942.975 220.696C965.392 220.696 982.993 202.963 987.458 168.966H987.463Z' fill='%23595959'/%3E%3Cpath d='M396.19 78.9121H415.414L418.089 58.5293H398.865L396.19 78.9121Z' fill='%23EC563D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 36px;
  width: 100%;
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1024px) {
  .paid-container {
    display: grid;
    grid-template-columns: auto minmax(36vw, auto);
    padding: 9vh 15px 15px 15px;
  }
  .paid-container::before {
    content: none;
  }
}
@media (min-width: 1440px) {
  .paid-container {
    grid-template-columns: 1fr 1fr;
  }
}
.paid-container .panel {
  padding: 10px 4px 10px 2px;
}
@media (min-width: 1024px) {
  .paid-container .panel {
    padding: 10px 10px 20px 10px;
    max-height: calc(88vh - 15px);
    overflow: auto;
  }
}
.paid-container .label {
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .paid-container .label {
    margin-bottom: 0;
  }
}
.paid-container .heading {
  margin-bottom: 12px;
  margin-top: 12px;
}
.paid-container .studio-title {
  padding-top: 5px;
  display: block;
}
@media (min-width: 1024px) {
  .paid-container .studio-title {
    padding-top: 21px;
  }
}
.paid-container .studio-subtitle {
  margin-top: 2px;
  margin-bottom: 4px;
  line-height: normal;
}
@media (min-width: 1024px) {
  .paid-container .studio-subtitle {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
.paid-container .studio-form {
  gap: 0 10px;
  padding: 0 0 12px 0;
}
@media (min-width: 1024px) {
  .paid-container .studio-form {
    padding: 10px 0 2px 9px;
  }
}
@media (min-width: 1024px) {
  .paid-container .steps {
    margin-top: 4px;
  }
}

.plan-container {
  font-family: "Avenir", "sans-serif";
  display: flex;
  width: 100%;
  gap: 10px;
  padding: 86px 15px 15px 15px;
  width: 100%;
  background-color: #f7f7f7;
  height: auto;
  position: relative;
  min-height: 100vh;
}
.plan-container .studio-title {
  padding-top: 10px;
  padding-bottom: 15px;
}
.plan-container::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='1007' height='300' viewBox='0 0 1007 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144.355 123.634H134.946L128.844 170.106L137.962 172.308L144.355 123.634Z' fill='%23595959'/%3E%3Cpath d='M203.007 45.2153C202.096 44.8085 201.069 44.5847 199.96 44.5847H133.03C131.921 44.5847 130.833 44.8085 129.816 45.2153C126.769 46.4359 124.364 49.2939 123.927 52.63L118.734 92.1801C118.663 92.7344 118.648 93.2786 118.684 93.8024C118.953 97.4691 121.831 100.225 125.722 100.225H192.652C196.538 100.225 200.148 97.4691 201.379 93.8024C201.557 93.2786 201.684 92.7344 201.756 92.1801L206.948 52.63C207.019 52.0757 207.034 51.5316 206.999 51.0077C206.805 48.3887 205.28 46.2324 203.012 45.2153H203.007Z' fill='%23EC563D'/%3E%3Cpath d='M177.65 123.634H168.242L154.679 226.911L163.797 229.113L177.65 123.634Z' fill='%23595959'/%3E%3Cpath d='M160.206 237.774C158.843 236.222 156.886 235.368 154.699 235.368H146.328L161 123.634H151.591L128.447 299.868H137.855L145.087 244.807L152.314 244.914L145.097 299.868H154.505L161.89 243.637C162.18 241.425 161.579 239.345 160.206 237.774Z' fill='%23EC563D'/%3E%3Cpath d='M103.981 299.858L104.546 299.975L104.841 297.732L119.375 187.066L126.602 187.173L111.803 299.873H121.211L136.178 185.896C136.468 183.684 135.867 181.599 134.494 180.027C133.131 178.476 131.179 177.622 128.987 177.622H120.616L127.705 123.639H118.297L96.9276 286.401L95.2646 297.773C98.1278 298.546 101.021 299.263 103.981 299.863V299.858Z' fill='%23EC563D'/%3E%3Cpath d='M273.258 43.9491C248.395 15.6075 212.598 0 172.463 0C89.04 0 12.2537 67.8714 1.29946 151.294C-7.77311 220.366 31.4159 280.533 95.2596 297.767L96.9225 286.396C39.3493 269.573 4.10667 214.243 12.3554 151.437C22.5163 74.035 93.7543 11.0661 171.151 11.0661C208.326 11.0661 241.478 25.5141 264.496 51.7503C287.797 78.3069 297.907 113.661 292.964 151.294C284.716 214.116 234.944 269.472 172.931 286.361L171.405 297.859C239.856 280.746 294.943 220.554 304.015 151.442C309.35 110.814 298.426 72.6416 273.258 43.9542V43.9491Z' fill='%23595959'/%3E%3Cpath d='M194.3 123.634H184.892L162.032 297.732L161.732 300L162.465 299.863C165.47 299.288 168.445 298.596 171.4 297.859L172.926 286.361L194.295 123.634H194.3Z' fill='%23595959'/%3E%3Cpath d='M395.132 234.005H376.656L393.642 104.67H412.118L395.132 234.005Z' fill='%23595959'/%3E%3Cpath d='M599.84 234.005H581.365L591.297 158.378C595.177 128.816 587.488 117.979 568.768 117.979C551.274 117.979 538.392 129.803 534.639 158.378L524.707 234.005H506.231L516.163 158.378C520.043 128.816 511.612 117.979 493.634 117.979C475.657 117.979 463.258 129.803 459.505 158.378L449.573 234.005H431.098L448.083 101.812L466.559 107.538L464.489 120.44C472.596 109.359 484.404 101.965 499.676 101.965C517.902 101.965 527.697 111.82 532.238 124.138C541.494 111.82 553.379 101.965 574.321 101.965C600.679 101.965 615.148 117.486 610.194 155.175L599.84 234.005Z' fill='%23595959'/%3E%3Cpath d='M726.444 234.005H707.968L710.038 218.24C699.628 228.096 685.688 236.716 667.213 236.716C647.008 236.716 627.154 226.616 631.258 195.33C635.077 166.261 660.586 153.944 686.207 153.944C699.262 153.944 710.419 157.148 717.508 161.338L719.512 146.066C722.035 126.853 714.152 117.491 695.183 117.491C681.63 117.491 670.066 121.188 658.659 127.347L653.731 112.319C665.875 106.16 681.696 101.97 698.448 101.97C726.286 101.97 742.219 113.794 738.273 143.849L726.434 234.01L726.444 234.005ZM712.143 202.226L715.571 176.112C707.81 171.433 699.053 168.722 683.288 168.722C664.319 168.722 651.788 177.836 649.652 194.094C647.13 213.307 656.625 221.683 672.39 221.683C689.136 221.683 702.832 213.063 712.143 202.221V202.226Z' fill='%23595959'/%3E%3Cpath d='M855.748 107.533L853.841 119.205C846.086 108.861 835.905 101.965 819.641 101.965C792.546 101.965 767.764 125.612 761.743 171.433C755.757 217.004 773.612 236.716 799.482 236.716C816.971 236.716 830.423 228.096 840.833 218.24L839.958 224.892C836.012 254.942 824.671 266.278 781.393 267.509H770.174L767.433 281.555H785.461C833.693 280.075 853.643 261.35 858.754 222.431L874.219 101.812L855.743 107.538L855.748 107.533ZM842.969 201.977C832.365 213.312 820.063 220.696 806.266 220.696C785.817 220.696 775.733 203.701 780.005 171.184C784.566 136.45 797.585 117.974 819.016 117.974C834.288 117.974 845.72 126.594 851.441 137.436L842.963 201.977H842.969Z' fill='%23595959'/%3E%3Cpath d='M1006.01 168.473C1000.25 212.321 971.917 236.711 940.387 236.711C908.857 236.711 887.787 213.312 893.544 169.455C899.301 125.607 927.536 101.96 959.066 101.96C990.596 101.96 1011.76 124.626 1006.01 168.473ZM987.463 168.966C991.928 134.965 978.889 117.974 956.467 117.974C934.045 117.974 916.79 134.97 912.325 168.966C907.86 202.963 920.558 220.696 942.975 220.696C965.392 220.696 982.993 202.963 987.458 168.966H987.463Z' fill='%23595959'/%3E%3Cpath d='M396.19 78.9121H415.414L418.089 58.5293H398.865L396.19 78.9121Z' fill='%23EC563D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 36px;
  width: 100%;
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1024px) {
  .plan-container {
    display: grid;
    grid-template-columns: 63% 1fr;
    padding: 15px;
  }
  .plan-container::before {
    content: none;
  }
}
@media (min-width: 1024px) {
  .plan-container {
    padding-top: 11.6vh;
  }
}

.plans {
  display: grid;
  margin-bottom: 10px;
  border-top: 1px solid #c7c7c7;
}
@media (min-width: 1024px) {
  .plan-container .plans {
    border-top: none;
    border: 1px dashed #c7c7c7;
  }
}
.modal-plan .plans {
  border-top: none;
  padding: 0 30px;
  margin-top: 30px;
}

.panel-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.panel-tr {
  border: none;
  position: relative;
}
.panel-tr:nth-child(1) .panel-th {
  padding: 15px 0;
}
@media (min-width: 1024px) {
  .plan-container .panel-tr:nth-child(1) .panel-th {
    padding: 30px 0;
  }
}
.panel-tr:nth-child(n+3) .panel-th:nth-child(3) {
  font-size: 20px;
}
@media (min-width: 1024px) {
  .plan-container .panel-tr:nth-child(n+3) .panel-th:nth-child(3) {
    font-size: 14px;
  }
}
.panel-tr:last-child {
  padding: 15px 0;
}
@media (min-width: 1024px) {
  .plan-container .panel-tr:last-child .panel-th {
    padding: 7px 15px 12px 15px;
  }
}
.panel-tr:first-child .panel-th {
  background-color: #e2e2e2;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
  border: 5px solid transparent;
}
@media (min-width: 1024px) {
  .plan-container .panel-tr:first-child .panel-th {
    border: none;
    background-color: transparent;
  }
}
.panel-tr:first-child .panel-th:nth-child(3) {
  background-color: #f15635;
  font-size: 18px;
  color: #fff;
}
.panel-tr::before {
  content: attr(data-label);
  position: absolute;
  width: 100%;
  top: 5px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
@media (min-width: 1024px) {
  .plan-container .panel-tr::before {
    content: none;
    display: none;
  }
}

.panel-th {
  font-family: "Avenir", "sans-serif";
  font-size: 16px;
  font-weight: 900;
  color: #9e9faf;
  padding: 10px;
  border: 1px solid #ccc;
  border: none;
  padding: 28px 15px 7px 15px;
  border-bottom: 1px solid #9e9faf;
}
@media (min-width: 1024px) {
  .plan-container .panel-th {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 350;
    color: #2c2e45;
    border-bottom: none;
  }
}
.panel-th.panel-bold {
  font-weight: 900;
}
.panel-th.plan {
  font-size: 18px;
  font-weight: 900;
  text-transform: capitalize;
}
.panel-th.plan-price {
  font-size: 40px;
  font-weight: 900;
}
.panel-th.plan-price sup {
  font-size: 20px;
}
.panel-th:first-child {
  width: 38%;
  text-align: left;
  display: none;
}
@media (min-width: 1024px) {
  .plan-container .panel-th:first-child {
    display: table-cell;
  }
}
.panel-th:nth-child(3) {
  background-color: #fff;
  color: #f15635;
}
@media (min-width: 1024px) {
  .plan-container .panel-th:nth-child(3) {
    background-color: #f15635;
    color: #fff;
  }
}
.panel-th:nth-child(n+2):nth-child(-n+4) {
  width: 100%;
}
@media (min-width: 1024px) {
  .plan-container .panel-th:nth-child(n+2):nth-child(-n+4) {
    width: 20%;
  }
}

.plans-note {
  display: none;
  font-size: 12px;
  font-weight: 400;
  color: #9e9faf;
  padding-left: 5px;
  padding-bottom: 10px;
}
@media (min-width: 1024px) {
  .plan-container .plans-note {
    display: block;
  }
}

.plan-panel {
  display: flex;
  flex-direction: column;
  border: 1px dashed #c7c7c7;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  max-height: unset;
  padding: 15px 5px 20px 5px;
}
@media (min-width: 1024px) {
  .plan-container .plan-panel {
    padding: 10px 10px 20px 10px;
  }
}

.plan-controls {
  display: block;
  width: 100%;
  margin-top: auto;
  padding-top: 40px;
}
@media (min-width: 1024px) {
  .plan-container .plan-controls {
    border-top: 1px solid #c7c7c7;
  }
}

.plan-btn {
  width: 55% !important;
}
@media (min-width: 1024px) {
  .plan-container .plan-btn {
    width: 22% !important;
  }
}

.studio-col-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .studio-col-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px 50px;
    padding: 14px 0 20px 0;
    align-items: flex-start;
  }
}
.studio-col-container .form-container {
  align-items: center;
  grid-template-columns: 0.7fr 1fr;
}
.studio-col-container .label {
  display: flex;
  align-items: center;
  grid-column: auto;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
}

.studio-col {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.studio-certification {
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  text-align: justify;
  padding-bottom: 15px;
}

.paid-note {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  padding-left: 10px;
}

.paid-btn {
  width: 30% !important;
}

.panel-plans {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}
@media (min-width: 1024px) {
  .plan-container .panel-plans {
    grid-template-columns: 1.8fr 1fr 1fr 1fr;
    padding-left: 16px;
  }
}

.panel-names {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 45px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  width: 100%;
}
@media (min-width: 1024px) {
  .plan-container .panel-names {
    position: static;
    gap: 14px;
  }
}
.panel-names li {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .plan-container .panel-names li {
    align-items: center;
    justify-content: flex-start;
  }
}
.panel-names li span {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-left: 3px;
}
.plan-container .panel-names li span {
  display: none;
}
.panel-names li:first-child {
  margin-top: 56px;
  margin-bottom: 22px;
  height: auto;
}
@media (min-width: 1024px) {
  .plan-container .panel-names li:first-child {
    margin-top: 94px;
    margin-bottom: 0;
    height: 46px;
  }
}
.panel-names li:last-child {
  padding-bottom: 10px;
}
.panel-names b {
  font-weight: 350;
}
@media (min-width: 1024px) {
  .plan-container .panel-names b {
    font-weight: 900;
  }
}

.panel-plan {
  display: flex;
  flex-direction: column;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  background-color: transparent;
  z-index: 1;
  cursor: pointer;
  position: relative;
}
@media (min-width: 1024px) {
  .plan-container .panel-plan {
    font-size: 14px;
    font-weight: 350;
    gap: 14px;
    background-color: #fff;
  }
}
@media (min-width: 1024px) {
  .plan-container .panel-plan:hover li {
    color: #f15635;
  }
}
.panel-plan.is-active {
  font-size: 20px;
}
@media (min-width: 1024px) {
  .plan-container .panel-plan.is-active {
    font-size: 14px;
    background-color: #f15635;
  }
}
.panel-plan.is-active li {
  color: #f15635;
}
@media (min-width: 1024px) {
  .plan-container .panel-plan.is-active li {
    color: #fff;
  }
}
.panel-plan li {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  text-align: center;
  color: #9e9faf;
  height: 61px;
  padding: 8px 0;
}
.panel-plan li:not(:first-child) {
  border-bottom: 0.5px solid #9e9faf;
}
@media (min-width: 1024px) {
  .plan-container .panel-plan li {
    display: block;
    height: auto;
    color: #2c2e45;
    padding: 0;
  }
  .plan-container .panel-plan li:not(:first-child) {
    border-bottom: none;
  }
  .plan-container .panel-plan li:last-child {
    padding-bottom: 10px;
  }
}
.panel-plan b {
  font-weight: 900;
}
.panel-plan span {
  display: none;
}
@media (min-width: 1024px) {
  .plan-container .panel-plan span {
    display: inline;
  }
}

li.panel-plan-name {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  padding: 15px 0;
  height: auto;
  width: calc(100% - 8px);
  margin: 0 auto;
  background-color: #e2e2e2;
  border-bottom: none !important;
}
.panel-plan.is-active li.panel-plan-name {
  background-color: #f15635;
  color: #fff;
}
@media (min-width: 1024px) {
  .plan-container .panel-plan.is-active li.panel-plan-name {
    background-color: transparent;
  }
}
@media (min-width: 1024px) {
  .plan-container li.panel-plan-name {
    font-size: 18px;
    padding: 32px 0 28px 0;
    height: 80px;
    border: none;
    background-color: transparent;
    color: #2c2e45;
  }
}

li.panel-plan-price {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 36px;
  font-weight: 900;
  height: 77px;
  padding: 26px 0 8px 0;
}
li.panel-plan-price sup {
  font-size: 24px;
}
.panel-plan.is-active li.panel-plan-price {
  font-size: 40px;
}
@media (min-width: 1024px) {
  .plan-container li.panel-plan-price {
    height: 46px;
    font-size: 40px;
    color: #2c2e45;
    padding: 0;
  }
}

.plan-current {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #f15635;
  text-transform: capitalize;
  border: 1px solid #f15635;
  border-bottom: none;
  padding-top: 5px;
  width: calc(100% - 8px);
  margin: 0 auto;
  position: absolute;
  bottom: 100%;
  left: 4px;
}
.plan-current::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='15' height='15' rx='7.5' fill='%23F15D3F'/%3E%3Cg filter='url(%23filter0_d_8099_38434)'%3E%3Cpath d='M4 8L6.25 10.5L10.5 4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_8099_38434' x='2.75' y='3.25' width='9.00012' height='9' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='0.5'/%3E%3CfeGaussianBlur stdDeviation='0.25'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_8099_38434'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_8099_38434' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.plans-clarify {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  font-style: italic;
  color: #9e9faf;
  margin-top: 8px;
}

.studio-paid-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 9px 0;
  padding: 10px 0 15px 10px;
  margin-left: -5px;
  margin-right: -5px;
}
.studio-paid-form .studio-busn-input {
  width: 100%;
  padding: 0 5px;
}
.studio-paid-form .studio-busn-input:nth-child(9), .studio-paid-form .studio-busn-input:last-child {
  max-width: 50%;
}
@media (min-width: 1024px) {
  .studio-paid-form .studio-busn-input:first-child, .studio-paid-form .studio-busn-input:nth-child(2) {
    max-width: 50%;
  }
  .studio-paid-form .studio-busn-input:nth-child(3) {
    max-width: 46%;
  }
  .studio-paid-form .studio-busn-input:nth-child(4), .studio-paid-form .studio-busn-input:nth-child(5), .studio-paid-form .studio-busn-input:nth-child(6) {
    max-width: 27%;
  }
  .studio-paid-form .studio-busn-input:nth-child(7) {
    max-width: 73%;
  }
  .studio-paid-form .studio-busn-input:nth-child(8) {
    max-width: 39%;
  }
  .studio-paid-form .studio-busn-input:nth-child(9), .studio-paid-form .studio-busn-input:nth-child(10) {
    max-width: 23%;
  }
  .studio-paid-form .studio-busn-input:last-child {
    max-width: 15%;
  }
}
.studio-paid-form .studio-own-input {
  width: 100%;
  padding: 0 5px;
}
@media (min-width: 1024px) {
  .studio-paid-form .studio-own-input:first-child, .studio-paid-form .studio-own-input:nth-child(2) {
    max-width: 38%;
  }
  .studio-paid-form .studio-own-input:nth-child(4) {
    max-width: 23%;
  }
  .studio-paid-form .studio-own-input:nth-child(5) {
    max-width: 28%;
  }
  .studio-paid-form .studio-own-input:nth-child(6) {
    max-width: 49%;
  }
  .studio-paid-form .studio-own-input:nth-child(7) {
    max-width: 39%;
  }
  .studio-paid-form .studio-own-input:nth-child(8), .studio-paid-form .studio-own-input:nth-child(9) {
    max-width: 23%;
  }
  .studio-paid-form .studio-own-input:last-child {
    max-width: 15%;
  }
}
.studio-paid-form .acc-toggle-section {
  width: 100%;
  padding: 0 5px;
}
@media (min-width: 1024px) {
  .studio-paid-form .acc-toggle-section {
    max-width: 24%;
  }
}
.studio-paid-form .acc-toggle-section .form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.studio-paid-form .acc-toggle-section .acc-toggle-btn {
  right: 5px;
}
.studio-paid-form .label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin-bottom: 0;
}
.studio-paid-form .studio-col-container {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 22px 0;
  gap: 18px 10px;
}
.studio-paid-form .studio-col-container .form-container {
  width: 100%;
}
.studio-paid-form .studio-col-container .acc-toggle-section {
  max-width: unset;
  padding: 0;
}

.studio-paid-input {
  width: 100%;
}

.studio-agreement-iframe {
  border: 1px dashed #c7c7c7;
  padding: 10px;
  margin: 10px;
  width: 100%;
}
@media (min-width: 1024px) {
  .studio-agreement-iframe {
    margin: 10px 0 4px 7px;
  }
}
.studio-agreement-iframe iframe {
  width: 100%;
  border: none;
  height: 600px;
}

.studio-agreement {
  border: 1px dashed #c7c7c7;
  padding: 10px;
  margin: 10px;
}
@media (min-width: 1024px) {
  .studio-agreement {
    margin: 10px 0 4px 0;
  }
}

.studio-agreement-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #c7c7c7;
}

.studio-agreement-title {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.studio-agreement-download {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #009bed;
  cursor: pointer;
}

.studio-agreement-info {
  border-bottom: 1px solid #c7c7c7;
  max-height: 35vh;
  overflow: auto;
}
.studio-agreement-info h4 {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #7d7e8e;
}
.studio-agreement-info p {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #7d7e8e;
}

.studio-paid-btn {
  width: 200px !important;
  min-width: fit-content !important;
  margin: 0 auto !important;
  margin-bottom: 28px !important;
}

.studio-iframe-form {
  display: grid;
  grid-template-columns: 1fr;
}
.studio-iframe-form iframe {
  height: 31px;
  width: 100%;
  border: none;
}
.studio-iframe-form label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 4px;
}
.form-container .studio-iframe-form label, .acc-toggle-container .studio-iframe-form label, .acc-toggle-section .studio-iframe-form label {
  margin-bottom: -3px;
  padding-left: 7px;
}
.studio-iframe-form .input-error {
  grid-column: auto;
  margin-left: 3px;
  margin-right: 3px;
}

.studio-checkbox-container.studio-checkbox-container {
  padding-left: 2px;
  margin-bottom: 10px;
  margin-top: 0;
}
.studio-checkbox-container .input-checkbox-label {
  align-items: flex-start;
}
.studio-checkbox-container .input-checkbox-label::after {
  top: 8px;
}
.studio-checkbox-container .input-checkbox-label span {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  line-height: 1.3;
}
.studio-checkbox-container .input-checkbox-label .link {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  color: #009bed;
  cursor: pointer;
}

.reject-update-plan-list {
  margin-bottom: 10px;
  padding: 10px;
}

.reject-update-plan-message {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #3d3e42;
  line-height: 1.3;
  margin: 4px 0;
  padding: 8px;
  background: #ffecec;
  border-left: 4px solid #e74c3c;
}

.reject-update-plan-btn {
  max-width: 160px;
}

.error-page {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error-page.is-dark {
  color: #f7f7f7;
  background-color: #2c2e45;
}
.error-page.is-light {
  color: #2c2e45;
}
.error-page.is-full {
  height: 100vh;
}
.error-page.is-layout {
  margin-bottom: 8px;
}

.error-code {
  font-size: 140px;
  font-weight: 900;
  margin-bottom: 10px;
}

.error-message {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .error-message {
    font-size: 20px;
  }
}

.additional-error-message {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .additional-error-message {
    font-size: 18px;
  }
}

.error-link {
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  cursor: pointer;
}

.org {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 10px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .org {
    min-width: fit-content;
    max-width: unset;
    padding: 8px 8px 20px 8px;
  }
}
.org.org-details {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .org.org-details {
    padding-left: 10px;
    padding-right: 20px;
  }
}

.org-search-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c7c7c7;
}
@media (min-width: 768px) {
  .org-search-container {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}

@media (min-width: 768px) {
  .org-search {
    width: 27% !important;
  }
}

.org-search-title-def {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
  cursor: pointer;
}

.org-search-title {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
  cursor: pointer;
}
.org-search-title::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1499_3110)'%3E%3Cpath d='M1.13001 1.32401L5.50001 5.90601M9.83801 1.32301L5.46801 5.90601' stroke='%232C2E45' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1499_3110'%3E%3Crect width='11' height='7' fill='white' transform='matrix(-1 0 0 -1 11 7)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  transform: rotate(0);
}
.org-search-title.is-active::before {
  transform: rotate(180deg);
}

.org-subtitle {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #c7c7c7;
  margin-left: 5px;
}

.org-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .org-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0;
  }
}

.org-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  width: 100%;
  order: 2;
}
@media (min-width: 768px) {
  .org-title {
    width: fit-content;
    order: unset;
  }
}

.org-btn {
  margin: unset !important;
  order: 1;
}
@media (min-width: 768px) {
  .org-btn {
    padding: 0 50px !important;
    width: fit-content !important;
    order: unset;
  }
}

.org-modal {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .org-modal {
    gap: 10px;
    padding: 0 18px;
  }
}

.org-create-new {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 10px;
  padding: 0 43px;
  margin-top: 5px;
}
.org-create-new .grid-header {
  width: auto;
}
.org-create-new .input-form-row {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  grid-column: span 2;
}
.org-create-new .input-form-row:nth-child(2) {
  display: grid;
  grid-template-columns: auto minmax(150px, 1fr);
}
.org-create-new .input-form-row:nth-child(2) .label-grid {
  word-break: break-all;
  white-space: unset;
}
.org-create-new .input-form-row:last-child, .org-create-new .input-form-row:nth-last-child(2) {
  grid-column: span 1;
}
.org-create-new .input-form-row .label-grid {
  margin-top: 4px;
}
.org-create-new .label {
  margin-top: 4px;
}
.org-create-new .suplabel-grid {
  display: none;
}
.org-create-new .wrapper-error {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0 10px;
}
.org-create-new .wrapper-error .input-error {
  grid-column-start: 2;
}

.org-modal-btn {
  width: 50% !important;
  margin-top: 30px !important;
}
@media (min-width: 768px) {
  .org-modal-btn {
    min-width: fit-content !important;
    width: 150px !important;
  }
  .org-modal-btn.long {
    width: 60% !important;
  }
}

.org-btn-container {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.org-delete-modal {
  margin-top: 10px;
}

.org-modal-confirm {
  display: grid;
  grid-template-columns: 60% 40%;
  align-items: center;
  gap: 20px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px;
  width: 85%;
}

.org-modal-agreement {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
.org-modal-agreement .btn-primary {
  width: fit-content !important;
  min-width: 30% !important;
}

.org-prospects-modal {
  margin-top: 5px;
  padding: 0 20px;
}

.org-prospects-modal-error {
  color: #f15d3f;
}

.org-details-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .org-details-header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 26px;
  }
}
.org-details-header.editor {
  margin-bottom: 10px;
}
.org-details-header.details {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .org-details-header.details {
    margin-bottom: 15px;
  }
}
.org-details-header.details .org-search-title {
  order: 2;
}
@media (min-width: 768px) {
  .org-details-header.details .org-search-title {
    order: unset;
  }
}
.org-details-header.details .org-search-title::before {
  content: none;
}
@media (min-width: 768px) {
  .org-details-header.details .org-search-title::before {
    content: "";
  }
}

.org-details-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 30px;
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  .org-details-section {
    width: auto;
    display: grid;
    grid-template-columns: minmax(max-content, calc(100% - 297px)) 297px;
    gap: 18px 10px;
    padding-bottom: 4px;
    padding-right: 14px;
  }
}

.org-cover {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .org-cover {
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
    max-width: 500px;
    min-width: 300px;
  }
}

.org-cover-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin-bottom: 5px;
  white-space: nowrap;
}

.org-cover-size {
  display: block;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  margin-left: 5px;
}

.org-cover-img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 48/25;
}
.brand-business-img .org-cover-img {
  aspect-ratio: unset;
}

.org-cover-img-container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
@media (min-width: 768px) {
  .org-cover-img-container {
    margin-left: unset;
  }
}

.org-cover-error {
  display: block;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #f15635;
  max-width: 100%;
}
@media (min-width: 768px) {
  .org-cover-error {
    max-width: 310px;
  }
}

.org-cover-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  cursor: pointer;
}
.org-cover-img-container:hover .org-cover-btn {
  display: flex;
}
.org-cover-btn:hover {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}

.org-cover-icon {
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.org-cover-mock {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 164px;
  max-height: 100%;
  object-fit: cover;
  background-color: #e2e2e2;
}
.org-cover-mock::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6520_3450)'%3E%3Cpath d='M13 1H3C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V3C15 1.89543 14.1046 1 13 1Z' stroke='%232C2E45' stroke-width='0.9'/%3E%3Cpath d='M4 10.965L4.445 10.349C4.50663 10.2633 4.58682 10.1927 4.67958 10.1424C4.77234 10.0921 4.87527 10.0635 4.98067 10.0586C5.08608 10.0537 5.19122 10.0727 5.28825 10.1141C5.38528 10.1556 5.47169 10.2184 5.541 10.298L6.124 10.969C6.19144 11.0465 6.2751 11.1082 6.36905 11.1497C6.463 11.1912 6.56494 11.2115 6.66763 11.2093C6.77032 11.207 6.87125 11.1821 6.96325 11.1364C7.05526 11.0908 7.13609 11.0254 7.2 10.945L10.15 7.23499C10.2122 7.15626 10.2906 7.09185 10.3799 7.04615C10.4692 7.00045 10.5672 6.97454 10.6675 6.97017C10.7677 6.96581 10.8677 6.9831 10.9606 7.02086C11.0535 7.05862 11.1372 7.11597 11.206 7.18899L12 8.02799' stroke='%232C2E45' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7C6.26522 7 6.51957 6.89464 6.70711 6.70711C6.89464 6.51957 7 6.26522 7 6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5C5.73478 5 5.48043 5.10536 5.29289 5.29289C5.10536 5.48043 5 5.73478 5 6C5 6.26522 5.10536 6.51957 5.29289 6.70711C5.48043 6.89464 5.73478 7 6 7Z' stroke='%232C2E45' stroke-width='0.8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6520_3450'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .org-cover-mock {
    width: 100%;
    cursor: pointer;
  }
}

.org-details-form {
  width: 100%;
  display: grid;
  grid-auto-rows: min-content;
}
@media (min-width: 768px) {
  .org-details-form {
    padding-left: 10px;
  }
}

.org-form-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .org-form-fields {
    display: grid;
    grid-template-columns: calc(50% - 6px) calc(50% - 6px);
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
  }
  .org-form-fields label {
    white-space: nowrap;
  }
}
.org-form-fields .input-form-autorow {
  display: grid;
  grid-template-columns: 100px auto;
}
@media (min-width: 768px) {
  .org-form-fields .input-form-autorow {
    display: flex;
  }
}
.org-form-fields .input-form-content .suplabel-grid {
  max-width: 15vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

.org-img-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.org-img-label {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 3px;
}
.org-img-label span {
  display: block;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.org-form-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .org-form-grid {
    display: grid;
    grid-template-columns: calc(50% - 6px) calc(50% - 6px);
    gap: 0 12px;
    margin-top: 22px;
  }
}

.org-form-qr {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .org-form-qr {
    grid-template-columns: 1.1fr 1fr;
  }
}

.org-qr {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.org-qr .label,
.org-qr .label-grid {
  font-size: 16px;
  font-weight: 900;
  padding-left: 3px;
}

.org-qr-img {
  display: block;
  width: 100px;
  min-width: 100px;
  height: 100px;
  object-fit: contain;
  margin-left: auto;
}
@media (min-width: 768px) {
  .org-qr-img {
    margin-left: unset;
  }
}

.org-qr-mock {
  position: relative;
  display: block;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  margin-left: auto;
  background-color: #e2e2e2;
}
.org-qr-mock::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6520_3450)'%3E%3Cpath d='M13 1H3C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V3C15 1.89543 14.1046 1 13 1Z' stroke='%232C2E45' stroke-width='0.9'/%3E%3Cpath d='M4 10.965L4.445 10.349C4.50663 10.2633 4.58682 10.1927 4.67958 10.1424C4.77234 10.0921 4.87527 10.0635 4.98067 10.0586C5.08608 10.0537 5.19122 10.0727 5.28825 10.1141C5.38528 10.1556 5.47169 10.2184 5.541 10.298L6.124 10.969C6.19144 11.0465 6.2751 11.1082 6.36905 11.1497C6.463 11.1912 6.56494 11.2115 6.66763 11.2093C6.77032 11.207 6.87125 11.1821 6.96325 11.1364C7.05526 11.0908 7.13609 11.0254 7.2 10.945L10.15 7.23499C10.2122 7.15626 10.2906 7.09185 10.3799 7.04615C10.4692 7.00045 10.5672 6.97454 10.6675 6.97017C10.7677 6.96581 10.8677 6.9831 10.9606 7.02086C11.0535 7.05862 11.1372 7.11597 11.206 7.18899L12 8.02799' stroke='%232C2E45' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7C6.26522 7 6.51957 6.89464 6.70711 6.70711C6.89464 6.51957 7 6.26522 7 6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5C5.73478 5 5.48043 5.10536 5.29289 5.29289C5.10536 5.48043 5 5.73478 5 6C5 6.26522 5.10536 6.51957 5.29289 6.70711C5.48043 6.89464 5.73478 7 6 7Z' stroke='%232C2E45' stroke-width='0.8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6520_3450'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .org-qr-mock {
    width: 7vw;
    height: 7vw;
    margin-left: unset;
    cursor: pointer;
  }
}

.org-qr-error {
  display: block;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #f15635;
  max-width: 100px;
}
@media (min-width: 768px) {
  .org-qr-error {
    max-width: 7vw;
  }
}

.org-details-btn {
  order: unset;
  margin: 0 !important;
}
@media (min-width: 768px) {
  .org-details-btn {
    width: 21% !important;
    max-width: 250px !important;
    min-width: min-content !important;
  }
}

.org-check {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 22px;
  gap: 15px;
}
@media (min-width: 768px) {
  .org-check {
    display: grid;
    grid-template-columns: calc(50% - 6px) calc(50% - 6px);
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    margin-bottom: 18px;
  }
}
.org-check .switch {
  margin: 0;
  margin-left: auto;
}
.org-check .switch-text {
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.org-code-form {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.org-code-form .label,
.org-code-form .label-grid {
  font-size: 16px;
  font-weight: 900;
  padding-left: 3px;
}
@media (min-width: 768px) {
  .org-code-form {
    justify-content: unset;
    width: auto;
    gap: 2vw;
  }
}

.org-code {
  font-size: 14px;
  font-weight: 900;
  color: #2c2e45;
}

.org-code-link {
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  gap: 5px;
  padding-left: 12%;
}

.org-editor-container.tablet .org-editor-sidebar, .org-editor-container.mobile .org-editor-sidebar {
  z-index: 1;
}
@media (min-width: 768px) {
  .org-editor-container.tablet .org-editor-sidebar, .org-editor-container.mobile .org-editor-sidebar {
    padding-top: 72px;
  }
}

.org-editor-container {
  position: relative;
}
@media (min-width: 768px) {
  .org-editor-container {
    max-width: unset;
  }
}
.org-editor-container.mobile {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .org-editor-container.mobile {
    display: grid;
    grid-template-columns: 600px auto;
    gap: 20px;
  }
}
.org-editor-container.mobile .ck-editor .ck-editor__main {
  width: 100%;
  height: 300px;
}
@media (min-width: 768px) {
  .broadcast-campaign-editor .org-editor-container.mobile .ck-editor .ck-editor__main {
    height: 829px;
    max-height: 705px !important;
    width: 362px;
    margin: 0;
    margin-left: 99px;
    margin-top: 84px;
  }
}
@media (min-width: 768px) {
  .org-editor-container.mobile .ck-editor .ck-editor__main {
    height: 829px;
    max-height: 705px !important;
    width: 362px;
    margin: 0;
    margin-left: 99px;
    margin-top: 84px;
  }
  .modal .org-editor-container.mobile .ck-editor .ck-editor__main {
    height: 829px;
    max-height: 705px !important;
    width: 362px;
    margin: 0;
    margin-left: 99px;
    margin-top: 84px;
  }
}
.org-editor-container.mobile .ck-editor .ck-editor__editable_inline {
  padding: 0 35px !important;
}
.org-editor-container.tablet {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .org-editor-container.tablet {
    display: grid;
    grid-template-columns: 625px auto;
    gap: 20px;
  }
}
.org-editor-container.tablet .ck-editor .ck-editor__main {
  width: 100%;
  height: 300px;
}
@media (min-width: 768px) {
  .broadcast-campaign-editor .org-editor-container.tablet .ck-editor .ck-editor__main {
    width: 100%;
    max-width: 570px;
    height: 770px;
    margin-left: 7.5px;
    margin-top: 42px;
    max-height: 770px !important;
  }
}
@media (min-width: 768px) {
  .org-editor-container.tablet .ck-editor .ck-editor__main {
    width: 100%;
    max-width: 570px;
    height: 770px;
    margin-left: 7.5px;
    margin-top: 42px;
    max-height: 770px !important;
  }
  .modal .org-editor-container.tablet .ck-editor .ck-editor__main {
    width: 100%;
    max-width: 570px;
    height: 770px;
    margin-left: 7.5px;
  }
}
.org-editor-container.tablet .ck-editor .ck-editor__editable_inline {
  padding: 0 40px !important;
}
.org-editor-container .ck-editor {
  position: relative !important;
  background-color: transparent !important;
}
@media (min-width: 768px) {
  .org-editor-container .ck-editor {
    position: absolute !important;
    top: 0 !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    z-index: 1 !important;
  }
}
.org-editor-container .ck-editor .ck.ck-sticky-panel__placeholder {
  display: none !important;
}
.org-editor-container .ck-editor .ck.ck-sticky-panel,
.org-editor-container .ck-editor .ck-sticky-panel__content_sticky {
  position: static !important;
}
.org-editor-container .ck-editor .ck.ck-toolbar {
  border: none !important;
  height: 40px !important;
  min-height: 40px !important;
  background-color: transparent !important;
}
@media (min-width: 768px) {
  .org-editor-container .ck-editor .ck.ck-toolbar {
    margin-bottom: 30px !important;
  }
}
.org-editor-container .ck-editor .ck-editor__main {
  width: 100%;
  height: 300px;
}
@media (min-width: 768px) {
  .org-editor-container .ck-editor .ck-editor__main {
    overflow-y: auto !important;
    width: 1045px;
    height: 582px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .broadcast-campaign-editor .org-editor-container .ck-editor .ck-editor__main {
    overflow-y: auto !important;
    width: 1045px;
    height: 582px;
    margin: 0 auto;
  }
}
.broadcast-campaign-editor .org-editor-container .ck-editor .ck-editor__main .ck-editor__editable_inline {
  padding-left: calc((100% - 610px) / 2) !important;
  padding-right: calc((100% - 610px) / 2) !important;
  margin-left: 5px;
  margin-right: 5px;
}
.modal .org-editor-container .ck-editor .ck-editor__main {
  width: 100%;
  max-width: 1040px;
  max-height: 505px;
  height: calc(50vw - 10px);
}
.org-editor-container .ck-editor .ck-editor__editable_inline {
  border: 1px dashed #2c2e45;
  background-color: transparent;
  height: 100%;
  padding: 0 35px !important;
}
.modal .org-editor-container .ck-editor .ck-editor__editable_inline {
  padding: 0 15px !important;
}
.org-editor-container .ck-editor .ck-editor__editable_inline,
.org-editor-container .ck-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border: 1px dashed #2c2e45 !important;
  background-color: transparent !important;
  height: 100% !important;
}
@media (min-width: 768px) {
  .org-editor-container .ck-editor .ck-editor__editable_inline,
  .org-editor-container .ck-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border: none !important;
  }
}
.org-editor-container .ck-editor .ck-editor__editable_inline:focus,
.org-editor-container .ck-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable):focus {
  outline: none !important;
  border: 1px dashed #2c2e45 !important;
  box-shadow: none !important;
}
@media (min-width: 768px) {
  .org-editor-container .ck-editor .ck-editor__editable_inline:focus,
  .org-editor-container .ck-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable):focus {
    border: none !important;
  }
}

.org-editor-container a {
  color: blue;
}

.org-editor {
  display: none;
  position: relative;
  height: 829px;
  width: 1085px;
  margin: 0 auto;
  margin-top: 50px;
}
.modal .org-editor {
  width: 100% !important;
  max-width: 1085px;
  max-height: 829px;
  height: auto;
}
.org-editor-container.tablet .org-editor {
  width: 625px;
}
.modal .org-editor-container.tablet .org-editor {
  width: 100% !important;
  height: auto;
  max-width: 625px;
  max-height: 829px;
}
.org-editor-container.mobile .org-editor {
  width: 412px;
}
.modal .org-editor-container.mobile .org-editor {
  width: 100% !important;
  height: auto;
  max-width: 600px;
  max-height: 829px;
}
@media (min-width: 768px) {
  .org-editor {
    display: block;
  }
}

.org-editor-toolbar {
  border: none;
}
.org-editor-toolbar .rdw-option-wrapper,
.org-editor-toolbar .rdw-dropdown-wrapper {
  border: none;
}

.org-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 52px;
  margin-bottom: 26px;
}

.org-header-list {
  display: flex;
  align-items: center;
  padding-top: 5px;
  gap: 25px;
  width: 100%;
}
.org-header-list .price-header-item {
  font-size: 14px;
}
.org-header-list-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  gap: 10px;
}
@media (min-width: 768px) {
  .org-header-list-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
  }
}

.price-org-title {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-direction: column-reverse;
  width: 100%;
  margin-bottom: 10px;
  gap: 20px;
}
@media (min-width: 768px) {
  .price-org-title {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
    margin-top: 15px;
  }
}

.org-delete-btn {
  min-width: fit-content !important;
  width: 100% !important;
}
.org-delete-btn::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4211_21858)'%3E%3Cpath d='M7.875 1.5H6.7125C6.62546 1.07678 6.39518 0.696505 6.06047 0.423269C5.72576 0.150034 5.30708 0.000545447 4.875 0L4.125 0C3.69292 0.000545447 3.27424 0.150034 2.93953 0.423269C2.60482 0.696505 2.37454 1.07678 2.2875 1.5H1.125C1.02554 1.5 0.930161 1.53951 0.859835 1.60984C0.789509 1.68016 0.75 1.77554 0.75 1.875C0.75 1.97446 0.789509 2.06984 0.859835 2.14016C0.930161 2.21049 1.02554 2.25 1.125 2.25H1.5V7.125C1.5006 7.6221 1.69833 8.09867 2.04983 8.45017C2.40133 8.80167 2.8779 8.9994 3.375 9H5.625C6.1221 8.9994 6.59867 8.80167 6.95017 8.45017C7.30167 8.09867 7.4994 7.6221 7.5 7.125V2.25H7.875C7.97446 2.25 8.06984 2.21049 8.14017 2.14016C8.21049 2.06984 8.25 1.97446 8.25 1.875C8.25 1.77554 8.21049 1.68016 8.14017 1.60984C8.06984 1.53951 7.97446 1.5 7.875 1.5ZM4.125 0.75H4.875C5.1076 0.750284 5.33442 0.822516 5.52435 0.956791C5.71429 1.09107 5.85803 1.28081 5.93587 1.5H3.06412C3.14197 1.28081 3.28571 1.09107 3.47565 0.956791C3.66558 0.822516 3.8924 0.750284 4.125 0.75ZM6.75 7.125C6.75 7.42337 6.63147 7.70952 6.4205 7.9205C6.20952 8.13147 5.92337 8.25 5.625 8.25H3.375C3.07663 8.25 2.79048 8.13147 2.5795 7.9205C2.36853 7.70952 2.25 7.42337 2.25 7.125V2.25H6.75V7.125Z' fill='%23374957'/%3E%3Cpath d='M3.75 6.74999C3.84946 6.74999 3.94484 6.71049 4.01516 6.64016C4.08549 6.56983 4.125 6.47445 4.125 6.37499V4.125C4.125 4.02554 4.08549 3.93016 4.01516 3.85983C3.94484 3.78951 3.84946 3.75 3.75 3.75C3.65054 3.75 3.55516 3.78951 3.48483 3.85983C3.41451 3.93016 3.375 4.02554 3.375 4.125V6.37499C3.375 6.47445 3.41451 6.56983 3.48483 6.64016C3.55516 6.71049 3.65054 6.74999 3.75 6.74999Z' fill='%23374957'/%3E%3Cpath d='M5.25 6.74999C5.34946 6.74999 5.44484 6.71049 5.51517 6.64016C5.58549 6.56983 5.625 6.47445 5.625 6.37499V4.125C5.625 4.02554 5.58549 3.93016 5.51517 3.85983C5.44484 3.78951 5.34946 3.75 5.25 3.75C5.15055 3.75 5.05516 3.78951 4.98484 3.85983C4.91451 3.93016 4.875 4.02554 4.875 4.125V6.37499C4.875 6.47445 4.91451 6.56983 4.98484 6.64016C5.05516 6.71049 5.15055 6.74999 5.25 6.74999Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4211_21858'%3E%3Crect width='9' height='9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .org-delete-btn {
    width: 38% !important;
    margin: 0 auto !important;
    margin-top: 15px !important;
  }
}

.org-section-price {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(100vw - 40px);
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .org-section-price {
    max-width: unset;
  }
}

.org-active-container {
  margin-top: 15px;
}

.org-project-search-container {
  display: flex;
  max-height: calc(100vh - 240px);
  overflow: auto;
  border: 1px dashed #000000;
}
@media (min-width: 768px) {
  .org-project-search-container {
    max-width: calc(100vw - 40px);
  }
}
.org-project-search-container .table-action-menu {
  display: block;
}

.org-create-btn {
  display: block;
  border-bottom: 1px solid #c7c7c7;
  padding: 10px 0;
}
.org-editor-container.tablet .org-create-btn:first-child, .org-editor-container.mobile .org-create-btn:first-child {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .org-editor-container.tablet .org-create-btn, .org-editor-container.mobile .org-create-btn {
    padding-right: 32%;
  }
}
@media (min-width: 768px) {
  .org-create-btn {
    margin: 0 10px;
    padding: 20px 0;
    padding-right: 20%;
  }
}

.org-create-btn-form {
  display: grid;
  gap: 5px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .org-create-btn-form {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    align-items: center;
    gap: 50px;
    margin-bottom: 20px;
  }
}
.org-editor-container.tablet .org-create-btn-form, .org-editor-container.mobile .org-create-btn-form {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (min-width: 768px) {
  .org-editor-container.tablet .org-create-btn-form, .org-editor-container.mobile .org-create-btn-form {
    gap: 10px;
  }
}
.org-create-btn-form .btn-secondary {
  margin: 0 !important;
  min-width: fit-content !important;
  width: 100% !important;
  margin-top: 15px !important;
}
@media (min-width: 768px) {
  .org-create-btn-form .btn-secondary {
    margin-top: 0 !important;
  }
}
.org-create-btn-form .input-form-autorow,
.org-create-btn-form .org-create-btn-select {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 5px;
}
.org-create-btn-form .input-form-autorow .label-grid,
.org-create-btn-form .org-create-btn-select .label-grid {
  white-space: unset;
}
.org-create-btn-form .input-form-autorow .label,
.org-create-btn-form .org-create-btn-select .label {
  font-size: 16px;
  font-weight: 900;
}
@media (min-width: 768px) {
  .org-create-btn-form .input-form-autorow,
  .org-create-btn-form .org-create-btn-select {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .org-create-btn-form .select-custom {
    margin-top: 14px;
  }
}

.org-create-btn-title {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
}
.org-create-btn-title .btn-secondary {
  margin: 0 !important;
  width: 100% !important;
  color: #2c2e45 !important;
}
@media (min-width: 768px) {
  .org-create-btn-title .btn-secondary {
    width: 20% !important;
  }
}

.org-create-btn-select {
  display: grid;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .org-create-btn-select {
    align-items: flex-start;
  }
}
.org-create-btn-select.fonts {
  grid-template-columns: 1fr 1fr min-content;
}
.org-create-btn-select label {
  margin-top: 17px;
}
@media (min-width: 768px) {
  .org-create-btn-select label {
    padding-left: 3px;
  }
}
.org-create-btn-select .select-custom {
  width: 100%;
}

.org-create-btn-font {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 25px;
  margin-right: 10px;
  position: relative;
}
.org-create-btn-font * {
  cursor: pointer;
}
@media (min-width: 768px) {
  .org-create-btn-font {
    margin-top: 14px;
  }
}

.org-editor-wrapper {
  margin-bottom: 15px;
  height: 68px;
  min-height: 68px;
}

.org-select-form {
  display: grid;
  grid-template-columns: auto 66%;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.org-select-form .select-custom {
  width: 100%;
}
.org-select-form.flex {
  display: flex;
}
.org-select-form.flex .select-custom {
  width: 70%;
}

.org-colorpicker {
  position: absolute;
  top: calc(100% + 10px);
  z-index: 1000;
  right: 0;
}

.org-colorpicker-btn {
  position: relative;
}
.org-colorpicker-btn::after {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
  content: "";
  width: 10px;
  min-width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87011 5.67624L5.50011 1.09424M1.16211 5.67724L5.53211 1.09424' stroke='%232C2E45' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.org-btn-font {
  cursor: pointer;
  width: 18px;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.org-btn-font.is-active, .org-btn-font:hover {
  background-color: rgba(0, 155, 237, 0.3);
  color: #009bed;
  border-radius: 5px;
}

.org-select-color {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .org-select-color .label {
    margin-top: 0;
  }
}

.org-section-menu {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .org-section-menu {
    padding-left: 12px;
  }
}

.org-section-list,
.org-section-menu {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
@media (min-width: 768px) {
  .org-section-list,
  .org-section-menu {
    gap: 22px;
  }
}

.org-section-menu-header {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #000000;
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
}

.org-section-item {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #000000;
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
  cursor: pointer;
}
.org-section-item:hover {
  border-color: #fec52e;
}
.org-section-item.is-active {
  font-weight: 900;
  border-color: #fec52e;
}

.org-prospects-modal-error {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #f15635;
  padding-left: 4px;
}

.org-editor-error {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #f15635;
  padding-bottom: 20px;
}

.ort-address-section {
  display: grid;
  grid-template-columns: minmax(min-content, 0.8fr) minmax(min-content, 0.7fr) repeat(2, minmax(min-content, 0.5fr));
  align-items: flex-start;
  width: 100%;
  gap: 10px;
  grid-column: span 2;
  padding-left: 10px;
}
.ort-address-section .suplabel-grid {
  display: none;
}
.ort-address-section .input-form-autorow {
  gap: 6px;
}
.ort-address-section .input-form-autorow .label-grid {
  padding-top: 3px;
  padding-left: 0;
}
.ort-address-section .label,
.ort-address-section .label-grid {
  padding-left: 0;
  padding-top: 0;
}
.ort-address-section .input-form-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
.ort-address-section .wrapper-error {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0 10px;
}
.ort-address-section .wrapper-error .input-error {
  grid-column-start: 2;
}

.org-details-fields {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  gap: 10px 5px;
}
.org-details-fields .grid-header {
  display: none;
}
.org-details-fields .input-form-autorow {
  width: 100%;
}
.org-details-fields .label-required::after {
  right: 0;
  font-size: 16px;
  font-weight: 900;
}
.org-details-fields .label-grid {
  padding-top: 18px;
}
.org-details-fields .switch {
  grid-column-start: 2;
  margin: 0;
}
.org-details-fields .switch-label {
  margin-right: 10px;
}
.org-details-fields .switch-text {
  color: #9e9faf;
}

.org-code-label {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 3px;
}

.project-header {
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
}

.project-create {
  min-height: calc(100vh - 220px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 11em;
}
@media (min-width: 768px) {
  .project-create {
    min-height: calc(100vh - 170px);
    padding-bottom: 7em;
  }
}

.project-create-header {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  text-align: center;
  margin-bottom: 10px;
}

.project-create-form {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.project-create-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  width: 130px;
  cursor: pointer;
}
.project-create-btn:hover {
  background-color: #f7f7f7;
  box-shadow: 2px 2px 4px #7d7e8e;
}

.project-create-title {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #2c2e45;
  text-align: center;
  margin-top: 15px;
  white-space: nowrap;
}

.project-create-subtitle {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  text-align: center;
  margin-top: 5px;
}

.project-create-blank {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  min-width: 110px;
  border: 1px dashed #c7c7c7;
  position: relative;
}
.project-create-blank::after {
  content: "+";
  font-size: 36px;
  font-weight: 350;
  color: #e2e2e2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.project-create-journey {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  min-width: 110px;
  border: 1px solid #e2e2e2;
  background-color: #e2e2e2;
  position: relative;
}
.project-create-journey::after {
  content: "";
  position: absolute;
  width: 39px;
  height: 39px;
  min-width: 39px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='39' viewBox='0 0 40 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4564_15323)'%3E%3Cpath d='M19.6312 38.084C30.0975 38.084 38.5822 29.5994 38.5822 19.133C38.5822 8.66666 30.0975 0.182007 19.6312 0.182007C9.16483 0.182007 0.680176 8.66666 0.680176 19.133C0.680176 29.5994 9.16483 38.084 19.6312 38.084Z' fill='%23E2E2E2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8573 12.09H29.0023C29.2941 12.09 29.5739 12.2059 29.7801 12.4122C29.9864 12.6185 30.1023 12.8983 30.1023 13.19V20.808C30.1023 20.9524 30.0739 21.0955 30.0186 21.2289C29.9633 21.3624 29.8823 21.4837 29.7801 21.5858C29.678 21.688 29.5567 21.769 29.4233 21.8243C29.2898 21.8795 29.1468 21.908 29.0023 21.908H14.8573C14.7129 21.908 14.5698 21.8795 14.4364 21.8243C14.3029 21.769 14.1817 21.688 14.0795 21.5858C13.9774 21.4837 13.8963 21.3624 13.8411 21.2289C13.7858 21.0955 13.7573 20.9524 13.7573 20.808V13.19C13.7573 12.8983 13.8732 12.6185 14.0795 12.4122C14.2858 12.2059 14.5656 12.09 14.8573 12.09Z' stroke='%232C2E45' stroke-width='0.77' stroke-linecap='round' stroke-dasharray='1.1 2.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5771 14.272H27.9231V25.18H11.5771V14.272Z' fill='%23E2E2E2'/%3E%3Cpath d='M26.8097 25.694H12.0597C11.4927 25.693 11.0337 25.249 11.0327 24.702V15.262C11.0327 14.715 11.4927 14.272 12.0597 14.271H26.8097C27.3767 14.271 27.8357 14.715 27.8367 15.262V24.701C27.8367 25.248 27.3767 25.693 26.8097 25.694ZM12.0597 14.952C11.976 14.9507 11.8951 14.9825 11.8348 15.0406C11.7744 15.0987 11.7396 15.1783 11.7377 15.262V24.701C11.7377 24.872 11.8817 25.011 12.0597 25.011H26.8097C26.8934 25.0123 26.9741 24.9805 27.0343 24.9223C27.0945 24.8642 27.1291 24.7846 27.1307 24.701V15.262C27.1291 15.1784 27.0945 15.0988 27.0343 15.0406C26.9741 14.9825 26.8934 14.9507 26.8097 14.952H12.0597Z' fill='%232C2E45'/%3E%3Cpath d='M15.9849 25.694C15.9183 25.6944 15.853 25.6761 15.7964 25.641C15.7398 25.606 15.6942 25.5558 15.6649 25.496C15.6367 25.4372 15.6265 25.3714 15.6355 25.3068C15.6446 25.2422 15.6726 25.1818 15.7159 25.133L21.4639 18.569C21.5259 18.4989 21.6128 18.4557 21.7062 18.4486C21.7995 18.4415 21.892 18.4711 21.9639 18.531L27.7139 23.305C27.7465 23.3341 27.7731 23.3694 27.7921 23.4088C27.8111 23.4482 27.8222 23.4909 27.8246 23.5346C27.827 23.5783 27.8208 23.622 27.8062 23.6633C27.7917 23.7045 27.7691 23.7425 27.7399 23.775C27.6794 23.8416 27.5963 23.8832 27.5068 23.8917C27.4173 23.9002 27.3278 23.875 27.2559 23.821L21.7739 19.271L16.2559 25.573C16.222 25.6111 16.1804 25.6415 16.1338 25.6622C16.0873 25.6829 16.0368 25.6934 15.9859 25.693L15.9849 25.694Z' fill='%232C2E45'/%3E%3Cpath d='M11.3859 23.152C11.3173 23.1528 11.2498 23.1335 11.1919 23.0966C11.134 23.0596 11.0882 23.0066 11.0599 22.944C11.0329 22.8821 11.0254 22.8134 11.0385 22.7471C11.0515 22.6808 11.0845 22.62 11.1329 22.573L14.5829 19.148C14.6501 19.0825 14.7402 19.0459 14.8339 19.046C14.9268 19.0519 15.0152 19.0877 15.0859 19.148L18.5209 22.505C18.5679 22.5457 18.6025 22.5987 18.6209 22.6581C18.6393 22.7175 18.6407 22.7809 18.6249 22.841C18.6082 22.9019 18.5752 22.9571 18.5293 23.0007C18.4835 23.0442 18.4267 23.0744 18.3649 23.088C18.3031 23.1024 18.2384 23.1002 18.1777 23.0816C18.1169 23.063 18.0621 23.0286 18.0189 22.982L14.8379 19.872L11.6379 23.05C11.5706 23.1157 11.4801 23.1523 11.3859 23.152ZM17.4149 18.981C17.3319 18.981 17.2499 18.975 17.1679 18.962C16.3399 18.813 15.7859 18.055 15.9179 17.252C16.0499 16.45 16.8199 15.894 17.6549 16C18.2319 16.087 18.7089 16.48 18.8899 17.016C18.9785 17.2797 18.9901 17.5632 18.9233 17.8333C18.8565 18.1034 18.7142 18.3489 18.5129 18.541C18.2229 18.824 17.8269 18.982 17.4149 18.981ZM17.4149 16.661C17.2928 16.6606 17.1719 16.6861 17.0604 16.7359C16.9488 16.7857 16.8492 16.8587 16.7679 16.95C16.6886 17.039 16.6302 17.1447 16.597 17.2592C16.5638 17.3738 16.5566 17.4943 16.5759 17.612C16.6459 18.025 17.0259 18.321 17.4589 18.298C17.6646 18.2906 17.8602 18.2075 18.0082 18.0646C18.1563 17.9218 18.2463 17.7292 18.2609 17.524C18.2658 17.4108 18.2473 17.2978 18.2066 17.192C18.166 17.0862 18.104 16.9899 18.0246 16.9091C17.9452 16.8283 17.85 16.7646 17.7449 16.7221C17.6399 16.6796 17.5272 16.6591 17.4139 16.662L17.4149 16.661Z' fill='%232C2E45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4564_15323'%3E%3Crect width='39' height='39' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.project-steps {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  width: 100%;
  padding-left: 8px;
}

.project-blank-title {
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  width: 100%;
  margin-top: 3px;
}

.project-blank-main {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .project-blank-main {
    display: grid;
    grid-template-columns: 1fr 2.7fr;
    gap: 20px;
  }
}

.project-blank-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 32px;
  gap: 10px;
}
@media (min-width: 768px) {
  .project-blank-form {
    width: auto;
  }
}

.project-preset-step {
  margin: 0 !important;
}
.project-preset-step .project-blank-main {
  padding-bottom: 0;
}

.project-preset {
  display: none;
}
@media (min-width: 768px) {
  .project-preset {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
  }
}

.project-preset-img {
  width: 100%;
  min-width: 490px;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 1440px) {
  .project-preset-img {
    width: 88%;
  }
}

.project-timeline {
  background-color: #f7f7f7;
  padding: 10px 10px 28px 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  margin-top: 10px;
  margin-right: 10px;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .project-timeline {
    width: calc(100% - 10px);
  }
}

.project-timeline-title {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  gap: 8px;
  margin-bottom: 10px;
}

.project-timeline-subtitle {
  display: block;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.project-timeline-info {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.project-timeline-img {
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.project-journey {
  display: flex;
}
@media (min-width: 768px) {
  .project-journey {
    display: grid;
    grid-template-columns: 1fr 2.7fr;
    gap: 20px;
  }
}

.project-journey-info {
  padding-top: 7px;
}

.project-journey-list {
  margin-bottom: 18px;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.project-journey-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  white-space: nowrap;
  gap: 5px;
}
.project-journey-item b {
  font-weight: 900;
}

.project-journey-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 10px;
  border-radius: 10px;
  margin-right: 6px;
}
.project-journey-symbol.gallery {
  background-color: #76AD5A;
}
.project-journey-symbol.presale {
  background-color: #f15635;
}
.project-journey-symbol.proof {
  background-color: #009bed;
}
.project-journey-symbol.late {
  background-color: #8B47AD;
}
.project-journey-symbol.absentee {
  background-color: #8B47AD;
}

.project-journey-par {
  display: block;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-left: 6px;
  text-align: justify;
  line-height: 1.35;
}

.project-journey-link {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
  padding-left: 6px;
  margin-top: 12px;
  cursor: pointer;
}
.project-journey-link:hover {
  text-decoration: underline;
  outline: none;
}

.project-journey-view {
  display: none;
}
@media (min-width: 768px) {
  .project-journey-view {
    display: block;
    box-shadow: -1px 0px 8px #c7c7c7;
    padding-left: 10px;
    padding-top: 7px;
    width: 87%;
  }
}

.project-view-title {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #2c2e45;
}

.project-journey-img {
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.project-thumb {
  width: 100%;
  background-color: #FFFFFF;
  padding: 10px;
  height: fit-content;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .project-thumb {
    min-width: fit-content;
    padding: 20px 8px;
  }
}

.project-section {
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
  max-width: 100%;
}
.project-section:first-child {
  margin-top: 10px;
}
.project-section .project-timeline-img {
  padding-right: 20px;
  padding-bottom: 10px;
}
.project-section .input-grid:disabled {
  color: #9e9faf;
  background-color: #e2e2e2;
  border-color: #9e9faf;
}
.project-section .input-grid:disabled::placeholder {
  color: #9e9faf;
}
.project-section .select-custom.select--is-disabled .select__control {
  border-color: #9e9faf;
  background-color: #e2e2e2 !important;
}
.project-section .select-custom.select--is-disabled .select__placeholder {
  color: #9e9faf !important;
}
.project-section .select-custom.select--is-disabled .select__dropdown-indicator::before {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_46_319)'%3E%3Cpath d='M1.13 1.324L5.5 5.90601M9.838 1.32301L5.468 5.90601' stroke='%232C2E45' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_46_319'%3E%3Crect width='11' height='7' fill='white' transform='translate(11 7) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media (min-width: 768px) {
  .project-section-container {
    padding-left: 20px;
  }
}
.project-section-container .select-custom {
  width: 100%;
}
.project-section-container .label {
  white-space: nowrap;
}

.project-section-title {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  text-transform: capitalize;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.project-section-title b {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}
@media (min-width: 768px) {
  .project-section-title {
    flex-wrap: unset;
  }
}
.project-section-title .switch {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .project-section-title .switch {
    margin-bottom: 5px;
  }
}
.project-section-title .switch-text {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}
.project-section-title .switch-label {
  margin-right: 10px;
}

.project-section-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.project-section-form.section-sale {
  gap: 6px;
}
@media (min-width: 768px) {
  .project-section-form.section-sale {
    gap: 3vw;
  }
}
@media (min-width: 768px) {
  .project-section-form {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.project-section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  min-width: 39px;
  height: 39px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.project-section-wrapper {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  width: 100%;
  column-gap: 5px;
  row-gap: 2px;
  flex-wrap: wrap;
}
.project-section-wrapper.project-section-datepicker {
  grid-template-columns: 39px 1fr 1fr;
}
@media (min-width: 768px) {
  .project-section-wrapper.project-section-datepicker {
    grid-template-columns: auto auto 1fr;
  }
}
.project-section-wrapper .project-journey-symbol {
  margin-right: 0;
}
@media (min-width: 768px) {
  .project-section-wrapper {
    flex-wrap: unset;
    row-gap: 0;
  }
}
.project-section-wrapper .input-form-autorow {
  padding-bottom: 14px;
}
.project-section-wrapper .label {
  font-weight: 900;
}
.project-section-wrapper .grid-error {
  margin-top: -8px;
  grid-column-start: 3;
}

.project-section-wrapper-sm {
  display: grid;
  grid-template-columns: min-content;
}
@media (min-width: 768px) {
  .project-section-wrapper-sm {
    grid-template-columns: auto auto 1fr;
  }
}
.project-section-wrapper-sm .select-custom {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .project-section-wrapper-sm .select-custom {
    grid-column: auto;
  }
}
.project-section-wrapper-sm .label {
  font-size: 14px;
}
@media (min-width: 768px) {
  .project-section-wrapper-sm .input-error {
    grid-column-start: 3;
  }
}

.project-section-wrapper-lg {
  display: flex;
  flex-direction: column;
  width: 100%;
  column-gap: 5px;
  row-gap: 2px;
}
@media (min-width: 768px) {
  .project-section-wrapper-lg {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    column-gap: 5px;
  }
}
.project-section-wrapper-lg .label {
  font-size: 18px;
  font-weight: 900;
}
.project-section-wrapper-lg .input-error {
  grid-column-start: 2;
}

.project-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 10px;
  overflow: auto;
}
@media (min-width: 768px) {
  .project-form {
    overflow: visible;
  }
}

.project-form-container {
  display: grid;
  grid-template-columns: 30px minmax(120px, 1.9fr) minmax(120px, 1.1fr) minmax(120px, 2.3fr) 175px 30px;
  align-items: flex-start;
  gap: 7px;
}
.project-form-container:not(:last-child) {
  padding-bottom: 7px;
}
@media (min-width: 768px) {
  .project-form-container {
    grid-template-columns: 30px 1.9fr 1.1fr 2.3fr 175px 30px;
  }
}
.project-form-container .grid-header,
.project-form-container .suplabel-grid,
.project-form-container .sublabel-grid {
  display: none;
}
.project-form-container .switch {
  margin-bottom: 5px;
  margin-top: 7px;
}
.project-form-container .switch-label {
  margin-right: 5px;
  min-width: 28px;
}
.project-form-container .switch-text {
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  white-space: nowrap;
}

.project-form-title {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  text-transform: capitalize;
  margin-bottom: auto;
}
.project-form-title i {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #f15d3f;
}

.project-form-burger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  background-color: transparent;
  padding: 5px;
  border: none;
  cursor: pointer;
  margin: 0 auto;
}
.project-form-burger:focus {
  outline: none;
  cursor: pointer;
}

.project-form-btn {
  margin-top: 5px !important;
  margin-left: 0 !important;
  width: 205px !important;
  min-width: fit-content !important;
}

.project-section-btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  margin-top: 10px;
  gap: 20px;
}
@media (min-width: 768px) {
  .project-section-btn {
    grid-template-columns: 200px 200px;
    gap: 40px;
  }
}

.project-message-section {
  display: flex;
  flex-direction: column;
  padding-top: 12px;
  margin-top: 10px;
  border-top: 1px solid #c7c7c7;
}
.project-message-section.order-section {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
@media (min-width: 768px) {
  .project-message-section {
    padding-left: 15px;
  }
}

.project-message {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (min-width: 768px) {
  .project-message {
    width: 60%;
    display: grid;
    grid-template-columns: 200px auto;
    gap: 0;
  }
}
.project-message .input-form-autorow {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .project-message .input-form-autorow {
    display: grid;
    column-gap: 0;
    grid-template-columns: 200px auto;
    grid-column: span 2;
  }
}
.project-message .label-grid {
  padding-left: 0;
}
.project-message .suplabel-grid {
  display: none;
}
@media (min-width: 768px) {
  .project-message .suplabel-grid {
    display: block;
  }
}
.project-message .project-textarea-info {
  grid-column-start: 2;
  text-align: left;
}

.project-textarea-section {
  padding-left: 10%;
}
.project-textarea-section.order {
  padding-left: 0;
}
@media (min-width: 768px) {
  .project-textarea-section {
    padding-left: 0;
  }
}
.project-textarea-section .project-textarea-label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (min-width: 768px) {
  .project-textarea-section .project-textarea-label {
    display: grid;
    gap: 0;
    grid-column: span 2;
    grid-template-columns: 200px auto;
  }
}
.project-textarea-section .project-textarea-info {
  grid-column-start: 2;
  text-align: left;
}

.project-message-title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
}
@media (min-width: 768px) {
  .project-message-title {
    align-items: center;
    flex-direction: row;
    column-gap: 5px;
    row-gap: 0;
  }
}
.project-message-title.is-pad {
  margin-bottom: 18px;
}
.project-message-title b {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.project-textarea-section {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .project-textarea-section {
    padding-left: 26px;
  }
}
.project-textarea-section.is-error textarea {
  border-color: #f15635;
}
.project-textarea-section.is-error .input-error {
  line-height: 1;
}
.project-textarea-section .label,
.project-textarea-section .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #2c2e45;
  letter-spacing: -0.5px;
  white-space: normal !important;
}

.project-textarea {
  border: 0.5px solid #9e9faf;
  border-radius: 2px;
  width: 100%;
  height: 75px;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  padding: 4px;
}
.project-textarea:focus {
  outline: 3px solid #fec52e;
  border-radius: 2px;
  border-color: transparent;
}
.project-textarea:read-only {
  border-color: #9e9faf !important;
  background-color: #e2e2e2 !important;
  outline: none;
  cursor: default;
}
.project-textarea:read-only::placeholder {
  color: #9e9faf !important;
}
.project-textarea:disabled {
  background-color: #FFFFFF;
  border-color: #e2e2e2;
}
.project-textarea:disabled::placeholder {
  color: #e2e2e2;
}
.project-textarea::placeholder {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.project-textarea-info {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  width: 100%;
}
.project-textarea-info.t-right {
  text-align: right;
}

.project-textarea-label {
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  margin-bottom: 10px;
}
.project-textarea-label.is-error textarea {
  border-color: #f15635;
}
.project-textarea-label .input-error {
  grid-column-start: 2;
}

.project-details-form {
  display: grid;
  grid-template-columns: calc(50% - 6px) calc(50% - 6px);
  column-gap: 12px;
  margin-top: 20px;
}
.project-details-form .org-code-form {
  gap: 5px;
  margin-bottom: 12px;
}
.project-details-form .org-img-label {
  padding-left: 3px;
  gap: 12px;
}

.project-images-header {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .project-images-header {
    padding-left: 5vw;
    grid-template-columns: auto auto repeat(4, 1fr);
  }
}
.project-images-header .label {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  white-space: nowrap;
}
.project-images-header .org-details-btn {
  width: 100% !important;
  max-width: unset !important;
}
.project-images-header .select-custom {
  width: 100% !important;
}

.project-images-title {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
}

.project-images-list {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 8px 20px;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}

.project-images-item {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
.project-images-item.is-active {
  font-weight: 900;
  border-color: #fec52e;
}
.project-images-item:hover {
  border-color: #fec52e;
}

.input-form-images {
  flex-direction: row !important;
  align-items: center !important;
}
.input-form-images .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  margin-right: 10px;
}
.input-form-images .input-grid {
  min-width: 190px;
}

.project-details-table {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px dashed #2c2e45;
}

.project-table-img {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.project-table-img img {
  height: 100px;
  width: 100%;
  object-fit: contain;
}

.project-table-alt {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  margin-top: 5px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fill-available;
}

.project-table-name {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-table-link {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #009bed;
  cursor: pointer;
}

.project-table-check .switch-label {
  margin-right: 20px;
}
.project-table-check .switch {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
}

.project-table-orders {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.project-table-hide {
  opacity: 0;
  visibility: hidden;
}

.project-table-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin: 0 auto;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  cursor: pointer;
}

.project-details-btns {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 30px;
  border-top: 1px solid #c7c7c7;
  gap: 10px;
}
.project-details-btns button {
  margin: 0 !important;
}
@media (min-width: 768px) {
  .project-details-btns {
    grid-template-columns: minmax(min-content, 250px) minmax(min-content, 250px);
    gap: 0;
  }
}

.project-marketing-btn {
  width: auto !important;
  min-width: 180px !important;
  margin: 0 !important;
  margin-left: auto !important;
}
.project-marketing-btn.desktop {
  display: none;
}
@media (min-width: 768px) {
  .project-marketing-btn.desktop {
    display: flex;
  }
}
.project-marketing-btn.mobile {
  display: flex;
  width: 100% !important;
  margin-top: 10px !important;
}
@media (min-width: 768px) {
  .project-marketing-btn.mobile {
    display: none;
  }
}

.project-details-delete::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4211_21858)'%3E%3Cpath d='M7.875 1.5H6.7125C6.62546 1.07678 6.39518 0.696505 6.06047 0.423269C5.72576 0.150034 5.30708 0.000545447 4.875 0L4.125 0C3.69292 0.000545447 3.27424 0.150034 2.93953 0.423269C2.60482 0.696505 2.37454 1.07678 2.2875 1.5H1.125C1.02554 1.5 0.930161 1.53951 0.859835 1.60984C0.789509 1.68016 0.75 1.77554 0.75 1.875C0.75 1.97446 0.789509 2.06984 0.859835 2.14016C0.930161 2.21049 1.02554 2.25 1.125 2.25H1.5V7.125C1.5006 7.6221 1.69833 8.09867 2.04983 8.45017C2.40133 8.80167 2.8779 8.9994 3.375 9H5.625C6.1221 8.9994 6.59867 8.80167 6.95017 8.45017C7.30167 8.09867 7.4994 7.6221 7.5 7.125V2.25H7.875C7.97446 2.25 8.06984 2.21049 8.14017 2.14016C8.21049 2.06984 8.25 1.97446 8.25 1.875C8.25 1.77554 8.21049 1.68016 8.14017 1.60984C8.06984 1.53951 7.97446 1.5 7.875 1.5ZM4.125 0.75H4.875C5.1076 0.750284 5.33442 0.822516 5.52435 0.956791C5.71429 1.09107 5.85803 1.28081 5.93587 1.5H3.06412C3.14197 1.28081 3.28571 1.09107 3.47565 0.956791C3.66558 0.822516 3.8924 0.750284 4.125 0.75ZM6.75 7.125C6.75 7.42337 6.63147 7.70952 6.4205 7.9205C6.20952 8.13147 5.92337 8.25 5.625 8.25H3.375C3.07663 8.25 2.79048 8.13147 2.5795 7.9205C2.36853 7.70952 2.25 7.42337 2.25 7.125V2.25H6.75V7.125Z' fill='%23374957'/%3E%3Cpath d='M3.75 6.74999C3.84946 6.74999 3.94484 6.71049 4.01516 6.64016C4.08549 6.56983 4.125 6.47445 4.125 6.37499V4.125C4.125 4.02554 4.08549 3.93016 4.01516 3.85983C3.94484 3.78951 3.84946 3.75 3.75 3.75C3.65054 3.75 3.55516 3.78951 3.48483 3.85983C3.41451 3.93016 3.375 4.02554 3.375 4.125V6.37499C3.375 6.47445 3.41451 6.56983 3.48483 6.64016C3.55516 6.71049 3.65054 6.74999 3.75 6.74999Z' fill='%23374957'/%3E%3Cpath d='M5.25 6.74999C5.34946 6.74999 5.44484 6.71049 5.51517 6.64016C5.58549 6.56983 5.625 6.47445 5.625 6.37499V4.125C5.625 4.02554 5.58549 3.93016 5.51517 3.85983C5.44484 3.78951 5.34946 3.75 5.25 3.75C5.15055 3.75 5.05516 3.78951 4.98484 3.85983C4.91451 3.93016 4.875 4.02554 4.875 4.125V6.37499C4.875 6.47445 4.91451 6.56983 4.98484 6.64016C5.05516 6.71049 5.15055 6.74999 5.25 6.74999Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4211_21858'%3E%3Crect width='9' height='9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-right: 10px;
}

.project-details-save-preset::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_900_27823)'%3E%3Cpath d='M11.875 0H8.125C7.2965 0.000992411 6.50222 0.330551 5.91639 0.916387C5.33055 1.50222 5.00099 2.2965 5 3.125V3.1875C4.29463 3.33256 3.66084 3.71636 3.20545 4.27422C2.75006 4.83207 2.50091 5.52987 2.5 6.25V6.3125C1.79463 6.45756 1.16084 6.84136 0.705449 7.39922C0.250056 7.95707 0.000909078 8.65487 0 9.375L0 11.875C0.000992411 12.7035 0.330551 13.4978 0.916387 14.0836C1.50222 14.6694 2.2965 14.999 3.125 15H6.875C7.7035 14.999 8.49778 14.6694 9.08361 14.0836C9.66945 13.4978 9.99901 12.7035 10 11.875V11.8125C10.7054 11.6674 11.3392 11.2836 11.7946 10.7258C12.2499 10.1679 12.4991 9.47013 12.5 8.75V8.6875C13.2054 8.54244 13.8392 8.15864 14.2946 7.60078C14.7499 7.04293 14.9991 6.34513 15 5.625V3.125C14.999 2.2965 14.6694 1.50222 14.0836 0.916387C13.4978 0.330551 12.7035 0.000992411 11.875 0V0ZM1.25 9.375C1.25 8.87772 1.44754 8.40081 1.79917 8.04917C2.15081 7.69754 2.62772 7.5 3.125 7.5H6.875C7.21479 7.50092 7.5479 7.59452 7.83843 7.77074C8.12896 7.94695 8.36591 8.19909 8.52375 8.5L6.36437 10.6644L6.0675 10.365C5.84619 10.142 5.54876 10.011 5.23487 9.99811C4.92097 9.98524 4.61382 10.0915 4.375 10.2956L1.48687 12.7706C1.33323 12.497 1.25172 12.1888 1.25 11.875V9.375ZM8.75 11.875C8.75 12.3723 8.55246 12.8492 8.20083 13.2008C7.84919 13.5525 7.37228 13.75 6.875 13.75H3.125C2.88535 13.7495 2.64807 13.7026 2.42625 13.6119L5.18 11.25L5.4775 11.5506C5.71191 11.785 6.0298 11.9166 6.36125 11.9166C6.69271 11.9166 7.01059 11.785 7.245 11.5506L8.75 10.0425V11.875ZM11.25 8.75C11.2484 9.13641 11.1274 9.51289 10.9037 9.82794C10.6799 10.143 10.3643 10.3812 10 10.51V9.375C9.99901 8.5465 9.66945 7.75222 9.08361 7.16639C8.49778 6.58055 7.7035 6.25099 6.875 6.25H3.75C3.75 5.75272 3.94754 5.27581 4.29917 4.92417C4.65081 4.57254 5.12772 4.375 5.625 4.375H9.375C9.87228 4.375 10.3492 4.57254 10.7008 4.92417C11.0525 5.27581 11.25 5.75272 11.25 6.25V8.75ZM13.75 5.625C13.7484 6.01141 13.6274 6.38789 13.4037 6.70294C13.1799 7.01798 12.8643 7.2562 12.5 7.385V6.25C12.499 5.4215 12.1694 4.62722 11.5836 4.04139C10.9978 3.45555 10.2035 3.12599 9.375 3.125H6.25C6.25 2.62772 6.44754 2.15081 6.79917 1.79917C7.15081 1.44754 7.62772 1.25 8.125 1.25H11.875C12.3723 1.25 12.8492 1.44754 13.2008 1.79917C13.5525 2.15081 13.75 2.62772 13.75 3.125V5.625ZM2.5 9.375C2.5 9.25139 2.53666 9.13055 2.60533 9.02777C2.67401 8.92499 2.77162 8.84488 2.88582 8.79758C3.00003 8.75027 3.12569 8.73789 3.24693 8.76201C3.36817 8.78612 3.47953 8.84565 3.56694 8.93306C3.65435 9.02047 3.71388 9.13183 3.73799 9.25307C3.76211 9.37431 3.74973 9.49997 3.70242 9.61418C3.65512 9.72838 3.57501 9.82599 3.47223 9.89467C3.36945 9.96334 3.24861 10 3.125 10C2.95924 10 2.80027 9.93415 2.68306 9.81694C2.56585 9.69973 2.5 9.54076 2.5 9.375Z' fill='%23374957'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_900_27823'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-right: 10px;
}

.project-details-section {
  min-width: max-content;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .project-details-section {
    padding-left: 12px;
  }
}
.project-details-section .label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 3px;
  margin-bottom: 2px;
}
.project-details-section .grid-header {
  display: none;
}
.project-details-section .org-form-fields {
  grid-template-columns: min-content 1fr min-content 1fr;
  align-items: flex-end;
  gap: 2px 10px;
  margin-bottom: 6px;
}
.project-details-section .input-form-preset {
  grid-template-columns: 1fr;
}

.prj-details-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 30px;
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  .prj-details-section {
    width: auto;
    display: grid;
    grid-template-columns: minmax(min-content, auto) 300px;
    gap: 10px;
    padding-bottom: 20px;
  }
}

.prj-journey-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 30px;
  margin-bottom: 26px;
  gap: 24px;
}
@media (min-width: 768px) {
  .prj-journey-section {
    padding-bottom: 20px;
  }
}

.images-section-header {
  margin-bottom: 5px !important;
}

.image-modal-container {
  width: 90%;
  min-width: fit-content;
  margin: 0 auto;
  padding-top: 10px;
}
.image-modal-container .modal-inline-preset,
.image-modal-container .input-form-preset {
  grid-template-columns: 100px auto;
}
.image-modal-container .label-grid {
  padding-left: 0 !important;
}
.image-modal-container .switch {
  padding-top: 5px;
  padding-bottom: 20px;
  justify-content: space-between;
}
.image-modal-container .switch .switch-text {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  order: 1;
}
.image-modal-container .switch .switch-label {
  margin-right: 0;
  order: 2;
}
@media (min-width: 768px) {
  .image-modal-container {
    width: 54%;
  }
}

.image-modal-btn {
  width: 65% !important;
  min-width: fit-content !important;
}

.project-image-btns {
  margin: 15px 0;
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 15px;
}
.project-image-btns p {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin: 0;
}

.project-album {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  overflow: visible !important;
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  min-height: 140px;
}
.project-album img {
  display: block;
  width: calc(100% - 20px);
  max-height: 120px;
  object-fit: contain;
}
.project-album img:first-child {
  z-index: 2;
  width: 100%;
}
.project-album img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 3;
}
.project-album img:nth-child(3) {
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 1;
}

.project-album-table thead {
  z-index: 4;
}

.project-images-error {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #2c2e45;
  padding: 30px;
}

.project-modal-group {
  padding-top: 10px;
}

.project-images-select {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.project-images-select .grid-header {
  width: auto;
}
.project-images-select .input-form-grid {
  width: 100%;
}

.project-message-toggled .org-search-title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
}
@media (min-width: 768px) {
  .project-message-toggled .org-search-title {
    align-items: center;
    flex-direction: row;
    column-gap: 5px;
    row-gap: 0;
  }
}
.project-message-toggled .org-subtitle {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin: 0;
}

.project-confetti {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.project-modal-created {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}

.project-modal-created-btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-top: 25px;
  margin: 0 auto;
  width: 65%;
  min-width: fit-content;
}

.project-marketing-date {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #7d7e8e;
  text-align: right;
  width: 100%;
  margin-bottom: 10px;
}

.preset {
  background-color: #fff;
  padding: 10px 15px;
  margin-top: 6px;
}

.preset-blank-main {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .preset-blank-main {
    display: grid;
    grid-template-columns: 1fr 2.7fr;
    gap: 20px;
  }
}

.preset-back {
  background-color: #f7f7f7;
  padding: 0 5px 40px 5px;
}

.preset-title {
  font-family: "avenir", sans-serif;
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .preset-title {
    max-width: 500px;
  }
}

.preset-wrapper-header {
  padding: 12px 5px;
  padding-top: 0;
  width: 66% !important;
  column-gap: 20px;
}
.preset-wrapper-header.pres-details .select-custom {
  width: 37%;
}

.preset-section-wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto;
  column-gap: 12px;
  width: -webkit-fill-available;
  width: 100%;
}
@media (min-width: 768px) {
  .preset-section-wrapper {
    width: 34%;
  }
}
.preset-section-wrapper .label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}
.preset-section-wrapper .input-error {
  grid-column-start: 2;
}

.preset-journey {
  border-top: 1px solid #c7c7c7;
  padding-top: 18px;
  padding-bottom: 5px;
}

.presets-journey-list {
  display: flex;
  flex-direction: column;
  padding: 10px 4px 2px 4px;
  border: 0.5px solid #9e9faf;
  gap: 5px;
  max-height: 94px;
  max-width: 100%;
  overflow: auto;
}
.presets-journey-list.is-empty {
  padding: 6px 4px 4px 4px;
}
@media (min-width: 768px) {
  .presets-journey-list {
    max-width: 270px;
    height: 287px;
    max-height: calc(90vh - 450px);
    min-height: 100px;
  }
}

.presets-journey-item {
  display: block;
  width: 100%;
  max-width: 100%;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #000;
  cursor: pointer;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 23px;
  min-height: 23px;
  white-space: nowrap;
}
.presets-journey-item.is-active {
  font-weight: 900;
  border-color: #fec52e;
}
.presets-journey-item:hover {
  border-color: #fec52e;
}
.presets-journey-list.is-empty .presets-journey-item:hover {
  border-color: transparent;
}
.presets-journey-list.is-empty .presets-journey-item {
  font-size: 12px;
  font-weight: 350;
  color: #f15635;
  padding-bottom: 0;
  height: auto;
  min-height: unset;
}

.preset-header-img {
  width: 100%;
  object-fit: contain;
}

.preset-info {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  margin: 12px 0;
  line-height: 1.3;
  letter-spacing: 0.1px;
}

.preset-blank-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 10vh;
  gap: 13px;
}
@media (min-width: 768px) {
  .preset-blank-form {
    width: 280px;
    min-width: 280px;
    padding-left: 12px;
  }
}

.preset-project-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 34px;
  gap: 13px;
}
@media (min-width: 768px) {
  .preset-project-form {
    width: auto;
  }
}

.preset-form {
  padding-top: 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .preset-form {
    padding-left: 5px;
  }
}

.preset-form-layout {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 768px) {
  .preset-form-layout {
    padding-left: 25px;
  }
}

.preset-form-wrapper {
  padding: 18px 26px;
}

.preset-placeholder {
  display: block;
  height: 60px;
  min-height: 60px;
  width: 100%;
  background-color: #7d7e8e;
  margin: 5px 0;
}

.preset-placeholder-back {
  display: block;
  min-height: 50vh;
  width: 100%;
  background-color: #fff;
  margin: 5px 0;
}

.preset-grid {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  white-space: nowrap;
}
.preset-grid .input-form-content {
  position: relative;
}
.preset-grid .input-form-content .grid-error {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .preset-grid {
    flex-direction: row;
    align-items: flex-end;
  }
}
.preset-grid .switch .switch-label {
  margin-right: 8px;
  min-width: 28px;
}
.preset-grid .switch .switch-text {
  white-space: nowrap;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.preset-expires.input-form-autorow,
.preset-expires .input-form-content {
  width: fit-content;
}
.preset-expires .input-grid {
  width: 50px;
  min-width: 50px;
  text-align: right;
}
.preset-expires .label-grid,
.preset-expires .label {
  padding-left: 0;
}

.preset-days {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
.preset-days .select-custom {
  min-width: 75px;
}

.preset-header-border {
  border-top: 1px solid #c7c7c7;
  padding-top: 10px;
}
.preset-header-border .org-section-menu {
  padding-left: 0;
  padding-bottom: 10px;
}
.preset-header-border.project-section {
  border-bottom: none;
}

.preset-journey-symbol {
  margin-bottom: 12px;
}
.preset-journey-symbol b {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.preset-message-marketing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 10px;
  row-gap: 10px;
  padding-top: 12px;
}
@media (min-width: 768px) {
  .preset-message-marketing {
    display: grid;
    align-items: center;
    grid-template-columns: max-content 1fr;
    row-gap: 15px;
    width: 65%;
  }
}

.preset-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  column-gap: 10px;
  row-gap: 10px;
  padding-top: 12px;
}
@media (min-width: 768px) {
  .preset-message {
    padding-right: 50%;
  }
}
@media (min-width: 768px) {
  .project-preset-step .preset-message {
    padding-right: 0;
  }
}
.preset-message .project-textarea-label,
.preset-message .input-form-autorow {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (min-width: 768px) {
  .preset-message .project-textarea-label,
  .preset-message .input-form-autorow {
    display: grid;
    grid-template-columns: 200px 1fr;
  }
}
.preset-message .suplabel-grid {
  display: none;
}
@media (min-width: 768px) {
  .preset-message .suplabel-grid {
    display: flex;
  }
}
.preset-message .textarea-preset {
  width: 100%;
}
.preset-message .label,
.preset-message .label-grid {
  white-space: unset;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 0;
}

.preset-textarea-label {
  align-self: flex-start;
}

.preset-form-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  gap: 10px;
}
@media (min-width: 768px) {
  .preset-form-header {
    align-items: center;
    flex-direction: row;
    gap: 0;
  }
}
.preset-form-header .switch-label {
  margin-right: 8px;
  min-width: 28px;
}
.preset-form-header .switch-text {
  white-space: nowrap;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.preset-form-marketing {
  margin-top: 12px;
}

.preset-details-img {
  width: 100%;
  object-fit: contain;
}

.preset-project-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  margin-bottom: 16px;
}

.preset-date-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 12px;
  margin-bottom: 15px;
}

.preset-date {
  display: grid;
  grid-template-columns: auto 1fr 120px;
  align-items: center;
  column-gap: 5px;
}
.preset-date .grid-error {
  grid-column-start: 3;
}

.preset-scroll {
  max-height: 51vh;
  overflow-y: auto;
}

.preset-timeline {
  width: 100%;
  object-fit: contain;
  border: 1px dashed #c7c7c7;
  padding: 10px;
}

.preset-details-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .preset-details-header {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 26px;
    margin-top: 10px;
  }
}

.preset-header-double {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.preset-header-double .switch-label {
  margin-right: 10px;
}
.preset-header-double .switch {
  display: none;
}
@media (min-width: 768px) {
  .preset-header-double .switch {
    display: flex;
  }
}

.preset-modal {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .preset-modal {
    gap: 10px;
    padding: 0 18px;
  }
}
.preset-modal .org-modal-btn {
  margin-top: 25px !important;
}
.preset-modal .input-form-row {
  grid-template-columns: min-content auto;
  width: 90%;
  gap: 10px;
  margin: 0 auto;
  margin-top: 6px;
  align-items: center;
}
.preset-modal .input-form-row .label-grid {
  margin-top: 0;
}
.preset-modal .input-form-row .suplabel-grid {
  display: none;
}

.preset-header-form {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 10px;
  padding-top: 14px;
  padding-left: 5px;
  padding-bottom: 5px;
  gap: 14px;
}
.preset-header-form .label {
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
}
.preset-header-form .input-form-autorow,
.preset-header-form .project-textarea-label {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 5px;
}
.preset-header-form .input-form-autorow .suplabel-grid,
.preset-header-form .project-textarea-label .suplabel-grid {
  display: none;
}
.preset-header-form .input-form-autorow .input-error,
.preset-header-form .project-textarea-label .input-error {
  grid-column: unset;
}
.preset-header-form .label-grid,
.preset-header-form .label {
  padding-top: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
@media (min-width: 768px) {
  .preset-header-form {
    padding-right: 12%;
  }
  .preset-header-form .input-form-autorow,
  .preset-header-form .project-textarea-label {
    display: grid;
    grid-template-columns: min-content auto;
    margin-bottom: 0;
  }
  .preset-header-form .input-form-autorow .input-error,
  .preset-header-form .project-textarea-label .input-error {
    grid-column-start: 2;
  }
  .preset-header-form .label-grid,
  .preset-header-form .label {
    width: 150px;
    min-width: 150px;
  }
  .preset-header-form .input-form-autorow {
    width: 44%;
  }
}

.preset-header-input .label-grid {
  font-size: 20px;
  font-weight: 900;
}

.preset-details-back {
  width: 100%;
  min-width: 100%;
  background-color: #ffffff;
  padding: 0 5px 40px 5px;
}
@media (min-width: 768px) {
  .preset-details-back {
    width: fit-content;
  }
}

.preset-form-sticky {
  padding-top: 0;
}
@media (min-width: 768px) {
  .preset-form-sticky {
    position: relative;
    max-height: calc(100vh - 170px);
    overflow: auto;
  }
}

.preset-header-sticky {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .preset-header-sticky {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 1;
  }
}

.preset-placeholder-sticky {
  padding: 0 5px;
  background-color: #f7f7f7;
}

.preset-project-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 10px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .preset-project-container {
    min-width: fit-content;
    max-width: unset;
    padding: 8px 8px 20px 8px;
  }
}

.preset-header-marketing {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #009bed;
  cursor: pointer;
}
.preset-header-marketing:hover {
  text-decoration: underline;
}
.preset-header-marketing.is-disabled {
  cursor: default;
  color: #9e9faf;
  text-decoration: none;
}

.presale-form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 1px solid #c7c7c7;
}
@media (min-width: 768px) {
  .presale-form-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 30px;
    padding-right: 27%;
  }
}

.presale-form {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.presale-form .label {
  white-space: nowrap;
}
.presale-form .label-grid {
  padding-left: 4px;
}
.presale-form .select-custom {
  width: 100%;
}
.presale-form .react-datepicker-wrapper {
  width: auto;
}
.presale-form .grid-header {
  width: auto;
}

.presale-form-btn {
  font-family: "avenir", sans-serif;
  font-weight: 350;
  font-size: 14px;
  color: #2c2e45;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  cursor: default;
}
.presale-form-btn:focus {
  outline: none;
}

.presale-modal-btn {
  width: 36% !important;
  min-width: fit-content;
  margin-top: 10px !important;
}

.presale-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
}
.presale-section .org-search-title {
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
}
@media (min-width: 768px) {
  .presale-section {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.presale-form-datepicker {
  display: grid;
  grid-template-columns: auto 1fr auto;
  row-gap: 0;
}
.presale-form-datepicker .react-datepicker__tab-loop {
  order: 2;
}
.presale-form-datepicker .datepicker-error {
  grid-column-start: 2;
}

.watermark {
  display: grid;
  width: 100%;
  gap: 10px;
  border-bottom: 1px solid #c7c7c7;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  .watermark {
    gap: 55px;
    grid-template-columns: auto 1fr 1fr;
    padding-left: 25px;
  }
}

.watermark-img-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
  border-top: 1px solid #c7c7c7;
  padding: 11px 5px 7px 5px;
}
@media (min-width: 768px) {
  .watermark-img-section {
    justify-content: space-between;
    margin-bottom: 13px;
    margin-top: 10px;
    padding: 12px 5px 10px 5px;
  }
}

.watermark-media-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
  padding: 10px 5px 0 5px;
}
@media (min-width: 768px) {
  .watermark-media-section {
    justify-content: space-between;
    margin-bottom: 13px;
    margin-top: 10px;
    padding: 0 5px;
  }
}

.watermark-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 5px 7px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .watermark-container {
    min-width: fit-content;
    max-width: unset;
    padding: 2px 4px 20px 4px;
  }
}

.watermark-img {
  max-width: 147px;
  max-height: 184px;
  object-fit: contain;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .watermark-img {
    margin: 0;
  }
}

.watermark-img-default {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.watermark-img-list {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: center;
  justify-content: space-between;
  row-gap: 14px;
  column-gap: 10px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-left: 18px;
}
@media (min-width: 768px) {
  .watermark-img-list {
    row-gap: 22px;
    justify-content: flex-start;
    padding-left: 0;
  }
}
.watermark-img-list span {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  text-align: right;
}
@media (min-width: 768px) {
  .watermark-img-list span {
    text-align: left;
  }
}
.watermark-img-list b {
  display: block;
  font-size: 16px;
  font-weight: 900;
}

.watermark-img-size {
  display: grid;
  align-self: flex-start;
  text-align: left !important;
}

.watermark-img-btn {
  width: 100% !important;
  margin-top: 10px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .watermark-img-btn {
    width: 220px !important;
    min-width: fit-content !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.watermark-media {
  padding: 0 5px;
}

.watermark-media-info {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-bottom: 20px;
}

.watermark-media-btn {
  width: 356px !important;
  min-width: fit-content !important;
  margin: 0 !important;
}
.watermark-media-btn::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3065_26756)'%3E%3Cpath d='M13 1H3C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V3C15 1.89543 14.1046 1 13 1Z' stroke='%232C2E45' stroke-width='0.9'/%3E%3Cpath d='M4 10.9642L4.445 10.3482C4.50663 10.2626 4.58682 10.192 4.67958 10.1417C4.77234 10.0914 4.87527 10.0627 4.98067 10.0578C5.08608 10.0529 5.19122 10.0719 5.28825 10.1134C5.38528 10.1548 5.47169 10.2177 5.541 10.2972L6.124 10.9682C6.19144 11.0457 6.2751 11.1074 6.36905 11.1489C6.463 11.1904 6.56494 11.2108 6.66763 11.2085C6.77032 11.2062 6.87125 11.1813 6.96325 11.1357C7.05526 11.09 7.13609 11.0246 7.2 10.9442L10.15 7.23423C10.2122 7.1555 10.2906 7.09109 10.3799 7.04539C10.4692 6.99969 10.5672 6.97378 10.6675 6.96941C10.7677 6.96505 10.8677 6.98233 10.9606 7.02009C11.0535 7.05785 11.1372 7.1152 11.206 7.18823L12 8.02723' stroke='%232C2E45' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7C6.26522 7 6.51957 6.89464 6.70711 6.70711C6.89464 6.51957 7 6.26522 7 6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5C5.73478 5 5.48043 5.10536 5.29289 5.29289C5.10536 5.48043 5 5.73478 5 6C5 6.26522 5.10536 6.51957 5.29289 6.70711C5.48043 6.89464 5.73478 7 6 7Z' stroke='%232C2E45' stroke-width='0.8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3065_26756'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.media-container {
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
  padding: 5px 10px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .media-container {
    min-width: fit-content;
    max-width: unset;
    padding: 2px 6px 20px 6px;
  }
}

.media-header {
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr;
  gap: 10px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .media-header {
    grid-template-columns: 35vw 10vw;
    padding-bottom: 0;
  }
}
.media-header .suplabel-grid {
  display: none;
}
.media-header .input-form-media {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 10px;
}
@media (min-width: 768px) {
  .media-header .input-form-media {
    grid-template-columns: min-content auto;
  }
}
.media-header .input-form-media .label-grid {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 20px;
  font-weight: 900;
}

.media-section {
  padding: 10px 0;
  margin: 10px 0;
  border-top: 1px solid #c7c7c7;
}

.media-section-title {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  margin-top: 3px;
}

.media-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .media-list {
    grid-template-columns: repeat(4, 1fr);
    justify-content: unset;
    padding-right: 20px;
    row-gap: 0;
  }
}
@media (min-width: 1024px) {
  .media-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1440px) {
  .media-list {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 1920px) {
  .media-list {
    grid-template-columns: repeat(12, 1fr);
  }
}

.media-item {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 30px 10px 20px 10px;
  cursor: pointer;
}
.media-item:hover {
  background-color: #f7f7f7;
}
.media-item:first-child .table-dropdown-list {
  right: auto;
  left: 0;
}
@media (max-width: 767px) {
  .media-item:nth-child(3n+4) .table-dropdown-list {
    right: auto;
    left: 0;
  }
}
@media (min-width: 768px) {
  .media-item:nth-child(4n+5) .table-dropdown-list {
    right: auto;
    left: 0;
  }
}
@media (min-width: 1024px) {
  .media-item:nth-child(4n+5) .table-dropdown-list {
    right: 0;
    left: auto;
  }
  .media-item:nth-child(6n+7) .table-dropdown-list {
    right: auto;
    left: 0;
  }
}
@media (min-width: 1440px) {
  .media-item:nth-child(6n+7) .table-dropdown-list {
    right: 0;
    left: auto;
  }
  .media-item:nth-child(9n+10) .table-dropdown-list {
    right: auto;
    left: 0;
  }
}
@media (min-width: 1920px) {
  .media-item:nth-child(9n+10) .table-dropdown-list {
    right: 0;
    left: auto;
  }
  .media-item:nth-child(12n+13) .table-dropdown-list {
    right: auto;
    left: 0;
  }
}

.media-item-btn {
  display: none !important;
  position: absolute !important;
  top: 0;
  right: 5px;
}
.media-item:hover .media-item-btn {
  display: block !important;
}
.media-item-btn .table-dropdown-list {
  left: auto;
  right: 0;
}

.media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .media-img {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
}

.media-img-name {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.media-drop {
  border: 1px dashed #c7c7c7;
  padding: 20px;
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.media-drop-active {
  border: 1px dashed #fec52e;
}

.media-drop-title {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  text-align: center;
}

.media-drop-divider {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  text-align: center;
}

.media-drop-btn {
  width: 20% !important;
  min-width: fit-content !important;
}

.media-modal-title {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  text-align: center;
  margin-top: 10px;
}

.media-modal-subtitle {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  text-align: center;
}

.media-modal-btns {
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
  padding-top: 15px;
  width: 80%;
  margin: 0 auto;
}
.media-modal-btns button {
  width: auto !important;
  margin: 0 !important;
}

.media-modal-btn {
  display: grid;
  grid-template-columns: auto;
  gap: 30px;
  padding-top: 15px;
  width: 80%;
  margin: 0 auto;
}
.media-modal-btn button {
  width: 162px !important;
  min-width: fit-content !important;
  margin: 0 auto !important;
}

.media-watermark-container {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 23px;
  padding: 5px 20px;
}

.media-watermark-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 147px;
  max-width: 147px;
  height: 100%;
  object-fit: contain;
  padding-top: 5px;
}

.media-watermark-info {
  display: grid;
  align-items: flex-start;
  gap: 18px;
}
.media-watermark-info .switch-text {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  order: 1;
  margin-right: 10px;
}
.media-watermark-info .switch-label {
  margin-right: 0;
  order: 2;
}

.media-watermark {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  gap: 5px;
}

.media-watermark-size {
  display: grid;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}
.media-watermark-size b {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.media-watermark-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  min-width: 100px;
}

.media-watermark-select {
  display: flex;
  align-items: center;
  gap: 28px;
  width: 100%;
}
.media-watermark-select .label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
  padding-left: 0;
}
.media-watermark-select .select-custom {
  width: 100%;
}

.media-watermark-btn {
  width: 52% !important;
  min-width: fit-content !important;
  margin: 0 auto !important;
  margin-top: 20px !important;
}

.media-watermark-drop {
  width: fit-content;
  height: auto;
  cursor: pointer;
  position: relative;
}
.media-watermark-drop:hover .org-cover-btn {
  display: flex;
}
.media-watermark-drop input {
  position: absolute;
  z-index: -9;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
}

.promotion-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 5px 10px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .promotion-container {
    min-width: fit-content;
    max-width: unset;
    padding: 2px 15px 20px 15px;
  }
}

.promotion-details-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 12px 10px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .promotion-details-container {
    min-width: fit-content;
    max-width: unset;
    padding: 15px 10px 20px 10px;
  }
}
.promotion-details-container .org-details-header {
  margin-bottom: 8px;
  letter-spacing: -0.7px;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .promotion-details-container .org-details-header {
    align-items: center;
  }
}

.promotion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
  gap: 20px;
}

.promotion-header-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 6px;
  width: 100%;
}
@media (min-width: 768px) {
  .promotion-header-list {
    justify-content: flex-start;
    padding-left: 25px;
    padding-top: 28px;
    gap: 50px;
  }
}

.promotion-header-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 350;
  color: #2c2e45;
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
  cursor: pointer;
}
.promotion-header-item span {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
}
.promotion-header-item:hover:not(.is-disabled) {
  border-color: #fec52e;
}
.promotion-header-item.is-disabled {
  color: #c7c7c7;
  cursor: default;
}
.promotion-header-item.is-active {
  font-weight: 900;
  border-color: #fec52e;
}

.promotion-header-btn {
  width: 100% !important;
  min-width: fit-content !important;
  margin: 0 !important;
  margin-top: 25px !important;
}
@media (min-width: 768px) {
  .promotion-header-btn {
    margin-top: 0 !important;
    width: 335px !important;
  }
}

.promotion-details-wrapper {
  border: 1px dashed #c7c7c7;
  padding: 10px;
  width: 100%;
}

.promotion-details-form {
  display: grid;
  grid-template-rows: 1fr;
  gap: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .promotion-details-form {
    gap: 20px;
    width: 33%;
    min-width: 360px;
  }
}
.promotion-details-form .input-form-autorow {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
}
.promotion-details-form .input-form-autorow:first-child .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}
.promotion-details-form .input-form-autorow .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-top: 3px;
  padding-left: 0;
}
.promotion-details-form .input-form-autorow .suplabel-grid {
  display: none;
}

.promotion-label,
.label,
.label-grid {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-left: 0;
}

.promotion-multi-form {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 0.4fr 1fr;
  width: 100%;
  gap: 10px;
}
.promotion-multi-form .input-form-autorow {
  display: flex;
  align-items: center;
}
.promotion-multi-form .grid-header {
  display: none;
}

.promotion-details-multi {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 0.6fr 1fr;
  gap: 10px;
  width: 100%;
}
.promotion-details-multi .grid-error {
  width: 279%;
}

.promotion-select-form {
  display: grid;
  align-items: center;
  grid-template-columns: 0.4fr 1fr;
  width: 100%;
  gap: 0 10px;
}
.promotion-select-form .input-error {
  grid-column: auto;
  grid-column-start: 2;
}

.promotion-details-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  gap: 10px;
  border-top: 1px solid #c7c7c7;
  margin-top: 13px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .promotion-details-footer {
    display: flex;
    justify-content: center;
    gap: 6rem;
  }
}
.promotion-details-footer button {
  margin: 0 !important;
  min-width: fit-content !important;
}
.promotion-details-footer .btn-primary {
  width: 100%;
}
@media (min-width: 768px) {
  .promotion-details-footer .btn-primary {
    width: 220px !important;
  }
}
.promotion-details-footer .btn-secondary {
  width: 100%;
}
@media (min-width: 768px) {
  .promotion-details-footer .btn-secondary {
    width: 156px !important;
  }
}

.campaign-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 7px 7px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .campaign-container {
    min-width: fit-content;
    max-width: unset;
    padding: 4px 5px 20px 5px;
  }
}

.campaign-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 14px;
  padding: 0 5px 10px 5px;
}
@media (min-width: 768px) {
  .campaign-header {
    display: flex;
    align-items: center;
    padding: 10px 16% 5px 5px;
    gap: 10px;
  }
}

.campaign-details-header {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: space-between;
  padding: 2px 0 15px 0;
  gap: 15px;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .campaign-details-header {
    grid-template-columns: 42% 43%;
    padding: 10px 2px 5px 2px;
    gap: 10px;
    margin-bottom: 14px;
  }
}
.campaign-details-header .input-form-autorow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 768px) {
  .campaign-details-header .input-form-autorow {
    display: flex;
    align-items: flex-start;
  }
}
.campaign-details-header .label-grid {
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  padding-top: 2px !important;
}
.campaign-details-header .suplabel-grid {
  display: none;
}

.campaign-select {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 8px;
}
@media (min-width: 768px) {
  .campaign-select {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
.campaign-select .label {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
}
.campaign-select .select-custom {
  width: 100%;
}

.campaign-table-wrapper {
  max-height: calc(100vh - 240px);
  overflow: auto;
  border: 1px dashed #000000;
  margin: 0 2px;
}
@media (min-width: 768px) {
  .campaign-table-wrapper {
    max-width: calc(100vw - 40px);
    margin: 0 10px;
  }
}
@media (min-width: 1440px) {
  .campaign-table-wrapper {
    width: 80%;
  }
}

.campaign-btn {
  width: 100% !important;
  min-width: fit-content !important;
  margin-top: 25px !important;
}
@media (min-width: 768px) {
  .campaign-btn {
    width: 18vw !important;
  }
}

.campaign-modal-update {
  display: grid;
  align-items: center;
  grid-template-columns: 34% calc(66% - 20px);
  gap: 20px;
  margin-top: 22px;
  padding: 0 10% 50px 10%;
}

.campaign-modal {
  margin-top: 22px;
  padding-bottom: 50px;
}
.campaign-modal button {
  width: 145px !important;
  min-width: fit-content !important;
}

.campaign-modal-delete {
  display: grid;
  align-items: center;
  grid-template-columns: calc(59% - 20px) 41%;
  gap: 20px;
  margin-top: 22px;
  padding: 0 10% 50px 10%;
}

.campaign-modal-copy {
  display: grid;
  grid-template-columns: 34% 66%;
  gap: 12px 0;
  padding: 5px 4% 22px 5%;
}
.campaign-modal-copy .suplabel-grid,
.campaign-modal-copy .grid-header {
  display: none;
}
.campaign-modal-copy .label-grid {
  padding-top: 2px;
}
.campaign-modal-copy .label-grid,
.campaign-modal-copy .label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.campaign-modal-btns {
  display: grid;
  align-items: center;
  grid-template-columns: calc(59% - 20px) 41%;
  gap: 20px;
  padding: 0 8%;
}

.campaign-modal-tables {
  padding-top: 5px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.campaign-modal-table {
  max-height: 200px;
  overflow: auto;
  border: 1px dashed #000000;
  width: 58%;
  margin: 0 auto;
}

.campaign-table-btn {
  width: 145px !important;
  min-width: fit-content !important;
  margin: 15px auto 15px auto !important;
}

.campaign-section-header .org-search-title {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  margin-bottom: 10px;
}

.campaign-section-wrapper {
  padding: 10px;
  border: 1px dashed #c7c7c7;
}

.campaign-section-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .campaign-section-fields {
    display: grid;
    grid-template-columns: min-content 1fr 1.2fr;
  }
}
.campaign-section-fields .input-form-autorow .suplabel-grid,
.campaign-section-fields .input-form-autorow .grid-header {
  display: none;
}
.campaign-section-fields .label-grid,
.campaign-section-fields .label {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
  padding-top: 2px;
}

.campaign-input {
  grid-column: span 2;
  width: 100% !important;
}
@media (min-width: 768px) {
  .campaign-input {
    width: 70% !important;
  }
}

.campaign-section-grid {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 35px min-content 85px auto;
  gap: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .campaign-section-grid {
    grid-template-columns: minmax(75px, 0.5fr) min-content minmax(150px, 1fr) minmax(150px, 1fr);
  }
}
.campaign-section-grid .grid-error {
  white-space: normal;
}
.campaign-section-grid .select-custom,
.campaign-section-grid .input-form-autorow,
.campaign-section-grid .campaign-section-text {
  padding-bottom: 10px;
}

.campaign-section-text {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-top: 5px;
}

.campaign-section-date {
  display: flex;
  align-items: flex-start;
}
.campaign-section-date .campaign-section-form {
  display: flex;
  padding-right: 10px;
}
.campaign-section-date.is-special {
  grid-column: span 2;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .campaign-section-date.is-special .campaign-section-form {
    padding-left: 0;
  }
}

.campaign-section-form {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) min-content;
  align-items: flex-start;
  gap: 0 10px;
  width: 50%;
}
.campaign-section-form .label {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .campaign-section-form .label {
    grid-column: auto;
  }
}
@media (min-width: 768px) {
  .campaign-section-form {
    grid-template-columns: min-content minmax(150px, 1fr) min-content;
    padding-left: 20px;
    width: 54%;
  }
}

.campaign-section-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 7px 10px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .campaign-section-container {
    min-width: fit-content;
    max-width: unset;
    padding: 14px 8px;
  }
}

.campaign-section-test {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 768px) {
  .campaign-section-test {
    grid-template-columns: min-content 1fr;
    padding-right: 60%;
  }
}
.campaign-section-test .grid-header,
.campaign-section-test .suplabel-grid {
  display: none;
}
.campaign-section-test .label {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .campaign-section-test button {
    margin-top: 5px !important;
  }
}

.campaign-toggle-section {
  padding-bottom: 15px;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 15px;
}

.order-container {
  width: 100%;
  max-width: 100%;
  background-color: #FFFFFF;
  padding: 2px 12px 50px 12px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .order-container {
    min-width: fit-content;
    max-width: unset;
    padding: 4px 5px 20px 5px;
  }
}

.order-toggle-section {
  padding-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 2px;
}
.order-toggle-section:not(:first-child) {
  padding-top: 10px;
}
.order-container .order-toggle-section:not(:first-child) {
  padding-top: 0;
}

.order-toggle-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding-top: 10px;
  margin-bottom: 18px;
  position: relative;
}
@media (min-width: 768px) {
  .order-toggle-header {
    display: flex;
    align-items: center;
    padding-left: 4px;
    margin-bottom: 12px;
  }
}
.order-toggle-header .suplabel-grid {
  display: none;
}
.order-toggle-header .input-form-grid {
  min-width: 300px;
}

.order-list {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .order-list {
    grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
    gap: 10px;
  }
}
.order-list .input-form-grid,
.order-list .select-custom {
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .order-list .input-form-grid,
  .order-list .select-custom {
    margin-bottom: 0;
  }
}
.order-list .grid-header {
  display: none;
}
.order-list .label {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-left: 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .order-list .label {
    align-items: flex-start;
    padding-top: 4px;
  }
}
.order-list .suplabel-grid {
  display: none;
}

.order-list-title {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin-bottom: 14px;
}

.order-retry-btns {
  display: flex;
  width: 100%;
  max-width: 308px;
  gap: 10px;
  margin-left: auto;
  justify-content: flex-end;
}

.order-list-btn {
  width: 144px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  min-width: fit-content !important;
}
@media (min-width: 768px) {
  .order-list-btn {
    grid-column: span 2;
  }
}

.order-find-container {
  padding-left: 8px;
  padding-right: 4px;
}
@media (min-width: 768px) {
  .order-find-container {
    padding-left: 14px;
  }
}

.order-btn {
  margin: 0 !important;
  min-width: fit-content !important;
}
@media (min-width: 768px) {
  .order-btn {
    width: 144px !important;
  }
}

.order-toggle-subtitle {
  display: none;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 350;
  color: #2c2e45;
}
@media (min-width: 768px) {
  .order-toggle-subtitle {
    display: block;
  }
}
.order-toggle-subtitle b {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.order-reports-table th:first-child,
.order-reports-table td:first-child {
  width: 100% !important;
  max-width: 65% !important;
}
.order-reports-table th:nth-child(2),
.order-reports-table td:nth-child(2) {
  width: 100% !important;
  max-width: 20% !important;
}
.order-reports-table th:last-child,
.order-reports-table td:last-child {
  width: 100% !important;
  max-width: 15% !important;
}

.order-table-container {
  max-height: calc(50vh - 240px);
  overflow: auto;
  border: 1px dashed #000000;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .order-table-container {
    max-width: 100vw;
  }
}
.order-table-container .org-table th,
.order-table-container .org-table td,
.order-table-container .org-table .tr-arrow {
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.order-cancel-status {
  color: #f15635;
}

.order-select {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 768px) {
  .order-select {
    display: flex;
    align-items: center;
  }
}
.order-select .label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}
.order-select .select-custom {
  min-width: 190px;
}

.order-link {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  margin-left: auto;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 15px;
}
@media (min-width: 768px) {
  .order-link {
    position: static;
    right: auto;
    top: auto;
  }
}

.order-sum-list {
  display: grid;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 10px;
  padding-left: 14px;
  min-width: fit-content;
  width: 86%;
}
.order-container .order-sum-list {
  gap: 4px 12px;
}

.order-main-list {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(3, 33.3333333333%);
  gap: 18px;
  width: 84%;
  padding-left: 14px;
  padding-top: 2px;
}

.order-main-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px 10px;
}
.order-main-item .order-sum-header {
  padding-bottom: 10px;
}
.order-main-item .order-sum-label {
  align-items: flex-start;
}
.order-main-item .select-custom {
  width: 80%;
}

.order-info-list {
  display: grid;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 9px;
  padding-left: 14px;
  min-width: fit-content;
  width: 100%;
}
.order-info-list .order-sum-label {
  padding-left: 10px;
}
.order-container .order-info-list .order-sum-label {
  padding-left: 0;
}
.order-container .order-info-list {
  padding-top: 2px;
  gap: 7px 12px;
}

.order-sum-label {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: pre-wrap;
}

.order-sum-item {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  word-break: break-word;
}

.order-sum-select {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  white-space: nowrap;
}
.order-sum-select .select-custom {
  min-width: 106px;
}

.order-sum-header {
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #525252;
  grid-column: span 2;
  padding-bottom: 6px;
}

.order-details-title {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  padding-top: 10px;
  padding-bottom: 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid #c7c7c7;
}

.order-sum-btn {
  width: 200px !important;
  min-width: fit-content !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.order-modal {
  padding-top: 20px;
  padding-bottom: 50px;
}

.order-modal-btn {
  width: auto !important;
  padding: 0 11% !important;
}

.order-main-btn {
  width: auto !important;
  padding: 0 4.5% !important;
  margin: 0 !important;
}

.order-modal-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.order-modal-btns .order-modal-btn {
  margin: 0 !important;
}

.order-modal-form {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 5px 10px;
  padding: 0 38px 24px 38px;
}
.order-modal-form .label-grid,
.order-modal-form .suplabel-grid,
.order-modal-form .grid-header {
  display: none;
}
.order-modal-form .project-textarea-label {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.order-modal-form .project-textarea-label .label {
  display: none;
}
.order-modal-form .project-textarea-label .input-error {
  grid-column: span 2;
}
.order-modal-form .project-textarea-label::placeholder {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}
.order-modal-form textarea::placeholder,
.order-modal-form input::placeholder {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.order-modal-label {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  white-space: nowrap;
  padding-top: 4px;
}
.order-modal-label span {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-left: 2px;
}

.order-label-required {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #f15d3f;
}

.order-modal-info {
  grid-column: span 2;
}

.order-modal-title {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 800;
  color: #9e9faf;
  padding-bottom: 2px;
}

.order-modal-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  list-style: decimal;
  list-style-position: inside;
}

.order-modal-item {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}
.order-modal-item b {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 800;
  color: #9e9faf;
}

.order-modal-err {
  grid-column: span 2;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #f15d3f;
  margin-top: -4px;
}

.order-header {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 50px;
  padding: 10px;
}
@media (min-width: 768px) {
  .order-header {
    justify-content: flex-start;
    padding: 0;
    padding-top: 10px;
  }
}

.order-header-item {
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 350;
  color: #2c2e45;
  border-bottom: 3px solid transparent;
  padding-bottom: 3px;
  cursor: pointer;
}
.order-header-item.is-active {
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
  border-color: #fec52e;
}
.order-header-item.is-disabled {
  opacity: 0.6;
}
.order-header-item:not(.is-disabled):hover {
  border-color: #fec52e;
}

.orderfull-container {
  width: 100%;
  max-width: 100%;
  background-color: #FFFFFF;
  padding: 7px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .orderfull-container {
    min-width: fit-content;
    max-width: unset;
    padding: 10px 8px 20px 3px;
  }
}

@media (min-width: 768px) {
  .orderfull-wrapper {
    padding-left: 26px;
  }
}

.orderfull-grid-list {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr;
  gap: 10px;
  padding-bottom: 11px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .orderfull-grid-list {
    grid-template-columns: repeat(2, minmax(min-content, 1fr)) repeat(2, minmax(min-content, 0.5fr));
  }
}
.orderfull-grid-list.part-view {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .orderfull-grid-list.part-view {
    grid-template-columns: 1fr repeat(4, minmax(min-content, 0.4fr));
    align-items: flex-end;
  }
}
.orderfull-grid-list.small-view {
  grid-template-columns: minmax(min-content, 175px) minmax(min-content, 175px) minmax(min-content, 175px);
}
@media (min-width: 768px) {
  .orderfull-grid-list.picture-day {
    grid-template-columns: minmax(28%, 1fr) repeat(3, minmax(min-content, 175px)) 1fr;
    align-items: flex-start;
  }
}
.orderfull-grid-list .label,
.orderfull-grid-list .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 0;
  white-space: nowrap;
}
.orderfull-grid-list .suplabel-grid {
  display: none;
}

.orderfull-justify-list {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
}
@media (min-width: 768px) {
  .orderfull-justify-list {
    display: flex;
  }
}
.orderfull-justify-list .btn-primary {
  align-self: center;
}
.orderfull-justify-list div:first-child {
  min-width: 280px;
}
.orderfull-justify-list .label,
.orderfull-justify-list .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 0;
  white-space: nowrap;
  margin-bottom: 2px;
}
.orderfull-justify-list .suplabel-grid {
  display: none;
}

.orderfull-btn-list {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-end;
  gap: 12px;
  padding-bottom: 11px;
}
@media (min-width: 768px) {
  .orderfull-btn-list {
    display: flex;
  }
}
.orderfull-btn-list span {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 350;
  color: #2c2e45;
}
.orderfull-btn-list span b {
  font-weight: 900;
}

.orderfull-table-title {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
  padding-bottom: 10px;
}

.order-table-subth {
  display: inline !important;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.order-custom-input .label,
.order-custom-input .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 0;
}
.order-custom-input .label span,
.order-custom-input .label-grid span {
  font-size: 12px;
  font-weight: 350;
}
.order-custom-input .grid-header {
  display: none;
}

.order-table-input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none !important;
  margin-right: 20px;
  width: 13px;
  min-width: 13px;
}

.order-table-td {
  display: flex;
  align-items: center;
}

.order-footer-controls {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: fit-content;
}
.order-footer-controls button {
  max-width: 200px !important;
  min-width: fit-content !important;
  margin: 0 !important;
}

.order-refund-amount .grid-error {
  display: none;
}

.order-refund {
  padding-left: 30px;
  margin-bottom: 20px;
}

.order-refund-toggle {
  margin-top: 15px;
  margin-bottom: 15px;
}

.order-refund-section {
  border-bottom: 1px solid #c7c7c7;
}

.order-refund-date {
  font-family: "avenir", sans-serif;
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 5px;
}

.order-refund-list {
  display: grid;
  grid-template-columns: minmax(150px, min-content) 1fr;
  gap: 10px 30px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.order-refund-item {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  word-break: break-word;
}
.order-refund-item span {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  white-space: nowrap;
}
.order-refund-item b {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
}

.order-refund-notif {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-bottom: 10px;
}

.accing-list {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 14px;
  padding-left: 25px;
}
@media (min-width: 768px) {
  .accing-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 3.5vw;
    padding-left: 9px;
  }
}

.accing-list-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding-top: 12px;
}
@media (min-width: 768px) {
  .accing-list-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    gap: 20px;
  }
}

.accing-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .accing-item {
    justify-content: unset;
  }
}
.accing-item span {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
.accing-item span b {
  font-size: 14px;
  font-weight: 900;
}

@media (min-width: 768px) {
  .accing-wrapper {
    padding-left: 20px;
  }
}

.accing-title {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  padding-left: 10px;
}

.accing-btn {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  padding: 0 5% !important;
}
@media (min-width: 768px) {
  .accing-btn {
    width: auto !important;
  }
}

.accing-footer-btn {
  width: 100% !important;
  margin: 0 auto !important;
  margin-top: 20px !important;
  padding: 0 5% !important;
}
@media (min-width: 768px) {
  .accing-footer-btn {
    width: auto !important;
  }
}

.accing-toggle-section {
  padding-bottom: 18px;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 2px;
}
.accing-toggle-section:not(:first-child) {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .accing-toggle-section {
    padding-bottom: 12px;
  }
}

.accing-toggle-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding-top: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .accing-toggle-header {
    display: flex;
    align-items: center;
    padding-left: 4px;
    margin-bottom: 0;
  }
}
.accing-toggle-header .suplabel-grid {
  display: none;
}
.accing-toggle-header .input-form-grid {
  min-width: 300px;
}

.accing-modal {
  padding: 0 18px;
}

.accing-modal-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 20px 12px 36px 12px;
  margin: 0 auto;
}
.accing-modal-form .label,
.accing-modal-form .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 3px;
  margin-bottom: 2px;
}
.accing-modal-form .grid-error {
  margin-top: 3px;
}
.accing-modal-form .accing-modal-input .input-form-grid {
  margin-left: 0;
  margin-right: 0;
}
.accing-modal-form .accing-modal-input,
.accing-modal-form .input-form-grid {
  margin-left: 3px;
  margin-right: 3px;
}
.accing-modal-form .accing-modal-input,
.accing-modal-form .accing-iframe-input {
  grid-column: span 2;
}

.accing-invite-modal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 10px;
  padding: 10px 28px 25px 28px;
  margin: 0 auto;
}
.accing-invite-modal .label,
.accing-invite-modal .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 0;
  margin-bottom: 0;
}
.accing-invite-modal .input-form-grid {
  gap: 10px;
}
.accing-invite-modal .accing-modal-input {
  grid-column: span 2;
}

.btn-accing-invite {
  width: 42% !important;
  min-width: fit-content !important;
}

.accing-modal-btns {
  display: grid;
  grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 0.5fr);
  align-items: center;
  gap: 20px;
}

.accing-plan-btns {
  display: grid;
  grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 0.65fr);
  align-items: center;
  gap: 15px;
  width: 73%;
  margin: 0 auto;
  margin-top: 20px;
}

.accing-modal-title {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin: 10px 0;
  text-align: center;
}

.input-form-accing-modal .suplabel-grid {
  display: none;
}
.input-form-accing-modal .input-grid,
.input-form-accing-modal .grid-error {
  width: 82%;
  margin: 0 auto;
}

.accing-info {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  padding-top: 12px;
  padding-left: 10px;
}

.accing-info-id {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  gap: 10px;
}
.accing-info-id b {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.iframe-wrapper {
  width: 800px;
  min-width: 800px;
  margin: 0 auto;
  border: 1px dashed #c7c7c7;
}

.iframe-page {
  padding: 20px;
}

.iframe-main-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-family: "Nunito", sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #525252;
  word-break: break-word;
  letter-spacing: -2px;
  word-spacing: 2px;
}
.iframe-main-title img {
  display: block;
  height: 50px;
  width: 50px;
  max-height: 50px;
  max-width: 50px;
  object-fit: contain;
}

.iframe-subheader {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .iframe-subheader {
    margin-bottom: 20px;
  }
}
.iframe-subheader.iframe-subheader-photographer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.iframe-subheader-title {
  display: flex;
  gap: 10px;
  width: 100%;
  font-family: "Nunito", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #525252;
}
@media (min-width: 992px) {
  .iframe-subheader-title {
    font-size: 36px;
    letter-spacing: -0.5px;
  }
}

.iframe-subheader-order {
  margin-top: 5px;
  margin-bottom: 5px;
}
.iframe-subheader-photographer .iframe-subheader-order {
  margin: 0;
}

.iframe-subheader-order,
.iframe-subheader-message {
  display: block;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #525252;
}

.iframe-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 8px;
  padding-top: 15px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .iframe-head {
    display: grid;
    gap: 20px;
    padding-top: 0;
    padding-bottom: 16px;
  }
}

.iframe-head-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 6px 0;
}

.iframe-head-title {
  display: flex;
  font-family: "Nunito", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #525252;
}

.iframe-head-grade {
  display: flex;
  align-items: center;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #525252;
  margin-top: 5px;
}

.iframe-table {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 25px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .iframe-table {
    gap: 12px;
    padding-left: 15%;
  }
}

.iframe-table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 22px;
}

.iframe-table-name {
  display: flex;
  align-items: center;
  font-family: "Nunito", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #525252;
}
.iframe-table-name button {
  display: flex;
  align-items: flex-end;
  background-color: transparent;
  border: none;
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #c7c7c7;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 10px;
}
.iframe-table-name button::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.iframe-table-name button:focus {
  outline: none;
}

.iframe-table-price {
  display: flex;
  align-items: center;
  font-family: "Nunito", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #2d4c85;
}

.iframe-table-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}
@media (min-width: 992px) {
  .iframe-table-body {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 8px;
    padding-top: 2px;
  }
}

.iframe-table-img {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 992px) {
  .iframe-table-img {
    flex-direction: column;
  }
}

.iframe-img {
  width: 80px;
  max-width: 80px;
  max-height: 100px;
  object-fit: contain;
}
@media (min-width: 992px) {
  .iframe-img {
    width: 120px;
    max-width: 120px;
    max-height: 150px;
    margin: 0 10px;
  }
}

.iframe-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  width: 100%;
  text-align: center;
  word-break: break-word;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2c2e45;
}
@media (min-width: 992px) {
  .iframe-alt {
    margin-top: 5px;
  }
}

.iframe-body-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 992px) {
  .iframe-body-list {
    grid-column-start: 2;
  }
}
@media (min-width: 992px) {
  .iframe-body-list.is-iframe-head {
    grid-column-start: 1;
    grid-column: span 2;
  }
}

.iframe-body-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.is-iframe-head .iframe-body-item {
  grid-template-columns: calc(149px + 23%) 1fr 1fr;
}
.iframe-body-item span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #2d4c85;
  text-align: left;
}
.iframe-body-item span:first-child {
  align-items: flex-start;
  color: #828282;
}
.iframe-body-item span:nth-child(2) {
  align-items: flex-start;
}
.iframe-body-item span:last-child:not(:first-child):not(:nth-child(2)) {
  align-items: flex-end;
  text-align: right;
}
.iframe-body-item span:nth-child(even):not(:nth-child(2)) {
  grid-column-start: 2;
}
.iframe-body-item span:nth-child(2n+3) {
  align-items: flex-end;
}
.iframe-body-item.is-quantity span:last-child {
  grid-column-start: 3;
  align-items: flex-end;
  text-align: right;
}
.iframe-body-item div {
  display: flex;
  align-items: flex-end;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #2d4c85;
}

.iframe-payment {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 10px 0;
  border-top: 0.5px solid #000000;
}
@media (min-width: 1024px) {
  .iframe-payment {
    padding: 20px 0 20px calc(152px + 32%);
  }
}

.iframe-payment-item {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #2c2e45;
}
.iframe-payment-item span {
  display: inline-block;
  gap: 3px;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #2c2e45;
}
.iframe-payment-item b {
  display: inline-block;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #2c2e45;
}
.iframe-payment-item.total {
  font-size: 18px;
}
.iframe-payment-item.total span,
.iframe-payment-item.total b {
  font-size: 18px;
}

.iframe-header {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 32px 20px 0px 10px;
  background-color: #fff;
}

.iframe-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1024px) {
  .iframe-header-icon {
    height: 14px;
  }
}

.iframe-header-title {
  font-family: "SF Pro Text";
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.9px;
  color: #000000;
}
@media (min-width: 1024px) {
  .iframe-header-title {
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}

.iframe-header-container {
  display: flex;
  align-items: center;
  gap: 14px;
}

.iframe-content {
  padding: 26px 32px 0 78px;
}

.iframe-footer-info {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #525252;
  padding-top: 40px;
  padding-bottom: 60px;
}

.iframe-footer-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  padding-bottom: 140px;
}
.iframe-footer-list.is-delivery {
  padding-bottom: 20px;
}

.iframe-footer-item {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #525252;
}
.iframe-footer-item.delivery-name {
  font-weight: 900;
  color: #2c2e45;
  margin-bottom: 5px;
}

.iframe-pdf-btn {
  margin-left: auto;
}

.iframe-photographer {
  border: 0.5px solid #9e9faf;
  padding: 5px;
  margin-top: 6px;
  width: 100%;
}

.iframe-photographer-title {
  display: block;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #9e9faf;
}

.iframe-photographer-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  gap: 22px;
  width: 100%;
  padding-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.iframe-photographer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #9e9faf;
  border-bottom: 0.5px solid #9e9faf;
  padding-bottom: 30px;
}

.iframe-order {
  margin-bottom: 20px;
}

.invoice-preview-capture-root {
  width: 100%;
}

.iframe-order-list-img {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .iframe-order-list-img {
    flex-direction: column;
  }
}

.iframe-order-img {
  width: 80px;
  max-width: 80px;
  max-height: 100px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 1024px) {
  .iframe-order-img {
    width: 120px;
    max-width: 120px;
    max-height: 150px;
    margin: 0 10px;
  }
}

.iframe-order-image-protect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  user-select: none;
}

.brand {
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 10px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .brand {
    min-width: fit-content;
    max-width: unset;
    padding: 20px 8px 20px 8px;
  }
}

.brand-section-title, .brand-section-header {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .brand-section-title, .brand-section-header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.brand-preview-btn {
  width: 200px !important;
  min-width: fit-content !important;
  margin: 0 auto !important;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}

.brand-section {
  padding-bottom: 10px;
  margin-bottom: 16px;
  border-bottom: 1px solid #c7c7c7;
}

.brand-section-header .org-search-title {
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
}

.brand-section-title {
  padding-left: 15px;
  padding-top: 10px;
  border-top: 1px solid #c7c7c7;
}
.brand-section-title .org-subtitle {
  margin-left: 10px;
}

.brand-input-label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
  margin-top: 0 !important;
  padding-left: 0 !important;
}

.brand-input-sublabel {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.brand-business {
  display: flex;
  gap: 24px;
  padding-left: 17px;
  padding-top: 5px;
  padding-bottom: 20px;
}

.brand-business-logo {
  display: flex;
  gap: 10px;
}
.brand-business-logo b {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}
.brand-business-logo span {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.brand-business-img {
  width: 66px;
  min-width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  object-position: center;
}
.brand-business-img .org-cover-mock {
  height: 100%;
}

.brand-business-form {
  display: grid;
  grid-template-columns: max-content minmax(min-content, 170px) 1fr;
  align-items: flex-start;
  gap: 20px 10px;
}
.brand-business-form .grid-header {
  display: none;
}

.brand-business-input {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.brand-business-input .brand-business-protocol {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-top: 5px;
}

.brand-business-label {
  grid-column-start: 1;
}

.brand-business-sublabel {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-top: 5px;
}

.brand-color {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  width: 83%;
  min-width: min-content;
  gap: 22px;
  padding-left: 17px;
  padding-top: 5px;
  padding-bottom: 20px;
}

.brand-color-select {
  display: flex;
  align-items: center;
  gap: 28px;
  position: relative;
}
.brand-color-select .select-custom {
  width: 100%;
  min-width: 168px;
}
.brand-color-select .btn-colorpicker {
  width: 100%;
  min-width: 154px;
}

.brand-theme-container {
  display: grid;
  grid-template-columns: 400px 1fr;
  width: 100%;
  gap: 24px;
  padding-top: 7px;
  padding-left: 17px;
  padding-bottom: 20px;
}

.brand-theme-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  margin-bottom: 2px;
}
.brand-theme-title b {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.brand-theme-back {
  height: 225px;
  max-height: 225px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.brand-theme-back .org-cover-mock {
  height: 100%;
}

.brand-theme {
  position: relative;
  display: grid;
  grid-template-columns: 460px auto;
  align-items: center;
  gap: 14px;
}

.brand-theme-img {
  width: 460px;
  max-width: 460px;
  height: 262px;
  object-fit: contain;
  object-position: center;
}

.brand-theme-list {
  display: grid;
  gap: 17px;
  padding-right: 20px;
}

.brand-details {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  align-items: flex-start;
  gap: 18px;
  padding-top: 7px;
  padding-left: 17px;
  padding-bottom: 25px;
}

.brand-details-input .input-form-grid {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.brand-details-input .grid-header {
  width: auto;
}
.brand-details-input .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  white-space: nowrap;
  margin-top: 0 !important;
  padding-left: 0 !important;
}

.brand-details-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.brand-greeting {
  padding-top: 6px;
  padding-left: 7px;
}
.brand-greeting .org-section-price {
  border-bottom: unset;
}

.signin-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 50px;
  background-color: #f7f7f7;
  min-height: 100vh;
  min-width: 100vw;
}
@media (min-width: 1024px) {
  .signin-wrapper {
    padding-top: 50px;
    padding-bottom: 105px;
  }
}
.signin-wrapper .sm-notif-contacts {
  width: calc(100% - 20px);
  max-width: 520px;
  margin: 0 auto;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .signin-wrapper .sm-notif-contacts {
    width: 50%;
  }
}
.signin-wrapper .sm-notif-contacts .sm-notif-user.icon-user {
  height: 13px;
}

.signin-container {
  background-color: #ffffff;
  border: 1px dashed #c7c7c7;
  padding: 50px 5px;
  width: calc(100% - 20px);
  max-width: 520px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .signin-container {
    padding: 50px 20px 44px 20px;
    width: 50%;
  }
}

.signin-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  object-position: center;
  height: 180px;
  width: auto;
  min-width: 126px;
  margin: 0 auto;
  margin-bottom: 28px;
}

.signin-separator {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  width: 100%;
  padding: 25px 0;
}
.signin-separator::before, .signin-separator::after {
  content: "";
  height: 1px;
  background-color: #c7c7c7;
  flex-grow: 1;
}
.signin-separator::before {
  margin-right: 10px;
}
.signin-separator::after {
  margin-left: 10px;
}

.signin-invite-header {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 12px;
}

.signin-invite-heading {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  text-align: center;
}

.signin-invite-name {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  text-align: center;
}

.signin-invite-content {
  width: 100%;
  margin: 0 auto;
  margin-top: 44px;
}
@media (min-width: 1024px) {
  .signin-invite-content {
    width: 73%;
    margin-top: 4vh;
  }
}

.signin-invite-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 1024px) {
  .signin-invite-section {
    gap: 13px;
  }
}

.signin-invite-title {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  text-align: center;
}

.signin-invite-subtitle {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  text-align: center;
  line-height: 1.4;
}

.signin-invite-btn {
  width: min-content !important;
  height: 42px !important;
  margin: 0 auto !important;
}
.signin-invite-btn.btn-primary {
  color: #ffffff !important;
  min-width: 50% !important;
}
.signin-invite-btn.btn-secondary {
  min-width: 57% !important;
}

.staff-page {
  background-color: #f7f7f7;
  padding: 48px 10px;
  min-height: 100vh;
  max-width: 100vw;
}

.staff-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 3px;
  padding-right: 9px;
}

.staff-header-item {
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
  border-bottom: 3px solid #fec52e;
  padding-bottom: 2px;
}

.staff-header-btn {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.staff-header-btn:focus {
  outline: none;
}
.staff-header-btn:disabled {
  color: #c7c7c7;
  cursor: default;
}

.staff-container {
  background-color: #ffffff;
  padding: 10px 20px;
  width: 100%;
}

.staff-section {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 16px;
  margin-bottom: 10px;
  width: 100%;
}

.staff-section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .staff-section-title {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 7px;
  }
}

.staff-form {
  display: grid;
  grid-template-columns: minmax(auto, 30%) minmax(auto, 25%) minmax(auto, 24%) auto auto;
  gap: 24px;
  padding-left: 10px;
  padding-right: 50px;
  width: 100%;
}
@media (min-width: 1440px) {
  .staff-form {
    width: calc(100% - 10.5vw);
  }
}
.staff-form .input-form-grid {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding-top: 7.5px;
}
.staff-form .grid-header {
  width: auto;
}
.staff-form .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.staff-form-btn {
  min-width: 170px !important;
  width: auto !important;
}

.staff-table-wrapper {
  max-height: calc(100vh - 240px);
  overflow: auto;
  border: 1px dashed #000000;
  width: 100%;
}
@media (min-width: 1440px) {
  .staff-table-wrapper {
    width: calc(100% - 10.5vw);
  }
}

.staff-table {
  overflow: auto;
  height: auto;
  max-height: 100%;
  border-collapse: collapse;
  background-color: #fff;
  width: 100%;
}
.staff-table tr {
  display: block;
  width: 100%;
}
.staff-table thead {
  display: block;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.staff-table thead th {
  font-size: 16px;
  font-weight: 900;
  font-family: "avenir", sans-serif;
  text-align: center;
  color: #2c2e45;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #000;
}
.staff-table tbody {
  display: block;
  height: auto;
}
.staff-table tbody td {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.card .staff-table tbody td {
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}
.staff-table tbody td:first-child {
  text-align: left;
}
.staff-table tbody tr {
  width: 100%;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
.staff-table tbody tr:nth-of-type(odd) {
  background-color: #f7f7f7;
}
.staff-table tbody tr:not(:last-of-type) > .td {
  border-bottom: 0;
}
.staff-table th,
.staff-table td {
  align-items: baseline;
  align-self: baseline;
}
.staff-table th {
  padding-top: 7px;
  padding-right: 2px;
  padding-left: 2px;
}
.staff-table td {
  padding: 4px;
}
.staff-table .tr-arrow {
  gap: 2px;
  justify-content: unset;
}
.staff-table div,
.staff-table .tr-right {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.staff-table .tr-right,
.staff-table .td-right {
  justify-content: flex-end;
  text-align: right;
}
.staff-table .tr-left,
.staff-table .td-left {
  justify-content: flex-start;
  text-align: left;
}
.staff-table .tr-center,
.staff-table .td-center {
  justify-content: center;
  text-align: center;
}

.staff-table td:first-child,
.staff-table th:first-child {
  width: 100% !important;
  max-width: 30% !important;
}
.staff-table td:nth-child(2),
.staff-table th:nth-child(2) {
  width: 100% !important;
  max-width: 22% !important;
}
.staff-table td:nth-child(3),
.staff-table th:nth-child(3) {
  width: 100% !important;
  max-width: 17% !important;
}
@media (min-width: 1440px) {
  .staff-table td:nth-child(3),
  .staff-table th:nth-child(3) {
    max-width: 23% !important;
  }
}
.staff-table td:nth-child(4),
.staff-table th:nth-child(4) {
  width: 100% !important;
  max-width: 13% !important;
}
@media (min-width: 1440px) {
  .staff-table td:nth-child(4),
  .staff-table th:nth-child(4) {
    max-width: 9% !important;
  }
}
.staff-table td:last-child,
.staff-table th:last-child {
  width: 100% !important;
  max-width: 18% !important;
  padding-left: 5%;
  padding-right: 2%;
}
@media (min-width: 1440px) {
  .staff-table td:last-child,
  .staff-table th:last-child {
    max-width: 16% !important;
    padding-left: 8%;
  }
}

.staff-table {
  display: block;
}
.staff-td-closed {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #f15d3f;
}

.logo {
  width: 72px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='1007' height='300' viewBox='0 0 1007 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144.355 123.634H134.947L128.844 170.106L137.963 172.308L144.355 123.634Z' fill='white'/%3E%3Cpath d='M203.007 45.2153C202.096 44.8085 201.069 44.5847 199.96 44.5847H133.03C131.921 44.5847 130.833 44.8085 129.816 45.2153C126.769 46.4359 124.364 49.2939 123.927 52.63L118.734 92.1801C118.663 92.7344 118.648 93.2786 118.684 93.8024C118.953 97.4691 121.831 100.225 125.722 100.225H192.652C196.538 100.225 200.148 97.4691 201.379 93.8024C201.557 93.2786 201.684 92.7344 201.756 92.1801L206.948 52.63C207.019 52.0757 207.034 51.5316 206.999 51.0077C206.805 48.3887 205.28 46.2324 203.012 45.2153H203.007Z' fill='%23EC563D'/%3E%3Cpath d='M177.65 123.634H168.242L154.679 226.911L163.797 229.113L177.65 123.634Z' fill='white'/%3E%3Cpath d='M160.207 237.773C158.844 236.222 156.886 235.368 154.699 235.368H146.328L161 123.634H151.592L128.448 299.868H137.856L145.088 244.807L152.314 244.914L145.098 299.868H154.506L161.89 243.637C162.18 241.425 161.58 239.345 160.207 237.773Z' fill='%23EC563D'/%3E%3Cpath d='M103.981 299.858L104.546 299.975L104.841 297.732L119.375 187.066L126.602 187.173L111.803 299.873H121.211L136.178 185.896C136.468 183.684 135.867 181.599 134.494 180.028C133.131 178.476 131.179 177.622 128.987 177.622H120.616L127.705 123.639H118.297L96.9276 286.401L95.2646 297.773C98.1278 298.546 101.021 299.263 103.981 299.863V299.858Z' fill='%23EC563D'/%3E%3Cpath d='M273.258 43.9491C248.395 15.6075 212.598 0 172.463 0C89.04 0 12.2537 67.8714 1.29946 151.294C-7.77311 220.366 31.4159 280.533 95.2596 297.767L96.9225 286.396C39.3493 269.573 4.10667 214.243 12.3554 151.437C22.5163 74.035 93.7543 11.0661 171.151 11.0661C208.326 11.0661 241.478 25.5141 264.496 51.7503C287.797 78.3069 297.907 113.661 292.964 151.294C284.716 214.116 234.944 269.472 172.931 286.361L171.405 297.859C239.856 280.746 294.943 220.554 304.015 151.442C309.35 110.814 298.426 72.6416 273.258 43.9542V43.9491Z' fill='white'/%3E%3Cpath d='M194.3 123.634H184.892L162.032 297.732L161.732 300L162.465 299.863C165.47 299.288 168.445 298.596 171.4 297.859L172.926 286.361L194.295 123.634H194.3Z' fill='white'/%3E%3Cpath d='M395.132 234.005H376.657L393.642 104.67H412.118L395.132 234.005Z' fill='white'/%3E%3Cpath d='M599.84 234.005H581.364L591.296 158.379C595.176 128.816 587.487 117.979 568.767 117.979C551.273 117.979 538.392 129.803 534.638 158.379L524.706 234.005H506.231L516.163 158.379C520.043 128.816 511.611 117.979 493.634 117.979C475.656 117.979 463.258 129.803 459.505 158.379L449.573 234.005H431.097L448.083 101.812L466.559 107.539L464.489 120.441C472.595 109.359 484.404 101.965 499.675 101.965C517.902 101.965 527.697 111.821 532.238 124.138C541.494 111.821 553.379 101.965 574.321 101.965C600.679 101.965 615.147 117.486 610.194 155.175L599.84 234.005Z' fill='white'/%3E%3Cpath d='M726.444 234.005H707.968L710.038 218.24C699.628 228.096 685.689 236.716 667.213 236.716C647.008 236.716 627.154 226.616 631.258 195.33C635.078 166.261 660.587 153.944 686.207 153.944C699.262 153.944 710.42 157.148 717.509 161.338L719.513 146.066C722.035 126.853 714.152 117.491 695.183 117.491C681.631 117.491 670.066 121.188 658.659 127.346L653.731 112.319C665.876 106.16 681.697 101.97 698.448 101.97C726.287 101.97 742.219 113.794 738.273 143.849L726.434 234.01L726.444 234.005ZM712.144 202.226L715.571 176.112C707.811 171.433 699.054 168.722 683.288 168.722C664.319 168.722 651.789 177.836 649.653 194.094C647.13 213.307 656.625 221.683 672.39 221.683C689.137 221.683 702.832 213.063 712.144 202.221V202.226Z' fill='white'/%3E%3Cpath d='M855.748 107.533L853.841 119.205C846.086 108.861 835.905 101.965 819.641 101.965C792.546 101.965 767.764 125.612 761.743 171.433C755.757 217.004 773.612 236.716 799.482 236.716C816.971 236.716 830.423 228.096 840.833 218.24L839.958 224.892C836.012 254.942 824.671 266.278 781.393 267.509H770.174L767.433 281.555H785.461C833.693 280.075 853.643 261.35 858.754 222.431L874.219 101.812L855.743 107.539L855.748 107.533ZM842.969 201.977C832.365 213.312 820.063 220.696 806.266 220.696C785.817 220.696 775.733 203.701 780.005 171.184C784.566 136.45 797.585 117.974 819.016 117.974C834.288 117.974 845.72 126.594 851.441 137.436L842.963 201.977H842.969Z' fill='white'/%3E%3Cpath d='M1006.01 168.473C1000.25 212.321 971.917 236.711 940.387 236.711C908.857 236.711 887.787 213.312 893.544 169.455C899.301 125.607 927.536 101.96 959.066 101.96C990.596 101.96 1011.76 124.626 1006.01 168.473ZM987.463 168.967C991.928 134.965 978.889 117.974 956.467 117.974C934.045 117.974 916.79 134.97 912.325 168.967C907.86 202.963 920.558 220.697 942.975 220.697C965.392 220.697 982.993 202.963 987.458 168.967H987.463Z' fill='white'/%3E%3Cpath d='M396.19 78.912H415.414L418.089 58.5292H398.865L396.19 78.912Z' fill='%23EC563D'/%3E%3C/svg%3E%0A");
}
@media (min-width: 768px) {
  .logo {
    width: 98px;
    height: 24px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .logo {
    margin-bottom: 38px;
  }
}

.nav-pages {
  display: flex;
  flex-direction: column;
  padding: 22px 10px;
  gap: 39px;
  border-top: 1px solid #c7c7c7;
}
@media (min-width: 768px) {
  .nav-pages {
    padding: 0;
    gap: 20px;
    border: none;
  }
}
@media (min-width: 1200px) {
  .nav-pages {
    gap: 40px;
    padding: 0 8px;
  }
}

.nav-item-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-align: left;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  background-color: transparent;
  border: none;
}
.nav-item.active .nav-item-title, .nav-item-title:hover {
  color: #fec52e;
}
.nav-item-title:focus {
  outline: none;
}

.nav-item {
  position: relative;
}

.subnav {
  display: none;
  flex-direction: column;
  margin-left: 25px;
  padding-top: 21px;
  transition: all 0.3s;
  gap: 24px;
  position: relative;
}
.is-open > .subnav {
  display: flex;
}
.subnav::before {
  content: "";
  display: block;
  height: calc(100% - 26px);
  width: 1px;
  background-color: #9e9faf;
  position: absolute;
  top: 26px;
  left: -14px;
}
@media (min-width: 768px) {
  .subnav::before {
    content: none;
  }
}
@media (min-width: 768px) {
  .subnav {
    padding-top: 24px;
    margin-left: 20px;
    gap: 11px;
    overflow: hidden;
  }
}

.subnav-item-title {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #9e9faf;
  cursor: pointer;
  transition: text-shadow 0.2s;
}
.subnav-item.active .subnav-item-title, .subnav-item:hover .subnav-item-title {
  color: #fec52e;
  font-weight: 900;
}

.data {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  padding: 4px 10px;
  background-color: #7d7e8e;
  gap: 2px;
  margin-bottom: 10px;
  container-type: inline-size;
  z-index: 9;
}
@media (min-width: 768px) {
  .data {
    display: flex;
  }
}

.data-content {
  display: flex;
  align-items: center;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  min-width: fit-content;
  margin-bottom: 8px;
}

.data-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1 1 auto;
  gap: 30px;
}
@media (min-width: 1024px) {
  .data-list {
    gap: 10px;
  }
}
@media (min-width: 1920px) {
  .data-list {
    gap: 20px;
  }
}

.data-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 28px;
  padding-top: 10px;
  color: #ffffff;
  width: -webkit-fill-available;
}
@container (min-width: 1150px) {
  .data-item {
    font-size: 48px;
  }
}

.data-sum {
  display: flex;
  align-items: flex-start;
  font-size: 0.8em;
  font-weight: 900;
  margin-bottom: 4px;
  position: relative;
}
.data-sum sup {
  font-size: 0.6em;
  font-weight: 900;
  margin-right: 5px;
}
.data-sum .data-pennies {
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-right: 0;
  margin-left: 5px;
}

.data-sup-sum {
  position: relative;
}
.data-sup-sum::after {
  content: "";
  position: absolute;
  top: -10px;
  right: -20px;
  width: 13px;
  height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.401' height='12.4' viewBox='0 0 12.401 12.4'%3E%3Cg style='fill:%23fff;opacity:.5'%3E%3Cpath d='M10.577 12.1H1.421c-.461 0-.892-.205-1.182-.564a1.515 1.515 0 0 1-.306-1.275 6.245 6.245 0 0 1 2.132-3.519 6.182 6.182 0 0 1 1.823-1.038 3.305 3.305 0 0 1-1.176-2.517A3.298 3.298 0 0 1 6-.1c1.422 0 2.675.904 3.122 2.248a3.28 3.28 0 0 1-1.008 3.556 6.23 6.23 0 0 1 3.037 2.379l.003.004c.065.098.289.449.465.851.242.553.428 1.187.43 1.192a.568.568 0 0 1 .018.132c.096.45-.015.916-.306 1.274-.29.358-.722.564-1.183.564zM5.875 6.472c-2.325.057-4.356 1.748-4.83 4.02a.391.391 0 0 0 .08.328.37.37 0 0 0 .292.141h9.16a.376.376 0 0 0 .296-.14.39.39 0 0 0 .08-.328.568.568 0 0 1 .01-.27 10.341 10.341 0 0 0-.304-.76 3.757 3.757 0 0 0-.453-.745 5.06 5.06 0 0 0-4.08-2.246 2.97 2.97 0 0 1-.127.002l-.124-.002zM6 1.037c-1.185 0-2.15.964-2.15 2.15a2.154 2.154 0 0 0 2.037 2.148c.038-.002.076-.002.113-.002h.112A2.154 2.154 0 0 0 8.15 3.187c0-1.185-.965-2.15-2.15-2.15z' style='stroke:none' transform='translate(.201 .2)'/%3E%3Cpath d='M1.42 12h9.157a1.423 1.423 0 0 0 1.39-1.727.467.467 0 0 1-.737.384c-.012-.008-.074-.19-.162-.436a.466.466 0 0 0-.017.251.491.491 0 0 1-.1.411.476.476 0 0 1-.374.178H1.422a.472.472 0 0 1-.374-.178.493.493 0 0 1-.1-.41 5.18 5.18 0 0 1 4.927-4.1l.124.001c.042 0 .084 0 .125-.002a5.155 5.155 0 0 1 4.165 2.29c.015.023.25.304.461.76.118.257.231.559.318.8a.468.468 0 0 1 .899.051.467.467 0 0 0-.016-.117 11.302 11.302 0 0 0-.425-1.178c-.193-.443-.445-.819-.46-.84a6.098 6.098 0 0 0-3.158-2.4A3.185 3.185 0 0 0 6 0a3.192 3.192 0 0 0-3.187 3.187c0 1.043.503 1.97 1.28 2.552a6.108 6.108 0 0 0-1.964 1.08A6.122 6.122 0 0 0 .03 10.282 1.421 1.421 0 0 0 1.42 12M6 .937c1.24 0 2.25 1.009 2.25 2.25a2.254 2.254 0 0 1-2.137 2.247l-.114-.001c-.037 0-.075 0-.113.002a2.254 2.254 0 0 1-2.137-2.248C3.75 1.945 4.76.936 6 .936M10.577 12.2H1.422c-.493 0-.952-.219-1.261-.6a1.614 1.614 0 0 1-.326-1.36A6.345 6.345 0 0 1 2 6.666a6.282 6.282 0 0 1 1.696-.996 3.405 3.405 0 0 1-1.085-2.482A3.398 3.398 0 0 1 6-.2c1.465 0 2.756.931 3.217 2.317a3.38 3.38 0 0 1-.912 3.552 6.332 6.332 0 0 1 2.929 2.358l.003.005c.066.1.294.456.474.866.228.52.417 1.141.434 1.206.013.048.02.097.022.146.099.478-.02.97-.328 1.349-.31.382-.77.601-1.26.601zM5.876 6.572c-2.279.057-4.268 1.714-4.732 3.941a.292.292 0 0 0 .059.244c.053.067.13.104.214.104h9.16a.277.277 0 0 0 .218-.103.29.29 0 0 0 .06-.245.67.67 0 0 1 .003-.284 10 10 0 0 0-.29-.723 3.722 3.722 0 0 0-.445-.732 4.96 4.96 0 0 0-3.997-2.201 3.158 3.158 0 0 1-.127.001l-.123-.002zm5.51 3.946a.267.267 0 0 0 .38-.221.27.27 0 0 0-.31-.183.267.267 0 0 0-.172.118l.036.1.067.186zM6 1.137c-1.13 0-2.05.92-2.05 2.05a2.054 2.054 0 0 0 1.938 2.047l.112-.001h.11a2.054 2.054 0 0 0 1.94-2.047c0-1.13-.919-2.05-2.05-2.05z' style='fill:%23fff;stroke:none' transform='translate(.201 .2)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.data-label {
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.data-cent {
  font-size: 16px;
  font-weight: 900;
  text-decoration: underline;
  font-size: 16px;
}
@container (min-width: 1150px) {
  .data-cent {
    font-size: 28px;
  }
}

.data-control {
  display: grid;
  grid-template-columns: auto 170px;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.data-date {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 350;
  color: silver;
  margin-right: auto;
}

.data-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 8px 4px 10px;
  border-radius: 2px;
}

.card-chart {
  padding-top: 25px;
}

.card-header-thumb {
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  gap: 5px;
  margin-bottom: 9px;
  padding-bottom: 8px;
}
.col-2 .card-header-thumb {
  min-width: fit-content;
  width: 50%;
}

.card-subtitle {
  font-size: 12px;
  font-weight: 350;
  letter-spacing: 0.75px;
  color: #7d7e8e;
}

.card-body {
  flex: 1 1 auto;
  border: dashed 1px #c7c7c7;
  overflow-x: auto;
}
.card-body.card-table {
  overflow: auto;
}

.card-body-limited {
  max-height: 300px;
}

.modal-table-container {
  border: 1px dashed #2c2e45;
  overflow: auto;
  margin-bottom: 20px;
}

.card-table,
.org-table,
.price-table {
  width: 100%;
  border-collapse: collapse;
}
.card-table table,
.org-table table,
.price-table table {
  overflow: auto;
  height: auto;
  max-height: 100%;
  border-collapse: collapse;
  background-color: #FFFFFF;
  width: 100%;
}
.card-table tr,
.org-table tr,
.price-table tr {
  display: block;
  width: 100%;
}
.card-table thead,
.org-table thead,
.price-table thead {
  display: block;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 1;
}
.card-table thead th,
.org-table thead th,
.price-table thead th {
  font-size: 16px;
  font-weight: 900;
  font-family: "avenir", sans-serif;
  text-align: center;
  color: #2c2e45;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #000000;
}
.card .card-table thead th,
.card .org-table thead th,
.card .price-table thead th {
  font-size: 14px;
}
.card-table thead th .tr-arrow,
.org-table thead th .tr-arrow,
.price-table thead th .tr-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-table thead th:first-child,
.org-table thead th:first-child,
.price-table thead th:first-child {
  text-align: left;
}
.card-table thead th:first-child .tr-arrow,
.org-table thead th:first-child .tr-arrow,
.price-table thead th:first-child .tr-arrow {
  justify-content: flex-start;
}
.card-table tbody,
.org-table tbody,
.price-table tbody {
  display: block;
  height: auto;
}
.card-table tbody td,
.org-table tbody td,
.price-table tbody td {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.card .card-table tbody td,
.card .org-table tbody td,
.card .price-table tbody td {
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}
.card-table tbody td:first-child,
.org-table tbody td:first-child,
.price-table tbody td:first-child {
  text-align: left;
}
.card-table tbody tr,
.org-table tbody tr,
.price-table tbody tr {
  width: 100%;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
.card-table tbody tr:nth-of-type(odd),
.org-table tbody tr:nth-of-type(odd),
.price-table tbody tr:nth-of-type(odd) {
  background-color: #f7f7f7;
}
.card-table tbody tr:not(:last-of-type) > .td,
.org-table tbody tr:not(:last-of-type) > .td,
.price-table tbody tr:not(:last-of-type) > .td {
  border-bottom: 0;
}
.card-table th,
.card-table td,
.org-table th,
.org-table td,
.price-table th,
.price-table td {
  align-items: baseline;
  align-self: baseline;
  padding: 4px 10px;
}
.card-table div,
.card-table .tr-right,
.org-table div,
.org-table .tr-right,
.price-table div,
.price-table .tr-right {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-table .tr-right,
.org-table .tr-right,
.price-table .tr-right {
  align-items: flex-end;
  text-align: right;
}
.card-table .td-right,
.org-table .td-right,
.price-table .td-right {
  align-items: flex-end;
  text-align: right;
}
.card-table .tr-left,
.org-table .tr-left,
.price-table .tr-left {
  align-items: flex-start;
  text-align: left;
}
.card-table .td-left,
.org-table .td-left,
.price-table .td-left {
  align-items: flex-start;
  text-align: left;
}

.card-table-link {
  display: block;
  align-items: center;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  color: #009bed;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.card .card-table-link {
  font-size: 12px;
}

.card-title {
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
}

.card-link-icon {
  display: flex;
  align-items: center;
  max-width: 50vw;
}
@media (min-width: 768px) {
  .card-link-icon {
    max-width: unset;
  }
}

.card-table-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  min-width: 31px;
  height: 31px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}

.org-table-image thead th:first-child, .org-table-image thead th:last-child {
  width: 40px !important;
  min-width: 40px !important;
}
.org-table-image thead th:nth-child(2) {
  width: 22% !important;
  min-width: 22% !important;
}
.org-table-image thead th:nth-last-child(2) {
  width: 100% !important;
  max-width: calc(60% - 80px) !important;
}
.org-table-image thead th div {
  overflow: hidden;
}
.org-table-image tbody td:first-child, .org-table-image tbody td:last-child {
  width: 40px !important;
  min-width: 40px !important;
}
.org-table-image tbody td:nth-child(2) {
  width: 22% !important;
  min-width: 22% !important;
}
.org-table-image tbody td:nth-last-child(2) {
  width: 100% !important;
  max-width: calc(60% - 80px) !important;
}
.org-table-image tbody td div {
  overflow: hidden;
}

.card-orders-table th:first-child,
.card-orders-table td:first-child {
  width: 100% !important;
  max-width: 10% !important;
}
.card-orders-table th:nth-child(2),
.card-orders-table td:nth-child(2) {
  width: 100% !important;
  max-width: 26% !important;
}
.card-orders-table th:nth-last-child(2),
.card-orders-table td:nth-last-child(2) {
  width: 100% !important;
  max-width: 19% !important;
}

.card-content-article {
  color: #9e9faf;
  font-size: 11px;
  padding: 8px;
}
.card-content-article:hover .card-content-title {
  color: #858693;
}
.card-content-article:hover .paragraph {
  color: #858693;
}

.card-content-title {
  font-weight: 900;
  margin-bottom: 5px;
}

.bottom-line {
  border-bottom: 1px solid #c7c7c7;
}

.card-content-info {
  padding: 18px 18px 5px;
}

.card-info-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.card-info-item:not(:last-child) {
  margin-bottom: 16px;
}

.card-info-icon {
  flex: none;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.card-info-content {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: normal;
  color: #9e9faf;
  line-height: 1.55;
}

.card-info-title {
  color: #009bed;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 5px;
}

.chart {
  padding-right: 14px;
  padding-bottom: 2px;
  overflow: hidden;
  flex: none;
}

.chart-container {
  display: flex;
  height: 190px;
}

.chart-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, max-content));
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 0.7vw;
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.chart-item.end-date, .chart-item.start-date {
  position: absolute;
  display: block;
  font-size: 9px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0.45px;
  top: 2px;
}
.chart-item.end-date::before, .chart-item.start-date::before {
  content: none;
}

.chart-item {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #9e9faf;
  line-height: 1.2;
  letter-spacing: 0.63px;
}
.chart-item::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 15px;
  width: 15px;
  height: 3px;
  border-radius: 3px;
  margin-right: 5px;
}
.chart-item.sends::before {
  background-color: #9e9faf;
}
.chart-item.opens::before {
  background-color: #f15635;
}
.chart-item.clicks::before {
  background-color: #2c2e45;
}
.chart-item.logins::before {
  background-color: #fec52e;
}
.chart-item.orders::before {
  background-color: #009bed;
}
.chart-item.sales {
  width: 100%;
  margin-left: auto;
  grid-column-start: none;
}
.chart-item.sales::before {
  background-color: #76ad5a;
  min-width: 5px;
  width: 5px;
  border-radius: 5px;
  height: 15px;
  margin-right: 5px;
}
.chart-item.sales::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.001' height='13.001' viewBox='0 0 13.001 13.001'%3E%3Cpath d='M12.967 11.14a.508.508 0 1 0-.994.206.532.532 0 0 1-.108.445.516.516 0 0 1-.406.193H1.541a.511.511 0 0 1-.406-.193.534.534 0 0 1-.108-.445A5.611 5.611 0 0 1 6.365 6.9h.27a5.585 5.585 0 0 1 4.512 2.48 4.162 4.162 0 0 1 .5.824c.258.561.493 1.32.52 1.338a.506.506 0 0 0 .781-.542 12.245 12.245 0 0 0-.46-1.276 6.485 6.485 0 0 0-.5-.91 6.607 6.607 0 0 0-3.422-2.6 3.453 3.453 0 1 0-4.134 0 6.6 6.6 0 0 0-4.4 4.922A1.54 1.54 0 0 0 1.541 13h9.918a1.541 1.541 0 0 0 1.508-1.861zM4.062 3.452a2.438 2.438 0 1 1 2.561 2.435h-.246a2.442 2.442 0 0 1-2.315-2.434z' transform='translate(.001)' style='fill:%239e9faf'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-left: 10px;
}
.chart-item.start-date {
  left: 20px;
}
.chart-item.end-date {
  right: 20px;
}

.select-custom .select__control,
.select__menu-portal .select__control {
  border: 0.5px solid #9e9faf;
  background-color: #fff !important;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  border-radius: 2px !important;
  padding: 5px;
  height: 25px;
  min-height: unset !important;
  width: 100%;
  cursor: pointer;
}
.select-custom .select__control.select__control--menu-is-open .select__dropdown-indicator::before,
.select__menu-portal .select__control.select__control--menu-is-open .select__dropdown-indicator::before {
  transform: rotate(180deg);
}
.select-custom .select__control--is-focused,
.select__menu-portal .select__control--is-focused {
  outline: 3px solid #fec52e !important;
  border-radius: 2px !important;
  border-color: transparent !important;
}
.select-custom .select__control--is-focused:hover,
.select__menu-portal .select__control--is-focused:hover {
  border-color: transparent !important;
}
.select-custom.readonly .select__control,
.select__menu-portal.readonly .select__control {
  border-color: #9e9faf !important;
  background-color: #e2e2e2 !important;
}
.select-custom.readonly .select__placeholder,
.select__menu-portal.readonly .select__placeholder {
  color: #9e9faf !important;
}
.select-custom.readonly .select__dropdown-indicator::before,
.select__menu-portal.readonly .select__dropdown-indicator::before {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_62_1877)'%3E%3Cpath d='M1.12989 1.32376L5.49989 5.90576M9.83789 1.32276L5.46789 5.90576' stroke='%239E9FAF' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_62_1877'%3E%3Crect width='11' height='7' fill='white' transform='translate(11 7) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
.select-custom .select__value-container,
.select__menu-portal .select__value-container {
  max-width: calc(100% - 10px);
}
.select-custom .select__value-container,
.select-custom .select__placeholder,
.select-custom .select__input-container,
.select-custom .select__input,
.select-custom .select__indicators,
.select-custom .select__indicator,
.select-custom .select__dropdown-indicator,
.select__menu-portal .select__value-container,
.select__menu-portal .select__placeholder,
.select__menu-portal .select__input-container,
.select__menu-portal .select__input,
.select__menu-portal .select__indicators,
.select__menu-portal .select__indicator,
.select__menu-portal .select__dropdown-indicator {
  height: 100%;
  min-height: unset !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  flex: unset !important;
}
.select-custom .select__indicator-separator,
.select__menu-portal .select__indicator-separator {
  display: none;
}
.select-custom .select__placeholder,
.select__menu-portal .select__placeholder {
  font-size: 12px;
  font-weight: 350;
  color: #c7c7c7 !important;
}
.select-custom .select__dropdown-indicator,
.select__menu-portal .select__dropdown-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .select-custom .select__dropdown-indicator,
  .select__menu-portal .select__dropdown-indicator {
    width: 10px;
    height: 10px;
  }
}
.select-custom .select__dropdown-indicator::before,
.select__menu-portal .select__dropdown-indicator::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_46_319)'%3E%3Cpath d='M1.13 1.324L5.5 5.90601M9.838 1.32301L5.468 5.90601' stroke='%232C2E45' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_46_319'%3E%3Crect width='11' height='7' fill='white' transform='translate(11 7) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .select-custom .select__dropdown-indicator::before,
  .select__menu-portal .select__dropdown-indicator::before {
    width: 10px;
    height: 10px;
  }
}
.select-custom .select__dropdown-indicator svg,
.select__menu-portal .select__dropdown-indicator svg {
  display: none;
}
.select-custom .select__menu,
.select__menu-portal .select__menu {
  box-shadow: unset;
  border-radius: 2px;
  z-index: 9;
}
.modal > .select-custom .select__menu,
.modal > .select__menu-portal .select__menu {
  max-height: 80px;
  overflow-y: auto;
}
.select-custom .select__menu-list,
.select__menu-portal .select__menu-list {
  padding: 0;
  border: 0.5px solid #9e9faf;
  border-radius: 2px;
}
.select-custom .select__option,
.select__menu-portal .select__option {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #000000;
  background-color: #fff !important;
  line-height: 1.7;
  cursor: pointer;
}
.select-custom .select__option--is-focused,
.select__menu-portal .select__option--is-focused {
  font-weight: 350;
}
.select-custom .select__option:hover,
.select__menu-portal .select__option:hover {
  font-weight: 900;
}
.select-custom .select__option--is-selected,
.select__menu-portal .select__option--is-selected {
  font-weight: 900;
  background-color: #fff;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #fec52e;
  text-decoration-skip-ink: "none";
  text-underline-offset: 5px;
}

.select--is-disabled .select__control {
  border-color: #e2e2e2;
}
.select--is-disabled .select__placeholder {
  color: #e2e2e2;
}
.select--is-disabled .select__dropdown-indicator::before {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_65_2938)'%3E%3Cpath d='M1.13 1.324L5.5 5.90601M9.838 1.32301L5.468 5.90601' stroke='%23E2E2E2' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_65_2938'%3E%3Crect width='11' height='7' fill='white' transform='translate(11 7) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.select-column {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.select-error-container {
  gap: 0;
}

.overlay {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.2);
}

.modal {
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 11;
  box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.08);
  padding: 52px 14px 24px 14px;
  max-height: 90vh;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .modal {
    width: 550px;
  }
  .modal.modal-fixed {
    max-width: 550px;
  }
}
.modal.full {
  width: 95vw;
  max-width: 95vw;
}
.modal .select-custom .select__menu-list {
  max-height: 80px;
  overflow: auto;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}

.modal-body {
  width: 100%;
}
.modal-body.modal-no-subtitle {
  padding-top: 5px;
}

.modal-heading {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  font-style: normal;
  text-align: center;
}
@media (min-width: 768px) {
  .modal-heading {
    white-space: nowrap;
  }
}

.modal-subtitle {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin: 5px 0;
  text-align: center;
  width: 100%;
  max-width: 430px;
  line-height: 1.3;
}
.modal-info .modal-subtitle {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  line-height: 1.3;
}

.modal-btn {
  position: absolute;
  top: -42px;
  right: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 20px;
  font-weight: 350;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.modal-btn:focus {
  outline: none;
}

.modal-prospect-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  text-align: center;
}

.modal-prospect-value {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
.modal-prospect-value b {
  display: block;
  font-weight: 900;
  margin-right: 5px;
}

.modal-prospect-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal-prospect-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-top: 10px;
}

.modal-prospect-footer {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  width: 70%;
  margin: 0 auto;
  margin-top: 30px;
  gap: 30px;
}
.modal-prospect-footer.is-single {
  grid-template-columns: 1fr;
  width: 50%;
}
.modal-prospect-footer button {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 0 !important;
}

.modal-prospect-subtitle {
  margin-top: 20px;
  margin-bottom: 35px;
  padding: 0 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.modal-table {
  margin-top: 20px;
  border: 1px dashed #2c2e45;
}

.modal-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 18px 10px 18px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  gap: 10px;
}
.modal-upload b {
  display: flex;
  align-items: center;
  font-weight: 900;
}
.modal-upload span {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-left: -5px;
}

.modal-upload-progress {
  display: block;
  height: 5px;
  width: 70%;
  margin: 0 auto;
  background-color: #c7c7c7;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.modal-upload-bar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  display: block;
  height: 5px;
  background-color: #f15635;
  border-radius: 4px;
  transition: width 1s ease-in-out;
}

.modal-inline-preset {
  display: grid;
  grid-template-columns: 142px auto;
  column-gap: 12px;
}
.modal-inline-preset .input-error {
  grid-column-start: 2;
}

.modal-link {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
}

.modal-plan {
  min-width: max-content;
  overflow-x: hidden;
}

.notif-modal {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #f15635;
  width: 300px;
  padding: 8px 5px 8px 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.notif-title {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  display: block;
  width: 100%;
  color: #2c2e45;
}

.notif-info {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1px;
}

.notif-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #f7f7f7;
  font-size: 20px;
  font-weight: 350;
  color: #2c2e45;
  cursor: pointer;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: none;
}
.notif-btn:focus {
  outline: none;
}

.acc-user-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .acc-user-list {
    flex-direction: row;
    align-items: center;
    gap: 50px;
  }
}

.acc-user-item {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  gap: 10px;
  margin-bottom: 12px;
}
.acc-user-item b {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 900;
}
.acc-user-item a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
}
.acc-user-item a:hover {
  text-decoration: underline;
}

.acc-user-names {
  max-width: 20vw;
  overflow: hidden;
}
.acc-user-names span,
.acc-user-names a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.acc-user-form .label,
.acc-user-form .label-grid {
  padding-left: 0;
}
.acc-user-form .label {
  margin-bottom: 2px;
}
.acc-user-form .input-form-grid,
.acc-user-form .acc-user-select {
  width: 100%;
}

.acc-user-select .label {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}

.acc-user-timezone {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .acc-user-timezone {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
  }
}
@media (min-width: 1440px) {
  .acc-user-timezone {
    max-width: 1096px;
  }
}

.acc-user-address {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  margin-bottom: 10px;
  column-gap: 20px;
  row-gap: 10px;
}
.acc-user-address .input-form-grid:first-child, .acc-user-address .input-form-grid:nth-child(2) {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .acc-user-address .input-form-grid:first-child, .acc-user-address .input-form-grid:nth-child(2) {
    grid-column: auto;
  }
}
@media (min-width: 768px) {
  .acc-user-address {
    grid-template-columns: 4.5fr 1.3fr 1fr 0.5fr;
    gap: 20px;
  }
}
@media (min-width: 1440px) {
  .acc-user-address {
    max-width: 1096px;
  }
}

.acc-user-fields {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .acc-user-fields {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    margin-right: 24vw;
  }
}
@media (min-width: 1440px) {
  .acc-user-fields {
    max-width: calc(1096px - 24vw);
  }
}

.acc-settings {
  margin-bottom: 20px;
  border-bottom: 1px solid #c7c7c7;
}
@media (min-width: 768px) {
  .acc-settings {
    padding-left: 8px;
  }
}
.acc-settings .order-table-container {
  height: fit-content;
  max-height: 23vw;
}

.acc-item-btn {
  width: 100%;
}
.acc-item-btn button {
  padding: 0 3.5vw;
}
@media (min-width: 768px) {
  .acc-item-btn {
    margin-left: auto;
    width: auto;
  }
  .acc-item-btn button {
    width: 100%;
    padding: 0 20px;
  }
}

.acc-settings-image {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  gap: 20px;
}
.acc-settings-image img {
  width: 115px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}
.acc-settings-image .org-cover-mock {
  width: 115px;
  height: 115px;
  min-width: 115px;
}
@media (min-width: 768px) {
  .acc-settings-image {
    flex-direction: row;
  }
}

.acc-image-fields {
  width: 100%;
}

.acc-user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  width: 12px;
}

.acc-add-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.acc-add-user button {
  width: auto;
  margin: 0;
  padding: 0 3.5vw;
}

.acc-user-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .acc-user-header {
    justify-content: space-between;
    margin-bottom: 13px;
    margin-top: 10px;
  }
}

.acc-user-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 14px 12px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .acc-user-container {
    min-width: fit-content;
    max-width: unset;
    padding: 8px 10px 20px 10px;
  }
}

.acc-toggle-section {
  position: relative;
}

.acc-toggle-container {
  position: relative;
}
.acc-toggle-container .acc-toggle-btn {
  right: 0;
}
@media (min-width: 1200px) {
  .acc-toggle-container .acc-toggle-btn {
    right: 31%;
  }
}

.acc-toggle-btn {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  cursor: pointer;
}

.acc-table-email {
  font-size: 14px;
  font-weight: 350;
  color: #9e9faf;
}

.acc-user-image {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  object-position: center;
}

.acc-user-modal {
  padding: 0 0 0 30px;
}

.acc-user-modal-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  padding-top: 8px;
}

.acc-user-domain {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding-left: 3px;
}
.acc-user-domain .input-form-grid {
  width: 100%;
}
.acc-user-domain .grid-header {
  display: none;
}
.acc-user-domain span {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.acc-user-btns {
  width: 95%;
  margin: 0 auto;
  margin-top: 25px;
  padding-right: 30px;
}

.acc-email-modal {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0 10px;
  margin-bottom: 25px;
  margin-top: 8px;
}
.acc-email-modal .input-form-grid {
  gap: 5px;
}
.acc-email-modal .label-grid {
  padding-left: 0;
}

.price {
  width: 100%;
  min-width: fit-content;
  background-color: #fff;
  padding: 10px 10px 80px 10px;
  position: relative;
  height: fit-content;
}
@media (min-width: 768px) {
  .price {
    padding: 6px 8px;
    min-height: calc(100vh - 100px);
  }
}
.price.org-details {
  padding-right: 20px;
}

.price-container-list .price-search-container,
.price-container-list .price-search-container.price-sub-search {
  margin-top: 14px;
  padding-top: 14px;
  padding-bottom: 5px;
  border-top: 1px solid #c7c7c7;
}
.price-container-list .price-search-container:first-child,
.price-container-list .price-search-container.price-sub-search:first-child {
  margin-top: 0;
  padding-top: 2px;
  border-top: none;
}
.price-container-list .price-search-container .org-subtitle,
.price-container-list .price-search-container .price-subtitle,
.price-container-list .price-search-container.price-sub-search .org-subtitle,
.price-container-list .price-search-container.price-sub-search .price-subtitle {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: rgba(0, 0, 0, 0.6);
}

.price-table-name {
  font-weight: 900;
  font-size: 14px;
  color: #009bed;
  cursor: pointer;
}

.table-value {
  display: block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.table-image thead th:first-child {
  width: 15% !important;
  max-width: 15% !important;
}
.table-image thead th:nth-child(6) {
  width: 15% !important;
  max-width: 15% !important;
}
.table-image tbody td:first-child {
  width: 15% !important;
  max-width: 15% !important;
}
.table-image tbody td:nth-child(6) {
  width: 15% !important;
  max-width: 15% !important;
}

.price-table .table {
  max-height: 300px;
}
.price-table .thead .th {
  border-bottom: 1px solid #000000;
}
.price-table .th {
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}
.price-table .td {
  color: #2c2e45;
  font-size: 14px;
  font-weight: 350;
}
.price-table .td-center {
  text-align: center;
}
.price-table .tr-center {
  text-align: center;
}
.price-table .td-right {
  text-align: right;
}
.price-table .tr-right {
  text-align: right;
}

.td-disabled {
  color: #9e9faf;
}

.thead-empty {
  opacity: 0;
}

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

.tr-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 5px;
  cursor: pointer;
}
.tr-arrow span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tr-arrow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11px;
  min-width: 11px;
  height: 7px;
  object-fit: contain;
}
.tr-arrow-icon.is-active {
  transform: rotate(180deg);
}

.tr-center {
  text-align: center;
}
.tr-center .tr-arrow {
  text-align: center;
  justify-content: center;
}

.td-right {
  text-align: right;
}

.tr-right {
  text-align: right;
}

.price-table-link {
  font-size: 14px;
  font-weight: 350;
  color: #009bed;
  cursor: pointer;
}

.price-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
  gap: 10px;
}
@media (min-width: 768px) {
  .price-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
  }
}

.price-header-notif {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 10px;
}

.price-header-list {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  gap: 20px;
  width: 100%;
  border-bottom: 1px solid #c7c7c7;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .price-header-list {
    padding-bottom: 0;
    padding: 0 45px 15px 45px;
    justify-content: space-between;
    overflow: hidden;
  }
}

.price-header-item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  font-size: 18px;
  font-weight: 350;
  color: #2c2e45;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
@media (min-width: 768px) {
  .price-header-item {
    white-space: unset;
  }
}
.price-header-item.is-disabled {
  color: #c7c7c7;
  cursor: default;
}
.price-header-item:hover:not(.is-disabled)::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fec52e;
}
.price-header-item.is-active {
  font-weight: 900;
}
.price-header-item.is-active::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fec52e;
}

.price-btn {
  position: absolute;
  left: 10px;
  bottom: 14px;
  width: calc(100% - 20px) !important;
  margin: unset !important;
  order: 1;
}
@media (min-width: 768px) {
  .price-btn {
    position: static;
    padding: 0 50px !important;
    width: fit-content !important;
    order: unset;
  }
}

.price-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 12px;
}
@media (min-width: 768px) {
  .price-options {
    padding: 12px;
    flex-wrap: nowrap;
  }
}
.price-options.multi {
  border-top: 1px solid #c7c7c7;
  margin-top: 15px;
}
.price-options .switch-label {
  margin-right: 10px;
}
.price-options .switch-text {
  font-size: 14px;
  font-weight: 350;
}

.price-options-title {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin-right: 21px;
  white-space: nowrap;
}

.price-options-subtitle {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: rgba(0, 0, 0, 0.6);
}

.price-option-table {
  width: 100%;
  border-collapse: collapse;
}
.price-option-table.price-table-options .price-option-th:nth-child(2) {
  min-width: 275px;
  width: 25%;
}
.price-option-table.price-table-options .price-option-th:nth-child(3) {
  min-width: 150px;
  width: 15%;
}
.price-option-table.price-table-options .price-option-th:nth-child(4), .price-option-table.price-table-options .price-option-th:nth-child(5) {
  min-width: 125px;
  width: 20%;
}
.price-option-table.price-table-options .price-option-th:last-child {
  width: 40%;
}
.price-option-table.price-table-delivery .price-option-th:last-child {
  width: 60%;
}
.price-option-table.price-imago-package {
  min-width: fit-content;
}
.price-option-table.price-imago-package .input-error {
  position: static;
}
.price-option-table.price-imago-package .price-textarea-label {
  gap: 5px;
}
.price-option-table.price-imago-package .price-textarea-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.price-option-table.price-imago-package .price-textarea-container .select-custom {
  width: 45%;
}
.price-option-table.price-imago-package .price-option-td {
  vertical-align: baseline;
}
.price-option-table.price-imago-package .price-option-th {
  width: 1%;
}
.price-option-table.price-imago-package .price-option-th:nth-child(2) {
  width: 13%;
  min-width: 200px;
}
.price-option-table.price-imago-package .price-option-th:nth-child(4) {
  width: 16%;
  min-width: 200px;
}
.price-option-table.price-imago-package .price-option-th:nth-last-child(2) {
  width: 23%;
}
.price-option-table.price-imago-package .price-td-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
}
.price-option-table.price-imago-package .price-td-container .price-option-td {
  width: auto !important;
  padding: 0;
}
.price-option-table.price-imago-package .price-imago-body .price-option-td {
  vertical-align: top;
}
.price-option-table.price-imago-package .price-imago-body .price-option-td:first-child {
  vertical-align: middle;
}
.price-option-table.price-table-carte {
  min-width: fit-content;
}
.price-option-table.price-table-carte .input-error {
  position: static;
}
.price-option-table.price-table-carte .price-option-th:nth-child(2) {
  width: 20%;
  min-width: 200px;
}
.price-option-table.price-table-carte .price-option-th:nth-child(3), .price-option-table.price-table-carte .price-option-th:nth-child(4) {
  width: 13%;
  min-width: 125px;
}
.price-option-table.price-table-carte .price-option-th:nth-last-child(2) {
  width: auto;
  min-width: 185px;
}
.price-option-table.price-table-carte .price-option-th:last-child {
  width: 36%;
}
.price-option-table.price-table-carte .price-td-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
}
.price-option-table.price-table-carte .price-td-container .price-option-td {
  width: auto !important;
  padding: 0;
}
.price-option-table.price-table-carte .sales-tax-dropdown {
  margin-top: 10px;
  display: flex;
}
.price-option-table.price-table-carte .sales-tax-td-block {
  margin-left: 7px;
  margin-top: -4px;
  max-width: 145px;
}
.price-option-table.price-table-carte .price-option-td {
  vertical-align: top;
}
.price-option-table.price-table-carte .price-option-td:first-child {
  vertical-align: middle;
}
.price-option-table.price-table-packages {
  min-width: fit-content;
}
.price-option-table.price-table-packages .input-error {
  position: static;
}
.price-option-table.price-table-packages .sales-tax-dropdown {
  margin-top: 10px;
  display: flex;
}
.price-option-table.price-table-packages .sales-tax-td-block {
  margin-left: 7px;
  margin-top: -4px;
}
.price-option-table.price-table-packages .price-option-th:nth-child(2) {
  width: 14vw;
  min-width: 215px;
}
.price-option-table.price-table-packages .price-option-th:nth-child(3), .price-option-table.price-table-packages .price-option-th:nth-child(4) {
  width: 9vw;
  min-width: 140px;
}
.price-option-table.price-table-packages .price-option-th:nth-last-child(2) {
  width: 100%;
}
.price-option-table.price-table-packages .price-td-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  width: 100%;
  gap: 20px;
}
.price-option-table.price-table-packages .price-td-container .price-option-td {
  width: auto !important;
  padding: 0;
}
.price-option-table.price-table-packages .price-option-td {
  vertical-align: top;
}
.price-option-table.price-table-packages .price-option-td .select-custom {
  width: 36%;
  min-width: 185px;
}
.price-option-table.price-table-packages .price-option-td:first-child {
  vertical-align: middle;
}
.price-option-table.price-table-package-option {
  min-width: fit-content;
}
.price-option-table.price-table-package-option .price-option-th {
  padding: 2px 10px;
  width: 9vw;
  min-width: 125px;
}
.price-option-table.price-table-package-option .price-option-th:first-child {
  width: 1%;
  min-width: 52px;
}
.price-option-table.price-table-package-option .price-option-th:nth-child(2) {
  width: 1%;
  min-width: 200px;
}
.price-option-table.price-table-package-option .price-option-th:nth-child(3) {
  width: 1%;
  min-width: 125px;
}
.price-option-table.price-table-package-option .price-option-th:last-child, .price-option-table.price-table-package-option .price-option-th:nth-last-child(2) {
  width: auto;
  min-width: unset;
}
.price-option-table.price-table-package-option .price-option-td {
  padding: 20px 10px 5px 10px;
}
.price-option-table.price-table-package-option .price-option-td:nth-last-child(2) .input {
  width: 9vw;
  min-width: 125px;
}
.price-option-table.price-table-package-option .price-option-td .price-textarea-label {
  width: calc(100% - 258px);
}
.price-option-table.price-table-backgrounds {
  min-width: fit-content;
}
.price-option-table.price-table-backgrounds .price-option-th {
  padding: 2px 10px;
  width: 9vw;
  min-width: 125px;
}
.price-option-table.price-table-backgrounds .price-option-th:first-child {
  width: 1%;
  min-width: 52px;
}
.price-option-table.price-table-backgrounds .price-option-th:nth-child(2) {
  width: 1%;
  min-width: 112px;
}
.price-option-table.price-table-backgrounds .price-option-th:nth-child(3) {
  width: 14vw;
  min-width: 200px;
}
.price-option-table.price-table-backgrounds .price-option-th:last-child, .price-option-table.price-table-backgrounds .price-option-th:nth-last-child(2) {
  width: auto;
  min-width: unset;
}
.price-option-table.price-table-backgrounds .price-option-td {
  padding: 20px 10px 5px 10px;
}
.price-option-table.price-table-backgrounds .price-option-td:nth-last-child(2) .input {
  width: 9vw;
  min-width: 125px;
}
.price-option-table.price-table-backgrounds .price-option-td .price-textarea-label {
  width: 32vw;
  min-width: 450px;
}
.price-option-table .price-option-th {
  font-size: 16px;
  font-weight: 350;
  color: #2c2e45;
  padding: 2px 5px;
  border-bottom: 1px solid #c7c7c7;
  white-space: nowrap;
  text-align: left;
  position: relative;
}
.price-option-table .price-option-th b {
  font-weight: 350;
  color: #f15635;
}
.price-option-table .price-option-td {
  padding: 10px 5px 0 5px;
  position: relative;
  vertical-align: top;
}
.price-option-table .price-option-td.price-td-preview {
  cursor: pointer;
}
.price-option-table .price-option-td.price-td-preview .price-btn-delete {
  display: none;
}
.price-option-table .price-option-td.price-td-preview:hover {
  background-color: #f7f7f7;
}
.price-option-table .price-option-td.price-td-preview:hover .price-btn-delete {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.price-option-table .price-option-td:first-child {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.price-option-table .price-option-td:last-child {
  width: 1% !important;
}
.price-option-table .price-option-td:last-child button {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.price-option-table .price-option-td .switch-label {
  margin-right: 10px;
}
.price-option-table .price-option-td .switch-text {
  font-size: 14px;
  font-weight: 350;
  white-space: nowrap;
}
.price-option-table .price-option-sub {
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-left: 5px;
}

.price-arrow-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  gap: 4px;
}

@media (min-width: 768px) {
  .price-container {
    padding-left: 20px;
  }
}

.price-form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c7c7c7;
  padding-top: 2px;
}
@media (min-width: 768px) {
  .price-form-container {
    flex-direction: row;
    align-items: center;
    gap: 50px;
    padding-right: 8em;
    padding-top: 0;
  }
}
.price-form-container .label-grid {
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  padding-top: 0 !important;
}
@media (min-width: 768px) {
  .price-form-container .label-grid {
    padding-top: 17px !important;
  }
}
.price-form-container .suplabel-grid {
  display: none;
}
@media (min-width: 768px) {
  .price-form-container .suplabel-grid {
    display: block;
  }
}

.price-btn-table {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  width: 20px;
  height: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0 auto;
}
.price-btn-table:focus {
  outline: none;
  cursor: pointer;
}

.price-icon-table {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.price-icon-table.is-disabled {
  background-image: none;
  cursor: default;
}

.price-btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
  margin-left: auto;
  cursor: pointer;
}
.price-btn-delete .price-icon-table {
  width: 10px;
  height: 10px;
}
.price-btn-delete:focus {
  outline: none;
}

.price-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
  width: 100px;
  margin: 0 auto;
}
.price-preview .input-error {
  top: 100%;
}

.price-size-preview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.price-preview-size {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 5px;
  font-weight: 350;
  font-size: 14px;
  color: #2c2e45;
}
.price-preview-size i {
  display: block;
  font-style: normal;
  font-weight: 350;
  font-size: 12px;
  color: #9e9faf;
}

.price-preview-img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: contain;
  max-width: 100px;
  max-height: 100px;
}

.price-preview-name {
  display: block;
  font-family: "avenir", sans-serif;
  font-weight: 350;
  font-size: 12px;
  font-style: normal;
  color: #9e9faf;
}

.price-table-left {
  text-align: left;
}

.price-add-back {
  min-width: fit-content !important;
  width: 240px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  margin-top: 20px !important;
}

.price-add-type {
  min-width: fit-content !important;
  width: 30% !important;
  margin-right: auto !important;
  margin-left: 0 !important;
}

.price-prompt {
  display: flex;
  align-items: center;
  width: 100%;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 10px 10px 18px 10px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.price-prompt-label {
  display: block;
  font-weight: 900;
  font-size: 16px;
  color: #9e9faf;
}
.price-prompt-label i {
  font-weight: 400;
}

.price-prompt-info {
  display: block;
  font-weight: 350;
  font-size: 12px;
  color: #9e9faf;
  margin-left: 28px;
}

.price-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 50px;
  padding-top: 10px;
  gap: 100px;
  width: 100%;
  border-top: 1px solid #c7c7c7;
}
.price-controls button {
  width: 160px !important;
  margin: 0 !important;
}

.price-pack-title {
  display: flex;
  align-items: flex-end;
  font-weight: 900;
  font-size: 16px;
  color: #2c2e45;
  padding: 11px 30px;
}
.price-pack-title span {
  display: block;
  font-weight: 350;
  font-size: 12px;
  color: #9e9faf;
  margin-left: 16px;
}

.price-package-title {
  display: flex;
  align-items: flex-end;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
  gap: 5px;
}
.price-package-title i {
  display: flex;
  align-self: center;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.6);
}

.price-search-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .price-search-container {
    gap: 10px;
    flex-direction: row;
    align-items: center;
  }
}
.price-search-container .org-search-title {
  font-size: 18px;
}
.price-search-container.price-sub-search {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #c7c7c7;
}

.price-textarea {
  font-weight: 350;
  font-size: 12px;
  color: #2c2e45;
  border: 0.5px solid #9e9faf;
  padding: 5px;
  width: 100%;
  height: 100px;
}

.price-textarea-label {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-weight: 350;
  font-size: 14px;
  color: #2c2e45;
}

.price-table-arrow {
  width: 11px;
  height: 7px;
  min-width: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
  transform: rotate(180deg);
}
.price-table-arrow.is-active {
  transform: rotate(0deg);
}

.table-btn-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  letter-spacing: 1px;
  cursor: pointer;
}
.table-btn-menu:hover {
  color: #009bed;
}
.table-btn-menu:focus {
  color: #fec52e;
  outline: none;
}
.price-option-td .table-btn-menu {
  padding: 0 10px;
}

.table-action-menu {
  min-height: 300px;
}
.table-action-menu tbody {
  min-height: 300px;
}
.table-action-menu td:last-child {
  overflow: visible !important;
}

.table-dropdown {
  position: relative;
  overflow: visible !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: fit-content;
  margin-left: auto;
}

.table-dropdown-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  right: 0;
  gap: 5px;
  border: 0.5px solid #9e9faf;
  padding: 5px;
  background-color: #ffffff;
  z-index: 3;
  width: max-content;
}
.table-action-menu tr:last-child td:last-child .table-dropdown-list, .table-action-menu tr:nth-last-child(2) td:last-child .table-dropdown-list {
  bottom: calc(100% - 7px);
  top: unset;
}
.table-action-menu tr:first-child td:last-child .table-dropdown-list {
  top: 100% !important;
  bottom: auto !important;
}
.project-album-table .table-dropdown-list {
  left: auto;
  right: 100%;
}
.price-option-td .table-dropdown-list {
  left: auto;
  right: 0;
}
.table-dropdown-list.is-active {
  display: flex;
}

.table-dropdown-item {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #000000;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  cursor: pointer;
}
.table-dropdown-item:hover, .table-dropdown-item:focus {
  border-bottom-color: #fec52e;
}

.price-multi-wrapper {
  border-bottom: 1px solid #c7c7c7;
  padding: 10px 0;
  margin-bottom: 15px;
  padding-left: 30px;
}

.price-multi-header {
  display: flex;
  align-items: flex-end;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  font-style: normal;
  color: #9e9faf;
  gap: 5px;
}
.price-multi-header b {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  color: #9e9faf;
}
.price-multi-header i {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  color: #9e9faf;
  margin-right: 10px;
}

.price-multi-check {
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-left: 32px;
  gap: 15px;
}
.price-multi-check .switch {
  margin-top: 0;
  margin-bottom: 0;
}
.price-multi-check .switch-label {
  margin-right: 10px;
}
.price-multi-check .switch-text {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #9e9faf;
}

.price-multi-price {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #9e9faf;
  white-space: nowrap;
  gap: 10px;
}
.price-multi-price .suplabel-grid,
.price-multi-price .grid-header {
  display: none;
}

.price-subtitle {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .price-subtitle {
    padding-left: 0;
  }
}

.price-table-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10px;
  position: relative;
}
.price-table-container .label {
  font-size: 14px;
  font-weight: 350;
}
.price-table-container.labels {
  grid-template-columns: auto 1fr auto 1fr;
}
.price-table-container.charge {
  grid-template-columns: auto 75px auto 1fr;
}
.price-table-container .input-error {
  top: 100%;
  left: 0;
}

.price-btn-default {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding: 3px 10px;
  background-color: rgba(247, 247, 247, 0.7490196078);
  border: 1px solid rgba(247, 247, 247, 0.7490196078);
  margin-left: auto;
}

.price-title-container {
  display: grid;
  grid-template-rows: 1fr 1fr;
  padding-top: 10px;
  width: 100%;
}
.price-title-container .label {
  font-size: 16px;
  font-weight: 350;
  margin-right: 10px;
}
.price-title-container .select-custom {
  width: 200px;
}
@media (min-width: 768px) {
  .price-title-container {
    display: flex;
    align-items: center;
    padding-top: 0;
    width: auto;
  }
}

.price-package-table {
  display: flex;
  align-items: center;
  gap: 15px;
}
.price-package-table .label {
  font-size: 14px;
  font-weight: 350;
  order: 2;
  padding-left: 0;
  margin-left: -10px;
}
.price-package-table .input {
  min-width: unset;
  width: 65px;
}

.price-header-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  gap: 50px;
}
@media (min-width: 768px) {
  .price-header-controls {
    padding: 20px 32px;
    justify-content: flex-start;
  }
}

.price-not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0;
  text-align: center;
}

.price-modal {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .price-modal {
    gap: 10px;
    padding: 18px 18px 0 18px;
  }
}

.price-image-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 100px;
  height: 80px;
}

.price-error-field .form-container {
  position: relative;
}
.price-error-field .input-error {
  top: 100%;
}

.price-response-options {
  display: flex;
  align-items: center;
  gap: 10px;
}
.price-response-options .input {
  width: 240px;
}
.price-response-options .switch {
  margin: 0;
}

.price-question-table {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.price-question-table .price-option-th {
  padding: 2px 10px;
}
.price-question-table .price-option-td {
  padding: 5px 10px;
}

.price-question-btn {
  margin-top: 6px;
  width: 88% !important;
  min-width: fit-content !important;
}

.package-carte-title {
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
  display: flex;
  align-items: center;
  gap: 10px;
}
.package-carte-title .switch-label {
  margin-right: 10px;
}
.package-carte-title .switch-text {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.price-carte-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.price-carte-options .price-textarea-label {
  gap: 0;
}

.price-container-subtitle {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin: 12px 0;
  padding-left: 10px;
}

.price-textarea-container {
  padding-left: 10px;
}

.price-textarea-col {
  display: grid;
  grid-template-columns: auto 125px;
  align-items: center;
  padding-left: 10px;
  gap: 2px 5px;
  width: max-content;
}
.price-textarea-col .label {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  white-space: nowrap;
}
.price-textarea-col .input {
  text-align: right;
}

.price-imago-container {
  padding-top: 40px;
  padding-left: 35px;
}

.price-imago-toggle {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.price-imago-toggle .price-add-back {
  margin-left: 0 !important;
  width: 200px !important;
  min-width: fit-content !important;
}

.price-imago-btn {
  margin-top: 20px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  width: 200px !important;
  min-width: fit-content !important;
}

.price-option-sup {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  position: absolute;
  bottom: 100%;
  left: 5px;
  white-space: normal;
  width: 100%;
}

.price-option-sup-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: #9e9faf;
  position: absolute;
  bottom: calc(100% - 15px);
  right: 0;
}

.price-delivery-text {
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.price-byo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
  padding: 10px 0 10px 65px;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 10px;
}
.price-byo .btn-secondary {
  margin-left: auto !important;
}

.price-byo-text {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #9e9faf;
}

.price-byo-btn {
  min-width: fit-content !important;
  width: 25% !important;
  margin: 0 !important;
}

.price-sales {
  display: flex;
  align-items: center;
  gap: 25px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-left: 21px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c7c7c7;
}

.price-sales-note {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: rgba(0, 0, 0, 0.6);
}

.price-btn-complete {
  margin-top: 20px !important;
  min-width: fit-content !important;
  width: 160px !important;
}

.negative-price {
  color: #f15d3f;
  font-weight: 700;
}

.price-package-feature {
  display: grid;
  padding-left: 42px;
  gap: 12px;
}
.price-package-feature .switch {
  margin: 0;
}
.price-package-feature .switch-label {
  margin: 0;
  margin-right: 12px;
}
.price-package-feature .switch-text {
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.price-feature-pose {
  display: flex;
  align-items: center;
}
.price-feature-pose .input-form-grid {
  margin-left: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.price-feature-pose .input-grid {
  text-align: right;
}
.price-feature-pose .label-grid {
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding: 0;
}
.price-feature-pose .grid-header {
  order: 2;
  margin-left: 5px;
}

.sm-notif {
  height: 100%;
  min-height: calc(100vh - 172px);
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
}

.sm-notif-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 30px;
}

.sm-notif-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 60px;
  min-width: 60px;
}

.sm-notif-title {
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
  text-align: justify;
  margin-top: 12px;
  margin-bottom: 45px;
  line-height: 1.3;
}

.sm-notif-text {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 10px;
}

.sm-notif-contacts {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin-top: 30px;
  gap: 5px;
}

.sm-notif-link {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  cursor: pointer;
}

.sm-notif-user {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  min-width: 13px;
  height: 100%;
}

.loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 100px;
  height: 200px;
}
.loader-container.qr {
  height: 100px;
}
@media (min-width: 768px) {
  .loader-container.qr {
    width: 7vw;
    height: 7vw;
  }
}
@media (min-width: 768px) {
  .loader-container {
    width: 310px;
  }
}

.loader-container-fit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader-container-fit__top-loader {
  align-items: start;
}

.loader {
  width: 35%;
  max-width: 50px;
  padding: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #f15635;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
.page-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.page-loader-container.is-page {
  height: 78vh;
}
.page-loader-container.is-section {
  height: 38vh;
}
.page-loader-container.is-table {
  height: 24vh;
}
.page-loader-container.is-fit {
  height: 100%;
}
.page-loader-container.is-content {
  height: auto;
  padding: 20px 0;
}
.page-loader-container.is-absolute {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  background-color: rgba(7, 7, 7, 0.4);
}

.loader-sm {
  width: 25px;
  max-width: 25px;
  padding: 3px;
}

.datepicker {
  border: 0.5px solid #9e9faf;
  background-color: #fff;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  border-radius: 2px;
  padding: 5px;
  height: 25px;
  max-height: 25px;
  width: 100%;
  min-width: 100px;
}
.datepicker::placeholder {
  font-size: 12px;
  font-weight: 350;
  color: #c7c7c7;
}
.datepicker:focus {
  outline: 3px solid #fec52e;
  border-radius: 2px;
  border-color: transparent;
}
.datepicker:read-only {
  border-color: #9e9faf;
  background-color: #e2e2e2;
  outline: none;
  cursor: default;
}
.datepicker:read-only::placeholder {
  color: #9e9faf;
}
.datepicker:disabled {
  background-color: #fff;
  border-color: #e2e2e2;
}
.datepicker:disabled::placeholder {
  color: #e2e2e2;
}

.react-datepicker-wrapper {
  width: 100%;
}

.react-datepicker-popper {
  z-index: 2;
}

.datepicker-error {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #f15635;
}

.react-datepicker__month-container {
  min-width: 260px;
}

.custom-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 8px 12px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}

.custom-datepicker-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 8px;
  gap: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #2c2e45;
}

.custom-nav-button {
  background: none;
  border: none;
  font-size: 18px;
  font-weight: bold;
  color: #495057;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.custom-nav-button:hover:not(:disabled) {
  background-color: #e9ecef;
}
.custom-nav-button:disabled {
  color: #6c757d;
  cursor: not-allowed;
}

.custom-dropdowns-container {
  display: flex;
  gap: 8px;
  align-items: center;
}

.custom-month-dropdown,
.custom-year-dropdown {
  position: relative;
  display: inline-block;
}

.custom-dropdown-button {
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  color: #495057;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 80px;
  justify-content: space-between;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.custom-dropdown-button:hover {
  border-color: #80bdff;
}
.custom-dropdown-button:focus {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.dropdown-arrow {
  font-size: 10px;
  color: #6c757d;
  transition: transform 0.2s ease;
}

.custom-dropdown-button[aria-expanded=true] .dropdown-arrow {
  transform: rotate(180deg);
}

.custom-dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
}

.custom-dropdown-item {
  padding: 8px 12px;
  font-size: 14px;
  color: #495057;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.custom-dropdown-item:hover {
  background-color: #f8f9fa;
}
.custom-dropdown-item.selected {
  background-color: #007bff;
  color: #fff;
}
.custom-dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custom-dropdown-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (max-width: 768px) {
  .custom-dropdowns-container {
    flex-direction: column;
    gap: 4px;
  }
  .custom-dropdown-button {
    min-width: 120px;
  }
}
.timeline {
  padding: 10px 20px 10px 5px;
  margin: 10px 0;
  border: 1px dashed #c7c7c7;
}

.timeline-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.timeline-item.picture::after, .timeline-item.sale-blue::after, .timeline-item.sale-purple::after, .timeline-item.sale-green::after, .timeline-item.sale-red::after, .timeline-item.right-sale-red::after, .timeline-item.right-sale-green::after, .timeline-item.right-sale-purple::after, .timeline-item.right-sale-blue::after, .timeline-item.right-picture::after, .timeline-item.left-sale-red::before, .timeline-item.left-sale-green::before, .timeline-item.left-sale-purple::before, .timeline-item.left-sale-blue::before, .timeline-item.left-picture::before {
  content: "";
  border-right: 10px solid;
  position: absolute;
  top: calc(100% - 5px);
  left: 72px;
  transform: translate(-50%, 0);
  height: 40px;
  width: 1px;
}

.timeline-item {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  width: 100%;
}
.timeline-item::after {
  content: "";
  border-right: 5px dotted #d9d9d9;
  position: absolute;
  top: 100%;
  left: 72px;
  transform: translate(-50%, 0);
  height: 27px;
  width: 1px;
}
.timeline-item.left-sale-red::before, .timeline-item.left-sale-green::before, .timeline-item.left-sale-purple::before, .timeline-item.left-sale-blue::before, .timeline-item.left-picture::before {
  left: 66px !important;
}
.timeline-item.left-sale-red::after, .timeline-item.left-sale-green::after, .timeline-item.left-sale-purple::after, .timeline-item.left-sale-blue::after, .timeline-item.left-picture::after {
  content: none;
}
.timeline-item.right-sale-red::after, .timeline-item.right-sale-green::after, .timeline-item.right-sale-purple::after, .timeline-item.right-sale-blue::after, .timeline-item.right-picture::after {
  content: "" !important;
  left: 78px !important;
}
.timeline-item.right-sale-red::after {
  border-color: #f15635;
}
.timeline-item.right-sale-green::after {
  border-color: #76ad5a;
}
.timeline-item.right-sale-purple::after {
  border-color: #8b47ad;
}
.timeline-item.right-sale-blue::after {
  border-color: #009bed;
}
.timeline-item.right-picture::after {
  border-color: #fec52e;
}
.timeline-item.left-sale-red::before {
  border-color: #f15635;
}
.timeline-item.left-sale-green::before {
  border-color: #76ad5a;
}
.timeline-item.left-sale-purple::before {
  border-color: #8b47ad;
}
.timeline-item.left-sale-blue::before {
  border-color: #009bed;
}
.timeline-item.left-picture::before {
  border-color: #fec52e;
}
.timeline-item.sale-red::after {
  border-color: #f15635;
}
.timeline-item.sale-green::after {
  border-color: #76ad5a;
}
.timeline-item.sale-purple::after {
  border-color: #8b47ad;
}
.timeline-item.sale-blue::after {
  border-color: #009bed;
}
.timeline-item.picture::after {
  border-color: #fec52e;
}
.timeline-item:last-child::after {
  content: none;
}

.timeline-road {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #d9d9d9;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  position: relative;
  z-index: 1;
}
.timeline-road.sale-red {
  background-color: #f15635;
}
.timeline-road.sale-green {
  background-color: #76ad5a;
}
.timeline-road.sale-purple {
  background-color: #8b47ad;
}
.timeline-road.sale-blue {
  background-color: #009bed;
}
.timeline-road.picture {
  background-color: #fec52e;
}
.timeline-road.is-toggled {
  width: auto;
  height: auto;
  border-radius: 0;
  align-items: stretch;
  height: 100%;
  width: 100%;
  background-color: transparent;
}

.timeline-roadmap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 18px 14% 18px 10px;
  width: 100%;
  background-color: #f7f7f7;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  position: relative;
}

.timeline-roadmap-header {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  padding-left: 0;
  grid-column: span 2;
  white-space: nowrap;
  cursor: pointer;
}
.timeline-road.is-open .timeline-roadmap-header::before {
  transform: rotate(0deg);
}
.timeline-roadmap-header::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9191_9536)'%3E%3Cpath d='M9.87011 5.67599L5.50011 1.09399M1.16211 5.67699L5.53211 1.09399' stroke='%232C2E45' stroke-width='1.1' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9191_9536'%3E%3Crect width='11' height='7' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 11px;
  min-width: 11px;
  height: 100%;
  margin-right: 10px;
  transform: rotate(180deg);
}

.timeline-roadmap-subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #2c2e45;
}

.timeline-roadmap-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.timeline-roadmap-list {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  padding-left: 40px;
  white-space: nowrap;
}
.timeline-roadmap-list b {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 900;
  margin-right: 5px;
}
.timeline-roadmap-list a {
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  cursor: pointer;
}

.timeline-roadmap-name {
  display: block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline-indent-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.timeline-road.icon-fill .timeline-indent-icon {
  width: 100%;
  height: 100%;
}

.timeline-road-indent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  position: relative;
}
.timeline-road.is-toggled.sale-red .timeline-road-indent {
  background-color: #f15635;
}
.timeline-road.is-toggled.sale-green .timeline-road-indent {
  background-color: #76ad5a;
}
.timeline-road.is-toggled.sale-purple .timeline-road-indent {
  background-color: #8b47ad;
}
.timeline-road.is-toggled.sale-blue .timeline-road-indent {
  background-color: #009bed;
}

.timeline-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.timeline-date {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  white-space: nowrap;
  height: 100%;
  width: 45px;
}
.timeline-date.is-important {
  font-weight: bold;
}
.timeline-date.right-sale-red {
  color: #f15635;
}
.timeline-date.right-sale-green {
  color: #76ad5a;
}
.timeline-date.right-sale-purple {
  color: #8b47ad;
}
.timeline-date.right-sale-blue {
  color: #009bed;
}
.timeline-date.right-picture {
  color: #fec52e;
}
.timeline-date.left-sale-red {
  color: #f15635 !important;
}
.timeline-date.left-sale-green {
  color: #76ad5a !important;
}
.timeline-date.left-sale-purple {
  color: #8b47ad !important;
}
.timeline-date.left-sale-blue {
  color: #009bed !important;
}
.timeline-date.left-picture {
  color: #fec52e !important;
}
.timeline-date.sale-red {
  color: #f15635;
}
.timeline-date.sale-green {
  color: #76ad5a;
}
.timeline-date.sale-purple {
  color: #8b47ad;
}
.timeline-date.sale-blue {
  color: #009bed;
}
.timeline-date.picture {
  color: #fec52e;
}

.timeline-name {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
.timeline-name.timeline-road-sale {
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}
.timeline-name b {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  margin-right: 5px;
  color: #2c2e45;
}

.timeline-date-estimate {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #2c2e45;
  position: relative;
}
.timeline-date-estimate::after {
  content: "*";
  position: absolute;
  right: -6px;
}

.timeline-edit {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  letter-spacing: 2px;
  cursor: pointer;
  text-shadow: 0px 3px rgba(44, 46, 69, 0.1);
  position: absolute;
  top: 15px;
  right: 12px;
}
.timeline-edit:hover {
  color: #009bed;
}
.timeline-edit:focus {
  color: #fec52e;
  outline: none;
}

.marketing-section {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.marketing-section .org-search-title {
  font-size: 18px;
  font-weight: 900;
}
@media (min-width: 768px) {
  .marketing-section {
    padding-left: 20px;
  }
}

.marketing-section-header {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-left: 10px;
}
.marketing-section-header .grid-header,
.marketing-section-header .suplabel-grid {
  display: none;
}
.marketing-section-header .input-form-preset {
  display: flex;
}

.marketing-edit {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  letter-spacing: 2px;
  cursor: pointer;
  text-shadow: 0px 3px rgba(44, 46, 69, 0.1);
}

.marketing-table {
  margin-left: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
}
.marketing-table .project-message-section {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.marketing-table .project-message-section:not(:last-child) {
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 10px;
}

.marketing-text {
  font-family: "avenir", sans-serif;
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-bottom: 12px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .marketing-text {
    margin-bottom: 22px;
  }
}

.marketing-form {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.marketing-form .input-form-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .marketing-form .input-form-grid {
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }
}
.marketing-form .input-form-grid .grid-header {
  width: auto;
}
@media (min-width: 768px) {
  .marketing-form {
    grid-template-columns: 1fr 1fr;
    width: max-content;
    gap: 20px;
  }
}

.marketing-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
  margin-bottom: 2px;
  padding-top: 10px;
  border-top: 1px solid #c7c7c7;
}
@media (min-width: 768px) {
  .marketing-header {
    justify-content: space-between;
    margin-bottom: 13px;
    margin-top: 10px;
  }
}

.marketing-container {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 14px 20px;
  height: fit-content;
  min-height: calc(100vh - 90px);
}
@media (min-width: 768px) {
  .marketing-container {
    min-width: fit-content;
    max-width: unset;
    padding: 22px 20px 20px 20px;
  }
}

.marketing-wrapper {
  margin-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .marketing-wrapper {
    padding-left: 4px;
    padding-right: 3vw;
  }
}

.marketing-phone {
  display: flex;
  gap: 10px;
  max-width: 240px;
}

.marketing-btn {
  min-width: fit-content !important;
  width: 100% !important;
  margin: 0 !important;
}
@media (min-width: 768px) {
  .marketing-btn {
    width: 36% !important;
  }
}

@media (min-width: 768px) {
  .broadcast {
    padding: 0 14px;
  }
}

.broadcast-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #c7c7c7;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-bottom: 15px;
  gap: 10px;
}
@media (min-width: 768px) {
  .broadcast-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 0;
  }
}

.broadcast-header-title {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #2c2e45;
}
.broadcast-header-title:nth-child(2) {
  order: 3;
}
@media (min-width: 768px) {
  .broadcast-header-title:nth-child(2) {
    order: unset;
  }
}
@media (min-width: 768px) {
  .broadcast-header-title {
    margin-bottom: 10px;
  }
}

.broadcast-list {
  border: 1px dashed #c7c7c7;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.broadcast-list:nth-child(3) {
  order: 2;
}
@media (min-width: 768px) {
  .broadcast-list:nth-child(3) {
    order: unset;
  }
}
.broadcast-list:nth-child(4) {
  order: 4;
}
@media (min-width: 768px) {
  .broadcast-list:nth-child(4) {
    order: unset;
  }
}
.broadcast-list .switch {
  margin-bottom: 10px;
}
.broadcast-list .switch:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .broadcast-list .switch:last-child {
    margin-bottom: 10px;
  }
}
.broadcast-list .switch-label {
  margin-right: 10px;
}
.broadcast-list .switch-text {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.broadcast-section {
  border: 1px dashed #c7c7c7;
  padding: 15px;
  margin-bottom: 20px;
}
.broadcast-section .label-grid {
  padding-left: 0;
}
.broadcast-section .grid-header {
  width: auto;
}
.broadcast-section .org-section-price {
  margin: 15px 0;
}
.broadcast-section.broadcast-section-message {
  padding: 0;
}
@media (min-width: 768px) {
  .broadcast-section.broadcast-section-message {
    padding: 0 15px;
  }
}

.broadcast-section-title {
  display: flex;
  align-items: flex-start;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  gap: 10px;
  margin-bottom: 22px;
}
.broadcast-section-title b {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  gap: 10px;
}
.broadcast-section-title b::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #d9d9d9;
}

.broadcast-form {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  border: 1px dashed #c7c7c7;
  padding: 10px;
  margin-bottom: 20px;
}

.broadcast-table {
  display: block;
  margin-top: 5px;
  margin-bottom: 20px;
  border: 1px dashed #c7c7c7;
}
.broadcast-table th:first-child,
.broadcast-table td:first-child {
  width: 100% !important;
  max-width: 20% !important;
}
.broadcast-table th:last-child,
.broadcast-table td:last-child {
  width: 100% !important;
  max-width: 80% !important;
  text-align: left;
}
.broadcast-table thead {
  position: static;
}
.broadcast-table tbody td {
  font-size: 16px;
  color: #2c2e45;
  white-space: unset;
}
.broadcast-table tbody td:first-child {
  font-weight: 900;
}
.broadcast-table tbody td:last-child {
  display: inline-grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  gap: 5px;
}
.broadcast-table tbody td .broadcast-td-subtitle {
  font-size: 14px;
  color: #9e9faf;
}
.broadcast-table.broadcast-marketing-table th:first-child,
.broadcast-table.broadcast-marketing-table td:first-child {
  width: 100% !important;
  max-width: 20% !important;
}
.broadcast-table.broadcast-marketing-table th:nth-child(2),
.broadcast-table.broadcast-marketing-table td:nth-child(2) {
  width: 100% !important;
  max-width: 50% !important;
}
.broadcast-table.broadcast-marketing-table th:last-child,
.broadcast-table.broadcast-marketing-table td:last-child {
  width: 100% !important;
  max-width: 30% !important;
  text-align: left;
}

.broadcast-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding-top: 30px;
  border-top: 1px solid #c7c7c7;
}
.broadcast-btns button {
  width: 100% !important;
  padding: 0 40px !important;
  margin: 0 !important;
}
@media (min-width: 768px) {
  .broadcast-btns button {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .broadcast-btns {
    flex-direction: row;
    gap: 50px;
  }
}

.broadcast-header-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.broadcast-header-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-wrap: wrap;
}
.broadcast-header-item span {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .broadcast-header-item {
    white-space: unset;
    flex-wrap: unset;
  }
}

.broadcast-message {
  background-image: url("data:image/svg+xml,%3Csvg width='320' height='650' viewBox='0 0 320 650' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='110' width='5' height='25' fill='%23D9D9D9'/%3E%3Crect y='160' width='5' height='50' fill='%23D9D9D9'/%3E%3Crect y='220' width='5' height='50' fill='%23D9D9D9'/%3E%3Crect x='6.5' y='11.5' width='307' height='627' rx='73.5' fill='%23C7C7C7'/%3E%3Crect x='6.5' y='11.5' width='307' height='627' rx='73.5' stroke='%23E2E2E2' stroke-width='3'/%3E%3Crect x='25' y='30' width='270' height='590' rx='60' fill='%23F7F7F7'/%3E%3Crect x='102.5' y='45' width='115' height='31' rx='15.5' fill='%23C7C7C7'/%3E%3Ccircle cx='190' cy='60.5' r='7.5' fill='%23F7F7F7'/%3E%3Cg clip-path='url(%23clip0_2782_29314)'%3E%3Crect width='270' height='70' transform='translate(25 141)' fill='white'/%3E%3Crect x='40' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='70' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='100' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='130' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='160' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='190' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='220' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='250' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='280' y='454' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='41' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='71' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='101' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='131' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='161' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='191' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='221' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='251' y='494' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='40' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='70' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='100' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='130' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='160' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='190' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='220' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='250' y='534' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='280' y='534' width='28' height='35' rx='2' fill='%23DADADA'/%3E%3Crect x='40' y='574' width='42' height='35' rx='2' fill='%23DADADA'/%3E%3Crect x='84' y='574' width='140' height='35' rx='2' fill='white'/%3E%3Crect x='226' y='574' width='54' height='35' rx='2' fill='%23DADADA'/%3E%3C/g%3E%3Crect x='110' y='602' width='100' height='3' rx='1.5' fill='%23C7C7C7'/%3E%3Crect x='315' y='185' width='5' height='100' fill='%23D9D9D9'/%3E%3Cdefs%3E%3CclipPath id='clip0_2782_29314'%3E%3Crect width='270' height='506' fill='white' transform='translate(25 86)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 320px;
  height: 650px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .broadcast-message {
    background-image: url("data:image/svg+xml,%3Csvg width='412' height='829' viewBox='0 0 412 829' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='200' width='5' height='25' fill='%23D9D9D9'/%3E%3Crect y='250' width='5' height='50' fill='%23D9D9D9'/%3E%3Crect y='310' width='5' height='50' fill='%23D9D9D9'/%3E%3Crect x='6.5' y='1.5' width='399' height='826' rx='73.5' fill='%23C7C7C7'/%3E%3Crect x='6.5' y='1.5' width='399' height='826' rx='73.5' stroke='%23E2E2E2' stroke-width='3'/%3E%3Crect x='25' y='20' width='362' height='789' rx='60' fill='%23F7F7F7'/%3E%3Crect x='148.5' y='35' width='115' height='31' rx='15.5' fill='%23C7C7C7'/%3E%3Ccircle cx='236' cy='50.5' r='7.5' fill='%23F7F7F7'/%3E%3Cg clip-path='url(%23clip0_2766_25688)'%3E%3Crect width='362' height='250' transform='translate(25 131)' fill='white'/%3E%3Crect x='40' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='73.7773' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='107.556' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='141.333' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='175.111' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='208.889' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='242.667' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='276.444' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='310.223' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='344' y='608' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='64' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='96' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='128' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='160' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='192' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='224' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='256' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='288' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='320' y='648' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='40' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='73.7773' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='107.556' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='141.333' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='175.111' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='208.889' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='242.667' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='276.444' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='310.223' y='688' width='28' height='35' rx='2' fill='white'/%3E%3Crect x='344' y='688' width='28' height='35' rx='2' fill='%23DADADA'/%3E%3Crect x='40' y='728' width='60' height='35' rx='2' fill='%23DADADA'/%3E%3Crect x='105' y='728' width='187' height='35' rx='2' fill='white'/%3E%3Crect x='297' y='728' width='75' height='35' rx='2' fill='%23DADADA'/%3E%3C/g%3E%3Crect x='156' y='791' width='100' height='3' rx='1.5' fill='%23C7C7C7'/%3E%3Crect x='407' y='250' width='5' height='100' fill='%23D9D9D9'/%3E%3Cdefs%3E%3CclipPath id='clip0_2766_25688'%3E%3Crect width='362' height='705' fill='white' transform='translate(25 76)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    height: 830px;
    width: 412px;
  }
}

.broadcast-message-header {
  display: flex;
  align-items: center;
  position: absolute;
  top: 90px;
  left: 35px;
  width: calc(100% - 70px);
}
@media (min-width: 768px) {
  .broadcast-message-header {
    top: 84px;
    left: 40px;
    width: calc(100% - 80px);
  }
}

.broadcast-message-title {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
}
.broadcast-message-title::after {
  content: "";
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-color: #d9d9d9;
  border-radius: 50%;
  margin: 0 7px;
}
@media (min-width: 768px) {
  .broadcast-message-title::after {
    margin: 0 10px;
  }
}

.broadcast-message-subtitle {
  display: flex;
  flex-direction: column;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
.broadcast-message-subtitle b {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.broadcast-content-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12px;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #2c2e45;
}
.broadcast-content-title b {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.broadcast-content-subtitle {
  display: flex;
  flex-direction: column;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  margin-top: 10px;
}
.broadcast-content-subtitle b {
  display: block;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
}

.broadcast-content-input.input-grid {
  height: 125px;
  width: 100%;
}

.broadcast-message-content {
  position: absolute;
  top: 222px;
  left: 35px;
  width: calc(100% - 70px);
}
@media (min-width: 768px) {
  .broadcast-message-content {
    top: 394px;
    left: 40px;
    width: calc(100% - 80px);
  }
}

.modal-broadcast {
  width: 95vw;
  max-width: 1105px;
  min-width: unset;
}

.broadcast-message-error {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #f15635;
}

.journey-header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .journey-header {
    display: grid;
    grid-template-columns: 51% 26%;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 18px;
    gap: 20px;
  }
}

.journey-header-select {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  padding: 10px 2px 18px 2px;
}
@media (min-width: 768px) {
  .journey-header-select {
    flex-direction: row;
    gap: 10px;
    padding: 0;
  }
}

.journey-mob-hide {
  display: none !important;
}
@media (min-width: 768px) {
  .journey-mob-hide {
    display: flex !important;
  }
}

.journey-mob-show {
  display: flex !important;
  margin-top: 24px !important;
}
@media (min-width: 768px) {
  .journey-mob-show {
    display: none !important;
  }
}

.radio {
  display: flex;
  align-items: center;
  gap: 10px;
}
.radio input[type=radio] {
  display: none;
}
.radio input[type=radio] + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.radio input[type=radio] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 15px;
  height: 15px;
  min-width: 15px;
  border-radius: 50%;
  border: 1px solid #9e9faf;
  transition: all 0.3s ease;
}
.radio input[type=radio] + label::before {
  box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em white;
}
.radio input[type=radio] + label:hover::before {
  box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
}
.radio input[type=radio]:checked + label::before {
  box-shadow: inset 0 0 0 0.25em #f15635, inset 0 0 0 1em #fff;
}

.radio-label {
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}

.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fec52e;
  gap: 25px;
  padding: 8px 0;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  margin-bottom: 10px;
}

.banner-link {
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #009bed;
  cursor: pointer;
}

.maintenance-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f15635;
  padding: 10px 10px;
  font-family: "avenir", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 10px;
}

.maintenance-page {
  color: #ffffff;
  min-height: 100vh;
  width: 100%;
  background-color: #2C2E45;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
}

.maintenance-title {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  margin-bottom: 10px;
}

.maintenance-message {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

body.hide-zendesk #launcher {
  display: none !important;
  pointer-events: none !important;
}
body.hide-zendesk iframe[title="Close message"],
body.hide-zendesk iframe[title="Message from company"] {
  display: none !important;
  pointer-events: none !important;
}

.input {
  border: 0.5px solid #9e9faf;
  background-color: #fff;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  border-radius: 2px;
  padding: 5px;
  height: 25px;
  width: 100%;
}
.input::placeholder {
  font-size: 12px;
  font-weight: 350;
  color: #c7c7c7;
}
.input:focus {
  outline: 3px solid #fec52e;
  border-radius: 2px;
  border-color: transparent;
}
.input:read-only {
  border-color: #9e9faf;
  background-color: #e2e2e2;
  color: #9e9faf;
  outline: none;
  cursor: default;
}
.input:read-only::placeholder {
  color: #9e9faf;
}
.input:disabled {
  background-color: #fff;
  border-color: #e2e2e2;
}
.input:disabled::placeholder {
  color: #e2e2e2;
}

.input-error {
  display: block;
  text-align: left;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #f15635;
  grid-column: span 2;
}

.wrapper-error input {
  border-color: #f15635 !important;
}

.select-error .select__control {
  border-color: #f15635 !important;
}

.input-form-autorow .label, .input-form-row .label, .input-form-grid .label {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin-bottom: 2px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .input-form-autorow .label, .input-form-row .label, .input-form-grid .label {
    padding-left: 3px;
  }
}
.input-form-autorow .select-custom, .input-form-row .select-custom, .input-form-grid .select-custom {
  width: 100%;
}
.input-form-error.input-form-autorow .input-grid, .input-form-error.input-form-row .input-grid, .input-form-error.input-form-grid .input-grid {
  border-color: #f15635 !important;
}
.input-form-error.input-form-autorow .select-custom .select__control, .input-form-error.input-form-row .select-custom .select__control, .input-form-error.input-form-grid .select-custom .select__control {
  border-color: #f15635 !important;
}

.input-form-grid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.input-form-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.input-form-row .label-grid {
  margin-top: 16px;
}
.input-form-row .suplabel-grid {
  text-align: left;
  height: 14px;
}
@media (min-width: 768px) {
  .input-form-row {
    display: grid;
    grid-template-columns: minmax(min-content, 38%) 58%;
    gap: 10px;
  }
}
.project-modal-group .input-form-row .suplabel-grid {
  display: none;
}
.project-modal-group .input-form-row .label-grid {
  margin-top: 3px;
}
@media (min-width: 768px) {
  .project-modal-group .input-form-row {
    grid-template-columns: minmax(min-content, 115px) auto;
  }
}

.input-form-autorow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
}
.input-form-autorow .suplabel-grid {
  text-align: left;
}
.input-form-autorow .suplabel-grid,
.input-form-autorow .sublabel-grid {
  height: 14px;
}
.input-form-autorow .grid-header {
  width: auto;
}
.input-form-autorow .label-grid {
  padding-top: 17px;
}
@media (min-width: 768px) {
  .input-form-autorow {
    gap: 10px;
  }
}

.input-grid {
  border: 0.5px solid #9e9faf;
  background-color: #fff;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  border-radius: 2px;
  padding: 5px;
  height: 25px;
  width: 100%;
}
.input-grid::placeholder {
  font-size: 12px;
  font-weight: 350;
  color: #c7c7c7;
}
.input-grid:focus {
  outline: 3px solid #fec52e;
  border-radius: 2px;
  border-color: transparent;
}
.input-grid:disabled {
  background-color: #fff !important;
  border-color: #e2e2e2 !important;
}
.input-grid:disabled::placeholder {
  color: #e2e2e2 !important;
}
.input-grid:read-only {
  border-color: #9e9faf;
  background-color: #e2e2e2;
  color: #9e9faf;
  outline: none;
  cursor: default;
}
.input-grid:read-only::placeholder {
  color: #9e9faf;
}

.grid-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.label-grid {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  margin-bottom: 2px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .label-grid {
    padding-left: 3px;
  }
}

.grid-required {
  display: inline-block;
  font-size: 16px;
  font-weight: 900;
  color: #f15635;
}

.select-required.label::after {
  content: "*";
  font-size: 16px;
  font-weight: 900;
  color: #f15635;
}

.suplabel-grid {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  text-align: right;
}

.sublabel-grid {
  display: block;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  text-align: left;
  margin-top: 1px;
}

.grid-error {
  display: block;
  font-size: 12px !important;
  font-weight: normal !important;
  font-style: normal !important;
  color: #f15635 !important;
}

.input-form-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.textarea-preset {
  border: 0.5px solid #9e9faf;
  padding: 5px;
  border-radius: 2px;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  height: 100px;
}
.textarea-preset::placeholder {
  font-size: 12px;
  font-weight: 350;
  color: #c7c7c7;
}
.textarea-preset:focus {
  outline: 3px solid #fec52e;
  border-radius: 2px;
  border-color: transparent;
}
.textarea-preset:read-only {
  border-color: #9e9faf;
  background-color: #e2e2e2;
  color: #9e9faf;
  outline: none;
  cursor: default;
}
.textarea-preset:read-only::placeholder {
  color: #9e9faf;
}
.textarea-preset:disabled {
  background-color: #fff;
  border-color: #e2e2e2;
}
.textarea-preset:disabled::placeholder {
  color: #e2e2e2;
}

.input-form-preset {
  display: grid;
  grid-template-columns: 145px auto;
  gap: 12px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.input-form-preset .suplabel-grid {
  text-align: left !important;
}
.input-form-preset .suplabel-grid {
  height: 14px;
  min-height: 14px;
}
.input-form-preset .select-custom {
  margin-top: 16px;
}
.input-form-preset .label,
.input-form-preset .label-grid {
  white-space: nowrap;
  margin-top: 16px;
}
.input-form-preset.broadcast-input {
  grid-template-columns: auto 1fr;
}
.input-form-preset.broadcast-include-input {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
}
@media (min-width: 768px) {
  .input-form-preset.broadcast-include-input {
    display: grid;
    grid-template-columns: 204px 1fr;
    width: 50%;
  }
}
.input-form-preset.broadcast-include-input .label-grid {
  margin-top: 0;
}
.input-form-preset.broadcast-include-input .suplabel-grid {
  display: none;
}

.input-form-price {
  display: grid;
  grid-template-columns: 150px auto;
  gap: 0 12px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.input-form-price .label-grid,
.input-form-price .grid-header {
  margin: 0;
  height: 100%;
}
.input-form-price .input-error {
  grid-column-start: 2;
}
.price-modal-large .input-form-price {
  grid-template-columns: 175px auto;
}

.input-checkbox {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.input-checkbox-container {
  margin-top: 12px;
  margin-bottom: 28px;
}
.input-checkbox-container .input-checkbox:checked + .input-checkbox-label:before {
  background-color: #f15d3f;
}
.input-checkbox-container .input-checkbox:checked + .input-checkbox-label:after {
  content: "";
}
.input-checkbox-container .input-checkbox:disabled + .input-checkbox-label:before {
  border-color: #e2e2e2;
  background-color: #f7f7f7;
}
.input-checkbox-container .input-checkbox:disabled + .input-checkbox-label {
  cursor: default;
}

.input-checkbox-label {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 0 10px;
  position: relative;
  font-family: "avenir", sans-serif;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  margin: 0 auto;
  width: fit-content;
  cursor: pointer;
}
.input-checkbox-label::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  background-color: #f7f7f7;
  border: 1px solid #9e9faf;
}
.input-checkbox-label::after {
  content: none;
  width: 10px;
  min-width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_61_1033)'%3E%3Cpath d='M2 5L4.25 7.5L8.5 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_61_1033' x='0.75' y='0.249908' width='9.00006' height='9.00009' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='0.5'/%3E%3CfeGaussianBlur stdDeviation='0.25'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_61_1033'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_61_1033' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0, -50%);
}

.input-sublabel {
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-left: 2px;
}

.btn {
  height: 38px;
  font-family: "avenir", sans-serif;
}

.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: fit-content;
  height: 40px;
  margin: 0 auto;
  padding: 0 10px;
  background-color: #f15635;
  border: 1px solid #f15635;
  font-size: 16px;
  font-weight: 900;
  color: #2c2e45;
  border-radius: 2px;
  cursor: pointer;
}
.btn-primary:hover {
  background-color: #fec52e;
  border-color: #fec52e;
  color: #2c2e45;
}
.btn-primary:focus {
  background-color: #2c2e45;
  border-color: #2c2e45;
  color: #f7f7f7;
  outline: none;
}
.btn-primary:disabled {
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  color: #f7f7f7;
  cursor: default;
}

.btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: fit-content;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
  border: 1px solid #9e9faf;
  border-radius: 2px;
  background-color: #f7f7f7;
  white-space: nowrap;
  cursor: pointer;
}
.btn-secondary:hover {
  background-color: #e2e2e2;
}
.btn-secondary:focus {
  background-color: #c7c7c7;
}
.btn-secondary:disabled, .btn-secondary.is-disabled {
  background-color: #f7f7f7;
  border-color: #e2e2e2;
  color: #e2e2e2;
  cursor: default;
}

.btn-colorpicker {
  border: 0.5px solid #9e9faf;
  background-color: #fff;
  font-size: 12px;
  font-weight: 350;
  color: #2c2e45;
  border-radius: 2px;
  padding: 2px 5px;
  height: 25px;
  width: 100%;
  cursor: pointer;
  align-self: flex-end;
}
@media (min-width: 768px) {
  .btn-colorpicker {
    align-self: center;
  }
}
.btn-colorpicker i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 100%;
  margin: 0;
  border: 0.5px solid #9e9faf;
}
.btn-colorpicker i::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87011 5.67624L5.50011 1.09424M1.16211 5.67724L5.53211 1.09424' stroke='%232C2E45' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
  width: 10px;
  min-width: 10px;
  height: 10px;
  position: absolute;
  left: 110%;
}

.btn-container-decrease {
  display: grid;
  grid-template-columns: 1fr 0.58fr;
  gap: 30px;
}

.switch {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .switch {
    margin-top: 7px;
    margin-bottom: 5px;
  }
}

.switch-input {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}

.switch-suplabel {
  display: flex;
  align-items: center;
  font-family: "avenir", sans-serif;
  font-size: 12px;
  font-weight: 350;
  color: #9e9faf;
  margin-left: 5px;
}

.switch-label {
  cursor: pointer;
  width: 28px;
  height: 10px;
  background-color: #9e9faf;
  display: block;
  border-radius: 14px;
  position: relative;
  margin-right: 25px;
}
.switch-label::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 16px;
  height: 16px;
  background-color: #f7f7f7;
  border: 2px solid #9e9faf;
  border-radius: 90px;
  transition: 0.3s;
}

.switch-input:checked + .switch-label {
  background-color: #f15635;
}

.switch-input:checked + .switch-label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}

.switch-label:active:after {
  width: 20px;
}

.switch-input:disabled + .switch-label {
  background-color: #e2e2e2;
  cursor: default;
}

.switch-input:disabled + .switch-label:after {
  border-color: #e2e2e2;
  cursor: default;
}

.switch-text {
  display: flex;
  align-items: flex-end;
  font-size: 14px;
  font-weight: 350;
  color: #2c2e45;
}
@media (min-width: 768px) {
  .switch-text {
    font-size: 12px;
    font-weight: normal;
  }
}

.breadcrumb {
  display: flex;
  gap: 20px;
}

.breadcrumb-list-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 40px;
  gap: 50px;
}

.breadcrumb-list-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-bottom: 3px solid transparent;
}
@media (min-width: 768px) {
  .breadcrumb-list-item {
    overflow: hidden;
  }
}
.breadcrumb-list-item.header-active {
  font-weight: 900;
}
.breadcrumb-list-item.header-active .breadcrumb-item {
  font-weight: 900;
}

.breadcrumb-item {
  font-size: 18px;
  font-weight: 500;
  color: #2c2e45;
  letter-spacing: 0.9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb-mob {
  display: flex;
  align-self: center;
  width: fit-content;
  margin: 18px 0;
}