@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,slnt,wdth,wght@8..144,-10..0,25..151,100..1000&display=swap");
/* line 5, ../../../../../../var/lib/gems/2.7.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, ../../../../../../var/lib/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../var/lib/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../var/lib/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../var/lib/gems/2.7.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, ../../../../../../var/lib/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../var/lib/gems/2.7.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, ../../../../../../var/lib/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../var/lib/gems/2.7.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 49, ../../../../resources/scss/_variables.scss */
.color-neutral-0 {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 0%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-1 {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 5%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-2, #order-app, .product-overlay .selected-photos, .cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul, .selected-photos-container, #complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .see-more .all-images {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 10%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-3, .layout-browser-warning-safari-9 {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 15%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-4, header.header-nav, header.header-nav .nav-header-mobile .nav-popup-menu, #order-app .sticky-header .selected-photos::-webkit-scrollbar-track, .product-overlay .selected-photos img, .cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 20%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-5, .cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment::after,
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra::after, #complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment::after,
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options::after {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 25%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-6 {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 30%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-7, #order-app .sticky-header {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 35%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-8 {
  --color-lightness: 93%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 40%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-9 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 45%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-10 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 50%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-11 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 55%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-12, #order-app .products .product-category.virtual, .build-your-own-overlay .inner .middle .selection-section .byop-choices-table thead {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 60%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-13 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 65%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-14, .cart-overlay #complete-order.activated, #complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-label {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 70%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-15, .btn, .submit, .btn-blue, .small-btn-blue, .btn-red, .btn-accent, .small-btn, .cross-sell-overlay .bottom button {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 75%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-16, .footer, #complete #order-complete-warning, .confirmation-msg .confirmation-body {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 80%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-17 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 85%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-18, .overlay-default, #loading-screen .loading-overlay, #order-app .products .product-category .add-to-cart-link .product.virtual, .product-overlay, .product-overlay .selected-photos::after, .add-subject-code-overlay, #order-app .add-photo-overlay, .choose-green-screen-overlay, .choose-green-screen-overlay .content-area .backgrounds, .cart-overlay, .cart-overlay .cart-controls, .selected-photo-container, .cart-footer, #complete .complete-container .completion-steps-container .cart-review-step, #complete .complete-container .completion-steps-container .cart-review-step::after, #complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-radio[disabled] + .payment-method-label, #complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-inner, #complete .cart-review-container, #complete .cart-review-container #cart-review-title.titles h2 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 90%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-19 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 95%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 49, ../../../../resources/scss/_variables.scss */
.color-neutral-20, input[type='checkbox']::after, #content, #order-app .products, .warning, #complete .complete-container .titles h2, #complete .complete-container .cart-checked, #complete .complete-container .completion-steps-container .cart-review-step.cart-checked, #complete .cart-review-container.cart-checked #cart-review-title.titles h2 {
  --color-lightness: 7%;
  --color-background-neutral-hue: 0;
  --color-background-neutral-saturation: 0%;
  --color-background-neutral-lightness: 100%;
  --color-background-neutral: hsl(var(--color-background-neutral-hue), var(--color-background-neutral-saturation), var(--color-background-neutral-lightness));
  --color-contrasted-neutral-hue: 0;
  --color-contrasted-neutral-saturation: 0%;
  --color-contrasted-neutral-lightness: var(--color-lightness);
  --color-contrasted-neutral: hsl(var(--color-contrasted-neutral-hue), var(--color-contrasted-neutral-saturation), var(--color-contrasted-neutral-lightness));
  background-color: var(--color-background-neutral);
  color: var(--color-contrasted-neutral);
}

/* line 59, ../../../../resources/scss/_variables.scss */
:root {
  --color-hue: 0;
  --color-saturation: 0%;
  --color-lightness: 0%;
  --color-complimentary-hue: calc(var(--color-hue) - 180);
  --color-triad-hue1: calc(var(--color-hue) + 120);
  --color-triad-hue2: calc(var(--color-hue) - 120);
  --color-analogous-hue1: calc(var(--color-hue) + 30);
  --color-analogous-hue2: calc(var(--color-hue) - 30);
  --color-analogous-hue3: calc(var(--color-hue) + 60);
  --color-analogous-hue4: calc(var(--color-hue) - 60);
  --color-split-complimentary-hue1: calc(var(--color-hue) + 150);
  --color-split-complimentary-hue2: calc(var(--color-hue) - 150);
  --color-tetradic-hue1: calc(var(--color-hue) + 90);
  --color-tetradic-hue2: calc(var(--color-hue) - 90);
  --color-tetradic-hue3: calc(var(--color-hue) + 180);
  /* Preset props */
  --color-link-hue: 210;
  --color-link-saturation: 100%;
  --color-link-lightness: 35%;
  --color-link: hsl(var(--color-link-hue), var(--color-link-saturation), var(--color-link-lightness));
  --color-header-hue: 0;
  --color-header-saturation: 70%;
  --color-header-lightness: 50%;
  --color-header: hsl(var(--color-header-hue), var(--color-header-saturation), var(--color-header-lightness));
  --color-button-blue-hue: 180;
  --color-button-blue-saturation: 70%;
  --color-button-blue-lightness: 50%;
  --color-button-blue: hsl(var(--color-button-blue-hue), var(--color-button-blue-saturation), var(--color-button-blue-lightness));
  --color-button-red-hue: 0;
  --color-button-red-saturation: 70%;
  --color-button-red-lightness: 50%;
  --color-button-red: hsl(var(--color-button-red-hue), var(--color-button-red-saturation), var(--color-button-red-lightness));
  --color-semantic-success: #65ae5b;
  --color-semantic-error: #b42722;
  --color-semantic-warning: #dbd848;
  --color-semantic-info: #376fc3;
  --color-semantic-disabled: gray;
  --color-semantic-delete: var(--color-semantic-error);
  --color-accent: var(--customization-color-accent, #4d8573);
  --color-separator: oklch(75% 0% 0);
  --button-padding: 20px;
  --button-font-size: 1.6rem;
  --button-height: calc((var(--button-padding) * 2) + var(--button-font-size) + 1px);
}
@supports not (text-align: justify) {
  @property --color-hue {
    /* line 59, ../../../../resources/scss/_variables.scss */
    :root {
      syntax: '<number> | <angle>';
      inherits: false;
      initial-value: 0;
    }
  }
  @property --color-saturation {
    /* line 59, ../../../../resources/scss/_variables.scss */
    :root {
      syntax: '<number> | <percentage>';
      inherits: false;
      initial-value: 0%;
    }
  }
  @property --color-lightness {
    /* line 59, ../../../../resources/scss/_variables.scss */
    :root {
      syntax: '<number> | <percentage>';
      inherits: false;
      initial-value: 0%;
    }
  }
}
/* line 131, ../../../../resources/scss/_variables.scss */
:root .accent-complementary {
  filter: hue-rotate(180deg);
}
/* line 134, ../../../../resources/scss/_variables.scss */
:root .accent-complementary > *:not(.accent-complementary) {
  filter: hue-rotate(180deg);
}
/* line 141, ../../../../resources/scss/_variables.scss */
:root * {
  color: HSL(var(--color-hue), var(--color-saturation), var(--color-lightness));
}

/* line 4, ../../../../resources/scss/_base.scss */
:root {
  font-family: "Roboto Flex", sans-serif;
  --font-width: 100;
  --font-slant: 0;
  scroll-behavior: smooth;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "slnt" var(--font-slant), "wdth" var(--font-width), "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712;
}

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

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

/* line 39, ../../../../resources/scss/_base.scss */
body {
  height: 100%;
}

/* line 43, ../../../../resources/scss/_base.scss */
a {
  color: #f6f4eb;
  text-decoration: none;
  cursor: pointer;
}
/* line 48, ../../../../resources/scss/_base.scss */
a.underlined {
  text-decoration: underline solid currentColor;
  line-height: 1.25em;
}
/* line 53, ../../../../resources/scss/_base.scss */
a:hover {
  color: #f99e1d;
}

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

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

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

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

/* line 76, ../../../../resources/scss/_base.scss */
.accent {
  color: var(--color-accent);
}

/* line 80, ../../../../resources/scss/_base.scss */
.error {
  color: var(--color-semantic-error);
}

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

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

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

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

/* line 117, ../../../../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 128, ../../../../resources/scss/_base.scss */
header.header-nav,
.footer,
#home,
#order-app,
#complete {
  font-family: "Roboto Flex", sans-serif;
}
/* line 135, ../../../../resources/scss/_base.scss */
header.header-nav em,
.footer em,
#home em,
#order-app em,
#complete em {
  font-style: italic;
  --font-slant: -10;
}
/* line 140, ../../../../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: 600;
}
/* line 145, ../../../../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 Flex", sans-serif;
  font-size: 1.6rem;
}
/* line 150, ../../../../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 150, ../../../../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 160, ../../../../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 160, ../../../../resources/scss/_base.scss */
  header.header-nav h3,
  .footer h3,
  #home h3,
  #order-app h3,
  #complete h3 {
    font-size: 1.8rem;
  }
}
/* line 169, ../../../../resources/scss/_base.scss */
header.header-nav h4,
.footer h4,
#home h4,
#order-app h4,
#complete h4 {
  font-size: 1.9rem;
}

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

/* line 179, ../../../../resources/scss/_base.scss */
input[type='checkbox'] {
  margin-bottom: 0.7rem;
  margin-right: 1.5rem;
}
/* line 183, ../../../../resources/scss/_base.scss */
input[type='checkbox']::after {
  content: "";
  padding: 0 0.743rem;
  position: relative;
  top: 0.9rem;
  border-radius: 5px;
  border: 2px solid var(--color-background-neutral);
  box-shadow: 0 0 0 1px lightgray;
}
/* line 195, ../../../../resources/scss/_base.scss */
input[type='checkbox']:checked::after {
  background-color: var(--color-accent);
}

/* line 1, ../../../../resources/scss/modules/_ui.scss */
.ui-button, .dialog-ui-button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  --color-lightness: 0%;
  min-height: 3rem;
  padding: 0 1rem 0 1.3rem;
  font-family: "Roboto Flex", sans-serif;
  font-size: 1.6rem;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  background: var(--color-accent);
  cursor: pointer;
}
/* line 15, ../../../../resources/scss/modules/_ui.scss */
.ui-button:hover, .dialog-ui-button:hover {
  filter: brightness(1.1);
}
/* line 19, ../../../../resources/scss/modules/_ui.scss */
.ui-button.disabled, .disabled.dialog-ui-button, .ui-button[disabled], [disabled].dialog-ui-button {
  background-color: var(--color-semantic-disabled);
  opacity: .5;
}

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

/* line 36, ../../../../resources/scss/modules/_ui.scss */
input[type="text"].disabled {
  background-color: var(--color-semantic-disabled);
}

/* line 41, ../../../../resources/scss/modules/_ui.scss */
.spinner {
  --color-lightness: 100%;
  --dot-width: 1rem;
  --dot-color: #fff;
  --dot-offset: calc(var(--dot-width) * -1.5);
  color: var(--dot-color);
  position: relative;
  font-size: var(--dot-width);
  transform: translateY(calc(var(--dot-width) * -2.5));
  animation-delay: -0.16s;
}
/* line 52, ../../../../resources/scss/modules/_ui.scss */
.spinner, .spinner:before, .spinner:after {
  width: var(--dot-width);
  height: var(--dot-width);
  border-radius: 50%;
  animation-fill-mode: both;
  animation: spinner-running 1.8s infinite ease-in-out;
}
/* line 62, ../../../../resources/scss/modules/_ui.scss */
.spinner:before, .spinner:after {
  content: '';
  position: absolute;
  top: 0;
}
/* line 69, ../../../../resources/scss/modules/_ui.scss */
.spinner:before {
  left: var(--dot-offset);
  animation-delay: -0.32s;
}
/* line 74, ../../../../resources/scss/modules/_ui.scss */
.spinner:after {
  right: var(--dot-offset);
  animation-delay: 0.32s;
}

@keyframes spinner-running {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* line 1, ../../../../resources/scss/_layout.scss */
.page-container {
  position: relative;
  min-height: 100%;
}
/* line 7, ../../../../resources/scss/_layout.scss */
.page-container:has(.show-header) header.header-nav .nav-header-mobile {
  display: flex;
}

/* line 14, ../../../../resources/scss/_layout.scss */
.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 120rem;
  padding: 1rem;
  position: relative;
}
/* line 12, ../../../../../../var/lib/gems/2.7.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 14, ../../../../resources/scss/_layout.scss */
  .container {
    padding: 2rem;
  }
}

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

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

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

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

  /* line 51, ../../../../resources/scss/_layout.scss */
  .sidebar-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 58, ../../../../resources/scss/_layout.scss */
header.header-nav {
  position: relative;
  box-shadow: 0 1px 2px var(--color-background-neutral);
  z-index: 15;
}
/* line 64, ../../../../resources/scss/_layout.scss */
header.header-nav a {
  color: #acacac;
}
/* line 67, ../../../../resources/scss/_layout.scss */
header.header-nav a:hover {
  color: #f6f4eb;
}
/* line 71, ../../../../resources/scss/_layout.scss */
header.header-nav a:active {
  color: #f99e1d;
}
/* line 76, ../../../../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;
}
@media (max-width: 900px) {
  /* line 76, ../../../../resources/scss/_layout.scss */
  header.header-nav .nav-header-desktop {
    display: none;
  }
}
/* line 90, ../../../../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 100, ../../../../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 108, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-desktop ul li {
  flex: 0 0;
  white-space: nowrap;
  margin-right: 4rem;
}
/* line 116, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile {
  display: none;
  position: relative;
  height: 9rem;
  padding: 0 1.5rem;
  box-shadow: 0 1px 2px #303030;
  z-index: 20;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 900px) {
  /* line 116, ../../../../resources/scss/_layout.scss */
  header.header-nav .nav-header-mobile {
    display: flex;
  }
}
/* line 130, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .header-logo {
  flex: 0 0 auto;
  position: relative;
  height: 6rem;
}
/* line 136, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .lang-link-mobile {
  flex: 1 1 auto;
  text-align: right;
  font-size: 1.4rem;
  color: #acacac;
  white-space: nowrap;
  padding-right: 1rem;
}
/* line 144, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .lang-link-mobile:hover {
  color: #f6f4eb;
}
/* line 149, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state {
  display: none;
}
/* line 153, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .mobile-nav-menu {
  flex: 0 0 auto;
  cursor: pointer;
  font-size: 2.5rem;
  padding: 0.5rem 1rem;
  color: #acacac;
}
/* line 160, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .mobile-nav-menu .fa-times {
  display: none;
}
/* line 164, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .mobile-nav-menu:hover {
  color: #f6f4eb;
}
/* line 169, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .nav-popup-menu {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  flex-direction: column;
  gap: 0;
  min-width: 20rem;
  padding: 1rem 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
/* line 181, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .nav-popup-menu li {
  flex: 0 0 auto;
  margin: 0;
}
/* line 185, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .nav-popup-menu li a {
  display: block;
  padding: 1rem 2rem;
  font-size: 1.8rem;
  font-family: Roboto, sans-serif;
  font-weight: bold;
  white-space: nowrap;
}
/* line 193, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .nav-popup-menu li a:hover {
  background: rgba(255, 255, 255, 0.05);
}
/* line 201, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state:checked ~ .mobile-nav-menu .fa-bars {
  display: none;
}
/* line 204, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state:checked ~ .mobile-nav-menu .fa-times {
  display: inline;
}
/* line 209, ../../../../resources/scss/_layout.scss */
header.header-nav .nav-header-mobile .menu-state:checked ~ .nav-popup-menu {
  display: flex;
}
/* line 214, ../../../../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: 900px) {
  /* line 214, ../../../../resources/scss/_layout.scss */
  header.header-nav .lang-link {
    display: none;
  }
}

/* line 228, ../../../../resources/scss/_layout.scss */
#dialog-locale-selection {
  position: fixed;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100000000000;
  top: 32%;
  margin: 0;
  width: max-content;
  max-width: 100vw;
  padding: 2rem;
  border-radius: 0.4rem;
  border: 0 solid transparent;
  filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.25));
}
/* line 241, ../../../../resources/scss/_layout.scss */
#dialog-locale-selection::backdrop {
  backdrop-filter: grayscale(50%);
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 246, ../../../../resources/scss/_layout.scss */
#dialog-locale-selection .dialog-locale-selection-title {
  text-align: center;
  margin-bottom: 4rem;
}
/* line 251, ../../../../resources/scss/_layout.scss */
#dialog-locale-selection .dialog-locale-selection-content {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 261, ../../../../resources/scss/_layout.scss */
#content {
  font-size: 1.6rem;
}

