.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

body {
  font-family: 'Jakarta Sans', sans-serif;
  color: #5e6c82;
  font-size: 14px;
  line-height: 20px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Gopher Text', sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Gopher Text', sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  margin-top: 5px;
  margin-bottom: 0px;
  font-family: 'Jakarta Sans', sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}

h6 {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}

.gradient-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100vh;
  padding: 80px 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fffffa;
  color: #5e6c82;
}

.auth-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(94, 108, 130, 0.1);
  color: #5e6c82;
}

.logo {
  width: 65px;
  height: 24px;
  margin-bottom: 32px;
  background-image: url('../images/Logo.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.auth-header-block {
  margin-bottom: 40px;
}

.no-margin {
  margin-top: 0px;
  margin-bottom: 0px;
}

.dblue-text {
  color: #011637;
}

.auth-form-block {
  width: 100%;
  margin-bottom: 0px;
}

.form-label {
  color: #5e6c82;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.form-label.grey {
  color: #5e6c82;
  line-height: 20px;
}

.form-label.settings {
  margin-bottom: 8px;
}

.auth-field {
  min-height: 40px;
  margin-bottom: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
}

.auth-field::-webkit-input-placeholder {
  color: #d3d8df;
}

.auth-field:-ms-input-placeholder {
  color: #d3d8df;
}

.auth-field::-ms-input-placeholder {
  color: #d3d8df;
}

.auth-field::placeholder {
  color: #d3d8df;
}

.auth-button {
  width: 100%;
  min-height: 48px;
  margin-top: 20px;
  margin-bottom: 8px;
  padding: 12px 24px;
  border-radius: 8px;
  background-color: #4a5ee5;
}

.auth-link {
  color: #5e6c82;
  font-weight: 400;
  text-decoration: none;
}

.auth-link.bold {
  color: #4a5ee5;
  font-weight: 700;
  text-decoration: underline;
}

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

.auth-prompt-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox-label {
  font-size: 13px;
  line-height: 24px;
}

.checkbox {
  width: 24px;
  height: 24px;
  margin-top: 0px;
  margin-right: 8px;
  margin-left: 0px;
  border-width: 1.3px;
  border-color: #f3f3f7;
  border-radius: 8px;
  background-color: #fff;
}

.checkbox.w--redirected-checked {
  border-style: solid;
  border-color: #4a5ee5;
  background-color: #4a5ee5;
  background-size: 60%;
}

.check-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-column {
  padding-right: 8px;
  padding-left: 0px;
}

.right-column {
  padding-right: 0px;
  padding-left: 8px;
}

.auth-select-field {
  min-height: 40px;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
  background-color: #fff;
  background-image: url('../images/chevrons-downgrey.svg');
  background-position: 93% 50%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  color: #c6c7d2;
  font-size: 12px;
  line-height: 16px;
}

.auth-select-field::-webkit-input-placeholder {
  color: #c6c7d2;
}

.auth-select-field:-ms-input-placeholder {
  color: #c6c7d2;
}

.auth-select-field::-ms-input-placeholder {
  color: #c6c7d2;
}

.auth-select-field::placeholder {
  color: #c6c7d2;
}

.verify-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.code-field {
  width: 48px;
  height: 48px;
  margin-right: 4px;
  margin-bottom: 20px;
  margin-left: 4px;
  padding: 12px 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #eaeced;
  border-radius: 8px;
  color: #2f306a;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
}

.code-field::-webkit-input-placeholder {
  color: #c6c7d2;
}

.code-field:-ms-input-placeholder {
  color: #c6c7d2;
}

.code-field::-ms-input-placeholder {
  color: #c6c7d2;
}

.code-field::placeholder {
  color: #c6c7d2;
}

.dashboard-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100vh;
}

.dashboard-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 14vw;
  height: 100vh;
  min-width: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid #eeeef2;
  background-color: #f8f8fc;
}

.profile-display {
  width: 100%;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

.profile-display-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 48px;
  margin-bottom: 24px;
  padding: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 5px 0 rgba(82, 83, 122, 0.03);
}

.profile-icon {
  overflow: hidden;
  height: 32px;
  max-width: 32px;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
}

.profile-details {
  font-size: 11px;
  line-height: 16px;
}

.dark-purple-text {
  color: #2f306a;
}

.dark-purple-text.sbold.no-margin.mb-12 {
  margin-bottom: 12px;
}

.profile-name {
  font-family: 'Gopher Text', sans-serif;
  color: #353f50;
  font-weight: 700;
}

.navlink-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5e6c82;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}

.nav-link.w--current {
  color: #4a5ee5;
  font-weight: 700;
}

.nav-link.last {
  margin-bottom: 0px;
}

.nav-bottom-block {
  display: block;
  width: 100%;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #ededf2;
}

.dashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 85.5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dashboard.sticky {
  overflow: visible;
}

.dashboard-tool-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 56px;
  padding-right: 35px;
  padding-left: 35px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eeeef2;
}

.search-block {
  margin-bottom: 0px;
}

.search-block-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-field {
  min-width: 370px;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border: 1px none #000;
  color: #5e6c82;
  font-size: 12px;
  line-height: 24px;
}

.search-field::-webkit-input-placeholder {
  color: #5e6c82;
}

.search-field:-ms-input-placeholder {
  color: #5e6c82;
}

.search-field::-ms-input-placeholder {
  color: #5e6c82;
}

.search-field::placeholder {
  color: #5e6c82;
}

