@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Oswald:400,700|Slabo+27px|Roboto:100,400,500,700,900";
/* line 5, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 4, ../../../../resources/scss/_base.scss */
:root {
  scroll-behavior: smooth;
}

/* line 8, ../../../../resources/scss/_base.scss */
html {
  height: 100%;
  box-sizing: border-box;
  font-size: 10px;
}

/* line 13, ../../../../resources/scss/_base.scss */
*, *:before, *:after {
  box-sizing: inherit;
}

/* line 17, ../../../../resources/scss/_base.scss */
body {
  height: 100%;
  background: #fff;
  color: #000;
  font-family: "Slabo", sans-serif;
}

/* line 24, ../../../../resources/scss/_base.scss */
a {
  text-decoration: none;
  color: #26ade4;
  cursor: pointer;
}
/* line 29, ../../../../resources/scss/_base.scss */
a:hover {
  color: #6ac7ec;
}

/* line 34, ../../../../resources/scss/_base.scss */
img {
  max-width: 100%;
}

/* line 38, ../../../../resources/scss/_base.scss */
em {
  font-style: italic;
}

/* line 42, ../../../../resources/scss/_base.scss */
b, strong {
  font-weight: bold;
}

/* line 46, ../../../../resources/scss/_base.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif;
  font-size: 1.6rem;
}

/* line 51, ../../../../resources/scss/_base.scss */
h1 {
  font-size: 2.1rem;
  margin-bottom: 1rem;
  color: #f99e1d;
}
@media (max-width: 499px) {
  /* line 51, ../../../../resources/scss/_base.scss */
  h1 {
    font-size: 2.6rem;
  }
}

/* line 61, ../../../../resources/scss/_base.scss */
h2 {
  font-size: 2.7rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 499px) {
  /* line 61, ../../../../resources/scss/_base.scss */
  h2 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
}

/* line 71, ../../../../resources/scss/_base.scss */
h3 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}
@media (max-width: 499px) {
  /* line 71, ../../../../resources/scss/_base.scss */
  h3 {
    font-size: 1.8rem;
  }
}

/* line 80, ../../../../resources/scss/_base.scss */
h4 {
  font-size: 1.9rem;
}

/* line 84, ../../../../resources/scss/_base.scss */
p {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
}

/* line 54, ../../../../resources/scss/_mixins.scss */
section:before, section:after {
  content: '';
  display: table;
}
/* line 59, ../../../../resources/scss/_mixins.scss */
section:after {
  clear: both;
}

/* line 95, ../../../../resources/scss/_base.scss */
header.header-nav,
.footer,
#home,
#order-app,
#complete {
  color: #303030;
  font-family: Roboto, sans-serif;
}
/* line 103, ../../../../resources/scss/_base.scss */
header.header-nav a,
.footer a,
#home a,
#order-app a,
#complete a {
  text-decoration: none;
  color: #6787bf;
  cursor: pointer;
}
/* line 108, ../../../../resources/scss/_base.scss */
header.header-nav a:hover,
.footer a:hover,
#home a:hover,
#order-app a:hover,
#complete a:hover {
  color: #406199;
}
/* line 113, ../../../../resources/scss/_base.scss */
header.header-nav img,
.footer img,
#home img,
#order-app img,
#complete img {
  max-width: 100%;
}
/* line 117, ../../../../resources/scss/_base.scss */
header.header-nav em,
.footer em,
#home em,
#order-app em,
#complete em {
  font-style: italic;
}
/* line 121, ../../../../resources/scss/_base.scss */
header.header-nav b, header.header-nav strong,
.footer b,
.footer strong,
#home b,
#home strong,
#order-app b,
#order-app strong,
#complete b,
#complete strong {
  font-weight: bold;
}
/* line 125, ../../../../resources/scss/_base.scss */
header.header-nav h1, header.header-nav h2, header.header-nav h3, header.header-nav h4, header.header-nav h5, header.header-nav h6,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
#home h1,
#home h2,
#home h3,
#home h4,
#home h5,
#home h6,
#order-app h1,
#order-app h2,
#order-app h3,
#order-app h4,
#order-app h5,
#order-app h6,
#complete h1,
#complete h2,
#complete h3,
#complete h4,
#complete h5,
#complete h6 {
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
}
/* line 130, ../../../../resources/scss/_base.scss */
header.header-nav h1,
.footer h1,
#home h1,
#order-app h1,
#complete h1 {
  font-size: 2.1rem;
  margin-bottom: 1rem;
  color: #f6f4eb;
}
@media (max-width: 499px) {
  /* line 130, ../../../../resources/scss/_base.scss */
  header.header-nav h1,
  .footer h1,
  #home h1,
  #order-app h1,
  #complete h1 {
    font-size: 2.6rem;
  }
}
/* line 140, ../../../../resources/scss/_base.scss */
header.header-nav h2,
.footer h2,
#home h2,
#order-app h2,
#complete h2 {
  font-size: 2.7rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 499px) {
  /* line 140, ../../../../resources/scss/_base.scss */
  header.header-nav h2,
  .footer h2,
  #home h2,
  #order-app h2,
  #complete h2 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
}
/* line 150, ../../../../resources/scss/_base.scss */
header.header-nav h3,
.footer h3,
#home h3,
#order-app h3,
#complete h3 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}
@media (max-width: 499px) {
  /* line 150, ../../../../resources/scss/_base.scss */
  header.header-nav h3,
  .footer h3,
  #home h3,
  #order-app h3,
  #complete h3 {
    font-size: 1.8rem;
  }
}
/* line 159, ../../../../resources/scss/_base.scss */
header.header-nav h4,
.footer h4,
#home h4,
#order-app h4,
#complete h4 {
  font-size: 1.9rem;
}

/* line 164, ../../../../resources/scss/_base.scss */
.fine {
  font-size: 50%;
}

/* line 168, ../../../../resources/scss/_base.scss */
input[type='checkbox'] {
  margin-bottom: 0.7rem;
  margin-right: 1.5rem;
}
/* line 172, ../../../../resources/scss/_base.scss */
input[type='checkbox']::after {
  content: "";
  padding: 0 0.743rem;
  position: relative;
  top: 0.9rem;
  border-radius: 5px;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px lightgray;
}
/* line 184, ../../../../resources/scss/_base.scss */
input[type='checkbox']:checked::after {
  background-color: #6787bf;
}

/* line 1, ../../../../resources/scss/modules/_ui.scss */
.ui-button, .dialog-ui-button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 1rem 0 1.3rem;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  background: #6787bf;
  cursor: pointer;
}
/* line 14, ../../../../resources/scss/modules/_ui.scss */
.ui-button:hover, .dialog-ui-button:hover {
  background: #486cab;
}
/* line 18, ../../../../resources/scss/modules/_ui.scss */
.ui-button.disabled, .disabled.dialog-ui-button, .ui-button[disabled], [disabled].dialog-ui-button {
  background-color: #acacac;
  opacity: .5;
}

/* line 25, ../../../../resources/scss/modules/_ui.scss */
.dialog-ui-button {
  padding: 0;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-align: center;
}

/* line 35, ../../../../resources/scss/modules/_ui.scss */
input[type="text"].disabled {
  background-color: #acacac;
}

/* line 1, ../../../../resources/scss/_layout.scss */
.page-container {
  position: relative;
  min-height: 100%;
}

/* line 6, ../../../../resources/scss/_layout.scss */
.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 120rem;
  padding: 1rem;
  position: relative;
}
/* line 12, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
.container:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 54, ../../../../resources/scss/_mixins.scss */
.container:before, .container:after {
  content: '';
  display: table;
}
/* line 59, ../../../../resources/scss/_mixins.scss */
.container:after {
  clear: both;
}
@media (max-width: 1200px) {
  /* line 6, ../../../../resources/scss/_layout.scss */
  .container {
    padding: 2rem;
  }
}

/* line 19, ../../../../resources/scss/_layout.scss */
.content-side {
  width: 66.10169%;
  float: right;
  margin-right: 0;
}

/* line 23, ../../../../resources/scss/_layout.scss */
.sidebar-side {
  display: inherit;
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
}

@media (max-width: 900px) {
  /* line 29, ../../../../resources/scss/_layout.scss */
  .content-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  /* line 33, ../../../../resources/scss/_layout.scss */
  .sidebar-side {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
}
@media (max-width: 499px) {
  /* line 39, ../../../../resources/scss/_layout.scss */
  .content-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  /* line 43, ../../../../resources/scss/_layout.scss */
  .sidebar-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 50, ../../../../resources/scss/_layout.scss */
header.header-nav {
  position: relative;
  background-color: #303030;
  box-shadow: 0 1px 2px #303030;
  z-index: 15;
}
/* line 56, ../../../../resources/scss/_layout.scss */
header.header-nav a {
  color: #acacac;
}
/* line 59, ../../../../resources/scss/_layout.scss */
header.header-nav a:hover {
  color: #f6f4eb;
}
/* line 63, ../../../../resources/scss/_layout.scss */
header.header-nav a:active {
  color: #f99e1d;
}
/* line 68, ../../../../resources/scss/_layout.scss */
header.header-nav .lang-link {
  position: absolute;
  display: inline-block;
  right: 2rem;
  top: .5rem;
  font-size: 1.6rem;
  z-index: 100000000;
}
@media (max-width: 499px) {
  /* line 68, ../../../../resources/scss/_layout.scss */
  header.header-nav .lang-link {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
}
/* line 83, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-desktop {
  display: flex;
  max-width: 100rem;
  flex-direction: row;
  height: 9rem;
  padding: 0 22rem;
  font-family: Roboto, sans-serif;
  font-size: 2rem;
  font-weight: bold;
}
/* line 93, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-desktop .header-logo {
  flex: 0 0;
  position: relative;
  top: 50%;
  height: 6rem;
  min-width: 12rem;
  object-fit: contain;
  transform: translateY(-50%);
}
/* line 103, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-desktop ul {
  flex: 1 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 8rem;
}
/* line 111, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-desktop ul li {
  flex: 0 0;
  white-space: nowrap;
  margin-right: 4rem;
}
@media (max-width: 1200px) {
  /* line 83, ../../../../resources/scss/_layout.scss */
  header.header-nav .nav-header-desktop {
    display: none;
  }
}
/* line 123, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile {
  display: none;
  position: relative;
  height: 9rem;
  padding: 0 16rem;
  box-shadow: 0 1px 2px #303030;
  z-index: 20;
}
@media (max-width: 499px) {
  /* line 123, ../../../../resources/scss/_layout.scss */
  header.header-nav .nav-header-mobile {
    padding: 0 2rem;
  }
}
@media (max-width: 1200px) {
  /* line 123, ../../../../resources/scss/_layout.scss */
  header.header-nav .nav-header-mobile {
    display: block;
  }
}
/* line 138, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .header-logo {
  flex: 0 0;
  position: relative;
  top: 50%;
  height: 6rem;
  transform: translateY(-50%);
}
/* line 146, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state {
  visibility: hidden;
  width: 0;
  height: 0;
}
/* line 152, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state + .mobile-nav-menu i.fa-bars {
  display: inline-block;
}
/* line 155, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state + .mobile-nav-menu i.fa-times {
  display: none;
}
/* line 158, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state:checked + .mobile-nav-menu i.fa-bars {
  display: none !important;
}
/* line 161, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state:checked + .mobile-nav-menu i.fa-times {
  display: inline-block !important;
}
/* line 165, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state ~ .nav-popup-menu {
  display: none;
}
/* line 168, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state:checked ~ .nav-popup-menu {
  display: inline-block;
}
/* line 172, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .mobile-nav-menu {
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 6rem;
  height: 6rem;
  margin-left: 4rem;
  color: #acacac;
  font-size: 5rem;
  border: 1px solid #3f4040;
  border-radius: 3px;
  transform: translateY(-50%);
}
/* line 185, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .mobile-nav-menu:hover {
  cursor: pointer;
}
@media (max-width: 499px) {
  /* line 172, ../../../../resources/scss/_layout.scss */
  header.header-nav .nav-header-mobile .mobile-nav-menu {
    right: 3rem;
    margin-left: 0;
  }
}
/* line 195, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .mobile-nav-menu i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 203, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .nav-popup-menu {
  position: absolute;
  top: 100%;
  left: 30rem;
  padding: 3rem 4rem;
  font-size: 2rem;
  background-color: #303030;
  white-space: nowrap;
  transform: translateX(-50%);
}
@media (max-width: 499px) {
  /* line 203, ../../../../resources/scss/_layout.scss */
  header.header-nav .nav-header-mobile .nav-popup-menu {
    left: 0;
    width: 100vw;
    height: calc(100vh - 100%);
    transform: unset;
  }
}
/* line 220, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .nav-popup-menu li {
  padding: 1rem 0;
}

/* line 229, ../../../../resources/scss/_layout.scss */
#content {
  background-color: #f6f4eb;
  font-size: 1.6rem;
}