/* line 268, ../../../../resources/scss/_layout.scss */
.footer {
  position: sticky;
  top: 100%;
}
/* line 273, ../../../../resources/scss/_layout.scss */
.footer .footer-columns {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  padding: 5rem 16rem 0 16rem;
  white-space: nowrap;
}
@media (max-width: 900px) {
  /* line 273, ../../../../resources/scss/_layout.scss */
  .footer .footer-columns {
    flex-direction: column;
    text-align: center;
    padding: 2.5rem 1rem 0 1rem;
    gap: 2rem;
  }
}
/* line 288, ../../../../resources/scss/_layout.scss */
.footer .footer-columns h3 {
  font-weight: bold;
  margin-bottom: 1rem;
}
@media (max-width: 900px) {
  /* line 288, ../../../../resources/scss/_layout.scss */
  .footer .footer-columns h3 {
    font-size: 2.5rem;
  }
}
/* line 297, ../../../../resources/scss/_layout.scss */
.footer .footer-columns a {
  font-size: 1.6rem;
}
/* line 300, ../../../../resources/scss/_layout.scss */
.footer .footer-columns a:hover {
  color: var(--color-accent);
}
@media (max-width: 499px) {
  /* line 305, ../../../../resources/scss/_layout.scss */
  .footer .footer-columns div {
    margin-bottom: 0;
  }
}
/* line 311, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us {
  flex: 0 0;
}
/* line 314, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us p:empty {
  display: none;
}
/* line 318, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us .footer-phone {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
/* line 323, ../../../../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 330, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-contact-us .footer-contact-us-link a {
  text-decoration: underline;
}
/* line 336, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-our-services {
  flex: 0 0;
}
/* line 339, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-our-services li {
  margin-bottom: 1rem;
}
/* line 344, ../../../../resources/scss/_layout.scss */
.footer .footer-columns .footer-our-other-services {
  flex: 0 0;
}
/* line 349, ../../../../resources/scss/_layout.scss */
.footer .copyright {
  padding: .5rem 1rem;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 499px) {
  /* line 349, ../../../../resources/scss/_layout.scss */
  .footer .copyright {
    padding: 0 1rem 1rem 1rem;
  }
}
/* line 361, ../../../../resources/scss/_layout.scss */
.footer .copyright p {
  margin: 4rem 0 .5rem 0;
  font-size: 1.2rem;
}
@media (max-width: 499px) {
  /* line 361, ../../../../resources/scss/_layout.scss */
  .footer .copyright p {
    font-size: 0.8rem;
  }
}
/* line 370, ../../../../resources/scss/_layout.scss */
.footer .copyright .build {
  margin: 0 0 .5rem 0;
  font-size: 1rem;
  display: flex;
  align-items: flex-end;
}

/* line 379, ../../../../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;
  z-index: 100000000001;
}
/* line 394, ../../../../resources/scss/_layout.scss */
.layout-browser-warning-safari-9.show {
  display: block;
}
@supports (display: flex) {
  /* line 394, ../../../../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,
select,
.input {
  height: 30px;
  vertical-align: middle;
}

/* line 29, ../../../../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 oklch(75% 0% 0);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

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

/* line 56, ../../../../resources/scss/modules/_forms.scss */
textarea {
  padding: .5rem;
  vertical-align: top;
  height: 150px;
  resize: none;
}

/* line 63, ../../../../resources/scss/modules/_forms.scss */
.btn, .submit, .btn-blue, .small-btn-blue, .btn-red, .btn-accent, .small-btn, .cross-sell-overlay .bottom button {
  display: inline-block;
  height: auto;
  padding: 20px;
  font-family: "Roboto Flex", sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-align: center;
  border: none;
  cursor: pointer;
  outline: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 78, ../../../../resources/scss/modules/_forms.scss */
.btn:hover, .submit:hover, .btn-blue:hover, .small-btn-blue:hover, .btn-red:hover, .btn-accent:hover, .small-btn:hover, .cross-sell-overlay .bottom button:hover {
  filter: brightness(1.1);
}
/* line 82, ../../../../resources/scss/modules/_forms.scss */
.btn[disabled], [disabled].submit, [disabled].btn-blue, [disabled].small-btn-blue, [disabled].btn-red, [disabled].btn-accent, [disabled].small-btn, .cross-sell-overlay .bottom button[disabled] {
  background-color: var(--color-semantic-disabled);
  cursor: default;
}
/* line 86, ../../../../resources/scss/modules/_forms.scss */
.btn[disabled]:hover, [disabled].submit:hover, [disabled].btn-blue:hover, [disabled].small-btn-blue:hover, [disabled].btn-red:hover, [disabled].btn-accent:hover, [disabled].small-btn:hover, .cross-sell-overlay .bottom button[disabled]:hover {
  background-color: var(--color-semantic-disabled);
}

/* line 92, ../../../../resources/scss/modules/_forms.scss */
.submit {
  float: right;
}

/* line 101, ../../../../resources/scss/modules/_forms.scss */
.btn-blue, .small-btn-blue {
  background-color: var(--color-button-blue);
}
/* line 105, ../../../../resources/scss/modules/_forms.scss */
.btn-blue:hover, .small-btn-blue:hover {
  --color-button-blue-lightness: calc(var(--color-button-blue-lightness) + 10%);
}

/* line 110, ../../../../resources/scss/modules/_forms.scss */
.btn-red {
  background-color: var(--color-button-red);
}
/* line 114, ../../../../resources/scss/modules/_forms.scss */
.btn-red:hover {
  --color-button-blue-lightness: calc(var(--color-button-blue-lightness) + 10%);
}

/* line 119, ../../../../resources/scss/modules/_forms.scss */
.btn-accent {
  background-color: var(--color-accent);
}
/* line 123, ../../../../resources/scss/modules/_forms.scss */
.btn-accent:hover {
  --color-accent-lightness: calc(var(--color-accent-lightness) + 10%);
}

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

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

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

/* line 150, ../../../../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 Flex", sans-serif;
}
/* line 168, ../../../../resources/scss/modules/_forms.scss */
#home .btn, #home .submit, #home .btn-blue, #home .small-btn-blue, #home .btn-red, #home .btn-accent, #home .small-btn, #home .cross-sell-overlay .bottom button, .cross-sell-overlay .bottom #home button,
#home .btn-blue,
#home .small-btn-blue,
#home .btn-primary,
#order-app .btn,
#order-app .submit,
#order-app .btn-blue,
#order-app .small-btn-blue,
#order-app .btn-red,
#order-app .btn-accent,
#order-app .small-btn,
#order-app .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #order-app button,
#order-app .btn-blue,
#order-app .small-btn-blue,
#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 .btn-accent,
#accounts-login .small-btn,
#accounts-login .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #accounts-login button,
#accounts-login .btn-blue,
#accounts-login .small-btn-blue,
#accounts-login .btn-primary,
dialog .btn,
dialog .submit,
dialog .btn-blue,
dialog .small-btn-blue,
dialog .btn-red,
dialog .btn-accent,
dialog .small-btn,
dialog .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom dialog button,
dialog .btn-blue,
dialog .small-btn-blue,
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,
.accounts-reload-needed .btn-accent,
.accounts-reload-needed .small-btn,
.accounts-reload-needed .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom .accounts-reload-needed button,
.accounts-reload-needed .btn-blue,
.accounts-reload-needed .small-btn-blue,
.accounts-reload-needed .btn-primary,
#complete .btn,
#complete .submit,
#complete .btn-blue,
#complete .small-btn-blue,
#complete .btn-red,
#complete .btn-accent,
#complete .small-btn,
#complete .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #complete button,
#complete .btn-blue,
#complete .small-btn-blue,
#complete .btn-primary {
  display: inline-block;
  height: auto;
  padding: var(--button-padding);
  font-family: "Roboto Flex", sans-serif;
  font-size: var(--button-font-size);
  text-transform: uppercase;
  letter-spacing: .5px;
  text-align: center;
  border: none;
  cursor: pointer;
  outline: none;
}
/* line 183, ../../../../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 [disabled].btn-accent, #home [disabled].small-btn, #home .cross-sell-overlay .bottom button[disabled], .cross-sell-overlay .bottom #home button[disabled],
#home .btn-blue[disabled],
#home [disabled].small-btn-blue,
#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 [disabled].btn-accent,
#order-app [disabled].small-btn,
#order-app .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom #order-app button[disabled],
#order-app .btn-blue[disabled],
#order-app [disabled].small-btn-blue,
#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 [disabled].btn-accent,
#accounts-login [disabled].small-btn,
#accounts-login .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom #accounts-login button[disabled],
#accounts-login .btn-blue[disabled],
#accounts-login [disabled].small-btn-blue,
#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 [disabled].btn-accent,
dialog [disabled].small-btn,
dialog .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom dialog button[disabled],
dialog .btn-blue[disabled],
dialog [disabled].small-btn-blue,
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,
.accounts-reload-needed [disabled].btn-accent,
.accounts-reload-needed [disabled].small-btn,
.accounts-reload-needed .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom .accounts-reload-needed button[disabled],
.accounts-reload-needed .btn-blue[disabled],
.accounts-reload-needed [disabled].small-btn-blue,
.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 [disabled].btn-accent,
#complete [disabled].small-btn,
#complete .cross-sell-overlay .bottom button[disabled],
.cross-sell-overlay .bottom #complete button[disabled],
#complete .btn-blue[disabled],
#complete [disabled].small-btn-blue,
#complete .btn-primary[disabled] {
  background-color: var(--color-semantic-disabled);
  cursor: default;
}
/* line 187, ../../../../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 [disabled].btn-accent:hover, #home [disabled].small-btn:hover, #home .cross-sell-overlay .bottom button[disabled]:hover, .cross-sell-overlay .bottom #home button[disabled]:hover,
#home .btn-blue[disabled]:hover,
#home [disabled].small-btn-blue: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 [disabled].btn-accent:hover,
#order-app [disabled].small-btn:hover,
#order-app .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom #order-app button[disabled]:hover,
#order-app .btn-blue[disabled]:hover,
#order-app [disabled].small-btn-blue: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 [disabled].btn-accent:hover,
#accounts-login [disabled].small-btn:hover,
#accounts-login .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom #accounts-login button[disabled]:hover,
#accounts-login .btn-blue[disabled]:hover,
#accounts-login [disabled].small-btn-blue: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 [disabled].btn-accent:hover,
dialog [disabled].small-btn:hover,
dialog .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom dialog button[disabled]:hover,
dialog .btn-blue[disabled]:hover,
dialog [disabled].small-btn-blue: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,
.accounts-reload-needed [disabled].btn-accent:hover,
.accounts-reload-needed [disabled].small-btn:hover,
.accounts-reload-needed .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom .accounts-reload-needed button[disabled]:hover,
.accounts-reload-needed .btn-blue[disabled]:hover,
.accounts-reload-needed [disabled].small-btn-blue: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 [disabled].btn-accent:hover,
#complete [disabled].small-btn:hover,
#complete .cross-sell-overlay .bottom button[disabled]:hover,
.cross-sell-overlay .bottom #complete button[disabled]:hover,
#complete .btn-blue[disabled]:hover,
#complete [disabled].small-btn-blue:hover,
#complete .btn-primary[disabled]:hover {
  background-color: var(--color-semantic-disabled);
  filter: none;
}
/* line 194, ../../../../resources/scss/modules/_forms.scss */
#home .btn, #home .submit, #home .btn-blue, #home .small-btn-blue, #home .btn-red, #home .btn-accent, #home .small-btn, #home .cross-sell-overlay .bottom button, .cross-sell-overlay .bottom #home button,
#home .btn-blue,
#home .small-btn-blue,
#home .btn-primary,
#order-app .btn,
#order-app .submit,
#order-app .btn-blue,
#order-app .small-btn-blue,
#order-app .btn-red,
#order-app .btn-accent,
#order-app .small-btn,
#order-app .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #order-app button,
#order-app .btn-blue,
#order-app .small-btn-blue,
#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 .btn-accent,
#accounts-login .small-btn,
#accounts-login .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #accounts-login button,
#accounts-login .btn-blue,
#accounts-login .small-btn-blue,
#accounts-login .btn-primary,
dialog .btn,
dialog .submit,
dialog .btn-blue,
dialog .small-btn-blue,
dialog .btn-red,
dialog .btn-accent,
dialog .small-btn,
dialog .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom dialog button,
dialog .btn-blue,
dialog .small-btn-blue,
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,
.accounts-reload-needed .btn-accent,
.accounts-reload-needed .small-btn,
.accounts-reload-needed .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom .accounts-reload-needed button,
.accounts-reload-needed .btn-blue,
.accounts-reload-needed .small-btn-blue,
.accounts-reload-needed .btn-primary,
#complete .btn,
#complete .submit,
#complete .btn-blue,
#complete .small-btn-blue,
#complete .btn-red,
#complete .btn-accent,
#complete .small-btn,
#complete .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #complete button,
#complete .btn-blue,
#complete .small-btn-blue,
#complete .btn-primary {
  font-family: Roboto, sans-serif;
  border-radius: 10px;
}
/* line 201, ../../../../resources/scss/modules/_forms.scss */
#home .small-btn,
#order-app .small-btn,
#accounts-login .small-btn,
dialog .small-btn,
.accounts-reload-needed .small-btn,
#complete .small-btn {
  padding: 10px;
}
/* line 205, ../../../../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 {
  max-height: 5.9rem;
  min-width: 8rem;
}

/* line 215, ../../../../resources/scss/modules/_forms.scss */
#home .btn, #home .submit, #home .btn-blue, #home .small-btn-blue, #home .btn-red, #home .btn-accent, #home .small-btn, #home .cross-sell-overlay .bottom button, .cross-sell-overlay .bottom #home button,
#home .submit,
#home .btn-blue,
#home .small-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 .btn-accent,
#order-app .small-btn,
#order-app .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #order-app button,
#order-app .submit,
#order-app .btn-blue,
#order-app .small-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 .btn-accent,
#accounts-login .small-btn,
#accounts-login .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #accounts-login button,
#accounts-login .submit,
#accounts-login .btn-blue,
#accounts-login .small-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 .btn-accent,
dialog .small-btn,
dialog .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom dialog button,
dialog .submit,
dialog .btn-blue,
dialog .small-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,
.accounts-reload-needed .btn-accent,
.accounts-reload-needed .small-btn,
.accounts-reload-needed .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom .accounts-reload-needed button,
.accounts-reload-needed .submit,
.accounts-reload-needed .btn-blue,
.accounts-reload-needed .small-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 .btn-accent,
#complete .small-btn,
#complete .cross-sell-overlay .bottom button,
.cross-sell-overlay .bottom #complete button,
#complete .submit,
#complete .btn-blue,
#complete .small-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;
  text-align: center;
  background-color: gray;
  border: none;
  cursor: pointer;
  outline: none;
  font-weight: bold;
  border-radius: 10px;
  letter-spacing: unset;
}

/* line 296, ../../../../resources/scss/modules/_forms.scss */
#home .btn-accent,
#order-app .btn-accent,
#accounts-login .btn-accent,
dialog .btn-accent,
.accounts-reload-needed .btn-accent,
#complete .btn-accent {
  background-color: var(--color-accent);
}

/* line 1, ../../../../resources/scss/modules/_tags.scss */
.tags-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 3rem;
  border: 1px solid oklch(75% 0% 0);
  -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-hue: 180;
}
/* line 44, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-dropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  max-height: 35rem;
  text-align: left;
  border: 1px solid currentColor;
  box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.35);
  overflow-y: auto;
  z-index: 1;
}
/* line 55, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-dropdown li {
  padding: .6rem .8rem;
}
/* line 58, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tags-dropdown li:hover {
  --color-lightness: 50%;
}
/* line 64, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge {
  flex: 0 0;
  display: inline-block;
  height: 2rem;
  margin-right: .3rem;
  padding: .2rem .4rem;
  border-radius: 3px;
  cursor: default;
  white-space: nowrap;
}
/* line 74, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge:after {
  content: "\00d7";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: .2rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.1rem;
  border-radius: 50%;
  transform: translateY(-0.1rem);
}
/* line 87, ../../../../resources/scss/modules/_tags.scss */
.tags-container .tag-badge.highlight, .tags-container .tag-badge:hover {
  box-shadow: 0 0 0 2px var(--color-accent);
}
/* line 91, ../../../../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 98, ../../../../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?1769047194') 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);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.65) 100%);
  z-index: 10000000000000000000;
}
/* line 17, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-modal .__gallery-close {
  --color-lightness: 80%;
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  font-size: 3rem;
  cursor: pointer;
}
/* line 25, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-modal .__gallery-close:hover {
  color: var(color-semantic-error);
}

/* line 31, ../../../../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 31, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container {
    text-align: center;
    flex-direction: column-reverse;
  }
}
/* line 47, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-viewer {
  flex: 1 0;
  padding: 2rem;
}
@media (max-width: 499px) {
  /* line 47, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-viewer {
    flex: 1;
    min-width: 100vw;
    padding: unset;
    display: flex;
  }
}
/* line 58, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-viewer .__gallery-image-container {
  display: flex;
  height: 100%;
  justify-content: center;
}
@media (max-width: 499px) {
  /* line 58, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-viewer .__gallery-image-container {
    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 73, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-viewer .__gallery-image-container img {
  border-radius: 0.6rem;
  width: 100%;
  object-fit: contain;
}
/* line 81, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-image-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 20rem;
  height: unset;
  gap: 1rem;
}
@media (max-width: 499px) {
  /* line 81, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-image-list {
    display: flex;
    position: relative;
    flex-direction: row;
    left: 50%;
    transform: translateX(-50%);
    width: unset;
    max-width: unset;
    height: auto;
    padding-top: 0;
    overflow-x: hidden;
    overflow-y: visible;
  }
}
/* line 104, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-image-list img {
  height: min-content;
  width: 100%;
  max-width: 9rem;
  object-fit: contain;
  margin-right: 1rem;
  border-radius: 0.6rem;
}
@media (max-width: 499px) {
  /* line 104, ../../../../resources/scss/modules/_gallery.scss */
  .__gallery-container .__gallery-image-list img {
    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 var(--color-accent);
}
/* line 124, ../../../../resources/scss/modules/_gallery.scss */
.__gallery-container .__gallery-image-list img:last-child {
  margin-right: 0;
}

