@keyframes popup {
  0% {
    display: none;
    width: 0;
    height: 0;
  }
  1% {
    display: block;
    width: 0;
    height: 0;
  }
  100% {
    display: block;
    width: 100%;
    height: 100%;
  }
}
@keyframes collapse {
  0% {
    display: block;
    width: 100%;
    height: 100%;
  }
  99% {
    display: block;
    width: 0;
    height: 0;
  }
  100% {
    display: none;
    width: 0;
    height: 0;
  }
}
@keyframes opacity {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.ar-container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}

.canvas-2d {
  aspect-ratio: 1/1;
}

.canvas-3d {
  aspect-ratio: 1/1;
  background: rgb(0, 0, 0);
}
.canvas-3d:focus {
  outline: none;
}

.ar-button {
  margin: 5px 16px !important;
  padding: 14px 28px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #FACC15 !important;
  color: #0D0D0E !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-decoration: none;
  text-align: center;
  text-transform: capitalize !important;
  transition: all 0.3s ease;
  opacity: 1 !important;
  cursor: pointer;
}
.ar-button:hover {
  background: #ffffff !important;
}
.ar-button.ar-small {
  margin: 5px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  font-size: 1rem !important;
}

.ar-select {
  display: inline-block;
  width: 200px;
  max-width: 100%;
  margin: 3px;
  padding: 5px 7px;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  background: #FACC15;
  color: #0D0D0E;
  font-size: 18px;
}

.ar-dashed-hr {
  border: 2px dashed #888888;
}

#badge_editor {
  position: fixed;
  z-index: 100000000000000000;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  background: #080809;
  display: none;
  width: 0;
  height: 0;
}
#badge_editor.open {
  animation: popup 0.5s 1 linear forwards;
}
#badge_editor.collapse {
  animation: collapse 0.5s 1 linear forwards;
}
#badge_editor .content {
  display: none;
  width: 100%;
  max-width: 100%;
  background-color: #080809;
  background-image: linear-gradient(to right, rgba(16, 152, 111, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(16, 152, 111, 0.05) 1px, transparent 1px);
  background-size: 30px 30px;
  color: white;
}
#badge_editor #badge_editor_top {
  position: relative;
  height: 65px;
  padding: 10px;
  border-bottom: 1px solid #222222;
  box-sizing: border-box;
  background: #030303;
}
#badge_editor #badge_editor_top > * {
  vertical-align: top;
}
#badge_editor #badge_editor_top #total_price_wrapper * {
  display: inline;
  font-size: 20px;
  line-height: 2.4em;
}
#badge_editor #badge_editor_top .selection #badge_select_fixer {
  position: absolute;
  z-index: 3;
  top: 41px;
  left: 19px;
  display: none;
  width: 20px;
  height: 20px;
  padding: 0;
  border-bottom: 10px solid #cda400;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  opacity: 0;
}
#badge_editor #badge_editor_top .selection #badge_select_fixer.open {
  display: block;
  animation: opacity 0.5s 1 forwards;
}
#badge_editor #badge_editor_top .selection #badge_select {
  position: absolute;
  z-index: 4;
  top: 60px;
  left: 15px;
  display: none;
  width: 320px !important;
  max-width: 93% !important;
  margin: 0;
  padding: 5px;
  border-radius: 5px;
  background: #cda400;
  opacity: 0;
}
#badge_editor #badge_editor_top .selection #badge_select li {
  list-style: none;
  display: flex;
  width: 100%;
  margin-bottom: 3px;
  padding: 6px;
  border-radius: 5px;
  background: #FACC15;
  color: #0D0D0E;
  line-height: 2.5em;
  white-space: nowrap;
}
#badge_editor #badge_editor_top .selection #badge_select li:last-child {
  margin-bottom: 0;
}
#badge_editor #badge_editor_top .selection #badge_select li > * {
  overflow: hidden;
}
#badge_editor #badge_editor_top .selection #badge_select li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #dcb105;
}
#badge_editor #badge_editor_top .selection #badge_select li button {
  width: 30px;
  height: 30px;
  margin: 3px;
  border: none;
  border-radius: 50%;
  background: #ffffff;
  color: #0D0D0E;
  cursor: pointer;
  transition: all 0.2s;
  line-height: 30px;
}
#badge_editor #badge_editor_top .selection #badge_select li button:hover {
  background: #0D0D0E;
  color: #FACC15;
}
#badge_editor #badge_editor_top .selection #badge_select.open {
  display: block;
  animation: opacity 0.5s 1 forwards;
}
#badge_editor .ar-flexbox {
  height: calc(100vh - 65px);
}
#badge_editor .ar-flexbox #badge_editor_left,
#badge_editor .ar-flexbox #badge_editor_right {
  position: relative;
  width: 50%;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
}
#badge_editor .ar-flexbox #badge_editor_left #wrapper-2d,
#badge_editor .ar-flexbox #badge_editor_left #wrapper-3d,
#badge_editor .ar-flexbox #badge_editor_right #wrapper-2d,
#badge_editor .ar-flexbox #badge_editor_right #wrapper-3d {
  position: relative;
  margin: 0 auto;
  aspect-ratio: 1/1;
  border: 5px solid #262628;
  border-radius: 9px;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: top;
}
#badge_editor .ar-flexbox #badge_editor_left #wrapper-2d canvas,
#badge_editor .ar-flexbox #badge_editor_left #wrapper-3d canvas,
#badge_editor .ar-flexbox #badge_editor_right #wrapper-2d canvas,
#badge_editor .ar-flexbox #badge_editor_right #wrapper-3d canvas {
  width: 100%;
  height: 100%;
  border-radius: 9px;
}