/* line 237, ../../../../resources/scss/_layout.scss */
.footer {
  color: #f6f4eb;
  background-color: #3f4040;
}
/* line 241, ../../../../resources/scss/_layout.scss */
.footer .footer-columns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5rem 16rem 0 16rem;
  white-space: nowrap;
}
@media (max-width: 900px) {
  /* line 241, ../../../../resources/scss/_layout.scss */
  .footer .footer-columns {
    flex-direction: column;
    text-align: center;
    padding: 5rem 1rem 0 1rem;
  }
}
/* line 254, ../../../../resources/scss/_layout.scss */
.footer .footer-columns h3 {
  font-weight: bold;
  margin-bottom: 3rem;
}
@media (max-width: 900px) {
  /* line 254, ../../../../resources/scss/_layout.scss */
  .footer .footer-columns h3 {
    font-size: 2.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 499px) {
  /* line 254, ../../../../resources/scss/_layout.scss */
  .footer .footer-columns h3 {
    margin-bottom: 1rem;
  }
}
/* line 270, ../../../../resources/scss/_layout.scss */
.footer .footer-columns a {
  color: #f6f4eb;
  font-size: 1.6rem;
}
/* line 274, ../../../../resources/scss/_layout.scss */
.footer .footer-columns a:hover {
  color: #f99e1d;
}
@media (max-width: 499px) {
  /* line 279, ../../../../resources/scss/_layout.scss */
  .footer .footer-columns div {
    margin-bottom: 3rem;
  }
}
/* line 285, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us {
  flex: 0 0;
}
/* line 288, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us .footer-address-1,
.footer .footer-columns .footer-contact-us .footer-address-2,
.footer .footer-columns .footer-contact-us .footer-address-3 {
  margin: 0;
}
/* line 295, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us .footer-contact-us-link a {
  text-decoration: underline;
}
/* line 301, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us .footer-social-media i {
  color: #f99e1d;
}
/* line 305, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us .footer-social-media a {
  font-weight: bold;
}
/* line 311, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-our-services {
  flex: 0 0;
}
/* line 314, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-our-services li {
  margin-bottom: 1rem;
}
/* line 319, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-our-other-services {
  flex: 0 0;
}
/* line 324, ../../../../resources/scss/_layout.scss */
.footer .copyright {
  padding: .5rem 1rem;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 499px) {
  /* line 324, ../../../../resources/scss/_layout.scss */
  .footer .copyright {
    padding: 0 1rem 1rem 1rem;
  }
}
/* line 336, ../../../../resources/scss/_layout.scss */
.footer .copyright p {
  margin: 4rem 0 .5rem 0;
  font-size: 1.2rem;
}
@media (max-width: 499px) {
  /* line 336, ../../../../resources/scss/_layout.scss */
  .footer .copyright p {
    font-size: 0.8rem;
  }
}
/* line 345, ../../../../resources/scss/_layout.scss */
.footer .copyright .build {
  margin: 0 0 .5rem 0;
  font-size: 1rem;
  display: flex;
  align-items: flex-end;
}

/* line 354, ../../../../resources/scss/_layout.scss */
.layout-browser-warning-safari-9 {
  display: none;
  position: fixed;
  align-items: center;
  -webkit-align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 3rem;
  text-align: center;
  padding: 35vh 15vw;
  background-color: #f6f4eb;
  z-index: 100000000001;
}
/* line 369, ../../../../resources/scss/_layout.scss */
.layout-browser-warning-safari-9.show {
  display: block;
}
@supports (display: flex) {
  /* line 369, ../../../../resources/scss/_layout.scss */
  .layout-browser-warning-safari-9.show {
    display: flex;
  }
}

/* line 54, ../../../../resources/scss/_mixins.scss */
.clear-fix:before, .clear-fix:after {
  content: '';
  display: table;
}
/* line 59, ../../../../resources/scss/_mixins.scss */
.clear-fix:after {
  clear: both;
}

/* line 5, ../../../../resources/scss/_common.scss */
.align-right {
  text-align: right;
}

/* line 1, ../../../../resources/scss/modules/_forms.scss */
form {
  /* Just to center the form on the page */
  /* To see the outline of the form */
}

/* line 11, ../../../../resources/scss/modules/_forms.scss */
label {
  display: block;
}
/* line 16, ../../../../resources/scss/modules/_forms.scss */
label.inline-label {
  display: inline-block;
  vertical-align: text-bottom;
}

/* line 22, ../../../../resources/scss/modules/_forms.scss */
input,
.input {
  height: 30px;
  vertical-align: middle;
}

/* line 28, ../../../../resources/scss/modules/_forms.scss */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="month"],
input[type="time"],
input[type="week"],
textarea,
select,
.input {
  width: 100%;
  padding: 0 .5em;
  border: 1px solid #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 49, ../../../../resources/scss/modules/_forms.scss */
input:focus,
textarea:focus {
  /* To give a little highlight on active elements */
}

/* line 55, ../../../../resources/scss/modules/_forms.scss */
textarea {
  vertical-align: top;
  height: 150px;
  resize: vertical;
}

/* line 61, ../../../../resources/scss/modules/_forms.scss */
.btn, .submit, .btn-blue, .small-btn-blue, .btn-red, .cross-sell-overlay .bottom button, .accounts-reload-needed .bottom button {
  display: inline-block;
  height: auto;
  padding: 20px;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  text-align: center;
  background-color: gray;
  border: none;
  cursor: pointer;
  outline: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 77, ../../../../resources/scss/modules/_forms.scss */
.btn:hover, .submit:hover, .btn-blue:hover, .small-btn-blue:hover, .btn-red:hover, .cross-sell-overlay .bottom button:hover, .accounts-reload-needed .bottom button:hover {
  background: #2d2d2d;
}
/* line 81, ../../../../resources/scss/modules/_forms.scss */
.btn[disabled], [disabled].submit, [disabled].btn-blue, [disabled].small-btn-blue, [disabled].btn-red, .cross-sell-overlay .bottom button[disabled], .accounts-reload-needed .bottom button[disabled] {
  background-color: #ccc;
  cursor: default;
}
/* line 85, ../../../../resources/scss/modules/_forms.scss */
.btn[disabled]:hover, [disabled].submit:hover, [disabled].btn-blue:hover, [disabled].small-btn-blue:hover, [disabled].btn-red:hover, .cross-sell-overlay .bottom button[disabled]:hover, .accounts-reload-needed .bottom button[disabled]:hover {
  background-color: #ccc;
}

/* line 91, ../../../../resources/scss/modules/_forms.scss */
.submit {
  float: right;
  color: #fff;
  background: #3ea2ff;
}
/* line 97, ../../../../resources/scss/modules/_forms.scss */
.submit:hover {
  background: #006fd7;
}

/* line 102, ../../../../resources/scss/modules/_forms.scss */
.btn-blue, .small-btn-blue {
  color: #fff;
  background: #3ea2ff;
}
/* line 107, ../../../../resources/scss/modules/_forms.scss */
.btn-blue:hover, .small-btn-blue:hover {
  background: #006fd7;
}

/* line 112, ../../../../resources/scss/modules/_forms.scss */
.btn-red {
  color: #fff;
  background: #f30a0d;
}
/* line 117, ../../../../resources/scss/modules/_forms.scss */
.btn-red:hover {
  background: #910608;
}

/* line 122, ../../../../resources/scss/modules/_forms.scss */
.small-btn-blue {
  padding: 10px;
}

/* line 127, ../../../../resources/scss/modules/_forms.scss */
.clear-btn {
  background: none;
  border: 0;
}

/* line 138, ../../../../resources/scss/modules/_forms.scss */
#home input[type="text"],
#home input[type="password"],
#home input[type="email"],
#home input[type="file"],
#home input[type="url"],
#home input[type="tel"],
#home input[type="number"],
#home input[type="date"],
#home input[type="datetime"],
#home input[type="month"],
#home input[type="time"],
#home input[type="week"],
#home textarea,
#home select,
#home .input,
#order-app input[type="text"],
#order-app input[type="password"],
#order-app input[type="email"],
#order-app input[type="file"],
#order-app input[type="url"],
#order-app input[type="tel"],
#order-app input[type="number"],
#order-app input[type="date"],
#order-app input[type="datetime"],
#order-app input[type="month"],
#order-app input[type="time"],
#order-app input[type="week"],
#order-app textarea,
#order-app select,
#order-app .input,
#accounts-login input[type="text"],
#accounts-login input[type="password"],
#accounts-login input[type="email"],
#accounts-login input[type="file"],
#accounts-login input[type="url"],
#accounts-login input[type="tel"],
#accounts-login input[type="number"],
#accounts-login input[type="date"],
#accounts-login input[type="datetime"],
#accounts-login input[type="month"],
#accounts-login input[type="time"],
#accounts-login input[type="week"],
#accounts-login textarea,
#accounts-login select,
#accounts-login .input,
dialog input[type="text"],
dialog input[type="password"],
dialog input[type="email"],
dialog input[type="file"],
dialog input[type="url"],
dialog input[type="tel"],
dialog input[type="number"],
dialog input[type="date"],
dialog input[type="datetime"],
dialog input[type="month"],
dialog input[type="time"],
dialog input[type="week"],
dialog textarea,
dialog select,
dialog .input,
.accounts-reload-needed input[type="text"],
.accounts-reload-needed input[type="password"],
.accounts-reload-needed input[type="email"],
.accounts-reload-needed input[type="file"],
.accounts-reload-needed input[type="url"],
.accounts-reload-needed input[type="tel"],
.accounts-reload-needed input[type="number"],
.accounts-reload-needed input[type="date"],
.accounts-reload-needed input[type="datetime"],
.accounts-reload-needed input[type="month"],
.accounts-reload-needed input[type="time"],
.accounts-reload-needed input[type="week"],
.accounts-reload-needed textarea,
.accounts-reload-needed select,
.accounts-reload-needed .input,
#complete input[type="text"],
#complete input[type="password"],
#complete input[type="email"],
#complete input[type="file"],
#complete input[type="url"],
#complete input[type="tel"],
#complete input[type="number"],
#complete input[type="date"],
#complete input[type="datetime"],
#complete input[type="month"],
#complete input[type="time"],
#complete input[type="week"],
#complete textarea,
#complete select,
#complete .input {
  font-family: Roboto, sans-serif;
}
/* line 156, ../../../../resources/scss/modules/_forms.scss */
#home .btn, #home .submit, #home .btn-blue, #home .small-btn-blue, #home .btn-red, #home .cross-sell-overlay .bottom button, .cross-sell-overlay .bottom #home button, #home .accounts-reload-needed .bottom button, .accounts-reload-needed .bottom #home button,
#home .btn-accent,
#home .btn-primary,
#order-app .btn,
#order-app .submit,
#order-app .btn-blue,
#order-app .small-btn-blue,
#order-app .btn-red,
#order-app .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #order-app button,
#order-app .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom #order-app button,
#order-app .btn-accent,
#order-app .btn-primary,
#accounts-login .btn,
#accounts-login .submit,
#accounts-login .btn-blue,
#accounts-login .small-btn-blue,
#accounts-login .btn-red,
#accounts-login .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #accounts-login button,
#accounts-login .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom #accounts-login button,
#accounts-login .btn-accent,
#accounts-login .btn-primary,
dialog .btn,
dialog .submit,
dialog .btn-blue,
dialog .small-btn-blue,
dialog .btn-red,
dialog .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom dialog button,
dialog .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom dialog button,
dialog .btn-accent,
dialog .btn-primary,
.accounts-reload-needed .btn,
.accounts-reload-needed .submit,
.accounts-reload-needed .btn-blue,
.accounts-reload-needed .small-btn-blue,
.accounts-reload-needed .btn-red,
.cross-sell-overlay .bottom .accounts-reload-needed button,
.accounts-reload-needed .bottom button,
.accounts-reload-needed .btn-accent,
.accounts-reload-needed .btn-primary,
#complete .btn,
#complete .submit,
#complete .btn-blue,
#complete .small-btn-blue,
#complete .btn-red,
#complete .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #complete button,
#complete .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom #complete button,
#complete .btn-accent,
#complete .btn-primary {
  display: inline-block;
  height: auto;
  padding: 20px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  text-align: center;
  background-color: gray;
  border: none;
  cursor: pointer;
  outline: none;
}
/* line 173, ../../../../resources/scss/modules/_forms.scss */
#home .btn[disabled], #home [disabled].submit, #home [disabled].btn-blue, #home [disabled].small-btn-blue, #home [disabled].btn-red, #home .cross-sell-overlay .bottom button[disabled], .cross-sell-overlay .bottom #home button[disabled], #home .accounts-reload-needed .bottom button[disabled], .accounts-reload-needed .bottom #home button[disabled],
#home .btn-accent[disabled],
#home .btn-primary[disabled],
#order-app .btn[disabled],
#order-app [disabled].submit,
#order-app [disabled].btn-blue,
#order-app [disabled].small-btn-blue,
#order-app [disabled].btn-red,
#order-app .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom #order-app button[disabled],
#order-app .accounts-reload-needed .bottom button[disabled],
.accounts-reload-needed .bottom #order-app button[disabled],
#order-app .btn-accent[disabled],
#order-app .btn-primary[disabled],
#accounts-login .btn[disabled],
#accounts-login [disabled].submit,
#accounts-login [disabled].btn-blue,
#accounts-login [disabled].small-btn-blue,
#accounts-login [disabled].btn-red,
#accounts-login .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom #accounts-login button[disabled],
#accounts-login .accounts-reload-needed .bottom button[disabled],
.accounts-reload-needed .bottom #accounts-login button[disabled],
#accounts-login .btn-accent[disabled],
#accounts-login .btn-primary[disabled],
dialog .btn[disabled],
dialog [disabled].submit,
dialog [disabled].btn-blue,
dialog [disabled].small-btn-blue,
dialog [disabled].btn-red,
dialog .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom dialog button[disabled],
dialog .accounts-reload-needed .bottom button[disabled],
.accounts-reload-needed .bottom dialog button[disabled],
dialog .btn-accent[disabled],
dialog .btn-primary[disabled],
.accounts-reload-needed .btn[disabled],
.accounts-reload-needed [disabled].submit,
.accounts-reload-needed [disabled].btn-blue,
.accounts-reload-needed [disabled].small-btn-blue,
.accounts-reload-needed [disabled].btn-red,
.cross-sell-overlay .bottom .accounts-reload-needed button[disabled],
.accounts-reload-needed .bottom button[disabled],
.accounts-reload-needed .btn-accent[disabled],
.accounts-reload-needed .btn-primary[disabled],
#complete .btn[disabled],
#complete [disabled].submit,
#complete [disabled].btn-blue,
#complete [disabled].small-btn-blue,
#complete [disabled].btn-red,
#complete .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom #complete button[disabled],
#complete .accounts-reload-needed .bottom button[disabled],
.accounts-reload-needed .bottom #complete button[disabled],
#complete .btn-accent[disabled],
#complete .btn-primary[disabled] {
  background-color: #ccc;
  cursor: default;
}
/* line 177, ../../../../resources/scss/modules/_forms.scss */
#home .btn[disabled]:hover, #home [disabled].submit:hover, #home [disabled].btn-blue:hover, #home [disabled].small-btn-blue:hover, #home [disabled].btn-red:hover, #home .cross-sell-overlay .bottom button[disabled]:hover, .cross-sell-overlay .bottom #home button[disabled]:hover, #home .accounts-reload-needed .bottom button[disabled]:hover, .accounts-reload-needed .bottom #home button[disabled]:hover,
#home .btn-accent[disabled]:hover,
#home .btn-primary[disabled]:hover,
#order-app .btn[disabled]:hover,
#order-app [disabled].submit:hover,
#order-app [disabled].btn-blue:hover,
#order-app [disabled].small-btn-blue:hover,
#order-app [disabled].btn-red:hover,
#order-app .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom #order-app button[disabled]:hover,
#order-app .accounts-reload-needed .bottom button[disabled]:hover,
.accounts-reload-needed .bottom #order-app button[disabled]:hover,
#order-app .btn-accent[disabled]:hover,
#order-app .btn-primary[disabled]:hover,
#accounts-login .btn[disabled]:hover,
#accounts-login [disabled].submit:hover,
#accounts-login [disabled].btn-blue:hover,
#accounts-login [disabled].small-btn-blue:hover,
#accounts-login [disabled].btn-red:hover,
#accounts-login .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom #accounts-login button[disabled]:hover,
#accounts-login .accounts-reload-needed .bottom button[disabled]:hover,
.accounts-reload-needed .bottom #accounts-login button[disabled]:hover,
#accounts-login .btn-accent[disabled]:hover,
#accounts-login .btn-primary[disabled]:hover,
dialog .btn[disabled]:hover,
dialog [disabled].submit:hover,
dialog [disabled].btn-blue:hover,
dialog [disabled].small-btn-blue:hover,
dialog [disabled].btn-red:hover,
dialog .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom dialog button[disabled]:hover,
dialog .accounts-reload-needed .bottom button[disabled]:hover,
.accounts-reload-needed .bottom dialog button[disabled]:hover,
dialog .btn-accent[disabled]:hover,
dialog .btn-primary[disabled]:hover,
.accounts-reload-needed .btn[disabled]:hover,
.accounts-reload-needed [disabled].submit:hover,
.accounts-reload-needed [disabled].btn-blue:hover,
.accounts-reload-needed [disabled].small-btn-blue:hover,
.accounts-reload-needed [disabled].btn-red:hover,
.cross-sell-overlay .bottom .accounts-reload-needed button[disabled]:hover,
.accounts-reload-needed .bottom button[disabled]:hover,
.accounts-reload-needed .btn-accent[disabled]:hover,
.accounts-reload-needed .btn-primary[disabled]:hover,
#complete .btn[disabled]:hover,
#complete [disabled].submit:hover,
#complete [disabled].btn-blue:hover,
#complete [disabled].small-btn-blue:hover,
#complete [disabled].btn-red:hover,
#complete .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom #complete button[disabled]:hover,
#complete .accounts-reload-needed .bottom button[disabled]:hover,
.accounts-reload-needed .bottom #complete button[disabled]:hover,
#complete .btn-accent[disabled]:hover,
#complete .btn-primary[disabled]:hover {
  background-color: #ccc;
}
/* line 183, ../../../../resources/scss/modules/_forms.scss */
#home .btn, #home .submit, #home .btn-blue, #home .small-btn-blue, #home .btn-red, #home .cross-sell-overlay .bottom button, .cross-sell-overlay .bottom #home button, #home .accounts-reload-needed .bottom button, .accounts-reload-needed .bottom #home button,
#home .btn-accent,
#home .btn-primary,
#order-app .btn,
#order-app .submit,
#order-app .btn-blue,
#order-app .small-btn-blue,
#order-app .btn-red,
#order-app .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #order-app button,
#order-app .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom #order-app button,
#order-app .btn-accent,
#order-app .btn-primary,
#accounts-login .btn,
#accounts-login .submit,
#accounts-login .btn-blue,
#accounts-login .small-btn-blue,
#accounts-login .btn-red,
#accounts-login .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #accounts-login button,
#accounts-login .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom #accounts-login button,
#accounts-login .btn-accent,
#accounts-login .btn-primary,
dialog .btn,
dialog .submit,
dialog .btn-blue,
dialog .small-btn-blue,
dialog .btn-red,
dialog .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom dialog button,
dialog .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom dialog button,
dialog .btn-accent,
dialog .btn-primary,
.accounts-reload-needed .btn,
.accounts-reload-needed .submit,
.accounts-reload-needed .btn-blue,
.accounts-reload-needed .small-btn-blue,
.accounts-reload-needed .btn-red,
.cross-sell-overlay .bottom .accounts-reload-needed button,
.accounts-reload-needed .bottom button,
.accounts-reload-needed .btn-accent,
.accounts-reload-needed .btn-primary,
#complete .btn,
#complete .submit,
#complete .btn-blue,
#complete .small-btn-blue,
#complete .btn-red,
#complete .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #complete button,
#complete .accounts-reload-needed .bottom button,
.accounts-reload-needed .bottom #complete button,
#complete .btn-accent,
#complete .btn-primary {
  font-family: Roboto, sans-serif;
  font-weight: bold;
  border-radius: 10px;
  letter-spacing: unset;
}
/* line 193, ../../../../resources/scss/modules/_forms.scss */
#home .btn-accent:hover,
#order-app .btn-accent:hover,
#accounts-login .btn-accent:hover,
dialog .btn-accent:hover,
.accounts-reload-needed .btn-accent:hover,
#complete .btn-accent:hover {
  background: #c47505;
}
/* line 198, ../../../../resources/scss/modules/_forms.scss */
#home .btn-blue, #home .small-btn-blue,
#home .submit,
#home .btn-accent,
#order-app .btn-blue,
#order-app .small-btn-blue,
#order-app .submit,
#order-app .btn-accent,
#accounts-login .btn-blue,
#accounts-login .small-btn-blue,
#accounts-login .submit,
#accounts-login .btn-accent,
dialog .btn-blue,
dialog .small-btn-blue,
dialog .submit,
dialog .btn-accent,
.accounts-reload-needed .btn-blue,
.accounts-reload-needed .small-btn-blue,
.accounts-reload-needed .submit,
.accounts-reload-needed .btn-accent,
#complete .btn-blue,
#complete .small-btn-blue,
#complete .submit,
#complete .btn-accent {
  background-color: #f99e1d;
}
/* line 204, ../../../../resources/scss/modules/_forms.scss */
#home .btn-primary,
#order-app .btn-primary,
#accounts-login .btn-primary,
dialog .btn-primary,
.accounts-reload-needed .btn-primary,
#complete .btn-primary {
  background-color: #6787bf;
  max-height: 5.9rem;
  min-width: 8rem;
}
@media (max-width: 499px) {
  /* line 204, ../../../../resources/scss/modules/_forms.scss */
  #home .btn-primary,
  #order-app .btn-primary,
  #accounts-login .btn-primary,
  dialog .btn-primary,
  .accounts-reload-needed .btn-primary,
  #complete .btn-primary {
    position: fixed;
    right: 0.7rem;
    bottom: 0.7rem;
  }
}
/* line 215, ../../../../resources/scss/modules/_forms.scss */
#home .btn-primary:hover,
#order-app .btn-primary:hover,
#accounts-login .btn-primary:hover,
dialog .btn-primary:hover,
.accounts-reload-needed .btn-primary:hover,
#complete .btn-primary:hover {
  background: #406199;
}

/* line 1, ../../../../resources/scss/modules/_tags.scss */
.tags-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 3rem;
  border: 1px solid #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 10, ../../../../resources/scss/modules/_tags.scss */
.tags-container div {
  flex: 1 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x: hidden;
}
/* line 17, ../../../../resources/scss/modules/_tags.scss */
.tags-container div input {
  flex: 1 0;
  padding-left: .5rem;
  outline: 0;
  background: transparent !important;
  border: none !important;
}
/* line 24, ../../../../resources/scss/modules/_tags.scss */
.tags-container div input.hide-caret {
  caret-color: transparent;
}
/* line 30, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-trigger {
  position: absolute;
  right: .5rem;
  top: .7rem;
  flex: 0 0 1.6rem;
}
/* line 38, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-trigger i:hover {
  color: #26ade4;
}
/* line 44, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-dropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  max-height: 35rem;
  background-color: #f2f2f2;
  text-align: left;
  border: 1px solid rgba(20, 20, 20, 0.15);
  box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.35);
  overflow-y: auto;
  z-index: 1;
}
/* line 56, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-dropdown li {
  padding: .6rem .8rem;
}
/* line 59, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-dropdown li:hover {
  background-color: rgba(45, 45, 45, 0.15);
}
/* line 65, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge {
  flex: 0 0;
  display: inline-block;
  height: 2rem;
  margin-right: .3rem;
  padding: .2rem .4rem;
  background-color: #26ade4;
  border-radius: 3px;
  cursor: default;
  white-space: nowrap;
}
/* line 76, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge:after {
  content: "\00d7";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: .2rem;
  color: #f2f2f2;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.1rem;
  border-radius: 50%;
  transform: translateY(-0.1rem);
}
/* line 90, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge.highlight, .tags-container .tag-badge:hover {
  box-shadow: 0 0 0 2px rgba(249, 158, 29, 0.45);
}
/* line 94, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge.highlight:after, .tags-container .tag-badge:hover:after {
  color: #ff6363;
  text-shadow: 0 0 1px black;
  font-weight: bold;
}
/* line 101, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge:first-of-type {
  margin-left: .5rem;
}

/* line 1, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-default, .cc-mastercard, .cc-visa, .cc-amex, .cc-discover, .cc-diners, .cc-jcb {
  display: inline-block;
  width: 28px;
  height: 18px;
  background: url('../img/cards.png?1680656279') no-repeat 0 0;
  background-size: cover;
}

/* line 9, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-default {
  background-position: 0 0;
}

/* line 14, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-mastercard {
  background-position: -56px 0;
}

/* line 19, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-visa {
  background-position: -28px 0;
}

/* line 24, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-amex {
  background-position: -84px 0;
}

/* line 29, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-discover {
  background-position: -113px 0;
}

/* line 34, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-diners {
  background-position: -141px 0;
}

/* line 39, ../../../../resources/scss/modules/_credit_cards.scss */
.cc-jcb {
  background-position: -170px 0;
}

/* line 1, ../../../../resources/scss/modules/_breakpoint_observer.scss */
#__breakpoint-observer {
  content: 'desktop';
  width: 0;
  height: 1px;
  transition: height 1ms;
}
@media (max-width: 499px) {
  /* line 1, ../../../../resources/scss/modules/_breakpoint_observer.scss */
  #__breakpoint-observer {
    content: 'phone';
    height: 3px;
  }
}

/* line 1, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(10px) grayscale(0.75) brightness(0.6);
  z-index: 10000000000000000000;
}
/* line 11, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-modal .__gallery-close {
  position: absolute;
  top: 3rem;
  right: 3rem;
  color: #f6f4eb;
  font-size: 3rem;
  cursor: pointer;
}
/* line 19, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-modal .__gallery-close:hover {
  color: #c13939;
}

/* line 25, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container {
  display: flex;
  flex-direction: row-reverse;
  align-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 6rem 3rem;
}
@media (max-width: 499px) {
  /* line 25, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container {
    flex-direction: column;
    text-align: center;
  }
}
/* line 41, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-viewer {
  flex: 1 0;
  padding: 2rem;
}
@media (max-width: 499px) {
  /* line 41, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-viewer {
    flex: 1;
    min-width: 100vw;
    padding: unset;
  }
}
/* line 51, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-viewer div {
  display: flex;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 499px) {
  /* line 51, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-viewer div {
    background-size: fill;
    width: 100vw;
    min-height: 50vh;
    max-height: calc(100vh - calc(6rem/*padding top of screen*/ + 21rem/*little gallery height*/ + 1rem/*margin bottom*/));
    height: auto;
    margin-left: -3rem;
    margin-bottom: 1rem;
    padding: unset;
  }
}
/* line 71, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-viewer img {
  width: 100%;
  object-fit: contain;
}
/* line 77, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-image-list {
  display: grid;
  grid-template-columns: unset;
  grid-template-rows: repeat(4, 1fr);
  grid-auto-flow: column;
  padding-top: 2rem;
  max-width: 20rem;
  height: unset;
}
@media (max-width: 499px) {
  /* line 77, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-image-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: unset;
    grid-auto-flow: row;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: unset;
    max-width: unset;
    height: auto;
    max-height: 21rem;
    padding-top: 0;
    overflow-x: hidden;
    overflow-y: visible;
  }
}
/* line 103, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-image-list img {
  height: unset;
  width: 100%;
  max-width: 9rem;
  padding: 1px;
  object-fit: contain;
  margin-right: 1rem;
}
@media (max-width: 499px) {
  /* line 103, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-image-list img {
    height: 100%;
    max-height: 10rem;
    max-width: 6rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
/* line 120, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-image-list img.selected {
  border: 2px solid #f99e1d;
  border-radius: 1px;
}
/* line 125, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-image-list img:last-child {
  margin-right: 0;
}

/* line 1, ../../../../resources/scss/modules/_overlay.scss */
.overlay {
  position: fixed;
  display: block;
  z-index: 1000001;
  max-height: 100vh;
  max-width: 100vw;
  transform-origin: left;
  animation-name: openOverlay;
  animation-duration: 0.25s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-play-state: paused;
}
@media (max-height: 758px) {
  /* line 1, ../../../../resources/scss/modules/_overlay.scss */
  .overlay {
    transform-origin: bottom;
    top: 0 !important;
    height: 100vh;
    animation-name: openOverlayMaxHeight758;
  }
}
@media (max-width: 499px) {
  /* line 1, ../../../../resources/scss/modules/_overlay.scss */
  .overlay {
    width: unset;
    height: unset;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    transform: none;
    animation-name: openOverlayPhone;
  }
}
/* line 38, ../../../../resources/scss/modules/_overlay.scss */
.overlay .close {
  position: absolute;
  right: 2rem;
  top: 1rem;
  color: #303030;
  font-size: 3rem;
  transition: 0.1s ease-out color;
  z-index: 10000000;
}
/* line 47, ../../../../resources/scss/modules/_overlay.scss */
.overlay .close:after {
  content: "\f00d";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
}
/* line 53, ../../../../resources/scss/modules/_overlay.scss */
.overlay .close:hover {
  color: #c13939;
}