/* line 19, ../../../../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 19, ../../../../resources/scss/modules/_overlay.scss */
  .overlay {
    transform-origin: bottom;
    top: 0;
    height: 100vh;
    animation-name: openOverlayMaxHeight758;
  }
}
@media (max-width: 499px) {
  /* line 19, ../../../../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 56, ../../../../resources/scss/modules/_overlay.scss */
.overlay .close {
  color: inherit;
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  font-size: 3rem;
  transition: 0.1s ease-out color;
  z-index: 10000002;
  background: transparent;
  cursor: pointer;
}
/* line 67, ../../../../resources/scss/modules/_overlay.scss */
.overlay .close:after {
  content: "\f00d";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 100;
}
/* line 73, ../../../../resources/scss/modules/_overlay.scss */
.overlay .close:hover {
  color: var(--color-semantic-error);
}

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

/* line 88, ../../../../resources/scss/modules/_overlay.scss */
.overlay-default {
  --color-lightness: calc(var(--color-contrasted-neutral-lightness) - 10%);
  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;
  border-radius: 3rem;
  box-shadow: 1px 1px 3px currentColor;
}

/* line 98, ../../../../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 98, ../../../../resources/scss/modules/_overlay.scss */
  .overlay-feedback {
    left: 0;
    right: 0;
    min-width: unset;
    width: unset;
  }
}
/* line 110, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback h2 {
  text-align: center;
}
/* line 114, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback p {
  text-align: center;
}
/* line 118, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback .buttons {
  text-align: right;
}
/* line 121, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback .buttons button {
  margin-right: 1rem;
}
/* line 124, ../../../../resources/scss/modules/_overlay.scss */
.overlay-feedback .buttons button:last-child {
  margin-right: 0;
}

/* line 131, ../../../../resources/scss/modules/_overlay.scss */
.overlay-shade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000000;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: grayscale(50%);
  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 currentColor;
  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 var(--color-accent);
  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: white;
  background-color: rgba(26, 81, 163, 0.65);
  border-bottom: 3px solid #1a51a3;
}
/* line 9, ../../../../resources/scss/pages/_home.scss */
#message-important div {
  text-shadow: #1a51a3 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 Flex", 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: #486cab;
  color: white;
  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;
  color: #f6f4eb;
}
@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 144, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .student-code-input-container {
  position: relative;
}
/* line 147, ../../../../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 155, ../../../../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 163, ../../../../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 175, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .feedback.error {
  color: #d45c3e;
}
/* line 180, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code .missing-code {
  visibility: hidden;
  margin-top: 2rem;
  color: #f6f4eb;
}
/* line 186, ../../../../resources/scss/pages/_home.scss */
#home .carousel .enter-internet-code button {
  margin-top: 1rem;
}
/* line 190, ../../../../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 197, ../../../../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 201, ../../../../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 208, ../../../../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 218, ../../../../resources/scss/pages/_home.scss */
#home .carousel .terms span {
  white-space: nowrap;
}
@media (max-width: 499px) {
  /* line 208, ../../../../resources/scss/pages/_home.scss */
  #home .carousel .terms {
    font-size: 1rem;
    right: unset;
    width: 100vw;
    justify-content: center;
  }
}
/* line 229, ../../../../resources/scss/pages/_home.scss */
#home .carousel .terms a {
  color: #f6f4eb;
  margin-left: 0.5ch;
  filter: drop-shadow(0 0 3px #f6f4eb);
}
/* line 234, ../../../../resources/scss/pages/_home.scss */
#home .carousel .terms a:hover {
  color: #ded7b6;
}
/* line 240, ../../../../resources/scss/pages/_home.scss */
#home .carousel .arrow-down {
  position: absolute;
  bottom: 0;
  color: #f6f4eb;
  font-size: 20rem;
  cursor: pointer;
  transition: .2s transform;
  transform-origin: center;
}
@media (max-height: 800px) {
  /* line 240, ../../../../resources/scss/pages/_home.scss */
  #home .carousel .arrow-down {
    display: none;
  }
}
/* line 253, ../../../../resources/scss/pages/_home.scss */
#home .carousel .arrow-down:hover {
  transform: scale(1.1);
}
/* line 257, ../../../../resources/scss/pages/_home.scss */
#home .carousel .arrow-down:active {
  transform: scale(0.9);
}
/* line 262, ../../../../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 272, ../../../../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 272, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line {
    padding-top: 7rem;
  }
}
/* line 284, ../../../../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 284, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line h2 {
    padding: 0 1rem;
    font-size: 2.4rem;
  }
}
/* line 300, ../../../../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 300, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line p {
    margin: 4rem 1rem 0 1rem;
  }
}
/* line 312, ../../../../resources/scss/pages/_home.scss */
#home .hero-line h3 {
  margin: 8rem 0 4rem 0;
  padding: 0 1.5rem;
  color: #f6f4eb;
  font-weight: 500;
  font-size: 2.4rem;
  text-align: center;
  line-height: 2.5rem;
  white-space: normal;
}
@media (max-width: 600px) {
  /* line 312, ../../../../resources/scss/pages/_home.scss */
  #home .hero-line h3 {
    margin: 4rem 0 3rem 0;
    padding: 0 1rem;
  }
}
/* line 330, ../../../../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 330, ../../../../resources/scss/pages/_home.scss */
  #home .who-we-are {
    padding: 4rem 1rem 4rem 1rem;
  }
}
/* line 338, ../../../../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 348, ../../../../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 356, ../../../../resources/scss/pages/_home.scss */
#home .who-we-are .reserve-with-us-link {
  font-weight: bold;
  filter: none;
}
/* line 362, ../../../../resources/scss/pages/_home.scss */
#home .our-services {
  padding: 3rem 10rem;
  background-color: #f6f4eb;
}
@media (max-width: 600px) {
  /* line 362, ../../../../resources/scss/pages/_home.scss */
  #home .our-services {
    padding: 3rem 1rem;
  }
}
/* line 370, ../../../../resources/scss/pages/_home.scss */
#home .our-services h2 {
  margin: 2rem 0 4rem 0;
  color: #f6f4eb;
  font-size: 2.7rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
/* line 379, ../../../../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 379, ../../../../resources/scss/pages/_home.scss */
  #home .our-services .our-services-links {
    flex-direction: column;
  }
}
/* line 389, ../../../../resources/scss/pages/_home.scss */
#home .our-services .our-services-links a {
  flex: 0 0 45%;
  margin-bottom: 3rem;
}
@media (max-width: 499px) {
  /* line 389, ../../../../resources/scss/pages/_home.scss */
  #home .our-services .our-services-links a {
    margin-bottom: 1.5rem;
  }
}
/* line 398, ../../../../resources/scss/pages/_home.scss */
#home .our-services .our-services-links h3 {
  margin-top: 1rem;
  color: #f6f4eb;
  font-size: 2.2rem;
  font-weight: bold;
}
/* line 405, ../../../../resources/scss/pages/_home.scss */
#home .our-services .our-services-links p {
  color: #f6f4eb;
  font-size: 2rem;
  font-weight: 300;
}
@media (max-width: 499px) {
  /* line 405, ../../../../resources/scss/pages/_home.scss */
  #home .our-services .our-services-links p {
    font-size: 1.8rem;
  }
}
/* line 417, ../../../../resources/scss/pages/_home.scss */
#home .contact-us {
  position: relative;
  padding: 5rem 0;
  background-color: #333 !important;
  overflow: hidden;
}
/* line 423, ../../../../resources/scss/pages/_home.scss */
#home .contact-us h2 {
  color: #f6f4eb;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
/* line 430, ../../../../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 430, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form {
    flex-direction: column;
  }
}
/* line 441, ../../../../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 441, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .info {
    padding-left: 1rem;
  }
}
/* line 449, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .info h3 {
  margin-bottom: 2rem;
  color: #f6f4eb;
  font-size: 2.2rem;
  font-weight: bold;
}
/* line 456, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .info h4 {
  color: #f6f4eb;
  font-size: 2rem;
  font-weight: bold;
}
/* line 462, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .info p {
  margin-top: 5rem;
  color: #f6f4eb;
}
@media (max-width: 900px) {
  /* line 462, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .info p {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
}
/* line 473, ../../../../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 473, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .form-fields {
    padding: 0 2rem 0 15rem;
  }
}
@media (max-width: 600px) {
  /* line 473, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .form-fields {
    padding: 0 2rem 0 2rem;
  }
}
/* line 486, ../../../../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 498, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .form-fields div span {
  display: inline;
}
/* line 501, ../../../../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 512, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .form-fields .g-recaptcha {
  margin: 1rem 0 3rem;
}
@media (max-width: 340px) {
  /* line 512, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .form-fields .g-recaptcha {
    position: relative;
    left: -2rem;
    transform: scale(0.8);
  }
}
/* line 524, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .contact-us-form .send-your-message {
  margin-top: -3.5rem;
}
@media (max-width: 1200px) {
  /* line 524, ../../../../resources/scss/pages/_home.scss */
  #home .contact-us .contact-us-form .send-your-message {
    margin-top: 5.5rem;
    float: left;
  }
}
/* line 535, ../../../../resources/scss/pages/_home.scss */
#home .contact-us .phone-icon {
  position: absolute;
  left: -9rem;
  bottom: -6rem;
  color: #f6f4eb;
  font-size: 45rem;
  --fa-primary-opacity: 0;
}

/* line 1, ../../../../resources/scss/pages/_order_app.scss */
#loading-screen {
  --color-loading: oklch(30% 0% 0);
  font-family: "Roboto Flex", sans-serif;
  font-size: 3rem;
  position: fixed;
  z-index: 10000000;
  letter-spacing: 0.3rem;
  inset: 0;
  pointer-events: all;
  background: oklch(15% 0% 0/50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 30vh;
  gap: 2rem;
}
/* line 18, ../../../../resources/scss/pages/_order_app.scss */
#loading-screen .loading-overlay {
  --overlay-padding: 1.5rem;
  --color-lightness: 25%;
  border-radius: 0.4rem;
  border: 1px solid #d9d9d9;
  filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.2));
  padding: var(--overlay-padding);
  --overlay-padding: 4.5rem;
  padding-block: 2.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.4rem;
}
/* line 29, ../../../../resources/scss/pages/_order_app.scss */
#loading-screen .spinner {
  order: 1;
  --dot-width: .7rem;
  --dot-color: var(--color-loading);
  margin-top: 1.5rem;
}
/* line 36, ../../../../resources/scss/pages/_order_app.scss */
#loading-screen span {
  color: var(--color-loading);
}

/* line 41, ../../../../resources/scss/pages/_order_app.scss */
#order-app {
  --header-height: 7.5rem;
}
/* line 45, ../../../../resources/scss/pages/_order_app.scss */
#order-app.show {
  pointer-events: all;
  opacity: 1;
}
/* line 51, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-icon {
  position: relative;
}
/* line 54, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-icon i:first-child {
  font-size: 3.4rem;
  opacity: 0.55;
}
/* line 59, ../../../../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 67, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header {
  display: flex;
  width: 100%;
  height: var(--header-height);
  flex-direction: row;
  z-index: 1000;
}
/* line 75, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .nav-header {
  display: contents;
}
/* line 78, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .nav-header .header-logo {
  height: 100%;
  padding: 1rem 0 1rem 1rem;
}
@media (max-width: 499px) {
  /* line 75, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .nav-header {
    display: none;
  }
}
/* line 89, ../../../../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;
  overflow: clip;
}
@media (max-width: 499px) {
  /* line 89, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .photo-tray {
    padding-left: 0;
  }
}
/* line 101, ../../../../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 107, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .photo-tray .add-photo-container .add-photos {
  margin: 0 1rem;
  padding: 2.5rem 1.5rem 2.5rem 1.7rem;
  background-color: var(--color-accent);
  border-radius: 0;
}
@media (max-width: 499px) {
  /* line 107, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .photo-tray .add-photo-container .add-photos {
    margin-left: 0;
  }
}
/* line 117, ../../../../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 117, ../../../../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 131, ../../../../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 140, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar {
  height: 0.5rem;
}
/* line 144, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar-track {
  box-shadow: 0 0 0.5rem;
}
/* line 149, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  filter: brightness(0.8);
}
/* line 153, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos::-webkit-scrollbar-thumb:hover {
  filter: brightness(1);
}
/* line 158, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos.hide-photos div {
  display: none;
}
/* line 162, ../../../../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 170, ../../../../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 178, ../../../../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 189, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .selected-photos .selected-photo:hover i {
  color: var(--color-semantic-error);
}
/* line 195, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .cart-container {
  position: relative;
  flex: 0 0 6rem;
  padding: 0.5rem;
  background-color: var(--color-accent);
  white-space: nowrap;
  display: flex;
  align-items: center;
}
@media (max-width: 499px) {
  /* line 195, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .cart-container {
    flex: 0 0 5rem;
    padding: 0.3rem;
  }
}
/* line 209, ../../../../resources/scss/pages/_order_app.scss */
#order-app .sticky-header .cart-container button {
  --color-lightness: 7%;
  width: 100%;
  height: 100%;
  font-size: 3.5rem;
  cursor: pointer;
}
@media (max-width: 499px) {
  /* line 209, ../../../../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;
    padding-top: 0.5rem;
  }
  /* line 227, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .cart-container button .cart-container-text {
    text-align: right;
  }
}
/* line 233, ../../../../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;
  font-family: "Roboto Flex", sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 2.1rem;
  background-color: var(--color-semantic-error);
  border-radius: 100%;
  pointer-events: none;
  display: none;
}
@media (max-width: 499px) {
  /* line 233, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .sticky-header .cart-container .cart-counter {
    right: 16%;
    top: 9%;
  }
}
/* line 256, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products {
  --product-card-width: 24.5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  min-height: calc(100vh - 20rem);
}
@media (max-width: 499px) {
  /* line 256, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products {
    min-height: calc(100vh - 21rem);
  }
}
/* line 271, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started {
  position: relative;
  min-height: calc(100vh - 60.5rem);
  padding-top: 10rem;
  text-align: center;
}
@media (max-width: 499px) {
  /* line 271, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started {
    margin-top: 5px;
  }
}
/* line 281, ../../../../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 288, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr min-content 1fr;
  grid-auto-flow: column;
  padding: 1rem;
  gap: 1rem;
  white-space: nowrap;
  margin: auto;
  width: fit-content;
  max-width: 98vw;
}
/* line 300, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box div {
  position: relative;
  display: inline-block;
}
/* line 305, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box input {
  width: unset;
}
@media (max-width: 499px) {
  /* line 305, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started .subject-code-add-box input {
    width: 12rem;
  }
}
@media (max-width: 380px) {
  /* line 305, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started .subject-code-add-box input {
    width: 10rem;
  }
}
/* line 317, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box .feedback {
  --color-lightness: 7%;
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  padding-left: 0.15rem;
  font-size: 1.3rem;
  white-space: nowrap;
  transform: translateX(-50%);
}
/* line 327, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box .feedback.error {
  color: var(--color-semantic-error);
}
/* line 332, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box #subject-code-add-input-home-spinner {
  --dot-color: var(--color-loading);
  display: none;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, 0);
}
/* line 340, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box #subject-code-add-input-home-spinner.searching {
  display: block;
}
/* line 345, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box button#subject-code-add-button-home {
  vertical-align: middle;
  height: 3rem;
}
/* line 349, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .subject-code-add-box button#subject-code-add-button-home span {
  position: relative;
  top: 0;
}
@media (max-width: 499px) {
  /* line 349, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .get-started .subject-code-add-box button#subject-code-add-button-home span {
    top: 0px;
  }
}
/* line 360, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .order-app-code-request {
  position: relative;
  top: 1rem;
  max-height: 3rem;
  text-align: center;
}
/* line 366, ../../../../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 372, ../../../../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 376, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .get-started .order-app-code-request .terms a {
  display: inline;
}
/* line 383, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products a {
  margin: 0 3.5rem 5rem 3.5rem;
}
/* line 387, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category {
  --max-width: calc(var(--product-card-width) * 5 + 8rem);
  position: relative;
  width: 100%;
  max-width: var(--max-width);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--product-card-width), 1fr));
  flex-wrap: wrap;
  gap: calc(var(--product-card-width) / 3);
  margin-bottom: 2rem;
  padding-top: 3rem;
  padding-inline: 3.5rem;
  justify-items: center;
}
@media (max-width: 900px) {
  /* line 387, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category {
    gap: 1rem;
  }
}
@media (max-width: 499px) {
  /* line 387, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category {
    padding-inline: 1.5rem;
  }
}
/* line 408, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category.virtual {
  padding-block: 0.5rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  min-height: calc(var(--header-height) * 1.618);
  max-width: unset;
}
@media (max-width: 499px) {
  /* line 408, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category.virtual {
    padding-inline: 0.5rem;
    gap: 0.5rem;
    justify-items: stretch;
    align-items: stretch;
    flex-wrap: wrap;
  }
}
/* line 426, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category.virtual > h3 {
  display: none;
}
/* line 431, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category:first-child {
  margin-top: 0;
}
/* line 435, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category h3 {
  --color-lightness: 20%;
  font-weight: 600;
  flex: unset;
  height: auto;
  white-space: normal;
  display: block;
  position: relative;
  left: 0;
}
@media (max-width: 499px) {
  /* line 435, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category h3 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-left: 1rem;
  }
}
/* line 452, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category > h3 {
  position: absolute;
  top: 0;
  left: 1.5rem;
}
/* line 458, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link {
  margin: 0;
}
/* line 461, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product {
  --color-lightness: 50%;
  position: relative;
  width: var(--product-card-width);
  overflow: hidden;
  margin: 0;
  max-width: calc(100vw - 3rem);
}
@media (max-width: 499px) {
  /* line 461, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category .add-to-cart-link .product {
    --product-card-width: 20rem;
  }
}
/* line 473, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product.virtual {
  --product-card-width: 10rem;
  display: grid;
  grid-template-columns: var(--product-card-width) 1fr;
  width: calc(var(--product-card-width) + 20rem);
  border-radius: 0.4rem;
}
@media (max-width: 499px) {
  /* line 473, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .products .product-category .add-to-cart-link .product.virtual {
    width: calc(100vw - 1rem);
    height: 100%;
  }
}
/* line 486, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product.virtual .images {
  aspect-ratio: 1;
  height: unset;
}
/* line 495, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product.virtual .middle {
  flex-direction: column;
  justify-content: flex-start;
  flex: auto;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 2.2rem;
  height: 100%;
}
/* line 504, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product.virtual .middle h3 {
  --color-lightness: 7%;
  font-size: 2rem;
}
/* line 514, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product h3 {
  margin: unset;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 500;
  top: unset;
  left: unset;
  width: unset;
  height: unset;
}
/* line 525, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .images {
  width: var(--product-card-width);
  max-width: inherit;
  height: min-content;
  overflow: clip;
  aspect-ratio: 1;
}
/* line 532, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .images img {
  border-radius: 0.6rem;
  width: var(--product-card-width);
  height: var(--product-card-width);
  object-fit: unset;
}
/* line 540, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .middle {
  margin-block: 1rem;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
/* line 547, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .desc {
  display: none;
}
/* line 551, ../../../../resources/scss/pages/_order_app.scss */
#order-app .products .product-category .add-to-cart-link .product .price {
  margin-bottom: 1rem;
  color: var(--color-accent);
  font-weight: 500;
  text-align: left;
  font-size: 2rem;
}