@media only screen and (max-width: 768px) {
  #badge_editor #badge_editor_top #badge_select {
    width: 100px;
  }
  #badge_editor #badge_editor_top #save_badge_edits.ar-small,
  #badge_editor #badge_editor_top #add_badge.ar-small {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  #badge_editor .ar-flexbox {
    height: 100%;
  }
  #badge_editor .ar-flexbox #badge_editor_left,
  #badge_editor .ar-flexbox #badge_editor_right {
    display: block;
    width: 100%;
    height: calc(50vh - 33px);
    padding: 5px;
  }
  #badge_editor .ar-flexbox #badge_editor_left #wrapper-2d,
  #badge_editor .ar-flexbox #badge_editor_left #wrapper-3d,
  #badge_editor .ar-flexbox #badge_editor_left canvas,
  #badge_editor .ar-flexbox #badge_editor_right #wrapper-2d,
  #badge_editor .ar-flexbox #badge_editor_right #wrapper-3d,
  #badge_editor .ar-flexbox #badge_editor_right canvas {
    aspect-ratio: 1/1 !important;
  }
}
#save_screenshots {
  display: none;
}
#save_screenshots:before {
  content: url(../images/shopping-cart.svg);
  position: absolute;
  left: 20px;
  top: 53%;
  transform: translateY(-50%);
}

#ar-popup-message {
  position: absolute;
  z-index: 999;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #bebec2;
  transition: "opacity 0.3s ease-in-out";
}
#ar-popup-message #popup-message {
  padding: 7px 15px;
  border-radius: 13px;
  background: #262628;
  box-shadow: 0 0 20px #030303;
  transition: "opacity 0.3s ease-in-out";
}

#ar_dialog_curtain {
  position: fixed;
  z-index: 100000000000000000000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(3, 3, 3, 0.5);
}
#ar_dialog_curtain #ar_dialog {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 600px;
  max-width: 98%;
  max-height: 98%;
  padding: 30px;
  border: 1px solid #3e3e43;
  border-radius: 24px;
  box-sizing: border-box;
  background: #19191b;
  box-shadow: 0 0 20px #030303;
  color: #a3a3aa;
  line-height: 1.4em;
  overflow-y: auto;
}
#ar_dialog_curtain #ar_dialog .header {
  margin-bottom: 20px;
}
#ar_dialog_curtain #ar_dialog .header #close_dialog {
  width: 20px;
  height: 20px;
  float: right;
  line-height: 20px;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
#ar_dialog_curtain #ar_dialog .header #close_dialog:hover {
  color: #ffffff;
}
#ar_dialog_curtain #ar_dialog .header h2 {
  margin-bottom: 10px;
}
#ar_dialog_curtain #ar_dialog .body {
  max-height: 65vh;
  overflow-y: auto;
  font-size: 100%;
}
#ar_dialog_curtain #ar_dialog .body ul#new_items {
  margin: 0;
  padding: 0 0 20px 0;
}
#ar_dialog_curtain #ar_dialog .body ul#new_items li {
  list-style: none;
}
#ar_dialog_curtain #ar_dialog .body ul#new_items li .note {
  padding-left: 30px;
  font-size: 75%;
}
#ar_dialog_curtain #ar_dialog .body ul#new_items li .note .price,
#ar_dialog_curtain #ar_dialog .body ul#new_items li .note .price .woocommerce-Price-amount.amount {
  font-size: 100% !important;
}
#ar_dialog_curtain #ar_dialog .body .total {
  font-size: 110%;
  font-weight: normal;
  text-transform: capitalize;
}
#ar_dialog_curtain #ar_dialog .body .total span {
  color: #FACC15;
  font-weight: bold;
}
#ar_dialog_curtain #ar_dialog .footer {
  margin-top: 20px;
}