@media (max-width: 499px) {
  /* line 61, ../../../../resources/scss/modules/_overlay.scss */
  .SAMSUNG .overlay,
  .HUAWEI .overlay {
    bottom: 4rem;
  }
}

/* line 68, ../../../../resources/scss/modules/_overlay.scss */
.overlay-default {
  position: fixed;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding: 3rem 2rem;
  background-color: #f6f4eb;
  border-radius: 3rem;
  box-shadow: 1px 1px 3px rgba(48, 48, 48, 0.45);
}

/* line 77, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback {
  min-width: 35rem;
  height: auto;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 499px) {
  /* line 77, ../../../../resources/scss/modules/_overlay.scss */
  .overlay-feedback {
    left: 0;
    right: 0;
    min-width: unset;
    width: unset;
  }
}
/* line 89, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback h2 {
  text-align: center;
}
/* line 93, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback p {
  text-align: center;
}
/* line 97, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback .buttons {
  text-align: right;
}
/* line 100, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback .buttons button {
  margin-right: 1rem;
}
/* line 103, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback .buttons button:last-child {
  margin-right: 0;
}

/* line 110, ../../../../resources/scss/modules/_overlay.scss */
.overlay-shade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(63, 64, 64, 0.55);
  z-index: 1000000;
  backdrop-filter: blur(3px);
  animation: 0.5s overlay-shade-fade-in ease-out;
}

@keyframes overlay-shade-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: .98;
  }
}
@keyframes overlay-shade-fade-out {
  from {
    opacity: .98;
  }
  to {
    opacity: 0;
  }
}
@keyframes openOverlay {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97) translateX(-50%) translateY(-50%) translateZ(0);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1) translateX(-50%) translateY(-50%) translateZ(0);
  }
}
@-webkit-keyframes openOverlay {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97) translateX(-50%) translateY(-50%) translateZ(0);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1) translateX(-50%) translateY(-50%) translateZ(0);
  }
}
@-moz-keyframes openOverlay {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97) translateX(-50%) translateY(-50%) translateZ(0);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1) translateX(-50%) translateY(-50%) translateZ(0);
  }
}
@keyframes openOverlayMaxHeight758 {
  0% {
    pointer-events: none;
    opacity: 0;
    top: 0;
    transform: scale(0.97, 0.97) translateX(-50%) translateZ(0);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    top: 0;
    transform: scale(1, 1) translateX(-50%) translateZ(0);
  }
}
@-webkit-keyframes openOverlayMaxHeight758 {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97) translateX(-50%) translateZ(0);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1) translateX(-50%) translateZ(0);
  }
}
@-moz-keyframes openOverlayMaxHeight758 {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97) translateX(-50%) translateZ(0);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1) translateX(-50%) translateZ(0);
  }
}
@keyframes openOverlayPhone {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes openOverlayPhone {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1);
  }
}
@-moz-keyframes openOverlayPhone {
  0% {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.97, 0.97);
  }
  100% {
    pointer-events: all;
    opacity: 1;
    transform: scale(1, 1);
  }
}
/* line 2, ../../../../resources/scss/modules/_tab.scss */
.tab .tab-buttons {
  margin-bottom: 1.2rem;
}
/* line 5, ../../../../resources/scss/modules/_tab.scss */
.tab .tab-buttons li {
  display: inline-block;
  margin-right: .5rem;
  padding: .75rem 2rem .25rem;
  font-family: Oswald, sans-serif;
  border-bottom: 2px solid #b3b3b3;
  opacity: .70;
  cursor: pointer;
  transition: 0.1s ease-out all;
}
/* line 15, ../../../../resources/scss/modules/_tab.scss */
.tab .tab-buttons li.selected {
  border-bottom: 2px solid #26ade4;
  opacity: 1;
}
/* line 22, ../../../../resources/scss/modules/_tab.scss */
.tab > div {
  display: none;
}

/* line 1, ../../../../resources/scss/pages/_home.scss */
#message-important {
  position: relative;
  height: 7rem;
  color: #fff;
  background-color: rgba(0, 111, 215, 0.65);
  border-bottom: 3px solid #006fd7;
}
/* line 9, ../../../../resources/scss/pages/_home.scss */
#message-important div {
  text-shadow: #006fd7 1px 1px 1px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}

/* line 16, ../../../../resources/scss/pages/_home.scss */
#home {
  overflow: hidden;
}
/* line 19, ../../../../resources/scss/pages/_home.scss */
#home #announcement-banner {
  display: none;
  font-family: Roboto, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  z-index: 14;
}
/* line 26, ../../../../resources/scss/pages/_home.scss */
#home #announcement-banner.banner {
  position: absolute;
  background-color: #6787bf;
  color: #fff;
  text-align: center;
}
/* line 33, ../../../../resources/scss/pages/_home.scss */
#home #announcement-banner.left-corner {
  left: -21.5rem;
  padding: 1rem 5rem;
  transform: rotateZ(-35deg) translateY(336%);
  width: 60rem;
  font-size: 1.6rem;
}
@media (max-width: 1200px) {
  /* line 33, ../../../../resources/scss/pages/_home.scss */
  #home #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translateY(226%) scale(0.8);
    left: -23rem;
  }
}
@media (max-width: 900px) {
  /* line 33, ../../../../resources/scss/pages/_home.scss */
  #home #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translate(0, 219%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 33, ../../../../resources/scss/pages/_home.scss */
  #home #announcement-banner.left-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 57, ../../../../resources/scss/pages/_home.scss */
#home #announcement-banner.right-corner {
  right: -18.5rem;
  padding: 1rem 5rem;
  transform: rotateZ(45deg) translateY(405%);
  width: 42rem;
}
@media (max-width: 1200px) {
  /* line 57, ../../../../resources/scss/pages/_home.scss */
  #home #announcement-banner.right-corner {
    transform: rotateZ(35deg) translateY(372%) scale(0.8);
    right: -19rem;
  }
}
@media (max-width: 900px) {
  /* line 57, ../../../../resources/scss/pages/_home.scss */
  #home #announcement-banner.right-corner {
    transform: rotateZ(35deg) translate(2%, 336%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 57, ../../../../resources/scss/pages/_home.scss */
  #home #announcement-banner.right-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 80, ../../../../resources/scss/pages/_home.scss */
#home #announcement-banner.middle-overlay {
  width: 100%;
  padding: 1rem 5rem;
}
/* line 85, ../../../../resources/scss/pages/_home.scss */
#home #announcement-banner.section-message {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
  border-radius: 1.5rem;
  box-sizing: border-box;
}
/* line 93, ../../../../resources/scss/pages/_home.scss */
#home #announcement-banner.visible {
  display: block;
}
/* line 98, ../../../../resources/scss/pages/_home.scss */
#home .carousel {
  position: relative;
  width: 100vw;
  height: calc(100vh - 9rem);
  min-height: 50rem;
  max-width: 100%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 0 20rem;
}
@media (max-width: 600px) {
  /* line 98, ../../../../resources/scss/pages/_home.scss */
  #home .carousel {
    padding-bottom: 5rem;
  }
}
/* line 115, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}
@media (max-width: 600px) {
  /* line 115, ../../../../resources/scss/pages/_home.scss */
  #home .carousel .enter-internet-code {
    left: 0;
    top: 3rem;
    transform: unset;
  }
}
/* line 129, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code h1 {
  font-size: 4rem;
  font-weight: bold;
  margin: 0 2rem 8rem;
  text-align: center;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.5));
  white-space: normal;
}
@media (max-width: 600px) {
  /* line 129, ../../../../resources/scss/pages/_home.scss */
  #home .carousel .enter-internet-code h1 {
    margin: 2rem 2rem 3rem;
    font-size: 3rem;
  }
}
/* line 145, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .student-code-input-container {
  position: relative;
}
/* line 148, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .student-code-input-container input {
  width: 27rem;
  height: 4rem;
  padding: 1rem 2rem;
  font-family: Roboto, sans-serif;
  font-size: 2.2rem;
  text-align: center;
}
/* line 156, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .student-code-input-container input::placeholder {
  color: #acacac;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
/* line 164, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .feedback {
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  padding-left: .15rem;
  margin-bottom: -0.5rem;
  color: #f6f4eb;
  font-family: Oswald, sans-serif;
  font-size: 1.6rem;
  white-space: nowrap;
  transform: translateX(-50%);
}
/* line 176, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .feedback.error {
  color: #d45c3e;
}
/* line 181, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .missing-code {
  visibility: hidden;
  margin-top: 2rem;
  color: #f6f4eb;
}
/* line 187, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code button {
  margin-top: 1rem;
}
/* line 191, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .missing-code-link,
#home .carousel .enter-internet-code .faq-link {
  margin-top: .75rem;
  filter: drop-shadow(0 0 3px black);
  color: #f6f4eb;
  text-align: center;
}
/* line 198, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .missing-code-link a,
#home .carousel .enter-internet-code .faq-link a {
  color: #f6f4eb;
  margin-bottom: 1rem;
}
/* line 202, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .missing-code-link a:hover,
#home .carousel .enter-internet-code .faq-link a:hover {
  color: #ded7b6;
}
/* line 209, ../../../../resources/scss/pages/_home.scss */
#home .carousel .gotphoto-link {
  position: relative;
  text-align: center;
  z-index: 10;
}
/* line 214, ../../../../resources/scss/pages/_home.scss */
#home .carousel .gotphoto-link h2 {
  color: #f99e1d;
  font-size: 2.7rem;
  font-weight: bold;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.5));
  white-space: normal;
}
@media (max-width: 600px) {
  /* line 214, ../../../../resources/scss/pages/_home.scss */
  #home .carousel .gotphoto-link h2 {
    font-size: 2.5rem;
  }
}
/* line 226, ../../../../resources/scss/pages/_home.scss */
#home .carousel .gotphoto-link a {
  color: inherit;
}
/* line 229, ../../../../resources/scss/pages/_home.scss */
#home .carousel .gotphoto-link a:hover {
  color: #c47505;
}
/* line 235, ../../../../resources/scss/pages/_home.scss */
#home .carousel .terms {
  position: absolute;
  bottom: 0.5rem;
  display: flex;
  right: 2rem;
  filter: drop-shadow(0 0 3px black);
  color: #f6f4eb;
  z-index: 100000000;
}
/* line 245, ../../../../resources/scss/pages/_home.scss */
#home .carousel .terms span {
  white-space: nowrap;
}
@media (max-width: 499px) {
  /* line 235, ../../../../resources/scss/pages/_home.scss */
  #home .carousel .terms {
    font-size: 1rem;
    right: unset;
    width: 100vw;
    justify-content: center;
  }
}
/* line 256, ../../../../resources/scss/pages/_home.scss */
#home .carousel .terms a {
  color: #f6f4eb;
  margin-left: 0.5ch;
  filter: drop-shadow(0 0 3px #f99e1d);
}
/* line 261, ../../../../resources/scss/pages/_home.scss */
#home .carousel .terms a:hover {
  color: #ded7b6;
}
/* line 267, ../../../../resources/scss/pages/_home.scss */
#home .carousel .arrow-down {
  position: absolute;
  bottom: 0;
  color: #f99e1d;
  font-size: 20rem;
  cursor: pointer;
  transition: .2s transform;
  transform-origin: center;
}
@media (max-height: 800px) {
  /* line 267, ../../../../resources/scss/pages/_home.scss */
  #home .carousel .arrow-down {
    display: none;
  }
}
/* line 280, ../../../../resources/scss/pages/_home.scss */
#home .carousel .arrow-down:hover {
  transform: scale(1.1);
}
/* line 284, ../../../../resources/scss/pages/_home.scss */
#home .carousel .arrow-down:active {
  transform: scale(0.9);
}
/* line 289, ../../../../resources/scss/pages/_home.scss */
#home .carousel .gradient {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50rem;
  background: linear-gradient(rgba(0, 0, 0, 0), #3f4040);
  pointer-events: none;
}
/* line 299, ../../../../resources/scss/pages/_home.scss */
#home .hero-line {
  padding-top: 15rem;
  position: relative;
  padding-bottom: 4rem;
  background-color: #3f4040;
  filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1));
  scroll-margin: -9rem;
}
@media (max-width: 499px) {
  /* line 299, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line {
    padding-top: 7rem;
  }
}
/* line 311, ../../../../resources/scss/pages/_home.scss */
#home .hero-line h2 {
  color: #f6f4eb;
  padding: 1.5rem;
  font-size: 2.7rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
}
@media (max-width: 600px) {
  /* line 311, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line h2 {
    padding: 0 1rem;
    font-size: 2.4rem;
  }
}
/* line 327, ../../../../resources/scss/pages/_home.scss */
#home .hero-line p {
  margin: 4rem 15rem 0 15rem;
  color: #f6f4eb;
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 499px) {
  /* line 327, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line p {
    margin: 4rem 1rem 0 1rem;
  }
}
/* line 339, ../../../../resources/scss/pages/_home.scss */
#home .hero-line h3 {
  margin: 8rem 0 4rem 0;
  padding: 0 1.5rem;
  color: #f99e1d;
  font-weight: 500;
  font-size: 2.4rem;
  text-align: center;
  line-height: 2.5rem;
  white-space: normal;
}
@media (max-width: 600px) {
  /* line 339, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line h3 {
    margin: 4rem 0 3rem 0;
    padding: 0 1rem;
  }
}
/* line 357, ../../../../resources/scss/pages/_home.scss */
#home .who-we-are {
  padding: 4rem 15rem 4rem 15rem;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 499px) {
  /* line 357, ../../../../resources/scss/pages/_home.scss */
  #home .who-we-are {
    padding: 4rem 1rem 4rem 1rem;
  }
}
/* line 365, ../../../../resources/scss/pages/_home.scss */
#home .who-we-are h2 {
  margin: 2rem 0 3rem 0;
  color: #f6f4eb;
  font-size: 2.7rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
}
/* line 375, ../../../../resources/scss/pages/_home.scss */
#home .who-we-are p {
  color: #f6f4eb;
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
  filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
}
/* line 383, ../../../../resources/scss/pages/_home.scss */
#home .who-we-are .reserve-with-us-link {
  font-weight: bold;
  filter: none;
}
/* line 389, ../../../../resources/scss/pages/_home.scss */
#home .our-services {
  padding: 3rem 10rem;
  background-color: #f6f4eb;
}
@media (max-width: 600px) {
  /* line 389, ../../../../resources/scss/pages/_home.scss */
  #home .our-services {
    padding: 3rem 1rem;
  }
}
/* line 397, ../../../../resources/scss/pages/_home.scss */
#home .our-services h2 {
  margin: 2rem 0 4rem 0;
  color: #303030;
  font-size: 2.7rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
/* line 406, ../../../../resources/scss/pages/_home.scss */
#home .our-services .our-services-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 600px) {
  /* line 406, ../../../../resources/scss/pages/_home.scss */
  #home .our-services .our-services-links {
    flex-direction: column;
  }
}
/* line 416, ../../../../resources/scss/pages/_home.scss */
#home .our-services .our-services-links a {
  flex: 0 0 45%;
  margin-bottom: 3rem;
}
@media (max-width: 499px) {
  /* line 416, ../../../../resources/scss/pages/_home.scss */
  #home .our-services .our-services-links a {
    margin-bottom: 1.5rem;
  }
}
/* line 425, ../../../../resources/scss/pages/_home.scss */
#home .our-services .our-services-links h3 {
  margin-top: 1rem;
  color: #303030;
  font-size: 2.2rem;
  font-weight: bold;
}
/* line 432, ../../../../resources/scss/pages/_home.scss */
#home .our-services .our-services-links p {
  color: #303030;
  font-size: 2rem;
  font-weight: 300;
}
@media (max-width: 499px) {
  /* line 432, ../../../../resources/scss/pages/_home.scss */
  #home .our-services .our-services-links p {
    font-size: 1.8rem;
  }
}
/* line 444, ../../../../resources/scss/pages/_home.scss */
#home .contact-us {
  position: relative;
  padding: 5rem 0;
  background-color: #303030;
  overflow: hidden;
}
/* line 450, ../../../../resources/scss/pages/_home.scss */
#home .contact-us h2 {
  color: #f99e1d;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