/* OVERLAYS */
/* line 566, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay {
  --photo-selection-height: 40rem;
  --photo-selection-header-height: 5.7rem;
  --bottom-buttons-height: var(--button-height, 5.7rem);
  --overlay-padding: 1.5rem;
  --color-lightness: 25%;
  border-radius: 0.4rem;
  border: 1px solid #d9d9d9;
  filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.2));
  padding: var(--overlay-padding);
  position: fixed;
  height: unset;
  width: 60%;
  min-width: 47rem;
  max-height: 90vh;
  text-align: center;
  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%);
  overflow: clip;
}
@media (max-width: 499px) {
  /* line 566, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay {
    width: 100vw;
    min-width: unset;
    height: 100dvh;
    max-height: unset;
    inset: 0;
    border: none;
    border-radius: 0;
    transform: unset;
  }
}
@media (max-height: 758px) {
  /* line 566, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay {
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
  }
}
/* line 598, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay h2 {
  margin: 0 0 1.5rem;
  text-align: center;
}
@media (max-width: 835px) {
  /* line 598, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay h2 {
    text-align: left;
    margin-left: 0.5rem;
  }
}
@media (max-width: 780px) {
  /* line 598, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay h2 {
    letter-spacing: -0.1rem;
  }
}
@media (max-width: 730px) {
  /* line 598, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay h2 {
    font-size: 2.3rem;
  }
}
@media (max-width: 630px) {
  /* line 598, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay h2 {
    font-size: 2rem;
  }
}
@media (max-width: 350px) {
  /* line 598, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay h2 {
    font-size: 1.8rem;
    letter-spacing: -0.2rem;
  }
}
/* line 625, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay:has(.selected-photos:not(.selected-photos-hidden)) {
  min-height: var(--photo-selection-height);
}
/* line 629, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .inner {
  display: flex;
  width: calc(100% + (var(--overlay-padding, 1.5rem) * 2));
  padding-inline: var(--overlay-padding, 1.5rem);
  gap: 1rem;
  flex-direction: column;
  margin-inline: calc(var(--overlay-padding, 1.5rem) * -1);
  overflow-y: auto;
}
@media (max-width: 499px) {
  /* line 629, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .inner {
    justify-content: flex-start;
    grid-template-columns: 1fr;
    height: 100%;
  }
  @supports (-webkit-touch-callout: none) {
    /* line 629, ../../../../resources/scss/pages/_order_app.scss */
    .product-overlay .inner {
      padding-bottom: 2rem;
    }
  }
}
/* line 649, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .top {
  flex: 0 0;
}
/* line 652, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .top h2 {
  margin: 1.5rem 0;
  text-align: center;
  letter-spacing: unset;
}
/* line 658, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .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 658, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .top .guide-select-photo {
    margin-bottom: -28.5rem;
    font-size: smaller;
  }
}
/* line 681, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .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 692, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .top .guide-select-photo i {
  position: absolute;
  color: var(--color-accent);
  font-size: 3rem;
}
/* line 697, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .top .guide-select-photo i:first-of-type {
  left: 15%;
}
/* line 701, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .top .guide-select-photo i:last-of-type {
  right: 15%;
}
/* line 707, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .top .product-name {
  position: relative;
  top: 1.5rem;
  margin-bottom: 2.65rem;
  text-align: left;
  font-size: 2rem;
}
/* line 716, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle {
  flex: 0 1;
  display: flex;
  flex-direction: column;
}
/* line 721, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .img-container {
  display: flex;
  flex-direction: row;
  flex: 0 0;
}
@media (max-width: 300px) {
  /* line 721, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .img-container {
    flex-direction: column;
  }
}
/* line 730, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .img-container img {
  position: relative;
  max-width: 21.5rem;
  max-height: 21.5rem;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  transition: 0.05s backdrop-filter ease-out;
  object-fit: contain;
}
/* line 740, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .img-container img:hover {
  cursor: zoom-in;
}
@media (max-width: 499px) {
  /* line 730, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .img-container img {
    width: 13rem;
    height: 13rem;
  }
}
@media (max-width: 300px) {
  /* line 730, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .img-container img {
    width: 100%;
    height: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-height: 900px) {
  /* line 730, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .img-container img {
    max-width: 14rem;
    max-height: 14rem;
  }
}
/* line 761, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .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 779, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .img-container .description-section {
  text-align: left;
  margin-left: 1rem;
}
/* line 783, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .img-container .description-section h4 {
  font-size: 1.8rem;
}
/* line 787, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .img-container .description-section .description {
  margin: 0.5rem 0 0 0;
  max-height: 12.5lh;
  font-size: 1.4rem;
  overflow-y: auto;
}
/* line 796, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details {
  flex: 1 0;
  text-align: left;
}
/* line 800, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .price {
  margin-top: 2rem;
  font-family: "Roboto Flex", sans-serif;
  font-size: 2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* line 809, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .price .price-number::before {
  content: "$";
}
/* line 813, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .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 827, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .quantity-header {
  margin-top: 1.5rem;
  clear: both;
}
/* line 832, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #themes-container {
  position: relative;
  clear: both;
}
/* line 836, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #themes-container .warning {
  position: absolute;
  width: max-content;
  top: -5rem;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 842, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #themes-container .warning span {
  grid-column: 1 / 3;
}
/* line 846, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #themes-container .warning::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, -6px) rotate(-90deg);
}
/* line 853, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #themes-container .themes-header {
  margin-top: 1rem;
  margin-bottom: 0.3rem;
  font-size: 1.8rem;
}
/* line 859, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #themes-container .theme-select {
  max-width: 100%;
  font-size: 1.4rem;
}
/* line 865, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #digital-discount {
  margin-block: 1.5rem;
  overflow: clip;
}
/* line 869, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #digital-discount h4 {
  margin-top: 1rem;
  margin-bottom: 0.3rem;
  font-size: 1.8rem;
}
/* line 875, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #digital-discount .add-to-cart-eligible-for-discount,
.product-overlay .middle .details #digital-discount .discount-add-photo-count {
  margin-top: 1rem;
  color: var(--color-accent);
}
/* line 881, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #digital-discount .add-digital-copy-discount {
  color: var(--color-accent);
}
/* line 886, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #add-digital-copy {
  display: none;
  margin-block: 1.5rem;
}
/* line 890, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #add-digital-copy label {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
  font-size: 1.6rem;
}
/* line 898, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details #add-digital-copy .add-digital-copy-price {
  color: var(--color-accent);
}
/* line 903, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .comment {
  clear: both;
}
/* line 906, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .comment h4 {
  margin: 1rem 0 0.5rem 0;
  font-size: 1.8rem;
}
/* line 911, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .comment .warning {
  position: absolute;
}
/* line 915, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .comment textarea {
  height: 4rem;
  min-height: 4rem;
  font-size: 1.4rem;
}
@media (max-height: 630px) {
  /* line 915, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .details .comment textarea {
    max-height: 8rem;
  }
}
@media (max-width: 499px) {
  /* line 915, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .details .comment textarea {
    max-height: 8rem;
  }
  /* line 927, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .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 940, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .extra-options {
  clear: both;
}
/* line 943, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .extra-options h4 {
  margin: 1rem 0 0.5rem 0;
  font-size: 1.8rem;
}
/* line 948, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .extra-options .option {
  max-height: 3rem;
  display: flex;
  align-items: center;
  margin-right: auto;
  width: fit-content;
}
/* line 955, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .extra-options .option p {
  font-size: 1.2rem;
  line-height: 0.5rem;
  float: left;
  margin: unset;
  margin-top: 2px;
}
/* line 966, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .details .description p {
  margin: 0;
}
/* line 972, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .middle .add-to-cart-buttons-phone {
  display: none;
  float: right;
}
@media (max-width: 499px) {
  /* line 972, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .add-to-cart-buttons-phone {
    display: block;
  }
  /* line 979, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .middle .add-to-cart-buttons-phone button {
    transform: scale(0.6);
    position: relative;
  }
}
/* line 987, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .bottom {
  width: 100%;
  text-align: right;
  position: relative;
}
/* line 993, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos {
  padding: 7.5rem 2.5rem 2.5rem;
  position: absolute;
  inset: 0;
  z-index: 10000001;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: flex-start;
  gap: 1.5rem;
  align-items: start;
  overflow: auto;
}
/* line 1007, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos::after {
  content: attr(data-text-after);
  position: fixed;
  padding: 1.5rem 0 1.5rem;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 2.7rem;
  text-align: center;
  height: var(--photo-selection-header-height);
}
@media (max-width: 835px) {
  /* line 1007, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .selected-photos::after {
    text-align: left;
    padding-left: 1.5rem;
  }
}
@media (max-width: 730px) {
  /* line 1007, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .selected-photos::after {
    font-size: 2.3rem;
  }
}
@media (max-width: 350px) {
  /* line 1007, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .selected-photos::after {
    font-size: 2rem;
  }
}
/* line 1033, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos::-webkit-scrollbar {
  display: none;
}
/* line 1037, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos.selected-photos-hidden {
  display: none;
  width: 0;
  height: 0;
}
@media (max-width: 499px) {
  /* line 993, ../../../../resources/scss/pages/_order_app.scss */
  .product-overlay .selected-photos {
    width: unset;
    transform: none;
    max-height: unset;
    border: none;
    border-radius: 0;
    padding-bottom: 5vh;
    overflow: auto;
  }
}
/* line 1053, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos img {
  aspect-ratio: 4 / 5;
  height: auto;
  opacity: 0.9;
  filter: saturate(0.5);
  transition: 0.1s ease-out transform;
  border: 3px solid transparent;
  border-radius: 0.6rem;
  padding: 1rem;
  width: 14.5rem;
  cursor: pointer;
  object-fit: scale-down;
}
/* line 1067, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos img.selected, .product-overlay .selected-photos img:hover {
  opacity: 1;
  filter: none;
  box-sizing: border-box;
}
/* line 1074, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos img.selected {
  border-color: var(--color-accent);
  border-style: solid;
}
/* line 1079, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos img.selected:hover {
  border-color: oklch(from var(--color-accent) calc(l + .10) c h);
  border-style: dashed;
}
/* line 1084, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos img:hover {
  border-color: oklch(from var(--color-accent) calc(l - .10) c h);
  border-style: dashed;
}
/* line 1089, ../../../../resources/scss/pages/_order_app.scss */
.product-overlay .selected-photos img.not-available {
  filter: grayscale(1);
  opacity: 0.5;
  pointer-events: none;
}

/* ADD SUBJECT CODE OVERLAY */
/* line 1099, ../../../../resources/scss/pages/_order_app.scss */
.add-subject-code-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%);
  width: 80%;
  min-height: 40%;
  padding: 2rem;
  border-radius: 3px;
  box-shadow: 1px 1px 2px currentColor;
}
@media (max-width: 499px) {
  /* line 1099, ../../../../resources/scss/pages/_order_app.scss */
  .add-subject-code-overlay {
    width: 100%;
  }
}
/* line 1113, ../../../../resources/scss/pages/_order_app.scss */
.add-subject-code-overlay h2 {
  text-align: center;
}
/* line 1117, ../../../../resources/scss/pages/_order_app.scss */
.add-subject-code-overlay .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1rem;
  text-align: right;
}
/* line 1124, ../../../../resources/scss/pages/_order_app.scss */
.add-subject-code-overlay .buttons div {
  flex: 1 0;
  text-align: left;
  font-size: 1.3rem;
}