.search-icon {
  width: 14px;
  height: 14px;
  margin-right: 11px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/search.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.nav-shortcuts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.shopping-bag {
  width: 20px;
  height: 20px;
  background-image: url('../images/shopping-bag_1.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.notifications {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  background-image: url('../images/bell.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 28px;
  height: 28px;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
}

.dashboard-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button {
  padding: 12px 24px;
  border-radius: 8px;
  background-color: #4a5ee5;
  color: #fff;
  font-size: 13px;
  line-height: 24px;
  font-weight: 700;
  text-decoration: none;
}

.button.small {
  padding: 8px 20px;
}

.button.outline {
  border-style: solid;
  border-width: 1.5px;
  border-color: #4a5ee5;
  background-color: #fff;
  color: #4a5ee5;
  font-weight: 700;
}

.button.outline.create {
  margin-left: 16px;
}

.button.full-width {
  width: 100%;
}

.button.filter {
  padding: 8px 12px 8px 38px;
  border-style: solid;
  border-width: 1.2px;
  border-color: #4a5ee5;
  background-color: #fff;
  background-image: url('../images/Icon.svg');
  background-position: 12px 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #4a5ee5;
}

.dashboard-inner {
  position: relative;
  width: 100%;
  padding-right: 32px;
  padding-bottom: 20px;
  padding-left: 32px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dashboard-inner.orders {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dashboard-inner.new-order {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.dashboard-inner.flex {
  display: -ms-grid;
  display: grid;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 0.33fr;
  grid-template-rows: 0.33fr;
}

.dashboard-inner.pack {
  display: -ms-grid;
  display: grid;
  padding-right: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 0.25fr;
  grid-template-rows: 0.25fr;
}

.dashboard-inner.pack.hide {
  display: none;
}

.dashboard-inner.request {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dashboard-inner.request.hide {
  display: none;
}

.dashboard-inner.settings {
  padding-right: 20px;
}

.dashboard-inner.products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 450px;
  margin-bottom: 12px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #f3f3f7;
  border-radius: 16px;
}

.container.giveaways {
  width: 100%;
  min-width: 0px;
  margin-right: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.container.no-padding {
  overflow: hidden;
  height: 100%;
  padding: 0px;
}

.container-header-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-header {
  font-family: 'Gopher Text', sans-serif;
  color: #353f50;
  font-size: 15px;
  font-weight: 500;
}

.view-all-button {
  padding-right: 22px;
  background-image: url('../images/arrow-right.svg');
  background-position: 100% 50%;
  background-size: auto 85%;
  background-repeat: no-repeat;
  font-family: 'Gopher Text', sans-serif;
  color: #353f50;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.empty-block {
  position: absolute;
  left: 50%;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.empty-block.hide {
  display: none;
}

.empty-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.empty-box.giveaway {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 200px;
  height: 200px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.empty-box.giveaway.large {
  width: 250px;
  height: 250px;
}

.empty-box.inventory {
  width: 200px;
  height: 200px;
  margin-bottom: 0px;
  background-image: none;
}

.empty-box.inventory.large {
  width: 300px;
  height: 176px;
  margin-bottom: 24px;
  background-image: none;
}

.empty-box.shipment {
  width: 350px;
  height: 176px;
  margin-bottom: 24px;
  background-image: none;
}

.empty-box.product {
  width: 202px;
  height: 176px;
  margin-bottom: 24px;
  background-image: none;
}

.empty-text-block {
  max-width: 340px;
  margin-bottom: 20px;
  color: #5e6c82;
  text-align: center;
}

.order-block {
  margin-top: 8px;
}

.order-block.no-margin {
  margin-top: 0px;
  margin-bottom: 24px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

.order-number {
  font-family: 'Gopher Text', sans-serif;
  color: #626493;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
}

.order-number.large {
  margin-bottom: 5px;
  color: #011637;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.order-number.list {
  margin-top: 0px;
  margin-bottom: 4px;
  color: #2f306a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.order-number.list.active {
  color: #4a5ee5;
  font-weight: 700;
}

.order-block-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
}

.product-image-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 72px;
  height: 48px;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-image-block.large {
  width: 88px;
}

.product-image-block.small {
  width: 64px;
  height: 40px;
  margin-right: 12px;
}

.product-image-block.full-width {
  width: 100%;
  height: 288px;
  margin-right: 0px;
  margin-bottom: 8px;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
}

.image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-details-block {
  max-width: 150px;
  min-width: 150px;
}

.product-name {
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: 'Gopher Text', sans-serif;
  color: #404a59;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}

.product-name.no-margin {
  margin-bottom: 0px;
}

.product-details-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-color {
  width: 10px;
  height: 10px;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #000;
  color: #000;
}

.product-price {
  color: #5e6c82;
  font-size: 11px;
  line-height: 12px;
  font-weight: 500;
}

.product-price.active {
  color: #2f306a;
}

.quantity-block {
  min-width: 48px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gopher Text', sans-serif;
  color: #404a59;
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}

.light-purple-text {
  color: #dcdcef;
}

.order-status {
  min-height: 16px;
  min-width: 135px;
  padding-left: 22px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #5e6c82;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.order-status.am {
  background-image: url('../images/am.svg');
  background-size: contain;
  color: #fa7e61;
}

.order-status.am.no-color {
  color: #5e6c82;
}

.order-status.aa {
  background-image: url('../images/aa.svg');
  color: #aa5042;
}

.order-status.aa.no-color {
  color: #5e6c82;
}

.order-status.ip {
  background-image: url('../images/status-ip.svg');
  color: #4a5ee5;
}

.order-status.ip.no-color {
  color: #5e6c82;
}

.order-status.ready {
  background-image: url('../images/status-r.svg');
  color: #398175;
}

.order-status.ready.no-color {
  color: #5e6c82;
}

.order-status.hold {
  background-image: url('../images/status-h.svg');
  color: #fa8500;
}

.order-status.hold.no-color {
  color: #5e6c82;
}

.order-status.dispatch {
  background-image: url('../images/status-d.svg');
  color: #387d7a;
}

.order-status.dispatch.no-color {
  color: #5e6c82;
}

.order-status.deliver {
  background-image: url('../images/status-de.svg');
  color: #011637;
}

.order-status.deliver.no-color {
  color: #5e6c82;
}

.order-status.cancel {
  background-image: url('../images/status-c.svg');
  color: #ec5b56;
}

.order-status.cancel.no-color {
  color: #5e6c82;
}

.point-divider {
  width: 6px;
  height: 6px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 50%;
  background-color: #dadbe6;
}

.product-size {
  font-size: 11px;
  line-height: 16px;
}

.container-flex {
  display: -ms-grid;
  display: grid;
  width: 100%;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.container-flex.spaced {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hide {
  display: none;
}

.order-list-block {
  position: -webkit-sticky;
  position: sticky;
  top: 10vh;
  min-width: 360px;
  margin-right: 12px;
}

.order-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
}

.sbold {
  font-weight: 500;
}

.delivery-details {
  width: 100%;
  margin-bottom: 24px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 16px;
}

.delivery-details.open {
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.order-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  color: #2f306a;
  cursor: pointer;
}

.order-list-item:hover {
  border-color: #c6c7d2;
}

.order-list-item.active {
  border-width: 1.5px;
  border-color: #4a5ee5;
}

.order-details-block {
  min-width: 150px;
}

.order-name {
  color: #5e6c82;
  font-size: 11px;
  line-height: 12px;
}

.order-name.active {
  color: #2f306a;
}

.order-list-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.relative {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav-icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.breadcrumb-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.03em;
  text-decoration: none;
  text-transform: uppercase;
}

.crumb-link {
  color: #5e6c82;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.crumb-link.w--current {
  color: #011637;
  font-weight: 700;
}

.slash-divider {
  margin-right: 5px;
  margin-left: 5px;
}

.new-pack-block {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: none;
  min-height: 420px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 11px 11px 48px 0 rgba(69, 70, 155, 0);
  -webkit-transition: box-shadow 300ms ease, color 200ms ease, background-color 400ms ease-out;
  transition: box-shadow 300ms ease, color 200ms ease, background-color 400ms ease-out;
  color: #011637;
  text-align: center;
}

.new-pack-block:hover {
  background-color: #4a5ee5;
  box-shadow: 11px 11px 48px 0 rgba(69, 70, 155, 0.2);
  color: #fff;
}

.pack-wrapper {
  display: -ms-grid;
  display: grid;
  overflow: auto;
  width: 100%;
  margin-top: -32px;
  padding-top: 32px;
  padding-right: 32px;
  padding-left: 32px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.new-pack-image-block {
  width: 100%;
  height: 236px;
  max-width: 336px;
  margin-bottom: 24px;
}

.new-pack-image-block.preset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 196px;
  max-width: 253px;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.new-pack-details-block {
  max-width: 250px;
}

.pack-title {
  color: #5e6c82;
  font-size: 9px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pack-details {
  margin-top: 5px;
  margin-bottom: 16px;
  font-family: 'Gopher Text', sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.support-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 84px;
  padding: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
  background-color: #fff;
}

.support-container {
  padding-right: 32px;
  padding-left: 32px;
}

.support-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.support-avatar {
  width: 36px;
  height: 36px;
  margin-right: 16px;
  border-radius: 50%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.support-text-block {
  font-family: 'Gopher Text', sans-serif;
  color: #424262;
  font-weight: 700;
}

.support-subtext {
  font-family: 'Jakarta Sans', sans-serif;
  color: #52537a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.support-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.support-icon {
  width: 32px;
  height: 32px;
  margin-left: 16px;
  border-radius: 8px;
  background-color: #edeffc;
  background-image: url('../images/call-outgoing.svg');
  background-position: 50% 50%;
  background-size: auto 60%;
  background-repeat: no-repeat;
}

.support-icon.message {
  background-color: #4a5ee5;
  background-image: url('../images/comment-2-text.svg');
}

.pack-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
}

.min-quality {
  margin-bottom: 12px;
  padding: 2px 6px;
  border: 1px solid #f3f3f7;
  border-radius: 3px;
  color: #626493;
  font-size: 8px;
  line-height: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pack-details-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pack-name {
  margin-bottom: 5px;
  font-family: 'Gopher Text', sans-serif;
  color: #404a59;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.pack-price {
  color: #5e6c82;
  font-size: 11px;
  line-height: 16px;
}

.fixed-popup {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(31, 32, 71, 0.5);
}

.fixed-popup.hide {
  display: none;
}

.popup-block {
  position: relative;
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  max-height: 95vh;
  padding: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 24px;
  background-color: #fff;
}

.popup-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 385px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.popup-content.full-width {
  width: 100%;
  max-width: none;
}

.popup-header {
  margin-bottom: 24px;
  color: #404a59;
}

.popup-header.invite {
  max-width: 580px;
}

.popup-details-block {
  margin-top: 0px;
  color: #5e6c82;
}

.inside-pack-details {
  margin-top: 16px;
}

.popup-list-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 85px;
  margin-bottom: 0px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.popup-list-item {
  margin-right: 30px;
}

.horizontal-divider {
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #f3f3f7;
}

.select-field {
  display: block;
  min-height: 40px;
  margin-bottom: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
  background-color: #fff;
  background-image: url('../images/chevrons-down.svg');
  background-position: 95% 50%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  color: #5e6c82;
  font-size: 12px;
  line-height: 16px;
}

.select-field:active {
  border-color: #f3f3f7;
}

.select-field:focus {
  border-color: #f3f3f7;
}

.select-field::-webkit-input-placeholder {
  color: #c6c7d2;
}

.select-field:-ms-input-placeholder {
  color: #c6c7d2;
}

.select-field::-ms-input-placeholder {
  color: #c6c7d2;
}

.select-field::placeholder {
  color: #c6c7d2;
}

.select-field.no-margin {
  margin-bottom: 0px;
}

.select-field.quantity {
  width: 80px;
  margin-bottom: 0px;
}

.select-field.settings {
  max-width: 100px;
  margin-bottom: 0px;
  background-position: 90% 50%;
  background-size: auto 16px;
}

.select-field.small {
  margin-bottom: 16px;
}

.select-field.filter {
  max-width: 46%;
  margin-right: 12px;
  margin-bottom: 0px;
  color: #c6c7d2;
}

.select-field.filter.active {
  color: #52537a;
}

.grey-text {
  color: #9697ab;
}

.close-button {
  z-index: 2;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  margin-left: auto;
  border-radius: 50%;
  background-color: #fff;
  background-image: url('../images/Vector.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.popup-prompt {
  padding: 8px;
  border: 1px solid #f3f3f7;
  border-radius: 6px;
  background-color: #fbfbfe;
  color: #626493;
  font-size: 11px;
  line-height: 16px;
}

.popup-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 352px;
  margin-right: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.popup-bottom-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.popup-image-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 450px;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
}

.popup-image-slide {
  width: 82px;
  height: 64px;
  padding: 5px 6px;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
  cursor: pointer;
}

.filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  margin-bottom: 12px;
  padding-right: 20px;
  padding-left: 32px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.filter-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  min-width: 160px;
  margin-right: 12px;
  padding-right: 8px;
  padding-left: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #f6f6f9;
  border-radius: 8px;
  color: #5e6c82;
  font-size: 12px;
}

.filter-block.active {
  border-width: 1.3px;
  border-color: #398175;
  color: #398175;
  font-weight: 700;
}

.filter-image-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 48px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.colors-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5e6c82;
  font-size: 10px;
  line-height: 16px;
}

.colors-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.color {
  position: relative;
  z-index: 4;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 50%;
  background-color: #cfac83;
}

.color.squeeze {
  z-index: 3;
  margin-left: -8px;
  background-color: #ac4040;
}

.color.squeeze.three {
  z-index: 2;
  background-color: #40ac72;
}

.color.squeeze.four {
  z-index: 1;
  background-color: #406bac;
}

.color.squeeze.two {
  z-index: 3;
}

.pack-inner-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.add-button {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1.5px;
  border-color: #4a5ee5;
  border-radius: 50%;
  background-image: url('../images/plus.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  color: #4a5ee5;
}

.add-button.checked {
  background-color: #4a5ee5;
  background-image: url('../images/check.svg');
  background-size: auto;
}

.pack-image-block {
  position: relative;
  width: 100%;
  height: 250px;
  margin-bottom: 24px;
}

.pack-image-block.preset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 196px;
  max-width: 253px;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.color-select-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.color-option {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  padding: 3px;
  border-style: solid;
  border-width: 3px;
  border-color: #fff;
  border-radius: 50%;
  background-color: #2f306a;
  box-shadow: 0 0 0 1.7px rgba(47, 48, 105, 0);
  cursor: pointer;
}

.color-option.active {
  box-shadow: 0 0 0 1.7px #2f3069;
}

.color-option.small {
  width: 7px;
  height: 7px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: none;
  box-shadow: none;
}

.counter-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.counter-button {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #f8f8fc;
  background-image: url('../images/Vector_1.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.counter-button.plus {
  background-color: #4a5ee5;
  background-image: url('../images/Vectorplus.svg');
}

.counter-field {
  width: 40px;
  height: 25px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  border: 1px none #f3f3f7;
  border-radius: 0px;
  color: #011637;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.counter-field::-webkit-input-placeholder {
  color: #45469b;
}

.counter-field:-ms-input-placeholder {
  color: #45469b;
}

.counter-field::-ms-input-placeholder {
  color: #45469b;
}

.counter-field::placeholder {
  color: #45469b;
}

.popup-price-block {
  margin-bottom: 24px;
  color: #5e6c82;
  font-size: 16px;
}

.price-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.per-pack {
  margin-left: 8px;
  color: #626493;
  font-size: 11px;
}

.cart-button {
  position: fixed;
  right: 32px;
  bottom: 32px;
  z-index: 4;
  min-height: 40px;
  padding: 8px 20px 8px 50px;
  border-style: dashed;
  border-width: 2px;
  border-color: #4a5ee5;
  border-radius: 48px;
  background-color: #dbfe87;
  background-image: url('../images/loading-trolley.svg');
  background-position: 20px 50%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  color: #4a5ee5;
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  cursor: pointer;
}

.cart-button.filled {
  background-color: #49a078;
  background-image: url('../images/loading-trolleyfill.svg');
  color: #fff;
}

.cart-button.filled.hide {
  display: none;
}

.cart-button.close {
  width: 40px;
  height: 40px;
  min-height: 0px;
  padding: 0px;
  border-style: none;
  border-radius: 50%;
  background-color: #ec5b56;
  background-image: url('../images/Vectorclose.svg');
  background-position: 50% 50%;
  background-size: auto;
  box-shadow: 0 0 40px 0 rgba(236, 91, 86, 0.3);
}

.cart-container {
  position: fixed;
  right: 32px;
  bottom: 88px;
  z-index: 100;
  overflow: hidden;
  min-width: 392px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 10px 24px 5px rgba(29, 30, 115, 0.05);
}

.cart-container.large {
  position: -webkit-sticky;
  position: sticky;
  top: 6vh;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 392px;
  height: 100%;
  max-height: 93.75vh;
  min-height: 0px;
  min-width: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 0px;
  background-color: #fbfbfe;
  box-shadow: none;
}

.cart-header {
  width: 100%;
  padding: 16px 24px;
  background-color: #f6f6fa;
  color: #45469b;
  line-height: 24px;
  font-weight: 800;
}

.cart-header.large {
  border-bottom: 1px solid #f3f3f7;
  background-color: transparent;
  font-family: 'Gopher Text', sans-serif;
  color: #011637;
  font-weight: 700;
}

.cart-list-block {
  overflow: auto;
  width: 100%;
  max-height: 400px;
  padding-top: 8px;
  padding-right: 24px;
  padding-left: 24px;
  color: #5e6c82;
}

.cart-list-block.full-height {
  max-height: none;
  color: #5e6c82;
}

.cart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  padding-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
}

.cart-item.last {
  border-bottom-style: none;
}

.cart-image-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  margin-right: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-item-details {
  color: #5e6c82;
  font-size: 11px;
  line-height: 16px;
}

.delete-button {
  width: 24px;
  height: 24px;
  margin-left: auto;
  background-image: url('../images/trash.svg');
  background-position: 50% 50%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.cart-details-block {
  width: 100%;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.dashed-divider {
  width: 100%;
  height: 0.5px;
  margin-bottom: 16px;
  border: 1px dashed #ededf2;
}

.quantity-selector-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5e6c82;
  font-size: 12px;
}

.cart-price {
  width: 100%;
  margin-bottom: 16px;
  color: #5e6c82;
  font-size: 11px;
  text-align: center;
}

.total-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
}

.total-amount {
  color: #4a5ee5;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}

.order-request-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 80%;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.estimate-prompt {
  width: 100%;
  margin-top: auto;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  color: #5e6c82;
  font-size: 10.5px;
  line-height: 16px;
  font-style: italic;
}

.request-form-container {
  width: 80%;
  padding-bottom: 32px;
  padding-left: 32px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.order-request-form {
  max-width: none;
  margin-bottom: 0px;
}

.order-info-block {
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.order-info-block.small {
  width: 100%;
}

.request-info-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
  background-image: url('../images/chevrons-down.svg');
  background-position: 105% 50%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 400ms ease;
  transition: background-position 400ms ease;
  font-family: 'Gopher Text', sans-serif;
  color: #424262;
  font-weight: 500;
}

.request-info-inner.active {
  background-position: 94% 50%;
}

.request-info-wrapper {
  overflow: hidden;
  max-height: 0px;
  padding: 0px 16px;
  opacity: 0;
  -webkit-transition: opacity 800ms ease, max-height 400ms ease, padding 400ms ease;
  transition: opacity 800ms ease, max-height 400ms ease, padding 400ms ease;
}

.request-info-wrapper.expanded {
  max-height: 700px;
  padding-top: 16px;
  padding-bottom: 16px;
  opacity: 1;
}

.form-field {
  min-height: 40px;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
}

.form-field:focus {
  border-color: #4a5ee5;
}

.form-field::-webkit-input-placeholder {
  color: #52537a;
}

.form-field:-ms-input-placeholder {
  color: #52537a;
}

.form-field::-ms-input-placeholder {
  color: #52537a;
}

.form-field::placeholder {
  color: #52537a;
}

.form-field.small {
  margin-bottom: 16px;
}

.form-field.small.no-margin {
  margin-bottom: 0px;
}

.form-field.no-margin {
  margin-bottom: 0px;
}

.date-field {
  width: 100%;
  min-height: 40px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 40px;
  padding-bottom: 8px;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
  background-image: url('../images/calendar-dates.svg');
  background-position: 97% 50%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  color: #52537a;
  font-size: 12px;
  line-height: 24px;
}

.date-field::-webkit-input-placeholder {
  color: #52537a;
}

.date-field:-ms-input-placeholder {
  color: #52537a;
}

.date-field::-ms-input-placeholder {
  color: #52537a;
}

.date-field::placeholder {
  color: #52537a;
}

.text-field {
  max-width: 100%;
  min-height: 96px;
  min-width: 100%;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
}

.text-field::-webkit-input-placeholder {
  color: #c6c7d2;
}

.text-field:-ms-input-placeholder {
  color: #c6c7d2;
}

.text-field::-ms-input-placeholder {
  color: #c6c7d2;
}

.text-field::placeholder {
  color: #c6c7d2;
}

.text-field.editor {
  min-height: 0px;
  margin-bottom: 0px;
  padding: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none;
  line-height: 20px;
}

.text-field.editor::-webkit-input-placeholder {
  color: #52537a;
}

.text-field.editor:-ms-input-placeholder {
  color: #52537a;
}

.text-field.editor::-ms-input-placeholder {
  color: #52537a;
}

.text-field.editor::placeholder {
  color: #52537a;
}

.upload-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 64px;
  padding: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px dashed #136f63;
  border-radius: 12px;
  background-color: #eefcfa;
  color: #424262;
}

.upload-field.vertical {
  margin-top: 5px;
  padding: 24px 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.upload-field.mb-32 {
  margin-bottom: 32px;
}

.upload-field.mb-16 {
  margin-bottom: 16px;
}

.upload-icon {
  width: 32px;
  height: 32px;
  margin-right: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/Img.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.upload-icon.large {
  width: 48px;
  height: 48px;
  margin-right: 0px;
}

.upload-link {
  color: #28a9e1;
  text-decoration: underline;
}

.upload-link.green {
  color: #136f63;
}

.upload-text-block {
  font-size: 11px;
  line-height: 16px;
}

.upload-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.delivery-info-block {
  overflow: hidden;
  width: 100%;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.radio {
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
}

.radio.settings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 24px;
}

.radio-button {
  width: 18px;
  height: 18px;
  margin-top: 0px;
  margin-right: 8px;
  margin-left: 0px;
  border: 1px solid #f3f3f7;
}

.radio-button.w--redirected-checked {
  border-width: 5px;
  border-color: #4a5ee5;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.radio-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.submit-button {
  width: 100%;
  min-height: 48px;
  margin-top: 24px;
  border-radius: 8px;
  background-color: #4a5ee5;
}

.prompt {
  margin-top: 32px;
  padding: 8px;
  border: 1px solid #f3f3f7;
  border-radius: 6px;
  background-color: #f9f9fb;
  font-size: 11px;
  line-height: 16px;
  font-style: italic;
}

.edit-button {
  min-height: 16px;
  padding-left: 20px;
  background-image: url('../images/edit.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #136f63;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  cursor: pointer;
}

.edit-button.active {
  opacity: 1;
}

.edit-button.blue {
  background-image: url('../images/Edit_1.svg');
  color: #4a5ee5;
  font-size: 13px;
  text-decoration: none;
}

.success-text-block {
  margin-bottom: 20px;
  text-align: center;
}

.success-block {
  position: absolute;
  left: 50%;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.success-block.hide {
  display: none;
}

.delivery-truck {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 200px;
  margin-bottom: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.add-to-cart {
  margin-top: 12px;
  padding-left: 28px;
  background-image: url('../images/loading-trolley.svg');
  background-position: 0% 50%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  color: #4a5ee5;
  font-size: 13px;
  text-decoration: none;
}

.settings-nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  padding-right: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #f3f3f7;
}

.settings-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.settings-link {
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #9697ab;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-decoration: none;
}

.settings-link.w--current {
  box-shadow: inset 0 -2px 0 0 #4a5ee5;
  color: #4a5ee5;
  font-weight: 700;
}

.settings-form-block {
  max-width: 500px;
}

.last-update-text {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
}

.avatar-image-block {
  position: relative;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  border-radius: 50%;
}

.edit-avatar {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #dbfe87;
  background-image: url('../images/edit-3.svg');
  background-position: 50% 50%;
  background-size: auto 13px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.relative-block {
  position: relative;
  max-width: 64px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.preference-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.preference-block.align-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.preference-label {
  min-width: 144px;
  margin-right: 24px;
  color: #2f306a;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
}

.team-header-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.team-image-block {
  overflow: hidden;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #52537a;
}

.team-details-block {
  margin-left: 16px;
}

.team-name {
  margin-bottom: 4px;
  font-family: 'Gopher Text', sans-serif;
  color: #404a59;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.team-size {
  font-size: 11px;
  line-height: 16px;
}

.invite-button {
  margin-top: 5px;
  padding-left: 20px;
  background-image: url('../images/plus-circle_1.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #4a5ee5;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  cursor: pointer;
}

.invite-button.large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 25px;
  margin-top: 10px;
  margin-bottom: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}

.team-members-wrapper {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.team-member-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 88px;
  padding: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
}

.team-member-block.customer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.member-avatar-block {
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  margin-bottom: 10px;
  border-radius: 50%;
}

.member-avatar-block.customer {
  margin-right: 0px;
  margin-bottom: 12px;
}

.member-role {
  font-size: 11px;
  line-height: 16px;
}

.member-action-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 124px;
  margin-top: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.remove-button {
  min-height: 16px;
  padding-left: 20px;
  background-image: url('../images/trash.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #ff5964;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.remove-button.active {
  opacity: 1;
}

.remove-button.centralize {
  display: block;
  max-width: 105px;
  margin-top: 16px;
  margin-right: auto;
  margin-left: auto;
}

.member-name {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Gopher Text', sans-serif;
  color: #404a59;
  font-size: 13px;
  font-weight: 500;
}

.role-tag {
  position: static;
  left: 0px;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 32px;
  margin-left: 6px;
  padding-right: 6px;
  padding-left: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #ededf2;
  border-radius: 40px;
  font-family: 'Jakarta Sans', sans-serif;
  color: #6b7b94;
  font-size: 8px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dashboard-column-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
  background-color: #f9f9fb;
}

.selector {
  width: 16px;
  height: 16px;
  margin-right: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #ededf2;
  border-radius: 4px;
  background-color: #fff;
}

.column-header {
  padding-right: 0px;
  padding-left: 0px;
  color: #404a59;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}

.column-header.align-right {
  text-align: right;
}

.column-header.variant {
  color: #2f306a;
  font-size: 12px;
}

.column-header.order {
  color: #2f306a;
  font-size: 12px;
}

.column-header.total {
  min-width: 120px;
  text-align: right;
}

.dashboard-column-wrapper {
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.column-entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #52537a;
  text-decoration: none;
}

.column-entry.variant {
  padding-right: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #f6f6f9;
}

.column-entry.order {
  padding: 16px;
  border-bottom: 1px solid #f6f6f9;
}

.product-name-and-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
}

.product-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column {
  padding-right: 10px;
  padding-left: 0px;
  font-size: 12px;
  line-height: 16px;
}

.column.align-right {
  padding-right: 0px;
  text-align: right;
}

.column.total {
  min-width: 120px;
  padding-right: 0px;
  text-align: right;
}

.order-type-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-type {
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 4px;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 32px;
  background-color: #fff1db;
  color: #804c00;
  font-size: 11px;
  font-weight: 700;
  text-transform: capitalize;
}

.order-type.byop {
  background-color: #f8edf5;
  color: #5b244c;
}

.action-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 50px;
  margin-top: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.status-dropdown {
  position: relative;
  z-index: auto;
  padding-right: 20px;
  background-image: url('../images/chevrons-down.svg');
  background-position: 100% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
}

.dropdown-toggle {
  z-index: 1;
  width: 100%;
  padding: 0px;
}

.dropdown-toggle.select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  padding-left: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dropdown-list {
  left: 0%;
  top: 24px;
  right: auto;
  bottom: auto;
  z-index: 99;
  overflow: hidden;
  border-radius: 12px;
  background-color: #f9f9fb;
}

.dropdown-list.popup {
  top: 45px;
}

.dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  cursor: pointer;
}

.dropdown-item:hover {
  background-color: #eee;
}

.payment-status {
  min-width: 85px;
  padding-left: 20px;
  background-image: url('../images/Ellipse-51not-paid.svg');
  background-position: 0% 50%;
  background-size: auto 10px;
  background-repeat: no-repeat;
  color: #52537a;
}

.payment-status.part {
  background-image: url('../images/Ellipse-51partpaid.svg');
}

.payment-status.full {
  background-image: url('../images/Ellipse-51fullypaid.svg');
}

.customer-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.customer-image-block {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.popup-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product-form-block {
  min-width: 480px;
  margin-bottom: 0px;
  margin-left: 24px;
}

.textfield-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 160px;
  margin-bottom: 32px;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #f3f3f7;
  border-radius: 8px;
}

.textfield-wrapper.small {
  margin-bottom: 16px;
}

.text-editor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 32px;
  margin-bottom: 8px;
  border: 1px solid #f6f6f9;
  border-radius: 6px;
}

.editor-button {
  width: 9%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #f6f6f9;
  background-image: url('../images/bold.svg');
  background-position: 50% 50%;
  background-size: auto 42%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.editor-button.link {
  border-right-style: none;
  background-image: url('../images/link.svg');
}

.editor-button.italics {
  background-image: url('../images/italic.svg');
}

.editor-button.strikethrough {
  background-image: url('../images/strikethrough.svg');
}

.editor-button.h1 {
  background-image: url('../images/h1.svg');
}

.editor-button.h2 {
  background-image: url('../images/h2.svg');
}

.editor-button.h3 {
  background-image: url('../images/h3.svg');
}

.editor-button.quotes {
  background-image: url('../images/quote.svg');
}

.editor-button.ul {
  background-image: url('../images/ul.svg');
}

.editor-button.ol {
  background-image: url('../images/ol.svg');
}

.editor-button.enter {
  background-image: url('../images/enter.svg');
}

.form-block {
  min-width: 480px;
  margin-bottom: 0px;
}

.form-block.full-width {
  width: 100%;
}

.upload-button {
  margin-right: 16px;
  margin-bottom: 24px;
  padding-left: 20px;
  background-image: url('../images/cloud-upload.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  font-family: 'Jakarta Sans', sans-serif;
  color: #4a5ee5;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-decoration: none;
}

.upload-button.cloud {
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url('../images/cloud-upload.svg');
  font-size: 12px;
  line-height: 20px;
}

.upload-button.small {
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url('../images/cloud-upload.svg');
}

.auth-wrapper {
  position: relative;
}

.reveal-button {
  position: absolute;
  left: auto;
  top: 50%;
  right: 12px;
  bottom: 0%;
  width: 20px;
  height: 20px;
  background-image: url('../images/eye.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  cursor: pointer;
}

.reveal-button.static {
  position: static;
  width: 16px;
  height: 16px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.password-strength {
  position: absolute;
  top: 50%;
  right: 12px;
  padding-right: 23px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 100% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  line-height: 24px;
}

.password-strength.strong {
  background-image: url('../images/Vectorstrong.svg');
  color: #49a078;
}

.password-strength.medium {
  background-image: url('../images/Vectormedium.svg');
  color: #ffac33;
}

.password-strength.weak {
  background-image: url('../images/Vectorweak.svg');
  color: #ff5964;
}

.coming-soon-block {
  position: absolute;
  left: 50%;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #5e6c82;
}

.coming-soon-block.hide {
  display: none;
}

.coming-soon-text-bock {
  max-width: 420px;
  margin-bottom: 20px;
  color: #5e6c82;
  text-align: center;
}

.coming-soon-text-bock.inventory {
  max-width: 420px;
}

.order-status-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.last-order-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  padding: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
}

.last-order-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #f3f3f7;
  border-radius: 16px;
}

.last-order-block.giveaways {
  width: auto;
  margin-right: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.last-order-block.inventory {
  width: auto;
  min-width: 464px;
}

.last-order-block.no-padding {
  height: 100%;
  padding: 0px;
}

.last-order-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.last-order-header.customer {
  background-color: #f9f9fb;
}

.delivery-details-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
}

.delivery-phone-number {
  max-width: 275px;
  color: #5e6c82;
  line-height: 20px;
  font-weight: 400;
}

.delivery-phone-number.wide {
  max-width: none;
}

.delivery-name {
  color: #404a59;
  line-height: 20px;
  font-weight: 700;
}

.download-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.download-button {
  min-height: 16px;
  padding-left: 21px;
  background-image: url('../images/cloud-download.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #4a5ee5;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}

.order-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  padding: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f3f3f7;
  color: #5e6c82;
  font-size: 12px;
  line-height: 16px;
}

.line {
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  background-color: #f3f3f7;
}

.file-upload-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #f9f9fb;
}

.file-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 25px;
  padding-left: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Img.svg');
  background-position: 0% 50%;
  background-size: auto 24px;
  background-repeat: no-repeat;
  color: #404a59;
  font-weight: 500;
}

.file-cta-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 70px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.download-icon {
  width: 16px;
  height: 16px;
  background-image: url('../images/Icon_1.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #45469b;
  text-decoration: none;
}

.delete-icon {
  width: 16px;
  height: 16px;
  background-image: url('../images/trash.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.delete-icon.large {
  width: 20px;
  height: 20px;
}

.quick-turnaround {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  height: 24px;
  padding: 6px 6px 6px 24px;
  border-radius: 40px;
  background-image: url('../images/img_1.png');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: rgba(255, 154, 72, 0);
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
}

.quick-turnaround:hover {
  width: auto;
  height: auto;
  background-color: #fff8f0;
  color: #ff9a48;
}

.quick-turnaround.static {
  position: static;
  margin-bottom: 16px;
  background-color: #fffaf3;
  color: #ff9a48;
}

.date-prompt {
  margin-bottom: 24px;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

.delivery-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 18px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
}

.center-column {
  padding-right: 0px;
  padding-left: 0px;
}

.column-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-flex.mb-32 {
  margin-bottom: 32px;
}

.column-flex.mb-16 {
  margin-bottom: 16px;
}

.delete-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 19px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.address-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
}

.address-block.create {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: dashed;
  border-width: 2px;
  font-size: 11px;
  text-align: center;
}

.address-number {
  margin-bottom: 16px;
  padding-left: 24px;
  background-image: url('../images/pin.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  font-family: 'Gopher Text', sans-serif;
  color: #4a5ee5;
  font-size: 13px;
  font-weight: 500;
}

.address {
  position: relative;
  font-size: 11px;
}

.address-attendant {
  position: relative;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
}

.create-button {
  margin-top: 16px;
  padding-left: 20px;
  background-image: url('../images/plus-circle_1.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #4a5ee5;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
}

.create-button.large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 25px;
  margin-top: 16px;
  margin-bottom: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}

.create-header {
  margin-bottom: 4px;
  font-family: 'Gopher Text', sans-serif;
  color: #404a59;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
}

.red-text {
  color: #fe5964;
}

.product-info-container {
  max-width: 684px;
  margin-right: 16px;
  margin-bottom: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.product-info-header {
  margin-bottom: 16px;
  padding: 16px;
  border-bottom: 1px solid #f6f6f9;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f9f9fb;
  font-family: 'Gopher Text', sans-serif;
  color: #2f306a;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.info-form-block {
  margin-bottom: 0px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
}

.toggle-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.toggle-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 16px;
  margin-right: 8px;
  padding: 2px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #c6c7d2;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: pointer;
}

.toggle-button.active {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #4a5ee5;
}

.toggle-circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}

.toggle-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 17px;
}

.flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product-options-container {
  max-width: 684px;
  margin-right: 16px;
  margin-bottom: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.product-options-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f9f9fb;
  color: #2f306a;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.options-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding: 4px 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 32px;
  background-color: #f8f8fc;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}

.color-tags-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.variants-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 684px;
  margin-right: 16px;
  margin-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.variants-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f9f9fb;
  color: #2f306a;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.variants-pagination-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 52px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f6f6f9;
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-arrow {
  width: 16px;
  height: 16px;
  background-image: url('../images/chevrons-downleft.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.right-arrow {
  width: 16px;
  height: 16px;
  background-image: url('../images/chevrons-downright.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.page-circle {
  width: 8px;
  height: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #f1f1f9;
  cursor: pointer;
}

.page-circle.active {
  background-color: #52537a;
}

.page-circle-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 60px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.variants-inner {
  overflow: auto;
  max-height: 450px;
  padding-right: 16px;
  padding-left: 16px;
}

.select-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}

.select-button {
  margin-right: 12px;
  color: #4a5ee5;
  font-weight: 500;
}

.select-button.dropdown {
  padding-right: 16px;
  background-image: url('../images/chevrons-down_1.svg');
  background-position: 100% 50%;
  background-size: auto 12px;
  background-repeat: no-repeat;
}

.select-button.first {
  margin-left: 12px;
}

.variant-column-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}

.variant-column-header.align-right {
  text-align: right;
}

.column-form {
  margin-bottom: 0px;
}

.column-image-block {
  width: 40px;
  height: 32px;
  margin-right: 8px;
}

.variant-entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2f306a;
  font-weight: 500;
}

.product-image-container {
  position: -webkit-sticky;
  position: sticky;
  top: 5vw;
  max-width: 476px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.product-image-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f6f6f9;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f9f9fb;
  font-family: 'Gopher Text', sans-serif;
  color: #2f306a;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}

.product-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-image-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-other-image {
  width: 96px;
  height: 96px;
  margin-right: 8px;
  padding: 5px 6px;
  border: 1px solid #f3f3f7;
  border-radius: 12px;
  cursor: pointer;
}

.padding-16 {
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
}

.padding-16.team {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}

.team-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #f3f3f7;
  border-radius: 16px;
}

.team-block.giveaways {
  width: auto;
  margin-right: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.team-block.inventory {
  width: auto;
  min-width: 464px;
}

.team-block.no-padding {
  height: 100%;
  padding: 0px;
}

.team-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9fb;
}

.team-header.customer {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #f9f9fb;
}

.member-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.member-email {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
}

.member-phone {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
}

.saved-address-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #f3f3f7;
  border-radius: 16px;
}

.saved-address-block.giveaways {
  width: auto;
  margin-right: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.saved-address-block.inventory {
  width: auto;
  min-width: 464px;
}

.saved-address-block.no-padding {
  height: 100%;
  padding: 0px;
}

.admin-order-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #f3f3f7;
  border-radius: 16px;
}

.admin-order-block.giveaways {
  width: auto;
  margin-right: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.admin-order-block.inventory {
  width: auto;
  min-width: 464px;
}

.admin-order-block.no-padding {
  height: 100%;
  padding: 0px;
}

.order-column-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-color {
  margin-bottom: 4px;
  font-size: 11px;
}

.order-info-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 16px;
}

.order-info-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9fb;
}

.order-info-header.customer {
  background-color: #f9f9fb;
}

.customer-info-block {
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
}

.customer-info-block.small {
  width: 49.5%;
}

.customer-details {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
}

.customer-details.open {
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.customer-details-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
}

.customer-name {
  font-weight: 500;
}

.customer-phone-number {
  max-width: 275px;
  line-height: 20px;
}

.delivery-address {
  max-width: 275px;
  line-height: 20px;
}

.customer-rep {
  max-width: 275px;
  line-height: 20px;
}

.cutomer-rep-email {
  max-width: 275px;
  line-height: 20px;
}

.order-filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #f3f3f7;
}

.filter-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-link {
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #9697ab;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}

.filter-link.w--current {
  box-shadow: inset 0 -2px 0 0 #45469b;
  color: #45469b;
}

.filter-link.active {
  box-shadow: inset 0 -2px 0 0 #2f306a;
  color: #45469b;
}

.active-filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 48px;
  background-color: #eff6f4;
  color: #136f63;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
}

.close-icon {
  width: 14px;
  height: 14px;
  margin-left: 8px;
  background-image: url('../images/cross.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.filter-dropdown-list {
  position: absolute;
  right: 0px;
  width: 344px;
  padding-top: 16px;
  border: 1px solid #f6f6f9;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 16px 16px 32px 0 rgba(38, 38, 85, 0.15);
  color: #9697ab;
  font-size: 13px;
}

.filter-dropdpwn {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
}

.filter-form {
  margin-top: 8px;
  margin-bottom: 0px;
}

.filter-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-dropdown-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 24px;
  border-top: 1px solid #f6f6f9;
}

.add-filter-button {
  padding-left: 20px;
  background-image: url('../images/plus-circle.svg');
  background-position: 0% 50%;
  background-size: auto 16px;
  background-repeat: no-repeat;
  color: #45469b;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
}

.add-filter-button.large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 25px;
  margin-top: 16px;
  margin-bottom: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}

.filter-text {
  padding-right: 16px;
  padding-left: 16px;
}

.header-text-block {
  color: #5e6c82;
}

.popup-container {
  width: 80%;
  max-width: 880px;
}

.popup-container.fit {
  width: auto;
}

.hamburger {
  display: none;
  width: 20px;
}

.menu-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.close-menu {
  display: none;
  width: 25px;
  height: 25px;
  margin-top: 16px;
  margin-right: 8px;
  margin-left: auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.email {
  color: #4a5ee5;
  font-weight: 700;
}

.dark-grey-text {
  color: #404a59;
}

.blue-text {
  color: #4a5ee5;
}

.admin-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination-text {
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.pagination-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pagination-btn {
  padding: 8px 12px;
  border: 1px solid #eaeaf0;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  cursor: pointer;
}

.pagination-btn.prev {
  margin-right: 6px;
}

.pagination-btn.next {
  margin-left: 6px;
}

.back-button {
  display: block;
  padding-left: 23px;
  background-image: url('../images/arrow-left.svg');
  background-position: 0% 50%;
  background-size: 17px;
  background-repeat: no-repeat;
  color: #5e6c82;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
}

.back-button.hide {
  display: none;
}

.menu-line {
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background-color: #404a59;
}

.menu-line.middle {
  margin-top: 3px;
  margin-bottom: 3px;
}

.lottie {
  width: 500px;
  height: 500px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.lottie.small {
  width: 350px;
  height: 350px;
}

@media screen and (max-width: 991px) {
  .gradient-container {
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .dashboard-nav {
    min-width: 181px;
  }

  .dashboard {
    overflow: auto;
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .button.save {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .dashboard-inner.orders {
    padding-right: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .dashboard-inner.flex {
    padding-right: 5%;
    padding-left: 5%;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 0.5fr;
    grid-template-rows: 0.5fr;
  }

  .dashboard-inner.pack {
    padding-right: 5%;
    padding-left: 5%;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 0.5fr;
    grid-template-rows: 0.5fr;
  }

  .dashboard-inner.request.hide {
    display: none;
  }

  .dashboard-inner.products {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .container.inventory {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .container.no-padding {
    height: auto;
    margin-right: 32px;
    margin-bottom: 0px;
  }

  .order-block.no-margin {
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .order-block-inner {
    margin-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
  }

  .product-image-block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .order-status {
    background-size: auto 16px;
    line-height: 30px;
  }

  .order-status.am {
    background-size: auto 16px;
  }

  .container-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .order-list-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%;
    min-width: 0px;
    margin-right: 0px;
    padding-left: 32px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
  }

  .order-details {
    padding-left: 12px;
  }

  .order-list-item {
    margin-right: 12px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .relative {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .crumb-link {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .new-pack-block {
    width: 100%;
    max-width: none;
    min-height: 200px;
    margin-right: 0px;
  }

  .new-pack-block:hover {
    background-color: #fff;
    color: #45469b;
  }

  .pack-wrapper {
    padding-right: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }

  .new-pack-image-block {
    margin-right: 20px;
    margin-bottom: 0px;
  }

  .new-pack-details-block {
    text-align: left;
  }

  .pack-details-block {
    margin-right: 5px;
  }

  .popup-block {
    padding-right: 24px;
    padding-left: 24px;
  }

  .popup-content {
    max-width: none;
  }

  .popup-image-wrapper {
    overflow: auto;
    width: 250px;
    height: auto;
    max-height: 500px;
    margin-right: 32px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .popup-bottom-slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .popup-image-block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .popup-image-slide {
    width: 150px;
    height: 150px;
    max-height: none;
    margin-bottom: 8px;
  }

  .filter-wrapper {
    padding-left: 5%;
  }

  .pack-image-block {
    height: 200px;
    padding-top: 20px;
  }

  .cart-container.large {
    position: fixed;
    right: 0px;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }

  .order-info-block.small {
    width: 100%;
  }

  .upload-field.vertical {
    min-width: 100px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .edit-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 24px;
    padding-left: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .settings-link-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .team-members-wrapper {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .team-member-block.customer {
    width: 47%;
    max-width: none;
    margin-right: 3%;
  }

  .member-avatar-block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .member-name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .role-tag {
    min-width: 21px;
    margin-left: 2px;
    font-size: 9px;
  }

  .button-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .column-block {
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .dashboard-column-header {
    margin-bottom: 12px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .selector {
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: auto;
  }

  .column-header {
    line-height: 23px;
  }

  .column-header.align-center {
    text-align: left;
  }

  .column-header.order.align-right {
    text-align: left;
  }

  .column-header.total {
    text-align: left;
  }

  .column-entry {
    padding-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #f6f6f9;
  }

  .product-name-and-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 25px;
  }

  .product-image {
    width: 55px;
    height: 55px;
    margin-right: 0px;
    margin-bottom: 12px;
  }

  .column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 30px;
  }

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

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

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

  .order-type {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 10px;
    line-height: 24px;
  }

  .action-block {
    margin-top: 10px;
  }

  .status-dropdown {
    margin-top: 9px;
  }

  .order-status-header {
    padding-right: 12px;
    padding-left: 12px;
  }

  .last-order-header {
    padding-right: 12px;
    padding-left: 12px;
  }

  .delivery-details-header {
    margin-bottom: 10px;
  }

  .quick-turnaround {
    height: auto;
    background-color: #fffaf3;
    color: #ff9a48;
  }

  .product-info-container {
    width: 100%;
    max-width: none;
    margin-right: 0px;
  }

  .flex-grow {
    width: 100%;
  }

  .product-options-container {
    max-width: none;
    margin-right: 0px;
  }

  .variants-container {
    max-width: none;
    margin-right: 0px;
  }

  .variant-column-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-image-container {
    max-width: none;
    margin-bottom: 20px;
  }

  .order-color {
    margin-top: 4px;
    margin-bottom: 0px;
    line-height: 25px;
  }

  .customer-info-block {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .gradient-container {
    padding-right: 10vw;
    padding-left: 10vw;
  }

  .auth-container {
    overflow: scroll;
    width: 100%;
    max-height: 90%;
  }

  .logo {
    margin-bottom: 4vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .left-column {
    padding-right: 0px;
  }

  .right-column {
    padding-left: 0px;
  }

  .dashboard-nav {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 106;
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  .dashboard {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .dashboard-tool-bar {
    position: relative;
    z-index: 100;
    padding-right: 5vw;
    padding-left: 5vw;
    background-color: #fff;
  }

  .search-block {
    min-width: 250px;
  }

  .search-field {
    min-width: 0px;
  }

  .dashboard-header {
    padding-right: 5vw;
    padding-left: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .button {
    padding: 12px 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .dashboard-inner {
    padding-right: 5vw;
    padding-bottom: 5vw;
    padding-left: 5vw;
  }

  .dashboard-inner.orders {
    padding-left: 0vw;
  }

  .dashboard-inner.flex {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .dashboard-inner.pack {
    padding-bottom: 120px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .container.giveaways {
    width: 100%;
    min-width: 0px;
    margin-bottom: 5vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .container.inventory {
    width: 100%;
    min-width: 0px;
    margin-bottom: 5vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .container.no-padding {
    margin-right: 5vw;
    margin-left: 5vw;
  }

  .order-block-inner {
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-image-block {
    margin-right: 12px;
    margin-bottom: 16px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .product-image-block.small {
    margin-bottom: 0px;
  }

  .image {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .product-details-block {
    margin-bottom: 16px;
  }

  .quantity-block {
    margin-right: 40px;
    margin-bottom: 16px;
  }

  .order-status {
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .container-flex {
    display: block;
  }

  .order-list-block {
    padding-left: 5vw;
  }

  .pack-wrapper {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .new-pack-image-block {
    height: 150px;
  }

  .support-block {
    padding-right: 12px;
    padding-left: 12px;
  }

  .popup-block {
    width: 100%;
    height: auto;
    max-height: 700px;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup-header {
    margin-bottom: 10px;
  }

  .popup-image-wrapper {
    width: 100%;
    max-height: none;
    margin-right: 0px;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .popup-bottom-slider {
    overflow: auto;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .popup-image-block {
    width: 350px;
    height: 350px;
  }

  .popup-image-slide {
    width: 100px;
    height: 100px;
    margin-right: 8px;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .filter-wrapper {
    padding-right: 5%;
  }

  .cart-container.large {
    max-height: none;
    margin-top: -6vh;
    padding-top: 6vh;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }

  .request-form-container {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
  }

  .request-info-wrapper.expanded {
    max-height: 1500px;
  }

  .form-field.small.no-margin {
    margin-bottom: 12px;
  }

  .upload-field.vertical {
    min-width: 0px;
  }

  .preference-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .preference-label {
    margin-right: 0px;
    margin-bottom: 9px;
  }

  .team-members-wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .team-member-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .member-avatar-block {
    margin-bottom: 12px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .column-header.align-right {
    text-align: left;
  }

  .column-header.order.align-right {
    text-align: left;
  }

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

  .status-dropdown {
    margin-top: 0px;
  }

  .popup-flex {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .product-form-block {
    width: 100%;
    min-width: 0px;
    margin-top: 20px;
    margin-left: 0px;
  }

  .form-block {
    width: 100%;
    min-width: 0px;
  }

  .last-order-details {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 22px;
  }

  .last-order-block {
    margin-bottom: 5vw;
  }

  .column-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .delete-block {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .address-block {
    padding: 20px;
  }

  .product-options-header {
    margin-bottom: 0px;
  }

  .options-block {
    padding-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .tag {
    margin-right: 12px;
  }

  .color-tags-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .column-form {
    margin-bottom: 10px;
  }

  .variant-entry {
    margin-bottom: 10px;
  }

  .product-image-slider {
    overflow: auto;
    width: 100%;
  }

  .filter-dropdown-list.w--open {
    left: 0px;
    right: auto;
  }

  .header-text-block {
    margin-bottom: 20px;
  }

  .popup-container {
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .hamburger {
    display: block;
    margin-right: 20px;
  }

  .menu-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .close-menu {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .menu-line.middle {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .toolbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .gradient-container {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .auth-container {
    padding: 7vw;
    border-radius: 16px;
  }

  .auth-header-block {
    margin-bottom: 12px;
  }

  .auth-prompt-block {
    margin-bottom: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .checkbox {
    width: 17px;
    height: 17px;
    border-radius: 4px;
  }

  .check-field {
    margin-bottom: 5px;
  }

  .code-field {
    width: 15%;
    height: 12vw;
  }

  .dashboard-nav {
    z-index: 103;
    width: 18vw;
    min-width: 230px;
  }

  .search-block {
    min-width: 0px;
  }

  .notifications {
    display: none;
    margin-left: 12px;
  }

  .avatar {
    margin-left: 12px;
  }

  .button.outline.create {
    margin-top: 12px;
    margin-left: 0px;
  }

  .dashboard-inner.flex {
    display: block;
    padding-right: 5%;
  }

  .dashboard-inner.pack {
    display: block;
    padding-right: 5%;
  }

  .empty-block {
    max-width: 90%;
  }

  .empty-box.inventory.large {
    max-width: 100%;
  }

  .empty-text-block {
    max-width: 400px;
  }

  .order-block.no-margin {
    padding-top: 20px;
  }

  .order-number {
    margin-bottom: 10px;
  }

  .order-block-inner {
    margin-top: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .product-image-block {
    margin-bottom: 12px;
  }

  .product-details-block {
    margin-bottom: 12px;
  }

  .quantity-block {
    margin-right: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
    text-align: left;
  }

  .order-status {
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .point-divider {
    display: none;
    margin: 8px 0px;
  }

  .order-details {
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 21px;
  }

  .delivery-details {
    margin-bottom: 15px;
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .order-name.active {
    margin-bottom: 5px;
  }

  .order-list-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .crumb-link {
    font-size: 9px;
  }

  .new-pack-block {
    padding-right: 5vw;
    padding-left: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .pack-wrapper {
    display: block;
  }

  .new-pack-image-block {
    max-width: none;
    margin-right: 0px;
    margin-bottom: 24px;
  }

  .support-block {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .support-container {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .support-inner {
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .support-avatar {
    margin-right: 0px;
    margin-bottom: 16px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .support-icon {
    margin-right: 12px;
    margin-left: 0px;
  }

  .pack-block {
    width: 100%;
    max-width: none;
    margin-right: 0%;
    margin-bottom: 5%;
  }

  .popup-block {
    height: auto;
    max-height: 80vh;
  }

  .select-field.filter {
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .popup-image-block {
    width: 100%;
  }

  .pack-image-block {
    max-width: none;
  }

  .price-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .per-pack {
    margin-left: 0px;
  }

  .cart-container {
    right: 5%;
    min-width: 86%;
  }

  .cart-container.large {
    width: 100%;
  }

  .cart-list-block {
    padding-right: 12px;
    padding-left: 12px;
  }

  .order-request-form {
    max-width: none;
  }

  .form-field.small.no-margin {
    margin-bottom: 10px;
  }

  .text-field.editor {
    min-height: 150px;
  }

  .upload-field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .upload-icon {
    margin-right: 0px;
    margin-bottom: 8px;
  }

  .upload-text-block {
    width: 100%;
    text-align: center;
  }

  .upload-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .radio {
    margin-bottom: 10px;
    line-height: 21px;
  }

  .radio-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .edit-button.blue {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 27px;
  }

  .success-block {
    max-width: 90%;
  }

  .settings-nav-wrapper {
    padding-right: 0px;
  }

  .settings-link-wrapper {
    overflow: auto;
    width: 100%;
  }

  .settings-link {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .team-members-wrapper {
    display: block;
  }

  .team-member-block {
    width: 100%;
    margin-bottom: 20px;
  }

  .team-member-block.customer {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 5%;
  }

  .button-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .status-dropdown {
    margin-right: auto;
  }

  .dropdown-toggle.select {
    padding-left: 10px;
  }

  .text-editor {
    height: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .editor-button {
    width: 20%;
    height: 35px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .upload-button.cloud {
    line-height: 26px;
  }

  .coming-soon-block {
    width: 85%;
  }

  .order-status-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .last-order-details {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 24px;
  }

  .delivery-details-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 31px;
  }

  .delete-icon.large {
    margin-bottom: 0px;
  }

  .quick-turnaround.static {
    margin-top: 16px;
  }

  .date-prompt {
    margin-top: 5px;
  }

  .delete-block {
    margin-top: 15px;
  }

  .address-block {
    width: 100%;
    margin-bottom: 20px;
  }

  .toggle-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .toggle-block {
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .tag {
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .color-tags-wrapper {
    width: 100%;
    margin-bottom: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-other-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .padding-16.team {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .filter-dropdown-list.w--open {
    width: 250px;
  }

  .filter-block-wrapper {
    padding-right: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .popup-container {
    padding-right: 7vw;
    padding-left: 7vw;
  }

  .hamburger {
    margin-right: 10px;
  }

  .close-menu {
    margin-top: 16px;
    margin-bottom: 10px;
  }
}

#w-node-_5398408e-f2e6-652a-bf7a-cb37e257a75f-13728a9e {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

@media screen and (max-width: 991px) {
  #w-node-f7279b6b-34fa-e365-d710-ffc058966bfa-af83f7ab {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
}

@font-face {
  font-family: 'Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jakarta Sans';
  src: url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopher Text';
  src: url('../fonts/GopherText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopher Text';
  src: url('../fonts/GopherText-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopher Text';
  src: url('../fonts/GopherText-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopher Text';
  src: url('../fonts/GopherText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}