/* line 457, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 1000;
}
@media (max-width: 900px) {
  /* line 457, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form {
    flex-direction: column;
  }
}
/* line 468, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .info {
  flex: 0 0 35%;
  padding: 0 2rem 0 15rem;
}
@media (max-width: 600px) {
  /* line 468, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .info {
    padding-left: 1rem;
  }
}
/* line 476, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .info h3 {
  margin-bottom: 2rem;
  color: #f99e1d;
  font-size: 2.2rem;
  font-weight: bold;
}
/* line 483, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .info h4 {
  color: #f6f4eb;
  font-size: 2rem;
  font-weight: bold;
}
/* line 489, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .info p {
  margin-top: 5rem;
  color: #f6f4eb;
}
@media (max-width: 900px) {
  /* line 489, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .info p {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
}
/* line 500, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .form-fields {
  flex: 1 0;
  padding: 0 15rem 0 2rem;
}
@media (max-width: 900px) {
  /* line 500, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .form-fields {
    padding: 0 2rem 0 15rem;
  }
}
@media (max-width: 600px) {
  /* line 500, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .form-fields {
    padding: 0 2rem 0 2rem;
  }
}
/* line 513, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .form-fields div label {
  margin: 1.5rem 0 .5rem 0;
  color: #f6f4eb;
  font-weight: bold;
}
/* line 525, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .form-fields div span {
  display: inline;
}
/* line 528, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .form-fields div span label {
  margin: 1.1rem 0 1.5rem;
  float: left;
  white-space: normal;
  display: inline;
  font-size: smaller;
  font-weight: normal;
}
/* line 539, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .form-fields .g-recaptcha {
  margin: 1rem 0 3rem;
}
@media (max-width: 340px) {
  /* line 539, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .form-fields .g-recaptcha {
    position: relative;
    left: -2rem;
    transform: scale(0.8);
  }
}
/* line 551, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .send-your-message {
  margin-top: -3.5rem;
}
@media (max-width: 1200px) {
  /* line 551, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .send-your-message {
    margin-top: 5.5rem;
    float: left;
  }
}
/* line 562, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .phone-icon {
  position: absolute;
  left: -9rem;
  bottom: -6rem;
  color: #f99e1d;
  font-size: 45rem;
  --fa-primary-opacity: 0;
}

/* line 1, ../../../../resources/scss/pages/_order_app.scss */
#order-app {
  background-color: #f6f4eb;
  /* OVERLAYS */
}
/* line 4, ../../../../resources/scss/pages/_order_app.scss */
#order-app.show {
  pointer-events: all;
  opacity: 1;
}
/* line 10, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-icon {
  position: relative;
}
/* line 13, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-icon i:first-child {
  font-size: 3.4rem;
  opacity: 0.55;
}
/* line 18, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-icon i:last-child {
  position: absolute;
  top: -20px;
  right: -8px;
  font-size: 1.8rem;
}
/* line 26, ../../../../resources/scss/pages/_order_app.scss */
#order-app .overlay .add-photo-icon i:last-child {
  top: -26px;
}
/* line 30, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header {
  display: flex;
  width: 100%;
  height: 7.5rem;
  flex-direction: row;
  z-index: 1000;
}
/* line 37, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .photo-tray {
  display: flex;
  flex: 1 0;
  align-items: center;
  height: 100%;
  padding: 0.5rem;
  background-color: #3f4040;
}
/* line 45, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .photo-tray .add-photo-container {
  flex: 0 0 4rem;
  display: flex;
  align-items: center;
  outline: none;
}
/* line 51, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .photo-tray .add-photo-container .add-photos {
  margin: 1.5rem;
  padding: 1rem 1rem 1rem 1.2rem;
  background-color: #6787bf;
}
/* line 56, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .photo-tray .add-photo-container .add-photos.btn-primary {
  max-height: unset;
  min-width: unset;
}
@media (max-width: 499px) {
  /* line 56, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .photo-tray .add-photo-container .add-photos.btn-primary {
    position: static;
    right: initial;
    bottom: initial;
  }
}
/* line 70, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos {
  flex: 1 0;
  height: 100%;
  padding: 0.2rem 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
/* line 79, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar {
  height: 0.5rem;
}
/* line 83, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar-track {
  background: #3f4040;
  box-shadow: 0 0 0.5rem;
}
/* line 88, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar-thumb {
  background: rgba(249, 158, 29, 0.45);
}
/* line 91, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar-thumb:hover {
  background: rgba(249, 158, 29, 0.75);
}
/* line 96, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos.hide-photos div {
  display: none;
}
/* line 100, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos .selected-photo {
  display: inline-block;
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  object-fit: scale-down;
}
/* line 108, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos .selected-photo img {
  height: 100%;
  width: 4.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
  object-fit: scale-down;
}
/* line 116, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos .selected-photo i {
  position: absolute;
  left: 50%;
  top: 50%;
  color: transparent;
  font-size: 3.5rem;
  transform: translate(-50%, -50%);
  transition: color 0.125s;
  pointer-events: none;
}
/* line 127, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos .selected-photo:hover i {
  color: #f30a0d;
}
/* line 133, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .cart-container {
  position: relative;
  flex: 0 0 6rem;
  padding: 0.5rem;
  background-color: #f99e1d;
  white-space: nowrap;
}
/* line 140, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .cart-container button {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 3.5rem;
  outline: none;
  cursor: pointer;
}
/* line 148, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .cart-container button:hover {
  color: #303030;
}
@media (max-width: 499px) {
  /* line 140, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .cart-container button {
    padding: 0;
    font-size: 2rem;
    white-space: normal;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* line 162, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .cart-container button .cart-container-text {
    text-align: right;
  }
}
/* line 168, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .cart-container .cart-counter {
  position: absolute;
  right: 2%;
  top: 15%;
  width: 2.2rem;
  height: 2.2rem;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 2.1rem;
  background-color: #c13939;
  border-radius: 100%;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  display: none;
}
@media (max-width: 499px) {
  /* line 168, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .cart-container .cart-counter {
    right: 16%;
    top: 9%;
  }
}
/* line 193, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem 4rem .5rem;
  min-height: calc(100vh - 20rem);
}
@media (max-width: 499px) {
  /* line 193, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products {
    margin: 3rem 0 1.5rem;
    min-height: calc(100vh - 21rem);
  }
}
/* line 207, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started {
  position: relative;
  min-height: calc(100vh - 60.5rem);
  text-align: center;
}
@media (max-width: 499px) {
  /* line 207, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started {
    margin-top: 5px;
  }
}
/* line 217, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started h1 {
  margin-bottom: 3.5rem;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
}
/* line 224, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .student-code-add-box {
  display: grid;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  padding: 1rem;
  gap: 1rem;
  white-space: nowrap;
  margin: auto;
  width: fit-content;
}
/* line 234, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .student-code-add-box div {
  position: relative;
  display: inline-block;
}
/* line 239, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .student-code-add-box input {
  width: unset;
}
@media (max-width: 499px) {
  /* line 239, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started .student-code-add-box input {
    width: 15rem;
  }
}
@media (max-width: 380px) {
  /* line 239, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started .student-code-add-box input {
    width: 10rem;
  }
}
/* line 251, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .student-code-add-box .feedback {
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  padding-left: 0.15rem;
  color: #303030;
  font-size: 1.3rem;
  white-space: nowrap;
  transform: translateX(-50%);
}
/* line 261, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .student-code-add-box .feedback.error {
  color: #c13939;
}
/* line 266, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .student-code-add-box button {
  vertical-align: middle;
  width: 9.2rem;
  height: 2.6rem;
}
/* line 271, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .student-code-add-box button span {
  position: relative;
  top: 0;
}
@media (max-width: 499px) {
  /* line 271, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started .student-code-add-box button span {
    top: 0px;
  }
}
/* line 282, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .order-app-code-request {
  position: relative;
  top: 2rem;
  max-height: 3rem;
  text-align: center;
}
/* line 288, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .order-app-code-request a {
  display: inline-block;
  font-size: 1.5rem;
  margin: 0 0 .5rem 0;
}
/* line 294, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .order-app-code-request .terms {
  margin: 1rem 0 0 0;
  padding: 0 1rem;
}
/* line 298, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .order-app-code-request .terms a {
  display: inline;
}
/* line 305, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products a {
  margin: 0 3.5rem 5rem 3.5rem;
}
/* line 309, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: grid;
  flex-direction: unset;
  grid-template-columns: 0px 1fr 1fr 1fr 1fr;
  column-gap: normal;
  grid-template-rows: auto;
  padding-top: 3rem;
  margin-bottom: 2rem;
}
/* line 323, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category:first-child {
  margin-top: 2rem;
}
@media (max-width: 1101px) {
  /* line 309, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category {
    grid-template-columns: 0px 1fr 1fr 1fr;
  }
}
@media (max-width: 850px) {
  /* line 309, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category {
    grid-template-columns: 0px 1fr 1fr;
  }
}
@media (max-width: 600px) {
  /* line 309, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category {
    grid-template-columns: 0px 1fr;
  }
}
/* line 339, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category h3 {
  grid-area: 1/1/999/2;
  font-weight: 700;
  flex: unset;
  width: 20rem;
  height: auto;
  white-space: normal;
  display: block;
  position: relative;
  top: -4.5rem;
  left: 0;
  margin-right: -20rem;
  color: #3f4040;
}
@media (max-width: 499px) {
  /* line 339, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category h3 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-left: 1rem;
  }
}
/* line 360, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link {
  max-width: 24.5rem;
  max-height: 31.5rem;
  border-radius: 1.5rem;
  margin: auto;
  margin-bottom: 2.5rem;
}
@media (max-width: 600px) {
  /* line 360, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category .add-to-cart-link {
    margin: auto;
    margin-bottom: 2.5rem;
  }
}
/* line 372, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product {
  width: 24.5rem;
  border: rgba(172, 172, 172, 0.5) 1px solid;
  border-radius: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0;
}
/* line 380, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product h3 {
  position: static;
  padding-left: 1rem;
  margin-top: 1rem;
  margin-right: unset;
  margin-left: unset;
  text-align: left;
  color: #303030;
  font-size: 1.8rem;
  font-weight: 500;
  top: unset;
  left: unset;
  width: unset;
  height: unset;
}
/* line 396, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .images {
  height: 24.5rem;
}
/* line 399, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .images img {
  position: relative;
  left: 50%;
  top: 50%;
  width: 24.5rem;
  height: 24.5rem;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
/* line 410, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .middle {
  margin-bottom: 0.5rem;
}
/* line 414, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .desc {
  display: none;
}
/* line 418, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .price {
  padding-left: 1rem;
  margin-bottom: 1rem;
  color: #f99e1d;
  font-weight: 500;
  text-align: left;
  font-size: 2rem;
}
/* line 433, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-student-code-overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 80%;
  min-height: 40%;
  padding: 2rem;
  background-color: #f6f4eb;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #303030;
  transform: translate(-50%, -50%);
}
@media (max-width: 499px) {
  /* line 433, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-student-code-overlay {
    width: 100%;
  }
}
/* line 449, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-student-code-overlay h2 {
  text-align: center;
}
/* line 453, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-student-code-overlay .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1rem;
  text-align: right;
}
/* line 460, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-student-code-overlay .buttons div {
  flex: 1 0;
  text-align: left;
  font-size: 1.3rem;
}
/* line 469, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 90%;
  min-height: 70%;
  padding: 1.5rem 2.5rem;
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  border-radius: 3rem;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  transform: translate(-50%, -50%);
}
/* line 483, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay i.fa-question {
  opacity: 0;
  position: absolute;
  right: 5.5rem;
  margin-top: -0.5px;
  font-size: 2.05rem;
  color: #303030;
  cursor: pointer;
  pointer-events: none;
}
@media (max-width: 499px) {
  /* line 483, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay i.fa-question {
    top: 1.5rem;
    left: 2rem;
    text-align: left;
    font-size: 2.2rem;
  }
}
/* line 502, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay i.show {
  opacity: 1;
  pointer-events: all;
}
/* line 508, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .title {
  margin-top: 1rem;
  font-weight: 500;
}
/* line 513, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .explain {
  margin-top: 1rem;
  text-align: center;
  font-size: 2rem;
  border-top: 1px #3f4040 solid;
  padding-top: 1rem;
  white-space: normal;
}
@media (max-width: 499px) {
  /* line 469, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: unset;
    text-align: center;
    border-radius: 0;
    transform: unset;
  }
  /* line 533, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay h3 {
    font-size: 1.5rem;
    white-space: unset;
  }
}
/* line 539, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay h2 {
  text-align: center;
}
/* line 543, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code {
  position: relative;
  margin-top: .3rem;
}
@media (max-width: 499px) {
  /* line 543, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .internet-code {
    top: 1rem;
  }
}
/* line 551, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code span {
  font-size: 1.8rem;
}
/* line 555, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label {
  display: inline-block;
}
/* line 558, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label div {
  position: relative;
  display: inline-block;
}
/* line 562, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label div .feedback {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.6rem;
  font-size: 1.3rem;
  text-align: center;
  white-space: nowrap;
}
/* line 574, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code input {
  width: unset;
}
@media (max-width: 499px) {
  /* line 574, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .internet-code input {
    width: 10rem;
  }
}
/* line 582, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code button {
  vertical-align: middle;
  margin: 0 auto;
}
@media (max-width: 380px) {
  /* line 582, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .internet-code button {
    margin-top: 1rem;
  }
}
/* line 591, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code a {
  margin-left: 1rem;
  font-size: 1.3rem;
  vertical-align: sub;
}
/* line 598, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .missing-code {
  position: relative;
  top: 2rem;
  font-size: smaller;
  visibility: hidden;
}
@media (max-width: 499px) {
  /* line 598, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .missing-code {
    top: 2.5rem;
  }
}
/* line 609, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .bottom {
  position: relative;
  top: .7rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2rem;
  font-size: 1.3rem;
  white-space: nowrap;
}
@media (max-width: 700px) {
  /* line 609, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .bottom {
    text-align: center;
  }
}
/* line 624, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .bottom .add-photo-code-request {
  margin-bottom: 0.3rem;
}
@media (max-width: 700px) {
  /* line 624, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .bottom .add-photo-code-request {
    top: 0;
    margin-bottom: 2px;
  }
}
/* line 634, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .actions {
  text-align: right;
}
/* line 638, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .buttons {
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  right: 2.5rem;
  text-align: right;
}
/* line 647, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group-container {
  display: flex;
  position: relative;
  max-width: 100%;
  max-height: calc(70vh - 8rem);
  margin-bottom: 8rem;
  overflow-y: auto;
  flex-direction: column;
}
/* line 656, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group-container .student-photo-container,
#order-app .photo-group-container .group-photo-container {
  min-height: 25rem;
  display: flex;
  flex-direction: row;
  padding: 0.75rem 0;
  overflow-y: hidden;
  overflow-x: auto;
}
/* line 667, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group {
  text-align: left;
}
/* line 670, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group:not(:first-child) {
  margin-top: 1rem;
}
/* line 674, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group h3 {
  display: inline-block;
  font-size: 1.8rem;
}
@media (max-width: 499px) {
  /* line 674, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .photo-group h3 {
    position: relative;
    top: 1rem;
  }
}
/* line 684, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .gallery-trigger {
  margin-left: .5rem;
  background: transparent;
  border: 0;
  color: #f99e1d;
  font-size: 2rem;
  cursor: pointer;
}
@media (max-width: 499px) {
  /* line 684, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .photo-group .gallery-trigger {
    position: relative;
    top: 1rem;
  }
}
/* line 698, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .img {
  min-width: 14.3rem;
  margin-right: 7px;
  pointer-events: none;
}
/* line 703, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .img img {
  pointer-events: initial;
  max-width: 14rem;
  width: 100%;
  height: unset;
  margin: 0;
  border: 2px dashed transparent;
  border-radius: 2px;
  box-shadow: 0 0 0 0 #6787bf;
  transition: 15ms ease-out transform box-shadow;
  object-fit: cover;
}
/* line 716, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .img img.selected {
  border: 3px solid #f99e1d;
}
/* line 720, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .img img:first-of-type {
  margin-left: 0;
}
/* line 724, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .img img:hover {
  transform: scale(1.025);
}
/* line 728, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .img img:active {
  transform: scale(0.975);
}
/* line 736, ../../../../resources/scss/pages/_order_app.scss */
#order-app .photo-group .group-photo-container .img img {
  max-width: 24rem;
}
/* line 744, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 90vh;
  width: 90vw;
  padding: 1rem 2rem 2rem;
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  border-radius: 3rem;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  display: grid;
  grid-template-rows: 3rem max-content;
}
/* line 757, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay:not(.opened) {
  height: 0;
  min-height: unset;
  max-height: unset;
  padding: 0;
  margin: 0;
}
@media (max-height: 758px) {
  /* line 744, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .choose-green-screen-overlay {
    height: calc(100vh - 20rem);
    height: 100svh;
    height: 100dvh;
  }
}
@media (max-width: 600px) {
  /* line 744, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .choose-green-screen-overlay {
    width: unset;
    height: unset;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    transform: none;
    animation-name: openOverlayGreen;
  }
}
/* line 783, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay h2 {
  text-align: center;
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
}
/* line 790, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area {
  display: grid;
  position: absolute;
  top: 4.7rem;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 6rem;
}
/* line 800, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories {
  display: grid;
  height: 100%;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  grid-template-rows: min-content auto;
  min-height: unset;
  position: relative;
}
/* line 809, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview {
  position: relative;
  text-align: center;
}
/* line 813, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview img {
  min-width: auto;
  height: 27rem;
  border-radius: 3px;
  margin: 0 auto;
  object-fit: contain;
  border: 1px solid rgba(10, 10, 10, 0.2);
  box-shadow: 0 0 2px rgba(48, 48, 48, 0.25);
}
/* line 823, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning {
  position: fixed;
  display: grid;
  grid-template-columns: 3rem auto 3rem;
  align-items: center;
  justify-items: center;
  gap: 0.7rem;
  top: 15%;
  left: 14rem;
  width: 30rem;
  background-color: #f99e1d;
  color: #303030;
  padding: 1rem;
  border-radius: 4rem;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
  box-shadow: 12px 12px #000;
  cursor: default;
  opacity: 0;
  z-index: 100;
  transition: opacity 65ms;
  pointer-events: none;
  white-space: pre;
  z-index: 99999999;
}
/* line 849, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning:after {
  content: " ";
  position: absolute;
  left: -22px;
  top: 16px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid #f99e1d;
  border-bottom: 20px solid transparent;
}
@media (max-width: 499px) {
  /* line 823, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning {
    left: unset;
    right: 0;
    top: 1rem;
    max-width: 95vw;
    width: unset;
  }
  /* line 868, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning:after {
    left: calc(5% + 2rem) !important;
    top: unset;
    bottom: -40px !important;
    border-left: 20px solid transparent !important;
    border-right: 20px solid transparent !important;
    border-top: 40px solid #f99e1d !important;
    transform: translateX(-50%);
    z-index: -1;
  }
}
/* line 880, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning.show {
  opacity: 1;
  pointer-events: all;
}
/* line 886, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning i.close {
  grid-column: 3 / 4;
  color: #303030;
  cursor: pointer;
}
/* line 891, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning i.close:hover {
  color: #c13939;
}
/* line 896, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning i.fa-warning {
  grid-column: 1 / 2;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
/* line 902, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .preview .warning span {
  grid-column: 2 / 3;
  white-space: normal;
  padding: 0 1rem;
}
/* line 910, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories {
  width: 100%;
  display: grid;
  grid-template-rows: min-content min-content auto;
  overflow: hidden auto;
}
@supports (hanging-punctuation: none) {
  /* line 910, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories {
    height: calc(100% - 11rem);
  }
  @media (max-height: 798) {
    /* line 910, ../../../../resources/scss/pages/_order_app.scss */
    #order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories {
      height: calc(100% - 7rem);
    }
  }
}
/* line 928, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel {
  display: flex;
  flex-direction: column;
}
/* line 932, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li {
  height: 2.3rem;
  margin: 0.3rem 0;
  padding: 0.3rem 0.7rem;
  cursor: pointer;
}
/* line 938, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li i {
  padding-right: 0.5rem;
}
/* line 942, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.featured-item {
  --fa-secondary-opacity: 1.0;
}
/* line 946, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.recent-item {
  position: relative;
}
/* line 950, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.fav-item {
  position: relative;
  margin-bottom: 1rem;
}
/* line 954, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.fav-item:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 120%;
  right: 0;
}
/* line 963, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.category {
  padding-left: calc(1em + 1rem);
}
/* line 967, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.selected, #order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li:hover {
  position: relative;
}
/* line 972, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.selected {
  color: #fff;
  background-color: #6787bf;
}
/* line 977, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li:hover:not(.selected) {
  background-color: #8ba3ce;
}
/* line 980, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li:hover:not(.selected):after {
  border-left-color: #6787bf;
}
/* line 985, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel .background-categories {
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 2px solid #acacac;
  width: 100%;
  height: 100%;
}
/* line 996, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds {
  padding: 0.5rem;
  background-color: #f6f4eb;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(14.6rem, 1fr));
  grid-auto-rows: 20rem;
  grid-auto-flow: dense;
}
/* line 1010, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds .background-container {
  position: relative;
  display: inline-block;
}
/* line 1014, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds .background-container span {
  position: absolute;
  right: calc(100% - calc(14.6rem - 1.6rem));
  bottom: 1.8rem;
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
/* line 1023, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds .background-container .fav {
  position: absolute;
  top: 1.2rem;
  right: calc(100% - calc(14.6rem - 2rem));
  color: #fff;
  font-size: 1.6rem;
  filter: drop-shadow(-1px -1px 0 rgba(48, 48, 48, 0.25)) drop-shadow(1px -1px 0 rgba(48, 48, 48, 0.25)) drop-shadow(1px 1px 0 rgba(48, 48, 48, 0.25)) drop-shadow(-1px 1px 0 rgba(48, 48, 48, 0.25));
}
/* line 1035, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds .background-container .fav.selected {
  color: #c13939;
}
/* line 1040, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds .background-container img {
  height: 20rem;
  width: 14.6rem;
  border-radius: 3px;
  border: 3px dashed transparent;
  object-fit: cover;
  transition: 0.1s ease-out all;
}
@media (max-width: 499px) {
  /* line 1040, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .choose-green-screen-overlay .content-area .backgrounds .background-container img {
    height: 100%;
  }
}
/* line 1052, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds .background-container img:hover {
  border: 3px solid rgba(103, 135, 191, 0.5);
}
/* line 1055, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .backgrounds .background-container img.selected {
  border: 3px solid #6787bf;
}
/* line 1062, ../../../../resources/scss/pages/_order_app.scss */
#order-app .choose-green-screen-overlay .content-area .buttons {
  margin-top: 0.5rem;
  margin-left: auto;
}
/* line 1069, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay {
  position: fixed;
  height: 90vh;
  width: 60%;
  min-width: 47rem;
  text-align: center;
  background-color: #f6f4eb;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 3rem;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  overflow: hidden;
}
/* line 1082, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay:not(.opened) {
  height: 0;
  min-height: unset;
  max-height: unset;
  padding: 0;
  margin: 0;
}
@media (max-width: 499px) {
  /* line 1069, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay {
    width: 100vw;
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
    min-width: unset;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    border-radius: 0;
    padding-bottom: 5vh;
    transform: unset;
  }
}
@media (max-height: 758px) {
  /* line 1069, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay {
    transform: translateX(-50%);
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
    top: 0;
  }
}
/* line 1113, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay h2 {
  margin: 1.5rem 0;
  text-align: center;
}
@media (max-width: 835px) {
  /* line 1113, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay h2 {
    text-align: left;
    margin-left: 0.5rem;
  }
}
@media (max-width: 780px) {
  /* line 1113, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay h2 {
    letter-spacing: -0.1rem;
  }
}
@media (max-width: 730px) {
  /* line 1113, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay h2 {
    font-size: 2.3rem;
  }
}
@media (max-width: 630px) {
  /* line 1113, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay h2 {
    font-size: 2rem;
  }
}
@media (max-width: 350px) {
  /* line 1113, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay h2 {
    font-size: 1.8rem;
    letter-spacing: -0.2rem;
  }
}
/* line 1140, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner {
  display: flex;
  height: calc(100% - 5.7rem);
  padding: 0 2.5rem;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 499px) {
  /* line 1140, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner {
    justify-content: flex-start;
    height: 100%;
  }
}
/* line 1153, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top {
  flex: 0 0;
}
/* line 1156, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top h2 {
  margin: 1.5rem 0;
  text-align: center;
  letter-spacing: unset;
}
/* line 1162, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .selected-photos-container {
  position: relative;
  height: 14rem;
  width: calc(100% + 5rem);
  left: -2.5rem;
  padding: 1rem;
  background-color: #303030;
}
/* line 1170, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .selected-photos-container.hidden {
  display: none;
}
@media (max-width: 499px) {
  /* line 1162, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .top .selected-photos-container {
    height: 13rem;
  }
}
/* line 1178, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .selected-photos-container div {
  display: flex;
  justify-content: center;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
/* line 1185, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .selected-photos-container div img {
  flex: 0 0 auto;
  height: 100%;
  padding: 4px;
  margin-right: 1rem;
  opacity: 0.9;
  filter: saturate(0.5);
  transition: 0.1s ease-out transform;
}
/* line 1194, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .selected-photos-container div img:hover {
  opacity: 1;
  filter: none;
}
/* line 1199, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .selected-photos-container div img.selected {
  opacity: 1;
  filter: none;
  padding: 2px;
  border: #39c139 dashed 2px;
  border-radius: 3px;
}
/* line 1207, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .selected-photos-container div img.not-available {
  opacity: 0.75;
  filter: saturate(0%);
  transform: scale(0.9);
  pointer-events: none;
}
/* line 1217, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .guide-select-photo {
  position: relative;
  display: none;
  margin-top: unset;
  margin-bottom: -28.5rem;
  width: calc(100% + 5rem);
  height: 25rem;
  top: -4rem;
  left: -2.5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0));
  color: #fff;
  z-index: 1000;
}
@media (max-width: 499px) {
  /* line 1217, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .top .guide-select-photo {
    margin-bottom: -28.5rem;
    font-size: smaller;
  }
}
/* line 1240, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .guide-select-photo h2 {
  text-align: center;
  position: relative;
  margin-top: 4rem;
  max-width: 90%;
  left: 50%;
  top: 4rem;
  transform: translateX(-50%);
  white-space: unset;
}
/* line 1251, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .guide-select-photo i {
  position: absolute;
  color: #f99e1d;
  font-size: 3rem;
}
/* line 1256, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .guide-select-photo i:first-of-type {
  left: 15%;
}
/* line 1260, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .guide-select-photo i:last-of-type {
  right: 15%;
}
/* line 1266, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .top .product-name {
  position: relative;
  top: 1.5rem;
  margin-bottom: 2.65rem;
  text-align: left;
  font-size: 2rem;
}
/* line 1275, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle {
  display: flex;
  flex-direction: column;
}
/* line 1280, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .img-container {
  display: flex;
  flex-direction: row;
  flex: 0 0;
  object-fit: scale-down;
}
@media (max-width: 300px) {
  /* line 1280, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .img-container {
    flex-direction: column;
  }
}
/* line 1290, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .img-container img {
  position: relative;
  width: 24.5rem;
  height: 24.5rem;
  max-width: 20vh;
  max-height: 20vh;
  transition: 0.05s backdrop-filter ease-out;
}
/* line 1298, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .img-container img:hover {
  cursor: zoom-in;
}
@media (max-width: 499px) {
  /* line 1290, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .img-container img {
    width: 16rem;
    height: 16rem;
  }
}
@media (max-width: 300px) {
  /* line 1290, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .img-container img {
    width: 100%;
    height: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* line 1314, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .img-container img.zoom {
  position: fixed;
  max-height: unset;
  max-width: unset;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  cursor: zoom-out;
  backdrop-filter: blur(10px) grayscale(0.75) brightness(0.6);
  filter: drop-shadow(0 0 32px rgba(0, 0, 0, 0.2));
  z-index: 100000000;
}
/* line 1332, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .img-container .description-section {
  text-align: left;
  margin-left: 1rem;
}
/* line 1336, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .img-container .description-section h4 {
  font-size: 1.8rem;
}
/* line 1340, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .img-container .description-section .description {
  margin: 0.5rem 0 0 0;
  max-height: 8.5rem;
  font-size: 1.4rem;
  overflow-y: auto;
}
/* line 1349, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details {
  flex: 1 0;
  text-align: left;
  padding-bottom: 9rem;
}
/* line 1354, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .price {
  margin-top: 1rem;
  margin-bottom: 4.5rem;
  color: #f99e1d;
  font-family: Roboto, sans-serif;
  font-size: 2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* line 1365, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .price .price-number::before {
  content: "$";
}
/* line 1369, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .price .photo-number::after {
  content: "\f007";
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  padding-top: 2px;
  margin: 0 0.5rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  border: 2px solid currentColor;
  -webkit-font-smoothing: antialiased;
}
/* line 1383, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .quantity-header {
  margin-top: 1.5rem;
  clear: both;
}
/* line 1388, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details #themes-container {
  position: relative;
  clear: both;
}
/* line 1392, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details #themes-container .warning {
  position: relative;
  top: 0;
  left: 50%;
  width: 35rem;
  background-color: #f99e1d;
  color: #303030;
  padding: 3.5rem 2.5rem 3.5rem 2.5rem;
  margin-bottom: -8rem;
  border-radius: 4rem;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  box-shadow: 12px 12px #000;
  cursor: default;
  opacity: 0;
  z-index: 100;
  transition: opacity 65ms;
  pointer-events: none;
  transform: translate(-50%, -10rem);
}
/* line 1414, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details #themes-container .warning:after {
  content: " ";
  position: absolute;
  left: 50% !important;
  bottom: -40px !important;
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-top: 40px solid #f99e1d !important;
  transform: translateX(-25%);
}
/* line 1425, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details #themes-container .warning.show {
  opacity: 1;
  pointer-events: all;
}
/* line 1431, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details #themes-container .themes-header {
  margin-top: 1rem;
  margin-bottom: 0.3rem;
  font-size: 1.8rem;
}
/* line 1437, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details #themes-container .theme-select {
  max-width: 100%;
  font-size: 1.4rem;
}
/* line 1443, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .comment {
  clear: both;
}
/* line 1445, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .comment h4 {
  margin: 1rem 0 0.5rem 0;
  font-size: 1.8rem;
}
/* line 1450, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .comment .warning {
  position: absolute;
  left: 50%;
  width: 35rem;
  background-color: #f99e1d;
  color: #303030;
  padding: 3.5rem 2.5rem 3.5rem 2.5rem;
  margin-bottom: -8rem;
  border-radius: 4rem;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  box-shadow: 12px 12px #000;
  cursor: default;
  opacity: 0;
  z-index: 100;
  transition: opacity 65ms;
  pointer-events: none;
  transform: translate(-50%, -20rem);
}
/* line 1472, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .comment .warning:after {
  content: " ";
  position: absolute;
  left: 50% !important;
  bottom: -40px !important;
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-top: 40px solid #f99e1d !important;
  transform: translateX(-25%);
}
/* line 1483, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .comment .warning.show {
  opacity: 1;
  pointer-events: all;
}
/* line 1489, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .comment textarea {
  min-height: 4rem;
  font-size: 1.4rem;
}
@media (max-height: 630px) {
  /* line 1489, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .details .comment textarea {
    max-height: 8rem;
  }
}
@media (max-width: 499px) {
  /* line 1489, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .details .comment textarea {
    max-height: 8rem;
  }
  /* line 1500, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .details .comment textarea:focus {
    width: calc(100vw - 1px);
    min-height: 1.5rem;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100000000;
  }
}
/* line 1513, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .extra-options {
  clear: both;
}
/* line 1515, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .extra-options h4 {
  margin: 1rem 0 0.5rem 0;
  font-size: 1.8rem;
}
/* line 1520, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .extra-options .option {
  max-height: 3rem;
  display: flex;
  align-items: center;
  margin-right: auto;
  width: fit-content;
}
/* line 1527, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .details .extra-options .option p {
  font-size: 1.2rem;
  line-height: 0.5rem;
  float: left;
  margin: unset;
  margin-top: 2px;
}
/* line 1538, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .middle .add-to-cart-buttons-phone {
  display: none;
  float: right;
}
@media (max-width: 499px) {
  /* line 1538, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .add-to-cart-buttons-phone {
    display: block;
  }
  /* line 1545, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .middle .add-to-cart-buttons-phone button {
    transform: scale(0.6);
    position: relative;
  }
}
/* line 1553, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .bottom {
  width: 100%;
  height: 8rem;
  text-align: left;
  position: absolute;
  inset: auto 0 0 auto;
  transform: translateX(-2px);
}
@media (max-width: 499px) {
  /* line 1553, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-to-cart-overlay .inner .bottom {
    display: none;
  }
}
/* line 1565, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-to-cart-overlay .inner .bottom button {
  position: absolute;
  bottom: 2.5rem;
  right: 2.5rem;
}
@media (max-width: 499px) {
  /* line 1574, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .overlay-feedback {
    left: 0;
    right: 0;
    width: unset;
    min-width: unset;
    transform: translateY(0);
  }
}
/* line 1584, ../../../../resources/scss/pages/_order_app.scss */
#order-app .overlay-feedback .feedback-content p {
  line-height: 4rem;
}
/* line 1587, ../../../../resources/scss/pages/_order_app.scss */
#order-app .overlay-feedback .feedback-content p .add-photo-icon {
  position: relative;
  top: 0.9rem;
}