/* ADD PHOTO OVERLAY */
/* line 1133, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay {
  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%);
  --overlay-padding: 1.5rem;
  --color-lightness: 25%;
  border-radius: 0.4rem;
  border: 1px solid #d9d9d9;
  filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.2));
  padding: var(--overlay-padding);
  width: 90%;
  overflow: auto;
}
/* line 1141, ../../../../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;
  cursor: pointer;
  pointer-events: none;
}
@media (max-width: 499px) {
  /* line 1141, ../../../../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 1158, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay i.show {
  opacity: 1;
  pointer-events: all;
}
/* line 1164, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .title {
  margin-top: 1rem;
  font-weight: 500;
}
@media (max-width: 499px) {
  /* line 1164, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .title {
    margin-top: 0;
  }
}
/* line 1173, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .explain {
  margin-top: 1rem;
  text-align: center;
  font-size: 2rem;
  border-top: 1px var(--color-separator) solid;
  padding-top: 1rem;
  white-space: normal;
}
@media (max-width: 499px) {
  /* line 1133, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay {
    inset: 0;
    width: unset;
    text-align: center;
    border-radius: 0;
    transform: unset;
    height: 100dvh;
  }
  /* line 1191, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay h3 {
    font-size: 1.5rem;
    white-space: unset;
  }
}
/* line 1197, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay h2 {
  text-align: center;
}
/* line 1201, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code {
  position: relative;
  margin-top: .3rem;
}
@media (max-width: 499px) {
  /* line 1201, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .internet-code {
    display: grid;
    grid-template-columns: 1fr min-content 1fr;
    max-width: 98vw;
    align-items: center;
    margin-bottom: 1.6rem;
  }
}
/* line 1213, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code span {
  font-size: 1.8rem;
  white-space: nowrap;
}
/* line 1218, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label {
  display: inline-block;
}
@media (max-width: 499px) {
  /* line 1218, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .internet-code label {
    display: contents;
  }
}
/* line 1225, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label div {
  position: relative;
  display: inline-block;
}
/* line 1229, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label div .feedback {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.4rem;
  font-size: 1.3rem;
  text-align: center;
  white-space: nowrap;
}
/* line 1239, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label div #subject-code-add-input-spinner {
  --dot-color: var(--color-loading);
  display: none;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, 0);
}
/* line 1247, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code label div #subject-code-add-input-spinner.searching {
  display: block;
}
/* line 1254, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code input {
  width: unset;
}
@media (max-width: 499px) {
  /* line 1254, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .internet-code input {
    width: 12rem;
  }
}
/* line 1262, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .internet-code button#subject-code-add-button {
  position: relative;
  vertical-align: middle;
  margin: 0 auto;
}
@media (max-width: 380px) {
  /* line 1262, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .internet-code button#subject-code-add-button {
    margin-top: 1rem;
  }
}
/* line 1272, ../../../../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 1279, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .missing-code {
  position: relative;
  font-size: smaller;
  visibility: hidden;
}
/* line 1285, ../../../../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 1285, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .bottom {
    text-align: center;
  }
}
@media (max-width: 499px) {
  /* line 1285, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .bottom {
    top: 0;
    margin-top: 0;
  }
}
/* line 1305, ../../../../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 1305, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .bottom .add-photo-code-request {
    top: 0;
    margin-bottom: 2px;
  }
}
/* line 1314, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .bottom .clear-session {
  text-decoration: underline solid currentColor;
}
/* line 1319, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .actions {
  text-align: right;
}
/* line 1323, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .buttons {
  position: relative;
  text-align: right;
}
@media (max-width: 499px) {
  /* line 1323, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .buttons {
    margin-top: auto;
  }
}
/* line 1332, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group-container {
  display: flex;
  position: relative;
  max-width: calc(100% + (var(--overlay-padding) * 2));
  max-height: calc(70vh - 8rem);
  height: 100%;
  min-height: 10rem;
  margin-bottom: 1.5rem;
  margin-inline: calc(var(--overlay-padding) * -1);
  padding-inline: var(--overlay-padding);
  overflow-y: auto;
  flex-direction: column;
}
@media (max-width: 499px) {
  /* line 1332, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .photo-group-container {
    max-height: unset;
  }
}
/* line 1349, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group-container .subject-photo-container,
#order-app .add-photo-overlay .photo-group-container .group-photo-container {
  display: flex;
  gap: 1rem;
  flex-direction: row;
  padding: var(--overlay-padding);
  margin-inline: calc(var(--overlay-padding) * -1);
  background: oklch(15% 0% 0/15%);
  overflow-y: hidden;
  overflow-x: auto;
}
@media (max-width: 499px) {
  /* line 1349, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .photo-group-container .subject-photo-container,
  #order-app .add-photo-overlay .photo-group-container .group-photo-container {
    margin-top: 0.7rem;
  }
}
/* line 1364, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group-container .subject-photo-container img,
#order-app .add-photo-overlay .photo-group-container .group-photo-container img {
  max-height: 25rem;
  width: 100%;
  height: auto;
}
/* line 1372, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group-container .group-photo-container .img {
  min-width: 20rem;
}
/* line 1382, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group {
  text-align: left;
}
/* line 1385, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group:not(:first-child) {
  margin-top: 3rem;
}
/* line 1389, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group h3 {
  display: inline-block;
  font-size: 1.8rem;
}
@media (max-width: 499px) {
  /* line 1389, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .photo-group h3 {
    position: relative;
    top: 1rem;
  }
}
/* line 1399, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .gallery-trigger {
  margin-left: .5rem;
  background: transparent;
  border: 0;
  color: var(--color-accent);
  font-size: 2rem;
  cursor: pointer;
}
@media (max-width: 499px) {
  /* line 1399, ../../../../resources/scss/pages/_order_app.scss */
  #order-app .add-photo-overlay .photo-group .gallery-trigger {
    position: relative;
    top: 1rem;
  }
}
/* line 1413, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .img {
  min-width: 14.3rem;
  display: contents;
  pointer-events: none;
}
/* line 1418, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .img img {
  pointer-events: initial;
  max-width: 14rem;
  width: 100%;
  height: unset;
  margin: 0;
  border: 2px dashed transparent;
  border-radius: 0.6rem;
  box-shadow: 0 0 0 0 currentColor;
  transition: 15ms ease-out transform box-shadow;
  object-fit: cover;
}
/* line 1430, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .img img.selected {
  border: 3px solid var(--color-accent);
}
/* line 1434, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .img img:first-of-type {
  margin-left: 0;
}
/* line 1438, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .img img:hover {
  transform: scale(1.025);
}
/* line 1442, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .img img:active {
  transform: scale(0.975);
}
/* line 1450, ../../../../resources/scss/pages/_order_app.scss */
#order-app .add-photo-overlay .photo-group .group-photo-container .img img {
  max-width: 24rem;
}

/* CHOOSE GREEN SCREEN OVERLAY */
/* line 1459, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay {
  --overlay-padding: 1.5rem;
  --color-lightness: 25%;
  border-radius: 0.4rem;
  border: 1px solid #d9d9d9;
  filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.2));
  padding: var(--overlay-padding);
  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;
  display: grid;
  grid-template-rows: 3rem max-content;
}
@media (max-height: 758px) {
  /* line 1459, ../../../../resources/scss/pages/_order_app.scss */
  .choose-green-screen-overlay {
    height: 100vh;
  }
}
@media (max-width: 600px) {
  /* line 1459, ../../../../resources/scss/pages/_order_app.scss */
  .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 1485, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay h2 {
  text-align: center;
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
}
/* line 1492, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area {
  display: grid;
  position: absolute;
  top: 4.7rem;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  grid-template-columns: 18rem minmax(15.2rem, 1fr);
  grid-template-rows: 1fr 6rem;
  gap: 0.5rem;
}
@media (max-width: 499px) {
  /* line 1492, ../../../../resources/scss/pages/_order_app.scss */
  .choose-green-screen-overlay .content-area {
    grid-template-columns: auto minmax(15.2rem, 1fr);
  }
}
/* line 1507, ../../../../resources/scss/pages/_order_app.scss */
.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 1516, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .preview {
  position: relative;
  text-align: center;
}
/* line 1520, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .preview img {
  width: 100%;
  height: auto;
  border-radius: 0.6rem;
  margin: 0 auto;
  object-fit: contain;
}
/* line 1529, ../../../../resources/scss/pages/_order_app.scss */
.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;
  padding-top: 1.5rem;
}
@supports (hanging-punctuation: none) {
  /* line 1529, ../../../../resources/scss/pages/_order_app.scss */
  .choose-green-screen-overlay .content-area .preview-and-categories .categories {
    height: calc(100% - 11rem);
  }
  @media (max-height: 798) {
    /* line 1529, ../../../../resources/scss/pages/_order_app.scss */
    .choose-green-screen-overlay .content-area .preview-and-categories .categories {
      height: calc(100% - 7rem);
    }
  }
}
/* line 1548, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel {
  display: flex;
  flex-direction: column;
}
/* line 1552, ../../../../resources/scss/pages/_order_app.scss */
.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 1558, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li i {
  padding-right: 0.5rem;
}
/* line 1562, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.featured-item {
  --fa-secondary-opacity: 1.0;
}
/* line 1566, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.recent-item {
  position: relative;
}
/* line 1570, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.fav-item {
  position: relative;
  margin-bottom: 1rem;
}
/* line 1574, ../../../../resources/scss/pages/_order_app.scss */
.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 1583, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.category {
  padding-left: calc(1em + 1rem);
}
/* line 1587, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.selected, .choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li:hover {
  position: relative;
}
/* line 1592, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li.selected {
  --color-lightness: 100%;
  background-color: var(--color-accent);
}
/* line 1597, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li:hover:not(.selected) {
  filter: brightness(1.1);
}
/* line 1600, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel li:hover:not(.selected):after {
  border-left-color: var(--color-accent);
}
/* line 1606, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .preview-and-categories .categories .background-categories-sel .background-categories {
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid var(--color-separator);
  padding-top: 0.5rem;
  width: 100%;
  height: 100%;
}
/* line 1618, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .backgrounds {
  padding: 0;
  margin-top: -3px;
  width: 100%;
  height: 100%;
  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 1632, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .backgrounds .background-container {
  position: relative;
  display: inline-block;
}
/* line 1636, ../../../../resources/scss/pages/_order_app.scss */
.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 1645, ../../../../resources/scss/pages/_order_app.scss */
.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 #000) drop-shadow(1px -1px 0 #000) drop-shadow(1px 1px 0 #000) drop-shadow(-1px 1px 0 #000);
}
/* line 1654, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .backgrounds .background-container .fav.selected {
  color: var(--color-semantic-error);
}
/* line 1659, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .backgrounds .background-container img {
  height: 20rem;
  width: 14.6rem;
  border-radius: 1rem;
  border: 3px dashed transparent;
  object-fit: cover;
  transition: 0.1s ease-out all;
}
@media (max-width: 499px) {
  /* line 1659, ../../../../resources/scss/pages/_order_app.scss */
  .choose-green-screen-overlay .content-area .backgrounds .background-container img {
    height: 100%;
  }
}
/* line 1671, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .backgrounds .background-container img:hover {
  border: 3px solid var(--color-accent);
}
/* line 1675, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .backgrounds .background-container img.selected {
  border: 3px solid var(--color-accent);
}
/* line 1682, ../../../../resources/scss/pages/_order_app.scss */
.choose-green-screen-overlay .content-area .buttons {
  margin-top: 0.5rem;
  margin-left: auto;
}

/* ADD TO CART OVERLAY */
@media (max-width: 499px) {
  /* line 1692, ../../../../resources/scss/pages/_order_app.scss */
  .add-to-cart-overlay {
    --photo-selection-height: calc(100dvh - (var(--bottom-height) * 1));
  }
}
/* line 1697, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-overlay:has(.selected-photos:not(.selected-photos-hidden)) {
  --bottom-height: calc((var(--overlay-padding, 1.5rem) * 2) + var(--bottom-buttons-height));
  height: calc(var(--photo-selection-height) + var(--bottom-height));
}
/* line 1701, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-overlay:has(.selected-photos:not(.selected-photos-hidden)) .inner {
  --rows-height: calc((var(--photo-selection-height) - var(--photo-selection-header-height)) / 2);
  grid-template-rows: repeat(2, var(--rows-height)) var(--bottom-height);
  gap: 0;
}
/* line 1707, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-overlay:has(.selected-photos:not(.selected-photos-hidden)) .inner .top,
.add-to-cart-overlay:has(.selected-photos:not(.selected-photos-hidden)) .inner .middle {
  height: 0;
  overflow: clip;
}
/* line 1713, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-overlay:has(.selected-photos:not(.selected-photos-hidden)) .inner .bottom {
  height: var(--bottom-height);
  padding-top: var(--overlay-padding);
}
/* line 1720, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-overlay .inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
}
@media (max-width: 499px) {
  /* line 1720, ../../../../resources/scss/pages/_order_app.scss */
  .add-to-cart-overlay .inner {
    grid-auto-rows: unset;
    grid-template-rows: max-content 1fr max-content;
    padding-bottom: 3rem;
  }
}
/* line 1732, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-overlay .selected-photos {
  height: var(--photo-selection-height);
}

/* line 1737, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals {
  min-height: var(--photo-selection-height);
}
@media (max-width: 499px) {
  /* line 1737, ../../../../resources/scss/pages/_order_app.scss */
  .add-to-cart-digitals {
    --photo-selection-height: 57vh;
  }
}
/* line 1744, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner {
  display: grid;
  grid-template-columns: minmax(24.5rem, 1fr) 24.5rem;
  grid-template-rows: calc(var(--photo-selection-height) - 6rem) min-content min-content;
}
@media (max-width: 499px) {
  /* line 1744, ../../../../resources/scss/pages/_order_app.scss */
  .add-to-cart-digitals .inner {
    grid-template-columns: auto auto;
    grid-template-rows: calc(var(--photo-selection-height) - 6rem) 1fr min-content;
    padding-bottom: 3rem;
  }
}
/* line 1755, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .top {
  display: none;
}
/* line 1759, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .middle {
  display: contents;
  flex-direction: column;
  grid-column: 1 / -1;
  grid-row: 2 / 4;
}
/* line 1765, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .middle .description,
.add-to-cart-digitals .inner .middle .details {
  padding: 0;
  text-align: left;
}
/* line 1770, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .middle .description h4,
.add-to-cart-digitals .inner .middle .details h4 {
  margin-bottom: 0.5rem;
}
/* line 1774, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .middle .description p,
.add-to-cart-digitals .inner .middle .details p {
  margin: 0;
}
/* line 1779, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .middle .description {
  grid-column: 1 / -1;
  grid-row: 2 / 3;
}
@media (max-width: 499px) {
  /* line 1779, ../../../../resources/scss/pages/_order_app.scss */
  .add-to-cart-digitals .inner .middle .description {
    padding-top: 1.5rem;
  }
}
/* line 1788, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .middle .details {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
/* line 1792, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .middle .details .price {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
/* line 1799, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .bottom {
  grid-column: 2 / -1;
  grid-row: 3 / 4;
  position: relative;
  inset: auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: auto;
}
/* line 1809, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .inner .bottom button {
  position: static;
}
/* line 1819, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .digitals-selected-photos {
  height: var(--photo-selection-height);
}
/* line 1822, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-digitals .digitals-selected-photos.selected-photos-hidden {
  display: flex;
  width: unset;
  height: inherit;
}

/* line 1831, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner {
  display: grid;
  grid-template-columns: 24.5rem minmax(24.5rem, 1fr);
  grid-template-rows: auto auto;
}
@media (max-width: 499px) {
  /* line 1831, ../../../../resources/scss/pages/_order_app.scss */
  .add-to-cart-touchups .inner {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    grid-auto-rows: min-content;
  }
}
/* line 1842, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .top {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  width: 100%;
}
/* line 1847, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .top .selected-photo-container {
  padding: 0;
}
/* line 1850, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .top .selected-photo-container img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 499px) {
  /* line 1850, ../../../../resources/scss/pages/_order_app.scss */
  .add-to-cart-touchups .inner .top .selected-photo-container img {
    width: auto;
    height: 22rem;
  }
}
/* line 1863, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .middle {
  display: flex;
  flex-direction: column;
  grid-column: 2 / -1;
  grid-row: 1 / 2;
}
/* line 1869, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .middle .comment,
.add-to-cart-touchups .inner .middle .details {
  padding: 0;
  position: relative;
  grid-column: unset;
  grid-row: unset;
  text-align: left;
}
/* line 1877, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .middle .comment h4,
.add-to-cart-touchups .inner .middle .details h4 {
  margin-bottom: 0.5rem;
}
/* line 1881, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .middle .comment .warning,
.add-to-cart-touchups .inner .middle .details .warning {
  position: absolute;
  top: -5rem;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 1886, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .middle .comment .warning span,
.add-to-cart-touchups .inner .middle .details .warning span {
  grid-column: 1 / 3;
}
/* line 1890, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .middle .comment .warning::after,
.add-to-cart-touchups .inner .middle .details .warning::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, -6px) rotate(-90deg);
}
/* line 1898, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .middle .price {
  margin-bottom: 2rem;
}
/* line 1903, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .bottom {
  grid-column: 1 / -1;
  position: relative;
  inset: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: auto;
}
/* line 1912, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .bottom button {
  position: static;
}
/* line 1917, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .top,
.add-to-cart-touchups .inner .middle {
  grid-column: unset;
  grid-row: unset;
}
/* line 1923, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .inner .bottom {
  grid-row: unset;
}
/* line 1929, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .touchups-selected-photos .already-selected {
  position: relative;
  cursor: not-allowed;
}
/* line 1933, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .touchups-selected-photos .already-selected::after {
  content: attr(data-text-after);
  position: absolute;
  display: none;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  --overlay-padding: 1.5rem;
  --color-lightness: 7%;
  border-radius: 1rem;
  border: 1px solid oklch(15% 0% 0/20%);
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.4));
  padding: var(--overlay-padding);
  background-color: var(--color-accent);
  white-space: nowrap;
  font-size: 2.5rem;
  top: 3rem;
}
/* line 1945, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .touchups-selected-photos .already-selected:hover::after {
  display: block;
}
/* line 1949, ../../../../resources/scss/pages/_order_app.scss */
.add-to-cart-touchups .touchups-selected-photos .already-selected img {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.7;
}

