@import url(https://fonts.googleapis.com/css?family=Nunito+Sans|Roboto&display=swap);.portrait::before, .btn::after, .thumbnail-inner, .icon, .loading, .pie-part, .progress-segment, .pie-segment, .progress-circle::before, .over-50::after, .page-preview .preview-module::after, .page-preview .preview-module-info, .home-thumbnail .text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.main-nav, .lotus-container, .avatar, .price-input-container, .volume-input {
  display: grid;
  align-items: center; }

.lotus, .flex-center, .avatar-icon, .thumbnail .placeholder, .nav-icon, .icon, .icon-inner, .settings-select, [data-flextip]::after, .loading, .preloader, .progress-circle::before, .dropdown-button, .volume-input .btn, .thumbnail-icon, .home-thumbnail .text-overlay {
  display: flex;
  align-items: center;
  justify-content: center; }

.btn::before {
  content: '';
  z-index: -1;
  background: #e2986a;
  position: absolute;
  top: 0;
  left: -50%;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
  transition: all 0.25s ease;
  -webkit-transform: translateX(-57.5%);
          transform: translateX(-57.5%);
  pointer-events: none; }

.icon-container, .loading, .fade, .page-preview .preview-module {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  opacity: 0;
  -webkit-animation: slideUp .25s forwards;
          animation: slideUp .25s forwards; }

.select-thumbnail, .fade-in {
  opacity: 0;
  -webkit-animation: fadeIn .25s forwards;
          animation: fadeIn .25s forwards; }