/* line 1596, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay {
  display: grid;
  position: fixed;
  width: 90vw;
  height: 90vh;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding: 1.5rem 1.5rem 2.5rem 1.5rem;
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  border-radius: 3rem;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  grid-template-rows: 3rem min-content auto 6rem;
  gap: 1.5rem;
}
/* line 1611, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay:not(.opened) {
  height: 0;
  min-height: unset;
  max-height: unset;
  padding: 0;
  margin: 0;
}
@media (max-width: 499px) {
  /* line 1596, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay {
    width: unset;
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
    left: 0;
    top: 0;
    right: 0;
    border-radius: 0;
  }
}
@media (max-height: 758px) {
  /* line 1596, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay {
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
  }
}
/* line 1636, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay h2 {
  text-align: center;
}
/* line 1640, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay #announcement-banner {
  display: none;
  font-family: Roboto, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  z-index: 14;
}
/* line 1647, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay #announcement-banner.banner {
  position: absolute;
  background-color: #6787bf;
  color: #fff;
  text-align: center;
}
/* line 1654, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay #announcement-banner.left-corner {
  left: -18.5rem;
  padding: 1rem 5rem;
  transform: rotateZ(-35deg) translateY(477%);
  width: 60rem;
  font-size: 1.6rem;
}
@media (max-width: 1200px) {
  /* line 1654, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translateY(372%) scale(0.8);
    left: -19rem;
  }
}
@media (max-width: 900px) {
  /* line 1654, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translate(-2%, 336%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 1654, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay #announcement-banner.left-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 1679, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay #announcement-banner.right-corner {
  right: -18.5rem;
  padding: 1rem 5rem;
  transform: rotateZ(45deg) translateY(405%);
  width: 42rem;
}
@media (max-width: 1200px) {
  /* line 1679, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay #announcement-banner.right-corner {
    transform: rotateZ(35deg) translateY(372%) scale(0.8);
    right: -19rem;
  }
}
@media (max-width: 900px) {
  /* line 1679, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay #announcement-banner.right-corner {
    transform: rotateZ(35deg) translate(2%, 336%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 1679, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay #announcement-banner.right-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 1703, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay #announcement-banner.middle-overlay {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
}
/* line 1709, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay #announcement-banner.section-message {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
  border-radius: 1.5rem;
  box-sizing: border-box;
}
/* line 1717, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay #announcement-banner.visible {
  display: block;
}
/* line 1722, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay hr {
  width: 100%;
  border: #303030 solid 1px;
}
/* line 1727, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items {
  max-height: 100%;
  position: relative;
  overflow: hidden auto;
  border-bottom: #303030 solid 2px;
}
/* line 1733, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
/* line 1739, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item:not(:first-child) {
  border-top: 1px solid #acacac;
}
/* line 1746, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .qty {
  color: #f99e1d;
}
/* line 1750, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .item-price {
  margin-bottom: 1rem;
  color: #f99e1d;
  font-weight: bold;
}
/* line 1757, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}
/* line 1762, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-image {
  margin-right: 1.5rem;
}
@media (max-width: 499px) {
  /* line 1762, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-image {
    margin-right: 0.5rem;
  }
}
/* line 1769, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-image img {
  min-width: 15rem;
  min-height: 15rem;
  max-width: 15rem;
  max-height: 15rem;
}
@media (max-width: 499px) {
  /* line 1769, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-image img {
    min-width: 7.5rem;
    min-height: 7.5rem;
    max-width: 7.5rem;
    max-height: 7.5rem;
  }
}
/* line 1784, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-comment {
  margin-right: -3rem;
  transform: translateY(100%);
}
@media (max-width: 499px) {
  /* line 1784, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-comment {
    transform: translateY(70%);
  }
}
/* line 1792, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-comment i {
  color: #f99e1d;
  font-size: 3rem;
}
/* line 1797, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-comment::after {
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  content: attr(data-product-comment);
  display: none;
  white-space: nowrap;
  max-width: 32rem;
  padding: 1.5rem;
  text-align: left;
  border-radius: 1.5rem;
  position: fixed;
  left: 1.5rem;
  top: -1.5rem;
  overflow: auto;
}
@media (max-width: 499px) {
  /* line 1797, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-comment::after {
    left: 2.5rem;
    top: -4rem;
    width: calc(100vw - 16rem);
  }
}
/* line 1820, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-comment:hover::after {
  display: block;
}
/* line 1826, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-extra {
  margin-right: -3rem;
  transform: translateY(-100%);
}
@media (max-width: 499px) {
  /* line 1826, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-extra {
    transform: translateY(-70%);
  }
}
/* line 1834, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-extra i {
  color: #f99e1d;
  font-size: 3rem;
}
/* line 1839, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-extra::after {
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  content: attr(data-product-extra);
  white-space: pre;
  display: none;
  padding: 1.5rem;
  text-align: left;
  border-radius: 1.5rem;
  position: fixed;
  left: 1.5rem;
  top: -1.5rem;
  overflow: auto;
  right: calc(-100vw + calc(30rem + 5vw));
  min-width: 10rem;
  max-width: 40ch;
}
@media (max-width: 499px) {
  /* line 1839, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-extra::after {
    left: 2.5rem;
    top: 0.5rem;
    right: calc(-100vw + 16rem);
  }
}
/* line 1864, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .product-extra:hover::after {
  display: block;
}
/* line 1870, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .selected-photos {
  margin-left: 4.5rem;
  margin-right: auto;
  overflow-x: auto;
  white-space: nowrap;
}
@media (max-width: 499px) {
  /* line 1870, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .selected-photos {
    max-width: 22rem;
    overflow-y: hidden;
  }
}
/* line 1881, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .selected-photos img {
  height: 15rem;
}
@media (max-width: 499px) {
  /* line 1881, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .selected-photos img {
    height: 7.5rem;
  }
}
/* line 1890, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions {
  position: absolute;
  right: 0;
  top: 4.6rem;
  font-size: 2rem;
  transform: translateY(-50%);
}
/* line 1897, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions i {
  cursor: pointer;
}
@media (max-width: 499px) {
  /* line 1890, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  /* line 1906, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions .edit-item {
    margin-bottom: 1.5rem;
  }
}
/* line 1912, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 110%;
  top: 0;
  right: 0;
  bottom: 0;
  padding-right: 1.2rem;
  text-align: right;
  float: right;
  background-color: #303030;
  transition: 0.1s ease-out left;
  overflow: hidden;
}
/* line 1928, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel button {
  width: 13rem;
  margin-right: 2rem;
}
/* line 1932, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel button:first-child {
  margin-left: auto;
}
@media (max-width: 499px) {
  /* line 1928, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel button {
    position: absolute;
    top: 1rem;
    left: 1rem;
  }
  /* line 1942, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel button:first-child {
    top: 7.9rem;
  }
}
@media (max-width: 499px) {
  /* line 1948, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel .cancel-removal {
    position: absolute;
    right: 1rem;
  }
}
/* line 1955, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel.show {
  left: 0;
}
/* line 1964, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f4eb;
}
@media (max-width: 600px) {
  /* line 1964, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-controls {
    flex: 0 0 8.5rem;
    align-items: flex-start;
  }
}
/* line 1976, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-controls .cart-info {
  flex: 0 0 auto;
  margin-right: 1rem;
  color: #f99e1d;
  font-size: 2rem;
  font-weight: bold;
}
/* line 1984, ../../../../resources/scss/pages/_order_app.scss */
#order-app .cart-overlay .cart-controls button {
  flex: 0 0;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}