/* line 1959, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner {
  overflow: clip auto;
  max-height: calc(90dvh - var(--photo-selection-header-height) - 1.5rem);
}
@media (max-width: 499px) {
  /* line 1959, ../../../../resources/scss/pages/_order_app.scss */
  .build-your-own-overlay .inner {
    max-height: calc(100dvh - var(--photo-selection-header-height) - 1.5rem);
  }
}
/* line 1971, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-areas: "image description" "price description" "options options" "comment comment";
  gap: 1rem;
}
/* line 1982, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .img-container {
  grid-area: image;
  width: 17rem;
}
/* line 1987, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .description-section {
  grid-area: description;
  text-align: left;
}
/* line 1992, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .byop-price {
  grid-area: price;
  text-align: left;
  font-size: 2rem;
}
/* line 1998, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section {
  grid-area: options;
  display: flex;
  align-items: flex-start;
  overflow: auto clip;
  border-radius: 0.6rem;
  max-width: 100%;
}
/* line 2006, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table {
  --column-with: 5ch;
  overflow: clip;
  border-radius: 0.6rem;
  margin-inline: auto;
}
/* line 2017, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td:nth-child(odd), .build-your-own-overlay .inner .middle .selection-section .byop-choices-table th:nth-child(odd) {
  background-color: oklch(from var(--color-background-neutral) 0.8 c h/50%);
}
/* line 2022, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table th {
  padding: 1rem 0.7rem;
}
/* line 2025, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table th.choices-header {
  position: sticky;
  left: 0;
  background-color: oklch(from var(--color-background-neutral) 0.6 c h);
}
/* line 2031, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table th:not(.choices-header) {
  width: var(--column-with);
}
/* line 2036, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td {
  box-sizing: content-box;
}
/* line 2039, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td.choice-label {
  white-space: nowrap;
  padding: 0.3rem 0.7rem;
  position: sticky;
  left: 0;
  background-color: oklch(from var(--color-background-neutral) 0.8 c h);
}
/* line 2047, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td:not(.choice-label) {
  width: var(--column-with);
}
/* line 2051, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td:has(input[type="radio"]) .option {
  border: solid 2px transparent;
}
/* line 2055, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td:has(input[type="radio"]:checked) .option {
  border-color: oklch(from var(--color-accent) l c h/50%);
  border-radius: 0.6rem;
}
/* line 2060, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td .option {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0rem 0.3rem;
}
/* line 2067, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td .option:hover {
  background-color: oklch(from var(--color-accent) 0.7 c h/30%);
}
/* line 2071, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td .option.next-to-select {
  background-color: oklch(from var(--color-accent) 0.7 c h/30%);
  overflow-anchor: auto;
}
/* line 2076, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td .option.no-selection:not(.next-to-select) {
  background-color: oklch(from var(--color-background-neutral) 0.7 c h/30%);
}
/* line 2080, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .selection-section .byop-choices-table td .option input[type="radio"] {
  pointer-events: none;
}
/* line 2092, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .comment {
  grid-area: comment;
}
/* line 2095, ../../../../resources/scss/pages/_order_app.scss */
.build-your-own-overlay .inner .middle .comment h4 {
  text-align: left;
}

/* FEEDBACK OVERLAY */
/* line 2104, ../../../../resources/scss/pages/_order_app.scss */
.overlay-feedback {
  --overlay-padding: 1.5rem;
  --color-lightness: 25%;
  border-radius: 0.4rem;
  border: 1px solid #d9d9d9;
  filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.2));
  padding: var(--overlay-padding);
  top: 35vh;
}
@media (max-width: 499px) {
  /* line 2104, ../../../../resources/scss/pages/_order_app.scss */
  .overlay-feedback {
    inset-inline: 0.5rem;
    width: unset;
    min-width: unset;
    max-width: calc(100vw - 1rem);
    transform: translateY(0);
  }
}
/* line 2117, ../../../../resources/scss/pages/_order_app.scss */
.overlay-feedback .feedback-content p {
  margin-top: 3rem;
}
/* line 2120, ../../../../resources/scss/pages/_order_app.scss */
.overlay-feedback .feedback-content p:empty {
  display: none;
}
/* line 2124, ../../../../resources/scss/pages/_order_app.scss */
.overlay-feedback .feedback-content p .add-photo-icon {
  position: relative;
  top: 0.9rem;
  scale: 0.65;
  display: inline-block;
}
/* line 2130, ../../../../resources/scss/pages/_order_app.scss */
.overlay-feedback .feedback-content p .add-photo-icon .fas.fa-plus {
  top: -1px !important;
}
/* line 2136, ../../../../resources/scss/pages/_order_app.scss */
.overlay-feedback .feedback-content .unused-touchups {
  display: inline-flex;
  gap: 0.5rem;
  width: 100%;
  justify-content: center;
}
/* line 2142, ../../../../resources/scss/pages/_order_app.scss */
.overlay-feedback .feedback-content .unused-touchups img {
  width: 10rem;
}

/* CART */
/* line 2150, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay {
  --overlay-padding: 1.5rem;
  --color-lightness: 25%;
  border-radius: 0.4rem;
  border: 1px solid #d9d9d9;
  filter: drop-shadow(0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.2));
  padding: var(--overlay-padding);
  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%);
  grid-template-rows: 3rem var(--banner-height, "") auto 6rem;
  gap: 1.5rem;
}
@media (max-width: 499px) {
  /* line 2150, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay {
    width: unset;
    inset: 0 0 auto 0;
    border-radius: 0;
    height: 100dvh;
  }
}
@media (max-height: 758px) {
  /* line 2150, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay {
    height: 100dvh;
  }
}
/* line 2173, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay h2 {
  text-align: center;
}
/* line 2177, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #announcement-banner {
  display: none;
  font-family: "Roboto Flex", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  z-index: 14;
}
/* line 2184, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #announcement-banner.banner {
  position: absolute;
  background-color: var(--color-accent);
  color: #fff;
  text-align: center;
}
/* line 2191, ../../../../resources/scss/pages/_order_app.scss */
.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 2191, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translateY(372%) scale(0.8);
    left: -19rem;
  }
}
@media (max-width: 900px) {
  /* line 2191, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay #announcement-banner.left-corner {
    transform: rotateZ(-35deg) translate(-2%, 336%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 2191, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay #announcement-banner.left-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 2216, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #announcement-banner.right-corner {
  right: -18.5rem;
  padding: 1rem 5rem;
  transform: rotateZ(45deg) translateY(405%);
  width: 42rem;
}
@media (max-width: 1200px) {
  /* line 2216, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay #announcement-banner.right-corner {
    transform: rotateZ(35deg) translateY(372%) scale(0.8);
    right: -19rem;
  }
}
@media (max-width: 900px) {
  /* line 2216, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay #announcement-banner.right-corner {
    transform: rotateZ(35deg) translate(2%, 336%) scale(0.8);
  }
}
@media (max-width: 600px) {
  /* line 2216, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay #announcement-banner.right-corner {
    transform: rotateZ(0deg) translate(0%, 5%) scale(1);
    position: relative;
    width: 100%;
    left: 0;
    margin-bottom: -1rem;
  }
}
/* line 2240, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #announcement-banner.middle-overlay {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
}
/* line 2246, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #announcement-banner.section-message {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
  border-radius: 1.5rem;
  box-sizing: border-box;
}
/* line 2254, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #announcement-banner.visible {
  display: block;
}
/* line 2259, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items {
  --product-lenght: -32rem;
  --cart-item-image-height: 10rem;
  max-height: 100%;
  position: relative;
  overflow: clip auto;
  border-bottom: currentColor solid 2px;
}
/* line 2267, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0;
}
/* line 2273, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item:not(:first-child) {
  border-top: 1px solid oklch(85% 0% 0);
}
/* line 2278, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item.touchups .cart-item-header {
  grid-template-columns: repeat(2, min-content) auto;
}
/* line 2284, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item.digitals .cart-item-header {
  grid-template-columns: repeat(1, min-content) auto;
}
/* line 2289, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, min-content) auto;
  white-space: nowrap;
  gap: 0.7rem;
}
/* line 2296, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .product-name {
  order: 0;
  width: min-content;
  max-width: 50ch;
  text-overflow: ellipsis;
}
/* line 2303, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .qty {
  order: 1;
  color: var(--color-accent);
}
/* line 2308, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .extra {
  order: 2;
  display: flex;
  gap: 1.5rem;
  padding-inline: 1.5rem;
}
/* line 2314, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment,
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra {
  position: relative;
}
@media (max-width: 499px) {
  /* line 2314, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment,
  .cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra {
    position: static;
  }
}
/* line 2322, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment i,
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra i {
  color: var(--color-accent);
}
/* line 2326, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment::after,
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra::after {
  --overlay-padding: 1.5rem;
  --color-lightness: 7%;
  border-radius: 1rem;
  border: 1px solid oklch(15% 0% 0/20%);
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.4));
  padding: var(--overlay-padding);
  --color-lightness: 90%;
  border: currentColor 1px solid;
  content: attr(data-product-comment);
  display: none;
  white-space: pre-wrap;
  width: max-content;
  max-height: calc(var(--cart-item-image-height) + 1.5rem);
  max-width: 32rem;
  text-align: left;
  position: absolute;
  transform: translateX(Max(var(--product-lenght), -50%));
  overflow: auto;
}
/* line 2342, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment::after:hover,
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra::after:hover {
  display: block;
}
@media (max-width: 499px) {
  /* line 2326, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment::after,
  .cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra::after {
    transform: translate(0);
    right: 0.5rem;
    left: 0.5rem;
    max-width: calc(100% - 1rem);
  }
}
/* line 2355, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-comment:hover::after,
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra:hover::after {
  display: block;
}
/* line 2362, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .extra .product-extra::after {
  content: attr(data-product-extra);
}
/* line 2368, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-header .item-price {
  order: 4;
  color: var(--color-accent);
  font-weight: bold;
  justify-self: flex-end;
}
/* line 2377, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 499px) {
  /* line 2377, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-items .cart-item .cart-item-details ul {
    --cart-item-image-height: 7.5rem;
  }
}
@media (max-width: 499px) {
  /* line 2387, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-items .cart-item .cart-item-details ul .product-image {
    margin-right: 0.5rem;
  }
}
/* line 2392, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .product-image img {
  height: var(--cart-item-image-height);
  aspect-ratio: 1;
}
/* line 2398, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .selected-photos {
  margin-right: auto;
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem;
}
/* line 2406, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .selected-photos img {
  height: var(--cart-item-image-height);
  border-radius: 0.6rem;
}
/* line 2412, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions {
  font-size: 2rem;
  display: flex;
  flex-direction: column;
  height: var(--cart-item-image-height);
  justify-content: space-between;
}
/* line 2419, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions i {
  cursor: pointer;
}
@media (max-width: 499px) {
  /* line 2412, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  /* line 2428, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-items .cart-item .cart-item-details ul .item-actions .edit-item {
    margin-bottom: 1.5rem;
  }
}
/* line 2434, ../../../../resources/scss/pages/_order_app.scss */
.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;
  transition: 0.1s ease-out left;
  overflow: hidden;
}
/* line 2450, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel button {
  width: 13rem;
  margin-right: 2rem;
}
/* line 2454, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel button:first-child {
  margin-left: auto;
}
/* line 2462, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-items .cart-item .cart-item-details ul .confirm-removal-panel.show {
  left: 0;
}
/* line 2471, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 600px) {
  /* line 2471, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-controls {
    flex: 0 0 8.5rem;
    align-items: flex-start;
  }
}
/* line 2483, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-controls .cart-info {
  flex: 0 0 auto;
  margin-right: 1rem;
  color: var(--color-accent);
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 499px) {
  /* line 2483, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-controls .cart-info {
    display: flex;
    flex-direction: column;
  }
}
/* line 2495, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-controls .cart-info .cart-subtotal {
  color: var(--color-accent);
}
/* line 2498, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-controls .cart-info .cart-subtotal::before {
  content: "$";
  color: inherit;
}
/* line 2505, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay .cart-controls button {
  flex: 0 0;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}
@media (max-width: 499px) {
  /* line 2505, ../../../../resources/scss/pages/_order_app.scss */
  .cart-overlay .cart-controls button {
    position: fixed;
    bottom: 0.7rem;
    right: 0.7rem;
  }
}
/* line 2520, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #complete-order.activated {
  pointer-events: none;
  color: var(--color-background-neutral);
}
/* line 2525, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #complete-order.activated #complete-order-spinner {
  display: block;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -125%);
}
/* line 2533, ../../../../resources/scss/pages/_order_app.scss */
.cart-overlay #complete-order #complete-order-spinner {
  display: none;
  position: absolute;
}

/* CROSS-SELLING */
/* line 2541, ../../../../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: var(--color-accent);
  border-radius: 3rem;
  box-shadow: 1px 1px 2px currentColor;
  transform: translate(-50%, -50%);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000000000;
}
@media (max-width: 820px) {
  /* line 2541, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay {
    width: 100%;
    min-width: unset;
    border-radius: 0;
  }
}
@media (max-width: 499px) {
  /* line 2541, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
  }
}
@media (max-height: 758px) {
  /* line 2541, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay {
    height: auto;
  }
}
/* line 2576, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container {
  padding: 0 .5rem;
  display: flex;
  flex-direction: column;
}
/* line 2581, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container h3 {
  --color-lightness: 10%;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 2.5rem;
}
/* line 2588, ../../../../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 2588, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items {
    flex-direction: column;
    align-items: center;
  }
}
/* line 2599, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul {
  margin-right: 1.5rem;
  padding: 0;
  width: 100%;
  max-width: 24.5rem;
  border-radius: 1.5rem;
  box-shadow: 0 1px 3px #000;
  overflow: hidden;
  object-fit: fill;
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-auto-rows: auto;
  padding-bottom: 1rem;
}
/* line 2616, ../../../../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 2599, ../../../../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 2599, ../../../../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 2630, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul:last-child {
    margin-bottom: 5rem;
  }
}
/* line 2635, ../../../../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;
  font-size: 1.8rem;
  font-weight: 500;
}
/* line 2650, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay div.cross-sell-overlay-container .cross-sell-items ul .price {
  padding-left: 1rem;
  color: var(--color-accent);
  font-size: 2rem;
}
/* line 2656, ../../../../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 2671, ../../../../resources/scss/pages/_order_app.scss */
.cross-sell-overlay .bottom {
  text-align: right;
  margin-top: 1.5rem;
}
@media (max-width: 499px) {
  /* line 2675, ../../../../resources/scss/pages/_order_app.scss */
  .cross-sell-overlay .bottom button {
    position: relative;
    right: 0.7rem;
    bottom: 1.7rem;
  }
}

/* UNIQUE SESSION */
/* line 2688, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay {
  background-color: #e6e6e6;
  color: #404040 !important;
  left: 50%;
  top: 50%;
  width: 90%;
  max-width: 60rem;
  min-height: 20rem;
  border: currentColor 1px solid;
  border-radius: 3rem;
  box-shadow: 1px 1px 2px currentColor;
  padding: 1.5rem 1.5rem 2.5rem 1.5rem;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
@media (max-width: 499px) {
  /* line 2688, ../../../../resources/scss/pages/_order_app.scss */
  .unique-session-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: unset;
    height: unset;
    transform: none;
    border-radius: 0;
  }
}
/* line 2715, ../../../../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 2722, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay .unique-session-overlay-container .message {
  margin-top: 3rem;
  text-align: center;
}
/* line 2726, ../../../../resources/scss/pages/_order_app.scss */
.unique-session-overlay .unique-session-overlay-container .message span {
  color: #404040 !important;
}
@media (max-width: 499px) {
  /* line 2722, ../../../../resources/scss/pages/_order_app.scss */
  .unique-session-overlay .unique-session-overlay-container .message {
    margin-top: 15vh;
    font-size: 2.2rem;
  }
}
/* line 2736, ../../../../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 2744, ../../../../resources/scss/pages/_order_app.scss */
  .unique-session-overlay .unique-session-overlay-container .bottom .btn-blue, .unique-session-overlay .unique-session-overlay-container .bottom .small-btn-blue {
    position: fixed;
    bottom: .5rem;
    left: .5rem;
  }
}

/* line 2767, ../../../../resources/scss/pages/_order_app.scss */
.selected-photo-container {
  --padding: 2rem;
  --image-height: calc(var(--column-height) - (var(--padding) * 2));
  padding: var(--padding);
}
/* line 2773, ../../../../resources/scss/pages/_order_app.scss */
.selected-photo-container .selection {
  height: var(--image-height);
  width: auto;
  border-radius: 0.6rem;
}

