/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {
  cursor: pointer;
}

.ql-clipboard {
  height: 1px;
  position: absolute;
  top: 50%;
  left: -100000px;
  overflow-y: hidden;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  height: 100%;
  padding: 12px 15px;
  line-height: 1.42;
  overflow-y: auto;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
  margin: 0;
  padding: 0;
}

@supports (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor table {
  border-collapse: collapse;
}

.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}

.ql-editor ol {
  padding-left: 1.5em;
}

.ql-editor li {
  padding-left: 1.5em;
  list-style-type: none;
  position: relative;
}

.ql-editor li > .ql-ui:before {
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
  margin-left: -1.5em;
  margin-right: .3em;
  display: inline-block;
}

.ql-editor li[data-list="checked"] > .ql-ui, .ql-editor li[data-list="unchecked"] > .ql-ui {
  color: #777;
}

.ql-editor li[data-list="bullet"] > .ql-ui:before {
  content: "•";
}

.ql-editor li[data-list="checked"] > .ql-ui:before {
  content: "☑";
}

.ql-editor li[data-list="unchecked"] > .ql-ui:before {
  content: "☐";
}

@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"] {
  counter-increment: list-0;
}

.ql-editor li[data-list="ordered"] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor li[data-list="ordered"].ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}

@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}

.ql-editor li[data-list="ordered"].ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor li.ql-direction-rtl > .ql-ui:before {
  text-align: left;
  margin-left: .3em;
  margin-right: -1.5em;
}

.ql-editor table {
  table-layout: fixed;
  width: 100%;
}

.ql-editor table td {
  outline: none;
}

.ql-editor .ql-code-block-container {
  font-family: monospace;
}

.ql-editor .ql-video {
  max-width: 100%;
  display: block;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: .75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  text-align: inherit;
  direction: rtl;
}

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

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor .ql-ui {
  position: absolute;
}

.ql-editor.ql-blank:before {
  color: #0009;
  content: attr(data-placeholder);
  pointer-events: none;
  font-style: italic;
  position: absolute;
  left: 15px;
  right: 15px;
}

.replayer-wrapper {
  position: relative;
}

.replayer-mouse {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-color: #0000;
  width: 20px;
  height: 20px;
  transition: left 50ms linear, top 50ms linear;
  position: absolute;
}

.replayer-mouse:after {
  content: "";
  opacity: .3;
  background: #4950f6;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
  transform: translate(-50%, -50%);
}

.replayer-mouse.active:after {
  animation: .2s ease-in-out click;
}

.replayer-mouse.touch-device {
  background-image: none;
  border: 4px solid #4950f600;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  margin-top: -37px;
  margin-left: -37px;
  transition: left linear, top linear, border-color .2s ease-in-out;
}

.replayer-mouse.touch-device.touch-active {
  border-color: #4950f6;
  transition: left .25s linear, top .25s linear, border-color .2s ease-in-out;
}

.replayer-mouse.touch-device:after {
  opacity: 0;
}

.replayer-mouse.touch-device.active:after {
  animation: .2s ease-in-out touch-click;
}

.replayer-mouse-tail {
  pointer-events: none;
  position: absolute;
}

@keyframes click {
  0% {
    opacity: .3;
    width: 20px;
    height: 20px;
  }

  50% {
    opacity: .5;
    width: 10px;
    height: 10px;
  }
}

@keyframes touch-click {
  0% {
    opacity: 0;
    width: 20px;
    height: 20px;
  }

  50% {
    opacity: .5;
    width: 10px;
    height: 10px;
  }
}

.rr-player {
  float: left;
  background: #fff;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 24px 48px #11103e1f;
}

.rr-player__frame {
  overflow: hidden;
}

.replayer-wrapper {
  float: left;
  clear: both;
  transform-origin: 0 0;
  top: 50%;
  left: 50%;
}

.replayer-wrapper > iframe {
  border: none;
}

.rr-controller.svelte-19ke1iv.svelte-19ke1iv {
  background: #fff;
  border-radius: 0 0 5px 5px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
}

.rr-timeline.svelte-19ke1iv.svelte-19ke1iv {
  align-items: center;
  width: 80%;
  display: flex;
}

.rr-timeline__time.svelte-19ke1iv.svelte-19ke1iv {
  text-align: center;
  color: #11103e;
  width: 100px;
  display: inline-block;
}

.rr-progress.svelte-19ke1iv.svelte-19ke1iv {
  cursor: pointer;
  box-sizing: border-box;
  background: #eee;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  border-radius: 3px;
  flex: 1;
  height: 12px;
  position: relative;
}

.rr-progress.disabled.svelte-19ke1iv.svelte-19ke1iv {
  cursor: not-allowed;
}

.rr-progress__step.svelte-19ke1iv.svelte-19ke1iv {
  background: #e0e1fe;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.rr-progress__handler.svelte-19ke1iv.svelte-19ke1iv {
  background: #4950f6;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  transform: translate(-50%, -50%);
}

.rr-controller__btns.svelte-19ke1iv.svelte-19ke1iv {
  justify-content: center;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
}

.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:active {
  background: #e0e1fe;
}

.rr-controller__btns.svelte-19ke1iv button.active.svelte-19ke1iv {
  color: #fff;
  background: #4950f6;
}

.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:disabled {
  cursor: not-allowed;
}

.switch.svelte-9brlez.svelte-9brlez.svelte-9brlez {
  align-items: center;
  height: 1em;
  display: flex;
}

.switch.disabled.svelte-9brlez.svelte-9brlez.svelte-9brlez {
  opacity: .5;
}

.label.svelte-9brlez.svelte-9brlez.svelte-9brlez {
  margin: 0 8px;
}

.switch.svelte-9brlez input[type="checkbox"].svelte-9brlez.svelte-9brlez {
  opacity: 0;
  position: absolute;
}

.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez {
  cursor: pointer;
  width: 2em;
  height: 1em;
  display: block;
  position: relative;
}

.switch.disabled.svelte-9brlez label.svelte-9brlez.svelte-9brlez {
  cursor: not-allowed;
}

.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:before {
  content: "";
  background: #4950f680;
  border-radius: 50px;
  width: 2em;
  height: 1em;
  transition: background .1s;
  position: absolute;
  left: .1em;
}

.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:after {
  content: "";
  z-index: 2;
  background: #fcfff4;
  border-radius: 50px;
  width: 1em;
  height: 1em;
  transition: all .2s;
  animation: .2s ease-out switch-off;
  position: absolute;
  left: 0;
  box-shadow: 0 2px 5px #0000004d;
}

.switch.svelte-9brlez input[type="checkbox"].svelte-9brlez:checked + label.svelte-9brlez:before {
  background: #4950f6;
}

.switch.svelte-9brlez input[type="checkbox"].svelte-9brlez:checked + label.svelte-9brlez:after {
  animation: .2s ease-out switch-on;
  left: 1.1em;
}

html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: #0000;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template, [hidden] {
  display: none;
}

html {
  box-sizing: border-box;
}

*, :before, :after {
  box-sizing: inherit;
}

body {
  color: #000;
  font-family: Inter, sans-serif;
}

.heading1 {
  font-size: 24px;
  line-height: 32px;
}

@media (width <= 1023px) {
  .desktop-only {
    display: none;
  }
}

@media (width >= 1024px) {
  .mobile-only {
    display: none;
  }
}

.plain-list {
  padding-left: 0;
  list-style: none;
}

a {
  color: #000;
}

input[type="checkbox"], input[type="date"] {
  border: 1px solid #00000080;
  line-height: 2;
}

.not-done {
  position: relative;
}

.not-done:before {
  text-align: center;
  content: "NOT DONE";
  color: red;
  opacity: .15;
  background-color: #000;
  border-radius: 10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  font-size: 32px;
  line-height: 64px;
  position: absolute;
  top: -10px;
  left: -10px;
}