@media (max-width: 499px) {
  /* line 1984, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .cart-overlay .cart-controls button {
    position: fixed;
    bottom: 0.7rem;
    right: 0.7rem;
  }
}

/* line 1999, ../../../../resources/scss/pages/_order_app.scss */
.bubble-add-photo {
  position: absolute;
  display: none;
  top: 20rem;
  left: 50%;
  width: 45rem;
  background-color: #f99e1d;
  color: #303030;
  padding: 2.5rem 2.5rem 3.5rem 2.5rem;
  border-radius: 4rem;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
  line-height: 2rem;
  box-shadow: 12px 12px rgba(0, 0, 0, 0.45);
  cursor: pointer;
  pointer-events: none;
  z-index: 100;
  transition: opacity 65ms;
  transform: translateX(-50%);
}
/* line 2020, ../../../../resources/scss/pages/_order_app.scss */
.bubble-add-photo::after {
  content: "\f00d";
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  font-size: 35px;
  position: absolute;
  top: 1.4rem;
  right: 2.4rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 499px) {
  /* line 1999, ../../../../resources/scss/pages/_order_app.scss */
  .bubble-add-photo {
    top: 14.6rem;
    width: 35rem;
    max-width: 100vw;
  }
}
@media (max-width: 355px) {
  /* line 1999, ../../../../resources/scss/pages/_order_app.scss */
  .bubble-add-photo {
    top: 25rem;
    width: 35rem;
    max-width: 100vw;
  }
}
/* line 2047, ../../../../resources/scss/pages/_order_app.scss */
.bubble-add-photo.show {
  display: block;
  pointer-events: all;
}

/* CROSS-SELLING */
/* line 2054, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 81rem;
  padding: 1.5rem 1.5rem 2.5rem 1.5rem;
  min-width: 80.5rem;
  min-height: 20rem;
  max-height: 100vh;
  background-color: #f99e1d;
  border-radius: 3rem;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  transform: translate(-50%, -50%);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000000000;
}
/* line 2071, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay:not(.opened) {
  height: 0;
  min-height: unset;
  max-height: unset;
  padding: 0;
  margin: 0;
}
@media (max-width: 820px) {
  /* line 2054, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay {
    width: 100%;
    min-width: unset;
    border-radius: 0;
  }
}
@media (max-width: 499px) {
  /* line 2054, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay {
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
    left: 0;
    top: 0;
    right: 0;
    transform: none;
  }
}
@media (max-height: 758px) {
  /* line 2054, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay {
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
  }
}
/* line 2101, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container {
  padding: 0 .5rem;
  display: flex;
  flex-direction: column;
}
/* line 2106, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container h3 {
  margin-bottom: 1.5rem;
  color: #f6f4eb;
  text-align: center;
  font-size: 2.5rem;
}
/* line 2113, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 499px) {
  /* line 2113, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items {
    flex-direction: column;
    align-items: center;
  }
}
/* line 2124, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul {
  background-color: #f6f4eb;
  margin-right: 1.5rem;
  padding: 0;
  width: 100%;
  max-width: 24.5rem;
  border-radius: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  object-fit: fill;
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-auto-rows: auto;
  padding-bottom: 1rem;
}
/* line 2141, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul:last-child {
  margin-right: 0;
}
@media (max-width: 820px) {
  /* line 2124, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul {
    width: 30%;
    min-width: unset;
  }
}
@media (max-width: 499px) {
  /* line 2124, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul {
    width: unset;
    min-width: 24.5rem;
    margin: 1rem;
  }
  /* line 2155, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul:last-child {
    margin-bottom: 5rem;
  }
}
/* line 2160, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul h4 {
  position: static;
  top: unset;
  left: unset;
  width: unset;
  height: unset;
  padding-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: unset;
  text-align: left;
  color: #303030;
  font-size: 1.8rem;
  font-weight: 500;
}
/* line 2176, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul .price {
  padding-left: 1rem;
  color: #f99e1d;
  font-size: 2rem;
}
/* line 2182, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul img {
  position: relative;
  width: 100%;
  max-width: 24.5rem;
  height: 24.5rem;
  object-fit: contain;
  background-color: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/* line 2197, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay .bottom {
  text-align: right;
  margin-top: 1.5rem;
}
/* line 2201, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay .bottom button {
  color: #3f4040 !important;
  background: #f6f4eb !important;
}
@media (max-width: 499px) {
  /* line 2201, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay .bottom button {
    position: relative;
    right: 0.7rem;
    bottom: 1.7rem;
  }
}

/* BYOP */
/* line 2217, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay {
  position: fixed;
  width: 60vw;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  border-radius: 3rem;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  padding: 1.5rem 1.5rem 2.5rem 1.5rem;
}
/* line 2229, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay:not(.opened) {
  height: 0;
  min-height: unset;
  max-height: unset;
  padding: 0;
  margin: 0;
}
/* line 2237, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .warning {
  position: absolute;
  padding: 1.5rem 3rem !important;
  width: 40rem !important;
  left: 50%;
  width: 35rem;
  background-color: #f99e1d;
  color: #303030;
  padding: 3.5rem 2.5rem 3.5rem 2.5rem;
  margin-bottom: -8rem;
  border-radius: 4rem;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  box-shadow: 12px 12px #000;
  cursor: default;
  opacity: 0;
  z-index: 100;
  transition: opacity 65ms;
  pointer-events: none;
  transform: translate(-50%, -20rem);
}
/* line 2261, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .warning:after {
  content: " ";
  position: absolute;
  left: 50% !important;
  bottom: -40px !important;
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-top: 40px solid #f99e1d !important;
  transform: translateX(-25%);
}
/* line 2272, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .warning.show {
  opacity: 1;
}
@media (max-width: 1150px) {
  /* line 2217, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay {
    width: 80vw;
  }
}
@media (max-width: 499px) {
  /* line 2217, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay {
    width: unset;
    transform: none;
    max-height: unset;
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
    left: 0;
    top: 0;
    right: 0;
    border: none;
    border-radius: 0;
    padding-bottom: 5vh;
  }
}
/* line 2296, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay h2 {
  text-align: center;
}
@media (max-width: 835px) {
  /* line 2296, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay h2 {
    text-align: left;
    margin-left: 0.5rem;
  }
}
@media (max-width: 780px) {
  /* line 2296, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay h2 {
    letter-spacing: -0.1rem;
  }
}
@media (max-width: 730px) {
  /* line 2296, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay h2 {
    font-size: 2.3rem;
  }
}
@media (max-width: 630px) {
  /* line 2296, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay h2 {
    font-size: 2rem;
  }
}
@media (max-width: 350px) {
  /* line 2296, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay h2 {
    font-size: 1.8rem;
    letter-spacing: -0.2rem;
  }
}
/* line 2322, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .selected-photos {
  width: 60vw;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  padding: 7.5rem 2.5rem;
  position: fixed;
  z-index: 10000001;
  border-radius: 3rem;
  border: #0a0a0a 2px solid;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  background-color: #303030;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: flex-start;
  align-items: start;
  overflow-y: unset;
  overflow-x: auto;
}
/* line 2348, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .selected-photos::after {
  content: attr(data-text-after);
  position: fixed;
  background-color: #303030;
  padding: 2.5rem 0 1rem;
  border-radius: 1.5rem 1.5rem 0 0;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 2.7rem;
  text-align: center;
  color: #f6f4eb;
}
@media (max-width: 835px) {
  /* line 2348, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .selected-photos::after {
    text-align: left;
    margin-left: 1.5rem;
  }
}
@media (max-width: 730px) {
  /* line 2348, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .selected-photos::after {
    font-size: 2.3rem;
  }
}
@media (max-width: 350px) {
  /* line 2348, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .selected-photos::after {
    font-size: 2rem;
  }
}
/* line 2375, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .selected-photos::-webkit-scrollbar {
  display: none;
}
/* line 2379, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .selected-photos.BYOP-selected-photos-hidden {
  display: none;
  width: 0;
  height: 0;
}
@media (max-width: 1150px) {
  /* line 2322, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .selected-photos {
    width: 80vw;
  }
}
@media (max-width: 499px) {
  /* line 2322, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .selected-photos {
    width: unset;
    transform: none;
    max-height: unset;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: none;
    border-radius: 0;
    padding-bottom: 5vh;
    overflow: auto;
  }
}
/* line 2403, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .selected-photos img {
  width: 12rem;
  height: auto;
  margin: .5rem;
  opacity: 0.9;
  filter: saturate(0.5);
  object-fit: contain;
  transition: 0.1s ease-out transform;
  margin-bottom: 1rem;
}
/* line 2414, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .selected-photos img:hover {
  opacity: 1;
  filter: none;
  border: #f99e1d 3px solid;
  box-sizing: border-box;
}
/* line 2423, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
  grid-auto-rows: min-content;
  grid-auto-flow: dense;
  gap: 1rem;
  position: relative;
  overflow-y: auto;
}
/* line 2434, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .byop-price {
  color: #f99e1d;
  font-size: 2rem;
}
/* line 2439, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container div {
  grid-column: span 4 / auto;
  width: 20rem;
  text-align: center;
}
@media (max-width: 660px) {
  /* line 2439, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container div {
    padding: 0;
    width: unset;
    min-width: 13rem;
  }
}
/* line 2450, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container div .selection {
  position: relative;
  width: 100%;
  max-width: 24.5rem;
  height: 24.5rem;
  transition: 0.05s backdrop-filter ease-out;
  top: 0;
  margin: 1rem;
  object-fit: contain;
  background-color: transparent;
}
@media (max-width: 660px) {
  /* line 2450, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container div .selection {
    width: 100%;
    max-height: 20rem;
  }
}
@media (max-width: 499px) {
  /* line 2450, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container div .selection {
    min-height: 16rem;
    max-height: 16rem;
    height: auto;
    margin: 0;
  }
}
/* line 2473, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container div .selection img {
  height: 24.5rem;
  width: 100%;
}
/* line 2480, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container i.fa-arrow-right {
  grid-column: span 1 / auto;
  font-size: 5rem;
  color: #f99e1d;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  /* line 2480, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container i.fa-arrow-right {
    display: none;
  }
}
/* line 2493, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices {
  grid-column: span 6 / auto;
  position: relative;
  height: min-content;
  margin: 5.5rem auto auto;
}
/* line 2499, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices::before {
  content: attr(data-choice-title);
  position: absolute;
  width: 100%;
  text-align: center;
  top: -4rem;
  font-size: 2.5rem;
}
/* line 2508, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices::after {
  content: attr(checked-boxes) "/" attr(total-boxes);
}
/* line 2513, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr {
  width: auto;
}
/* line 2516, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td {
  width: auto;
  padding: 0.3rem;
  position: relative;
}
/* line 2521, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td label {
  color: #303030;
  white-space: nowrap;
  padding-right: 2rem;
}
/* line 2527, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td input[type="radio"] {
  display: inline-block;
  width: 0;
  margin: -0.2rem 1.8rem;
  cursor: pointer;
  -webkit-appearance: none;
}
/* line 2534, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td input[type="radio"]::after {
  content: attr(data-choice-index);
  color: rgba(63, 64, 64, 0.5);
  position: absolute;
  left: 0;
  top: 50%;
  bottom: auto;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f6f4eb;
  border: #b7a75e 1px solid;
  padding: 0.3rem 1.1rem;
}
/* line 2546, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td input[type="radio"]:hover::after {
  background-color: rgba(249, 158, 29, 0.25);
}
/* line 2552, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td input[type="radio"]:focus::after {
  border: black 1px dashed;
}
/* line 2558, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td input[type="radio"]:checked::after {
  background-color: rgba(249, 158, 29, 0.5);
  border: #b7a75e 1px solid;
}
@-moz-document url-prefix() {
  /* line 2566, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td input[type="radio"] {
    width: 2.2rem;
    -webkit-appearance: auto;
  }
  /* line 2570, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .choices tbody tr td input[type="radio"]::after {
    display: none;
  }
}
/* line 2580, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .add-to-cart-buttons-phone {
  display: none;
}
@media (max-width: 499px) {
  /* line 2580, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .add-to-cart-buttons-phone {
    display: block;
  }
  /* line 2586, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .add-to-cart-buttons-phone button {
    transform: scale(0.6);
    position: relative;
    float: left;
  }
}
/* line 2594, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .comment {
  grid-column: 1 / -1;
  margin: 1.5rem;
  padding: 1.5rem;
  height: 16rem;
  width: unset;
  text-align: left;
}
@media (max-width: 660px) {
  /* line 2594, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .comment {
    padding: unset;
  }
}
/* line 2606, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .comment h4 {
  margin: -1.5rem 0 2rem 0;
}
/* line 2610, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .comment textarea {
  grid-column: 1 / 4;
  height: 6rem;
  font-size: 1.4rem;
  text-align: left;
}
@media (max-height: 630px) {
  /* line 2610, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .comment textarea {
    max-height: 8rem;
  }
}
@media (max-width: 499px) {
  /* line 2610, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .comment textarea {
    max-height: 8rem;
  }
  /* line 2623, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .comment textarea:focus {
    width: calc(100vw - 1px);
    min-height: 1.5rem;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100000000;
  }
}
/* line 2636, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .extra-options {
  grid-column: 1 / -1;
  width: unset;
  margin: 0 1.5rem;
  text-align: left;
}
@media (max-width: 660px) {
  /* line 2636, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .extra-options {
    margin-top: 6rem;
  }
}
@media (max-width: 499px) {
  /* line 2636, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .build-your-own-container .extra-options {
    margin: 1rem 0 0 0;
  }
}
/* line 2650, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .extra-options h4 {
  margin: 1rem 0 0.5rem 0;
  font-size: 1.8rem;
}
/* line 2655, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .extra-options .option {
  width: unset;
  max-height: 3rem;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-right: auto;
}
/* line 2663, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .build-your-own-container .extra-options .option p {
  font-size: 1.2rem;
  line-height: 0.5rem;
  float: left;
  margin: unset;
  margin-top: 2px;
}
/* line 2674, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2rem;
  text-align: right;
  background: transparent;
}
@media (max-width: 499px) {
  /* line 2674, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .build-your-own-overlay .bottom {
    display: none;
  }
}
/* line 2686, ../../../../resources/scss/pages/_order_app.scss */
#order-app .build-your-own-overlay .bottom .btn-primary {
  display: inherit;
  transform: translateX(-5%);
}

/* line 2693, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 90%;
  max-width: 60rem;
  min-height: 20rem;
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  border-radius: 3rem;
  box-shadow: 1px 1px 2px rgba(48, 48, 48, 0.1);
  padding: 1.5rem 1.5rem 2.5rem 1.5rem;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
/* line 2708, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay:not(.opened) {
  height: 0;
  min-height: unset;
  max-height: unset;
  padding: 0;
  margin: 0;
}
@media (max-width: 499px) {
  /* line 2693, ../../../../resources/scss/pages/_order_app.scss */
  .unique-session-overlay {
    top: 0;
    left: 0;
    right: 0;
    width: unset;
    height: calc(100vh - 10rem);
    height: 100svh;
    height: 100dvh;
    transform: none;
    border-radius: 0;
  }
}
/* line 2728, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay .unique-session-overlay-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
/* line 2735, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay .unique-session-overlay-container .message {
  margin-top: 3rem;
  text-align: center;
}
@media (max-width: 499px) {
  /* line 2735, ../../../../resources/scss/pages/_order_app.scss */
  .unique-session-overlay .unique-session-overlay-container .message {
    margin-top: 15vh;
    font-size: 2.2rem;
  }
}
/* line 2745, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay .unique-session-overlay-container .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
@media (max-width: 499px) {
  /* line 2753, ../../../../resources/scss/pages/_order_app.scss */
  .unique-session-overlay .unique-session-overlay-container .bottom .btn-accent {
    position: fixed;
    bottom: .5rem;
    left: .5rem;
  }
}

/* line 2775, ../../../../resources/scss/pages/_order_app.scss */
.order-app-zoom-photo {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  z-index: 100000000000;
  transform: scale(2);
  animation: 50ms ease-out order-app-zoom-photo-zoom-in;
}
/* line 2784, ../../../../resources/scss/pages/_order_app.scss */
.order-app-zoom-photo.scooch {
  transform: scale(2) translateX(10px);
  animation: 50ms ease-out order-app-zoom-photo-zoom-in-scooch;
}

@keyframes order-app-zoom-photo-zoom-in {
  from {
    transform: none;
  }
  to {
    transform: scale(2);
  }
}
@keyframes order-app-zoom-photo-zoom-in-scooch {
  from {
    transform: none;
  }
  to {
    transform: scale(2) translateX(10px);
  }
}
@keyframes openOverlayGreen {
  0% {
    opacity: 0;
    transform: scale(0, 0) translateZ(0);
  }
  75% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) translateZ(0);
  }
}
@-webkit-keyframes openOverlayGreen {
  0% {
    opacity: 0;
    transform: scale(0, 0) translateZ(0);
  }
  75% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) translateZ(0);
  }
}
@-moz-keyframes openOverlayGreen {
  0% {
    opacity: 0;
    transform: scale(0, 0) translateZ(0);
  }
  75% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) translateZ(0);
  }
}
/* line 5, ../../../../resources/scss/pages/_order_complete.scss */
h1.order-complete-title {
  position: relative;
  display: inline-block;
  left: 50%;
  margin: 1rem 0 2rem 0;
  transform: translateX(-50%);
  color: #f99e1d;
  font-size: 3.5rem;
}

