.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-button.scwc-add-to-cart-button {
  font-size: 22px;
  line-height: 1;
  background-color: var(--primary-sheer);
  color: #121313;
  border: 0;
  padding: 10px;
  width: 280px;
  max-width: 100%;
}
.scwc-button.scwc-add-to-cart-button:hover {
    background-color: var(--primary-sheer);
    color: #121313;
}
.scwc-button.scwc-add-to-cart-button:disabled:hover, .scwc-button.scwc-add-to-cart-button:disabled:focus {
    background-color: var(--primary-sheer);
    color: #121313;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-customiser-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 10px;
  background-color: var(--white-sheer);
}
@media (min-width: 768px) {
.scwc-customiser-footer {
    padding-bottom: 24px;
}
.scwc-customiser-footer__row {
    display: flex;
}
.scwc-customiser-footer__col {
    flex: 0 0 50%;
}
}
.scwc-customiser-footer__col--nav {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
.scwc-customiser-footer__col--nav {
      margin-bottom: 0;
}
}
.scwc-customiser-footer-price {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  background-color: var(--primary-sheer);
  margin: 0;
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  color: var(--black-sheer);
  opacity: .3;
}
@media (min-width: 768px) {
.scwc-customiser-footer-price {
    flex: 1 0 280px;
    max-width: 280px;
    border-radius: var(--button-border-radius-sheer);
    margin-right: 16px;
}
.scwc-customiser-footer__col--price {
    display: flex;
    justify-content: flex-end;
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-view--select-technique .scwc-label {
  margin-bottom: 38px;
}
@media (min-width: 768px) {
.scwc-view--select-technique .scwc-label {
      margin-bottom: 48px;
}
}
.scwc-select-technique {
  display: flex;
  justify-content: center;
}
.scwc-select-technique__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 6px;
  padding: 2px;
  border-radius: 10px;
  border: solid 1px var(--gray-sheer);
  background-color: var(--white-sheer);
  transition: border-color .2s;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: var(--black-sheer);
}
.scwc-select-technique__item:focus, .scwc-select-technique__item:hover {
    border-color: var(--black-sheer);
    background-color: var(--white-sheer);
    outline: 0;
}
.scwc-select-technique--selected {
  border-color: var(--black-sheer);
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-view--select-position .scwc-label {
  margin-bottom: 38px;
}
@media (min-width: 768px) {
.scwc-view--select-position .scwc-label {
      margin-bottom: 48px;
}
}
.scwc-select-position {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -6px;
}
@media (min-width: 768px) {
.scwc-select-position {
      justify-content: flex-start;
}
}
.scwc-select-position__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 6px 12px;
  padding: 5px;
  border-radius: 10px;
  border: solid 1px var(--gray-sheer);
  background-color: var(--white-sheer);
  transition: border-color .2s;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: var(--black-sheer);
}
.scwc-select-position__item:focus, .scwc-select-position__item:hover {
    border-color: var(--black-sheer);
    background-color: var(--white-sheer);
    outline: 0;
}
.scwc-select-position__item--selected {
  border-color: var(--black-sheer);
}
.scwc-select-position__item--done {
  position: relative;
}
.scwc-select-position__item--done span {
    opacity: .24;
}
.scwc-select-position__item--done::after {
    position: absolute;
    display: block;
    content: '';
    bottom: 12px;
    left: 0;
    right: 0;
    height: 19px;
    background: url(../assets/ic-checkbox-checked.02b823e6.svg) no-repeat center/contain;
}
.scwc-select-position__item--done:focus, .scwc-select-position__item--done:hover {
    border: solid 1px var(--gray-sheer);
    background-color: var(--white-sheer);
    color: var(--black-sheer);
    outline: 0;
}
.scwc-select-position:not(.scwc-select-position--without-thumbs) .scwc-select-position__item {
  margin-bottom: 25px;
}
.scwc-select-position:not(.scwc-select-position--without-thumbs) .scwc-select-position__item-label {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 7px;
}
.scwc-select-position__item-thumb {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  background: no-repeat center / contain;
}
.scwc-select-position__item-letter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  font-weight: bold;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-pagination-arrows {
  display: flex;
  justify-content: center;
  padding: 15px;
}
.scwc-pagination-arrows__arrow {
  width: 16px;
  height: 16px;
  background: no-repeat center / contain;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0 12px;
  transition: .2s;
}
.scwc-pagination-arrows__arrow:focus, .scwc-pagination-arrows__arrow:hover {
    background: no-repeat center / contain;
    padding: 0;
    border: 0;
    outline: 0;
}
.scwc-pagination-arrows__arrow:disabled {
    opacity: .5;
    cursor: auto;
}
.scwc-pagination-arrows__arrow--prev {
  background-image: url(../assets/ic-pagination--left.14868ee0.svg) !important;
}
.scwc-pagination-arrows__arrow--next {
  background-image: url(../assets/ic-pagination--right.63e1fe8b.svg) !important;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-emb-templates-slider {
  display: flex;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  width: 100%;
}
@media (min-width: 768px) {
.scwc-emb-templates-slider {
      overflow: hidden;
}
}
.scwc-emb-templates {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  overflow: auto;
  width: 100%;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
@media (min-width: 768px) {
.scwc-emb-templates {
      overflow: auto;
}
}
.scwc-emb-templates-item {
  position: relative;
  background: none;
  border-radius: 10px;
  border: solid 1px #e3e5e5;
  margin: 0 7px 13px;
  padding: 0;
  transition: .2s;
  scroll-snap-align: start;
  flex: 1 1 0;
  width: 100px;
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
}
@media (min-width: 768px) {
.scwc-emb-templates-item {
      flex: 1 1 0;
      justify-self: flex-start;
      width: 112px;
      min-width: 112px;
      min-height: 112px;
      max-width: 112px;
      max-height: 112px;
      margin: 0 8px 24px;
}
}
.scwc-emb-templates-item::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-emb-templates-item:focus, .scwc-emb-templates-item:active, .scwc-emb-templates-item:hover {
    background: none;
    outline: 0;
}
.scwc-emb-templates-item__thumbnail {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 7px;
  right: 7px;
  background: no-repeat center / contain;
}
.scwc-emb-templates-item:hover,
.scwc-emb-templates-item--selected {
  border-color: var(--black-sheer);
}
.scwc-emb-templates-item:hover .scwc-emb-templates-item__title {
  display: block;
}
.scwc-emb-templates-item__title {
  position: absolute;
  top: 100%;
  margin-top: 2px;
  left: 0;
  font-size: 12px;
  line-height: 1.1;
  width: 100%;
  display: none;
  background-color: #fff;
  color: var(--black-sheer);
  border-color: var(--black-sheer);
  max-height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scwc-admin[data-v-57b803c2],
.scwc-theme[data-v-57b803c2] {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-view-header[data-v-57b803c2] {
  padding-bottom: 22px;
}
@media (min-width: 768px) {
.scwc-view-header[data-v-57b803c2] {
      padding-bottom: 42px;
}
}
@media (min-width: 768px) {
.scwc-view-content[data-v-57b803c2] {
    overflow: hidden;
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-emb-design-categories {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: auto;
  width: 100%;
}
@media (min-width: 768px) {
.scwc-emb-design-categories {
      overflow: hidden;
}
}
.scwc-emb-template-category-container {
  flex: 0 0 0;
  width: 100%;
}
@media (min-width: 768px) {
.scwc-emb-template-category-container {
      width: 50%;
      padding-right: 40px;
}
}
.scwc-emb-template-category {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 6px 10px;
  border-radius: 10px;
  border: solid 1px #e3e5e5;
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.1;
  min-height: 44px;
  color: #121313;
  text-align: left;
  margin-bottom: 16px;
  transition: .2s;
}
.scwc-emb-template-category:focus, .scwc-emb-template-category:hover {
    background-color: #fff;
    color: #121313;
    outline: 0;
}
.scwc-emb-template-category span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scwc-emb-template-category--selected {
  border-color: var(--black-sheer);
}
.scwc-emb-template-categories-back::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 6px;
  height: 10px;
  background: url(../assets/ic-arrow-back.c3660f58.svg) no-repeat center/contain;
}

.scwc-admin[data-v-4a636302],
.scwc-theme[data-v-4a636302] {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-view-header[data-v-4a636302] {
  padding-bottom: 22px;
}
@media (min-width: 768px) {
.scwc-view-header[data-v-4a636302] {
      padding-bottom: 42px;
}
}
@media (min-width: 768px) {
.scwc-view-content[data-v-4a636302] {
    overflow: hidden;
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-modal-header {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e5e5;
  padding: 0 16px 12px;
}
@media (min-width: 768px) {
.scwc-modal-header {
      border: 0;
}
}
.scwc-modal-header__col--image {
  flex: 0 0 70px;
}
.scwc-modal-header__col--product-info {
  flex: 1 1 auto;
  padding-left: 10px;
}
.scwc-modal-header__thumbnail {
  background: no-repeat center / contain;
  height: 70px;
}
.scwc-theme p.scwc-modal-header__product-info {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  max-height: 60px;
  overflow: hidden;
  margin: 0;
  padding-right: 70px;
}
.scwc-theme p.scwc-modal-header__price {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 768px) {
.scwc-theme p.scwc-modal-header__price {
      right: 30px;
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-loader-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.4) no-repeat center/50px;
  z-index: 50;
}
.scwc-loader {
  display: flex;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.scwc-loader svg,
  .scwc-loader img {
    width: 80px;
    height: 80px;
    animation: round .7s infinite linear;
}
.scwc-loader svg path {
    fill: var(--primary-sheer);
}
@keyframes round {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}


.add-print-layer-buttons__button.scwc-button {
  position: relative;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
}
.add-print-layer-buttons__button-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

table.scwc-print-layers-table {
  table-layout: fixed;
  width: 100%;
}
table.scwc-print-layers-table td,
  table.scwc-print-layers-table th {
    border: 0;
    vertical-align: middle;
    font-size: 14px;
}
.scwc-print-layers-table__item-data td {
  padding: 0;
}
.scwc-print-cliparts {
  margin: 10px 0;
}
.scwc-print-clipart-item {
  position: relative;
  width: 50px;
  background: none;
  border: 1px solid #d8dbdb;
  border-radius: 5px;
  margin-right: 7px;
}
.scwc-print-clipart-item::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-print-clipart-item:hover, .scwc-print-clipart-item:focus {
    background: none;
}
.scwc-print-clipart-item--selected {
  border-color: #01DFFE;
}
.scwc-print-clipart-item--selected:hover, .scwc-print-clipart-item--selected:focus {
    background: none;
}
.scwc-print-clipart-item__thumbnail {
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: no-repeat center / contain;
}
.scwc-upload-file__preview {
  position: relative;
  width: 160px;
  margin: 10px auto;
  border: 1px dashed #01DFFE;
  border-radius: 30px;
  background: #fff no-repeat center / contain;
}
.scwc-upload-file__preview::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-upload-file__remove {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 12px;
  height: 12px;
  color: #000;
  padding: 3px;
  background: url(../assets/ic-close.dc2c8d87.svg) no-repeat center/contain;
}
.scwc-upload-file__remove:hover {
    background: url(../assets/ic-close.dc2c8d87.svg) no-repeat center/contain;
    color: #000;
}
.scwc-upload-file__input-label {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  text-align: center;
  line-height: 1.1;
  border-radius: 3px;
  padding: 7px 10px;
  cursor: pointer;
}
.scwc-upload-file__input-label input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.scwc-upload-file__input-label-text {
  position: relative;
}
.scwc-upload-file__input-error {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  color: red;
  font-size: 12px;
  margin-top: 5px;
}
.scwc-print-layers-table__layer-data {
  max-height: 0;
  overflow: hidden;
  transition: .2s;
}
.scwc-print-layers-table__layer-data-wrapper {
  margin: 5px 0;
}
.scwc-print-layers-table__layer-data--open {
  max-height: 1000px;
}
.scwc-print-layers-table__toggle-info {
  width: 16px;
  height: 16px;
  background: url(../assets/ic-hide.df7216bf.svg) no-repeat center/contain;
  padding: 0;
  transition: .2s;
}
.scwc-print-layers-table__toggle-info:focus, .scwc-print-layers-table__toggle-info:hover {
    background: url(../assets/ic-hide.df7216bf.svg) no-repeat center/contain;
}
.scwc-print-layers-table__toggle-info--open {
  transform: rotate(180deg);
}
.scwc-print-layers-table__edit-button {
  font-size: 10px;
  font-weight: normal;
  background: none;
  padding: 0;
  color: #000;
}
.scwc-print-layers-table__edit-button:focus, .scwc-print-layers-table__edit-button:hover {
    background: none;
}
.scwc-print-layers-table__edit-button::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../assets/ic-edit.bd8c9e40.svg) no-repeat center/contain;
    margin-left: 3px;
}
.scwc-print-layers-table__delete-button {
  width: 16px;
  height: 16px;
  background: url(../assets/ic-delete.d8e1a0b9.svg) no-repeat center/contain;
  padding: 0;
}
.scwc-print-layers-table__delete-button:focus, .scwc-print-layers-table__delete-button:hover {
    background: url(../assets/ic-delete.d8e1a0b9.svg) no-repeat center/contain;
}
.scwc-print-layers-table__col--toggle,
.scwc-print-layers-table__col--edit,
.scwc-print-layers-table__col--delete {
  text-align: right;
}



.scwc-print-cliparts {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
}


.scwc-emb-preview {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid 1px #e3e5e5;
  border-radius: 10px;
  overflow: hidden;
}
.scwc-emb-preview__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .2s;
  background: no-repeat center / contain;
}
.scwc-emb-preview__image {
  position: absolute;
  background: no-repeat center / contain;
}
.scwc-emb-preview--loading .scwc-emb-preview__bg {
  opacity: .1;
}
.scwc-emb-preview__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scwc-emb-preview__loader svg,
  .scwc-emb-preview__loader img {
    width: 50px;
    height: 50px;
    animation: scwc-emb-preview-loader-round .7s infinite linear;
}
.scwc-emb-preview__loader svg path {
    fill: var(--primary-sheer);
}
@keyframes scwc-emb-preview-loader-round {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-qty-plus-minus {
  display: flex;
}
.scwc-qty-plus-minus button.scwc-qty-plus-minus__button {
    flex: 0 0 30px;
    width: 30px;
    padding: 0;
    min-width: 0;
}
.scwc-qty-plus-minus button.scwc-qty-plus-minus__button:active, .scwc-qty-plus-minus button.scwc-qty-plus-minus__button:focus, .scwc-qty-plus-minus button.scwc-qty-plus-minus__button:hover {
      background-color: #fff;
      color: #000;
      border-color: #d8dbdb;
      outline: 0;
}
.scwc-qty-plus-minus button.scwc-qty-plus-minus__button__minus {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}
.scwc-qty-plus-minus button.scwc-qty-plus-minus__button__plus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
.scwc-qty-plus-minus input[type=number].scwc-input-text {
    flex: 0 0 40px;
    width: 40px;
    border-right: 0;
    border-left: 0;
    padding: 0;
    text-align: center;
    border-radius: 0;
    -moz-appearance: textfield;
}
.scwc-qty-plus-minus input[type=number].scwc-input-text:focus {
      border-right: 0 !important;
      border-left: 0 !important;
      outline: 0 !important;
}
.scwc-qty-plus-minus input[type=number].scwc-input-text::-webkit-outer-spin-button, .scwc-qty-plus-minus input[type=number].scwc-input-text::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-emb-attribute-additional-values {
  margin-top: 10px;
}
.scwc-emb-attribute-additional-values .scwc-button-iconic--add {
    margin-top: 6px;
}
p.scwc-emb-attribute-additional-values__title.scwc-emb-attribute-additional-values__title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
}
.scwc-emb-attribute-additional-values-items__item {
  display: flex;
  align-items: center;
}
.scwc-emb-attribute-additional-values-items__item:not(:last-child) {
    margin-bottom: 7px;
}
.scwc-emb-attribute-additional-values-items__item-value {
  margin-right: 6px;
  flex: 1 1 auto;
}
.scwc-emb-attribute-additional-values-items__item-value input.scwc-input-text {
    font-weight: bold;
    width: 100%;
}
.scwc-emb-attribute-additional-values-items__item-qty {
  flex: 0 0 100px;
}
.scwc-emb-attribute-additional-values-items__remove {
  flex: 0 0 32px;
  padding: 0 0 0 10px;
}
.scwc-emb-attribute-edit__input-short {
  max-width: 210px;
}
.scwc-emb-attribute-edit-input-wrapper {
  display: flex;
  justify-content: space-between;
}
.scwc-emb-attribute-edit-input-wrapper .scwc-button {
    flex: 0 0 44px;
    margin-left: 15px;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-emb-attributes-head {
  padding: 0 14px;
}
@media (min-width: 768px) {
.scwc-emb-attributes-head {
      padding: 0;
}
}
.scwc-emb-attributes-head__toggles {
  margin-bottom: 7px;
}
.scwc-emb-attributes {
  margin-top: 30px;
  padding: 0 14px;
}
@media (min-width: 768px) {
.scwc-emb-attributes {
      padding: 0;
}
}
.scwc-emb-attribute-edit {
  margin-top: 14px;
}
.scwc-emb-attribute-edit__props {
  display: flex;
  border-bottom: solid 1px #c2c1c6;
}
.scwc-emb-attribute-edit__col {
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  min-height: 39px;
  padding-right: 10px;
  margin: 6px 0;
}
.scwc-emb-attribute-edit__col--actions {
  padding-right: 0;
}
.scwc-emb-attribute-edit__icon {
  background: no-repeat center / contain;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  flex: 0 0 24px;
}
.scwc-emb-attribute-edit__col--font .scwc-emb-attribute-edit__icon {
  background-image: url(../assets/ic-text.d46f0583.svg);
}
.scwc-emb-attribute-edit__col--color {
  padding-left: 6px;
}
.scwc-emb-attribute-edit__col--color .scwc-emb-attribute-edit__icon {
    background-image: url(../assets/ic-tint.3b276e10.svg);
}
.scwc-emb-attribute-edit__col--actions {
  display: flex;
  flex: 1 1 0;
  white-space: nowrap;
}
.scwc-emb-attribute-edit__value {
  flex: 1 1 100%;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: var(--black-sheer);
}
.scwc-emb-attribute-edit__text input {
  width: 100%;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-emb-attribute-colors-fonts {
  position: relative;
  padding: 0 30px;
  overflow: hidden;
}
@media (min-width: 768px) {
.scwc-emb-attribute-colors-fonts {
      padding: 0;
      display: flex;
      flex-direction: column;
}
}
.scwc-emb-attribute-colors-fonts__slider {
  display: flex;
  overflow: auto;
  margin: 18px 0 0;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
@media (min-width: 768px) {
.scwc-emb-attribute-colors-fonts__slider {
      flex-wrap: wrap;
      flex-direction: column;
      overflow: hidden;
}
}
.scwc-emb-attribute-colors-fonts__slider.no-slider {
    flex-direction: row;
}
.scwc-emb-attribute-colors-fonts__item-container {
  position: relative;
  flex: 0 0 100px;
  width: 100px;
  margin: 0 4px 4px;
  scroll-snap-align: start;
}
@media (min-width: 768px) {
.scwc-emb-attribute-colors-fonts__item-container {
      margin: 0 12px 8px;
      flex: 0 0 30%;
}
}
.scwc-emb-attribute-colors-fonts__item-container::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-emb-attribute-colors-fonts__item-container--dummy::before {
  display: none;
}
.scwc-emb-attribute-colors-fonts__item {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-sheer);
  border: solid 1px var(--gray-sheer);
  border-radius: 10px;
  padding: 7px 12px;
  transition: .2s;
}
.scwc-emb-attribute-colors-fonts__item:hover, .scwc-emb-attribute-colors-fonts__item:focus {
    background: none;
    border: 1px solid var(--black-sheer);
}
.scwc-emb-attribute-colors-fonts__item:disabled {
    opacity: .5;
    background-color: var(--white-sheer);
    border: solid 1px var(--gray-sheer);
    cursor: auto;
}
.scwc-emb-attribute-colors-fonts__item-image {
  display: block;
  margin: auto;
  flex: 1 1 0;
  background: no-repeat center / contain;
  width: 63px;
}
.scwc-emb-attribute-colors-fonts__item-image::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-emb-attribute-colors-fonts__item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  height: 30px;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  color: var(--black-sheer);
}
.scwc-emb-attribute-colors-fonts__item--selected {
  border: solid 1px var(--black-sheer);
}
.scwc-emb-attribute-colors-fonts__slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: no-repeat center / contain !important;
  border: 0 !important;
  padding: 0 !important;
}
.scwc-emb-attribute-colors-fonts__slider-arrow--prev {
  left: 7px;
  background-image: url(../assets/ic-slider-arrow--left.a18ab087.svg) !important;
}
.scwc-emb-attribute-colors-fonts__slider-arrow--next {
  right: 7px;
  background-image: url(../assets/ic-slider-arrow--right.814fa90f.svg) !important;
}
.scwc-emb-attribute-colors-fonts__notchangeable-note {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  margin: 0 !important;
}

.scwc-admin[data-v-1e5169c2],
.scwc-theme[data-v-1e5169c2] {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-label[data-v-1e5169c2] {
  text-align: center;
}
@media (min-width: 768px) {
.scwc-label[data-v-1e5169c2] {
      text-align: left;
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-logo-digitization-details .scwc-emb-attributes {
  margin-top: 0;
}
.scwc-logo-digitization-details .scwc-label {
  text-align: left !important;
}
.scwc-logo-digitization-text-variations-container {
  padding-bottom: 45px;
  margin-top: 10px;
}
.scwc-logo-digitization-text-variations {
  margin-top: 5px;
}
.scwc-logo-digitization-text-variations .scwc-input-text {
    width: 100%;
}
p.scwc-logo-digitization-text-variations__note.scwc-logo-digitization-text-variations__note {
  font-size: 12px;
  margin-bottom: 5px;
}
.scwc-logo-digitization-text-variations__item {
  position: relative;
  margin-bottom: 6px;
}
.scwc-logo-digitization-text-variations__item-remove {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 30px;
}
.scwc-logo-digitization-details__settings {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #c2c1c6;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 768px) {
.scwc-logo-digitization-details__settings {
      padding-left: 0;
      padding-right: 0;
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-emb-attributes {
  margin-top: 18px;
}
@media (min-width: 768px) {
.scwc-emb-attributes {
      margin-top: 26px;
}
}
.scwc-emb-attribute {
  display: flex;
  align-items: center;
  min-height: 56px;
  border-top: solid 0.5px #01dffe;
}
.scwc-emb-attribute:last-child {
    border-bottom: solid 0.5px #01dffe;
}
.scwc-emb-attribute__icon {
  flex: 0 0 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
}
.scwc-emb-attribute__icon-object {
  width: 24px;
  height: 24px;
  background: no-repeat center / contain;
}
.scwc-emb-attribute__icon-object--text {
  background-image: url(../assets/ic-text.d46f0583.svg);
}
.scwc-emb-attribute__values {
  flex: 1 1 100%;
  font-size: 14px;
}
.scwc-emb-attribute__actions {
  flex: 1 1 0;
  white-space: nowrap;
  display: flex;
  padding: 0 8px;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-positions-tabs {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
.scwc-positions-tabs {
      justify-content: space-between;
}
}
.scwc-positions-tabs__tab {
  position: relative;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.17;
  color: var(--black-sheer);
  text-transform: uppercase;
  opacity: 0.24;
  transition: .2s;
  background: none;
  border: 0;
  padding: 0;
  outline: 0;
  margin: 0 15px;
  cursor: auto;
}
.scwc-positions-tabs__tab:hover, .scwc-positions-tabs__tab:focus {
    background: none;
    border: 0;
    outline: 0;
}
.scwc-positions-tabs__tab::before {
    position: absolute;
    display: block;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 1px;
    border-top: 1px solid var(--primary-sheer);
    opacity: 0;
    transition: .2s;
}
.scwc-positions-tabs__tab--started,
.scwc-positions-tabs__tab--done {
  opacity: 1;
  cursor: pointer;
}
.scwc-positions-tabs__tab--started::before,
  .scwc-positions-tabs__tab--done::before {
    right: 20px;
}
.scwc-positions-tabs__tab--started::after,
  .scwc-positions-tabs__tab--done::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../assets/ic-hide.df7216bf.svg) no-repeat center/contain;
    margin-left: 3px;
}
.scwc-positions-tabs__tab--selected {
  opacity: 1;
}
.scwc-positions-tabs__tab--selected::before {
    opacity: 1;
}
.scwc-positions-tabs__tab--disabled {
  opacity: .4;
}
.scwc-positions-tabs__tab-dropdown {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  min-width: 100px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: .2s;
  background: var(--white-sheer);
}
.scwc-positions-tabs__tab-dropdown--open {
  max-height: 500px;
  opacity: 1;
}
.scwc-positions-tabs__tab-dropdown-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px !important;
  font-size: 14px;
  font-weight: normal;
}
.scwc-positions-tabs__tab-dropdown-item:hover {
    background-color: var(--gray-sheer) !important;
}

.scwc-emb-logo-digitization-preview {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid 1px #e3e5e5;
  border-radius: 10px;
}
.scwc-emb-logo-digitization-preview__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .2s;
  background: no-repeat center / contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scwc-emb-logo-digitization-preview__content {
  flex: 0 0 100%;
}
.scwc-emb-logo-digitization-preview__logo {
  height: 90px;
  background: no-repeat center / contain;
}
.scwc-emb-logo-digitization-preview__item {
  position: absolute;
  background: no-repeat center / contain;
}
.scwc-emb-logo-digitization-preview--loading .scwc-emb-logo-digitization-preview__bg {
  opacity: .1;
}
.scwc-emb-logo-digitization-preview__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scwc-emb-logo-digitization-preview__loader svg,
  .scwc-emb-logo-digitization-preview__loader img {
    width: 50px;
    height: 50px;
    animation: scwc-emb-logo-digitization-preview-loader-round .7s infinite linear;
}
.scwc-emb-logo-digitization-preview__loader svg path {
    fill: var(--primary-sheer);
}
@keyframes scwc-emb-logo-digitization-preview-loader-round {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-print-live-preview {
  position: relative;
  height: 300px;
  max-width: 400px;
  background: no-repeat center / contain;
  margin: 0 auto 20px;
}
.scwc-print-final-preview {
  position: relative;
  height: 400px;
  max-width: 400px;
  margin: 0 auto 10px;
  background: no-repeat center / contain;
}
.scwc-details-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 10px 20px 10px;
  background-color: var(--light-gray-sheer);
  height: 390px;
  max-height: 60vh;
  overflow: auto;
  z-index: 1;
  transition: height .2s;
}
@media (min-width: 768px) {
.scwc-details-panel {
      position: static;
      background: none;
      max-height: none;
      height: auto;
      bottom: 78px;
      padding: 0 !important;
}
}
.scwc-details-panel .scwc-customiser-footer {
    background-color: var(--light-gray-sheer);
}
@media (min-width: 768px) {
.scwc-details-panel .scwc-customiser-footer {
        background-color: #fff;
}
}
.scwc-details-panel--view-edit_font,
.scwc-details-panel--view-edit_color {
  height: 304px;
}
@media (min-width: 768px) {
.scwc-details-panel--view-edit_font,
    .scwc-details-panel--view-edit_color {
      height: auto;
}
}
.scwc-details-panel__label {
  font-size: 12px;
  font-weight: bold;
}
.scwc-details-panel__content {
  max-height: 3000px;
  height: 100%;
  overflow: hidden;
  will-change: max-height;
}
.scwc-details-panel--closed {
  height: auto;
}
.scwc-details-panel--closed .scwc-details-panel__content {
    max-height: 0;
}
.scwc-details-panel__header {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: flex-end;
}
.scwc-details-panel__toggle {
  font-size: 10px;
  font-weight: 400;
}
.scwc-details-panel__toggle::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    background: url(../assets/ic-hide.df7216bf.svg) no-repeat center/contain;
    width: 16px;
    height: 16px;
}
.scwc-details-panel--closed .scwc-details-panel__toggle::after {
    transform: rotate(180deg);
}
.scwc-print-preview-layer {
  cursor: pointer;
}
.scwc-details-panel__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.scwc-details-panel__scrollable {
  flex: 1 1 100%;
  overflow: auto;
}
@media (min-width: 768px) {
.scwc-details-panel__scrollable {
      padding-right: 5px;
}
}
.scwc-emb-live-preview-container {
  position: relative;
  max-width: 300px;
  background: no-repeat center / contain;
  margin: 0 auto 20px;
}
.scwc-emb-live-preview-container::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-view--customisation-details .scwc-tabs {
  margin-bottom: 18px;
}
.scwc-view--customisation-details .scwc-details-panel {
  padding: 47px 0 150px;
}
.scwc-view--customisation-details .scwc-details-panel.scwc-details-panel--view-edit_font, .scwc-view--customisation-details .scwc-details-panel.scwc-details-panel--view-edit_color {
    padding-top: 29px;
}
.scwc-view--customisation-details .scwc-details-panel.scwc-details-panel--closed {
    padding-top: 0;
}
@media (min-width: 768px) {
.scwc-view--customisation-details .scwc-details-panel {
      padding: 0;
}
}
@media (max-width: 767px) {
.scwc-view--customisation-details .scwc-customiser-footer {
    padding-top: 40px;
}
}
@media (max-width: 767px) {
.scwc-view--customisation-details .scwc-details-panel--view-edit_font .scwc-customiser-footer,
  .scwc-view--customisation-details .scwc-details-panel--view-edit_color .scwc-customiser-footer {
    padding-top: 22px;
}
}
@media (min-width: 768px) {
.scwc-view--customisation-details .scwc-view-col--left {
    display: flex;
    flex-direction: column;
}
}
.scwc-customisation-details-positions {
  margin-bottom: 20px;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
@media (max-width: 767px) {
.scwc-view.scwc-view--customisation-preview {
    flex-direction: column;
    flex-wrap: nowrap;
}
.scwc-view.scwc-view--customisation-preview .scwc-view-col--right {
      flex-basis: 0;
}
.scwc-view.scwc-view--customisation-preview .scwc-view-col--left {
      flex: 1 1 100%;
      display: flex;
}
.scwc-view.scwc-view--customisation-preview .scwc-customisation-preview-info {
      display: flex;
      flex-direction: column;
      flex: 0 0 100%;
}
}
.scwc-customisation-preview-info__actions {
  display: flex;
  justify-content: center;
}
.scwc-customisation-preview-info__actions .scwc-button {
    margin: 0 5px;
}
.scwc-emb-final-preview-container {
  position: relative;
  max-width: 280px;
  margin: 0 auto 8px;
}
@media (min-width: 768px) {
.scwc-emb-final-preview-container {
      width: 336px;
      max-width: 100%;
}
}
.scwc-emb-final-preview-container::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-final-design-content {
  margin-bottom: 10px !important;
}
.scwc-final-design-notice {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  text-align: center;
  color: var(--black-sheer);
  margin-bottom: 10px !important;
}
.scwc-final-design-remaining-positions {
  text-align: center;
}
.scwc-final-design-alt {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: var(--black-sheer);
  margin: 15px 0 7px;
}
@media (min-width: 768px) {
.scwc-final-design-alt {
      margin: 35px 0 18px;
}
}
.scwc-customisation-preview-positions {
  margin: 0 0 15px;
}
@media (min-width: 768px) {
.scwc-customisation-preview-positions {
      margin: 45px 0 25px;
}
}
.scwc-customisation-preview-info {
  margin-top: 5px;
}
@media (min-width: 768px) {
.scwc-customisation-preview-info {
      margin-top: 110px;
}
}
.scwc-final-design-arrow {
  position: relative;
  min-height: 30px;
  max-height: 150px;
  width: 2px;
  margin: 0 auto 5px;
  background-color: #979797;
  flex: 1 1 100%;
}
.scwc-final-design-arrow::after {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../assets/ic-pointing-arrow.e4aa8dfb.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
.scwc-customisation-preview-add-to-cart-container {
    margin: 0 -16px;
    height: 50px;
}
.scwc-customisation-preview-add-to-cart-container .scwc-button.scwc-add-to-cart-button {
      border-radius: 0;
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
}
}
.scwc-final-design-comments {
  max-width: 336px;
  margin: 10px auto 10px;
}
.scwc-final-design-comments label {
    display: block;
    color: #121313;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 3px;
}
.scwc-final-design-comments textarea {
    resize: none;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #E3E5E5;
    line-height: 1.3;
    font-size: 16px;
    width: 100%;
    padding: 5px 8px;
}
@media (min-width: 768px) {
.scwc-final-design-comments textarea {
        height: 85px;
}
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-view--select-emb-process-type .scwc-label {
  margin-bottom: 38px;
}
@media (min-width: 768px) {
.scwc-view--select-emb-process-type .scwc-label {
      margin-bottom: 48px;
}
}
.scwc-select-emb-process-type {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}
.scwc-select-emb-process-type__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 6px 12px;
  padding: 5px;
  border-radius: 10px;
  border: solid 1px var(--gray-sheer);
  background-color: var(--white-sheer);
  transition: border-color .2s;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: var(--black-sheer);
}
.scwc-select-emb-process-type__item:focus, .scwc-select-emb-process-type__item:hover {
    border-color: var(--black-sheer);
    background-color: var(--white-sheer);
    outline: 0;
}
.scwc-select-emb-process-type__item:disabled:focus, .scwc-select-emb-process-type__item:disabled:hover {
    border: solid 1px var(--gray-sheer);
    background-color: var(--white-sheer);
    outline: 0;
}
.scwc-select-emb-process-type__item:disabled .scwc-select-emb-process-type__item-title {
    opacity: .5;
}
.scwc-select-emb-process-type__item--selected {
  border-color: var(--black-sheer);
}
.scwc-select-emb-process-type__item-msg {
  position: absolute;
  top: 60%;
  left: 5%;
  width: 90%;
  padding: 5px;
  transform: translateY(5px);
  border: solid 1px var(--gray-sheer);
  border-radius: 10px;
  font-size: 12px;
  background-color: var(--light-gray-sheer);
  color: inherit;
  text-decoration: underline;
}
.scwc-select-emb-process-type__item-msg:active, .scwc-select-emb-process-type__item-msg:focus, .scwc-select-emb-process-type__item-msg:hover {
    color: inherit;
    text-decoration: none;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-emb-logo-designs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: auto;
  width: 100%;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  flex-direction: row;
  align-content: flex-start;
}
@media (min-width: 768px) {
.scwc-emb-logo-designs {
      overflow: hidden;
}
}
.scwc-emb-logo-design-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border-radius: 10px;
  border: solid 1px #e3e5e5;
  margin: 0 7px 13px;
  padding: 0;
  transition: .2s;
  scroll-snap-align: start;
  flex: 1 1 0;
  width: 100px;
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
}
@media (min-width: 768px) {
.scwc-emb-logo-design-item {
      flex: 1 1 0;
      justify-self: flex-start;
      width: 112px;
      min-width: 112px;
      min-height: 112px;
      max-width: 112px;
      max-height: 112px;
      margin: 0 8px 24px;
}
}
.scwc-emb-logo-design-item::before {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.scwc-emb-logo-design-item:focus, .scwc-emb-logo-design-item:active, .scwc-emb-logo-design-item:hover {
    background: none;
    outline: 0;
}
.scwc-emb-logo-design-item:hover,
.scwc-emb-logo-design-item--selected {
  border-color: var(--black-sheer);
}
.scwc-emb-logo-design-item__content {
  flex: 0 0 100%;
}
.scwc-emb-templates-item__logo,
.scwc-emb-templates-item__text {
  display: block;
  margin: 9px 0;
}
.scwc-emb-templates-item__logo {
  height: 22px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background: url(../assets/ic-logo.9f0321a4.svg) no-repeat center/contain;
}
.scwc-emb-templates-item__text {
  color: var(--black-sheer);
  font-size: 16px;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-view--emb-upload-logo .scwc-button--file {
  position: relative;
  display: inline-block;
  width: 200px;
  font-size: 14px;
  text-align: center;
}
.scwc-view--emb-upload-logo .scwc-button--file span {
    display: block;
    position: absolute;
    margin-top: 6px;
    top: 100%;
    left: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: var(--black-sheer);
}
.scwc-view--emb-upload-logo .scwc-loader-container {
  left: 100%;
  margin-left: 10px;
  width: 20px;
}
.scwc-view--emb-upload-logo .scwc-loader-container .scwc-loader svg {
    width: 20px;
    height: 20px;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-customiser-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 16px;
}

.scwc-admin,
.scwc-theme {
  --black-sheer: #121313;
  --primary-sheer: #01dffe;
  --light-blue-sheer: #A5F2FE;
  --white-sheer: #fff;
  --gray-sheer: #e3e5e5;
  --light-gray-sheer: #f4f4f4;
  --button-border-radius-sheer: 10px;
  --scwc-font: Mulish, sans-serif;
}
.scwc-body-customiser-opened {
  overflow: hidden;
}
#scwc-app {
  display: flex;
  width: 100%;
  height: 100%;
}
.scwc-theme {
  font-size: 16px;
  font-family: var(--scwc-font);
}
.scwc-theme * {
    font-family: inherit;
    text-decoration: none;
    text-transform: none;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #e3e5e5;
}
.scwc-theme *::-webkit-scrollbar {
      width: 8px;
}
.scwc-theme *::-webkit-scrollbar-track {
      background: none;
}
.scwc-theme *::-webkit-scrollbar-thumb {
      background-color: #e3e5e5;
      border-radius: 5px;
      border: 3px solid #e3e5e5;
}
.scwc-theme p {
    margin: 0 0 16px;
}
.scwc-theme button {
    text-decoration: none !important;
}
.scwc-theme button:hover {
      text-decoration: none !important;
}
.scwc-full-width {
  width: 100%;
}
.scwc-modal-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 999999999;
}
.scwc-modal-main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 738px;
  padding: 0;
  border: 1px solid #cacaca;
  background-color: #fff;
}
@media (min-width: 768px) {
.scwc-modal-main {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 90%;
      max-height: 600px;
}
}
@media (min-width: 900px) {
.scwc-modal-main {
      max-width: 768px;
}
}
.scwc-view {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  padding-top: 16px;
  overflow: hidden;
}
@media (min-width: 768px) {
.scwc-view {
      padding-top: 12px;
}
}
.scwc-view--scrollable {
  overflow: auto;
}
@media (min-width: 768px) {
.scwc-view--scrollable {
      overflow: hidden;
}
.scwc-view--scrollable .scwc-view-col {
        overflow: auto;
}
}
@media (max-width: 767px) {
.scwc-view--with-panel .scwc-view-col--left {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
}
.scwc-view--with-footer {
  padding-bottom: 125px;
}
.scwc-view-col {
  padding: 0 16px;
  flex: 0 0 100%;
  height: 100%;
}
@media (min-width: 768px) {
.scwc-view-col {
      flex: 0 0 50%;
}
}
.scwc-view-col--full-width {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
.scwc-view-col--left {
    order: 1;
}
.scwc-view-col--right {
    order: 2;
}
}
.scwc-view-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.scwc-view-header,
.scwc-view-footer {
  flex: 1 1 auto;
}
.scwc-view-content {
  flex: 1 1 100%;
  height: 100%;
  overflow: hidden;
}
.scwc-view-content--flex {
  display: flex;
}
@media (max-width: 767px) {
.scwc-show-for-desktop {
    display: none;
}
}
@media (min-width: 768px) {
.scwc-hide-for-desktop {
    display: none;
}
}
.scwc-show-for-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.scwc-text-center {
  text-align: center;
}
.scwc-uppercase {
  text-transform: uppercase;
}
.scwc-button {
  background: none;
  font-size: 12px;
  line-height: 1.1;
  font-weight: normal;
  color: #000;
  border: 1px solid #d8dbdb;
  border-radius: 10px;
  border-radius: var(--button-border-radius-sheer);
  padding: 14px 10px;
  min-height: 44px;
  min-width: 110px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s, opacity .2s;
}
.scwc-button:focus, .scwc-button:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
    text-decoration: none;
}
.scwc-button:disabled {
    opacity: .5;
}
.scwc-button:disabled:focus, .scwc-button:disabled:hover {
      background: none;
      border: 1px solid #d8dbdb;
      color: #000;
}
.scwc-button--primary {
  background-color: var(--black-sheer);
  color: var(--white-sheer);
  border-color: var(--black-sheer);
  font-weight: bold;
}
.scwc-button--primary:focus, .scwc-button--primary:hover {
    background-color: var(--white-sheer);
    color: var(--black-sheer);
}
.scwc-button--secondary {
  background-color: #e3e5e5;
  color: #121313;
}
.scwc-button--secondary svg path {
    fill: #121313;
}
.scwc-button--secondary:focus, .scwc-button--secondary:hover {
    background-color: #fff;
    color: #121313;
}
.scwc-button--secondary:focus svg path, .scwc-button--secondary:hover svg path {
      fill: #121313;
}
.scwc-text-button {
  background: none;
  color: #000;
  border: 0;
  padding: 0;
}
.scwc-text-button:focus, .scwc-text-button:hover {
    background: none;
    color: #000;
    outline: none;
}
.scwc-text-button--edit {
  font-size: 10px;
}
.scwc-text-button--edit::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../assets/ic-edit.bd8c9e40.svg) no-repeat center/contain;
    margin-left: 18px;
}
.scwc-button.scwc-button-iconic, .scwc-button.scwc-button-iconic:hover {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  background: #E3E5E5 no-repeat center / 24px;
  border: 0;
}
.scwc-button.scwc-button-iconic--refresh, .scwc-button.scwc-button-iconic--refresh:hover {
  background-image: url(../assets/ic-update.20eead87.svg);
}
.scwc-button.scwc-button-iconic--edit, .scwc-button.scwc-button-iconic--edit:hover {
  background-image: url(../assets/ic-edit.bd8c9e40.svg);
  background-size: 11px;
}
.scwc-button.scwc-button-iconic--remove, .scwc-button.scwc-button-iconic--remove:hover {
  background-image: url(../assets/ic-delete.d8e1a0b9.svg);
  background-size: 12px;
}
.scwc-button.scwc-button-iconic--add, .scwc-button.scwc-button-iconic--add:hover {
  background-image: url(../assets/ic-plus.3b75f6f0.svg);
}
.scwc-product-buttons {
  margin: 1rem 0;
}
.scwc-modal-close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  border: 0;
  padding: 0;
  color: #000;
  font-size: 10px;
  font-weight: 400;
}
.scwc-modal-close:focus, .scwc-modal-close:hover {
    background: none;
    color: #000;
}
.scwc-modal-close::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    background: url(../assets/ic-close--small.6dd3631a.svg) no-repeat center/contain;
    width: 16px;
    height: 16px;
    margin-left: 8px;
}
@media (min-width: 768px) {
.scwc-modal-close::after {
        background-image: url(../assets/ic-close.dc2c8d87.svg);
}
}
.scwc-row {
  display: flex;
  margin-bottom: 10px;
}
.scwc-label {
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 1.2;
}
.scwc-input-container {
  flex: 1 1 0;
  padding: 3px;
}
.scwc-input-container--half {
  flex: 0 0 50%;
}
select.scwc-input-select {
  font-family: var(--scwc-font);
  font-size: 14px;
  line-height: 1.1;
  border-radius: 6px;
  padding: 15px 10px;
  padding-right: 33px;
  height: auto;
}
.scwc-input-radio-fieldset {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  border: 0;
  margin: 0 -5px;
}
.scwc-input-radio-fieldset .scwc-input-radio {
    flex: 1 1 0;
}
.scwc-input-radio {
  margin: 0 5px 0 0;
}
.scwc-input-radio input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    margin: 0;
}
.scwc-input-radio__label {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.2;
  height: 44px;
  padding: 2px 23px 2px 6px;
  cursor: pointer;
}
.scwc-input-radio__frame {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #d8dbdb;
  border-radius: 10px;
  transition: .2s;
}
.scwc-input-radio__frame::after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    right: 5px;
    width: 16px;
    background: url(../assets/ic-check.f8aa6771.svg) no-repeat center/contain;
    opacity: 0;
    transition: .2s;
}
.scwc-input-radio__label input:checked + .scwc-input-radio__frame {
  border-color: #01DFFE;
}
.scwc-input-radio__label input:checked + .scwc-input-radio__frame::after {
    opacity: 1;
}
input[type=text].scwc-input-text,
input[type=number].scwc-input-text {
  font-family: var(--scwc-font);
  font-size: 14px;
  line-height: 1.1;
  color: var(--black-sheer);
  border: 1px solid #e3e5e5;
  border-radius: 10px;
  background-color: #fff;
  padding: 13px 18px;
  height: auto;
  box-shadow: none;
  margin: 0;
}
input[type=text].scwc-input-text:disabled,
  input[type=number].scwc-input-text:disabled {
    opacity: .6;
}
input[type=text].scwc-input-text:focus,
  input[type=number].scwc-input-text:focus {
    border: 1px solid #e3e5e5;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 1024px) {
input[type=text].scwc-input-text,
    input[type=number].scwc-input-text {
      font-size: 16px;
}
}
.scwc-nav-buttons {
  text-align: center;
}
.scwc-nav-buttons__button {
  margin: 0 3px;
}
@media (min-width: 768px) {
.scwc-nav-buttons__button {
      margin: 0 12px;
}
}
.scwc-qty-table__attribute {
  margin-bottom: 30px;
}
.scwc-qty-table__options-item {
  position: relative;
  margin: 0 4px 4px 0;
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  color: #3d3d3e;
  outline: 0 !important;
}
.scwc-qty-table__options-item--disabled {
  opacity: .5;
}
.scwc-qty-table__options-item__button {
  display: block;
  line-height: 40px;
  padding: 0 5px;
  min-width: 40px;
  border: 2px solid transparent;
  transition: border-color .2s;
  background-color: #f6f6f6;
  color: #3d3d3e;
  outline: none !important;
  cursor: pointer;
}
.scwc-qty-table__options-item__button:focus, .scwc-qty-table__options-item__button:hover {
    border-color: green;
    background-color: #f6f6f6;
}
.scwc-qty-table__options-item--selected .scwc-qty-table__options-item__button {
  border-color: green;
}
.scwc-qty-table__selected-attr-name {
  font-weight: bold;
}
.scwc-qty-table__options {
  display: flex;
  flex-wrap: wrap;
}
.scwc-qty-table__attribute--secondary-qty .scwc-qty-table__options-item {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  text-align: center;
  margin-bottom: 45px;
}
.scwc-qty-table__attribute--secondary-qty .scwc-qty-table__options-item--selected .scwc-qty-table__options-item-size {
  border-color: #56c600;
}
.scwc-qty-table__attribute--secondary-qty .scwc-qty-table__options-item-size {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
  min-width: 40px;
  color: #3d3d3e;
  border-radius: 4px;
  border: solid 2px transparent;
  background-color: #f6f6f6;
  transition: border-color .2s;
}
.scwc-qty-table__attribute--secondary-qty .scwc-qty-table__options-item-qty {
  text-align: center;
  padding: 0;
  width: 100% !important;
  border-radius: 4px;
  background-color: #f6f6f6;
  border: 0 !important;
  line-height: 40px !important;
  font-family: inherit !important;
}
.scwc-qty-table__options-item__qty-c {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.scwc-qty-table__options-item__button-c {
  margin-bottom: 8px;
}
.scwc-open-customiser-button {
  margin: 10px 0;
}
.scwc-product-buttons {
  max-height: 200px;
  transition: .2s;
}
.scwc-product-buttons--hidden {
  max-height: 0;
  overflow: hidden;
}