/* line 2780, ../../../../resources/scss/pages/_order_app.scss */
.selected-photos-container {
  position: relative;
  height: 14rem;
  width: calc(100% + (var(--overlay-padding, 1.5rem) * 2));
  left: calc(var(--overlay-padding, 1.5rem) * -1);
  padding: 1rem;
}
/* line 2788, ../../../../resources/scss/pages/_order_app.scss */
.selected-photos-container.hidden {
  display: none;
}
@media (max-width: 499px) {
  /* line 2780, ../../../../resources/scss/pages/_order_app.scss */
  .selected-photos-container {
    height: 13rem;
  }
}
/* line 2796, ../../../../resources/scss/pages/_order_app.scss */
.selected-photos-container div {
  display: flex;
  justify-content: flex-start;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
/* line 2803, ../../../../resources/scss/pages/_order_app.scss */
.selected-photos-container div img {
  flex: 0 0 auto;
  height: 100%;
  padding: 4px;
  margin-right: 1rem;
  opacity: 0.9;
  filter: saturate(0.5);
  border-radius: 0.6rem;
  transition: 0.1s ease-out transform;
}
/* line 2813, ../../../../resources/scss/pages/_order_app.scss */
.selected-photos-container div img:hover {
  opacity: 1;
  filter: none;
}
/* line 2818, ../../../../resources/scss/pages/_order_app.scss */
.selected-photos-container div img.selected {
  opacity: 1;
  filter: none;
  padding: 2px;
  border: var(--color-accent) solid 3px;
}
/* line 2825, ../../../../resources/scss/pages/_order_app.scss */
.selected-photos-container div img.not-available {
  opacity: 0.75;
  filter: saturate(0%);
  transform: scale(0.9);
  pointer-events: none;
}

/* line 2835, ../../../../resources/scss/pages/_order_app.scss */
.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: #000;
  z-index: 1000;
}
@media (max-width: 499px) {
  /* line 2835, ../../../../resources/scss/pages/_order_app.scss */
  .guide-select-photo {
    margin-bottom: -28.5rem;
    font-size: smaller;
  }
}
/* line 2858, ../../../../resources/scss/pages/_order_app.scss */
.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 2869, ../../../../resources/scss/pages/_order_app.scss */
.guide-select-photo i {
  position: absolute;
  color: var(--color-accent);
  font-size: 3rem;
}
/* line 2874, ../../../../resources/scss/pages/_order_app.scss */
.guide-select-photo i:first-of-type {
  left: 15%;
}
/* line 2878, ../../../../resources/scss/pages/_order_app.scss */
.guide-select-photo i:last-of-type {
  right: 15%;
}

/* line 2884, ../../../../resources/scss/pages/_order_app.scss */
.order-app-zoom-photo {
  position: absolute;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: 0 0 2px #000;
  z-index: 100000000000;
  transform: scale(2);
  animation: 50ms ease-out order-app-zoom-photo-zoom-in;
}
/* line 2893, ../../../../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;
}

/* line 2900, ../../../../resources/scss/pages/_order_app.scss */
.warning {
  --overlay-padding: 1.5rem;
  --color-lightness: 7%;
  border-radius: 1rem;
  border: 1px solid oklch(15% 0% 0/20%);
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.4));
  padding: var(--overlay-padding);
  --warning-background-color: var(--color-accent);
  position: fixed;
  display: grid;
  grid-template-columns: 3rem auto 3rem;
  align-items: flex-start;
  justify-items: center;
  gap: 0.7rem;
  top: 15%;
  left: 14rem;
  width: 100%;
  max-width: 41rem;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
  background-color: var(--warning-background-color);
  cursor: default;
  opacity: 0;
  transition: opacity 65ms;
  pointer-events: none;
  white-space: pre;
  z-index: 99999999;
}
/* line 2925, ../../../../resources/scss/pages/_order_app.scss */
.warning:after {
  content: " ";
  position: absolute;
  left: -22px;
  align-self: center;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid var(--warning-background-color);
  border-bottom: 20px solid transparent;
}
@media (max-width: 600px) {
  /* line 2900, ../../../../resources/scss/pages/_order_app.scss */
  .warning {
    left: unset;
    right: 0;
    top: 1rem;
    max-width: 95vw;
    width: max-content;
  }
}
/* line 2945, ../../../../resources/scss/pages/_order_app.scss */
.warning.show {
  opacity: 1;
  pointer-events: all;
}
/* line 2950, ../../../../resources/scss/pages/_order_app.scss */
.warning i.close {
  grid-column: 3 / 4;
  right: 0;
}
/* line 2955, ../../../../resources/scss/pages/_order_app.scss */
.warning i.fa-warning {
  grid-column: 1 / 2;
  font-size: 2.5rem;
}
/* line 2960, ../../../../resources/scss/pages/_order_app.scss */
.warning span {
  grid-column: 2 / 3;
  white-space: normal;
  padding: 0 1rem;
}

/* line 2967, ../../../../resources/scss/pages/_order_app.scss */
.bubble-add-photo {
  --overlay-padding: 1.5rem;
  --color-lightness: 7%;
  border-radius: 1rem;
  border: 1px solid oklch(15% 0% 0/20%);
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.4));
  padding: var(--overlay-padding);
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  display: none;
  top: 20rem;
  width: 45rem;
  background-color: var(--color-accent);
  font-weight: bold;
  font-size: 1.8rem;
  text-align: left;
  line-height: 2rem;
  cursor: pointer;
  pointer-events: none;
  z-index: 100;
  transition: opacity 65ms;
}
/* line 2985, ../../../../resources/scss/pages/_order_app.scss */
.bubble-add-photo::before {
  content: "\f00d";
  font-weight: 100;
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  position: relative;
  float: right;
}
@media (max-width: 499px) {
  /* line 2985, ../../../../resources/scss/pages/_order_app.scss */
  .bubble-add-photo::before {
    padding: 0 0 1rem 1rem;
  }
}
@media (max-width: 499px) {
  /* line 2967, ../../../../resources/scss/pages/_order_app.scss */
  .bubble-add-photo {
    top: 14.6rem;
    max-width: calc(100vw - 2rem);
  }
}
@media (max-width: 355px) {
  /* line 2967, ../../../../resources/scss/pages/_order_app.scss */
  .bubble-add-photo {
    top: 25rem;
    width: 35rem;
    max-width: 100vw;
  }
}
/* line 3009, ../../../../resources/scss/pages/_order_app.scss */
.bubble-add-photo.show {
  display: block;
  pointer-events: all;
}

@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);
  }
}
/* FUSED CART FOOTER (bottom of products page) */
/* line 3081, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 2rem;
  margin-top: 2rem;
  border-radius: 1rem 1rem 0 0;
  position: sticky;
  bottom: 0;
  z-index: 50;
}
@media (max-width: 499px) {
  /* line 3081, ../../../../resources/scss/pages/_order_app.scss */
  .cart-footer {
    padding: 1rem;
    gap: 0.5rem;
  }
}
/* line 3098, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer #announcement-banner {
  display: none;
  font-family: "Roboto Flex", sans-serif;
}
/* line 3102, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer #announcement-banner.visible {
  display: flex;
}
/* line 3107, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer .cart-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 499px) {
  /* line 3107, ../../../../resources/scss/pages/_order_app.scss */
  .cart-footer .cart-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
  }
}
/* line 3121, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer .cart-controls .cart-info {
  flex: 1 1 auto;
  margin-right: 1rem;
  color: var(--color-accent);
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 499px) {
  /* line 3121, ../../../../resources/scss/pages/_order_app.scss */
  .cart-footer .cart-controls .cart-info {
    text-align: center;
    margin-right: 0;
    font-size: 1.8rem;
  }
}
/* line 3134, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer .cart-controls .cart-info .cart-subtotal {
  color: var(--color-accent);
}
/* line 3137, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer .cart-controls .cart-info .cart-subtotal::before {
  content: "$";
  color: inherit;
}
/* line 3144, ../../../../resources/scss/pages/_order_app.scss */
.cart-footer .cart-controls button {
  flex: 0 0 auto;
}
@media (max-width: 499px) {
  /* line 3144, ../../../../resources/scss/pages/_order_app.scss */
  .cart-footer .cart-controls button {
    flex: 1 1 100%;
    width: 100%;
  }
}

/* CART CONTENT INSIDE PRODUCT CARDS */
/* line 3156, ../../../../resources/scss/pages/_order_app.scss */
.cart-content {
  display: none;
  padding: 0.5rem;
  border-top: 1px solid var(--color-mix-5-6-step-3, rgba(255, 255, 255, 0.1));
}
/* line 3161, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
/* line 3167, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-item {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
}
/* line 3176, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-total {
  text-align: right;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--color-accent);
  padding: 0.3rem 0.5rem;
}
/* line 3184, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-photos {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
}
/* line 3190, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-photos .cart-thumb img {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  border-radius: 0.3rem;
}
/* line 3198, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-photos .cart-thumb-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-accent);
}
/* line 3210, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}
/* line 3217, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info .cart-content-summary {
  font-size: 1.3rem;
  color: var(--color-accent);
  font-weight: bold;
  flex: 1 1 auto;
}
/* line 3224, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info .cart-content-theme {
  font-style: italic;
  opacity: 0.8;
}
/* line 3229, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info .cart-content-icons {
  display: flex;
  gap: 0.5rem;
  flex: 0 0 auto;
}
/* line 3234, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info .cart-content-icons i {
  font-size: 1.3rem;
  color: var(--color-mix-5-6-step-3, rgba(255, 255, 255, 0.6));
  cursor: help;
}
/* line 3241, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info .cart-content-actions {
  display: flex;
  gap: 0.8rem;
  flex: 0 0 auto;
}
/* line 3246, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info .cart-content-actions i {
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--color-mix-5-6-step-3, rgba(255, 255, 255, 0.6));
}
/* line 3251, ../../../../resources/scss/pages/_order_app.scss */
.cart-content .cart-content-info .cart-content-actions i:hover {
  color: var(--color-accent);
}