/* line 15, ../../../../resources/scss/pages/_order_complete.scss */
#complete {
  display: flex;
  max-width: 120rem;
  margin: auto;
  flex-direction: column;
  box-sizing: content-box;
  padding-bottom: 4rem;
  font-family: Roboto, sans-serif;
}
/* line 24, ../../../../resources/scss/pages/_order_complete.scss */
#complete .visible {
  display: block !important;
}
/* line 28, ../../../../resources/scss/pages/_order_complete.scss */
#complete #order-complete-warning {
  display: none;
  position: fixed;
  top: 2rem;
  width: 84%;
  max-width: 45rem;
  border-radius: 1rem;
  padding: 1.5rem 2rem;
  background-color: #f6f4eb;
  border: solid 2px red;
  z-index: 20;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 42, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner {
  display: none;
  font-family: Roboto, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  z-index: 14;
}
/* line 49, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.banner {
  position: absolute;
  background-color: #6787bf;
  color: #fff;
  text-align: center;
}
/* line 56, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.left-corner {
  left: -18.5rem;
  padding: 1rem 5rem;
  transform: rotateZ(-35deg) translateY(477%);
  width: 60rem;
  font-size: 1.6rem;
}
@media (max-width: 1200px) {
  /* line 56, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translateY(372%) scale(0.8);
    left: -19rem;
  }
}
@media (max-width: 900px) {
  /* line 56, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translate(-2%, 336%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 56, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.left-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 81, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.right-corner {
  right: -18.5rem;
  padding: 1rem 5rem;
  transform: rotateZ(45deg) translateY(405%);
  width: 42rem;
}
@media (max-width: 1200px) {
  /* line 81, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.right-corner {
    transform: rotateZ(35deg) translateY(372%) scale(0.8);
    right: -19rem;
  }
}
@media (max-width: 900px) {
  /* line 81, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.right-corner {
    transform: rotateZ(35deg) translate(2%, 336%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 81, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.right-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 105, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.middle-overlay {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
}
/* line 111, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.section-message {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
  border-radius: 1.5rem;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  /* line 111, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.section-message {
    border-radius: 0;
  }
}
/* line 124, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr 1fr;
  grid-template-rows: repeat(3, 3rem);
  margin: 0;
  box-sizing: border-box;
}
/* line 132, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress {
  grid-column: 3 / 10;
  grid-row: 2 / 4;
  display: grid;
  grid-template-columns: 3rem 1fr 3rem 1fr 3rem 1fr 3rem;
  grid-template-rows: repeat(2, 3rem);
  grid-auto-flow: column;
  justify-items: center;
  align-items: center;
  color: #f99e1d;
  margin: 0;
}
@media (max-width: 499px) {
  /* line 132, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .completion-progress-section .completion-progress {
    grid-column: 2 / 11;
  }
}
/* line 148, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress .progress-icon {
  display: flex;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  border: 2px solid #f99e1d;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  margin: 0;
}
/* line 159, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress .progress-icon i {
  display: none;
  position: absolute;
  color: #f6f4eb;
  margin: 0;
}
/* line 166, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress .progress-icon h2 {
  position: relative;
  font-size: 2rem;
  color: #f99e1d;
  margin: 0;
}
/* line 173, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress .progress-icon.completed {
  background-color: #f99e1d;
}
/* line 176, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress .progress-icon.completed i {
  display: block;
}
/* line 180, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress .progress-icon.completed h2 {
  display: none;
}
/* line 186, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress hr {
  width: 50%;
  height: 2px;
  background-color: #f99e1d;
  border-color: transparent;
}
/* line 193, ../../../../resources/scss/pages/_order_complete.scss */
#complete .completion-progress-section .completion-progress h4 {
  font-size: 1.8rem;
}
/* line 200, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container {
  width: 100%;
  display: grid;
  grid-template-columns: 3rem repeat(9, 1fr) 3rem;
  gap: 0 1rem;
  box-sizing: border-box;
  grid-auto-flow: column;
  grid-auto-rows: auto;
}
/* line 209, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles {
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  pointer-events: none;
}
@media (max-width: 499px) {
  /* line 209, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles {
    pointer-events: all;
    cursor: pointer;
    margin-top: 1rem;
  }
  /* line 219, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles#promo-section-title {
    margin-bottom: 0;
  }
}
/* line 226, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles.invalid i.fa-exclamation-triangle {
  display: block;
}
/* line 232, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles h2 {
  width: 100%;
  font-size: 2rem;
  margin-bottom: 0;
}
@media (max-width: 499px) {
  /* line 232, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles h2 {
    padding: 1rem;
    background-color: #f6f4eb;
    border-radius: 5px;
    border: 2px solid #f99e1d;
  }
}
/* line 246, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles i.fa-caret-up {
  display: none;
  float: right;
  transform: rotate(180deg);
  transition-duration: 0.3s;
}
@media (max-width: 499px) {
  /* line 246, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles i.fa-caret-up {
    display: block;
  }
}
/* line 257, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles i.fa-exclamation-triangle {
  display: none;
  color: #c13939;
  float: left;
}
/* line 265, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles-checks {
  display: none;
}
@media (max-width: 499px) {
  /* line 269, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#cart-review-title-check ~ .cart-review {
    display: none;
  }
  /* line 273, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#cart-review-title-check:checked ~ .cart-review {
    display: block;
  }
  /* line 277, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#cart-review-title-check:checked ~ #cart-review-title .fa-caret-up {
    transform: rotate(0deg);
  }
  /* line 281, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#promo-section-title-check ~ .promo-section {
    display: none;
  }
  /* line 285, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#promo-section-title-check:checked ~ .promo-section {
    display: grid;
  }
  /* line 289, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#promo-section-title-check:checked ~ #promo-section-title {
    margin-bottom: 1rem;
  }
  /* line 293, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#promo-section-title-check:checked ~ #promo-section-title .fa-caret-up {
    transform: rotate(0deg);
  }
  /* line 297, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-info-step-title-check ~ #shipping-info {
    display: none;
  }
  /* line 301, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-info-step-title-check:checked ~ #shipping-info {
    display: grid;
  }
  /* line 305, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-info-step-title-check:checked ~ #shipping-info-step-title .fa-caret-up {
    transform: rotate(0deg);
  }
  /* line 309, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#contact-info-step-title-check ~ #contact-info {
    display: none;
  }
  /* line 313, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#contact-info-step-title-check:checked ~ #contact-info {
    display: grid;
  }
  /* line 317, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#contact-info-step-title-check:checked ~ #contact-info-step-title .fa-caret-up {
    transform: rotate(0deg);
  }
  /* line 321, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-step-title-check ~ .shipping-step-container {
    display: none;
  }
  /* line 325, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-step-title-check:checked ~ .shipping-step-container {
    display: block;
  }
  /* line 329, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-step-title-check:checked ~ #shipping-step-title .fa-caret-up {
    transform: rotate(0deg);
  }
  /* line 333, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#payment-step-title-check ~ #payment-methods-container {
    display: none;
  }
  /* line 337, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#payment-step-title-check:checked ~ #payment-methods-container {
    display: block;
  }
  /* line 341, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#payment-step-title-check:checked ~ #payment-step-title .fa-caret-up {
    transform: rotate(0deg);
  }
}
/* line 347, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .cart-checked {
  box-shadow: none;
}
/* line 351, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container {
  grid-row: 1 / 9;
  grid-column: 2 / 7;
}
@media (max-width: 499px) {
  /* line 351, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .completion-steps-container {
    grid-column: 2 / 11;
    grid-row: unset;
  }
}
/* line 360, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container {
  grid-column: 1 / 9;
  white-space: nowrap;
  border-radius: 5px;
}
/* line 365, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container.invalid {
  box-shadow: 0 0 0 1px #c13939;
}
/* line 370, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container input:disabled {
  border-color: lightgray;
  color: #797979;
}
/* line 376, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container select {
  height: 3rem;
  -webkit-appearance: menulist-button;
  color: #000;
}
/* line 381, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container select:disabled {
  border-color: lightgray;
  background-color: rgba(239, 239, 239, 0.3);
  color: #797979;
  opacity: 1;
}
/* line 388, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container select:invalid {
  border-color: lightgray;
  color: #797979;
}
/* line 395, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  grid-column: 1 / 9;
  width: calc(100% + 0.4rem);
  white-space: nowrap;
  border-radius: 0.5rem 0 0 0.5rem;
  box-shadow: 0 0 0 2px #f99e1d;
  border-right-color: transparent;
  background-color: #f6f4eb;
}
/* line 406, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step.cart-checked {
  box-shadow: none;
}
/* line 409, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step.cart-checked label {
  padding-left: 0;
}
/* line 414, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step p {
  font-weight: 500;
  padding: 0.5rem 3rem 0 1.5rem;
  background-color: #f6f4eb;
  width: calc(100% + 0.5rem);
  height: 100%;
  position: relative;
  border-radius: 1rem 0 0 0;
  margin: 0;
  white-space: normal;
}
/* line 426, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step label {
  display: grid;
  grid-template-columns: 3rem auto;
  align-items: center;
  padding-left: 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
  background-color: #f6f4eb;
  width: calc(100% + 0.5rem);
  position: relative;
  white-space: normal;
}
@media (max-width: 499px) {
  /* line 395, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .completion-steps-container .cart-review-step {
    border-radius: 5px;
    border: 2px solid #f99e1d;
    width: 100%;
  }
  /* line 443, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .completion-steps-container .cart-review-step label, #complete .complete-container .completion-steps-container .cart-review-step p {
    width: 100%;
    border-radius: 0.5rem;
  }
}
/* line 450, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step {
  width: 100%;
}
/* line 453, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 3rem;
  gap: 0.5rem;
}
/* line 460, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .first-name {
  grid-column: 1 / 5;
}
/* line 464, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .last-name {
  grid-column: 5 / 9;
}
/* line 468, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .address {
  grid-column: 1 / 6;
}
/* line 472, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .apartment {
  grid-column: 6 / 9;
}
/* line 480, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .state {
  grid-column: 1 / 5;
}
/* line 485, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step .postal-code {
  grid-column: 5 / 9;
}
/* line 491, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step {
  width: 100%;
  margin-bottom: .5rem;
}
/* line 495, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(3, 3rem) auto;
  gap: 0.5rem;
}
/* line 510, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info label {
  height: 2.5rem;
  display: flex;
  align-items: center;
}
/* line 516, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info label input:disabled {
  background-color: rgba(239, 239, 239, 0.3);
}
/* line 519, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info label input:disabled ~ span {
  color: #aaaaaa;
}
/* line 527, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info .comment {
  grid-column: 1 / 9;
  padding-top: 0.7rem;
  white-space: normal;
}
/* line 532, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info .comment:focus {
  border: 2px solid #f99e1d;
}
/* line 539, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container #proceed-special {
  width: 100%;
  display: none;
}
/* line 543, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container #proceed-special.show {
  display: block;
}
/* line 547, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container #proceed-special.show ~ .payment-step {
  display: none;
}
/* line 553, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step {
  width: 100%;
}
/* line 556, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step .calculate-shipping-button {
  position: relative;
  margin-bottom: 2rem;
}
/* line 561, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  gap: 0.5rem;
}
/* line 568, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li {
  grid-column: 1 / 9;
  white-space: nowrap;
}
/* line 572, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li label {
  display: grid;
  grid-template-columns: 3rem auto;
  align-items: center;
}
/* line 577, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li label input {
  margin: 1.5rem 0 2.2rem;
  height: 0px;
}
/* line 581, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li label input::after {
  content: "";
  padding: 0 0.743rem;
  position: relative;
  top: -0.4rem;
  border-radius: 5px;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px lightgray;
}
/* line 593, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li label input:checked::after {
  background-color: #6787bf;
}
@supports (grid: subgrid/subgrid) {
  /* line 577, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .shipping-step #shipping-methods li label input {
    height: inherit;
    margin-bottom: 1.5rem;
  }
}
/* line 604, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li label span {
  white-space: normal;
}
/* line 612, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step {
  width: 100%;
  height: 20rem;
}
/* line 616, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step .invalid {
  color: #c13939;
}
/* line 619, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step .invalid i.fa-exclamation-triangle {
  display: inline;
}
/* line 625, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #error-paypal {
  display: none;
}
/* line 629, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #pay-with-paypal {
  position: relative;
  width: fit-content;
}
/* line 633, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #pay-with-paypal #paypal-payment-spinner {
  top: -20px;
}
/* line 638, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container {
  width: 100%;
  display: block;
  align-items: center;
  flex-direction: column;
  padding-bottom: 2rem;
  gap: 1rem;
}
/* line 646, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-methods {
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
/* line 652, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-methods label {
  border-radius: 0.4rem;
  background-color: #6787bf;
  display: flex;
  cursor: pointer;
  color: #fff;
  padding: 0.7rem 1rem;
}
/* line 660, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-methods label:has(input:checked) {
  background-color: #3b4b67;
  cursor: default;
}
/* line 665, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-methods label input {
  display: none;
}
/* line 671, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .paypal {
  white-space: nowrap;
  display: flex;
}
/* line 675, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .paypal input {
  height: unset;
}
/* line 680, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container hr {
  width: 100%;
  background-color: #3f4040;
  padding-top: 0.1rem;
}
/* line 686, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards {
  margin: auto 0;
}
/* line 689, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards input.invalid {
  border: 1px solid #c13939;
}
/* line 693, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 3rem;
  gap: 0.5rem;
}
/* line 700, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form label {
  grid-column: 1 / 6;
  text-align: right;
}
/* line 704, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form label:last-of-type {
  grid-column: 1 / 9;
}
/* line 708, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form label i {
  position: relative;
  transform: translateY(calc(-100% - 0.7rem)) translateX(-0.7rem);
}
/* line 715, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv {
  grid-column: 6 / 9;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 3rem;
  gap: 0.5rem;
}
/* line 722, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv fieldset {
  grid-column: 1 / 6;
}
/* line 725, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv fieldset .expiry-date-container {
  width: 100%;
  height: 100%;
  display: flex;
  background-color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid lightgray;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
/* line 739, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv fieldset .expiry-date-container.disabled {
  background-color: #f4f2ec;
}
/* line 743, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv fieldset .expiry-date-container span {
  position: relative;
  z-index: 10000;
}
/* line 748, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv fieldset .expiry-date-container.invalid {
  border: 1px solid #c13939;
}
/* line 752, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv fieldset .expiry-date-container input {
  height: calc(100% - 4px);
  grid-column: unset;
  border-color: transparent;
  padding: 0;
  white-space: nowrap;
  overflow: visible;
  position: relative;
  text-align: center;
  z-index: 9999;
}
/* line 767, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .expiry-and-cvv input {
  grid-column: 6 / 9;
}
/* line 772, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form button {
  grid-column: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
/* line 780, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .bubble-warning {
  grid-column: 1 / 9;
  padding: 1rem;
  background-color: #f99e1d;
  border: 2px solid #000;
  border-radius: 999px;
  height: fit-content;
  grid-row: span 2 / auto;
  display: none;
}
/* line 790, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards #payment-form .bubble-warning.show {
  display: block;
}
/* line 800, ../../../../resources/scss/pages/_order_complete.scss */
#complete .place-order-button {
  position: relative;
}
@media (max-width: 499px) {
  /* line 800, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .place-order-button {
    transform: translateY(2rem);
  }
}
/* line 808, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container {
  grid-column: 7 / 11;
  box-shadow: 0 0 0 2px #f99e1d;
  box-sizing: border-box;
  margin: 2.5rem -0.4rem auto -0.4rem;
  padding: 0 0.4rem 0.4rem;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
}
@media (max-width: 499px) {
  /* line 808, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container {
    grid-column: 2 / 11;
    box-shadow: none;
  }
}
/* line 821, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container .titles {
  margin-top: 1rem;
}
/* line 825, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review {
  width: 100%;
  min-height: 10rem;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid lightgray;
  padding: 1rem 0.5rem 1rem;
}
/* line 833, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review {
  width: 100%;
}
/* line 836, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item {
  display: grid;
  grid-template-columns: 5rem 1fr 2fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(211, 211, 211, 0.5);
}
/* line 846, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item:first-child {
  border-top: 0;
  padding-top: 0;
}
/* line 851, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 {
  grid-column: 1 / 4;
  grid-row: 1 / 2;
  margin: unset;
}
/* line 856, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 span {
  text-transform: lowercase;
}
/* line 861, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .qty {
  color: #f99e1d;
}
/* line 865, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item p {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
  margin: unset;
  text-align: right;
}
/* line 872, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h4 {
  grid-column: 2 / 5;
  grid-row: 2 / 3;
  margin: unset;
}
/* line 878, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment {
  display: inline-block;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin: 0.5rem .5rem 0 0;
  text-align: center;
}
/* line 885, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment[data-product-comment=""] {
  display: none;
}
/* line 889, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment i {
  color: #f99e1d;
  font-size: 1.5rem;
}
/* line 894, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment::after {
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  content: attr(data-product-comment);
  display: none;
  max-width: 39%;
  padding: 1.5rem;
  text-align: left;
  border-radius: 1.5rem;
  position: absolute;
  overflow: auto;
  z-index: 1000000;
}
@media (max-width: 499px) {
  /* line 894, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment::after {
    max-width: 72%;
  }
}
/* line 913, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment:hover::after {
  display: block;
}
/* line 919, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options {
  display: inline-block;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin: 0.5rem 0;
  text-align: center;
}
/* line 926, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options[data-product-comment=""] {
  display: none;
}
/* line 930, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options i {
  color: #f99e1d;
  font-size: 1.5rem;
}
/* line 935, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options::after {
  background-color: #f6f4eb;
  border: #ded7b6 1px solid;
  content: attr(data-product-options);
  white-space: pre;
  display: none;
  max-width: 39%;
  padding: 1.5rem;
  text-align: left;
  border-radius: 1.5rem;
  position: absolute;
  overflow: auto;
  z-index: 1000000;
}
@media (max-width: 499px) {
  /* line 935, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options::after {
    max-width: 72%;
  }
}
/* line 955, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options:hover::after {
  display: block;
}
/* line 961, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container {
  grid-column: 1 / 4;
  grid-row: 3 / 4;
  display: grid;
  grid-template-columns: min-content repeat(2, 5rem);
  text-align: center;
  gap: 1rem;
}
/* line 969, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container li {
  text-align: left;
}
/* line 973, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .product-image {
  max-width: 7rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
/* line 980, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more {
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}
/* line 988, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more .fa-ellipsis-h {
  color: #f99e1d;
  font-size: 2rem;
}
/* line 993, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more .all-images {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  grid-template-columns: repeat(4, auto);
  background-color: #f6f4eb;
  border-radius: 3rem;
  padding: 1.5rem;
  border: #ded7b6 1px solid;
  z-index: 10000;
}
/* line 1004, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more .all-images img {
  width: auto;
  max-height: 16rem;
  height: auto;
  margin: 0.5rem;
}
@media (max-width: 499px) {
  /* line 993, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more .all-images {
    grid-template-columns: repeat(3, auto);
    max-width: 95vw;
  }
  /* line 1015, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more .all-images img {
    max-width: 24vw;
  }
}
/* line 1022, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more:hover .all-images {
  display: grid;
}
/* line 1028, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container img {
  height: unset;
  max-height: 7rem;
  max-width: unset;
}
/* line 1037, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review #return-to-order {
  text-align: right;
  color: #acacac;
}
/* line 1041, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review #return-to-order:hover {
  color: #303030;
}
/* line 1045, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review #return-to-order p {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
/* line 1051, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review {
  width: 100%;
  display: grid;
  grid-template-columns: 4fr 1fr;
  grid-auto-rows: auto;
  gap: 0.5rem;
}
/* line 1058, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li {
  grid-column: 1 / 3;
}
/* line 1061, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li ul {
  width: 100%;
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 0.5rem;
}
/* line 1067, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li ul li {
  text-align: left;
}
/* line 1070, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li ul li:first-child {
  grid-column: 1 / 2;
}
/* line 1074, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li ul li:last-child {
  grid-column: 2 / 3;
  text-align: right;
}
/* line 1081, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.order-subtotal {
  font-weight: 600;
  font-size: 1.4rem;
}
/* line 1086, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.shipping {
  font-size: 1.4rem;
}
/* line 1090, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.late {
  font-size: 1.4rem;
}
/* line 1094, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.promo {
  font-size: 1.4rem;
}
/* line 1098, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.subtotal {
  font-weight: 600;
  margin-bottom: 2rem;
}
/* line 1103, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.gst {
  font-size: 1.4rem;
}
/* line 1107, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.qst {
  font-size: 1.4rem;
}
/* line 1111, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.total {
  color: #f99e1d;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.6rem;
}
/* line 1122, ../../../../resources/scss/pages/_order_complete.scss */
#complete #promo-section {
  grid-column: 7 / 11;
}
@media (max-width: 499px) {
  /* line 1122, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #promo-section {
    grid-column: 2 / 11;
  }
}
/* line 1129, ../../../../resources/scss/pages/_order_complete.scss */
#complete #promo-section .promo-section {
  width: 100%;
  display: grid;
  grid-template-columns: 5fr auto;
  grid-auto-rows: 3rem;
  gap: 0.5rem;
}
/* line 1136, ../../../../resources/scss/pages/_order_complete.scss */
#complete #promo-section .promo-section input {
  grid-column: 1 / 2;
}
/* line 1140, ../../../../resources/scss/pages/_order_complete.scss */
#complete #promo-section .promo-section button {
  grid-column: 2 / 3;
}

/* line 1147, ../../../../resources/scss/pages/_order_complete.scss */
.spinner {
  display: none;
  position: absolute;
  top: 2px;
  left: 50%;
  color: #ffffff;
  font-size: 1rem;
  text-indent: -9999em;
  transform: translateX(-50%) translateZ(0);
  animation-delay: -0.16s;
}
/* line 1158, ../../../../resources/scss/pages/_order_complete.scss */
.spinner, .spinner:before, .spinner:after {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  animation-fill-mode: both;
  animation: order-complete-cc-payment 1.8s infinite ease-in-out;
}
/* line 1168, ../../../../resources/scss/pages/_order_complete.scss */
.spinner:before, .spinner:after {
  content: '';
  position: absolute;
  top: 0;
}
/* line 1175, ../../../../resources/scss/pages/_order_complete.scss */
.spinner:before {
  left: -1.5rem;
  animation-delay: -0.32s;
}
/* line 1180, ../../../../resources/scss/pages/_order_complete.scss */
.spinner:after {
  left: 1.5rem;
  animation-delay: 0.32s;
}

@keyframes order-complete-cc-payment {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* line 5, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg {
  margin: 0 auto;
  max-width: 600px;
}
@media (max-width: 1200px) {
  /* line 5, ../../../../resources/scss/pages/_confirm.scss */
  .confirmation-msg {
    margin-top: 100px;
    margin-bottom: 200px;
  }
}
/* line 16, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-header {
  text-align: center;
}
/* line 19, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-header i {
  margin-left: 10px;
  padding: 6px;
  width: 48px;
  display: inline-block;
  font-size: 1.6em;
  color: #96c03d;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #96c03d;
}
/* line 31, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-header .error i {
  color: #910608;
  border: 5px solid #910608;
}
/* line 38, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body {
  max-width: 52.5rem;
  width: 100%;
  margin: 2rem auto;
  padding: 20px;
  background: #f2f2f2;
  -webkit-filter: drop-shadow(1px 1px 2px #b3b3b3);
  filter: drop-shadow(1px 1px 2px #b3b3b3);
}
/* line 46, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body h2 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
/* line 52, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body h4 {
  font-family: Roboto, sans-serif;
  padding: 1rem;
  background-color: #fbbe68;
  border: 3px solid #6787bf;
  border-radius: 1.5rem;
}
/* line 59, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body h4 a {
  margin: 2rem 0;
  text-align: center;
}
/* line 65, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body p {
  margin-bottom: 0;
}
/* line 70, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg span {
  margin-bottom: 20px;
  display: inline;
}

/* line 1, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us {
  background-color: #fff;
  color: #2d2d2d;
  min-height: 60vh;
}
/* line 8, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 13, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container h4 {
  margin-bottom: 6px;
  font-size: 1.2em;
}
/* line 18, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container i {
  color: #f99e1d;
}
/* line 54, ../../../../resources/scss/_mixins.scss */
.contact-us .container form:before, .contact-us .container form:after {
  content: '';
  display: table;
}
/* line 59, ../../../../resources/scss/_mixins.scss */
.contact-us .container form:after {
  clear: both;
}
/* line 25, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form input[type="text"], .contact-us .container form textarea {
  width: 100%;
  padding: .5em;
}
/* line 30, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form input[type="checkbox"] {
  height: inherit;
}
/* line 34, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .half-form {
  width: 49.5%;
  display: inline-block;
}
/* line 39, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form div {
  margin-bottom: 20px;
}
/* line 43, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form label {
  display: inline-block;
}
/* line 47, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .categories {
  padding: 20px;
  background-color: #f2f2f2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
}
/* line 53, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .categories label {
  margin-bottom: 15px;
}
/* line 57, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .categories span {
  display: inline-block;
  width: 49%;
}
/* line 61, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .categories span input {
  height: inherit;
}
/* line 65, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .categories span label {
  display: inline-block;
  margin-bottom: 4px;
}
/* line 72, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .g-recaptcha {
  float: right;
}
/* line 76, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container form .submit {
  clear: right;
}
/* line 82, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container .feedback-message .fa-check {
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  color: #b0e217;
  font-size: 90px;
}
/* line 92, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container .feedback-message .fa-exclamation {
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  color: #e0202f;
  font-size: 60px;
}
/* line 103, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container div {
  display: flex;
  flex-direction: row;
     /* @include breakpoint($desktop) {
        .form-left {
          @include gallery(6);
        }

        .form-right {
          @include gallery(6);
        }
      }*/
}
@media (max-width: 499px) {
  /* line 103, ../../../../resources/scss/pages/_contact_us.scss */
  .contact-us .container div {
    flex-direction: column;
    text-align: center;
  }
}
/* line 112, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container div .form-left, .contact-us .container div .form-right {
  display: flex;
  flex-direction: column;
  max-width: 50rem;
  /* @include breakpoint($desktop) {
     @include gallery(6);
   }*/
}
/* line 122, ../../../../resources/scss/pages/_contact_us.scss */
.contact-us .container div .form-left {
  margin-right: 2rem;
}
@media (max-width: 499px) {
  /* line 126, ../../../../resources/scss/pages/_contact_us.scss */
  .contact-us .container div .form-right {
    margin-top: 2rem;
  }
}