input[type=checkbox].ar-checkbox {
  position: relative;
  width: 22px;
  height: 22px;
  margin: 0 3px -7px 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #888888;
  border-radius: 4px;
  background-color: #030303;
  transition: background-color 0.2s;
  cursor: pointer;
}
input[type=checkbox].ar-checkbox:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  z-index: 99;
  display: none;
  color: #ffffff;
}
input[type=checkbox].ar-checkbox:checked:before {
  content: "\f00c";
  display: inline-block;
  font-size: 16px;
  left: 2px;
  top: -1px;
}
input[type=checkbox].ar-checkbox:focus {
  outline: none;
  box-shadow: none;
}

#contextMenu {
  position: absolute;
  z-index: 1000;
  display: none;
  border: 1px solid #0D0D0E;
  border-radius: 4px;
  background: #262628;
  box-shadow: 0 0 20px #030303;
}
#contextMenu ul {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
#contextMenu ul li {
  padding: 5px 16px;
  cursor: pointer;
}
#contextMenu ul li:hover {
  background: #39393e;
}

#discard {
  display: inline-block;
  line-height: 3em;
  cursor: pointer;
  transition: all 0.3s;
}
#discard:hover {
  color: #FACC15;
}

.ar-rounded-btn {
  display: inline-block !important;
  padding: 7px 20px !important;
  border: none;
  border-radius: 30px !important;
  background: #FACC15 !important;
  color: #0D0D0E !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 36px;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s;
  cursor: pointer;
}
.ar-rounded-btn:hover {
  background: #ffffff !important;
}
.ar-rounded-btn.light {
  background: #ffffff !important;
}
.ar-rounded-btn.light:hover {
  background: #FACC15 !important;
}
.ar-rounded-btn.dark {
  background: #262628 !important;
  color: #ffffff !important;
}
.ar-rounded-btn.dark:hover {
  background: #060606 !important;
}

.account-orders-table thead tr th,
.account-orders-table thead tr td {
  padding: 15px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}
.account-orders-table tbody tr th,
.account-orders-table tbody tr td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.account-orders-table tbody tr th .woocommerce-button.button.view,
.account-orders-table tbody tr td .woocommerce-button.button.view {
  background: none;
  color: #6f6f78;
  font-weight: normal;
  text-decoration: underline;
}
.account-orders-table tbody tr th .woocommerce-button.button.view:hover,
.account-orders-table tbody tr td .woocommerce-button.button.view:hover {
  background: none;
  color: #ffffff;
}

.link {
  color: #FACC15;
  transition: all 0.3s;
}
.link:hover {
  color: #ffffff;
}

.badge-label {
  display: inline-block;
  width: 98px;
}

.pointer {
  cursor: pointer;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.hidden {
  display: none;
}

.ar-flexbox {
  z-index: 1;
  display: flex;
  -webkit-display: flex;
  width: 100%;
  max-width: 100%;
}

.ar-flex-1 {
  flex: 1;
}

.ar-flex-2 {
  flex: 2;
}

.ar-flex-3 {
  flex: 3;
}

.ar-flex-4 {
  flex: 4;
}

.ar-flex-5 {
  flex: 5;
}

.ar-flex-6 {
  flex: 6;
}

.ar-flex-7 {
  flex: 7;
}

.ar-flex-8 {
  flex: 8;
}

.ar-flex-9 {
  flex: 9;
}

.ar-flex-10 {
  flex: 10;
}

.ar-padding {
  padding: 10px;
}

.ar-flexbox,
.ar-flex-1,
.ar-flex-2,
.ar-flex-3,
.ar-flex-4 {
  box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  .ar-flexbox,
  .ar-flex-1,
  .ar-flex-2,
  .ar-flex-3,
  .ar-flex-4 {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}
.spacer {
  height: 5px;
}
.spacer-10 {
  height: 10px;
}
.spacer-15 {
  height: 15px;
}
.spacer-20 {
  height: 20px;
}
.spacer-25 {
  height: 25px;
}
.spacer-30 {
  height: 30px;
}
.spacer-40 {
  height: 40px;
}
.spacer-50 {
  height: 50px;
}
.spacer-100 {
  height: 100px;
}

.ar-right {
  float: right;
}
.ar-right > * {
  vertical-align: top;
}

.ar-left {
  float: left;
}
.ar-left > * {
  vertical-align: top;
}

@media only screen and (min-width: 1199px) {
  .hide-in-pc {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
  .hide-in-tablet {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .hide-in-phone {
    display: none !important;
  }
}
.frozen {
  max-width: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.accent {
  color: #FACC15;
}

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

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

.text-right {
  text-align: right;
}/*# sourceMappingURL=frontend.css.map */