/* line 4, ../../../../resources/scss/pages/_order_complete.scss */
#complete {
  --logo-top-spacing: 1rem;
  --header-content-gap: calc(var(--logo-top-spacing) * 2.2);
  display: flex;
  max-width: 120rem;
  margin: auto;
  padding-inline: 3rem;
  flex-direction: column;
  box-sizing: content-box;
  padding-bottom: 4rem;
  font-family: "Roboto Flex", sans-serif;
}
/* line 16, ../../../../resources/scss/pages/_order_complete.scss */
#complete .visible {
  display: block !important;
}
/* line 20, ../../../../resources/scss/pages/_order_complete.scss */
#complete button:has(.spinner) {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 25, ../../../../resources/scss/pages/_order_complete.scss */
#complete button:has(.spinner) .spinner {
  display: none;
  position: absolute;
}
/* line 31, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
}
/* line 36, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-header .complete-header-logo {
  height: 10rem;
}
@media (max-width: 499px) {
  /* line 36, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-header .complete-header-logo {
    display: none;
  }
}
/* line 43, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-header .complete-header-logo img {
  height: 100%;
  width: auto;
  transform: translateY(var(--logo-top-spacing));
}
/* line 50, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-header .complete-header-title {
  display: flex;
  align-items: center;
}
/* line 54, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-header .complete-header-title h1.order-complete-title {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  margin: 2rem 0 0;
  color: var(--color-accent);
  font-size: 3.5rem;
  height: min-content;
}
/* line 66, ../../../../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;
  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 80, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner {
  display: none;
  font-family: "Roboto Flex", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  z-index: 14;
}
/* line 87, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.banner {
  position: absolute;
  background-color: var(--color-accent);
  color: #fff;
  text-align: center;
}
/* line 94, ../../../../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 94, ../../../../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 94, ../../../../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 94, ../../../../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 119, ../../../../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 119, ../../../../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 119, ../../../../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 119, ../../../../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 143, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.middle-overlay {
  position: relative;
  width: 100%;
  padding: 1rem 5rem;
}
/* line 149, ../../../../resources/scss/pages/_order_complete.scss */
#complete #announcement-banner.section-message {
  position: relative;
  margin-inline: -3rem;
  width: calc(100% + 6rem);
  padding: 1rem 5rem;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  /* line 149, ../../../../resources/scss/pages/_order_complete.scss */
  #complete #announcement-banner.section-message {
    border-radius: 0;
  }
}
/* line 162, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1rem;
  box-sizing: border-box;
  grid-auto-flow: column;
  grid-auto-rows: auto;
}
@media (max-width: 499px) {
  /* line 162, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}
/* line 176, ../../../../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 176, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles {
    pointer-events: all;
    cursor: pointer;
    margin-top: 1rem;
  }
  /* line 186, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles#promo-section-title {
    margin-bottom: 0;
  }
}
/* line 193, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles.invalid i.fa-exclamation-triangle {
  display: block;
}
/* line 199, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles h2 {
  width: 100%;
  font-size: 2rem;
  margin-bottom: 0;
}
@media (max-width: 499px) {
  /* line 199, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles h2 {
    padding: 1rem;
    border-radius: 5px;
    border: 2px solid var(--color-accent);
  }
}
/* line 213, ../../../../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 213, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles i.fa-caret-up {
    display: block;
  }
}
/* line 224, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles i.fa-exclamation-triangle {
  display: none;
  color: var(--color-semantic-error);
  float: left;
}
/* line 232, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .titles-checks {
  display: none;
}
@media (max-width: 499px) {
  /* line 236, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#cart-review-title-check ~ .cart-review {
    display: none;
  }
  /* line 240, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#cart-review-title-check:checked ~ .cart-review {
    display: block;
  }
  /* line 244, ../../../../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 248, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#promo-section-title-check ~ .promo-section {
    display: none;
  }
  /* line 252, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#promo-section-title-check:checked ~ .promo-section {
    display: grid;
  }
  /* line 256, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#promo-section-title-check:checked ~ #promo-section-title {
    margin-bottom: 1rem;
  }
  /* line 260, ../../../../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 264, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-info-step-title-check ~ #shipping-info {
    display: none;
  }
  /* line 268, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-info-step-title-check:checked ~ #shipping-info {
    display: grid;
  }
  /* line 272, ../../../../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 276, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#contact-info-step-title-check ~ #contact-info {
    display: none;
  }
  /* line 280, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#contact-info-step-title-check:checked ~ #contact-info {
    display: grid;
  }
  /* line 284, ../../../../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 288, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-step-title-check ~ .shipping-step-container {
    display: none;
  }
  /* line 292, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#shipping-step-title-check:checked ~ .shipping-step-container {
    display: block;
  }
  /* line 296, ../../../../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 300, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#payment-step-title-check ~ #payment-methods-container {
    display: none;
  }
  /* line 304, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .titles-checks#payment-step-title-check:checked ~ #payment-methods-container {
    display: grid;
  }
  /* line 308, ../../../../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 314, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .cart-checked {
  box-shadow: none;
}
/* line 319, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container {
  order: 0;
}
@media (max-width: 499px) {
  /* line 319, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .completion-steps-container {
    order: 1;
    grid-row: unset;
  }
}
/* line 327, ../../../../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 332, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container.invalid {
  box-shadow: 0 0 0 1px var(--color-semantic-error);
}
/* line 337, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container input:disabled {
  border-color: lightgray;
  color: #797979;
}
/* line 343, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container select {
  height: 3rem;
  -webkit-appearance: menulist-button;
  color: #000;
}
/* line 348, ../../../../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 355, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .input-container select:invalid {
  border-color: lightgray;
  color: #797979;
}
/* line 362, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step {
  position: relative;
  margin-top: var(--header-content-gap);
  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 var(--color-accent);
  border-right-color: transparent;
}
/* line 374, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step::after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.5rem;
  bottom: 0;
  left: 100%;
}
/* line 384, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step.cart-checked {
  box-shadow: none;
}
/* line 388, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step.cart-checked::after {
  display: none;
}
/* line 392, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .cart-review-step.cart-checked label {
  padding-left: 0;
}
/* line 397, ../../../../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;
  width: calc(100% + 0.5rem);
  height: 100%;
  position: relative;
  border-radius: 1rem 0 0 0;
  margin: 0;
  white-space: normal;
}
/* line 408, ../../../../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;
  width: calc(100% + 0.5rem);
  position: relative;
  white-space: normal;
}
@media (max-width: 499px) {
  /* line 362, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .completion-steps-container .cart-review-step {
    border-radius: 5px;
    border: 2px solid var(--color-accent);
    width: 100%;
  }
  /* line 424, ../../../../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 431, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step {
  width: 100%;
}
/* line 434, ../../../../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 441, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .first-name {
  grid-column: 1 / 5;
}
/* line 445, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .last-name {
  grid-column: 5 / 9;
}
/* line 449, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .address {
  grid-column: 1 / 6;
}
/* line 453, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .apartment {
  grid-column: 6 / 9;
}
/* line 461, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step #shipping-info .state {
  grid-column: 1 / 5;
}
/* line 466, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .completion-steps-container .shipping-info-step .postal-code {
  grid-column: 5 / 9;
}
/* line 472, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step {
  width: 100%;
  margin-bottom: .5rem;
}
/* line 476, ../../../../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 491, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info label {
  height: 2.5rem;
  display: flex;
  align-items: center;
}
/* line 497, ../../../../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 500, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info label input:disabled ~ span {
  color: #aaaaaa;
}
/* line 508, ../../../../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 513, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .contact-info-step #contact-info .comment:focus {
  border: 2px solid var(--color-accent);
}
/* line 520, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container #proceed-special {
  width: 100%;
  display: none;
}
/* line 524, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container #proceed-special.show {
  display: block;
}
/* line 528, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container #proceed-special.show ~ .payment-step {
  display: none;
}
/* line 534, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step {
  width: 100%;
}
/* line 537, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step .calculate-shipping-button {
  position: relative;
  margin-bottom: 2rem;
}
/* line 542, ../../../../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 549, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li {
  grid-column: 1 / 9;
  white-space: nowrap;
}
/* line 553, ../../../../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 558, ../../../../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 562, ../../../../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.2rem;
  left: 0.5rem;
  border-radius: 5px;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px lightgray;
}
@supports (-webkit-touch-callout: none) {
  /* line 562, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .shipping-step #shipping-methods li label input::after {
    left: 0;
  }
}
/* line 579, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li label input:checked::after {
  background-color: var(--color-accent);
}
@supports (text-align: justify) {
  /* line 558, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .complete-container .shipping-step #shipping-methods li label input {
    height: inherit;
    margin-bottom: 1.5rem;
  }
}
/* line 590, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .shipping-step #shipping-methods li label span {
  white-space: normal;
}
/* line 598, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step {
  width: 100%;
  margin-bottom: 2rem;
}
/* line 602, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step .invalid {
  color: var(--color-semantic-error);
}
/* line 605, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step .invalid i.fa-exclamation-triangle {
  display: inline;
}
/* line 611, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #error-paypal {
  display: none;
}
/* line 615, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #pay-with-paypal {
  position: relative;
  width: fit-content;
}
/* line 619, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #pay-with-paypal #paypal-payment-spinner {
  top: -20px;
}
/* line 624, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
/* line 630, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section {
  position: relative;
  width: 100%;
}
/* line 634, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section:first-child .payment-method-label {
  --border-radius-top: 0.5rem 0.5rem;
  --border-radius-bottom: 0 0;
}
/* line 639, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section:last-child .payment-method-label, #complete .complete-container .payment-step #payment-methods-container .payment-option-section:last-child .payment-method-inner {
  --border-radius-top: 0 0;
  --border-radius-bottom: 0.5rem 0.5rem;
  border-bottom-width: 2px;
}
/* line 646, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section:only-child .payment-method-label {
  border-radius: 0.5rem;
}
/* line 650, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-radio {
  position: absolute;
  top: 0.8rem;
  left: 0.7rem;
}
/* line 655, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-radio[disabled] + .payment-method-label {
  color: oklch(from #000 l c h/35%);
  cursor: default;
}
/* line 661, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-radio:checked + .payment-method-label {
  background-color: var(--color-accent);
  border-color: transparent;
  --border-radius-bottom: 0 0;
}
/* line 667, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-radio:checked ~ .payment-method-inner {
  height: auto;
  padding: 1.7rem 1rem 2.5rem 1rem;
  opacity: 1;
}
/* line 674, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-label {
  display: flex;
  cursor: pointer;
  width: 100%;
  padding: 1.7rem 1rem 1.7rem 3rem;
  font-weight: 400;
  border-radius: var(--border-radius-top) var(--border-radius-bottom);
}
/* line 683, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-label span {
  color: inherit;
}
/* line 688, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .payment-option-section .payment-method-inner {
  height: 0;
  overflow: clip;
  width: 100%;
  opacity: 0;
  border-radius: var(--border-radius-top) var(--border-radius-bottom);
}
/* line 698, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .paypal {
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
}
/* line 704, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .paypal #payment-paypal-ec-form {
  pointer-events: none;
  width: min-content;
}
/* line 708, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .paypal #payment-paypal-ec-form input {
  height: unset;
}
/* line 713, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .paypal .spinner {
  position: absolute;
  top: unset !important;
  display: none;
}
/* line 720, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards {
  display: flex;
}
/* line 723, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .credit-cards input.invalid {
  border: 1px solid var(--color-semantic-error);
}
/* line 729, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .stripe-credit-cards {
  grid-auto-columns: 1 / -1;
  grid-auto-rows: auto;
  justify-content: center;
}
/* line 734, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .stripe-credit-cards #stripe-payment-form {
  display: none;
}
/* line 739, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container #stripe-spinner {
  --dot-width: 1.6rem;
  margin-top: .5rem;
}
/* line 745, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 3rem;
  gap: 0.5rem;
}
/* line 752, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form label {
  grid-column: 1 / 6;
  text-align: right;
}
/* line 756, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form label:last-of-type {
  grid-column: 1 / 9;
}
/* line 760, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form label i {
  position: relative;
  transform: translateY(calc(-100% - 0.7rem)) translateX(-0.7rem);
}
/* line 767, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-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 774, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form .expiry-and-cvv fieldset {
  grid-column: 1 / 6;
}
/* line 777, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-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 791, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form .expiry-and-cvv fieldset .expiry-date-container.disabled {
  background-color: #f4f2ec;
}
/* line 795, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form .expiry-and-cvv fieldset .expiry-date-container span {
  position: relative;
  z-index: 10000;
}
/* line 800, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form .expiry-and-cvv fieldset .expiry-date-container.invalid {
  border: 1px solid var(--color-semantic-error);
}
/* line 804, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-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 819, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form .expiry-and-cvv input {
  grid-column: 6 / 9;
}
/* line 824, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form button {
  grid-column: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
/* line 832, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form .bubble-warning {
  grid-column: 1 / 9;
  padding: 1rem;
  background-color: var(--color-accent);
  border: 2px solid #000;
  border-radius: 999px;
  height: fit-content;
  grid-row: span 2 / auto;
  display: none;
}
/* line 842, ../../../../resources/scss/pages/_order_complete.scss */
#complete .complete-container .payment-step #payment-methods-container .convergeapi-credit-cards #convergeapi-payment-form .bubble-warning.show {
  display: block;
}
/* line 852, ../../../../resources/scss/pages/_order_complete.scss */
#complete .place-order-button {
  position: relative;
  text-wrap: nowrap;
  width: min-content;
  margin-top: 1.5rem;
}
/* line 859, ../../../../resources/scss/pages/_order_complete.scss */
#complete .right-column {
  order: 1;
}
@media (max-width: 499px) {
  /* line 859, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .right-column {
    order: 0;
  }
}
/* line 867, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container {
  box-shadow: 0 0 0 2px var(--color-accent);
  box-sizing: border-box;
  margin: var(--header-content-gap) -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 867, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container {
    border-radius: 0.5rem;
    box-shadow: none;
  }
}
/* line 890, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container .titles {
  padding-top: 5px;
  margin-top: 1rem;
}
/* line 895, ../../../../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 903, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review {
  width: 100%;
}
/* line 906, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item {
  --product-lenght: -32rem;
  --cart-item-image-height: 6.5rem;
  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 918, ../../../../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 923, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 {
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  font-size: 2rem;
  margin: unset;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: min-content min-content min-content min-content 1fr;
  grid-template-areas: 'product-name product-theme qty extra item-price';
}
@media (max-width: 499px) {
  /* line 923, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container #cart-review .cart-content-review .cart-item h3 {
    grid-template-columns: min-content min-content 1fr;
    grid-template-areas: 'product-name extra item-price' 'product-theme extra item-price' 'qty extra item-price';
  }
}
/* line 941, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 > span {
  white-space: nowrap;
}
/* line 945, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 .product-name,
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 .product-theme {
  text-overflow: ellipsis;
  overflow: clip;
  max-width: 15rem;
}
/* line 952, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 .product-name {
  grid-area: product-name;
}
/* line 956, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 .product-theme {
  grid-area: product-theme;
}
/* line 960, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 .qty {
  grid-area: qty;
  color: var(--color-accent);
}
/* line 965, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 .extra {
  grid-area: extra;
}
/* line 969, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item h3 .item-price {
  color: var(--color-accent);
  text-align: right;
}
/* line 975, ../../../../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 982, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment,
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options {
  display: inline-block;
  margin: 0;
  text-align: center;
}
/* line 988, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment[data-product-comment=""],
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options[data-product-comment=""] {
  display: none;
}
/* line 992, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment i,
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options i {
  color: var(--color-accent);
  font-size: 1.5rem;
}
/* line 997, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment::after,
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options::after {
  --overlay-padding: 1.5rem;
  --color-lightness: 7%;
  border-radius: 1rem;
  border: 1px solid oklch(15% 0% 0/20%);
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.4));
  padding: var(--overlay-padding);
  --color-lightness: 90%;
  border: currentColor 1px solid;
  content: attr(data-product-comment);
  display: none;
  white-space: pre-wrap;
  width: max-content;
  max-height: calc(var(--cart-item-image-height) + 1.5rem);
  max-width: 32rem;
  text-align: left;
  position: absolute;
  transform: translateX(Max(var(--product-lenght), -50%));
  overflow: auto;
}
/* line 1013, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment::after:hover,
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options::after:hover {
  display: block;
}
@media (max-width: 499px) {
  /* line 997, ../../../../resources/scss/pages/_order_complete.scss */
  #complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment::after,
  #complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options::after {
    transform: translate(0);
    right: 0.5rem;
    left: 0.5rem;
    max-width: calc(100% - 1rem);
  }
}
/* line 1026, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-comment:hover::after,
#complete .cart-review-container #cart-review .cart-content-review .cart-item .product-options:hover::after {
  display: block;
}
/* line 1032, ../../../../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: flex;
  flex-wrap: wrap;
  text-align: center;
  gap: 1rem;
}
/* line 1040, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container li {
  text-align: left;
}
/* line 1044, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .product-image {
  overflow: hidden;
  display: flex;
  justify-content: center;
  margin-right: 1rem;
}
/* line 1050, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container .product-image img {
  height: var(--cart-item-image-height);
  aspect-ratio: 1;
}
/* line 1056, ../../../../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 1064, ../../../../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: var(--color-accent);
  font-size: 2rem;
}
/* line 1069, ../../../../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);
  border-radius: 3rem;
  padding: 1.5rem;
  border: currentColor 1px solid;
  z-index: 10000;
}
/* line 1080, ../../../../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 1069, ../../../../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 1091, ../../../../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 1098, ../../../../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 1104, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-content-review .cart-item .images-container img {
  height: unset;
  max-height: var(--cart-item-image-height);
  max-width: unset;
}
/* line 1113, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review #return-to-order {
  --color-lightness: 50%;
  text-align: right;
}
/* line 1117, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review #return-to-order:hover {
  --color-lightness: 30%;
}
/* line 1121, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review #return-to-order p {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
/* line 1127, ../../../../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 1134, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li {
  grid-column: 1 / 3;
}
/* line 1137, ../../../../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 1143, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li ul li {
  text-align: left;
}
/* line 1146, ../../../../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 1150, ../../../../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 1157, ../../../../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 1162, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.shipping {
  font-size: 1.4rem;
}
/* line 1166, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.late {
  display: none;
  font-size: 1.4rem;
}
/* line 1171, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.promo {
  display: none;
  font-size: 1.4rem;
}
/* line 1176, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.subtotal {
  font-weight: 600;
  margin-bottom: 2rem;
}
/* line 1181, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.gst, #complete .cart-review-container #cart-review .cart-price-review li.qst, #complete .cart-review-container #cart-review .cart-price-review li.hst, #complete .cart-review-container #cart-review .cart-price-review li.pst {
  font-size: 1.4rem;
}
/* line 1188, ../../../../resources/scss/pages/_order_complete.scss */
#complete .cart-review-container #cart-review .cart-price-review li.total {
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.6rem;
}
/* line 1200, ../../../../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 1207, ../../../../resources/scss/pages/_order_complete.scss */
#complete #promo-section .promo-section input {
  grid-column: 1 / 2;
}
/* line 1211, ../../../../resources/scss/pages/_order_complete.scss */
#complete #promo-section .promo-section #apply-promo {
  grid-column: 2 / 3;
}

/* line 5, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg {
  margin: 0 auto;
  max-width: 650px;
}
@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.svg-holder {
  --icon-height: 8rem;
  max-height: var(--icon-height);
}
/* line 23, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-header.svg-holder svg {
  height: var(--icon-height);
  max-width: 100%;
}
/* line 27, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-header.svg-holder svg .fa-primary {
  fill: #1a1a1a;
}
/* line 31, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-header.svg-holder svg .fa-secondary {
  fill: var(--color-accent);
}
/* line 37, ../../../../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: var(--color-semantic-success);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid var(--color-semantic-success);
}
/* line 50, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-header .error i {
  color: var(--color-semantic-error);
  border: 5px solid var(--color-semantic-error);
}
/* line 57, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body {
  max-width: 54.5rem;
  width: 100%;
  margin: 2rem auto;
  padding: 20px;
  -webkit-filter: drop-shadow(1px 1px 2px var(--color-semantic-disabled));
  filter: drop-shadow(1px 1px 2px var(--color-semantic-disabled));
}
/* line 65, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body h2 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
/* line 71, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body h4 {
  font-family: "Roboto Flex", sans-serif;
  padding: 1rem;
  background-color: var(--color-accent);
  border: 3px solid currentColor;
  border-radius: 1.5rem;
}
/* line 78, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body h4 a {
  margin: 2rem 0;
  text-align: center;
}
/* line 84, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg .confirmation-body p {
  margin-bottom: 0;
}
/* line 89, ../../../../resources/scss/pages/_confirm.scss */
.confirmation-msg span {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
}

/* line 3, ../../../../resources/scss/pages/_code_request.scss */
#code-request .help-mark {
  position: relative;
  color: var(--color-semantic-info);
  cursor: pointer;
  margin-right: -0.5em;
}
/* line 9, ../../../../resources/scss/pages/_code_request.scss */
#code-request .help-mark.help-mark-last {
  margin-right: 0;
}
/* line 13, ../../../../resources/scss/pages/_code_request.scss */
#code-request .help-mark:hover {
  color: oklch(from var(--color-semantic-info) calc(l * 1.2) c h);
}
/* line 16, ../../../../resources/scss/pages/_code_request.scss */
#code-request .help-mark:hover .help-bubble {
  display: block;
}
/* line 21, ../../../../resources/scss/pages/_code_request.scss */
#code-request .help-mark sup {
  font-size: 75%;
  position: relative;
  top: -0.45em;
  left: -0.35em;
}
/* line 28, ../../../../resources/scss/pages/_code_request.scss */
#code-request .help-mark .help-bubble {
  display: none;
  position: absolute;
  bottom: 125%;
  left: -50%;
  z-index: 100;
  background-color: var(--color-semantic-info);
  color: white;
  padding: 1rem;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 28rem;
  text-align: left;
  line-height: 1.5rem;
}
/* line 45, ../../../../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 45, ../../../../resources/scss/pages/_code_request.scss */
  #code-request .container {
    min-width: 0;
    width: 95%;
  }
}
/* line 59, ../../../../resources/scss/pages/_code_request.scss */
#code-request .container.feedback-message {
  width: 65%;
}
/* line 66, ../../../../resources/scss/pages/_code_request.scss */
#code-request form > div:not(:first-child) {
  margin-top: .5em;
}
/* line 70, ../../../../resources/scss/pages/_code_request.scss */
#code-request form div.input-block {
  margin-bottom: 1rem;
}
/* line 73, ../../../../resources/scss/pages/_code_request.scss */
#code-request form div.input-block label.input-label {
  text-align: left;
}
/* line 81, ../../../../resources/scss/pages/_code_request.scss */
#code-request form div.input-block input[type="number"] {
  -moz-appearance: textfield;
}
/* line 84, ../../../../resources/scss/pages/_code_request.scss */
#code-request form div.input-block input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 89, ../../../../resources/scss/pages/_code_request.scss */
#code-request form div.input-block input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 96, ../../../../resources/scss/pages/_code_request.scss */
#code-request form div.control-ui {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
/* line 103, ../../../../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 .btn-accent, #code-request .small-btn, #code-request .cross-sell-overlay .bottom button, .cross-sell-overlay .bottom #code-request button {
  height: auto;
  margin-top: 1rem;
  padding: 6px 1em;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  text-align: center;
}
/* line 111, ../../../../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 .btn-accent:hover, #code-request .small-btn:hover, #code-request .cross-sell-overlay .bottom button:hover, .cross-sell-overlay .bottom #code-request button:hover {
  filter: brightness(1.1);
}
/* line 115, ../../../../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 .btn-accent:disabled, #code-request .small-btn:disabled, #code-request .cross-sell-overlay .bottom button:disabled, .cross-sell-overlay .bottom #code-request button:disabled {
  background-color: var(--color-semantic-disabled);
}
/* line 118, ../../../../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 .btn-accent:disabled:hover, #code-request .small-btn:disabled:hover, #code-request .cross-sell-overlay .bottom button:disabled:hover, .cross-sell-overlay .bottom #code-request button:disabled:hover {
  background-color: var(--color-semantic-disabled);
}
/* line 124, ../../../../resources/scss/pages/_code_request.scss */
#code-request .g-recaptcha {
  width: auto;
  padding-block: 10px;
}
/* line 132, ../../../../resources/scss/pages/_code_request.scss */
#code-request .feedback-message i.fa-check {
  margin-bottom: 5px;
  color: var(--color-semantic-success);
  font-size: 90px;
}
/* line 138, ../../../../resources/scss/pages/_code_request.scss */
#code-request .feedback-message i.fa-exclamation {
  margin-bottom: 15px;
  color: var(--color-semantic-error);
  font-size: 60px;
}
/* line 144, ../../../../resources/scss/pages/_code_request.scss */
#code-request .feedback-message p {
  font-size: 22px;
}
/* line 148, ../../../../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 {
  --color-lightness: 50%;
  margin-left: 1.2em;
  margin-bottom: .8em;
}
/* 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 2, ../../../../resources/scss/pages/_digitals.scss */
#digitals-landing .confirmation-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}