.list, .h-list, .u-list, .pagination, .dropdown, .variant-type-options {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.full-length-inner, .wide-popup-inner, .content-editor-inner,
.stats-inner, .content-table tbody, .users-table tbody,
.products-table tbody, .orders-table tbody, .image-form-inner, .stock-table tbody, .variants-table tbody,
.prices-table tbody {
  display: block;
  overflow-y: auto; }

*, *::before, *::after {
  box-sizing: border-box;
  padding-top: 0;
  margin-top: 0;
  font-size: 1rem;
  font-weight: 100; }

body, html {
  padding: 0;
  margin: 0;
  color: white; }

body {
  background-color: #2d2d2d; }

body, html, button, input, textarea {
  font-family: "Roboto", sans-serif;
  font-weight: 100; }

h1, h2, h3, h4, h5, h6,
.fancy, .logo {
  font-family: "Nunito Sans", sans-serif; }

h1 {
  font-size: 3.5rem; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.5rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.5rem; }

h6 {
  font-size: 1rem; }

.logo {
  font-size: 1.5rem;
  text-decoration: none;
  color: white; }
  .logo img {
    position: absolute;
    top: .5rem;
    left: 1rem;
    height: 3rem; }

.main-logo-cont {
  position: relative; }
  .main-logo-cont .main-logo-cont-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    @extends %flex-center; }
  .main-logo-cont img {
    position: relative;
    width: 9rem;
    max-height: calc( 100vh - 3rem);
    -webkit-animation: fadeIn 2s ease forwards;
            animation: fadeIn 2s ease forwards; }

.main-nav {
  background-color: #ce8460;
  background-image: linear-gradient(to bottom right, #222622, #434343, #1b1b1b);
  color: white;
  padding: .5rem 1rem;
  grid-gap: 1rem;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4rem;
  z-index: 999; }

.main-nav ~ .nav-menu {
  margin-top: 4rem; }

.nav-menu {
  position: fixed;
  z-index: 998;
  background: #2d2d2d;
  top: 0;
  bottom: 0;
  right: 0;
  min-width: 12rem;
  transition: all 0.25s ease;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

.nav-item {
  position: relative;
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
  display: block;
  color: #ce8460;
  text-decoration: none;
  transition: all 0.25s ease; }

.slide-in {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
  -webkit-animation: slideIn .325s forwards .125s;
          animation: slideIn .325s forwards .125s; }

.nav-menu.active .nav-item {
  -webkit-animation: slideIn .325s forwards .125s;
          animation: slideIn .325s forwards .125s; }

.nav-item:hover {
  padding-left: .5rem; }

.nav-item.active {
  padding-left: .5rem; }

.nav-item::before {
  content: '';
  opacity: 0;
  position: absolute;
  top: .425rem;
  left: 0;
  height: 0;
  width: 0;
  border-bottom: .25rem solid transparent;
  border-left: 0.25rem solid #e2986a;
  border-top: .25rem solid transparent;
  transition: all 0.25s ease; }

.nav-item.active::before {
  opacity: 1; }

.nav-menu .login {
  color: #ce8460; }

.main-nav ~ .nav-menu.active {
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5); }

.nav-menu.active {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.flex {
  display: flex; }

.flex-align {
  align-items: center; }

.flex-col {
  flex-direction: column; }

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

.content-wrapper {
  min-height: 100vh; }

.main-content {
  margin-top: 4rem; }

.portrait {
  margin-top: 7.5rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  float: right;
  position: relative;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5); }

.portrait::before {
  content: '';
  background-position: 50% 10%;
  background-size: cover;
  background-image: url("/app/_devapp/img/assets/monique.jpg"); }

.portrait-container {
  clear: both; }

.btn {
  position: relative;
  z-index: 2;
  color: #3c3c3c;
  border: #ce8460;
  outline: none;
  cursor: pointer;
  padding: .5rem 1rem;
  transition: all 0.25s ease;
  overflow: hidden; }

.btn::after {
  content: '';
  background: #ce8460;
  z-index: -2; }

.btn:active {
  background: #e4a57e;
  color: #783e22; }

.btn:active::before {
  background: #e4a57e; }

.btn:hover::before {
  -webkit-transform: translateX(25%);
          transform: translateX(25%); }

.btn-sm {
  font-size: 0.825rem;
  padding: .25rem .5rem; }

.btn.active::before {
  -webkit-transform: translateX(25%);
          transform: translateX(25%);
  background: #e4a57e; }

.tab-container, .title-header {
  padding: .25rem;
  background: #ce8460;
  background-image: linear-gradient(to bottom right, #783e22, #ce8460, #e2986a); }

.tab, .title-header {
  padding: .25rem .5rem;
  color: #3c3c3c; }

.tab.active {
  z-index: 2;
  color: #ce8460;
  background: #3c3c3c;
  border: 1px solid #3c3c3c; }

.link, .content-string a {
  color: #ce8460;
  text-decoration: none;
  transition: all 0.25s ease;
  cursor: pointer; }

.content-string a:hover, .link:hover {
  color: #e2986a; }

.content-string a:active, .link:active {
  color: #e4a57e; }

.func, .clickable {
  cursor: pointer; }

.input-group {
  padding: .5rem;
  outline: none;
  border: 1px solid #ce8460;
  font-size: .825rem;
  font-weight: 100;
  background: #2d2d2d;
  color: white; }

.select {
  height: 2rem;
  font-size: 0.825rem;
  font-weight: 100; }

.textarea {
  resize: vertical;
  width: 100%; }

.input {
  width: 100%; }

.number-input, .number-input input {
  width: 3.5rem; }

.label {
  color: #ce8460; }

.float-right {
  float: right; }

.mv-q {
  margin-top: .25rem;
  margin-bottom: .25rem; }

.mv-h {
  margin-top: .5rem;
  margin-bottom: .5rem; }

.mv-1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.mv-2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mv-3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.mv-4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.m-auto {
  margin-left: auto;
  margin-right: auto; }

.m-q {
  margin-left: .25rem;
  margin-right: .25rem; }

.m-h {
  margin-left: .5rem;
  margin-right: .5rem; }

.m-1 {
  margin-left: 1rem;
  margin-right: 1rem; }

.m-2 {
  margin-left: 2rem;
  margin-right: 2rem; }

.ml-h {
  margin-left: .5rem; }

.mr-h {
  margin-right: .5rem; }

.mr-1 {
  margin-right: 1rem; }

.mr-2 {
  margin-right: 2rem; }

.mb-q {
  margin-bottom: .25rem; }

.mb-h {
  margin-bottom: .5rem; }

.mb-1 {
  margin-bottom: 1rem; }

.mb-2 {
  margin-bottom: 2rem; }

.mb-3 {
  margin-bottom: 3rem; }

.mb-4 {
  margin-bottom: 4rem; }

.mb-6 {
  margin-bottom: 6rem; }

.mb-9 {
  margin-bottom: 9rem; }

.mt-q {
  margin-top: .25rem; }

.mt-h {
  margin-top: .5rem; }

.mt-1 {
  margin-top: 1rem; }

.mt-2 {
  margin-top: 2rem; }

.mt-3 {
  margin-top: 3rem; }

.mt-4 {
  margin-top: 4rem; }

.p-q {
  padding-left: .25rem;
  padding-right: .25rem; }

.p-h {
  padding-left: .5rem;
  padding-right: .5rem; }

.p-1 {
  padding-left: 1rem;
  padding-right: 1rem; }

.p-2 {
  padding-left: 2rem;
  padding-right: 2rem; }

.pv-q {
  padding-top: .25rem;
  padding-bottom: .25rem; }

.pv-h {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.pv-1 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pv-2 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pv-3 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.pv-4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.pb-q {
  padding-bottom: .25rem; }

.pb-h {
  padding-bottom: .5rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pb-2 {
  padding-bottom: 2rem; }

.pt-q {
  padding-top: .25rem; }

.pt-h {
  padding-top: .5rem; }

.pt-1 {
  padding-top: 1rem; }

.pt-2 {
  padding-top: 2rem; }

.pt-3 {
  padding-top: 3rem; }

.pt-4 {
  padding-top: 4rem; }

.pr-h {
  padding-right: .5rem; }

.pr-1 {
  padding-right: 1rem; }

.pr-2 {
  padding-right: 2rem; }

.pr-2h {
  padding-right: 2.5rem; }

.ib ~ .ib-q {
  margin-left: .25rem; }

.ib ~ .ib-h {
  margin-left: .5rem; }

strong, .b, .strong {
  font-weight: 900; }

.alert {
  background: rgba(206, 132, 96, 0.5);
  color: white;
  font-size: 0.825rem; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.center {
  text-align: center; }

[disabled], .disabled, .inactive {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: .5;
  cursor: default; }

.dark {
  background: #783e22;
  color: white; }

.black-bg {
  background: #3c3c3c;
  color: white; }

.Toastify__toast.toast-custom {
  padding: 0;
  font-family: "Roboto", sans-serif; }

.Toastify__toast.toast-form {
  color: white;
  background: #3c3c3c; }

.Toastify__toast.toast-error {
  color: white;
  background: #783e22;
  background-image: linear-gradient(to bottom right, #783e22, #ce8460, #e2986a); }

.toast-custom .Toastify__close-button {
  position: absolute;
  top: .25rem;
  right: .25rem;
  color: white; }

.spinner-cont {
  display: inline-block;
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite; }

.lotus-container {
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-gap: .5rem;
  cursor: pointer;
  transition: all 0.25s ease;
  position: relative; }
  .lotus-container .lotus-chevron {
    top: .25rem;
    right: 0;
    width: .5rem;
    height: .5rem;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    position: absolute;
    transition: all 0.25s ease;
    opacity: 0; }
  .lotus-container .lotus-x {
    position: absolute;
    top: .25rem;
    right: -.175rem;
    opacity: 0;
    transition: all 0.25s ease; }
  .lotus-container .lotus-x::after, .lotus-container .lotus-x::before {
    position: absolute;
    width: .75rem;
    opacity: .5rem;
    content: '';
    height: 1px;
    background: white; }
  .lotus-container .lotus-x::after {
    top: .325rem;
    left: -.825rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .lotus-container .lotus-x::before {
    top: .325rem;
    left: -.825rem;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.lotus-container:hover {
  padding-right: .75rem; }
  .lotus-container:hover .lotus-chevron {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 1; }

.lotus-container.active .lotus {
  -webkit-animation: spin 1s ease forwards;
          animation: spin 1s ease forwards; }

.lotus-container.active:hover .lotus-x {
  opacity: 1; }

.lotus-container.active:hover .lotus-chevron {
  top: .175rem;
  opacity: 0; }

.lotus svg {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-animation: spin 20s linear infinite;
          animation: spin 20s linear infinite; }

.lotus path {
  fill: #e4a57e; }

.highlight {
  color: #ce8460; }

.nav-menu .avatar {
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
  text-decoration: none; }

.nav-menu.active .avatar {
  -webkit-animation: slideIn .325s forwards .25s;
          animation: slideIn .325s forwards .25s; }

.avatar {
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-gap: .5rem; }

.avatar-icon {
  background-image: linear-gradient(to bottom right, #783e22, #ce8460, #e2986a);
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: #3c3c3c;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.no-align {
  align-items: unset !important; }

.content-info-inner-grid, .total-grid {
  display: grid;
  grid-template-columns: 1fr 5rem; }

.apply-shake {
  -webkit-animation: shake 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

.light {
  color: #e4a57e; }

.light:hover {
  color: #e4a57e; }

.upload-container {
  width: 20rem; }
  .upload-container [tabindex="0"], .upload-container .uploading {
    background-color: #3c3c3c; }

.thumbnail-outer {
  width: 100%; }

.thumbnail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: .5rem;
  max-height: calc( 100vh - 11rem);
  overflow-y: auto; }

.thumbnail-grid-large {
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); }

.thumbnail {
  position: relative;
  width: 100%;
  padding-bottom: 65%;
  overflow: hidden; }

.thumbnail-grid-large .thumbnail {
  cursor: pointer; }

.select-thumbnail {
  transition: all 0.25s ease;
  overflow: hidden; }

.select-thumbnail:hover {
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5); }

.select-thumbnail:hover .thumbnail-inner {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); }

.thumbnail-inner {
  background-position: center center;
  background-size: cover;
  transition: all 0.25s ease; }

.thumbnail .thumbnail-placeholder {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px; }

.thumbnail .placeholder {
  background: rgba(206, 132, 96, 0.25); }

.thumbnail .fa-image {
  color: white; }

.two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.two-cols-autofill {
  display: grid;
  grid-template-columns: 1fr; }

.two-cols-autofill-alt {
  display: grid;
  grid-template-columns: 1fr; }

.small {
  font-size: 0.825rem; }

.xs {
  font-size: .75rem !important; }

.small-all * {
  font-size: 0.825rem; }

.black {
  color: #3c3c3c; }

.gradient-bg {
  background-image: linear-gradient(to bottom right, #222622, #434343, #1b1b1b); }

.dark .label {
  color: white; }

.dark .input-group {
  color: white; }

.dark .link {
  color: #e4a57e; }

.dark ::-webkit-input-placeholder {
  color: #ce8460; }

.dark ::-moz-placeholder {
  color: #ce8460; }

.dark :-ms-input-placeholder {
  color: #ce8460; }

.dark ::-ms-input-placeholder {
  color: #ce8460; }

.dark ::placeholder {
  color: #ce8460; }

.hr {
  background: #3c3c3c;
  width: 100%;
  color: white; }

.hr-img {
  width: 3rem;
  animation: spin 60s linear infinite reverse; }

.list li ~ li {
  margin-top: .25rem; }

.h-list li ~ li {
  margin-left: .25rem; }

.max-width-500 {
  max-width: 500px; }

.max-width-768 {
  max-width: 768px; }

.max-width {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }

.min-height {
  min-height: 100vh; }

.settings-menu {
  bottom: 6rem; }

.settings-menu .nav-icon {
  opacity: 0;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem); }

.settings-menu.active .nav-icon {
  -webkit-animation: slideUp .325s forwards;
          animation: slideUp .325s forwards; }

.settings-grid {
  display: grid;
  grid-template-columns: -webkit-min-content -webkit-min-content 1fr;
  grid-template-columns: min-content min-content 1fr;
  grid-gap: .25rem; }

.icons-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(6.25rem, 1fr)); }

.nav-icon {
  width: 2rem;
  height: 2rem; }

.icon-container {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  cursor: pointer;
  transition: all 0.25s ease;
  -webkit-animation-delay: .25s;
          animation-delay: .25s; }

.icon {
  background: linear-gradient(to bottom right, #783e22, #ce8460, #e2986a);
  color: #3c3c3c;
  text-decoration: none;
  padding: .5rem; }

.icon-inner {
  flex-direction: column; }

.icon-container:hover {
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5); }

.icon-text {
  padding-top: .5rem;
  font-size: 0.825rem;
  text-align: center; }

.settings-select {
  background: unset;
  border: unset;
  outline: none;
  width: 3rem;
  height: 3rem;
  cursor: pointer; }

.settings-icon {
  position: absolute;
  z-index: 1001;
  top: 0;
  right: 0; }

.grey {
  color: #988c86; }

.history {
  margin-bottom: 2rem; }

.history-item, .history > a.history-item {
  color: #988c86;
  text-decoration: none;
  position: relative; }

.history-item ~ .history-item::before {
  content: '';
  margin: .5rem; }

.history-item ~ .history-item::after {
  content: '';
  position: absolute;
  top: .5rem;
  left: .25rem;
  width: .325rem;
  height: .325rem;
  border-right: 1px solid #988c86;
  border-bottom: 1px solid #988c86;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

[data-tooltip] {
  position: relative; }

[data-tooltip]::after {
  content: attr(data-tooltip);
  z-index: 1000;
  font-size: 0.825rem;
  background: linear-gradient(to bottom right, #783e22, #ce8460, #e2986a);
  color: white;
  border: 1px solid #e2986a;
  padding: .125rem .25rem;
  position: absolute;
  left: -.5rem;
  bottom: 1.625rem;
  -webkit-filter: drop-shadow(0.0625rem 0.0625rem 0.125rem rgba(30, 30, 30, 0.25));
          filter: drop-shadow(0.0625rem 0.0625rem 0.125rem rgba(30, 30, 30, 0.25));
  max-width: 10rem;
  max-width: 85vw;
  pointer-events: none;
  transition: all 0.25s ease;
  opacity: 0;
  text-align: left; }

[data-tooltip]::before {
  content: '';
  z-index: 1001;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 1.325rem;
  left: .0625rem;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  border-left: .25rem solid transparent;
  border-top: 0.25rem solid #ce8460;
  border-right: .25rem solid transparent;
  pointer-events: none;
  transition: all 0.25s ease;
  opacity: 0; }

[data-position*="bottom"]::after {
  bottom: unset;
  top: 1.575rem; }

[data-position*="bottom"]::before {
  top: unset;
  top: 1.45rem;
  border-top: unset;
  border-bottom: 0.25rem solid #ce8460; }

[data-position*="right"]::after {
  left: unset;
  right: -.5rem; }

[data-position*="right"]::before {
  left: unset;
  right: .0625rem; }

[data-tooltip]:hover::after, [data-tooltip]:hover::before {
  opacity: 1; }

[data-flextip] {
  position: relative; }

[data-flextip]::after {
  content: attr(data-flextip);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: .75rem;
  opacity: 0;
  transition: .25s ease; }

[data-flextip]:hover::after {
  opacity: 1; }

.drop-files {
  position: relative; }
  .drop-files [tabindex="0"], .drop-files .uploading {
    border: 1px solid #988c86;
    border-radius: .25rem;
    padding: 1rem;
    height: 18.5rem;
    width: 100%;
    min-width: 18.5rem;
    text-align: center; }
  .drop-files .eye {
    background: #ce8460;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    position: absolute;
    z-index: 1;
    top: 6rem;
    pointer-events: none; }
  .drop-files .eye::before {
    content: '';
    position: absolute;
    background: #3c3c3c;
    height: .5rem;
    width: .5rem;
    top: .325rem;
    left: .325rem;
    z-index: 2;
    transition: all 0.25s ease; }
  .drop-files .eye::after {
    content: '';
    z-index: 2;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 50%;
    background: #3c3c3c;
    transition: .325s ease; }
  .drop-files .left-eye {
    left: 4rem; }
  .drop-files .right-eye {
    right: 4rem; }
  .drop-files .jaw {
    position: absolute;
    border-radius: 1rem;
    height: 1rem;
    left: 4rem;
    right: 4rem;
    -webkit-transform: -50%;
            transform: -50%;
    background: #ce8460;
    transition: all 0.25s ease;
    pointer-events: none; }
  .drop-files .jaw-bottom {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    bottom: 15%; }
  .drop-files .jaw-top {
    top: 55%; }
  .drop-files .jaw::after, .drop-files .jaw::before {
    content: '';
    position: absolute;
    top: 1rem;
    height: 1rem;
    width: 1rem;
    border-radius: 0 0 1rem 1rem;
    background: #ce8460; }
  .drop-files .jaw::after {
    left: 1rem; }
  .drop-files .jaw::before {
    right: 1rem; }
  .drop-files .uploading ~ .eye::after {
    top: 75%; }
  .drop-files .uploading ~ .jaw-top {
    -webkit-animation: eat-top .5s ease infinite;
            animation: eat-top .5s ease infinite; }
  .drop-files .uploading ~ .jaw-bottom {
    -webkit-animation: eat-bottom .5s ease infinite;
            animation: eat-bottom .5s ease infinite; }
  .drop-files .uploading ~ .eye::before {
    border-radius: 50%; }

.drop-files:hover [tabindex="0"] ~ .jaw-bottom {
  bottom: 10%; }

.drop-files:hover [tabindex="0"] ~ .jaw-top {
  top: 50%; }

.drop-files:hover [tabindex="0"] ~ .eye::after {
  top: 75%; }

.drop-files:hover [tabindex="0"] ~ .eye::before {
  left: 1.25rem; }

.loading {
  pointer-events: none; }

.loader {
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite; }

.relative {
  position: relative; }

.preloader {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2d2d2d;
  pointer-events: none;
  opacity: 1; }

.preloader-fade {
  -webkit-animation: fadeOut .325s ease forwards .325s;
          animation: fadeOut .325s ease forwards .325s; }

.preloader-circle {
  width: 3rem;
  height: 3rem;
  border-top: .125rem solid transparent;
  border-left: 0.125rem solid #ce8460;
  border-bottom: 0.125rem solid #ce8460;
  border-right: 0.125rem solid #ce8460;
  border-radius: 50%;
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite; }

.loading-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(206, 132, 96, 0.25);
  pointer-events: all; }

.price::before {
  content: '\20AC';
  margin-right: .125em;
  font-size: inherit; }

.create-content-wrapper {
  min-height: calc( 100vh - 9rem);
  border: 1px solid #988c86;
  background: #2d2d2d; }

.input-grid {
  display: grid;
  align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: .5rem; }

.input-grid-min {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-column-gap: .5rem; }

.input-grid-min-alt {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-column-gap: .5rem; }

.date-grid input[type="date"],
.date-grid input[type="time"] {
  display: block; }

input[type="date"] {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.editor-base-container {
  min-height: 19.5rem; }

.editor-prices-container {
  min-height: 19.5rem;
  max-height: calc( 100vh - 7.5rem);
  overflow-y: auto; }

.content-editor-wrapper {
  min-height: 66.5rem; }

.content-editor-outer {
  background: #2d2d2d; }

.content-editor-footer {
  padding: .5rem;
  border-top: 1px solid #988c86; }

.content-editor-thumb {
  width: 10rem; }

.tiny-editor {
  min-height: 14.25rem; }

.tiny-editor ~ .tiny-editor {
  margin-top: .5rem; }

.tiny-editor div[role="application"] {
  min-height: 31.5rem; }

.tiny-container img {
  max-width: 100%;
  height: auto; }

.content-string img {
  max-width: 100% !important;
  height: auto !important; }

.mce-content-body {
  margin: .5rem; }
  .mce-content-body img {
    max-width: 100%;
    height: auto; }

.img-max-width {
  max-width: 100%; }

.fill-height {
  height: 100%; }

.primary-h {
  color: rgba(206, 132, 96, 0.5); }

.b-grey {
  border: 1px solid #988c86; }

.b-primary {
  border: 1px solid #ce8460 !important; }

.bt-grey {
  border-top: 1px solid #988c86 !important; }

.bb-grey {
  border-bottom: 1px solid #988c86 !important; }

.bb-grey-h {
  border-bottom: 1px solid rgba(180, 180, 180, 0.5) !important; }

.bt-primary {
  border-top: 1px solid #ce8460 !important; }

.bb-primary {
  border-bottom: 1px solid #ce8460 !important; }

.full-length-inner {
  display: block;
  height: calc( 100vh - 4rem);
  max-height: calc( 100vh - 4rem);
  overflow-y: auto; }

.wide-popup-inner {
  display: block;
  height: calc( 100vh - 8.5rem);
  max-height: calc( 100vh - 8.5rem);
  overflow-y: auto; }

.content-editor-inner,
.stats-inner {
  display: block;
  height: calc( 100vh - 10.5rem);
  max-height: calc( 100vh - 10.5rem);
  overflow-y: auto;
  overflow-x: hidden; }

.content-table tbody {
  display: block;
  height: calc( 100vh - 17.5rem);
  max-height: calc( 100vh - 17.5rem);
  overflow-y: auto; }

.users-table tbody,
.products-table tbody {
  display: block;
  height: calc( 100vh - 25.5rem);
  max-height: calc( 100vh - 25.5rem);
  overflow-y: auto; }

.orders-table tbody {
  display: block;
  height: calc( 100vh - 20rem);
  max-height: calc( 100vh - 20rem);
  overflow-y: auto; }

.image-form-inner {
  display: block;
  height: calc( 100vh - 20rem);
  max-height: calc( 100vh - 20rem);
  overflow-y: auto; }

.stock-table tbody {
  display: block;
  height: calc( 100vh - 26.5rem);
  max-height: calc( 100vh - 26.5rem);
  overflow-y: auto;
  padding-bottom: .5rem; }

.variants-table tbody,
.prices-table tbody {
  display: block;
  height: calc( 100vh - 24.5rem);
  max-height: calc( 100vh - 24.5rem);
  overflow-y: auto;
  padding-bottom: .5rem; }

.stock-table input[type="number"] {
  margin: 0; }

.stock-table .checkbox-label {
  display: flex;
  align-items: center; }

.fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

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

.opacity-h {
  opacity: .5; }

.dog-tags-container > div {
  display: inline-block;
  height: 1.75rem;
  margin-right: .25rem; }

.dog-tag, .level {
  border-radius: .75rem;
  background: #ce8460;
  color: white;
  padding: .25rem .5rem;
  font-size: 0.825rem;
  transition: .25s ease; }

.dog-tag.opacity-h:hover {
  opacity: 1;
  cursor: pointer;
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5); }

.dog-tag.tag-circle {
  width: 1.5rem;
  height: 1.5rem; }

.stat-bars {
  position: relative;
  width: 100%;
  border-right: 1px solid rgba(206, 132, 96, 0.5);
  border-left: 1px solid rgba(206, 132, 96, 0.5); }

.stat-bars::after {
  content: '';
  width: 1px;
  position: absolute;
  background: rgba(206, 132, 96, 0.5);
  top: 0;
  bottom: 0;
  left: 50%; }

.stat-bars-header {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between; }

.stat-bars-header > span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center; }

.stat-bar-outer {
  position: relative;
  width: 100%;
  height: 1.75rem;
  background: rgba(206, 132, 96, 0.25);
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
  opacity: 0;
  -webkit-animation: fadeIn .25s ease forwards;
          animation: fadeIn .25s ease forwards; }

.stat-bar-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc( 1% * var( --p ));
  background: rgba(206, 132, 96, 0.5); }

.stat-bar-label {
  margin: 0 .5rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  color: white; }

.bezier-chart-container {
  padding: 0 .5rem; }

.bezier-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem; }

.bezier-chart {
  position: relative;
  width: 100%;
  border-right: 1px solid rgba(206, 132, 96, 0.5);
  margin-bottom: 4rem; }

.bezier-h {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(206, 132, 96, 0.25); }

.bezier-h::after {
  content: attr(data-value);
  position: absolute;
  top: .125rem;
  right: .25rem;
  font-size: .825rem; }

.bezier-h.min::after {
  top: -1rem; }

.bezier-v {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(206, 132, 96, 0.25);
  transition: all 0.25s ease; }

.bezier-v::after {
  content: attr(data-date);
  position: absolute;
  bottom: -1rem;
  right: 0;
  white-space: nowrap;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: .25rem;
  font-size: .825rem; }

.bezier-v::before {
  content: '';
  position: absolute;
  width: calc( 100vw / var( --m ));
  max-width: 4rem;
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
  top: 0;
  bottom: 0; }

.bezier-v:hover {
  background: #ce8460; }

.bezier-v:hover + .bezier-pill {
  width: .75rem;
  height: .75rem;
  -webkit-transform: translate(-0.325rem, 0.325rem);
          transform: translate(-0.325rem, 0.325rem); }

.bezier-v:hover + .bezier-pill::after {
  opacity: 1; }

.bezier-fade {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(45, 45, 45, 0.25);
  pointer-events: none; }

.bezier-fade::after, .bezier-fade::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2; }

.bezier-fade::before {
  width: 33.33%;
  background-color: rgba(45, 45, 45, 0.75); }

.bezier-fade::after {
  width: 66.66%;
  background-color: rgba(45, 45, 45, 0.5); }

.bezier-pill::after {
  content: attr(data-value);
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  font-size: .825rem;
  background: #ce8460;
  color: white;
  padding: .125rem .25rem;
  border-radius: .25rem;
  opacity: 0;
  transition: all 0.25s ease; }

.bezier-pill:last-child::after {
  left: unset;
  right: .5rem; }

.bezier-pill {
  position: absolute;
  z-index: 3;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: linear-gradient(to bottom right, #783e22, #ce8460, #e2986a);
  -webkit-transform: translate(-0.25rem, 0.25rem);
          transform: translate(-0.25rem, 0.25rem);
  transition: all 0.25s ease;
  pointer-events: none; }

.bezier {
  width: 100%;
  height: auto;
  -webkit-transform: rotateX(180deg) translateY(-4px);
          transform: rotateX(180deg) translateY(-4px);
  -webkit-animation: fadeIn .25s ease forwards;
          animation: fadeIn .25s ease forwards;
  opacity: 0; }

.progress-circle-container {
  width: 100%;
  position: relative;
  padding-bottom: 100%; }

.pie-outer {
  padding: .5rem;
  overflow: hidden;
  border-radius: 50%;
  margin: auto; }

.pie, .progress-circle {
  position: relative;
  background: rgba(180, 180, 180, 0.5);
  width: 15rem;
  height: 15rem;
  max-width: 80vw;
  max-height: 80vw;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5); }

.progress-circle {
  position: absolute;
  width: 100%;
  height: 100%; }

.pie-segment {
  z-index: -1;
  opacity: .25;
  transition: all 0.25s ease; }

.pie-part, .progress-segment, .pie-segment {
  -webkit-transform: translate(0, -50%) rotate(90deg) rotate(calc( 360deg / 100 * var( --o )));
          transform: translate(0, -50%) rotate(90deg) rotate(calc( 360deg / 100 * var( --o )));
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  overflow: hidden; }

.progress-circle::before {
  content: '';
  z-index: 2;
  position: absolute;
  top: .5rem;
  right: .5rem;
  bottom: .5rem;
  left: .5rem;
  background: #ead2c8;
  border-radius: 50%;
  box-shadow: 0 0 0.125rem 0 rgba(30, 30, 30, 0.25) inset; }

.progress-circle::before {
  content: attr(data-label);
  z-index: 3; }

.over-50 {
  overflow: visible; }

.over-50::after {
  content: '';
  z-index: 1; }

.pie-part::before, .pie-segment::before, .progress-segment::before {
  content: '';
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: var(--b);
  -webkit-transform: translate(0, 100%) rotate(calc( 360deg / 100 * var( --p )));
          transform: translate(0, 100%) rotate(calc( 360deg / 100 * var( --p )));
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%; }

.pie-segment::before, .pie-segment::after,
.progress-segment::before, .progress-segment::after {
  background: #ce8460; }

.color-1, .color-before-1::before {
  background: linear-gradient(to bottom right, #ba2d0b, #fe7f2d, #ff4646); }

.color-2, .color-before-2::before {
  background: linear-gradient(to bottom right, #a40606, #a40606, #d96424); }

.color-3, .color-before-3::before {
  background: linear-gradient(to bottom right, #222622, #434343, #1b1b1b); }

.color-4, .color-before-4::before {
  background: linear-gradient(to bottom right, #ba2d0b, #fe7f2d, #ff4646); }

.color-5, .color-before-5::before {
  background: linear-gradient(to bottom right, #a40606, #a40606, #d96424); }

.color-6, .color-before-6::before {
  background: linear-gradient(to bottom right, #222622, #434343, #1b1b1b); }

.tag-page {
  background: linear-gradient(to bottom right, #783e22, #ce8460, #e2986a); }

.tag-image {
  background: linear-gradient(to bottom right, #719ab2, #272727, #719ab2); }

.tag-product,
.tag-forge,
.level-1,
.before-product::before,
.before-forge::before {
  background: linear-gradient(to bottom right, #ba2d0b, #fe7f2d, #ff4646); }

.tag-misc,
.before-misc::before {
  background: linear-gradient(to bottom right, #969696, #bfb9b6, #988c86); }

.tag-lesson,
.tag-workshop,
.level-2,
.before-workshop::before,
.before-lesson::before {
  background: linear-gradient(to bottom right, #a40606, #a40606, #d96424); }

.tag-event,
.tag-blacksmithing,
.level-3,
.before-event::before,
.before-blacksmithing::before {
  background: linear-gradient(to bottom right, #222622, #434343, #1b1b1b); }

.tag-blog, .level-4, .before-blog::before {
  background: linear-gradient(to bottom right, #ba2d0b, #fe7f2d, #ff4646); }

.tag-services, .level-5, .before-services::before {
  background: linear-gradient(to bottom right, #a40606, #a40606, #d96424); }

.tag-lessonPackage, .before-lessonPackage::before {
  background: linear-gradient(to bottom right, #222622, #434343, #1b1b1b); }

.color-before-1.over-50::after,
.color-before-1.over-50::before,
.before-product.over-50::after,
.before-product.over-50::before,
.before-forge.over-50::after,
.before-forge.over-50::before {
  background: #f07c39; }

.before-misc.over-50::after,
.before-misc.over-50::before {
  background: #969696; }

.color-before-2.over-50::after,
.color-before-2.over-50::before,
.before-lesson.over-50::after,
.before-lesson.over-50::before,
.before-workshop.over-50::after,
.before-workshop.over-50::before {
  background: #a40606; }

.color-before-3.over-50::after,
.color-before-3.over-50::before,
.before-event.over-50::after,
.before-event.over-50::before,
.before-blacksmithing.over-50::after,
.before-blacksmithing.over-50::before {
  background: #422419; }

.color-before-4.over-50::after,
.color-before-4.over-50::before,
.before-blog.over-50::after,
.before-blog.over-50::before {
  background: #f07c39; }

.color-before-5.over-50::after,
.color-before-5.over-50::before,
.before-services.over-50::after,
.before-services.over-50::before {
  background: #a40606; }

.color-before-6.over-50::after,
.color-before-6.over-50::before,
.before-lessonPackage.over-50::after,
.before-lessonPackage.over-50::before {
  background: #422419; }

[data-mailto]::before {
  content: attr(data-pre); }

[data-mailto]::after {
  content: attr(data-post); }

.hover-highlight {
  transition: all 0.25s ease; }

.hover-highlight:hover {
  background: rgba(206, 132, 96, 0.25); }

.hover-highlight:active {
  color: white; }

.flex-buttons {
  display: flex; }

.flex-buttons .btn ~ .btn {
  margin-left: .25rem; }

.nowrap {
  white-space: nowrap; }

.nowrap, .data-nowrap::after {
  white-space: nowrap; }

.divider {
  position: relative; }

.divider ~ .divider {
  margin-left: .625rem; }

.divider ~ .divider::before {
  content: '|';
  position: absolute;
  top: -.125rem;
  left: -.5rem; }

.table th, td {
  text-align: left; }

.table *,
.table [data-mailto]::after,
.table [data-mailto]::before {
  font-size: 0.825rem; }

.table {
  width: 100%; }

.table tr {
  display: grid;
  align-items: center;
  grid-gap: .5rem; }

.table tr:not(:last-child) {
  padding: .5rem 0;
  border-bottom: 1px solid #988c86; }

.table tr:last-child {
  padding: .5rem 0 0 0; }

.users-table tr {
  grid-template-columns: 1fr 7.25rem; }

.orders-table tr {
  grid-template-columns: 1fr 6rem 3.25rem; }

.content-table tr {
  grid-template-columns: 6.5rem 1fr 4rem; }

.products-table tr {
  grid-template-columns: 2rem 3rem 1fr 7rem; }

.variants-table tr {
  grid-template-columns: 1fr 4rem; }

.stock-table tr {
  grid-template-columns: 1fr 5rem 5.75rem; }

.prices-table tr {
  grid-template-columns: 1fr 4rem; }

.table thead {
  display: block;
  border-bottom: 1px solid #988c86;
  padding-bottom: .5rem; }

.tb-header {
  position: relative; }

.no-mob {
  display: none; }

.no-events {
  pointer-events: none; }

.fit-height {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.content-info {
  min-height: 9.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.content-info-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr; }

.pagination-container span {
  display: none; }

.pagination {
  display: flex;
  padding: .5rem; }

.pagination .page-item {
  margin: .125rem; }

.page-item.active .btn::after {
  background: rgba(206, 132, 96, 0.5); }

.pagination .btn, .search-container .btn {
  min-width: 2rem;
  min-height: 2rem; }

.checkbox input[type="checkbox"] {
  display: none; }

.checkbox-label, .checkmarked {
  margin-left: 1.5rem;
  padding-left: .5rem;
  position: relative;
  min-height: 1.5rem;
  min-width: 1.5rem; }

.checkbox label {
  color: white;
  transition: all 0.25s ease;
  cursor: pointer; }

.checkbox label:hover::before {
  background: rgba(206, 132, 96, 0.5); }

.checkbox label::before,
.checkmarked::before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #988c86;
  position: absolute;
  left: -1.5rem;
  top: 0;
  transition: all 0.25s ease; }

.checkbox label::after,
.checkmarked::after {
  position: absolute;
  top: .25rem;
  left: -1rem;
  content: '';
  width: .5rem;
  height: .75rem;
  border-right: 2px solid #ce8460;
  border-bottom: 2px solid #ce8460;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0; }

.checkbox input[type="checkbox"]:checked ~ .checkbox-label label::after,
.checkmarked::after {
  opacity: 1; }

.checkbox input[type="checkbox"]:checked ~ .checkbox-label label::before {
  border: 1px solid #ce8460; }

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

.mondra-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
  padding: 1rem .5rem; }

.mondra-text {
  background: white;
  max-width: 400px;
  padding: 1rem;
  margin: auto auto; }

.mondra-bg {
  top: 3.5rem;
  bottom: 3.5rem;
  left: 0;
  right: 0;
  opacity: 0.25;
  position: absolute;
  z-index: -1; }

.mondra-bg {
  background-size: auto calc( 100vh - 8rem);
  background-repeat: no-repeat;
  background-position: center; }

.dropdown-container {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 3; }

.dropdown {
  display: none;
  border: 1px solid rgba(206, 132, 96, 0.5);
  position: relative;
  top: 1.25rem; }

.dropdown-item {
  padding: .25rem .5rem;
  background: #3c3c3c; }

.dropdown-item:not(:last-child) {
  border-bottom: 1px solid #988c86; }

.dropdown-button {
  position: absolute;
  top: 0;
  right: 0;
  background: #ce8460;
  color: white;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: .75rem;
  transition: all 0.25s ease; }

.dropdown-button svg {
  transition: all 0.25s ease;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }

.dropdown-button:hover svg {
  -webkit-transform: rotate(0);
          transform: rotate(0); }

.hover-shadow {
  transition: all 0.25s ease; }

.dropdown-button:hover, .hover-shadow:hover {
  box-shadow: 0 0 0.125rem 0 rgba(30, 30, 30, 0.25); }

.dropdown-container.active .dropdown {
  display: block; }

.dropdown-container.active .dropdown-button svg {
  -webkit-transform: rotate(0);
          transform: rotate(0); }

.variant-type-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); }

.variant-type-box {
  border: 1px solid #ce8460; }

.variant-type-options {
  max-height: 15rem;
  overflow-y: auto; }

.variant-type-options li ~ li {
  margin-top: .5rem; }

.price-input-container {
  grid-column-gap: .5rem;
  grid-template-columns: 3.5rem 1fr 1.5rem; }

.volume-input {
  grid-template-columns: -webkit-max-content 3rem;
  grid-template-columns: max-content 3rem; }

.volume-input .btn {
  height: 100%; }

.volume-input input {
  height: 100%;
  margin: 0; }

.reorder-list {
  margin: 0;
  padding: 0;
  max-height: calc( 100vh - 10rem);
  overflow-y: auto; }

.reorder-row {
  background: #3c3c3c;
  position: relative;
  z-index: 10000;
  list-style-type: none;
  padding: .5rem;
  box-shadow: 0 0 0.125rem 0 rgba(30, 30, 30, 0.25); }

.reorder-list .reorder-row {
  box-shadow: unset; }

.petal-container {
  position: absolute;
  top: -.5rem;
  left: -.325rem;
  width: .75rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg); }

.petal {
  position: absolute;
  width: 100%; }

.petal-blog {
  -webkit-transform: rotate(-17.5deg);
          transform: rotate(-17.5deg);
  top: 0;
  left: 0; }

.petal-blog-2 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  top: .75rem;
  left: -.5rem; }

.petal-blog-3 {
  -webkit-transform: rotate(-157.5deg);
          transform: rotate(-157.5deg);
  top: 1.625rem;
  left: -.25rem; }

.petal-event {
  -webkit-transform: rotate(-122.5deg);
          transform: rotate(-122.5deg);
  top: 0;
  left: 0; }

.petal-event-2 {
  -webkit-transform: rotate(-212deg);
          transform: rotate(-212deg);
  top: .625rem;
  left: -.5rem; }

.petal-event-3 {
  -webkit-transform: rotate(-275deg);
          transform: rotate(-275deg);
  top: 1.325rem;
  left: -.25rem; }

.petal-product {
  -webkit-transform: rotate(-17.5deg);
          transform: rotate(-17.5deg);
  top: 0;
  left: 0; }

.petal-product-2 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  top: .75rem;
  left: -.5rem; }

.petal-product-3 {
  -webkit-transform: rotate(-157.5deg);
          transform: rotate(-157.5deg);
  top: 1.625rem;
  left: -.25rem; }

.petal-services {
  -webkit-transform: rotate(107.5deg);
          transform: rotate(107.5deg);
  top: .05rem;
  left: 0; }

.petal-services-2 {
  -webkit-transform: rotate(22.5deg);
          transform: rotate(22.5deg);
  top: .75rem;
  left: -.5rem; }

.petal-services-3 {
  -webkit-transform: rotate(-36.5deg);
          transform: rotate(-36.5deg);
  top: 1.525rem;
  left: -.25rem; }

.petal-lessonPackage {
  -webkit-transform: rotate(53.5deg);
          transform: rotate(53.5deg);
  top: .05rem;
  left: 0; }

.petal-lessonPackage-2 {
  -webkit-transform: rotate(-32.5deg);
          transform: rotate(-32.5deg);
  top: .75rem;
  left: -.5rem; }

.petal-lessonPackage-3 {
  -webkit-transform: rotate(-97.5deg);
          transform: rotate(-97.5deg);
  top: 1.55rem;
  left: -.25rem; }

.petal-lesson {
  -webkit-transform: rotate(-65.5deg);
          transform: rotate(-65.5deg);
  top: 0;
  left: 0; }

.petal-lesson-2 {
  -webkit-transform: rotate(-147deg);
          transform: rotate(-147deg);
  top: .625rem;
  left: -.5rem; }

.petal-lesson-3 {
  -webkit-transform: rotate(-212deg);
          transform: rotate(-212deg);
  top: 1.375rem;
  left: -.25rem; }

.page-preview {
  height: 15rem;
  width: 10rem;
  border-radius: .25rem;
  border: 1px solid #988c86;
  padding: .5rem; }

.page-preview {
  display: none;
  grid-gap: .125rem; }

.page-preview * {
  z-index: 1; }

.page-preview-product {
  grid-template-areas: 'thumbnail 		title 		title' 'thumbnail 		info 		info' 'header 		header 		productInfo' 'body 			body 		productInfo' 'shop 			shop 		productInfo' 'tags 			white 		white' 'share 			white 		white' 'reactions 		reactions 	empty' 'blank 			blank 		blank' 'pricing 		stock 		variants'; }

.page-preview-product {
  grid-template-rows: .25fr .25fr .5fr 1fr .5fr .25fr .25fr .5fr .125fr .25fr; }

.blog-article,
.forge-article,
.misc-article,
.workshop-article,
.blacksmithing-article,
.services-article,
.event-article,
.product-article,
.lesson-article,
.lessonPackage-article {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content; }

.blog-article,
.services-article,
.lesson-article,
.page-preview-blog,
.page-preview-services {
  grid-template-areas: 'thumbnail' 'title' 'info' 'header' 'body' 'tags' 'products' 'share' 'reactions'; }

.forge-article,
.misc-article,
.workshop-article,
.blacksmithing-article,
.page-preview-forge,
.page-preview-misc,
.page-preview-workshop,
.page-preview-blacksmithing {
  grid-template-areas: 'thumbnail' 'title' 'info' 'header' 'body' 'slider' 'tags' 'share' 'reactions'; }

.event-article {
  grid-template-areas: 'thumbnail' 'title' 'info' 'calendar' 'header' 'body' 'tags' 'products' 'share' 'reactions'; }

.product-article {
  grid-template-areas: 'thumbnail' 'title' 'info' 'productInfo' 'header' 'body' 'shop' 'tags' 'share' 'reactions'; }

.lessonPackage-article {
  grid-template-areas: 'thumbnail' 'title' 'info' 'productInfo' 'header' 'body' 'shop' 'lessons' 'tags' 'share' 'reactions'; }

.page-preview-blog,
.page-preview-services {
  grid-template-rows: .25fr .25fr .5fr 1fr .25fr .5fr .25fr .5fr; }

.page-preview-forge,
.page-preview-misc,
.page-preview-workshop,
.page-preview-blacksmithing {
  grid-template-rows: .25fr .25fr .5fr 1fr .5fr .25fr .25fr .5fr; }

.page-preview-event {
  grid-template-areas: 'thumbnail 		title 		title' 'thumbnail 		info 		info' 'header 		header 		calendar' 'body 			body 		calendar' 'body 			body 		location' 'tags 			tags 		white' 'products 		products 	white' 'share 			share 		white' 'reactions 		reactions 	white'; }

.page-preview-event {
  grid-template-rows: .25fr .25fr .5fr .75fr .5fr .25fr .5fr .25fr .5fr; }

.page-preview-lessonPackage {
  grid-template-areas: 'lessons 	thumbnail 		title 		title' 'lessons 	thumbnail 		info 		info' 'lessons 	header 			header 		productInfo' 'lessons 	body 			body 		productInfo' 'lessons	shop 			shop 		productInfo' 'lessons 	tags 			tags 		tags' 'lessons 	share 			share 		white' 'lessons 	reactions 		reactions 	white' 'blank 		blank 			blank 		blank' 'students 	stock 			pricing 	empty'; }

.page-preview-lessonPackage {
  grid-template-rows: .25fr .25fr .5fr 1fr .5fr .25fr .25fr .5fr .125fr .25fr; }

.page-preview-lesson {
  grid-template-areas: 'lessons 	thumbnail 		title 		title' 'lessons 	thumbnail 		info 		info' 'lessons 	header 			header 		header' 'lessons 	body 			body 		body' 'lessons 	tags 			tags 		tags' 'lessons 	products 		products 	products' 'lessons 	reactions 		reactions 	white' 'blank 		blank 			blank 		blank' 'students 	empty 			empty 		empty'; }

.page-preview-lesson {
  grid-template-rows: .25fr .25fr .5fr 1fr .25fr .5fr .5fr .125fr .25fr; }

.page-preview .preview-module {
  position: relative;
  z-index: 1; }

.page-preview .preview-module::after {
  content: '';
  background: #ce8460;
  z-index: -1; }

.page-preview .preview-module[data-inactive="true"]::after {
  background: rgba(206, 132, 96, 0.5); }

.article-title {
  grid-area: title; }

.article-thumbnail {
  grid-area: thumbnail; }
  .article-thumbnail .thumbnail, .article-thumbnail .thumbnail-outer {
    height: 100%; }

.article-info {
  grid-area: info; }

.article-slider {
  grid-area: slider; }

.article-header {
  grid-area: header; }

.article-body {
  grid-area: body; }

.article-products {
  grid-area: products; }

.article-tags {
  grid-area: tags; }

.article-share {
  grid-area: share; }

.article-calendar {
  grid-area: calendar; }

.article-reactions {
  grid-area: reactions; }

.article-lessons {
  grid-area: lessons; }

.article-shop {
  min-width: 9.5rem;
  grid-area: shop; }

.article-productInfo {
  grid-area: productInfo; }

.card {
  border: 1px solid #988c86;
  border-radius: .5rem; }

.reactions-list-container {
  max-height: 12rem;
  min-height: 6rem;
  overflow-y: auto; }
  .reactions-list-container thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #2d2d2d;
    padding-bottom: .25rem;
    border-bottom: 1px solid rgba(180, 180, 180, 0.5); }

.reactions-container {
  -webkit-filter: drop-shadow(0 0 1px #3c3c3c);
          filter: drop-shadow(0 0 1px #3c3c3c); }

.reaction-card, .reply-card {
  background: #3c3c3c;
  border-bottom: 1px solid #988c86; }

.reaction-card:last-child, .reply-card:last-child {
  border-bottom: 0; }

.reply-card {
  margin-left: .5rem; }

.reply-icon {
  font-size: .625rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.user-card-info {
  display: grid;
  grid-gap: .5rem; }

.content-selection-header {
  display: grid;
  align-items: center;
  grid-gap: .5rem;
  grid-template-columns: 1fr; }

.limit-cont {
  display: grid;
  grid-template-columns: -webkit-max-content 4rem;
  grid-template-columns: max-content 4rem;
  align-items: center;
  grid-gap: .5rem; }

.grid-gap-h {
  grid-gap: .5rem; }

.grid-gap-1 {
  grid-gap: 1rem; }

.preview-top {
  background: white;
  padding: .5rem; }

.previews-list .preview-top, .preview-top * {
  color: #ce8460 !important; }

.ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.previews-list {
  display: grid;
  grid-template-columns: 1fr;
  min-height: calc( 100vh - 19rem);
  grid-gap: 1rem;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content; }

.previews-list .preview-header {
  display: flex;
  flex-direction: column;
  grid-area: header; }

.previews-list .header {
  grid-area: content; }

.previews-list .list-preview {
  color: #3c3c3c;
  display: grid;
  grid-template-columns: 1fr;
  cursor: pointer;
  transition: .25s ease;
  grid-template-areas: "header" "content"; }

.previews-list .list-preview.has-thumbnail {
  grid-template-columns: .5fr 1fr;
  grid-template-areas: "thumbnail header" "content content"; }

.previews-list .list-preview:hover {
  box-shadow: 0 0 0.125rem 0 rgba(30, 30, 30, 0.25); }

.previews-list .preview-title {
  font-weight: 400; }

.previews-list * {
  color: white;
  text-decoration: none; }

.previews-list .tiny-container {
  min-height: 6rem; }

.previews-list .thumbnail-outer {
  grid-area: thumbnail;
  border-right: 1px solid #988c86; }

.previews-list .thumbnail {
  height: 100%; }

.min-height-2 {
  min-height: 2rem; }

.min-height-2h {
  min-height: 2.5rem; }

.min-height-4 {
  min-height: 4rem; }

.subheader .active {
  font-weight: 900; }

.subheader .active::before {
  font-weight: 100; }

.space-between {
  justify-content: space-between; }

.tag {
  display: inline-block; }

.tag ~ .tag::before {
  content: '|';
  margin: 0 .325rem; }

.remove-tag {
  cursor: pointer;
  transition: .25s; }

.remove-tag:hover {
  opacity: .5; }

.location-module {
  min-height: 11.5rem; }

.variant-row, .cart-header {
  display: grid;
  grid-template-columns: 1fr 3.5rem 5rem 1rem;
  align-items: center;
  grid-gap: 1rem; }

.variant-row-alt, .cart-header-alt {
  display: grid;
  grid-template-columns: 1fr 3.5rem 5rem;
  align-items: center;
  grid-gap: 1rem; }

.variant-row input[type="number"] {
  margin: 0; }

.show {
  display: block; }

.hide {
  display: none; }

.warning {
  color: #cb2d3e; }

.iframe-wrapper, [data-mce-object="iframe"] {
  width: 100%;
  padding-bottom: 55.75%;
  position: relative; }
  .iframe-wrapper iframe, [data-mce-object="iframe"] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0; }

.welcome {
  text-align: center;
  min-height: calc( 100vh - 5.5rem);
  margin: auto auto;
  padding: 5.5rem 0; }

.highlighted {
  border-bottom: 0.125rem solid rgba(206, 132, 96, 0.5);
  box-shadow: inset 0 -0.15rem 0 rgba(206, 132, 96, 0.5); }

.toast-down {
  position: fixed;
  top: 4rem;
  background: #3c3c3c;
  padding: 1rem;
  opacity: 0;
  -webkit-animation-delay: .325s;
          animation-delay: .325s;
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem); }

.no-cookies {
  padding: 2rem;
  color: white;
  background: rgba(206, 132, 96, 0.5); }

.lessons-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); }

.lesson-page-grid {
  display: grid;
  grid-template-columns: 1fr; }

.lesson-menu li:not(:last-child) {
  border-bottom: 1px solid rgba(180, 180, 180, 0.5); }

.slider-container {
  background-image: linear-gradient(to bottom right, #222622, #434343, #1b1b1b);
  padding: 1rem;
  height: 30rem;
  max-width: calc( 100vw - 2rem);
  max-height: calc( 100vh - 4rem); }
  .slider-container img {
    display: inline-block;
    height: 28rem;
    max-height: calc( 100vh - 6rem);
    margin-right: 1rem; }

.max-width-100 {
  max-width: 100%; }

.max-height-100 {
  max-height: 100%; }

.slider-thumbnail-grid {
  display: grid;
  grid-gap: .5rem;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); }

.thumbnail-icon {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  background: #3c3c3c;
  cursor: pointer;
  color: white;
  padding: .5rem .625rem;
  opacity: 0;
  transition: all 0.25s ease;
  pointer-events: none;
  box-shadow: 0 0 0.25rem 0 rgba(30, 30, 30, 0.5); }

.thumbnail-icon-container:hover .thumbnail-icon {
  opacity: 1;
  pointer-events: unset; }

.home-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr; }

.home-grid.home-grid-misc {
  margin-top: 0; }

.home-thumbnail {
  position: relative;
  transition: .25s ease; }
  .home-thumbnail .text-overlay {
    transition: .25s ease;
    background: rgba(30, 30, 30, 0.625);
    color: rgba(255, 255, 255, 0.75); }

.home-thumbnail:hover {
  border: 1px solid #988c86;
  -webkit-transform: scale(1.05);
          transform: scale(1.05); }
  .home-thumbnail:hover .text-overlay {
    color: white;
    background: rgba(30, 30, 30, 0.25); }

.image-form-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem; }

.image {
  max-width: calc( 100vw - 2rem);
  max-height: calc( 100vh - 10rem); }

@-webkit-keyframes eat-top {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.825rem);
            transform: translateY(0.825rem); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes eat-top {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(0.825rem);
            transform: translateY(0.825rem); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes eat-bottom {
  from {
    -webkit-transform: rotate(180deg) translateY(0);
            transform: rotate(180deg) translateY(0); }
  50% {
    -webkit-transform: rotate(180deg) translateY(0.825rem);
            transform: rotate(180deg) translateY(0.825rem); }
  to {
    -webkit-transform: rotate(180deg) translateY(0);
            transform: rotate(180deg) translateY(0); } }

@keyframes eat-bottom {
  from {
    -webkit-transform: rotate(180deg) translateY(0);
            transform: rotate(180deg) translateY(0); }
  50% {
    -webkit-transform: rotate(180deg) translateY(0.825rem);
            transform: rotate(180deg) translateY(0.825rem); }
  to {
    -webkit-transform: rotate(180deg) translateY(0);
            transform: rotate(180deg) translateY(0); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes slideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0); }
  40%, 60% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); } }

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0); }
  40%, 60% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); } }

@media screen and (max-width: 461px) {
  .slider-container {
    display: none; } }

@media screen and (min-width: 440px) {
  .input-grid-min {
    grid-gap: .5rem;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content; }
  .input-grid-min-alt {
    grid-gap: .5rem;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr; }
  .user-card-info {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr; } }

@media screen and (min-width: 560px) {
  .content-selection-header {
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content; }
  .pagination-container {
    display: flex;
    align-items: center; }
  .pagination-container span {
    display: inline-block;
    margin: 0 1rem 0 auto; }
  .page-preview {
    display: grid; }
  .content-info-grid {
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content; }
  .blog-article,
  .forge-article,
  .misc-article,
  .workshop-article,
  .blacksmithing-article,
  .services-article,
  .lesson-article {
    grid-template-columns: 1fr 1fr 1fr; }
  .blog-article,
  .services-article,
  .lesson-article,
  .page-preview-blog,
  .page-preview-services {
    grid-template-areas: 'thumbnail 		title		title' 'thumbnail 		info		info' 'header 		header		header' 'body 			body		body' 'tags 			tags		tags' 'products 		products	products' 'share 			share		white' 'reactions 		reactions 	blank'; }
  .forge-article,
  .misc-article,
  .workshop-article,
  .blacksmithing-article,
  .page-preview-forge,
  .page-preview-misc,
  .page-preview-workshop,
  .page-preview-blacksmithing {
    grid-template-areas: 'thumbnail 		title		title' 'thumbnail 		info		info' 'header 		header		header' 'body 			body		body' 'slider 		slider		slider' 'tags 			tags		tags' 'share 			share		white' 'reactions 		reactions 	blank'; }
  .event-article {
    grid-template-columns: minmax(10rem, 0.5fr) 1fr -webkit-max-content;
    grid-template-columns: minmax(10rem, 0.5fr) 1fr max-content;
    grid-template-areas: 'thumbnail 		title 		title' 'thumbnail 		info 		info' 'header 		header 		calendar' 'body 			body 		calendar' 'tags 			tags 		tags' 'products 		products 	products' 'share 			share 		white' 'reactions 		reactions 	white'; }
  .product-article {
    grid-template-columns: .5fr 1fr -webkit-max-content;
    grid-template-columns: .5fr 1fr max-content;
    grid-template-areas: 'thumbnail 		title 		title' 'thumbnail 		info 		info' 'header 		header 		productInfo' 'body 			body 		productInfo' 'tags 			tags 		productInfo' 'shop 			shop 		white' 'share 			share 		white' 'reactions 		reactions 	white'; }
  .lessonPackage-article {
    grid-template-columns: .5fr 1fr -webkit-max-content;
    grid-template-columns: .5fr 1fr max-content;
    grid-template-areas: 'thumbnail 		title 		title' 'thumbnail 		info 		info' 'header 		header 		productInfo' 'body 			body 		productInfo' 'tags 			tags 		productInfo' 'shop 			shop 		white' 'lessons 		lessons 	white' 'share 			share 		white' 'reactions 		reactions 	white'; } }

@media screen and (min-width: 535px) {
  .margin-left-alt {
    margin-left: auto; }
  .bezier-grid {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr; }
  .image-form-container {
    grid-template-columns: .5fr 1fr; }
    .image-form-container .img-outer {
      width: 25rem;
      max-width: calc( 50vw - 2rem); }
    .image-form-container .image {
      width: auto;
      height: auto;
      max-width: 100%; } }

@media screen and (max-width: 768px) {
  .slider-container .slick-arrow {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .home-grid {
    grid-template-columns: 1fr 1fr 1fr; }
  .no-mob {
    display: unset; }
  .no-mob-table {
    display: table-cell; }
  .two-cols-autofill {
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr; }
  .users-table tr {
    grid-template-columns: 3rem 1fr 1fr 6rem 7.25rem 7.25rem; }
  .orders-table tr {
    grid-template-columns: 6rem 1fr 6rem 4rem 6rem 5.5rem 3.25rem; }
  .content-table tr {
    grid-template-columns: 2rem 6.5rem 1fr 7.5rem 7.5rem 5rem 4rem 4rem; }
  .variants-table tr {
    grid-template-columns: 3rem 1fr 4rem 8rem 6rem 9rem 4rem; }
  .stock-table tr {
    grid-template-columns: 3rem 1fr 8rem 6rem; }
  .prices-table tr {
    grid-template-columns: 3rem 1fr 4rem; }
  .variant-row, .cart-header {
    grid-template-columns: 1fr 1fr 1fr 5rem 3.5rem 5rem 1rem; }
  .variant-row-alt, .cart-header-alt {
    grid-template-columns: 1fr 1fr 1fr 5rem 3.5rem 5rem; }
  .lesson-page-grid {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr; }
  .lesson-menu {
    height: 100%;
    max-width: 15rem;
    border-right: 1px solid rgba(180, 180, 180, 0.5); }
  .previews-list .list-preview.has-thumbnail {
    grid-template-columns: .5fr 1fr;
    grid-template-areas: "thumbnail header" "thumbnail content"; }
  .home-grid.home-grid-misc {
    margin-top: 1rem; } }

@media screen and (min-width: 1024px) {
  .two-cols-autofill-alt {
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr; }
  .petal-container {
    left: -.75rem; } }

@media screen and (min-width: 1280px) {
  .main-bg {
    display: block; } }