/* line 1, ../../../../resources/scss/pages/_code_request.scss */
.code-request {
  height: 100vh;
  min-height: 80rem;
}
/* line 5, ../../../../resources/scss/pages/_code_request.scss */
.code-request .container {
  width: 50%;
  min-width: 50rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding-bottom: 5rem;
}
@media (max-width: 499px) {
  /* line 5, ../../../../resources/scss/pages/_code_request.scss */
  .code-request .container {
    min-width: 0;
    width: 95%;
  }
}
/* line 19, ../../../../resources/scss/pages/_code_request.scss */
.code-request .container.feedback-message {
  width: 65%;
}
/* line 26, ../../../../resources/scss/pages/_code_request.scss */
.code-request form > div:not(:first-child) {
  margin-top: .5em;
}
/* line 39, ../../../../resources/scss/pages/_code_request.scss */
.code-request form div input[type="number"] {
  -moz-appearance: textfield;
}
/* line 42, ../../../../resources/scss/pages/_code_request.scss */
.code-request form div input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 47, ../../../../resources/scss/pages/_code_request.scss */
.code-request form div input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 55, ../../../../resources/scss/pages/_code_request.scss */
.code-request .btn, .code-request .submit, .code-request .btn-blue, .code-request .small-btn-blue, .code-request .btn-red, .code-request .cross-sell-overlay .bottom button, .cross-sell-overlay .bottom .code-request button, .code-request .accounts-reload-needed .bottom button, .accounts-reload-needed .bottom .code-request button {
  height: auto;
  margin-top: 10rem;
  padding: 6px 1em;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-align: center;
  background-color: #6787bf;
}
/* line 64, ../../../../resources/scss/pages/_code_request.scss */
.code-request .btn:hover, .code-request .submit:hover, .code-request .btn-blue:hover, .code-request .small-btn-blue:hover, .code-request .btn-red:hover, .code-request .cross-sell-overlay .bottom button:hover, .cross-sell-overlay .bottom .code-request button:hover, .code-request .accounts-reload-needed .bottom button:hover, .accounts-reload-needed .bottom .code-request button:hover {
  background-color: #3b4b67;
}
/* line 68, ../../../../resources/scss/pages/_code_request.scss */
.code-request .btn:disabled, .code-request .submit:disabled, .code-request .btn-blue:disabled, .code-request .small-btn-blue:disabled, .code-request .btn-red:disabled, .code-request .cross-sell-overlay .bottom button:disabled, .cross-sell-overlay .bottom .code-request button:disabled, .code-request .accounts-reload-needed .bottom button:disabled, .accounts-reload-needed .bottom .code-request button:disabled {
  background-color: #acacac;
}
/* line 71, ../../../../resources/scss/pages/_code_request.scss */
.code-request .btn:disabled:hover, .code-request .submit:disabled:hover, .code-request .btn-blue:disabled:hover, .code-request .small-btn-blue:disabled:hover, .code-request .btn-red:disabled:hover, .code-request .cross-sell-overlay .bottom button:disabled:hover, .cross-sell-overlay .bottom .code-request button:disabled:hover, .code-request .accounts-reload-needed .bottom button:disabled:hover, .accounts-reload-needed .bottom .code-request button:disabled:hover {
  background-color: #acacac;
}
/* line 77, ../../../../resources/scss/pages/_code_request.scss */
.code-request .g-recaptcha {
  width: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
}
/* line 88, ../../../../resources/scss/pages/_code_request.scss */
.code-request .feedback-message i.fa-check {
  margin-bottom: 5px;
  color: #aabc25;
  font-size: 90px;
}
/* line 94, ../../../../resources/scss/pages/_code_request.scss */
.code-request .feedback-message i.fa-exclamation {
  margin-bottom: 15px;
  color: #b40d19;
  font-size: 60px;
}
/* line 100, ../../../../resources/scss/pages/_code_request.scss */
.code-request .feedback-message p {
  font-family: Oswald, arial, sans-serif;
  font-size: 22px;
}
/* line 105, ../../../../resources/scss/pages/_code_request.scss */
.code-request .feedback-message a {
  display: inline-block;
  margin-top: 15px;
}

/* line 1, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions {
  text-align: justify;
}
/* line 4, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions h2 {
  margin-top: 1em;
}
/* line 8, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions ul.purchase-terms {
  list-style: square outside;
}
/* line 11, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions ul.purchase-terms li {
  margin-left: 1.2em;
  margin-bottom: .8em;
  color: #b3b3b3;
}
/* line 16, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions ul.purchase-terms li span {
  color: #000;
}
/* line 22, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions ol {
  margin: .6em 0 0 1.2em;
  list-style-position: outside;
}
/* line 26, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions ol li {
  margin-bottom: .4em;
}
/* line 30, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions ol ol {
  margin-left: 1.2em;
}
/* line 35, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions .decimal {
  list-style-type: decimal;
}
/* line 39, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions .roman-numerals {
  list-style-type: lower-roman;
}
/* line 43, ../../../../resources/scss/pages/_terms_and_conditions.scss */
.terms-and-conditions .lowercase {
  list-style-type: lower-alpha;
}

/* line 1, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login {
  width: 100%;
  min-height: 100vh;
  height: auto;
  padding: 5rem;
  display: flex;
}
@media (max-width: 499px) {
  /* line 1, ../../../../resources/scss/pages/_accounts_login.scss */
  .accounts-login {
    padding: 5rem 2rem;
  }
}
/* line 12, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container {
  display: grid;
  width: 100%;
  max-width: 70rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 4rem auto;
  gap: 3rem;
  padding: 0;
}
/* line 21, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container label {
  position: absolute;
  display: flex;
  width: auto;
  color: #f99e1d;
  filter: grayscale(1);
  font-size: 4rem;
  font-weight: 400;
  cursor: pointer;
  transition-duration: .3s;
}
/* line 32, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container label:first-of-type {
  grid-column: 1 / 2;
  justify-self: left;
}
/* line 37, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container label:last-of-type {
  grid-column: 2 / 3;
  justify-self: right;
}
/* line 43, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container input[type="radio"] {
  position: absolute;
  top: -100rem;
  left: -100rem;
  display: none;
}
/* line 51, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container #selection-section-login:checked ~ .selection-section-login {
  filter: grayscale(0);
  font-weight: 700;
}
/* line 56, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container #selection-section-login:checked ~ .section-login {
  display: grid;
}
/* line 62, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container #selection-section-signup:checked ~ .selection-section-signup {
  filter: grayscale(0);
  font-weight: 700;
}
/* line 67, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container #selection-section-signup:checked ~ .section-signup {
  display: grid;
}
/* line 72, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section {
  position: absolute;
  display: none;
  grid-row: 2 / 3;
  grid-column: 1 / 3;
  width: 100%;
  min-height: 30rem;
}
/* line 82, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth {
  width: 100%;
}
/* line 85, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
/* line 91, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth form label {
  position: relative;
  display: grid;
  gap: 0.7rem;
  width: 100%;
}
/* line 97, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth form label span {
  font-size: 2rem;
  color: #303030;
}
/* line 102, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth form label input {
  cursor: pointer;
}
/* line 106, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth form label a {
  cursor: pointer;
  text-align: left;
}
/* line 112, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth form a {
  color: #6787bf;
  font-size: 1.5rem;
  filter: grayscale(0);
  cursor: pointer;
  text-align: right;
}
/* line 120, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .local-auth form .btn-secondary {
  color: white;
  background-color: #f99e1d;
  box-sizing: content-box;
  padding: 1rem 3rem;
  font-size: 2rem;
  border-radius: 1.5rem;
  border: none;
  cursor: pointer;
}
/* line 133, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .auth-type-separator {
  width: 80%;
  margin: 2.5rem 10%;
  background-color: #303030;
}
/* line 141, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .oauth-auth {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
/* line 147, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .oauth-auth h3 {
  color: #f99e1d;
  grid-column: 1 / 4;
}
/* line 152, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .oauth-auth div {
  cursor: pointer;
  grid-column: span 1 / auto;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 0.5rem;
  border-radius: .5rem;
}
/* line 163, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .oauth-auth div img {
  height: 100%;
  object-fit: contain;
}
/* line 168, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .oauth-auth div.g-signin2 {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  background-color: white;
  border: 1px solid #e6e6e6;
  color: #4d4d4d;
}
/* line 175, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .oauth-auth div.fb-login-button {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  background-color: #1876f2;
  border: 1px solid #0c5eca;
  color: #fff;
}
/* line 182, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-login .container section.section-login .oauth-auth div.apple-singin {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  background-color: black;
  border: 1px solid #1a1a1a;
  color: white;
}

/* line 200, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-reload-needed {
  min-width: 30rem;
  min-height: 20rem;
  display: block;
  position: fixed;
  background-color: #f99e1d;
  padding: 2.5rem 2.5rem 3.5rem 2.5rem;
  border-radius: 3rem;
  text-align: center;
  box-shadow: 12px 12px #00000073;
  font-family: Roboto, sans-serif;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  pointer-events: none;
  animation: accounts-reload-needed 0s linear 900s 1 normal forwards;
}
/* line 217, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-reload-needed .bottom {
  position: absolute;
  width: 100%;
  bottom: 1.5rem;
  right: 1.5rem;
  text-align: right;
  margin-top: 1.5rem;
}
/* line 225, ../../../../resources/scss/pages/_accounts_login.scss */
.accounts-reload-needed .bottom button {
  cursor: pointer;
  color: #3f4040 !important;
  background: #f6f4eb !important;
}

@keyframes accounts-reload-needed {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: initial;
  }
}
/* line 1, ../../../../resources/scss/pages/_accounts_logout.scss */
.accounts-logout {
  width: 100vw;
  height: calc(100vh - 9rem);
  padding-top: 35vh;
}
/* line 6, ../../../../resources/scss/pages/_accounts_logout.scss */
.accounts-logout .logout-message {
  width: 100%;
}
/* line 9, ../../../../resources/scss/pages/_accounts_logout.scss */
.accounts-logout .logout-message h2 {
  width: 100%;
  text-align: center;
  font-size: 3rem;
  color: #3f4040;
}
/* line 16, ../../../../resources/scss/pages/_accounts_logout.scss */
.accounts-logout .logout-message .redirect {
  width: 50rem;
  margin: 3rem 0 0 30vw;
}

/* line 2, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create h2 {
  margin-top: .5rem;
  text-align: center;
}
/* line 7, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .error {
  color: #bd4444;
  text-align: center;
}
/* line 12, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .signup-form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* line 20, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .signup-form {
  flex-grow: .20;
  text-align: center;
}
/* line 24, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .signup-form label {
  margin-top: .65rem;
}
/* line 28, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .signup-form .password {
  display: flex;
  margin-bottom: .65rem;
}
/* line 32, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .signup-form .password label {
  flex: 1;
}
/* line 35, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .signup-form .password label:first-child {
  margin-right: .25rem;
}
/* line 38, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .signup-form .password label:last-child {
  margin-left: .25rem;
}
/* line 45, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .auth-type-separator {
  width: 80%;
  margin: 2.5rem 10%;
  background-color: #303030;
}
/* line 51, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .oauth-auth {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
/* line 56, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .oauth-auth h3 {
  color: #f99e1d;
  grid-column: 1 / 4;
}
/* line 61, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .oauth-auth div {
  cursor: pointer;
  grid-column: span 1 / auto;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 0.5rem;
  border-radius: .5rem;
}
/* line 72, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .oauth-auth div img {
  height: 100%;
  object-fit: contain;
}
/* line 77, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .oauth-auth div.g-signin2 {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  background-color: white;
  border: 1px solid #e6e6e6;
  color: #4d4d4d;
}
/* line 84, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .oauth-auth div.fb-login-button {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  background-color: #1876f2;
  border: 1px solid #0c5eca;
  color: #fff;
}
/* line 91, ../../../../resources/scss/pages/_accounts_create.scss */
.accounts-create .oauth-auth div.apple-singin {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  background-color: black;
  border: 1px solid #1a1a1a;
  color: white;
}

/* line 1, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account {
  width: 100vw;
  min-height: calc(100vh - 9rem);
  position: relative;
  display: grid;
  background-color: #f6f4eb;
  grid-template-columns: 25rem auto;
}
/* line 9, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account .menu-container {
  height: 100%;
  width: 25rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: #303030;
  grid-column: 1 / 2;
}
/* line 18, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account .menu-container label {
  display: flex;
  color: #f6f4eb;
  font-size: 1.7rem;
  gap: 1.7rem;
  box-sizing: content-box;
  margin: 2rem;
  position: relative;
  transition-duration: 0.3s;
}
/* line 31, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account .menu-container label.item-down {
  position: relative;
  bottom: calc(-100vh + 38rem);
}
/* line 36, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account .menu-container label:hover {
  color: #f99e1d;
}
/* line 42, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account .sections-container {
  width: 100%;
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2rem;
}
/* line 50, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account .sections-container section {
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  flex-direction: column;
}
/* line 57, ../../../../resources/scss/pages/_accounts_index.scss */
.my-account .sections-container section.active {
  position: relative;
  display: flex;
}

/* line 2, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claim-center {
  width: 70%;
  max-width: 70rem;
  min-height: 30rem;
  margin: 0 auto;
}
/* line 9, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .actions {
  text-align: right;
}
/* line 13, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .no-claim {
  position: absolute;
  left: 50%;
  top: 6rem;
  width: 40rem;
  padding: 1rem;
  border-radius: 3px;
  color: #f99e1d;
  text-align: center;
  transform: translateX(-50%);
  filter: drop-shadow(1px 1px 5px rgba(45, 45, 45, 0.1));
}
/* line 25, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .no-claim p {
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
}
/* line 31, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes {
  margin-top: 1.5rem;
}
/* line 34, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes th {
  font-family: "Oswald", sans-serif;
}
/* line 38, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes tr {
  height: 2.1rem;
}
/* line 42, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes .student-code-column-header {
  width: 25rem;
}
/* line 45, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes .student-name-column-header {
  width: 45rem;
}
/* line 48, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes .hide-column-header {
  width: 2.5rem;
}
/* line 51, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes .hide-column {
  text-align: center;
}
/* line 53, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim .claimed-codes .hide-column input {
  height: auto;
}

/* line 61, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim-overlay h3 {
  text-align: center;
}
/* line 65, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim-overlay .student-code {
  margin-bottom: .15rem;
}
/* line 69, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim-overlay .feedback {
  padding-left: .15rem;
  color: #2d2d2d;
  font-family: Oswald, sans-serif;
  font-size: 1.3rem;
}
/* line 75, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim-overlay .feedback span.error {
  color: #d45c3e;
}
/* line 80, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim-overlay p.explain {
  margin: -.5rem 0 0 1.45rem;
  color: #b3b3b3;
  font-size: 1.2rem;
}
/* line 86, ../../../../resources/scss/pages/_accounts_claim.scss */
.accounts-claim-overlay .middle {
  margin-top: 1.5rem;
  text-align: right;
}

/* line 1, ../../../../resources/scss/pages/_digitals.scss */
#digitals-landing {
  display: grid;
  height: max-content;
  grid-template-columns: repeat(10, 1fr);
  margin: 9rem 0;
}
/* line 7, ../../../../resources/scss/pages/_digitals.scss */
#digitals-landing .name {
  grid-column: 3 / 9;
}
/* line 11, ../../../../resources/scss/pages/_digitals.scss */
#digitals-landing .images {
  grid-column: 3 / 9;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 3rem;
  grid-auto-flow: row;
  position: relative;
  left: -1.5rem;
}
@media (max-width: 750px) {
  /* line 11, ../../../../resources/scss/pages/_digitals.scss */
  #digitals-landing .images {
    grid-column: 2 / 10;
  }
}
@media (max-width: 499px) {
  /* line 11, ../../../../resources/scss/pages/_digitals.scss */
  #digitals-landing .images {
    grid-template-columns: 100%;
    left: unset;
  }
}
/* line 34, ../../../../resources/scss/pages/_digitals.scss */
#digitals-landing .bottom {
  grid-column: 3 / 9;
  height: 9rem;
  text-align: center;
  margin-top: 3rem;
}
/* line 41, ../../../../resources/scss/pages/_digitals.scss */
#digitals-landing .digitals-thanks {
  text-align: center;
  grid-column: 3 / 9;
}

/* line 1, ../../../../resources/scss/pages/_faq.scss */
.faq {
  min-height: 100vh;
  max-width: 130rem;
}
/* line 5, ../../../../resources/scss/pages/_faq.scss */
.faq details {
  margin-top: 2rem;
  padding-bottom: 1rem;
  transition-duration: .3s;
  border-bottom: 1px solid #b3b3b3;
  padding-left: 2rem;
}
/* line 12, ../../../../resources/scss/pages/_faq.scss */
.faq details:last-of-type {
  border-bottom: none;
}
/* line 17, ../../../../resources/scss/pages/_faq.scss */
.faq details summary {
  cursor: pointer;
  border-bottom: 5px #b3b3b3;
  font-weight: bold;
}
/* line 22, ../../../../resources/scss/pages/_faq.scss */
.faq details summary:focus {
  outline: none !important;
}
/* line 26, ../../../../resources/scss/pages/_faq.scss */
.faq details summary::before {
  position: absolute;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: '\f107';
  color: #f99e1d;
  margin-right: 1.5rem;
  font-size: 2rem;
  transition-duration: .3s;
  transform: translate(-1.7rem, -0.3rem) rotate(-90deg);
}
/* line 43, ../../../../resources/scss/pages/_faq.scss */
.faq details[open] summary::before {
  transform: translate(-1.8rem, -0.3rem) rotate(0deg);
}
/* line 47, ../../../../resources/scss/pages/_faq.scss */
.faq details blockquote {
  margin-top: 1rem;
  margin-left: 2rem;
}
/* line 52, ../../../../resources/scss/pages/_faq.scss */
.faq details summary::-webkit-details-marker {
  display: none;
  overflow: none;
}
/* line 58, ../../../../resources/scss/pages/_faq.scss */
.faq blockquote {
  margin: 5rem 0 1rem;
  background-color: #acacac;
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
/* line 66, ../../../../resources/scss/pages/_faq.scss */
.faq ul {
  padding-left: 2rem;
  list-style: decimal;
}
/* line 74, ../../../../resources/scss/pages/_faq.scss */
.faq p {
  margin-left: 2.8rem;
}