.lds-ring {
  z-index: 1000000;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lds-ring div {
  box-sizing: border-box;
  border: 6px solid #0000;
  border-top-color: #888;
  border-radius: 50%;
  width: 51px;
  height: 51px;
  margin: 6px;
  animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
  display: block;
  position: absolute;
}

.lds-ring div:first-child {
  animation-delay: -.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (width <= 1023px) {
  .close-mobile {
    content: "X";
    background-position: center;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    display: block;
  }
}

@media (width >= 1024px) {
  .close-mobile {
    display: none;
  }
}

.template-editor-view .tp-editor-container {
  border: 3px solid #444;
}

.template-editor-view .gjs-mdl-dialog {
  max-width: 90%;
}

.template-editor-view .gjs-mdl-dialog .gjs-asset-manager {
  height: 1000px;
  display: flex;
}

.template-editor-view .gjs-mdl-dialog .gjs-asset-manager .gjs-am-file-uploader {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}

.template-editor-view .gjs-mdl-dialog .gjs-asset-manager .gjs-am-assets-cont {
  flex-grow: 1;
  width: auto;
  height: auto;
  overflow-y: auto;
}

.template-editor-view .gjs-mdl-dialog .gjs-asset-manager .gjs-am-assets-cont .gjs-am-assets {
  grid-template-columns: 25% 25% 25% 25%;
  height: auto;
  display: grid;
}

.template-editor-view .gjs-mdl-dialog .gjs-asset-manager .gjs-am-assets-cont .gjs-am-assets .gjs-am-preview-cont {
  height: 120px;
}

.template-editor-view .gjs-cv-canvas {
  width: 100%;
  height: 800px;
  top: 0;
}

.template-editor-view .gjs-block {
  width: auto;
  height: auto;
  min-height: auto;
}

.template-editor-view .panel__top {
  width: 100%;
  position: initial;
  justify-content: space-between;
  padding: 0;
  display: flex;
}

.template-editor-view .panel__basic-actions {
  position: initial;
}

.template-editor-view .editor-row {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  height: 800px;
  display: flex;
}

.template-editor-view .editor-canvas {
  flex-grow: 1;
}

.template-editor-view .panel__right {
  flex-basis: 230px;
  position: relative;
  overflow-y: auto;
}

.template-editor-view .panel__switcher, .template-editor-view .panel__devices {
  position: initial;
}

.qs-datepicker-container {
  color: #000;
  z-index: 9001;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid gray;
  border-radius: .263922em;
  flex-direction: column;
  width: 15.625em;
  font-family: sans-serif;
  font-size: 1rem;
  display: flex;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1.25em 1.25em -.9375em #0000004d;
}

.qs-datepicker-container * {
  box-sizing: border-box;
}

.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qs-hidden {
  display: none;
}

.qs-overlay {
  color: #fff;
  z-index: 1;
  opacity: 1;
  background: #000000bf;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: .5em;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}

.qs-overlay .qs-overlay-year {
  color: #fff;
  text-align: center;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  width: 80%;
  margin: 0 auto;
  padding: .25em 0;
  font-size: .875em;
  display: block;
}

.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.qs-overlay .qs-close {
  cursor: pointer;
  padding: .5em;
  position: absolute;
  top: 0;
  right: 0;
}

.qs-overlay .qs-submit {
  cursor: pointer;
  background: #80808066;
  border: 1px solid #fff;
  border-radius: .263922em;
  margin: 0 auto auto;
  padding: .5em;
}

.qs-overlay .qs-submit.qs-disabled {
  color: gray;
  cursor: not-allowed;
  border-color: gray;
}

.qs-overlay .qs-overlay-month-container {
  flex-wrap: wrap;
  flex-grow: 1;
  display: flex;
}

.qs-overlay .qs-overlay-month {
  cursor: pointer;
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 33.3333%;
  transition: opacity .15s;
  display: flex;
}

.qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-controls {
  filter: blur();
  background: #d3d3d3;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: filter .3s;
  display: flex;
}

.qs-controls.qs-blur {
  filter: blur(5px);
}

.qs-arrow {
  cursor: pointer;
  border-radius: .263922em;
  width: 1.5625em;
  height: 1.5625em;
  transition: background .15s;
  position: relative;
}

.qs-arrow:hover {
  background: #0000001a;
}

.qs-arrow:hover.qs-left:after {
  border-right-color: #000;
}

.qs-arrow:hover.qs-right:after {
  border-left-color: #000;
}

.qs-arrow:after {
  content: "";
  border: .390625em solid #0000;
  transition: border .2s;
  position: absolute;
  top: 50%;
}

.qs-arrow.qs-left:after {
  border-right-color: gray;
  right: 50%;
  transform: translate(25%, -50%);
}

.qs-arrow.qs-right:after {
  border-left-color: gray;
  left: 50%;
  transform: translate(-25%, -50%);
}

.qs-month-year {
  border-bottom: 1px solid #0000;
  font-weight: 700;
  transition: border .2s;
}

.qs-month-year:not(.qs-disabled-year-overlay) {
  cursor: pointer;
}

.qs-month-year:not(.qs-disabled-year-overlay):hover {
  border-bottom: 1px solid gray;
}

.qs-month-year:active:focus, .qs-month-year:focus {
  outline: none;
}

.qs-month {
  padding-right: .5ex;
}

.qs-year {
  padding-left: .5ex;
}

.qs-squares {
  filter: blur();
  flex-wrap: wrap;
  padding: .3125em;
  transition: filter .3s;
  display: flex;
}

.qs-squares.qs-blur {
  filter: blur(5px);
}

.qs-square {
  cursor: pointer;
  border-radius: .263922em;
  justify-content: center;
  align-items: center;
  width: 14.2857%;
  height: 1.5625em;
  transition: background .1s;
  display: flex;
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}

.qs-current {
  font-weight: 700;
  text-decoration: underline;
}

.qs-active, .qs-range-end, .qs-range-start {
  background: #add8e6;
}

.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-middle {
  background: #d4ebf2;
}

.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0;
}

.qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-end:not(.qs-range-0), .qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-disabled, .qs-outside-current-month {
  opacity: .2;
}

.qs-disabled {
  cursor: not-allowed;
}

.qs-day, .qs-empty {
  cursor: default;
}

.qs-day {
  color: gray;
  font-weight: 700;
}

.qs-event {
  position: relative;
}

.qs-event:after {
  content: "";
  background: #07f;
  border-radius: 50%;
  width: .46875em;
  height: .46875em;
  position: absolute;
  bottom: 0;
  right: 0;
}

.float-right {
  float: right;
}

#Alerts .mask, #Confirmation .mask {
  opacity: .5;
  z-index: 9999;
  background-color: #000;
  position: fixed;
  inset: 0;
}

#Alerts .modal, #Confirmation .modal {
  z-index: 10000;
  background-color: #fff;
  max-width: 80%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#Alerts .modal .body, #Confirmation .modal .body {
  margin: 1em;
}

#Alerts .modal ol, #Confirmation .modal ol {
  list-style: none;
}

#Alerts .modal, #Confirmation .modal {
  padding: 20px;
}

#Alerts .modal .close, #Confirmation .modal .close {
  position: absolute;
  top: 4px;
  right: 4px;
}

#Alerts .footer button.option, #Confirmation .footer button.option {
  margin: 1em;
  padding: 1em;
}

.with-validation .error {
  color: red;
}

input.form-control, select.form-control {
  padding: .25em;
}

.clickable:hover {
  color: #009;
}

.clickable {
  cursor: pointer;
  color: #00f;
}

.clickable-no-color {
  cursor: pointer;
}

.display-none {
  display: none;
}

.datefield {
  width: 7em;
}

.app-content > .function-body, .app-content > div > .function-body {
  padding: 1em;
}

@media (width <= 1023px) {
  .app {
    padding-top: 48px;
  }
}

@media print {
  .app {
    padding-top: 0;
  }
}

.app .update-avail {
  text-align: center;
  border: 1px solid orange;
  border-radius: 10px;
  margin: 3px;
  padding: 3px;
  font-size: small;
  display: none;
}

body.update-pending .app .update-avail {
  display: block;
}

.app {
  position: relative;
}

.app > .header {
  z-index: 500;
  background-color: #faebd7;
  height: 48px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

@media print {
  .app > .header {
    display: none;
  }
}

@media (width <= 1023px) {
  .app > .header {
    justify-content: space-between;
    display: block;
  }
}

@media print and (width <= 1023px) {
  .app > .header {
    display: none;
  }
}

@media (width <= 1023px) {
  .app > .header > .hamburger {
    position: absolute;
    top: 0;
    left: 0;
  }

  .app > .header > .scan {
    font-size: x-large;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .app > .header > .update-avail {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.app > .sidebar {
  background-color: #faebd7;
  padding-top: 0;
  padding-bottom: 4em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

@media (width <= 1023px) {
  .app > .sidebar {
    top: 48px;
  }
}

.app > .sidebar {
  width: 250px;
  padding-left: 1em;
  padding-right: 1em;
  transition-property: left;
  transition-duration: .2s;
}

@media (width <= 1023px) {
  .app > .sidebar {
    z-index: 5000;
    left: -250px;
  }

  .app > .sidebar.expanded {
    left: 0;
  }
}

.app > .sidebar ol {
  padding-left: 0;
  list-style: none;
}

.app > .sidebar ol li {
  padding-bottom: 1em;
}

.app > .sidebar ol li .active-function {
  font-weight: bold;
}

.app > .sidebar ol li a {
  text-decoration: none;
}

.app .app-content {
  margin-left: 250px;
}

@media (width <= 1023px) {
  .app .app-content {
    margin-left: 0;
  }
}

@media print {
  .app .app-content {
    margin-left: 0;
    padding-left: 0;
  }
}

.app-sidebar__toggle {
  padding: 0 15px;
  font-family: "Font Awesome 5 Free";
  line-height: 2.4;
  text-decoration: none;
  transition: background-color .3s;
  display: none;
}

@media (width <= 1023px) {
  .app-sidebar__toggle {
    order: -1;
    display: block;
  }
}

.app-sidebar__toggle:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

@media print {
  .app-sidebar__toggle:before {
    content: "";
  }
}

.app-sidebar__toggle:before {
  font-size: 21px;
}

.orders-view .function-body {
  padding: 1em;
}

.orders-view .controls {
  background-color: #faebd7;
  padding: .5em;
}

.order .important-order {
  padding-right: 1em;
}

.orders .controls {
  padding-bottom: 1em;
}

.orders .controls > * {
  margin-bottom: .5em;
}

.orders .order {
  padding-bottom: 1em;
}

.orders .order .new {
  font-weight: bold;
}

.orders .order.not-printed {
  background-color: #ffc;
}

.orders .order.no-delivery-date {
  background-color: pink;
}

.orders .order {
  grid-template: "control product product time"
                 "control product product buyer"
                 "control delivery-note delivery-note delivery-date"
                 / 2em 33fr 33fr 33fr;
  align-items: start;
  display: grid;
}

.orders .order .control {
  border-top: 1px solid #000;
  grid-area: control;
  padding-top: .25em;
}

.orders .order .control.no-border {
  border-top: none;
}

.orders .order .dateCreated {
  border-top: 1px solid #000;
  grid-area: time;
  padding-top: .25em;
  padding-bottom: .25em;
}

.orders .order .lineItems {
  border-top: 1px solid #000;
  grid-area: product;
  padding-top: .25em;
}

.orders .order .lineItems.no-border {
  border-top: none;
}

.orders .order .buyerInfo {
  grid-area: buyer;
  margin-bottom: .5em;
}

.orders .order .deliveryNote {
  grid-area: delivery-note;
  padding-bottom: .25em;
}

.orders .order .deliveryDate {
  grid-area: delivery-date;
  padding-bottom: .25em;
}

.orders .order .deliveryDate .date-suggestion {
  color: #00f;
  font-size: smaller;
}

.orders .order .deliveryDate .set-clock {
  margin-left: 2em;
}

@media print {
  @page {
    margin: 0;
  }

  .print-orders, .view-order, .delivery-view {
    padding-top: 0;
    padding-left: 0;
  }

  .print-orders .pagebreak, .view-order .pagebreak, .delivery-view .pagebreak {
    page-break-before: always;
  }

  .print-orders .noprint, .view-order .noprint, .delivery-view .noprint {
    display: none;
  }
}

.print-orders .controls, .view-order .controls, .delivery-view .controls {
  margin-bottom: 1em;
}

.print-orders .controls button, .view-order .controls button, .delivery-view .controls button {
  margin-top: 1em;
  margin-right: 1em;
  padding: 1em;
}

.print-orders .controls .select-print-format.selected, .view-order .controls .select-print-format.selected, .delivery-view .controls .select-print-format.selected {
  font-weight: bold;
}

.print-orders .print-format.paper .order, .view-order .print-format.paper .order, .delivery-view .print-format.paper .order {
  grid-template: "header buyer-info"
                 "line-items line-items"
                 / 50fr 50fr;
  margin-top: 1cm;
  margin-left: 1cm;
  margin-right: 1cm;
  display: grid;
}

.print-orders .print-format.paper .order .header, .view-order .print-format.paper .order .header, .delivery-view .print-format.paper .order .header {
  grid-area: header;
}

.print-orders .print-format.paper .order .buyerInfo, .view-order .print-format.paper .order .buyerInfo, .delivery-view .print-format.paper .order .buyerInfo {
  grid-area: buyer-info;
}

.print-orders .print-format.paper .order .lineItems, .view-order .print-format.paper .order .lineItems, .delivery-view .print-format.paper .order .lineItems {
  grid-area: line-items;
}

.print-orders .print-format.paper .lineItem, .view-order .print-format.paper .lineItem, .delivery-view .print-format.paper .lineItem {
  grid-template: "product options"
                 "note-to-florist custom-text-fields"
                 / 50fr 50fr;
  gap: 1em;
  margin-top: 1em;
  display: grid;
}

.print-orders .print-format.paper .lineItem .name, .view-order .print-format.paper .lineItem .name, .delivery-view .print-format.paper .lineItem .name {
  grid-area: product;
  font-size: xx-large;
  font-weight: bold;
}

.print-orders .print-format.paper .lineItem .options, .view-order .print-format.paper .lineItem .options, .delivery-view .print-format.paper .lineItem .options {
  grid-area: options;
  font-size: large;
  font-weight: bold;
}

.print-orders .print-format.paper .lineItem .noteToFlorist, .view-order .print-format.paper .lineItem .noteToFlorist, .delivery-view .print-format.paper .lineItem .noteToFlorist {
  grid-area: note-to-florist;
}

.print-orders .print-format.paper .lineItem .customTextFields, .view-order .print-format.paper .lineItem .customTextFields, .delivery-view .print-format.paper .lineItem .customTextFields {
  white-space: pre-wrap;
  grid-area: custom-text-fields;
}

.print-orders .print-format.paper .lineItem .customTextFields .highlight, .view-order .print-format.paper .lineItem .customTextFields .highlight, .delivery-view .print-format.paper .lineItem .customTextFields .highlight {
  font-weight: bold;
}

.print-orders .print-format.paper .lineItem .noteToFlorist .customTextField .value, .view-order .print-format.paper .lineItem .noteToFlorist .customTextField .value, .delivery-view .print-format.paper .lineItem .noteToFlorist .customTextField .value {
  border: 1px solid #000;
  margin: .5em;
  padding: 1em;
  font-weight: bold;
}

.print-orders .print-format.paper .lineItem, .view-order .print-format.paper .lineItem, .delivery-view .print-format.paper .lineItem {
  border-bottom: 1px solid gray;
  padding-bottom: 2em;
}

.print-orders .print-format.paper .qrcode-container canvas, .view-order .print-format.paper .qrcode-container canvas, .delivery-view .print-format.paper .qrcode-container canvas {
  width: 150px;
}

.print-orders .print-format.paper .history ol, .view-order .print-format.paper .history ol, .delivery-view .print-format.paper .history ol {
  list-style: none;
}

.print-orders .print-format.paper .history ol li, .view-order .print-format.paper .history ol li, .delivery-view .print-format.paper .history ol li {
  margin-bottom: .5em;
}

.print-orders .print-format.label, .view-order .print-format.label, .delivery-view .print-format.label {
  overflow-wrap: anywhere;
  width: 100mm;
  height: 73.5mm;
  padding-top: 1em;
}

.print-orders .print-format.label .order, .view-order .print-format.label .order, .delivery-view .print-format.label .order {
  border: 1px solid #000;
  width: 98.6771mm;
  height: 72.1771mm;
}

@media print {
  .print-orders .print-format.label .order, .view-order .print-format.label .order, .delivery-view .print-format.label .order {
    border: none;
  }
}

.print-orders .print-format.label .order, .view-order .print-format.label .order, .delivery-view .print-format.label .order {
  grid-template: "header buyer-info"
  / 50fr 50fr;
  margin: 0;
  display: grid;
}

.print-orders .print-format.label .order .header, .view-order .print-format.label .order .header, .delivery-view .print-format.label .order .header {
  grid-area: header;
}

.print-orders .print-format.label .order .buyerInfo, .view-order .print-format.label .order .buyerInfo, .delivery-view .print-format.label .order .buyerInfo {
  grid-area: buyer-info;
}

.print-orders .print-format.label .order .buyerInfo .date, .view-order .print-format.label .order .buyerInfo .date, .delivery-view .print-format.label .order .buyerInfo .date {
  text-align: right;
  margin-bottom: 1em;
  display: block;
}

.print-orders .print-format.label .qrcode-container canvas, .view-order .print-format.label .qrcode-container canvas, .delivery-view .print-format.label .qrcode-container canvas {
  width: 35mm;
}

.print-orders .print-format.label .delivery-address, .view-order .print-format.label .delivery-address, .delivery-view .print-format.label .delivery-address {
  margin-top: 4mm;
}

.print-orders .print-format.label .options, .view-order .print-format.label .options, .delivery-view .print-format.label .options {
  font-weight: bold;
}

@media print {
  .noprint {
    display: none;
  }
}

.list-orders-view .status-Delivered {
  background-color: #ffdb99;
}

.list-orders-view .order-container {
  break-inside: avoid;
  border-bottom: 1px solid gray;
  padding: 1em;
}

.list-orders-view .order-container .order .directions {
  float: right;
}

.list-orders-view .order-container .order .directions img.navigation {
  max-width: 48px;
}

.list-orders-view .order-container .order {
  grid-template-columns: 50% 50%;
  display: grid;
}

.list-orders-view .order-container .order .option {
  font-weight: bold;
}

.list-orders-view .order-container .order .buyer {
  margin-top: .5em;
}

.list-orders-view .order-container .order .date {
  margin-bottom: .5em;
}

.orders-view .controls {
  margin-bottom: 1em;
}

.orders-view .controls .control {
  margin-bottom: .5em;
  margin-right: 1em;
  padding: .25em;
}

.orders-view .controls .control.states {
  min-width: 200px;
}

.orders-view .controls {
  display: flex;
}

@media (width <= 1023px) {
  .orders-view .controls {
    grid-row-gap: 8px;
    grid-template-columns: 1fr 2em;
    grid-template-areas: "top refresh"
                         "middle middle"
                         "bottom bottom";
    display: grid;
  }

  .orders-view .controls .filters {
    grid-area: top;
    display: flex;
  }

  .orders-view .controls .filters.overflow-x-auto {
    overflow-x: auto;
  }

  .orders-view .controls .search {
    grid-area: middle;
    display: flex;
  }

  .orders-view .controls .search .control {
    width: 100%;
  }

  .orders-view .controls .actions {
    grid-area: bottom;
  }

  .orders-view .controls .refresh {
    grid-area: refresh;
  }
}

.orders-view .set-clock-modal {
  display: none;
}

.orders-view .set-clock-modal.active {
  z-index: 1000;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  min-width: 600px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 10% 0;
  box-shadow: 0 4px 8px #3c3f5133;
}

@media (width <= 1023px) {
  .orders-view .set-clock-modal.active {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
  }
}

.orders-view .set-clock-modal.active:before {
  content: " ";
  z-index: -10;
  background-color: #0006;
  position: fixed;
  inset: 0;
}

.orders-view .set-clock-modal.active .title {
  color: #000;
  background-color: #faebd7;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.orders-view .set-clock-modal.active .title .close {
  vertical-align: middle;
  width: 48px;
  height: 48px;
  display: block;
}

.orders-view .set-clock-modal.active .title .close.inline-close {
  display: inline-block;
}

.orders-view .set-clock-modal.active .title .close {
  content: "X";
  background-position: 0 100%;
  background-repeat: no-repeat;
  height: auto;
}

.orders-view .set-clock-modal.active .content {
  background-color: #fff;
  flex-grow: 1;
  padding: 24px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  overflow-y: auto;
}

.orders-view .set-clock-modal.active .content:after {
  content: "";
  width: 100%;
  height: 24px;
  display: block;
}

@media (width <= 1023px) {
  .orders-view .set-clock-modal.active {
    width: 100%;
  }
}

.orders-view .set-clock-modal .buttons button {
  margin: 1em;
  padding: 1em;
}

.view-order .order, .view-order .lineItem {
  grid-template-rows: auto;
  grid-template-columns: 100fr;
  row-gap: 1em;
  display: grid;
}

.view-order .lineItem .noteToFlorist .customTextField {
  margin-bottom: 1em;
}

.view-order .lineItem .noteToFlorist .customTextField .title {
  font-weight: bold;
}

.view-order .actions button.action, .view-order .actions button.delivery-load, .view-order .actions input {
  margin: 1em;
  padding: 1em;
}

.view-order .actions-quick button.action, .view-order .actions-quick button.delivery-load, .view-order .actions-quick input {
  padding: 1em;
  font-weight: bold;
}

.view-order .history ol {
  list-style: none;
}

.view-order .history ol li {
  margin-bottom: .5em;
}

.view-order .history ol li img {
  border: 1px solid gray;
  border-radius: .25em;
  max-height: 300px;
  margin: .25em;
  display: block;
}

.view-order .image-modal {
  display: none;
}

.view-order .image-modal.active {
  z-index: 1000;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  min-width: 600px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 10% 0;
  box-shadow: 0 4px 8px #3c3f5133;
}

@media (width <= 1023px) {
  .view-order .image-modal.active {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
  }
}

.view-order .image-modal.active:before {
  content: " ";
  z-index: -10;
  background-color: #0006;
  position: fixed;
  inset: 0;
}

.view-order .image-modal.active .title {
  color: #000;
  background-color: #faebd7;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.view-order .image-modal.active .title .close {
  vertical-align: middle;
  width: 48px;
  height: 48px;
  display: block;
}

.view-order .image-modal.active .title .close.inline-close {
  display: inline-block;
}

.view-order .image-modal.active .title .close {
  content: "X";
  background-position: 0 100%;
  background-repeat: no-repeat;
  height: auto;
}

.view-order .image-modal.active .content {
  background-color: #fff;
  flex-grow: 1;
  padding: 24px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  overflow-y: auto;
}

.view-order .image-modal.active .content:after {
  content: "";
  width: 100%;
  height: 24px;
  display: block;
}

@media (width <= 1023px) {
  .view-order .image-modal.active {
    width: 100%;
  }
}

.view-order .image-modal img {
  border: 1px solid gray;
  border-radius: .25em;
  width: auto;
  max-width: 95%;
  height: auto;
  max-height: 95%;
  margin: auto;
  display: block;
}

.view-order .sms-modal {
  display: none;
}

.view-order .sms-modal.active {
  z-index: 1000;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  min-width: 600px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 10% 0;
  box-shadow: 0 4px 8px #3c3f5133;
}

@media (width <= 1023px) {
  .view-order .sms-modal.active {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
  }
}

.view-order .sms-modal.active:before {
  content: " ";
  z-index: -10;
  background-color: #0006;
  position: fixed;
  inset: 0;
}

.view-order .sms-modal.active .title {
  color: #000;
  background-color: #faebd7;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.view-order .sms-modal.active .title .close {
  vertical-align: middle;
  width: 48px;
  height: 48px;
  display: block;
}

.view-order .sms-modal.active .title .close.inline-close {
  display: inline-block;
}

.view-order .sms-modal.active .title .close {
  content: "X";
  background-position: 0 100%;
  background-repeat: no-repeat;
  height: auto;
}

.view-order .sms-modal.active .content {
  background-color: #fff;
  flex-grow: 1;
  padding: 24px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  overflow-y: auto;
}

.view-order .sms-modal.active .content:after {
  content: "";
  width: 100%;
  height: 24px;
  display: block;
}

@media (width <= 1023px) {
  .view-order .sms-modal.active {
    width: 100%;
  }
}

.view-order .send-sms form {
  flex-direction: column;
  display: flex;
}

.view-order .send-sms .form-control {
  margin: .5em;
  padding: .5em;
}

@media (width <= 1023px) {
  .view-order .send-sms textarea {
    height: 7em;
  }
}

.view-order .photo-modal {
  display: none;
}

.view-order .photo-modal.active {
  z-index: 1000;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  min-width: 600px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 10% 0;
  box-shadow: 0 4px 8px #3c3f5133;
}

@media (width <= 1023px) {
  .view-order .photo-modal.active {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
  }
}

.view-order .photo-modal.active:before {
  content: " ";
  z-index: -10;
  background-color: #0006;
  position: fixed;
  inset: 0;
}

.view-order .photo-modal.active .title {
  color: #000;
  background-color: #faebd7;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.view-order .photo-modal.active .title .close {
  vertical-align: middle;
  width: 48px;
  height: 48px;
  display: block;
}

.view-order .photo-modal.active .title .close.inline-close {
  display: inline-block;
}

.view-order .photo-modal.active .title .close {
  content: "X";
  background-position: 0 100%;
  background-repeat: no-repeat;
  height: auto;
}

.view-order .photo-modal.active .content {
  background-color: #fff;
  flex-grow: 1;
  padding: 24px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  overflow-y: auto;
}

.view-order .photo-modal.active .content:after {
  content: "";
  width: 100%;
  height: 24px;
  display: block;
}

@media (width <= 1023px) {
  .view-order .photo-modal.active {
    width: 100%;
  }
}

.view-order .photo-modal input, .login-view .logo {
  display: none;
}

@media (width <= 1023px) {
  .login-view .logo {
    display: block;
  }

  .login-view {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
}

.login-view .form-control {
  max-width: 300px;
  margin-top: 1em;
  display: block;
}

.login-view button {
  padding: 1em;
}

.products-view .products {
  list-style: none;
}

.products-view .products li {
  border-bottom: 1px solid gray;
  margin-bottom: 1em;
}

.products-view .products li .good {
  color: #4caf50;
}

.products-view .products li .bad {
  color: red;
}

.products-view .variants {
  margin: .5em;
}

.products-view ol.variants-hidden {
  list-style: none;
  display: none;
}

.products-view ol.variants-hidden .choice {
  padding-right: 1em;
  display: inline;
}

.users-view table.users td, .users-view table.users th {
  padding: .25em;
}

.users-view table.users {
  padding-bottom: 1em;
}

.users-view button {
  margin-right: 1em;
  padding: .5em;
}

.users-view form.editor .fields {
  grid-template-rows: auto;
  grid-template-columns: 50fr;
  max-width: 300px;
  margin-top: 1em;
  display: grid;
}

.users-view form.editor .form-control {
  margin-bottom: 1em;
}

.users-view form.casual-driver-editor {
  max-width: 300px;
  padding-top: 1em;
}

.users-view form.casual-driver-editor .field {
  flex-direction: column;
  display: flex;
}

.users-view form.casual-driver-editor input {
  margin-bottom: .5em;
  padding: .5em;
}

.users-view form.casual-driver-editor button {
  padding: 1em;
}

.shipping-address {
  border: 1px solid #000;
  margin: 1em;
  padding: 1em;
}

.payment-view {
  padding-left: 1em;
}

.payment-view .form-control {
  margin-top: 1em;
}

.payment-view form.amount-form * {
  display: block;
}

.payment-view form.payment-form {
  margin-top: 1em;
  display: none;
}

.payment-view .amount {
  font-size: x-large;
  font-weight: bold;
}

.payment-view .description {
  font-size: large;
  font-weight: bold;
}

.payment-view .refresh {
  padding-bottom: 1em;
}

.payment-element-view .payment-element-container {
  background-color: #faebd7;
  border: 1px solid gray;
  border-radius: .25em;
  max-width: 600px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}

.payment-element-view button {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}

.payment-element-view .message {
  color: red;
  font-size: xx-large;
  font-weight: bold;
}

.payment-element-view .status {
  text-transform: capitalize;
  font-size: xx-large;
  font-weight: bold;
}

.delivery-view .order, .pickup-view .order {
  break-inside: avoid;
}

.delivery-view .controls, .pickup-view .controls {
  margin-bottom: 1em;
}

.delivery-view .controls button, .pickup-view .controls button {
  margin-right: .5em;
  padding: 1em;
}

.delivery-view .controls .form-control, .pickup-view .controls .form-control {
  width: 100%;
  display: block;
}

.delivery-view .controls .addresses, .pickup-view .controls .addresses {
  margin-top: 1em;
}

.delivery-view .delivery-address, .pickup-view .delivery-address {
  margin-bottom: 1em;
}

.delivery-view .status-Delivered, .pickup-view .status-Delivered {
  background-color: #ffdb99;
}

.delivery-view img.navigation, .pickup-view img.navigation {
  width: 75%;
  max-width: 48px;
  margin-top: 1em;
}

.delivery-view .deliveryNote, .pickup-view .deliveryNote {
  margin-top: .5em;
}

.delivery-view .option, .pickup-view .option {
  font-weight: bold;
}

.delivery-view button, .pickup-view button {
  margin-top: 1em;
  margin-right: 1em;
  padding: 1em;
}

.logout-view button.logout {
  padding: 1em;
}

ol.server-error-list {
  padding-left: 0;
}

.add-order-view form.add-order-form {
  font-size: 30px;
}

.add-order-view form.add-order-form .section {
  background-color: #faebd7;
  border-radius: .5em;
  padding: .5em 2em;
}

.add-order-view form.add-order-form .section.hidden {
  display: none;
}

.add-order-view form.add-order-form label {
  font-size: smaller;
  display: block;
}

.add-order-view form.add-order-form .addons {
  margin-bottom: 1em;
}

.add-order-view form.add-order-form .addons .addon {
  margin-bottom: .3px;
}

.add-order-view form.add-order-form .addons .addon label {
  margin-left: .5em;
  font-size: 30px;
  display: inline;
}

.add-order-view form.add-order-form .addressLine1 {
  margin-bottom: 2em;
}

.add-order-view form.add-order-form a.copy-buyer-name, .add-order-view form.add-order-form a.copy-buyer-phone {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: smaller;
  display: block;
}

.add-order-view form.add-order-form input.form-control, .add-order-view form.add-order-form textarea.form-control {
  width: 100%;
  margin-bottom: .5em;
  padding: .25em;
  display: block;
}

@media (width >= 1024px) {
  .add-order-view form.add-order-form .buyerInfo .grid {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .add-order-view form.add-order-form .buyerInfo .grid .firstName {
    grid-column-end: span 2;
  }

  .add-order-view form.add-order-form .lineItems .grid {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
}

@media (width >= 1024px) and (width >= 1024px) {
  .add-order-view form.add-order-form .shippingInfo .dateandtime {
    flex-direction: row;
    gap: 1em;
    display: flex;
  }

  .add-order-view form.add-order-form .shippingInfo label {
    text-wrap: none;
  }
}

@media (width >= 1024px) {
  .add-order-view form.add-order-form .shippingInfo .grid {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .add-order-view form.add-order-form .shippingInfo .grid .firstName {
    grid-column-end: span 2;
  }

  .add-order-view form.add-order-form {
    grid-gap: 1em;
    grid-template-areas: "buyer-info buyer-info"
                         "line-items line-items"
                         "delivery-info delivery-info"
                         "inventory inventory"
                         "addons addons"
                         "message message"
                         "price price";
    align-items: stretch;
    display: grid;
  }
}

@media (width >= 1024px) and (width <= 1023px) {
  .add-order-view form.add-order-form {
    grid-template-areas: "buyer-info"
                         "line-items"
                         "delivery-info"
                         "inventory"
                         "addons"
                         "message"
                         "price";
  }
}

@media (width >= 1024px) {
  .add-order-view form.add-order-form .buyerInfo {
    grid-area: buyer-info;
  }

  .add-order-view form.add-order-form .shippingInfo {
    grid-area: delivery-info;
  }

  .add-order-view form.add-order-form .lineItems {
    grid-area: line-items;
  }

  .add-order-view form.add-order-form .inventory {
    grid-area: inventory;
  }

  .add-order-view form.add-order-form .addons {
    grid-area: addons;
  }

  .add-order-view form.add-order-form .message {
    grid-area: message;
  }

  .add-order-view form.add-order-form .totalprice {
    grid-area: price;
  }
}

.add-order-view form.add-order-form .totalprice table {
  border: 1px solid gray;
  min-width: 400px;
  margin-top: 1em;
}

.add-order-view form.add-order-form .totalprice table tr.total {
  font-weight: bold;
}

.add-order-view form.add-order-form .totalprice table td {
  border-bottom: 1px solid gray;
  padding: .5em;
}

.add-order-view form.add-order-form .message textarea {
  width: 100%;
}

.add-order-view button.action {
  margin: 1em;
  padding: 1em;
}

.add-order-view form.payment-form {
  margin-top: 1em;
  display: none;
}

.add-payment-view form.add-payment-form {
  font-size: 30px;
}

.add-payment-view form.add-payment-form .section {
  background-color: #faebd7;
  border-radius: .5em;
  padding: .5em 2em;
}

.add-payment-view form.add-payment-form label {
  font-size: smaller;
  display: block;
}

.add-payment-view form.add-payment-form input.form-control, .add-payment-view form.add-payment-form textarea.form-control {
  width: 100%;
  margin-bottom: .5em;
  padding: .25em;
  display: block;
}

@media (width >= 1024px) {
  .add-payment-view form.add-payment-form .lineItems {
    grid-gap: 1em;
    grid-template-columns: 1fr;
    display: grid;
  }
}

.add-payment-view button.action {
  margin: 1em;
  padding: 1em;
}

.add-payment-view form.payment-form {
  margin-top: 1em;
  display: none;
}

.edit-order-view form.edit-order-form {
  font-size: 30px;
}

.edit-order-view form.edit-order-form .section {
  background-color: #faebd7;
  border-radius: .5em;
  padding: .5em 2em;
}

.edit-order-view form.edit-order-form label {
  font-size: smaller;
  display: block;
}

.edit-order-view form.edit-order-form .originalAddress {
  border: 1px solid gray;
  border-radius: 3px;
  margin: .5em;
  padding: .5em;
}

.edit-order-view form.edit-order-form .addressLine1 {
  margin-bottom: 2em;
}

.edit-order-view form.edit-order-form input.form-control, .edit-order-view form.edit-order-form textarea.form-control {
  width: 100%;
  margin-bottom: .5em;
  padding: .25em;
  display: block;
}

@media (width >= 1024px) {
  .edit-order-view form.edit-order-form .buyerInfo .grid {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .edit-order-view form.edit-order-form .buyerInfo .grid .firstName {
    grid-column-end: span 2;
  }

  .edit-order-view form.edit-order-form .lineItems .grid {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
}

@media (width >= 1024px) and (width >= 1024px) {
  .edit-order-view form.edit-order-form .shippingInfo .dateandtime {
    flex-direction: row;
    gap: 1em;
    display: flex;
  }

  .edit-order-view form.edit-order-form .shippingInfo label {
    text-wrap: none;
  }
}

@media (width >= 1024px) {
  .edit-order-view form.edit-order-form .shippingInfo .grid {
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .edit-order-view form.edit-order-form .shippingInfo .grid .firstName {
    grid-column-end: span 2;
  }

  .edit-order-view form.edit-order-form {
    grid-gap: 1em;
    grid-template-areas: "buyer-info buyer-info"
                         "line-items line-items"
                         "delivery-info delivery-info"
                         "message message";
    align-items: stretch;
    display: grid;
  }
}

@media (width >= 1024px) and (width <= 1023px) {
  .edit-order-view form.edit-order-form {
    grid-template-areas: "buyer-info"
                         "line-items"
                         "delivery-info"
                         "message";
  }
}

@media (width >= 1024px) {
  .edit-order-view form.edit-order-form .buyerInfo {
    grid-area: buyer-info;
  }

  .edit-order-view form.edit-order-form .shippingInfo {
    grid-area: delivery-info;
  }

  .edit-order-view form.edit-order-form .lineItems {
    grid-area: line-items;
  }

  .edit-order-view form.edit-order-form .message {
    grid-area: message;
  }
}

.edit-order-view form.edit-order-form .message textarea {
  width: 100%;
}

.edit-order-view button.action {
  margin: 1em;
  padding: 1em;
}

.map-orders-view .function-body {
  padding: 1em;
}

.map-orders-view .estimates {
  display: none;
}

.map-orders-view .form-control {
  width: 100%;
  display: block;
}

.map-orders-view .control {
  padding-top: 1em;
}

@media print {
  .about-view .noprint {
    display: none;
  }
}

.number-view label, .number-view input, .number-view button {
  margin-bottom: 1em;
}

.number-view button {
  padding: 1em;
}

.reports-view form.report-form, .reports-view form.authenticate-form {
  max-width: 800px;
}

.reports-view form.report-form .section, .reports-view form.authenticate-form .section {
  background-color: #faebd7;
  border-radius: .5em;
  padding: .5em 2em;
}

.reports-view form.report-form input.form-control, .reports-view form.report-form textarea.form-control, .reports-view form.authenticate-form input.form-control, .reports-view form.authenticate-form textarea.form-control {
  width: 100%;
  margin-bottom: .5em;
  padding: .25em;
  display: block;
}

.reports-view form.report-form .dates .grid, .reports-view form.report-form .authenticate .grid, .reports-view form.authenticate-form .dates .grid, .reports-view form.authenticate-form .authenticate .grid {
  grid-gap: 1em;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.reports-view .action {
  margin: 1em;
  padding: 1em;
}

.reports-view table.sales-summary {
  border-collapse: collapse;
  border: 3px solid purple;
  width: 100%;
}

.reports-view table.sales-summary td, .reports-view table.sales-summary th {
  text-align: right;
  padding: .5em;
}

.reports-view table.sales-summary tfoot {
  border-top: 2px solid purple;
}

.reports-view table.google-ads-table {
  border-collapse: collapse;
  border: 3px solid purple;
  width: 100%;
}

.reports-view table.google-ads-table td, .reports-view table.google-ads-table th {
  padding: .5em;
}

.reports-view table.google-ads-table td.right, .reports-view table.google-ads-table th.right {
  text-align: right;
}

.reports-view table.google-ads-table tfoot {
  border-top: 2px solid purple;
}

.reports-view table.delivery-details {
  border-collapse: collapse;
  border: 3px solid purple;
  width: 100%;
}

.reports-view table.delivery-details td, .reports-view table.delivery-details th {
  text-align: right;
  padding: .5em;
}

.reports-view table.delivery-details td.nobreak, .reports-view table.delivery-details th.nobreak {
  white-space: nowrap;
}

.reports-view table.delivery-details tfoot {
  border-top: 2px solid purple;
}

.reports-view .chartelt {
  height: 800px;
}

.address a.directions {
  float: right;
}

.address a.directions img {
  max-width: 48px;
}

.huge-button {
  padding: 1em;
}

.wix-view {
  padding-left: 1em;
}

.wix-view table.new-checkout-products td {
  padding: 4px;
}

.wix-view table.new-checkout-products .enabled {
  background-color: #4caf50;
}

.wix-view table.new-checkout-products .disabled {
  background-color: orange;
}

.list-activity-view .refresh {
  float: right;
}

.list-activity-view .controls {
  margin-bottom: 8px;
}

.list-activity-view table.list-activities tr.activity td {
  padding-bottom: 1em;
  padding-right: 2em;
}

.config-view li {
  list-style-type: none;
}

.config-view button {
  margin-left: 1em;
  padding: 1em;
}

.config-view .error {
  color: red;
  padding-left: 1em;
}

.config-view .test_address, .config-view .test_result {
  margin-top: .5em;
  margin-bottom: .5em;
}

.config-view .test_address label {
  margin-right: 1em;
}

.config-view button.save-delivery-costs {
  margin-bottom: 1em;
}

.config-view .delivery-samples-costs-map-view {
  height: 600px;
}

.config-view .pickup_cutoffs input, .config-view .delivery_cutoffs input {
  width: 10em;
  margin-bottom: 8px;
}

.casual-driver-view .sms {
  display: flex;
}

.casual-driver-view .sms input {
  width: 8em;
}

.casual-driver-view .sms button {
  margin-left: 1em;
}

.edit-website-view .pages .page, .edit-website-view .pages .menu, .edit-website-view .menus .page, .edit-website-view .menus .menu {
  padding-bottom: 1em;
}

.edit-website-view .pages button, .edit-website-view .menus button {
  margin: 1em;
  padding: 1em;
}

.edit-menu-view label {
  padding-right: 2em;
}

.edit-menu-view select {
  margin-bottom: .5em;
  padding: .25em;
}

.edit-page-view input.form-control, .edit-page-view textarea.form-control, .edit-menu-view input.form-control, .edit-menu-view textarea.form-control {
  width: 100%;
  margin-bottom: .5em;
  padding: .25em;
  display: block;
}

.edit-page-view button, .edit-menu-view button {
  margin: 1em;
  padding: 1em;
}

.shop-products-view ul.products {
  list-style: none;
}

.shop-products-view ul.products li.product {
  margin-bottom: 8px;
}

.shop-products-view ul.products li.product input[type="checkbox"] {
  margin-right: .5em;
}

.shop-products-view ul.products li.product.product-hidden a {
  margin-left: 1em;
  font-style: italic;
}

.shop-products-view .actions button {
  margin-right: 1em;
}

.shop-product-view {
  position: relative;
}

.shop-product-view .pending-changes {
  z-index: 1000;
  background-color: pink;
  border: 1px solid red;
  border-radius: 8px;
  padding: 1em;
  display: none;
  position: fixed;
  top: 0;
  right: 1em;
}

.shop-product-view .pending-changes.pending {
  display: block;
}

.shop-product-view form {
  background-color: #faebd7;
  padding: 1em;
}

.shop-product-view form .description-editor {
  background-color: #fff;
  border: 1px solid #0000004d;
  margin-bottom: .5em;
  padding: 1em;
}

.shop-product-view input.form-control, .shop-product-view textarea.form-control {
  width: 100%;
  margin-bottom: .5em;
  padding: .25em;
  display: block;
}

.shop-product-view textarea.form-control {
  height: 10rem;
}

.shop-product-view .size {
  margin-bottom: 1rem;
}

.shop-product-view .size label {
  padding-right: 1rem;
}

.shop-product-view .size input {
  margin-right: 4rem;
}

.shop-product-view .sizes img {
  border: 1px solid #000;
  max-width: 200px;
  max-height: 200px;
}

.shop-product-view .sizes .existing-size {
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

@media (width <= 1023px) {
  .shop-product-view .sizes .existing-size {
    grid-template-columns: 1fr;
  }

  .shop-product-view .sizes .existing-size .data {
    border-bottom: 1px solid gray;
  }
}

.shop-product-view .sizes .existing-size .data label, .shop-product-view .sizes .existing-size .data input, .shop-product-view .sizes .existing-size .data button {
  margin-bottom: 1em;
  margin-right: .5em;
  line-height: 1.5em;
}

.shop-product-view .sizes .existing-size .data button {
  margin: 0;
  padding: 0 2em;
}

.shop-product-view .media-items {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  display: grid;
}

.shop-product-view .media-items img {
  border: 1px solid #000;
  max-width: 200px;
}

.shop-product-view button {
  margin: 1em;
  padding: 1em;
}

.shop-product-view .ql-container {
  font-size: 18px;
}

.shop-product-view .collections-container label, .shop-product-view .extras-container label {
  margin-right: 1em;
}

.shop-product-view .pill {
  color: #fff;
  background-color: #000000bf;
  margin: 1em;
  padding: 1em;
  display: inline-block;
}

.shop-product-view .pill a {
  color: #fff;
}

.shop-product-view .asset-manager-modal {
  display: none;
}

.shop-product-view .asset-manager-modal.active {
  z-index: 1000;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  min-width: 600px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 10% 0;
  box-shadow: 0 4px 8px #3c3f5133;
}

@media (width <= 1023px) {
  .shop-product-view .asset-manager-modal.active {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
  }
}

.shop-product-view .asset-manager-modal.active:before {
  content: " ";
  z-index: -10;
  background-color: #0006;
  position: fixed;
  inset: 0;
}

.shop-product-view .asset-manager-modal.active .title {
  color: #000;
  background-color: #faebd7;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.shop-product-view .asset-manager-modal.active .title .close {
  vertical-align: middle;
  width: 48px;
  height: 48px;
  display: block;
}

.shop-product-view .asset-manager-modal.active .title .close.inline-close {
  display: inline-block;
}

.shop-product-view .asset-manager-modal.active .title .close {
  content: "X";
  background-position: 0 100%;
  background-repeat: no-repeat;
  height: auto;
}

.shop-product-view .asset-manager-modal.active .content {
  background-color: #fff;
  flex-grow: 1;
  padding: 24px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  overflow-y: auto;
}

.shop-product-view .asset-manager-modal.active .content:after {
  content: "";
  width: 100%;
  height: 24px;
  display: block;
}

@media (width <= 1023px) {
  .shop-product-view .asset-manager-modal.active {
    width: 100%;
  }
}

.shop-product-view .asset-manager-modal {
  max-width: 90% !important;
}

.shop-product-view .inventory-use .use {
  color: red;
  padding-bottom: 8px;
}

.shop-product-view .inventory-use .add-use {
  background-color: #faebd7;
  border: 1px solid gray;
  padding: .5em;
}

.shop-product-view .inventory-use .add-use select {
  padding-right: 1em;
}

.shop-product-view .inventory-use .add-use input[name="inventory_use_quantity"], .shop-product-view .inventory-use .add-use input[name="inventory_use_quantity"] {
  width: 4em;
}

.asset-manager-view .form-group {
  margin-bottom: 1em;
}

.asset-manager-view .form-group label {
  margin-right: 1em;
}

.asset-manager-view .assets {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.asset-manager-view .assets .asset .name {
  text-wrap: wrap;
  max-width: 200px;
}

.asset-manager-view img {
  border: 1px solid #000;
  max-width: 200px;
  max-height: 200px;
}

.image-reorder .gjs-pn-panels, .image-reorder gjs-vs-tools, .string-reorder .gjs-pn-panels, .string-reorder gjs-vs-tools {
  display: none;
}

.image-reorder .gjs-one-bg, .string-reorder .gjs-one-bg {
  background-color: #fff;
}

.backup-view button.big {
  margin: 1em;
  padding: 1em;
}

.backup-view .history td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.backup-view .history .active {
  background-color: #90ee90;
}

.backup-view .history .previewing {
  background-color: orange;
}

.backup-view .history button, .backup-view .history a {
  margin-right: 1em;
}

.invoice-view form label {
  font-size: smaller;
  display: block;
}

.invoice-view button.send {
  margin: 1em;
  padding: 1em;
}

.invoice-view iframe {
  width: 100%;
  max-width: 800px;
  height: 1800px;
}

.shop-collections-view ul.collections {
  padding-left: 0;
}

.shop-collections-view li.collections {
  border: 1px solid #0000001a;
  margin-bottom: .5em;
  padding-left: 1em;
  line-height: 2em;
  list-style: none;
}

.shop-collections-view li.collections a {
  text-decoration: none;
}

.shop-collections-view li.collections .name {
  font-weight: bold;
}

.shop-collections-view li.collections .number-products {
  font-size: smaller;
}

.shop-collections-view li.collections .slug-use {
  margin-left: 2em;
  font-size: smaller;
}

.shop-collections-view form.new-collection {
  background-color: #faebd7;
  border-radius: .5em;
  padding: .5em 2em;
}

.shop-collections-view form.new-collection button {
  margin: 1em;
  padding: 1em;
}

.shop-collections-view form.new-collection label {
  font-size: smaller;
  display: block;
}

.shop-collection-view button {
  margin: 1em;
  padding: 1em;
}

.extras-view {
  color: #000;
  font-size: 20px;
}

.extras-view .clickable {
  color: #000;
}

.extras-view .modal {
  display: none;
}

.extras-view .modal .close {
  cursor: pointer;
}

.extras-view .modal.show {
  display: block;
}

.extras-view .gifts {
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 75, "YTLC" 500;
  margin-bottom: 2rem;
  font-family: Nunito Sans, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.extras-view .gifts .gift-title {
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 75, "YTLC" 500;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: Nunito Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.extras-view .gifts .gift-grid {
  grid-template-columns: 33% 33% 33%;
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

@media (width <= 1023px) {
  .extras-view .gifts .gift-grid {
    width: auto;
  }
}

.extras-view .gifts .gift-grid .gift {
  text-align: center;
  border-bottom: 1px solid #000000bf;
  border-right: 1px solid #000000bf;
  padding: .5em;
}

.extras-view .gifts .gift-grid .gift:nth-child(3n+3) {
  border-right: none;
}

.extras-view .gifts .gift-grid .gift .extra-image {
  align-items: center;
  height: 100px;
  display: flex;
}

.extras-view .gifts .gift-grid .gift img {
  object-fit: contain;
  width: 100px;
  max-width: 100%;
  max-height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.extras-view .extras-added {
  flex-wrap: wrap;
  margin-top: 1em;
  font-weight: 500;
  display: flex;
}

.extras-view .extras-added .extra {
  margin-right: 1em;
}

.extras-view .extras-added .extra img {
  max-width: 100px;
  max-height: 100px;
}

.extras-view .extras-modal .modal-background {
  content: "";
  background-color: #00000080;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.extras-view .extras-modal .modal-content {
  background-color: #fff;
  border: 1px solid #000000bf;
  min-width: 800px;
  max-height: 100%;
  padding: 1em;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow-y: auto;
  transform: translate(-50%, -50%);
}

@media (width <= 1023px) {
  .extras-view .extras-modal .modal-content {
    width: 90%;
    min-width: auto;
    max-height: calc(100% - 96px);
    top: calc(50% + 48px);
  }
}

.extras-view .extras-modal .modal-content .close {
  float: right;
}

.extras-view .extras-modal .modal-content .extras-grid {
  text-align: center;
  grid-template-columns: 33% 33% 33%;
  display: grid;
}

.extras-view .extras-modal .modal-content .extras-grid img {
  max-width: 100px;
  max-height: 100px;
}

.sessions-view table {
  border-collapse: collapse;
  border: 1px solid #000;
  margin: 1em;
}

.sessions-view table .nobreak {
  white-space: nowrap;
}

.sessions-view table td {
  padding: .5em 1em .5em .5em;
}

.sessions-view table td .order {
  color: #32cd32;
  padding-top: 8px;
  display: block;
}

.sessions-view table thead {
  font-weight: bold;
}

.sessions-view table tbody tr:nth-child(2n) {
  background-color: #f2f2f2;
}

.sessions-view i.active {
  border: .5em solid #32cd32;
  border-radius: .5em;
  width: .5em;
  height: .5em;
  margin-left: .5em;
  display: inline-block;
}

.rrweb-view.loading {
  color: red;
  font-size: x-large;
}

.inventory-view ul {
  list-style: none;
}

.inventory-view ul li.general-inventory {
  padding-bottom: 1em;
}

.inventory-view .table {
  border-collapse: collapse;
  border: 1px solid #000;
  margin: 1em;
}

.inventory-view .table tr.available {
  background-color: #faebd7;
  font-weight: bold;
}

.inventory-view .table td {
  padding: .5em 1em .5em .5em;
}

.inventory-view .table thead {
  font-weight: bold;
}

.inventory-view .add-available-cont, .inventory-view .set-alarm-cont {
  white-space: nowrap;
}

.inventory-view .add-available-cont input[type="number"], .inventory-view .set-alarm-cont input[type="number"] {
  width: 4em;
}

.cards-view .cards {
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 1em;
  display: flex;
}

.cards-view .cards .card {
  text-align: center;
  background-color: #0000001a;
  border: 1px solid #00000080;
  border-radius: 3px;
  width: 6em;
  padding: 1em;
}

.cards-view .cards .card.selected {
  border: 3px solid #000;
  border-radius: 8px;
}

.cards-view .cards .card.designers-card {
  background-color: #f9a825;
}

.cards-view button.next {
  padding: 1em;
}

@media print {
  .cards-view .noprint {
    display: none !important;
  }
}

.card-view textarea {
  width: 32em;
  height: 15em;
}

.card-view button {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}

.card-view .styles button.style {
  margin-right: 1em;
}

.card-view .styles button.style.pressed {
  border: 3px solid #000;
  border-radius: 8px;
}

.card-view .styles svg {
  width: 12em;
  height: 30px;
}

.card-view .sizes label input {
  margin-right: 1em;
}

.card-view .sizes label {
  padding-right: 2em;
}

.card-view .with-button {
  flex-direction: row;
  align-items: start;
  margin-bottom: 1em;
  display: flex;
}

.card-view .with-button button {
  margin-top: 0;
  margin-left: 1em;
  padding: 1em;
}

.card-view .paper {
  border: 1px solid #000;
}

.card-view .paper.small-card .canvas {
  width: 100mm;
  height: 65mm;
  margin-bottom: 10mm;
  margin-right: 25mm;
  padding: 1em;
}

.card-view .paper.designer-card-square .canvas {
  width: 140mm;
  height: 140mm;
  padding: 1em;
}

@media print {
  .card-view .paper {
    border: none;
    position: fixed;
    transform: rotate(90deg);
  }

  .card-view .paper.small-card {
    top: 25mm;
    left: 42.5mm;
  }

  .card-view .paper.designer-card-square {
    top: 0;
    left: 35mm;
  }
}

.card-view .paper .canvas {
  box-sizing: border-box;
  cursor: move;
  border: 1px solid #000;
  width: 26em;
  height: 15em;
  display: block;
}

.shift .card-view .paper .canvas {
  cursor: default;
}

.card-view .paper .canvas path {
  stroke: #000;
  fill: #000;
}

.card-view .paper .canvas path.wrb-selected {
  stroke: red;
  fill: red;
}

@media print {
  .card-view .paper .canvas path.wrb-selected {
    stroke: #000;
    fill: #000;
  }

  .card-view .paper .canvas {
    border: none;
  }

  .card-view .paper .canvas .delete-region {
    display: none;
  }

  .card-view .noprint {
    display: none !important;
  }
}
/*# sourceMappingURL=main.css.map */