/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
/* line 5, app/assets/stylesheets/vendor/flickity.css */
.flickity-enabled {
  position: relative;
}

/* line 9, app/assets/stylesheets/vendor/flickity.css */
.flickity-enabled:focus {
  outline: none;
}

/* line 11, app/assets/stylesheets/vendor/flickity.css */
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

/* line 17, app/assets/stylesheets/vendor/flickity.css */
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
/* line 25, app/assets/stylesheets/vendor/flickity.css */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 34, app/assets/stylesheets/vendor/flickity.css */
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

/* line 40, app/assets/stylesheets/vendor/flickity.css */
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-button ---- */
/* line 47, app/assets/stylesheets/vendor/flickity.css */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

/* line 54, app/assets/stylesheets/vendor/flickity.css */
.flickity-button:hover {
  background: white;
  cursor: pointer;
}

/* line 59, app/assets/stylesheets/vendor/flickity.css */
.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

/* line 64, app/assets/stylesheets/vendor/flickity.css */
.flickity-button:active {
  opacity: 0.6;
}

/* line 68, app/assets/stylesheets/vendor/flickity.css */
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

/* line 75, app/assets/stylesheets/vendor/flickity.css */
.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */
/* line 81, app/assets/stylesheets/vendor/flickity.css */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

/* line 90, app/assets/stylesheets/vendor/flickity.css */
.flickity-prev-next-button.previous {
  left: 10px;
}

/* line 91, app/assets/stylesheets/vendor/flickity.css */
.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
/* line 93, app/assets/stylesheets/vendor/flickity.css */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

/* line 97, app/assets/stylesheets/vendor/flickity.css */
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

/* line 102, app/assets/stylesheets/vendor/flickity.css */
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
/* line 112, app/assets/stylesheets/vendor/flickity.css */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

/* line 123, app/assets/stylesheets/vendor/flickity.css */
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

/* line 125, app/assets/stylesheets/vendor/flickity.css */
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

/* line 136, app/assets/stylesheets/vendor/flickity.css */
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
/* line 4, app/assets/stylesheets/vendor/lity.css */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 20, app/assets/stylesheets/vendor/lity.css */
.lity.lity-opened {
  opacity: 1;
}

/* line 23, app/assets/stylesheets/vendor/lity.css */
.lity.lity-closed {
  opacity: 0;
}

/* line 26, app/assets/stylesheets/vendor/lity.css */
.lity * {
  box-sizing: border-box;
}

/* line 31, app/assets/stylesheets/vendor/lity.css */
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

/* line 41, app/assets/stylesheets/vendor/lity.css */
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

/* line 48, app/assets/stylesheets/vendor/lity.css */
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 63, app/assets/stylesheets/vendor/lity.css */
.lity-loading .lity-loader {
  opacity: 1;
}

/* line 66, app/assets/stylesheets/vendor/lity.css */
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

/* line 77, app/assets/stylesheets/vendor/lity.css */
.lity-content {
  z-index: 9993;
  width: 100%;
  transform: scale(1);
  transition: transform 0.3s ease;
}

/* line 90, app/assets/stylesheets/vendor/lity.css */
.lity-loading .lity-content,
.lity-closed .lity-content {
  transform: scale(0.8);
}

/* line 97, app/assets/stylesheets/vendor/lity.css */
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* line 111, app/assets/stylesheets/vendor/lity.css */
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}

/* line 135, app/assets/stylesheets/vendor/lity.css */
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 139, app/assets/stylesheets/vendor/lity.css */
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}

/* line 158, app/assets/stylesheets/vendor/lity.css */
.lity-close:active {
  top: 1px;
}

/* Image */
/* line 162, app/assets/stylesheets/vendor/lity.css */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
/* line 169, app/assets/stylesheets/vendor/lity.css */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

/* line 177, app/assets/stylesheets/vendor/lity.css */
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

/* line 187, app/assets/stylesheets/vendor/lity.css */
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* line 198, app/assets/stylesheets/vendor/lity.css */
.lity-hide {
  display: none;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
/* line 6, app/assets/stylesheets/vendor/photoswipe.css */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

/* line 21, app/assets/stylesheets/vendor/photoswipe.css */
.pswp * {
  box-sizing: border-box;
}

/* line 24, app/assets/stylesheets/vendor/photoswipe.css */
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
/* line 28, app/assets/stylesheets/vendor/photoswipe.css */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* line 36, app/assets/stylesheets/vendor/photoswipe.css */
.pswp--open {
  display: block;
}

/* line 39, app/assets/stylesheets/vendor/photoswipe.css */
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

/* line 45, app/assets/stylesheets/vendor/photoswipe.css */
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

/* line 51, app/assets/stylesheets/vendor/photoswipe.css */
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/
/* line 61, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

/* line 74, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 82, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
/* line 93, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* line 102, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* line 112, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* line 118, app/assets/stylesheets/vendor/photoswipe.css */
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

/* line 123, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

/* line 127, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

/* line 135, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/
/* line 146, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
  div element that matches size of large image
  large image loads on top of it
*/
/* line 153, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__img--placeholder--blank {
  background: #222;
}

/* line 156, app/assets/stylesheets/vendor/photoswipe.css */
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
/* line 166, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

/* line 177, app/assets/stylesheets/vendor/photoswipe.css */
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

  Contents:

  1. Buttons
  2. Share modal and links
  3. Index indicator ("1 of X" counter)
  4. Caption
  5. Loading indicator
  6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

  1. Buttons

 */
/* <button> css reset */
/* line 20, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}

/* line 38, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

/* line 40, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

/* line 43, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
/* line 48, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

/* line 51, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/assets/pswp-default-skin-da0d39006180801b522b3f8c52372d9a30bf9b8436ae6365964387d63a1c1c92.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  /* line 61, app/assets/stylesheets/vendor/photoswipe-skin.css */
  .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/assets/pswp-default-skin-03601d3c89155c3bef2cdd7a5014939943c2cec372f542ffb19c7347675b8237.svg);
  }
  /* line 65, app/assets/stylesheets/vendor/photoswipe-skin.css */
  .pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

/* line 69, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--close {
  background-position: 0 -44px;
}

/* line 72, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--share {
  background-position: -44px -44px;
}

/* line 75, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--fs {
  display: none;
}

/* line 78, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--supports-fs .pswp__button--fs {
  display: block;
}

/* line 81, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

/* line 84, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

/* line 88, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* line 91, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
/* line 95, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
/* line 103, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

/* line 112, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--arrow--left {
  left: 0;
}

/* line 115, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--arrow--right {
  right: 0;
}

/* line 118, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

/* line 127, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

/* line 131, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

  2. Share modal/popup and links

 */
/* line 140, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 147, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

/* line 163, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-modal--hidden {
  display: none;
}

/* line 166, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

/* line 184, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

/* line 191, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

/* line 194, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

/* line 197, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

/* line 200, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-modal--fade-in {
  opacity: 1;
}

/* line 202, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
/* line 208, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

/* line 211, app/assets/stylesheets/vendor/photoswipe-skin.css */
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

/* line 225, app/assets/stylesheets/vendor/photoswipe-skin.css */
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

/* line 228, app/assets/stylesheets/vendor/photoswipe-skin.css */
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

/* line 231, app/assets/stylesheets/vendor/photoswipe-skin.css */
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

/* line 235, app/assets/stylesheets/vendor/photoswipe-skin.css */
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

/* line 239, app/assets/stylesheets/vendor/photoswipe-skin.css */
a.pswp__share--download:hover {
  background: #DDD;
}

/*

  3. Index indicator ("1 of X" counter)

 */
/* line 247, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

  4. Caption

 */
/* line 263, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

/* line 269, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

/* line 273, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

/* line 282, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
/* line 286, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__caption--fake {
  visibility: hidden;
}

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
/* line 296, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

/* line 309, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

/* line 314, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__preloader--active {
  opacity: 1;
}

/* line 316, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/assets/pswp-preloader-bf53509f32991c52bbd97a8de22f6d74eba2cdbd488093e41663a72cf3c797c5.gif) 0 0 no-repeat;
}

/* line 320, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

/* line 322, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}

/* line 325, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

/* line 329, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

/* line 339, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--css_animation .pswp__preloader__cut {
  /*
      The idea of animating inner circle is based on Polymer ("material") loading indicator
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

/* line 349, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  /* line 365, app/assets/stylesheets/vendor/photoswipe-skin.css */
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

/*

  6. Additional styles

 */
/* root element of UI */
/* line 416, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
/* line 423, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

/* line 430, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
/* line 440, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

/* line 444, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__top-bar,
.pswp__caption {
  background-color: transparent;
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
/* line 450, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: transparent;
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
/* line 456, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

/* line 459, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
/* line 467, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
/* line 475, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

/* line 480, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__element--disabled {
  display: none !important;
}

/* line 483, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/* line 486, app/assets/stylesheets/vendor/photoswipe-skin.css */
.pswp__bg {
  background: #231f20;
}

/* line 490, app/assets/stylesheets/vendor/photoswipe-skin.css */
.c-page--product .pswp__bg,
.pswp__img--placeholder--blank {
  background: #dedbd9;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
/* line 13, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-helper-hidden {
  display: none;
}

/* line 16, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 26, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/* line 36, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

/* line 42, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-helper-clearfix:after {
  clear: both;
}

/* line 45, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}

/* line 55, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
/* line 62, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
/* line 70, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* line 80, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 90, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 97, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

/* line 102, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

/* line 106, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

/* line 113, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

/* line 117, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

/* line 120, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

/* line 123, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

/* line 126, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

/* line 129, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

/* line 138, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

/* line 143, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

/* line 147, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

/* line 151, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

/* line 157, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

/* line 163, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker td {
  border: 0;
  padding: 1px;
}

/* line 167, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

/* line 174, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

/* line 182, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

/* line 190, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
/* line 195, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* line 198, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

/* line 201, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

/* line 205, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

/* line 208, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

/* line 211, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

/* line 214, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

/* line 218, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

/* line 221, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
/* line 228, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl {
  direction: rtl;
}

/* line 231, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

/* line 235, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

/* line 239, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

/* line 243, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

/* line 247, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

/* line 250, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

/* line 253, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

/* line 257, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
/* line 264, app/assets/stylesheets/vendor/jquery-ui.structure.css */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
 */
/* Component containers
----------------------------------*/
/* line 17, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

/* line 21, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget .ui-widget {
  font-size: 1em;
}

/* line 24, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

/* line 31, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

/* line 34, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

/* line 39, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget-content a {
  color: #333333;
}

/* line 42, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

/* line 48, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
/* line 54, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

/* line 68, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a.ui-button:link,
a.ui-button:visited,
.ui-button {
  color: #454545;
  text-decoration: none;
}

/* line 78, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

/* line 91, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

/* line 105, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

/* line 108, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

/* line 119, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

/* line 124, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
/* line 133, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

/* line 140, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

/* line 144, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

/* line 149, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

/* line 156, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

/* line 161, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

/* line 166, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

/* line 171, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: normal;
}

/* line 178, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none;
}

/* line 185, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
/* line 193, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon {
  width: 16px;
  height: 16px;
}

/* line 197, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/assets/ui/ui-icons_444444_256x240-d01e927c0d3b3493d0c091a092e16224a682324d5c3aeaeb75be9064fa5792bd.png);
}

/* line 201, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget-header .ui-icon {
  background-image: url(/assets/ui/ui-icons_444444_256x240-d01e927c0d3b3493d0c091a092e16224a682324d5c3aeaeb75be9064fa5792bd.png);
}

/* line 204, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(/assets/ui/ui-icons_555555_256x240-1fff16e5d9b2e5f910d6e95e81144e644d3934c74a3306ca172671ec2b205383.png);
}

/* line 210, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/assets/ui/ui-icons_ffffff_256x240-da08a732e7e7c377af4dba6b65cc4e293085a5cf933a5ba081688dc8ff7bf3be.png);
}

/* line 214, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(/assets/ui/ui-icons_777620_256x240-578dfd89e65ea89cb2a05d3df5ebb64a90d76fa9c6da1c75f51cb7eeaaba1757.png);
}

/* line 218, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/assets/ui/ui-icons_cc0000_256x240-874be1fb6d0db61aa30286d57c2a4762cb0a5271bfb3e7dd48ceba5eb93a5b62.png);
}

/* line 222, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-button .ui-icon {
  background-image: url(/assets/ui/ui-icons_777777_256x240-abe3cc96fa71a0187b6188b8c300e865f45e8958d972b972b29179eff8d3627d.png);
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
/* line 228, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

/* line 231, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-n {
  background-position: 0 0;
}

/* line 232, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

/* line 233, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-e {
  background-position: -32px 0;
}

/* line 234, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-se {
  background-position: -48px 0;
}

/* line 235, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-s {
  background-position: -65px 0;
}

/* line 236, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

/* line 237, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-w {
  background-position: -96px 0;
}

/* line 238, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

/* line 239, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

/* line 240, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

/* line 241, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

/* line 242, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

/* line 243, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

/* line 244, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

/* line 245, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

/* line 246, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

/* line 247, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

/* line 248, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

/* line 249, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

/* line 250, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

/* line 251, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

/* line 252, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

/* line 253, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

/* line 254, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

/* line 255, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

/* line 256, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

/* line 257, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

/* line 258, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

/* line 259, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

/* line 260, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

/* line 261, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

/* line 262, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

/* line 263, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

/* line 264, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

/* line 265, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

/* line 266, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

/* line 267, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

/* line 268, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

/* line 269, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

/* line 270, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

/* line 271, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

/* line 272, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

/* line 273, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

/* line 274, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

/* line 275, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

/* line 276, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

/* line 277, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

/* line 278, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

/* line 279, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

/* line 280, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

/* line 281, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

/* line 282, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

/* line 283, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

/* line 284, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

/* line 285, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

/* line 286, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

/* line 287, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

/* line 288, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

/* line 289, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

/* line 290, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

/* line 291, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

/* line 292, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

/* line 293, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

/* line 294, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

/* line 295, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

/* line 296, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

/* line 297, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-extlink {
  background-position: -32px -80px;
}

/* line 298, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-newwin {
  background-position: -48px -80px;
}

/* line 299, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-refresh {
  background-position: -64px -80px;
}

/* line 300, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-shuffle {
  background-position: -80px -80px;
}

/* line 301, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

/* line 302, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

/* line 303, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

/* line 304, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-folder-open {
  background-position: -16px -96px;
}

/* line 305, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-document {
  background-position: -32px -96px;
}

/* line 306, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-document-b {
  background-position: -48px -96px;
}

/* line 307, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-note {
  background-position: -64px -96px;
}

/* line 308, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-mail-closed {
  background-position: -80px -96px;
}

/* line 309, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-mail-open {
  background-position: -96px -96px;
}

/* line 310, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-suitcase {
  background-position: -112px -96px;
}

/* line 311, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-comment {
  background-position: -128px -96px;
}

/* line 312, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-person {
  background-position: -144px -96px;
}

/* line 313, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-print {
  background-position: -160px -96px;
}

/* line 314, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-trash {
  background-position: -176px -96px;
}

/* line 315, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-locked {
  background-position: -192px -96px;
}

/* line 316, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-unlocked {
  background-position: -208px -96px;
}

/* line 317, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-bookmark {
  background-position: -224px -96px;
}

/* line 318, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-tag {
  background-position: -240px -96px;
}

/* line 319, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-home {
  background-position: 0 -112px;
}

/* line 320, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-flag {
  background-position: -16px -112px;
}

/* line 321, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-calendar {
  background-position: -32px -112px;
}

/* line 322, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-cart {
  background-position: -48px -112px;
}

/* line 323, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-pencil {
  background-position: -64px -112px;
}

/* line 324, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-clock {
  background-position: -80px -112px;
}

/* line 325, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-disk {
  background-position: -96px -112px;
}

/* line 326, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-calculator {
  background-position: -112px -112px;
}

/* line 327, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-zoomin {
  background-position: -128px -112px;
}

/* line 328, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-zoomout {
  background-position: -144px -112px;
}

/* line 329, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-search {
  background-position: -160px -112px;
}

/* line 330, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-wrench {
  background-position: -176px -112px;
}

/* line 331, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-gear {
  background-position: -192px -112px;
}

/* line 332, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-heart {
  background-position: -208px -112px;
}

/* line 333, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-star {
  background-position: -224px -112px;
}

/* line 334, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-link {
  background-position: -240px -112px;
}

/* line 335, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-cancel {
  background-position: 0 -128px;
}

/* line 336, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-plus {
  background-position: -16px -128px;
}

/* line 337, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-plusthick {
  background-position: -32px -128px;
}

/* line 338, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-minus {
  background-position: -48px -128px;
}

/* line 339, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-minusthick {
  background-position: -64px -128px;
}

/* line 340, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-close {
  background-position: -80px -128px;
}

/* line 341, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-closethick {
  background-position: -96px -128px;
}

/* line 342, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-key {
  background-position: -112px -128px;
}

/* line 343, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-lightbulb {
  background-position: -128px -128px;
}

/* line 344, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-scissors {
  background-position: -144px -128px;
}

/* line 345, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-clipboard {
  background-position: -160px -128px;
}

/* line 346, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-copy {
  background-position: -176px -128px;
}

/* line 347, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-contact {
  background-position: -192px -128px;
}

/* line 348, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-image {
  background-position: -208px -128px;
}

/* line 349, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-video {
  background-position: -224px -128px;
}

/* line 350, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-script {
  background-position: -240px -128px;
}

/* line 351, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-alert {
  background-position: 0 -144px;
}

/* line 352, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-info {
  background-position: -16px -144px;
}

/* line 353, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-notice {
  background-position: -32px -144px;
}

/* line 354, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-help {
  background-position: -48px -144px;
}

/* line 355, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-check {
  background-position: -64px -144px;
}

/* line 356, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-bullet {
  background-position: -80px -144px;
}

/* line 357, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-radio-on {
  background-position: -96px -144px;
}

/* line 358, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-radio-off {
  background-position: -112px -144px;
}

/* line 359, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-pin-w {
  background-position: -128px -144px;
}

/* line 360, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-pin-s {
  background-position: -144px -144px;
}

/* line 361, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-play {
  background-position: 0 -160px;
}

/* line 362, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-pause {
  background-position: -16px -160px;
}

/* line 363, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-seek-next {
  background-position: -32px -160px;
}

/* line 364, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-seek-prev {
  background-position: -48px -160px;
}

/* line 365, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-seek-end {
  background-position: -64px -160px;
}

/* line 366, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/* line 368, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

/* line 369, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-stop {
  background-position: -96px -160px;
}

/* line 370, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-eject {
  background-position: -112px -160px;
}

/* line 371, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-volume-off {
  background-position: -128px -160px;
}

/* line 372, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-volume-on {
  background-position: -144px -160px;
}

/* line 373, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-power {
  background-position: 0 -176px;
}

/* line 374, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-signal-diag {
  background-position: -16px -176px;
}

/* line 375, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-signal {
  background-position: -32px -176px;
}

/* line 376, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-battery-0 {
  background-position: -48px -176px;
}

/* line 377, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-battery-1 {
  background-position: -64px -176px;
}

/* line 378, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-battery-2 {
  background-position: -80px -176px;
}

/* line 379, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-battery-3 {
  background-position: -96px -176px;
}

/* line 380, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-plus {
  background-position: 0 -192px;
}

/* line 381, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-minus {
  background-position: -16px -192px;
}

/* line 382, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-close {
  background-position: -32px -192px;
}

/* line 383, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

/* line 384, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

/* line 385, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

/* line 386, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

/* line 387, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

/* line 388, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

/* line 389, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

/* line 390, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

/* line 391, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

/* line 392, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

/* line 393, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circle-check {
  background-position: -208px -192px;
}

/* line 394, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

/* line 395, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

/* line 396, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

/* line 397, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

/* line 398, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

/* line 399, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

/* line 400, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

/* line 401, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

/* line 402, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

/* line 403, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

/* line 404, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

/* line 405, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
/* line 412, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

/* line 418, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

/* line 424, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

/* line 430, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
/* line 438, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  -ms-filter: Alpha(Opacity=30);
  /* support: IE8 */
}

/* line 443, app/assets/stylesheets/vendor/jquery-ui.theme.css */
.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

/*
 * CKEditor 5 (v39.0.2) content styles.
 * Generated on Mon, 18 Sep 2023 11:01:42 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */
/* line 7, app/assets/stylesheets/vendor/ckeditor.css */
:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-selector-caption-background: hsl(0, 0%, 97%);
  --ck-color-selector-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
/* line 26, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-selector-caption-text);
  background-color: var(--ck-color-selector-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
/* line 38, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
/* line 43, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double #b3b3b3;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
/* line 51, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: .4em;
  border: 1px solid #bfbfbf;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
/* line 58, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table table th {
  font-weight: bold;
  background: black;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
/* line 63, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content[dir="rtl"] .table th {
  text-align: right;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
/* line 67, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content[dir="ltr"] .table th {
  text-align: left;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
/* line 71, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
/* line 75, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table table {
  overflow: hidden;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
/* line 79, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
  position: relative;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
/* line 85, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
/* line 94, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .page-break::after {
  content: '';
  position: absolute;
  border-bottom: 2px dashed #c4c4c4;
  width: 100%;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
/* line 101, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: .3em .6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: #333333;
  background: white;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
/* line 121, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 128, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list {
  list-style: none;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 132, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list li {
  margin-bottom: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 136, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 140, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 154, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #333333;
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 166, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: '';
  left: calc( var(--ck-todo-list-checkmark-size) / 3);
  top: calc( var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc( var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc( var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8) calc( var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 182, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: #26ab33;
  border-color: #26ab33;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 187, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: white;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
/* line 191, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
/* line 195, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
/* line 206, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
/* line 212, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image.image_resized img {
  width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
/* line 216, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image.image_resized > figcaption {
  display: block;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
/* line 220, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
/* line 228, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
/* line 235, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-inline {
  /*
   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
   * This strange behavior does not happen with inline-flex.
   */
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
/* line 246, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-inline picture {
  display: flex;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
/* line 250, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
/* line 257, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
/* line 261, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
/* line 265, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
/* line 269, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
/* line 273, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
/* line 278, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 283, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ol {
  list-style-type: decimal;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 287, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ol ol {
  list-style-type: lower-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 291, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ol ol ol {
  list-style-type: lower-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 295, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 299, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 303, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ul {
  list-style-type: disc;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 307, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ul ul {
  list-style-type: circle;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 311, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* line 315, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content ul ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 319, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 324, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 329, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 335, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 340, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 345, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 350, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 355, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 360, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
  margin-top: 0;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 366, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 372, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
/* line 376, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
/* line 380, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px #cccccc;
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
/* line 390, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content[dir="rtl"] blockquote {
  border-left: 0;
  border-right: solid 5px #cccccc;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
/* line 395, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .text-tiny {
  font-size: .7em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
/* line 399, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .text-small {
  font-size: .85em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
/* line 403, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .text-big {
  font-size: 1.4em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
/* line 407, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .text-huge {
  font-size: 1.8em;
}

/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
/* line 411, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content code {
  background-color: rgba(199, 199, 199, 0.3);
  padding: .15em;
  border-radius: 2px;
}

/* @ckeditor/ckeditor5-mention/theme/mention.css */
/* line 417, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}

/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
/* line 422, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: #dedede;
  border: 0;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
/* line 429, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content pre {
  padding: 1em;
  color: #353535;
  background: rgba(199, 199, 199, 0.3);
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
/* line 443, app/assets/stylesheets/vendor/ckeditor.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}

@media print {
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  /* line 450, app/assets/stylesheets/vendor/ckeditor.css */
  .ck-content .page-break {
    padding: 0;
  }
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  /* line 454, app/assets/stylesheets/vendor/ckeditor.css */
  .ck-content .page-break::after {
    display: none;
  }
}

/* line 150, app/assets/stylesheets/helpers/_mixins.scss */
.generic .featured-products {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

@media only screen and (max-width: 767px) {
  /* line 155, app/assets/stylesheets/helpers/_mixins.scss */
  .block-text.wrapper, .title-and-text.wrapper {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}

@media only screen and (max-width: 1023px) {
  /* line 163, app/assets/stylesheets/helpers/_mixins.scss */
  .image-with-text-side-by-side, .cards-with-text-side-by-side.wrapper {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}

/* line 171, app/assets/stylesheets/helpers/_mixins.scss */
.c-social, .c-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 177, app/assets/stylesheets/helpers/_mixins.scss */
.is-hidden {
  display: none;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes rotate-in {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@keyframes rotate-out {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* line 12, app/assets/stylesheets/base/_normalize.scss */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  width: calc(100% + calc(100vw - 100%));
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 28, app/assets/stylesheets/base/_normalize.scss */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 36, app/assets/stylesheets/base/_normalize.scss */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 50, app/assets/stylesheets/base/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* List
   ========================================================================== */
/**
 * Align left list content.
 */
/* line 61, app/assets/stylesheets/base/_normalize.scss */
ul, ol {
  text-align: left;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
/* line 73, app/assets/stylesheets/base/_normalize.scss */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
/* line 83, app/assets/stylesheets/base/_normalize.scss */
figure {
  margin: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 92, app/assets/stylesheets/base/_normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 103, app/assets/stylesheets/base/_normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 116, app/assets/stylesheets/base/_normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 126, app/assets/stylesheets/base/_normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 136, app/assets/stylesheets/base/_normalize.scss */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 145, app/assets/stylesheets/base/_normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 155, app/assets/stylesheets/base/_normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 166, app/assets/stylesheets/base/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 174, app/assets/stylesheets/base/_normalize.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 183, app/assets/stylesheets/base/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 192, app/assets/stylesheets/base/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 200, app/assets/stylesheets/base/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 204, app/assets/stylesheets/base/_normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 215, app/assets/stylesheets/base/_normalize.scss */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 224, app/assets/stylesheets/base/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 233, app/assets/stylesheets/base/_normalize.scss */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 241, app/assets/stylesheets/base/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 253, app/assets/stylesheets/base/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 269, app/assets/stylesheets/base/_normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 279, app/assets/stylesheets/base/_normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 290, app/assets/stylesheets/base/_normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 301, app/assets/stylesheets/base/_normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 313, app/assets/stylesheets/base/_normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 324, app/assets/stylesheets/base/_normalize.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 335, app/assets/stylesheets/base/_normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 349, app/assets/stylesheets/base/_normalize.scss */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 358, app/assets/stylesheets/base/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 367, app/assets/stylesheets/base/_normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 377, app/assets/stylesheets/base/_normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 387, app/assets/stylesheets/base/_normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
/* line 396, app/assets/stylesheets/base/_normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 406, app/assets/stylesheets/base/_normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
/* line 419, app/assets/stylesheets/base/_normalize.scss */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 428, app/assets/stylesheets/base/_normalize.scss */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 439, app/assets/stylesheets/base/_normalize.scss */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
/* line 447, app/assets/stylesheets/base/_normalize.scss */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
/* line 458, app/assets/stylesheets/base/_normalize.scss */
[hidden] {
  display: none;
}

/* line 462, app/assets/stylesheets/base/_normalize.scss */
*, :after, :before {
  box-sizing: border-box;
}

/* line 16, app/assets/stylesheets/base/_typography.scss */
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #000000;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 25, app/assets/stylesheets/base/_typography.scss */
a {
  text-decoration: none;
  color: #8b8b8b;
  transition: all 0.25s;
}

/* line 31, app/assets/stylesheets/base/_typography.scss */
.link {
  text-decoration: none;
  color: #8b8b8b;
  transition: all 0.25s;
}

/* line 36, app/assets/stylesheets/base/_typography.scss */
.link--underline {
  text-decoration: underline;
  color: #000000;
}

/* line 40, app/assets/stylesheets/base/_typography.scss */
.link--underline:hover {
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/base/_typography.scss */
.link--gray {
  color: #8b8b8b;
}

/* line 49, app/assets/stylesheets/base/_typography.scss */
.link--black {
  color: #000000;
}

/* line 54, app/assets/stylesheets/base/_typography.scss */
b,
strong {
  font-weight: 600;
}

/* line 59, app/assets/stylesheets/base/_typography.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: "Poppins", sans-serif;
}

/* line 1, app/assets/stylesheets/base/_title.scss */
.title {
  font-weight: 400;
}

/* line 4, app/assets/stylesheets/base/_title.scss */
.title--hero-home {
  font-family: "Noto Serif Display", serif;
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/base/_title.scss */
  .title--hero-home {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

@media only screen and (min-width: 1720px) {
  /* line 4, app/assets/stylesheets/base/_title.scss */
  .title--hero-home {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

/* line 21, app/assets/stylesheets/base/_title.scss */
.title--hero-secondary {
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.75rem;
}

@media only screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/base/_title.scss */
  .title--hero-secondary {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 21, app/assets/stylesheets/base/_title.scss */
  .title--hero-secondary {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

/* line 37, app/assets/stylesheets/base/_title.scss */
.title--primary {
  font-size: 2rem;
  line-height: 2.375rem;
  margin: 0;
  color: #000000;
}

/* line 44, app/assets/stylesheets/base/_title.scss */
.title--secondary {
  font-size: 3rem;
  line-height: 3rem;
  margin: 0;
  color: #000000;
}

/* line 51, app/assets/stylesheets/base/_title.scss */
.title--subtitle {
  font-size: 2rem;
  line-height: 2.375rem;
  margin: 0;
  color: #000000;
}

/* line 58, app/assets/stylesheets/base/_title.scss */
.title--subtitle-secondary {
  font-size: 1.5rem;
  margin: 0 0 8px 0;
}

/* line 63, app/assets/stylesheets/base/_title.scss */
.title--margin {
  margin: 0 0 40px 0;
}

/* line 67, app/assets/stylesheets/base/_title.scss */
.title--center {
  justify-self: center;
}

/* line 71, app/assets/stylesheets/base/_title.scss */
.title--grid {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 71, app/assets/stylesheets/base/_title.scss */
  .title--grid {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/base/_title.scss */
  .title--grid {
    grid-column-end: span 12;
  }
}

/* line 83, app/assets/stylesheets/base/_title.scss */
.title--arrow {
  padding: 0 0 0 56px;
  position: relative;
}

/* line 87, app/assets/stylesheets/base/_title.scss */
.title--arrow:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(/assets/ico-arrow-left-8703df32ca76c5c684e6c450ee7b711ebe57108bf7cab93b4d07a4be1b5ba979.svg) center center no-repeat;
  background-size: 32px 32px;
  position: absolute;
  left: 0;
  top: 8px;
}

/* line 1, app/assets/stylesheets/layout/_wrapper.scss */
body, .body {
  background: #ffffff;
  position: relative;
}

/* line 5, app/assets/stylesheets/layout/_wrapper.scss */
body--gray, .body--gray {
  background: #fcfcfc;
}

/* line 10, app/assets/stylesheets/layout/_wrapper.scss */
.wrapper {
  width: 100%;
  max-width: 1710px;
  margin: 0 auto;
  padding: 0 25px;
}

@media only screen and (min-width: 768px) {
  /* line 10, app/assets/stylesheets/layout/_wrapper.scss */
  .wrapper {
    padding: 0 35px;
  }
}

/* line 21, app/assets/stylesheets/layout/_wrapper.scss */
.page {
  margin: 50px 0 100px 0;
}

/* line 25, app/assets/stylesheets/layout/_wrapper.scss */
.l-page {
  margin: 0;
  padding: 6.875rem 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 25, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page {
    padding: 7.5rem 0 0 0;
    margin: 3.125rem 0 0 0;
  }
}

/* line 34, app/assets/stylesheets/layout/_wrapper.scss */
.l-page--full-page {
  max-width: inherit;
  width: 100vw;
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 5rem 0 6.25rem 0;
}

@media only screen and (min-width: 768px) {
  /* line 44, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page--full-page:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.9375rem;
    background: #ffffff;
  }
  /* line 54, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page--full-page:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.9375rem;
    background: #ffffff;
  }
}

/* line 66, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro {
  display: flex;
  flex-direction: column;
  margin: 2.6875rem 0.9375rem 0 0.9375rem;
  position: relative;
}

/* line 72, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro:before {
  content: "";
  position: absolute;
  top: -5rem;
  display: block;
  width: 2.4375rem;
  height: 3.125rem;
}

@media only screen and (min-width: 768px) {
  /* line 66, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro {
    flex-direction: row;
    margin: 0;
  }
  /* line 85, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro:before {
    top: -2.6875rem;
    width: 1.625rem;
    height: 2.0625rem;
    background-size: 1.625rem 2.0625rem;
  }
}

/* line 93, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro--secondary {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 93, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro--secondary {
    margin: 0 auto;
  }
}

/* line 101, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro__left {
  margin: 3.125rem 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 101, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro__left {
    margin: 5.625rem 0 0 0;
    flex: 60%;
  }
}

/* line 109, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro__left--small {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 109, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro__left--small {
    width: 100%;
    max-width: 14.875rem;
    padding: 0 3.125rem 0 0;
    flex: unset;
  }
}

/* line 120, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro__left--medium {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 120, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro__left--medium {
    width: 100%;
    max-width: 25rem;
    padding: 0 3.125rem 0 0;
    flex: unset;
  }
}

@media only screen and (min-width: 768px) {
  /* line 132, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro__right {
    flex: 40%;
  }
}

/* line 139, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro__fullwidth {
  margin: 3.125rem 0;
}

@media only screen and (min-width: 768px) {
  /* line 139, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro__fullwidth {
    margin: 5.625rem 0 2.5rem 0;
    flex: 100%;
  }
}

/* line 148, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro__picto {
  width: 3.75rem;
  height: 3.75rem;
}

@media only screen and (min-width: 768px) {
  /* line 148, app/assets/stylesheets/layout/_wrapper.scss */
  .l-page__intro__picto {
    width: 7.5rem;
    height: 7.5rem;
  }
}

/* line 157, app/assets/stylesheets/layout/_wrapper.scss */
.l-page__intro__picto__img {
  width: 100%;
}

/* line 164, app/assets/stylesheets/layout/_wrapper.scss */
.l-wrapper {
  max-width: 1024px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

@media only screen and (min-width: 1248px) {
  /* line 164, app/assets/stylesheets/layout/_wrapper.scss */
  .l-wrapper {
    padding: 0;
  }
}

/* line 175, app/assets/stylesheets/layout/_wrapper.scss */
.l-wrapper--with-padding {
  padding: 0 0.9375rem;
}

/* Equal height slides: Flexbox */
/* line 181, app/assets/stylesheets/layout/_wrapper.scss */
.flickity-slider {
  display: flex;
  position: static;
}

/* line 186, app/assets/stylesheets/layout/_wrapper.scss */
.carousel-cell {
  position: static !important;
  flex: 0 0 25%;
}

/* line 190, app/assets/stylesheets/layout/_wrapper.scss */
.carousel-cell---center {
  text-align: center;
  align-self: center;
}

/* line 195, app/assets/stylesheets/layout/_wrapper.scss */
.carousel-cell---brand {
  flex: 0 0 33%;
}

@media only screen and (max-width: 1023px) {
  /* line 186, app/assets/stylesheets/layout/_wrapper.scss */
  .carousel-cell {
    flex: 0 0 33%;
  }
}

@media only screen and (max-width: 479px) {
  /* line 186, app/assets/stylesheets/layout/_wrapper.scss */
  .carousel-cell {
    flex: 0 0 99%;
  }
}

@media only screen and (max-width: 639px) {
  /* line 207, app/assets/stylesheets/layout/_wrapper.scss */
  .carousel-cell---product {
    flex: 0 0 99%;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 214, app/assets/stylesheets/layout/_wrapper.scss */
  .l-body-fix-scroll {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
  }
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.grid-container {
  -ms-display: grid;
  display: grid;
  -ms-grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-column-gap: 1vmax;
  grid-column-gap: 1vmax;
  -ms-grid-row-gap: 1vmax;
  grid-row-gap: 1vmax;
  -ms-grid-auto-flow: dense;
  grid-auto-flow: dense;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-items-start {
  -ms-justify-items: start;
  justify-items: start;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-items-end {
  -ms-justify-items: end;
  justify-items: end;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-items-center {
  -ms-justify-items: center;
  justify-items: center;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-items-stretch {
  -ms-justify-items: stretch;
  justify-items: stretch;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-items-start {
  -ms-align-items: start;
  align-items: start;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-items-end {
  -ms-align-items: end;
  align-items: end;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-items-center {
  -ms-align-items: center;
  align-items: center;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-items-stretch {
  -ms-align-items: stretch;
  align-items: stretch;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-content-start {
  -ms-justify-content: start;
  justify-content: start;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-content-end {
  -ms-justify-content: end;
  justify-content: end;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-content-center {
  -ms-justify-content: center;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-content-stretch {
  -ms-justify-content: stretch;
  justify-content: stretch;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-content-space-around {
  -ms-justify-content: space-around;
  justify-content: space-around;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-content-space-between {
  -ms-justify-content: space-between;
  justify-content: space-between;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-content-space-evenly {
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-content-start {
  -ms-align-content: start;
  align-content: start;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-content-end {
  -ms-align-content: end;
  align-content: end;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-content-center {
  -ms-align-content: center;
  align-content: center;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-content-stretch {
  -ms-align-content: stretch;
  align-content: stretch;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-content-space-around {
  -ms-align-content: space-around;
  align-content: space-around;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-content-space-between {
  -ms-align-content: start;
  align-content: space-between;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-content-space-evenly {
  -ms-align-content: end;
  align-content: space-evenly;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-grid-auto-flow-row {
  -ms-align-content: center;
  grid-auto-flow: row;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-grid-auto-flow-column {
  -ms-align-content: stretch;
  grid-auto-flow: column;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-grid-auto-flow-dense {
  -ms-align-content: space-around;
  grid-auto-flow: dense;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-1 {
  grid-column-end: span 1;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-2 {
  grid-column-end: span 2;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-3 {
  grid-column-end: span 3;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-4 {
  grid-column-end: span 4;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-5 {
  grid-column-end: span 5;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-6 {
  grid-column-end: span 6;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-7 {
  grid-column-end: span 7;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-8 {
  grid-column-end: span 8;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-9 {
  grid-column-end: span 9;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-10 {
  grid-column-end: span 10;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-11 {
  grid-column-end: span 11;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-12 {
  grid-column-end: span 12;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-2 {
  -ms-grid-column-start: 2;
  grid-column-start: 2;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-3 {
  -ms-grid-column-start: 3;
  grid-column-start: 3;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-4 {
  -ms-grid-column-start: 4;
  grid-column-start: 4;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-5 {
  -ms-grid-column-start: 5;
  grid-column-start: 5;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-6 {
  -ms-grid-column-start: 6;
  grid-column-start: 6;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-7 {
  -ms-grid-column-start: 7;
  grid-column-start: 7;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-8 {
  -ms-grid-column-start: 8;
  grid-column-start: 8;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-9 {
  -ms-grid-column-start: 9;
  grid-column-start: 9;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-10 {
  -ms-grid-column-start: 10;
  grid-column-start: 10;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-11 {
  -ms-grid-column-start: 11;
  grid-column-start: 11;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-offset-12 {
  -ms-grid-column-start: 12;
  grid-column-start: 12;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-self-start {
  -ms-justify-self: start;
  justify-self: start;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-self-end {
  -ms-justify-self: end;
  justify-self: end;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-self-center {
  -ms-justify-self: center;
  justify-self: center;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-justify-self-stretch {
  -ms-justify-self: stretch;
  justify-self: stretch;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-self-start {
  -ms-justify-self: start;
  align-self: start;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-self-end {
  -ms-align-self: end;
  align-self: end;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-self-center {
  -ms-align-self: center;
  align-self: center;
}

/* line 1, app/assets/stylesheets/layout/_grid.scss */
.col-xs-align-self-stretch {
  -ms-align-self: stretch;
  align-self: stretch;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-items-start {
    -ms-justify-items: start;
    justify-items: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-items-end {
    -ms-justify-items: end;
    justify-items: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-items-center {
    -ms-justify-items: center;
    justify-items: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-items-stretch {
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-items-start {
    -ms-align-items: start;
    align-items: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-items-end {
    -ms-align-items: end;
    align-items: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-items-center {
    -ms-align-items: center;
    align-items: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-items-stretch {
    -ms-align-items: stretch;
    align-items: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-content-start {
    -ms-justify-content: start;
    justify-content: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-content-end {
    -ms-justify-content: end;
    justify-content: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-content-center {
    -ms-justify-content: center;
    justify-content: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-content-stretch {
    -ms-justify-content: stretch;
    justify-content: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-content-space-around {
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-content-space-between {
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-content-space-evenly {
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-content-start {
    -ms-align-content: start;
    align-content: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-content-end {
    -ms-align-content: end;
    align-content: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-content-stretch {
    -ms-align-content: stretch;
    align-content: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-content-space-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-content-space-between {
    -ms-align-content: start;
    align-content: space-between;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-content-space-evenly {
    -ms-align-content: end;
    align-content: space-evenly;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-grid-auto-flow-row {
    -ms-align-content: center;
    grid-auto-flow: row;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-grid-auto-flow-column {
    -ms-align-content: stretch;
    grid-auto-flow: column;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-grid-auto-flow-dense {
    -ms-align-content: space-around;
    grid-auto-flow: dense;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-1 {
    grid-column-end: span 1;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-2 {
    grid-column-end: span 2;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-3 {
    grid-column-end: span 3;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-4 {
    grid-column-end: span 4;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-5 {
    grid-column-end: span 5;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-6 {
    grid-column-end: span 6;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-7 {
    grid-column-end: span 7;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-8 {
    grid-column-end: span 8;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-9 {
    grid-column-end: span 9;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-10 {
    grid-column-end: span 10;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-11 {
    grid-column-end: span 11;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-12 {
    grid-column-end: span 12;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-2 {
    -ms-grid-column-start: 2;
    grid-column-start: 2;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-3 {
    -ms-grid-column-start: 3;
    grid-column-start: 3;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-4 {
    -ms-grid-column-start: 4;
    grid-column-start: 4;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-5 {
    -ms-grid-column-start: 5;
    grid-column-start: 5;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-6 {
    -ms-grid-column-start: 6;
    grid-column-start: 6;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-7 {
    -ms-grid-column-start: 7;
    grid-column-start: 7;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-8 {
    -ms-grid-column-start: 8;
    grid-column-start: 8;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-9 {
    -ms-grid-column-start: 9;
    grid-column-start: 9;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-10 {
    -ms-grid-column-start: 10;
    grid-column-start: 10;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-11 {
    -ms-grid-column-start: 11;
    grid-column-start: 11;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-offset-12 {
    -ms-grid-column-start: 12;
    grid-column-start: 12;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-self-start {
    -ms-justify-self: start;
    justify-self: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-self-end {
    -ms-justify-self: end;
    justify-self: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-self-center {
    -ms-justify-self: center;
    justify-self: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-justify-self-stretch {
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-self-start {
    -ms-justify-self: start;
    align-self: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-self-end {
    -ms-align-self: end;
    align-self: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-sm-align-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-items-start {
    -ms-justify-items: start;
    justify-items: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-items-end {
    -ms-justify-items: end;
    justify-items: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-items-center {
    -ms-justify-items: center;
    justify-items: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-items-stretch {
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-items-start {
    -ms-align-items: start;
    align-items: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-items-end {
    -ms-align-items: end;
    align-items: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-items-center {
    -ms-align-items: center;
    align-items: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-items-stretch {
    -ms-align-items: stretch;
    align-items: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-content-start {
    -ms-justify-content: start;
    justify-content: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-content-end {
    -ms-justify-content: end;
    justify-content: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-content-center {
    -ms-justify-content: center;
    justify-content: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-content-stretch {
    -ms-justify-content: stretch;
    justify-content: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-content-space-around {
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-content-space-between {
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-content-space-evenly {
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-content-start {
    -ms-align-content: start;
    align-content: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-content-end {
    -ms-align-content: end;
    align-content: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-content-stretch {
    -ms-align-content: stretch;
    align-content: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-content-space-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-content-space-between {
    -ms-align-content: start;
    align-content: space-between;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-content-space-evenly {
    -ms-align-content: end;
    align-content: space-evenly;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-grid-auto-flow-row {
    -ms-align-content: center;
    grid-auto-flow: row;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-grid-auto-flow-column {
    -ms-align-content: stretch;
    grid-auto-flow: column;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-grid-auto-flow-dense {
    -ms-align-content: space-around;
    grid-auto-flow: dense;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-1 {
    grid-column-end: span 1;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-2 {
    grid-column-end: span 2;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-3 {
    grid-column-end: span 3;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-4 {
    grid-column-end: span 4;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-5 {
    grid-column-end: span 5;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-6 {
    grid-column-end: span 6;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-7 {
    grid-column-end: span 7;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-8 {
    grid-column-end: span 8;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-9 {
    grid-column-end: span 9;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-10 {
    grid-column-end: span 10;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-11 {
    grid-column-end: span 11;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-12 {
    grid-column-end: span 12;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-2 {
    -ms-grid-column-start: 2;
    grid-column-start: 2;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-3 {
    -ms-grid-column-start: 3;
    grid-column-start: 3;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-4 {
    -ms-grid-column-start: 4;
    grid-column-start: 4;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-5 {
    -ms-grid-column-start: 5;
    grid-column-start: 5;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-6 {
    -ms-grid-column-start: 6;
    grid-column-start: 6;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-7 {
    -ms-grid-column-start: 7;
    grid-column-start: 7;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-8 {
    -ms-grid-column-start: 8;
    grid-column-start: 8;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-9 {
    -ms-grid-column-start: 9;
    grid-column-start: 9;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-10 {
    -ms-grid-column-start: 10;
    grid-column-start: 10;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-11 {
    -ms-grid-column-start: 11;
    grid-column-start: 11;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-offset-12 {
    -ms-grid-column-start: 12;
    grid-column-start: 12;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-self-start {
    -ms-justify-self: start;
    justify-self: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-self-end {
    -ms-justify-self: end;
    justify-self: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-self-center {
    -ms-justify-self: center;
    justify-self: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-justify-self-stretch {
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-self-start {
    -ms-justify-self: start;
    align-self: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-self-end {
    -ms-align-self: end;
    align-self: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-md-align-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-items-start {
    -ms-justify-items: start;
    justify-items: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-items-end {
    -ms-justify-items: end;
    justify-items: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-items-center {
    -ms-justify-items: center;
    justify-items: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-items-stretch {
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-items-start {
    -ms-align-items: start;
    align-items: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-items-end {
    -ms-align-items: end;
    align-items: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-items-center {
    -ms-align-items: center;
    align-items: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-items-stretch {
    -ms-align-items: stretch;
    align-items: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-content-start {
    -ms-justify-content: start;
    justify-content: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-content-end {
    -ms-justify-content: end;
    justify-content: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-content-center {
    -ms-justify-content: center;
    justify-content: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-content-stretch {
    -ms-justify-content: stretch;
    justify-content: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-content-space-around {
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-content-space-between {
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-content-space-evenly {
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-content-start {
    -ms-align-content: start;
    align-content: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-content-end {
    -ms-align-content: end;
    align-content: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-content-stretch {
    -ms-align-content: stretch;
    align-content: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-content-space-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-content-space-between {
    -ms-align-content: start;
    align-content: space-between;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-content-space-evenly {
    -ms-align-content: end;
    align-content: space-evenly;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-grid-auto-flow-row {
    -ms-align-content: center;
    grid-auto-flow: row;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-grid-auto-flow-column {
    -ms-align-content: stretch;
    grid-auto-flow: column;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-grid-auto-flow-dense {
    -ms-align-content: space-around;
    grid-auto-flow: dense;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-1 {
    grid-column-end: span 1;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-2 {
    grid-column-end: span 2;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-3 {
    grid-column-end: span 3;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-4 {
    grid-column-end: span 4;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-5 {
    grid-column-end: span 5;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-6 {
    grid-column-end: span 6;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-7 {
    grid-column-end: span 7;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-8 {
    grid-column-end: span 8;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-9 {
    grid-column-end: span 9;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-10 {
    grid-column-end: span 10;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-11 {
    grid-column-end: span 11;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-12 {
    grid-column-end: span 12;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-2 {
    -ms-grid-column-start: 2;
    grid-column-start: 2;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-3 {
    -ms-grid-column-start: 3;
    grid-column-start: 3;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-4 {
    -ms-grid-column-start: 4;
    grid-column-start: 4;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-5 {
    -ms-grid-column-start: 5;
    grid-column-start: 5;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-6 {
    -ms-grid-column-start: 6;
    grid-column-start: 6;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-7 {
    -ms-grid-column-start: 7;
    grid-column-start: 7;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-8 {
    -ms-grid-column-start: 8;
    grid-column-start: 8;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-9 {
    -ms-grid-column-start: 9;
    grid-column-start: 9;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-10 {
    -ms-grid-column-start: 10;
    grid-column-start: 10;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-11 {
    -ms-grid-column-start: 11;
    grid-column-start: 11;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-offset-12 {
    -ms-grid-column-start: 12;
    grid-column-start: 12;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-self-start {
    -ms-justify-self: start;
    justify-self: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-self-end {
    -ms-justify-self: end;
    justify-self: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-self-center {
    -ms-justify-self: center;
    justify-self: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-justify-self-stretch {
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-self-start {
    -ms-justify-self: start;
    align-self: start;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-self-end {
    -ms-align-self: end;
    align-self: end;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  /* line 1, app/assets/stylesheets/layout/_grid.scss */
  .col-lg-align-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
}

/* line 3, app/assets/stylesheets/layout/_grid.scss */
.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/layout/_grid.scss */
  .grid {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/layout/_grid.scss */
  .grid {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 3, app/assets/stylesheets/layout/_grid.scss */
  .grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 29, app/assets/stylesheets/layout/_grid.scss */
.l-grid__header {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  justify-content: space-between;
}

/* line 38, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer {
  display: flex;
  justify-content: space-between;
  -moz-column-count: 4;
       column-count: 4;
}

@media only screen and (max-width: 1023px) {
  /* line 38, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer {
    flex-direction: column;
  }
}

/* line 47, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer-nav {
  flex: 66.66%;
  margin-right: 1.25rem;
}

@media only screen and (max-width: 1023px) {
  /* line 47, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer-nav {
    flex: 100%;
    margin: 0;
  }
}

/* line 57, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer-link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 63, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer-section {
  flex: 25%;
}

@media only screen and (max-width: 767px) {
  /* line 63, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer-section {
    flex: 100%;
  }
}

/* line 70, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer-newsletter {
  flex: 33.33%;
  margin-left: 1.25rem;
}

@media only screen and (max-width: 1023px) {
  /* line 70, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer-newsletter {
    flex: 100%;
    margin: 0;
    order: -1;
  }
}

/* line 81, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer--bottom {
  display: flex;
  flex-direction: row;
}

@media only screen and (max-width: 767px) {
  /* line 81, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer--bottom {
    flex-direction: column;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 91, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer-logo {
    flex: 100%;
  }
}

/* line 97, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer-credentials {
  flex: 33.33%;
}

@media only screen and (max-width: 1023px) {
  /* line 97, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer-credentials {
    flex: 100%;
  }
}

/* line 105, app/assets/stylesheets/layout/_grid.scss */
.l-grid__footer-legal {
  flex: 33.33%;
}

@media only screen and (max-width: 1023px) {
  /* line 105, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__footer-legal {
    flex: 100%;
  }
}

/* line 116, app/assets/stylesheets/layout/_grid.scss */
.l-grid__home-card {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 639px) {
  /* line 116, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__home-card {
    flex-direction: column;
  }
}

/* line 129, app/assets/stylesheets/layout/_grid.scss */
.l-grid__gallery {
  display: flex;
  flex-flow: row wrap;
}

/* line 133, app/assets/stylesheets/layout/_grid.scss */
.l-grid__gallery .is-active {
  display: none;
}

/* line 138, app/assets/stylesheets/layout/_grid.scss */
.l-grid__gallery {
  margin-top: 1.5rem;
  gap: 1.5rem;
}

/* line 143, app/assets/stylesheets/layout/_grid.scss */
.l-grid--gallery {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0;
  display: grid;
}

/* line 149, app/assets/stylesheets/layout/_grid.scss */
.l-grid--gallery .c-gallery__block:nth-of-type(18n+3), .l-grid--gallery .c-gallery__block:nth-of-type(18n+14) {
  grid-column: 1 / -1;
  grid-row: auto;
}

@media only screen and (min-width: 768px) {
  /* line 149, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery .c-gallery__block:nth-of-type(18n+3), .l-grid--gallery .c-gallery__block:nth-of-type(18n+14) {
    grid-column: auto / span 2;
    grid-row: auto / span 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 149, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery .c-gallery__block:nth-of-type(18n+3), .l-grid--gallery .c-gallery__block:nth-of-type(18n+14) {
    grid-row: auto / span 2;
  }
}

/* line 164, app/assets/stylesheets/layout/_grid.scss */
.l-grid--gallery .c-gallery__block:nth-of-type(18n+4) {
  grid-column: 1;
}

@media only screen and (max-width: 767px) {
  /* line 164, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery .c-gallery__block:nth-of-type(18n+4) {
    grid-column: 1 / -1;
  }
}

@media only screen and (min-width: 768px) {
  /* line 172, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery .c-gallery__block:nth-of-type(18n+5) {
    grid-column: 2;
  }
}

/* line 178, app/assets/stylesheets/layout/_grid.scss */
.l-grid--gallery .c-gallery__block:nth-of-type(18n+14) {
  align-self: start;
}

@media only screen and (min-width: 768px) {
  /* line 182, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery .c-gallery__block:nth-of-type(18n+3), .l-grid--gallery .c-gallery__block:nth-of-type(18n+4) {
    align-self: end;
  }
}

@media only screen and (max-width: 767px) {
  /* line 148, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery .c-gallery__block {
    grid-column: 1 / -1;
  }
}

@media only screen and (max-width: 767px) {
  /* line 194, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery .c-gallery__block--small {
    grid-column: 1 / -1;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 143, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* line 208, app/assets/stylesheets/layout/_grid.scss */
.l-grid__card {
  display: flex;
}

/* line 211, app/assets/stylesheets/layout/_grid.scss */
.l-grid__card--simple {
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 640px) {
  /* line 216, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__card--column {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    column-break-inside: avoid;
    orphans: 1;
    widows: 1;
  }
}

/* line 226, app/assets/stylesheets/layout/_grid.scss */
.l-grid__card--article {
  width: 25%;
}

@media only screen and (min-width: 640px) {
  /* line 226, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__card--article {
    display: inline-block;
    position: relative;
    flex-direction: column;
  }
}

/* line 236, app/assets/stylesheets/layout/_grid.scss */
.l-grid__card--product {
  width: 25%;
  padding: 0.625rem;
}

/* line 245, app/assets/stylesheets/layout/_grid.scss */
.l-grid__qw--gallery {
  flex: 0 0 40%;
  margin-right: 1.875rem;
}

@media only screen and (max-width: 767px) {
  /* line 245, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__qw--gallery {
    flex: 0 0 30%;
    margin-right: 0;
    margin-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 479px) {
  /* line 245, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__qw--gallery {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 2.5rem;
  }
}

/* line 265, app/assets/stylesheets/layout/_grid.scss */
.l-grid__variation-section {
  margin: 1.1875rem 0;
}

/* line 269, app/assets/stylesheets/layout/_grid.scss */
.l-grid__checkout {
  display: flex;
  flex-flow: row wrap;
}

/* line 273, app/assets/stylesheets/layout/_grid.scss */
.l-grid__checkout--nav {
  flex: 0 0 100%;
}

/* line 277, app/assets/stylesheets/layout/_grid.scss */
.l-grid__checkout--body {
  flex: 0 0 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 277, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__checkout--body {
    flex: 0 0 75%;
  }
}

/* line 285, app/assets/stylesheets/layout/_grid.scss */
.l-grid__checkout--aside {
  flex: 0 0 25%;
}

@media only screen and (max-width: 559px) {
  /* line 285, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__checkout--aside {
    flex: 0 0 100%;
  }
}

/* line 293, app/assets/stylesheets/layout/_grid.scss */
.l-grid__checkout--footer {
  flex: 0 0 100%;
}

/* line 300, app/assets/stylesheets/layout/_grid.scss */
.l-grid__generic-page {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
}

@media only screen and (max-width: 767px) {
  /* line 300, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__generic-page {
    flex-direction: column;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* line 312, app/assets/stylesheets/layout/_grid.scss */
.l-grid__generic-page--gallery {
  flex: 50%;
  margin-right: 1.875rem;
}

@media only screen and (max-width: 767px) {
  /* line 312, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__generic-page--gallery {
    flex: 100%;
    margin: 0;
  }
}

/* line 322, app/assets/stylesheets/layout/_grid.scss */
.l-grid__generic-page--description {
  flex: 100%;
}

/* line 325, app/assets/stylesheets/layout/_grid.scss */
.l-grid__generic-page--description--gallery {
  flex: 50%;
}

@media only screen and (max-width: 767px) {
  /* line 322, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__generic-page--description {
    flex: 100%;
  }
}

/* line 335, app/assets/stylesheets/layout/_grid.scss */
.l-grid__product {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
}

@media only screen and (max-width: 767px) {
  /* line 335, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__product {
    flex-direction: column;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 768px) {
  /* line 335, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__product {
    margin-top: 2.5rem;
  }
}

/* line 351, app/assets/stylesheets/layout/_grid.scss */
.l-grid__product--breadcrumb {
  flex: 100%;
  display: none;
}

@media only screen and (min-width: 560px) {
  /* line 351, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__product--breadcrumb {
    display: block;
  }
}

/* line 360, app/assets/stylesheets/layout/_grid.scss */
.l-grid__product--gallery {
  flex: 50%;
  margin-right: 1.875rem;
}

@media only screen and (max-width: 767px) {
  /* line 360, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__product--gallery {
    flex: 100%;
    margin: 0;
  }
}

/* line 370, app/assets/stylesheets/layout/_grid.scss */
.l-grid__product--description {
  flex: 50%;
}

@media only screen and (max-width: 767px) {
  /* line 370, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__product--description {
    flex: 100%;
  }
}

/* line 378, app/assets/stylesheets/layout/_grid.scss */
.l-grid__product--column {
  display: flex;
  flex-direction: column;
}

/* line 384, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  /* line 384, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__article {
    flex-direction: column;
    max-width: 560px;
    margin: 0 auto;
  }
}

/* line 395, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--content {
  flex: 50%;
}

/* line 398, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--content--wrapper {
  display: flex;
}

@media only screen and (max-width: 767px) {
  /* line 398, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__article--content--wrapper {
    flex-direction: column;
    max-width: 560px;
    margin: 0 auto;
  }
}

/* line 408, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--content__column {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1248px) {
  /* line 408, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__article--content__column {
    flex-direction: row;
  }
}

/* line 416, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--content__column--split {
  flex: 100%;
  margin-top: 1.875rem;
}

@media only screen and (min-width: 1248px) {
  /* line 416, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__article--content__column--split {
    flex: 50%;
    margin-top: 0;
  }
}

/* line 425, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--content__column--split--f {
  margin-top: 0;
}

@media only screen and (min-width: 1248px) {
  /* line 425, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__article--content__column--split--f {
    margin-right: 1.875rem;
  }
}

/* line 436, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--gallery {
  flex: 50%;
  margin-right: 1.875rem;
}

@media only screen and (max-width: 767px) {
  /* line 436, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__article--gallery {
    margin-right: 0;
  }
}

/* line 445, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--comments {
  flex: 50%;
  margin-right: 1.875rem;
}

/* line 450, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--related-articles {
  flex: 50%;
}

/* line 453, app/assets/stylesheets/layout/_grid.scss */
.l-grid__article--related-articles .l-grid__card--column {
  -moz-column-count: 2;
       column-count: 2;
}

@media only screen and (max-width: 1023px) {
  /* line 453, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__article--related-articles .l-grid__card--column {
    -moz-column-count: 1;
         column-count: 1;
  }
}

/* line 463, app/assets/stylesheets/layout/_grid.scss */
.l-grid__categories {
  display: flex;
  flex-wrap: wrap;
  max-width: 560px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  /* line 463, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories {
    align-items: flex-start;
    max-width: 100%;
    margin: 0 0 0 0.9375rem;
  }
}

/* line 475, app/assets/stylesheets/layout/_grid.scss */
.l-grid__categories__filters {
  flex: 1 100%;
}

@media only screen and (min-width: 768px) {
  /* line 475, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__filters {
    flex: 1 35%;
    max-width: 225px;
    margin-right: 11px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 475, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__filters {
    flex: 1 28%;
  }
}

@media only screen and (min-width: 768px) {
  /* line 489, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories--no-filter {
    margin: 0;
  }
}

/* line 496, app/assets/stylesheets/layout/_grid.scss */
.l-grid__categories__wrapper {
  flex: 1 100%;
}

@media only screen and (min-width: 768px) {
  /* line 496, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__wrapper {
    flex: 1 65%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 496, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__wrapper {
    flex: 3 72%;
  }
}

/* line 508, app/assets/stylesheets/layout/_grid.scss */
.l-grid__categories__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  /* line 508, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__list {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  /* line 517, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__list--no-filter {
    justify-content: center;
  }
}

/* line 523, app/assets/stylesheets/layout/_grid.scss */
.l-grid__categories__list .carousel-cell {
  flex: 100%;
}

@media only screen and (min-width: 640px) {
  /* line 523, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__list .carousel-cell {
    flex: 0 0 45%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 523, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__categories__list .carousel-cell {
    flex: 0 0 30%;
    max-width: 225px;
  }
}

/* line 537, app/assets/stylesheets/layout/_grid.scss */
.l-grid__categories__empty {
  display: flex;
  justify-content: center;
}

/* line 543, app/assets/stylesheets/layout/_grid.scss */
.l-grid__blog {
  display: flex;
  flex-wrap: wrap;
  max-width: 560px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  /* line 543, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog {
    align-items: flex-start;
    max-width: 100%;
    margin: 0 0 0 0.9375rem;
  }
}

/* line 555, app/assets/stylesheets/layout/_grid.scss */
.l-grid__blog__filters {
  flex: 1 100%;
}

@media only screen and (min-width: 768px) {
  /* line 555, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__filters {
    flex: 1 35%;
    max-width: 225px;
    margin-right: 11px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 555, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__filters {
    flex: 1 28%;
  }
}

/* line 569, app/assets/stylesheets/layout/_grid.scss */
.l-grid__blog__wrapper {
  flex: 1 100%;
}

@media only screen and (min-width: 768px) {
  /* line 569, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__wrapper {
    flex: 1 65%;
    margin-left: 1.625rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 569, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__wrapper {
    flex: 3 72%;
    margin-left: 1.625rem;
  }
}

/* line 583, app/assets/stylesheets/layout/_grid.scss */
.l-grid__blog__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  /* line 583, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__list {
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  /* line 592, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__list--no-filter {
    justify-content: center;
  }
}

/* line 598, app/assets/stylesheets/layout/_grid.scss */
.l-grid__blog__list .carousel-cell {
  flex: 100%;
}

@media only screen and (min-width: 640px) {
  /* line 598, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__list .carousel-cell {
    flex: 0 0 50%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 598, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__blog__list .carousel-cell {
    flex: 0 0 30%;
    max-width: 225px;
  }
}

/* line 612, app/assets/stylesheets/layout/_grid.scss */
.l-grid__blog__empty {
  display: flex;
  justify-content: center;
}

/* line 618, app/assets/stylesheets/layout/_grid.scss */
.l-grid__account {
  display: flex;
  justify-content: space-between;
  -moz-column-count: 2;
       column-count: 2;
}

@media only screen and (max-width: 479px) {
  /* line 618, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__account {
    flex-direction: column;
  }
}

/* line 627, app/assets/stylesheets/layout/_grid.scss */
.l-grid__account--address {
  flex: 0 1 100%;
}

/* line 631, app/assets/stylesheets/layout/_grid.scss */
.l-grid__account--addresses {
  display: flex;
}

/* line 635, app/assets/stylesheets/layout/_grid.scss */
.l-grid__account--order {
  flex: 0 1 100%;
}

/* line 639, app/assets/stylesheets/layout/_grid.scss */
.l-grid__account--section {
  flex: 0 1 50%;
  margin-right: 1.25rem;
}

@media only screen and (max-width: 479px) {
  /* line 639, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__account--section {
    flex: 0 1 100%;
  }
}

/* line 649, app/assets/stylesheets/layout/_grid.scss */
.l-grid__order {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  /* line 649, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__order {
    flex: 33%;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 649, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__order {
    flex: 100%;
  }
}

/* line 662, app/assets/stylesheets/layout/_grid.scss */
.l-grid__order__wrapper {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 1023px) {
  /* line 662, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__order__wrapper {
    flex-direction: row;
  }
}

@media only screen and (max-width: 639px) {
  /* line 662, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__order__wrapper {
    flex-direction: column;
  }
}

/* line 675, app/assets/stylesheets/layout/_grid.scss */
.l-grid__order__column {
  flex: 1 1 100%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1024px) {
  /* line 675, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__order__column {
    flex: 1;
    margin-bottom: 0;
  }
}

/* line 684, app/assets/stylesheets/layout/_grid.scss */
.l-grid__order__column--items {
  flex: 2;
}

@media only screen and (min-width: 1024px) {
  /* line 649, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__order {
    flex-wrap: nowrap;
  }
}

/* line 694, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 1.25rem;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  /* line 694, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart {
    flex: 33%;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 694, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart {
    flex: 100%;
  }
}

/* line 709, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__wrapper {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 1023px) {
  /* line 709, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart__wrapper {
    flex-direction: row;
  }
}

@media only screen and (max-width: 639px) {
  /* line 709, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart__wrapper {
    flex-direction: column;
  }
}

/* line 722, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column {
  flex: 1 1 100%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1024px) {
  /* line 722, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart__column {
    flex: 1;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 722, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart__column {
    flex: 1 1 100%;
  }
}

/* line 735, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column--items {
  flex: 2;
}

/* line 739, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column--img {
  flex: 1 1 20%;
}

@media only screen and (max-width: 767px) {
  /* line 739, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart__column--img {
    flex: 1 1 50%;
  }
}

/* line 747, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column--info {
  flex: 1 1 50%;
}

/* line 751, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column--freebie {
  flex: 1 1 80%;
}

/* line 755, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column--qty {
  flex: 1 1 15%;
}

/* line 759, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column--price {
  flex: 1 1 10%;
}

/* line 763, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart__column--dlt {
  flex: 1 1 0;
}

/* line 768, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart--info {
  display: flex;
}

@media only screen and (max-width: 479px) {
  /* line 768, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--info {
    flex-direction: column;
  }
}

/* line 776, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart--section {
  flex: 0 0 25%;
}

@media only screen and (max-width: 479px) {
  /* line 776, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--section {
    flex: 0 1 100%;
  }
}

/* line 784, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart--product {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 479px) {
  /* line 784, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product {
    flex-direction: column;
  }
}

/* line 793, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart--product--column {
  flex: 1 1 100%;
  margin-bottom: 1rem;
  justify-content: space-between;
}

@media only screen and (min-width: 1024px) {
  /* line 793, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product--column {
    flex: 1;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 804, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product--column--title {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 810, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product--column--img {
    flex: 1 1 50%;
  }
}

/* line 817, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart--product--column--desktop {
  display: block;
}

@media only screen and (max-width: 1023px) {
  /* line 817, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product--column--desktop {
    display: none;
  }
}

/* line 825, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart--product--column--mobile {
  display: none;
}

@media only screen and (max-width: 1023px) {
  /* line 825, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product--column--mobile {
    display: flex;
    flex-direction: column;
    flex: 1 1 25%;
    text-align: left;
  }
}

@media only screen and (max-width: 479px) {
  /* line 825, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product--column--mobile {
    text-align: center;
  }
}

/* line 840, app/assets/stylesheets/layout/_grid.scss */
.l-grid__cart--product--column--items {
  flex: 2;
}

@media only screen and (min-width: 1024px) {
  /* line 784, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__cart--product {
    flex-wrap: nowrap;
  }
}

/* line 851, app/assets/stylesheets/layout/_grid.scss */
.l-grid__drawer {
  display: flex;
}

/* line 854, app/assets/stylesheets/layout/_grid.scss */
.l-grid__drawer__wrapper {
  max-width: 1024px;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  /* line 851, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__drawer {
    flex-direction: column;
  }
}

/* line 864, app/assets/stylesheets/layout/_grid.scss */
.l-grid__contact {
  display: flex;
}

@media only screen and (max-width: 1023px) {
  /* line 864, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__contact {
    flex-direction: row;
  }
}

@media only screen and (max-width: 479px) {
  /* line 864, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__contact {
    flex-direction: column;
  }
}

/* line 875, app/assets/stylesheets/layout/_grid.scss */
.l-grid__contact--form {
  flex: 0 0 45%;
}

/* line 879, app/assets/stylesheets/layout/_grid.scss */
.l-grid__contact--map {
  flex: 0 0 55%;
}

/* line 885, app/assets/stylesheets/layout/_grid.scss */
.l-grid__catalogs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  /* line 885, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__catalogs {
    align-items: flex-start;
    max-width: 100%;
    margin: 0 0 0 0.9375rem;
  }
}

/* line 896, app/assets/stylesheets/layout/_grid.scss */
.l-grid__catalogs__wrapper {
  flex: 1 100%;
  margin-top: 100px;
}

@media only screen and (min-width: 768px) {
  /* line 896, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__catalogs__wrapper {
    flex: 1 65%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 896, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__catalogs__wrapper {
    flex: 3 72%;
  }
}

/* line 909, app/assets/stylesheets/layout/_grid.scss */
.l-grid__catalogs__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 914, app/assets/stylesheets/layout/_grid.scss */
.l-grid__catalogs__list .carousel-cell {
  flex: 100%;
}

@media only screen and (min-width: 640px) {
  /* line 914, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__catalogs__list .carousel-cell {
    flex: 0 0 45%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 914, app/assets/stylesheets/layout/_grid.scss */
  .l-grid__catalogs__list .carousel-cell {
    flex: 0 0 30%;
  }
}

/* line 928, app/assets/stylesheets/layout/_grid.scss */
.l-grid--gallery {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media only screen and (min-width: 560px) {
  /* line 928, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 768px) {
  /* line 928, app/assets/stylesheets/layout/_grid.scss */
  .l-grid--gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* line 1, app/assets/stylesheets/layout/_responsive.scss */
.l-desktop-only {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/layout/_responsive.scss */
  .l-desktop-only {
    display: inherit;
  }
}

/* line 9, app/assets/stylesheets/layout/_responsive.scss */
.l-mobile-only {
  display: inherit;
}

@media only screen and (min-width: 768px) {
  /* line 9, app/assets/stylesheets/layout/_responsive.scss */
  .l-mobile-only {
    display: none !important;
  }
}

/* line 17, app/assets/stylesheets/layout/_responsive.scss */
.l-hide-tablet {
  display: inherit;
}

@media only screen and (max-width: 1247px) {
  /* line 17, app/assets/stylesheets/layout/_responsive.scss */
  .l-hide-tablet {
    display: none !important;
  }
}

/* line 25, app/assets/stylesheets/layout/_responsive.scss */
.l-hide-tablet-wide {
  display: inherit;
}

@media only screen and (max-width: 1023px) {
  /* line 25, app/assets/stylesheets/layout/_responsive.scss */
  .l-hide-tablet-wide {
    display: none !important;
  }
}

/* line 33, app/assets/stylesheets/layout/_responsive.scss */
.l-show-tablet {
  display: none;
}

@media only screen and (max-width: 1247px) {
  /* line 33, app/assets/stylesheets/layout/_responsive.scss */
  .l-show-tablet {
    display: block !important;
  }
}

/* line 41, app/assets/stylesheets/layout/_responsive.scss */
.l-show-tablet-wide {
  display: none;
}

@media only screen and (max-width: 1023px) {
  /* line 41, app/assets/stylesheets/layout/_responsive.scss */
  .l-show-tablet-wide {
    display: block !important;
  }
}

/* line 49, app/assets/stylesheets/layout/_responsive.scss */
.l-hide-phablet {
  display: inherit;
}

@media only screen and (max-width: 559px) {
  /* line 49, app/assets/stylesheets/layout/_responsive.scss */
  .l-hide-phablet {
    display: none !important;
  }
}

/* line 57, app/assets/stylesheets/layout/_responsive.scss */
.l-show-phablet {
  display: none;
}

@media only screen and (max-width: 559px) {
  /* line 57, app/assets/stylesheets/layout/_responsive.scss */
  .l-show-phablet {
    display: block !important;
  }
}

/* line 1, app/assets/stylesheets/layout/_home.scss */
.home {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
  padding: 100px 0 0 0;
}

/* line 1, app/assets/stylesheets/layout/_category.scss */
.category {
  display: flex;
  flex-direction: column;
  row-gap: 70px;
}

/* line 6, app/assets/stylesheets/layout/_category.scss */
.category__display {
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 110px;
}

@media only screen and (min-width: 1440px) {
  /* line 6, app/assets/stylesheets/layout/_category.scss */
  .category__display {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}

/* line 1, app/assets/stylesheets/components/_header.scss */
:root {
  --header-height: 127px;
}

@media only screen and (max-width: 767px) {
  /* line 1, app/assets/stylesheets/components/_header.scss */
  :root {
    --filters-panel--width: 100%;
  }
}

/* line 9, app/assets/stylesheets/components/_header.scss */
.header {
  height: var(--header-height);
  background: #ffffff;
  position: relative;
  z-index: 101;
  transition: top 0.5s ease 0s;
  height: 127px;
}

/* line 17, app/assets/stylesheets/components/_header.scss */
.header:before {
  content: "";
  background: #ffffff;
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 31, app/assets/stylesheets/components/_header.scss */
.header.is-sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 31, app/assets/stylesheets/components/_header.scss */
  .header.is-sticky {
    position: sticky;
    top: -55px;
  }
}

/* line 43, app/assets/stylesheets/components/_header.scss */
.header__brand {
  width: 100%;
  max-width: 150px;
  display: flex;
  align-items: flex-end;
  position: relative;
  left: 0;
  bottom: 0;
}

@media only screen and (min-width: 1248px) {
  /* line 43, app/assets/stylesheets/components/_header.scss */
  .header__brand {
    position: absolute;
    top: -20px;
    bottom: unset;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 43, app/assets/stylesheets/components/_header.scss */
  .header__brand {
    position: relative;
    top: unset;
    bottom: 0;
    max-width: 180px;
  }
}

/* line 65, app/assets/stylesheets/components/_header.scss */
.header__brand svg {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media only screen and (min-width: 1248px) {
  /* line 65, app/assets/stylesheets/components/_header.scss */
  .header__brand svg {
    transform: scale(1.25);
    transform-origin: bottom left;
    transition: all 0.25s;
  }
  /* line 76, app/assets/stylesheets/components/_header.scss */
  .is-sticky .header__brand svg {
    transform: scale(1);
  }
}

/* line 83, app/assets/stylesheets/components/_header.scss */
.header__content {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 88, app/assets/stylesheets/components/_header.scss */
.is-sticky .header__content {
  padding: 0 20px 0 35px;
}

/* line 93, app/assets/stylesheets/components/_header.scss */
.header__main {
  position: absolute;
  top: 57px;
  right: 0;
  left: 0;
  transition: top 0.1s ease 0s;
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 93, app/assets/stylesheets/components/_header.scss */
  .header__main {
    top: 84px;
  }
}

/* line 106, app/assets/stylesheets/components/_header.scss */
.header__main-content {
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media only screen and (min-width: 1248px) {
  /* line 106, app/assets/stylesheets/components/_header.scss */
  .header__main-content {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 106, app/assets/stylesheets/components/_header.scss */
  .header__main-content {
    justify-content: space-between;
  }
}

/* line 120, app/assets/stylesheets/components/_header.scss */
.header__nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin: 0;
}

/* line 127, app/assets/stylesheets/components/_header.scss */
.header__nav.has-quick-order {
  grid-template-columns: repeat(3, 1fr);
}

@media only screen and (min-width: 1248px) {
  /* line 120, app/assets/stylesheets/components/_header.scss */
  .header__nav {
    display: flex;
    align-items: center;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}

/* line 137, app/assets/stylesheets/components/_header.scss */
.is-sticky .header__nav {
  margin: 0;
}

/* line 141, app/assets/stylesheets/components/_header.scss */
.header__nav svg {
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/_tagline.scss */
:root {
  --tagline-height: 55px;
}

/* line 5, app/assets/stylesheets/components/_tagline.scss */
.tagline {
  background: #000000;
  height: var(--tagline-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/components/_tagline.scss */
.tagline.personify {
  background: #af0000;
}

/* line 16, app/assets/stylesheets/components/_tagline.scss */
.tagline__text {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  text-align: center;
  padding: 10px 20px 9px 20px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: 0.0125rem;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 640px) {
  /* line 16, app/assets/stylesheets/components/_tagline.scss */
  .tagline__text {
    flex-direction: row;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}

/* line 35, app/assets/stylesheets/components/_tagline.scss */
.tagline__text a {
  color: #ffffff;
}

/* line 26, app/assets/stylesheets/components/_button.scss */
.button {
  border: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-align: center;
  padding: 7px 30px;
  border-radius: 14px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}

/* line 39, app/assets/stylesheets/components/_button.scss */
.button:not(:disabled), .button:not(.is-disabled) {
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/components/_button.scss */
.button:disabled, .button.is-disabled {
  opacity: 0.5;
  cursor: default;
}

/* line 49, app/assets/stylesheets/components/_button.scss */
.button--primary {
  font-size: 0.8125rem;
  background: #000000;
  color: #ffffff;
}

/* line 54, app/assets/stylesheets/components/_button.scss */
.button--primary:hover, .button--primary:focus, .button--primary.is-active {
  background: #ededed;
  color: #000000;
}

/* line 62, app/assets/stylesheets/components/_button.scss */
.button--secondary {
  font-size: 0.8125rem;
  background: #000000;
  color: #ffffff;
  padding: 15px 30px;
  border-radius: 21px;
}

/* line 69, app/assets/stylesheets/components/_button.scss */
.button--secondary:hover, .button--secondary:focus, .button--secondary.is-active {
  background: #ededed;
  color: #000000;
}

@media only screen and (min-width: 1024px) {
  /* line 62, app/assets/stylesheets/components/_button.scss */
  .button--secondary {
    font-size: 0.625rem;
    padding: 7px 20px;
    border-radius: 14px;
  }
}

/* line 83, app/assets/stylesheets/components/_button.scss */
.button--reverse {
  background: #ffffff;
  color: #000000;
}

/* line 87, app/assets/stylesheets/components/_button.scss */
.button--reverse:hover, .button--reverse:focus, .button--reverse.is-active {
  background: #ededed;
  color: #000000;
}

/* line 95, app/assets/stylesheets/components/_button.scss */
.button--gray {
  background: #ededed;
  color: #000000;
}

/* line 99, app/assets/stylesheets/components/_button.scss */
.button--gray:hover, .button--gray:focus, .button--gray.is-active {
  background: #000000;
  color: #ffffff;
}

/* line 107, app/assets/stylesheets/components/_button.scss */
.button--white {
  font-size: 0.8125rem;
  background: #ffffff;
  color: #000000;
  border: solid 1px #ededed;
}

/* line 113, app/assets/stylesheets/components/_button.scss */
.button--white:hover, .button--white:focus, .button--white.is-active {
  background: #ededed;
}

/* line 120, app/assets/stylesheets/components/_button.scss */
.button--big {
  text-transform: unset;
  padding: 15px 30px;
  border-radius: 22px;
}

/* line 126, app/assets/stylesheets/components/_button.scss */
.button--plus {
  font-size: 0.8125rem;
  background: #ffffff;
  color: #000000;
  border: solid 1px #ededed;
  text-transform: unset;
  padding: 15px 110px 15px 70px;
  border-radius: 22px;
}

/* line 135, app/assets/stylesheets/components/_button.scss */
.button--plus:hover, .button--plus:focus, .button--plus.is-active {
  background: #ededed;
}

/* line 141, app/assets/stylesheets/components/_button.scss */
.button--plus span {
  position: relative;
}

/* line 144, app/assets/stylesheets/components/_button.scss */
.button--plus span:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/ico-btn-plus-254a80dd585689ab0a7a9861d84ab714a8c8c602fef3553bf7f5acbf0d9cb6ab.svg) center center no-repeat;
  background-size: 20px 20px;
  position: absolute;
  top: -2px;
  right: -32px;
}

/* line 158, app/assets/stylesheets/components/_button.scss */
.button--plus-black {
  font-size: 0.8125rem;
  background: #000000;
  color: #ffffff;
  text-transform: unset;
  padding: 17px 62px 15px 38px;
  border-radius: 24px;
}

/* line 166, app/assets/stylesheets/components/_button.scss */
.button--plus-black:hover, .button--plus-black:focus, .button--plus-black.is-active {
  background: #ededed;
}

/* line 173, app/assets/stylesheets/components/_button.scss */
.button--plus-black:hover span:after, .button--plus-black:focus span:after, .button--plus-black.is-active span:after {
  background: url(/assets/ico-btn-plus-254a80dd585689ab0a7a9861d84ab714a8c8c602fef3553bf7f5acbf0d9cb6ab.svg) center center no-repeat;
}

/* line 179, app/assets/stylesheets/components/_button.scss */
.button--plus-black span {
  position: relative;
}

/* line 182, app/assets/stylesheets/components/_button.scss */
.button--plus-black span:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/ico-btn-plus-white-51da8a7cce4f5d42216c304ff934823322de23c2c6a9e8c22d0773904739739b.svg) center center no-repeat;
  background-size: 20px 20px;
  position: absolute;
  top: -2px;
  right: -32px;
}

/* line 197, app/assets/stylesheets/components/_button.scss */
.button--criterion {
  font-size: 0.8125rem;
  border-radius: 7px;
  border: solid 1px #ededed;
  padding: 12px 15px;
  background: #ffffff;
  color: #8b8b8b;
}

/* line 205, app/assets/stylesheets/components/_button.scss */
.button--criterion:hover, .button--criterion.active {
  border: solid 1px #d6d6d6;
  color: #000000;
}

/* line 213, app/assets/stylesheets/components/_button.scss */
.c-button {
  border: 1px solid transparent;
  border-radius: 0.0625rem;
  display: inline-block;
  font-family: "Noto Serif Display", serif;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  padding: 0.625rem 1.75rem;
  text-transform: uppercase;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* line 228, app/assets/stylesheets/components/_button.scss */
.c-button:not(:disabled):not(.is-disabled) {
  cursor: pointer;
}

/* line 232, app/assets/stylesheets/components/_button.scss */
.c-button:disabled, .c-button.is-disabled {
  opacity: 0.2;
}

/* line 236, app/assets/stylesheets/components/_button.scss */
.c-button--primary {
  background: #000000;
  color: #ffffff;
}

/* line 241, app/assets/stylesheets/components/_button.scss */
.c-button--secondary {
  background: #000a12;
  color: #ffffff;
}

/* line 246, app/assets/stylesheets/components/_button.scss */
.c-button--small {
  font-size: 0.9375rem;
}

/* line 250, app/assets/stylesheets/components/_button.scss */
.c-button--medium {
  font-size: 1.0625rem;
}

/* line 254, app/assets/stylesheets/components/_button.scss */
.c-button--large {
  font-size: 1.25rem;
}

/* line 258, app/assets/stylesheets/components/_button.scss */
.c-button--outline {
  border: 1px solid #000000;
  background: transparent;
}

/* line 262, app/assets/stylesheets/components/_button.scss */
.c-button--outline:hover, .c-button--outline:focus, .c-button--outline.is-active {
  background-color: #000000;
  color: #ffffff;
}

/* line 270, app/assets/stylesheets/components/_button.scss */
.c-button--block {
  display: block;
}

/* line 275, app/assets/stylesheets/components/_button.scss */
.c-button--primary {
  background-color: #000000;
  color: #ffffff;
}

/* line 280, app/assets/stylesheets/components/_button.scss */
.c-button--primary:hover, .c-button--primary:focus, .c-button.is-active {
  color: #ffffff;
}

/* line 275, app/assets/stylesheets/components/_button.scss */
.c-button--success {
  background-color: #46e0b5;
  color: #ffffff;
}

/* line 280, app/assets/stylesheets/components/_button.scss */
.c-button--success:hover, .c-button--success:focus, .c-button.is-active {
  color: #ffffff;
}

/* line 275, app/assets/stylesheets/components/_button.scss */
.c-button--error {
  background-color: #ff4949;
  color: #ffffff;
}

/* line 280, app/assets/stylesheets/components/_button.scss */
.c-button--error:hover, .c-button--error:focus, .c-button.is-active {
  color: #ffffff;
}

/* line 275, app/assets/stylesheets/components/_button.scss */
.c-button--warning {
  background-color: #fec330;
  color: #ffffff;
}

/* line 280, app/assets/stylesheets/components/_button.scss */
.c-button--warning:hover, .c-button--warning:focus, .c-button.is-active {
  color: #ffffff;
}

/* line 275, app/assets/stylesheets/components/_button.scss */
.c-button--disabled {
  background-color: #c7c8ca;
  color: #ffffff;
}

/* line 280, app/assets/stylesheets/components/_button.scss */
.c-button--disabled:hover, .c-button--disabled:focus, .c-button.is-active {
  color: #ffffff;
}

/* line 1, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown {
  background: #000000;
  border: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-align: center;
  padding: 15px 60px 15px 30px;
  border-radius: 22px;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.8125rem;
  color: #ffffff;
  position: relative;
}

/* line 16, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown:after {
  content: "";
  position: absolute;
  background: url(/assets/ico-toggle-white-f4e9ef55ae3b825993a86dc80919ef09f628e730333741e0a53cbf90a57ce91a.svg) center center no-repeat;
  background-size: 11px 6px;
  width: 11px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
  right: 30px;
  transition: all 0.25s;
}

/* line 30, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown:not(:disabled), .button-dropdown:not(.is-disabled) {
  cursor: pointer;
}

/* line 35, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown:hover, .button-dropdown:focus, .button-dropdown.is-active {
  background: #ededed;
  color: #000000;
}

/* line 41, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown:hover:after, .button-dropdown:focus:after, .button-dropdown.is-active:after {
  background: url(/assets/ico-toggle-395229691126cf61438b24aabe4a712d2e14266344a8e5247899d81c0b521561.svg) center center no-repeat;
  background-size: 11px 6px;
  transform: translateY(-50%) rotate(0);
}

/* line 48, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown__panel {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  left: 0;
  padding-top: 68px;
}

/* line 56, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown__panel.is-activating, .button-dropdown__panel.is-deactivating, .button-dropdown__panel.is-active {
  display: block;
}

/* line 60, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown__panel.is-activating {
  animation: fade-in .25s;
}

/* line 64, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown__panel.is-deactivating {
  animation: fade-out .25s;
}

/* line 69, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown__panel-list {
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.16);
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 25px 22px 38px 22px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

/* line 81, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown__panel-link {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0.9375rem;
  letter-spacing: 0.0125rem;
  color: #000000;
  font-weight: 500;
}

/* line 90, app/assets/stylesheets/components/_button-dropdown.scss */
.button-dropdown__panel-link:hover {
  color: #8b8b8b;
}

/* line 1, app/assets/stylesheets/components/_button-arrow.scss */
.button-arrow {
  background: #000000;
  border: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-align: center;
  padding: 15px 60px 15px 30px;
  border-radius: 22px;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.8125rem;
  color: #ffffff;
  position: relative;
}

/* line 16, app/assets/stylesheets/components/_button-arrow.scss */
.button-arrow:after {
  content: "";
  position: absolute;
  background: url(/assets/ico-toggle-white-f4e9ef55ae3b825993a86dc80919ef09f628e730333741e0a53cbf90a57ce91a.svg) center center no-repeat;
  background-size: 11px 6px;
  width: 11px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center center;
  right: 30px;
  transition: all 0.25s;
}

/* line 30, app/assets/stylesheets/components/_button-arrow.scss */
.button-arrow:not(:disabled), .button-arrow:not(.is-disabled) {
  cursor: pointer;
}

/* line 35, app/assets/stylesheets/components/_button-arrow.scss */
.button-arrow:hover, .button-arrow:focus, .button-arrow.is-active {
  background: #ededed;
  color: #000000;
}

/* line 41, app/assets/stylesheets/components/_button-arrow.scss */
.button-arrow:hover:after, .button-arrow:focus:after, .button-arrow.is-active:after {
  background: url(/assets/ico-toggle-395229691126cf61438b24aabe4a712d2e14266344a8e5247899d81c0b521561.svg) center center no-repeat;
  background-size: 11px 6px;
  transform: translateY(-50%) rotate(90deg);
  margin-right: -5px;
}

/* line 1, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn {
  display: block;
  width: 40px;
  height: 32px;
  transition: all 0.25s;
  border: 0;
  padding: 0;
  background: transparent;
}

/* line 10, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--edit {
  background: url(/assets/ico-edit-2e2f57d6713fa41ca8b079e73489b06a73ba820ab779bc630ae3f3dacea5d785.svg) center center no-repeat;
  background-size: 18px 18px;
  border-radius: 16px;
}

/* line 15, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--edit:hover {
  background: url(/assets/ico-edit-2e2f57d6713fa41ca8b079e73489b06a73ba820ab779bc630ae3f3dacea5d785.svg) center center no-repeat #ededed;
  background-size: 18px 18px;
}

/* line 21, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--delete {
  background: url(/assets/ico-delete-2bc62b6e50508144f4528b625499291db3d04419a091fb60997fc38545a0819e.svg) center center no-repeat;
  background-size: 40px 32px;
  border-radius: 16px;
}

/* line 26, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--delete:hover {
  background: url(/assets/ico-delete-hover-7536c72e87322202e22bd2e312d49548d1f38ba79832d896f9e2b2684655f6e4.svg) center center no-repeat #ffebeb;
  background-size: 40px 32px;
}

/* line 32, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--resend {
  background: url(/assets/ico-resend-45c9b58e8d48a6b010e825e6be8d2cd74e8ab6a8ef56f6837598915200b2b956.svg) center center no-repeat;
  background-size: 24px 24px;
  border-radius: 16px;
}

/* line 37, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--resend:hover {
  background: url(/assets/ico-resend-45c9b58e8d48a6b010e825e6be8d2cd74e8ab6a8ef56f6837598915200b2b956.svg) center center no-repeat #ededed;
  background-size: 24px 24px;
}

/* line 43, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--activate {
  background: url(/assets/ico-activate-73b0f5329a72baa9d468c88e4083e49289733578a95c2dc96e3542d6de683b11.svg) center center no-repeat;
  background-size: 28px 28px;
  border-radius: 16px;
}

/* line 48, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--activate:hover {
  background: url(/assets/ico-activate-73b0f5329a72baa9d468c88e4083e49289733578a95c2dc96e3542d6de683b11.svg) center center no-repeat #ededed;
  background-size: 28px 28px;
}

/* line 54, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--disable {
  background: url(/assets/ico-disable-78a9ba0fc03780192d67c542b5d46ccdb9dccd6c349b8b8b6a7e6a79e9eaab0e.svg) center center no-repeat;
  background-size: 28px 28px;
  border-radius: 16px;
}

/* line 59, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--disable:hover {
  background: url(/assets/ico-disable-78a9ba0fc03780192d67c542b5d46ccdb9dccd6c349b8b8b6a7e6a79e9eaab0e.svg) center center no-repeat #ededed;
  background-size: 28px 28px;
}

/* line 64, app/assets/stylesheets/components/_ico-btn.scss */
.ico-btn--disable img {
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/_close.scss */
.close {
  position: absolute;
  top: 0;
  right: 10px;
  background: #ffffff;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_close.scss */
  .close {
    right: 0;
  }
}

/* line 19, app/assets/stylesheets/components/_close.scss */
.close__ico {
  display: block;
  width: 15px;
  height: 15px;
}

/* line 24, app/assets/stylesheets/components/_close.scss */
.close:hover .close__ico {
  display: none;
}

/* line 28, app/assets/stylesheets/components/_close.scss */
.close__ico.is-hover {
  display: none;
}

/* line 31, app/assets/stylesheets/components/_close.scss */
.close:hover .close__ico.is-hover {
  display: block;
}

/* line 37, app/assets/stylesheets/components/_close.scss */
.close--filter {
  top: 100px;
  right: 40px;
  z-index: 3;
}

/* line 1, app/assets/stylesheets/components/_search.scss */
.search {
  padding: 0 30px 0 0;
  position: relative;
}

/* line 5, app/assets/stylesheets/components/_search.scss */
.search--mobile {
  padding: 0;
}

/* line 9, app/assets/stylesheets/components/_search.scss */
.search__form {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

/* line 14, app/assets/stylesheets/components/_search.scss */
.search:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(/assets/ico-magnify-af62f39376e5f481fbaffe4faa3319722b7304a69aa0e93c4e04624e61918bb8.svg) center center no-repeat #ededed;
  background-size: 1.625rem 1.625rem;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 2px #f7f7f7;
}

/* line 28, app/assets/stylesheets/components/_search.scss */
.search__input {
  background: #f7f7f7;
  border: 0;
  border-radius: 25px;
  width: 100%;
  max-width: 240px;
  height: 50px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  letter-spacing: 0.025rem;
  color: #8b8b8b;
  padding: 15px 15px 15px 55px;
  outline: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/components/_search.scss */
  .search__input {
    max-width: 260px;
  }
}

/* line 46, app/assets/stylesheets/components/_search.scss */
.search__input::-moz-placeholder {
  font-size: 0.8125rem;
  color: #8b8b8b;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 1;
}
.search__input::placeholder {
  font-size: 0.8125rem;
  color: #8b8b8b;
  transition: all 0.25s;
  opacity: 1;
}

/* line 52, app/assets/stylesheets/components/_search.scss */
.search:hover .search__input::-moz-placeholder, .search:focus .search__input::-moz-placeholder {
  opacity: 0;
}
.search:hover .search__input::placeholder, .search:focus .search__input::placeholder {
  opacity: 0;
}

/* line 1, app/assets/stylesheets/components/_quicknav.scss */
.quicknav {
  display: none;
  justify-content: flex-end;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: center;
  padding: 12px 0 0 0;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 1;
  transition: all 0.1s;
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_quicknav.scss */
  .quicknav {
    display: flex;
  }
}

/* line 17, app/assets/stylesheets/components/_quicknav.scss */
.is-sticky .quicknav {
  opacity: 0;
}

/* line 1, app/assets/stylesheets/components/_quicknav-find-store.scss */
.quicknav-find-store {
  position: relative;
  display: flex;
}

/* line 5, app/assets/stylesheets/components/_quicknav-find-store.scss */
.quicknav-find-store__ico {
  width: 22px;
  height: 28px;
  display: block;
}

/* line 10, app/assets/stylesheets/components/_quicknav-find-store.scss */
.quicknav-find-store:hover .quicknav-find-store__ico {
  display: none;
}

/* line 14, app/assets/stylesheets/components/_quicknav-find-store.scss */
.quicknav-find-store__ico.is-hover {
  display: none;
}

/* line 17, app/assets/stylesheets/components/_quicknav-find-store.scss */
.quicknav-find-store:hover .quicknav-find-store__ico.is-hover {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_quicknav-account.scss */
.quicknav-account {
  position: relative;
  display: flex;
}

/* line 5, app/assets/stylesheets/components/_quicknav-account.scss */
.quicknav-account__ico {
  width: 26px;
  height: 26px;
}

/* line 9, app/assets/stylesheets/components/_quicknav-account.scss */
.quicknav-account:hover .quicknav-account__ico {
  display: none;
}

/* line 13, app/assets/stylesheets/components/_quicknav-account.scss */
.quicknav-account__ico.is-hover {
  display: none;
}

/* line 16, app/assets/stylesheets/components/_quicknav-account.scss */
.quicknav-account:hover .quicknav-account__ico.is-hover {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_quicknav-logout.scss */
.quicknav-logout {
  position: relative;
  display: flex;
}

/* line 5, app/assets/stylesheets/components/_quicknav-logout.scss */
.quicknav-logout__ico {
  width: 24px;
  height: 24px;
}

/* line 9, app/assets/stylesheets/components/_quicknav-logout.scss */
.quicknav-logout:hover .quicknav-logout__ico {
  display: none;
}

/* line 13, app/assets/stylesheets/components/_quicknav-logout.scss */
.quicknav-logout__ico.is-hover {
  display: none;
}

/* line 16, app/assets/stylesheets/components/_quicknav-logout.scss */
.quicknav-logout:hover .quicknav-logout__ico.is-hover {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency {
  position: relative;
  padding: 0 25px 0 0;
  margin: 0;
  font-size: 0.9375rem;
  letter-spacing: 0.0125rem;
  color: #000000;
  transition: all 0.25s;
  display: flex;
  flex-flow: row wrap;
  flex-direction: column;
  list-style: none;
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/components/_quicknav-currency.scss */
.menu-mobile .quicknav-currency {
  max-width: 140px;
}

/* line 19, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency li {
  order: 2;
  height: 0;
  opacity: 0;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
  z-index: -2;
}

/* line 28, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency li.is-active {
  order: 1;
  display: block;
  height: auto;
  opacity: 1;
  line-height: 33px;
  z-index: 1;
}

/* line 36, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency li.is-active:after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  background: url(/assets/ico-select-80283b22f1c80972d336d4343a8bbe4558632144b96181d233a7fda8087685c0.svg) center center no-repeat;
  background-size: 0.625rem 0.3125rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  transform-origin: center;
  transition: all 0.25s;
  right: -25px;
}

/* line 52, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency li.inactive {
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -2;
}

/* line 60, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency:hover {
  color: #8b8b8b;
}

/* line 65, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency:hover .is-active:after {
  transform: translateY(-50%) rotate(180deg);
}

/* line 70, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency:hover .inactive {
  display: block;
  height: auto;
  position: absolute;
  bottom: -30px;
  transition: all 0.25s;
  opacity: 1;
  white-space: nowrap;
  z-index: 40;
}

/* line 82, app/assets/stylesheets/components/_quicknav-currency.scss */
.quicknav-currency__link {
  display: block;
  background: rgba(65, 65, 65, 0.39);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 0.0125rem;
  padding: 14px 30px;
  border-radius: 6px;
  top: 20px;
  position: relative;
  transition: all 0.25s;
}

/* line 1, app/assets/stylesheets/components/_quicknav-language.scss */
.quicknav-language {
  font-size: 0.9375rem;
  color: #000000;
  transition: all 0.25s;
}

/* line 6, app/assets/stylesheets/components/_quicknav-language.scss */
.quicknav-language:hover {
  color: #8b8b8b;
}

/* line 3, app/assets/stylesheets/components/_items-counter.scss */
.items-counter__count {
  display: block;
  width: 26px;
  height: 25px;
  text-align: center;
  background: url(/assets/ico-item-counter-f60d1beb4ac3539ad78341d3a4ca4ac4b2b759bb78fd3369c3199568cd14f21b.svg) center top no-repeat;
  background-size: 26px 25px;
  font-size: 0.625rem;
  line-height: 1.875rem;
  font-weight: 700;
  color: #000000;
  transition: all 0.25s;
}

/* line 16, app/assets/stylesheets/components/_items-counter.scss */
.items-counter__count:hover {
  background: url(/assets/ico-item-counter-grey-abedd34b63c0a91201169653368e5f4250eab9b75bcb177266380075151baad0.svg) center top no-repeat;
  background-size: 26px 25px;
  color: #8b8b8b;
}

/* line 1, app/assets/stylesheets/components/_tip.scss */
.tip {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.01875rem;
  padding: 8px 30px;
  border-radius: 6px;
  transition: all 0.25s;
  opacity: 0;
  white-space: nowrap;
  z-index: -2;
}

/* line 18, app/assets/stylesheets/components/_tip.scss */
.tip:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #000000 transparent;
}

/* line 31, app/assets/stylesheets/components/_tip.scss */
.has-tip:hover .tip {
  opacity: 1;
  transform: translateX(-50%);
  z-index: 40;
}

/* line 1, app/assets/stylesheets/components/_menu.scss */
.menu {
  display: none;
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_menu.scss */
  .menu {
    display: block;
  }
}

/* line 8, app/assets/stylesheets/components/_menu.scss */
.menu__list {
  list-style: none;
  display: flex;
  flex-direction: row;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1248px) {
  /* line 8, app/assets/stylesheets/components/_menu.scss */
  .menu__list {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}

/* line 21, app/assets/stylesheets/components/_menu.scss */
.menu__section-link {
  font-size: 0.9375rem;
  letter-spacing: 0.0125rem;
  font-weight: 600;
  color: #000000;
  transition: all 0.25s;
  cursor: pointer;
  padding: 0 10px;
  white-space: nowrap;
}

/* line 31, app/assets/stylesheets/components/_menu.scss */
.menu__section-link:hover {
  color: #585858;
}

/* line 36, app/assets/stylesheets/components/_menu.scss */
.menu__section-has-children {
  position: relative;
}

/* line 39, app/assets/stylesheets/components/_menu.scss */
.menu__section-has-children:after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: -32px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 8px 7.5px;
  border-color: transparent transparent #ffffff transparent;
  transition: all 0.25s;
  opacity: 0;
}

/* line 56, app/assets/stylesheets/components/_menu.scss */
.menu__section:has(> .menu__panel.is-active) .menu__section-has-children:after {
  opacity: 1;
}

/* line 63, app/assets/stylesheets/components/_menu.scss */
.is-sticky .is-active .menu__section-has-children:after {
  bottom: -42px;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/_menu-dropdown.scss */
.menu-dropdown {
  position: absolute;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  top: 19px;
  right: 0;
  left: 0;
  display: none;
  animation: fade-out linear .25s;
}

/* line 12, app/assets/stylesheets/components/_menu-dropdown.scss */
.menu-dropdown.is-active {
  pointer-events: initial;
}

@media only screen and (min-width: 768px) {
  /* line 12, app/assets/stylesheets/components/_menu-dropdown.scss */
  .menu-dropdown.is-active {
    display: block;
    animation: fade-in linear .25s;
  }
}

/* line 21, app/assets/stylesheets/components/_menu-dropdown.scss */
.menu-dropdown__wrapper {
  margin: 35px 0 0 0;
  padding: 80px 35px 100px 35px;
  background-color: #ffffff;
  box-shadow: 0 15px 15px 0px rgba(0, 0, 0, 0.15);
}

/* line 28, app/assets/stylesheets/components/_menu-dropdown.scss */
.menu-dropdown__scroll {
  overflow-x: auto;
  max-height: calc(100vh - 145px);
}

/* line 32, app/assets/stylesheets/components/_menu-dropdown.scss */
.has-tagline .menu-dropdown__scroll {
  max-height: calc(100vh - 200px);
}

/* line 36, app/assets/stylesheets/components/_menu-dropdown.scss */
.menu-dropdown__scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
  bottom: 1.5px;
  position: relative;
}

/* line 44, app/assets/stylesheets/components/_menu-dropdown.scss */
.menu-dropdown__scroll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #000000;
}

/* line 50, app/assets/stylesheets/components/_menu-dropdown.scss */
.menu-dropdown__content {
  padding: 0 5px;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.25s;
}

/* line 1, app/assets/stylesheets/components/_menu-list.scss */
.menu-list {
  list-style: none;
  padding: 0;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  display: grid;
  grid-column-gap: 1vmax;
  grid-row-gap: 1vmax;
}

/* line 12, app/assets/stylesheets/components/_menu-list.scss */
.menu-list--vertical {
  grid-template-rows: repeat(12, auto);
  grid-template-columns: repeat(6, auto);
  grid-auto-flow: column;
  grid-column-end: span 12;
}

/* line 18, app/assets/stylesheets/components/_menu-list.scss */
.width-promo .menu-list--vertical {
  grid-template-columns: repeat(4, auto);
  grid-column-end: span 8;
}

/* line 24, app/assets/stylesheets/components/_menu-list.scss */
.menu-list--horizontal {
  grid-template-columns: repeat(6, auto);
  grid-auto-flow: row;
  grid-column-end: span 12;
}

/* line 29, app/assets/stylesheets/components/_menu-list.scss */
.width-promo .menu-list--horizontal {
  grid-template-columns: repeat(4, auto);
  grid-column-end: span 8;
}

/* line 35, app/assets/stylesheets/components/_menu-list.scss */
.menu-list__item {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 40, app/assets/stylesheets/components/_menu-list.scss */
.menu-list__link {
  color: #000000;
  transition: all 0.25s;
  cursor: pointer;
  text-decoration: none;
}

/* line 46, app/assets/stylesheets/components/_menu-list.scss */
.menu-list__link:hover {
  color: #585858;
}

/* line 51, app/assets/stylesheets/components/_menu-list.scss */
.menu-list__promo {
  grid-column-end: span 4;
  grid-column-start: 9;
}

/* line 1, app/assets/stylesheets/components/_menu-column.scss */
.menu-column {
  list-style: none;
  padding: 0;
}

/* line 5, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__item {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__head {
  color: #000000;
  margin: 0 0 20px 0;
  display: block;
}

/* line 16, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__link {
  color: #000000;
  transition: all 0.25s;
  cursor: pointer;
  text-decoration: none;
  margin: 0 0 20px 0;
  display: block;
}

/* line 24, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__link:hover {
  color: #585858;
}

/* line 29, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__sub {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 7px;
}

/* line 37, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__sub-item {
  font-size: 13px;
  font-weight: 500;
}

/* line 42, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__sub-link {
  color: #8b8b8b;
  transition: all 0.25s;
}

/* line 46, app/assets/stylesheets/components/_menu-column.scss */
.menu-column__sub-link:hover {
  color: #000000;
}

/* line 1, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane {
  grid-column-start: 7;
}

/* line 4, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__list {
  grid-column-start: 5;
}

/* line 8, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__panel {
  display: none;
  transition: ease-out 2s;
}

/* line 12, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__panel.is-activating {
  display: block;
  animation-delay: 2s;
}

/* line 17, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__panel.is-active {
  display: block;
}

/* line 22, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 7px;
}

/* line 29, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__list--level2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
}

/* line 36, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__item {
  font-size: 13px;
  font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
  /* line 41, app/assets/stylesheets/components/_menu-side-pane.scss */
  .menu-side-pane__item--see-all {
    display: none;
  }
}

/* line 48, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__link {
  color: #8b8b8b;
  transition: all 0.25s;
}

/* line 52, app/assets/stylesheets/components/_menu-side-pane.scss */
.menu-side-pane__link:hover {
  color: #000000;
}

/* line 3, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo--side-pane {
  grid-column-start: 5;
}

/* line 7, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__content {
  display: flex;
  background: #f7f7f7;
}

/* line 11, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__content--full-width {
  flex-direction: column;
}

/* line 14, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__content--full-width__fig {
  flex: 100%;
}

/* line 19, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__content--half-width {
  align-items: center;
}

/* line 22, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__content--half-width__fig {
  flex: 0 0 50%;
}

/* line 28, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__img {
  width: 100%;
  display: block;
}

/* line 33, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__desc {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 38, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__content--full-width .menu-promo__desc {
  padding: 50px 40px;
}

/* line 42, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__content--half-width .menu-promo__desc {
  padding: 30px 40px 30px 25px;
}

/* line 47, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__title {
  font-size: 1.5rem;
  letter-spacing: 0.01875rem;
  line-height: 1.75rem;
  color: #000000;
  font-weight: 400;
}

/* line 55, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__text {
  font-size: 0.8125rem;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
}

/* line 61, app/assets/stylesheets/components/_menu-promo.scss */
.menu-promo__footer {
  margin: 22px 0 0 0;
}

/* line 1, app/assets/stylesheets/components/_hamburger.scss */
.hamburger {
  cursor: pointer;
  transform: rotate(0deg);
  width: 30px;
  height: 30px;
  z-index: 99;
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_hamburger.scss */
  .hamburger {
    display: none;
  }
}

/* line 12, app/assets/stylesheets/components/_hamburger.scss */
.hamburger span {
  background-color: #3f4659;
  border-radius: 1px;
  display: block;
  height: 2px;
  left: 3px;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out 0s;
  width: 22px;
}

/* line 24, app/assets/stylesheets/components/_hamburger.scss */
.hamburger span:nth-child(1) {
  top: 10px;
}

/* line 28, app/assets/stylesheets/components/_hamburger.scss */
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {
  top: 20px;
}

/* line 32, app/assets/stylesheets/components/_hamburger.scss */
.hamburger span:nth-child(4) {
  top: 30px;
}

/* line 1, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile {
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  left: unset;
  top: 0;
  right: calc( -100% - 80px);
  bottom: 0;
  z-index: -9;
  width: 100vw;
  max-width: 450px;
  background: #ededed;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15);
  padding: 130px 27px 80px 23px;
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_menu-mobile.scss */
  .menu-mobile {
    display: none !important;
  }
}

/* line 21, app/assets/stylesheets/components/_menu-mobile.scss */
.is-sticky .menu-mobile {
  position: fixed;
}

/* line 25, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile.active {
  right: 0;
  display: grid;
  z-index: 999;
}

/* line 31, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile__container {
  transition: all 0.25s;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 60px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  height: -moz-max-content;
  height: max-content;
}

/* line 41, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile__close {
  background: #ffffff;
  border: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 54px;
  right: 27px;
}

/* line 55, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile__close-ico {
  width: 15px;
  height: 15px;
  display: block;
  animation: fade-in linear .25s;
}

/* line 61, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile__close:hover .menu-mobile__close-ico {
  display: none;
}

/* line 65, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile__close-ico.is-hover {
  display: none;
}

/* line 68, app/assets/stylesheets/components/_menu-mobile.scss */
.menu-mobile__close:hover .menu-mobile__close-ico.is-hover {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_search-mobile.scss */
.search-mobile {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 26px;
  opacity: 1;
  transition: all 0.25s;
}

/* line 8, app/assets/stylesheets/components/_search-mobile.scss */
.search-mobile__title {
  font-size: 2rem;
  letter-spacing: 0.003125rem;
  color: #000000;
  font-weight: 400;
}

/* line 15, app/assets/stylesheets/components/_search-mobile.scss */
.search-mobile__clear {
  background: transparent;
  border: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.0125rem;
  color: #000000;
}

/* line 1, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 10px;
  padding: 0;
  margin: 0;
}

/* line 9, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__submenu .menu-mobile-nav {
  row-gap: 15px;
}

/* line 13, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__title {
  font-size: 2rem;
  letter-spacing: 0.003125rem;
  color: #000000;
  font-weight: 400;
}

/* line 20, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__item {
  font-size: 2rem;
  letter-spacing: 0.003125rem;
  display: flex;
}

/* line 25, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__submenu .menu-mobile-nav__item {
  font-size: 0.9375rem;
  letter-spacing: 0.0125rem;
  font-weight: 600;
}

/* line 32, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__item-has-child {
  position: relative;
  display: inline;
  color: #000000;
  opacity: 1;
  transition: all 0.25s;
  cursor: pointer;
  width: 100%;
  padding: 0 30px 0 0;
}

/* line 42, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__item-has-child:after {
  content: "";
  background: url(/assets/select-arrow-right-04dc7080272b6423e41a7581c9996249a19c4937e894d4d22a74465e3bb7744a.svg) center center no-repeat;
  background-size: 10px 20px;
  width: 10px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 0;
}

/* line 52, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__submenu .menu-mobile-nav__item-has-child:after {
  top: 0;
}

/* line 57, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__item-has-child:hover {
  color: #8b8b8b;
}

/* line 62, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__link {
  color: #000000;
}

/* line 65, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__link:hover {
  color: #8b8b8b;
}

/* line 70, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__submenu {
  display: none;
  position: fixed;
  top: 0;
  right: -100%;
  transition: all 0.5s ease 0s;
  width: 100%;
  max-width: 450px;
  z-index: 999;
  padding: 130px 27px 80px 23px;
  border-right: solid 1px #c7c8ca;
  background: #ededed;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  height: 100vh;
}

/* line 88, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__item.active > .menu-mobile-nav__submenu {
  display: block;
  right: 0;
}

/* line 93, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__submenu__container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 60px;
}

/* line 100, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__back {
  background: none;
  border: none;
  position: relative;
  padding-left: 30px;
  color: #000000;
  transition: all 0.25s;
  margin: 0 0 10px 0;
  width: 24px;
  height: 20px;
}

/* line 111, app/assets/stylesheets/components/_menu-mobile-nav.scss */
.menu-mobile-nav__back:before {
  content: "";
  background: url(/assets/ico-arrow-left-8703df32ca76c5c684e6c450ee7b711ebe57108bf7cab93b4d07a4be1b5ba979.svg) center center no-repeat;
  background-size: 24px 20px;
  width: 24px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 0;
}

/* line 1, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 28px;
  opacity: 1;
  transition: all 0.25s;
  padding: 0 0 30px 0;
}

/* line 9, app/assets/stylesheets/components/_quicknav-mobile.scss */
.has-submenu .quicknav-mobile {
  display: none;
}

/* line 13, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__link {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  font-size: 0.9375rem;
  color: #000000;
  font-weight: 500;
}

/* line 22, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__link:hover {
  color: #8b8b8b;
}

/* line 27, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__currency {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  color: #000000;
  font-weight: 500;
  font-size: 0.9375rem;
  width: -moz-max-content;
  width: max-content;
}

/* line 38, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__icon {
  width: 24px;
  height: 24px;
  animation: fade-in linear .25s;
}

/* line 43, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__link:hover .quicknav-mobile__icon, .quicknav-mobile__currency:hover .quicknav-mobile__icon {
  display: none;
}

/* line 47, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__icon.is-hover {
  display: none;
}

/* line 50, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__link:hover .quicknav-mobile__icon.is-hover, .quicknav-mobile__currency:hover .quicknav-mobile__icon.is-hover {
  display: block;
}

/* line 55, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__icon--account {
  width: 26px;
  height: 26px;
}

/* line 60, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__icon--logout {
  width: 24px;
  height: 24px;
}

/* line 65, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__icon--currency {
  width: 30px;
  height: 18px;
}

/* line 70, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__icon--pin {
  width: 22px;
  height: 28px;
}

/* line 75, app/assets/stylesheets/components/_quicknav-mobile.scss */
.quicknav-mobile__icon--language {
  width: 28px;
  height: 24px;
}

/* line 3, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__btn {
  display: block;
  width: 25px;
  height: 29px;
  border: 0;
  background: transparent;
  transition: all 0.25s;
  padding: 0;
}

/* line 13, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__btn-ico {
  display: block;
  width: 25px;
  height: 29px;
  margin-top: 1px;
}

/* line 19, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__btn:hover .quick-order__btn-ico {
  display: none;
}

/* line 23, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__btn-ico.is-hover {
  display: none;
}

/* line 26, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__btn:hover .quick-order__btn-ico.is-hover {
  display: block;
}

/* line 32, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__container {
  position: absolute;
  z-index: 10;
  right: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 32, app/assets/stylesheets/components/_quick-order.scss */
  .quick-order__container {
    top: 35px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 32, app/assets/stylesheets/components/_quick-order.scss */
  .quick-order__container {
    top: 30px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 46, app/assets/stylesheets/components/_quick-order.scss */
  .is-sticky .quick-order__container {
    right: -8px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 46, app/assets/stylesheets/components/_quick-order.scss */
  .is-sticky .quick-order__container {
    right: -3px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 46, app/assets/stylesheets/components/_quick-order.scss */
  .is-sticky .quick-order__container {
    right: -4px;
  }
}

/* line 61, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__container--mobile {
  display: block;
  top: var(--header-height);
}

@media only screen and (min-width: 768px) {
  /* line 61, app/assets/stylesheets/components/_quick-order.scss */
  .quick-order__container--mobile {
    display: none;
  }
}

/* line 70, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__container--desktop {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 70, app/assets/stylesheets/components/_quick-order.scss */
  .quick-order__container--desktop {
    display: block;
  }
}

/* line 79, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__section {
  position: absolute;
  display: none;
  flex-direction: column;
  padding: 80px 20px 30px 30px;
  width: 100vw;
  background-color: rgba(214, 214, 214, 0.9);
  -webkit-backdrop-filter: blur(10px) brightness(150%);
          backdrop-filter: blur(10px) brightness(150%);
  top: 100%;
  right: 0;
  z-index: 50;
  transition: opacity 0.2s;
  max-height: calc(100vh - var(--header-height));
  max-width: 960px;
  overflow: hidden;
}

/* line 95, app/assets/stylesheets/components/_quick-order.scss */
.has-tagline .quick-order__section {
  max-height: calc(100vh - var(--header-height) - 55px);
}

@media only screen and (min-width: 768px) {
  /* line 95, app/assets/stylesheets/components/_quick-order.scss */
  .has-tagline .quick-order__section {
    max-height: 500px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 79, app/assets/stylesheets/components/_quick-order.scss */
  .quick-order__section {
    right: inherit;
    top: inherit;
    max-height: 500px;
    padding: 80px 30px 30px 30px;
  }
}

/* line 111, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__form {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

/* line 116, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__search {
  background: transparent;
  width: 100%;
  max-width: 100%;
  padding: 7px 0;
  color: #000000;
  margin: 0 0 20px;
  border: 0;
  border-bottom: 1px solid #000000;
  font-size: 1.375rem;
  line-height: 1.875rem;
}

/* line 128, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__search::-moz-placeholder {
  color: #000000;
}
.quick-order__search::placeholder {
  color: #000000;
}

@media only screen and (min-width: 768px) {
  /* line 116, app/assets/stylesheets/components/_quick-order.scss */
  .quick-order__search {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}

/* line 138, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__results {
  overflow-y: scroll;
}

/* line 141, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__results::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  bottom: 1.5px;
  position: relative;
  background-color: #ffffff;
}

/* line 151, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__results::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #000000;
}

/* line 156, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__results th {
  color: white;
}

/* line 161, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__close {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #ffffff;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

/* line 175, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__close-ico {
  display: block;
  width: 15px;
  height: 15px;
}

/* line 180, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__close:hover .quick-order__close-ico {
  display: none;
}

/* line 184, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__close-ico.is-hover {
  display: none;
}

/* line 187, app/assets/stylesheets/components/_quick-order.scss */
.quick-order__close:hover .quick-order__close-ico.is-hover {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  padding: 0 15px 0 0;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_quick-order-table.scss */
  .quick-order-table {
    padding: unset;
  }
}

/* line 13, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__header {
  margin-bottom: 15px;
}

/* line 17, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__col {
  width: calc((100% / 7));
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 17, app/assets/stylesheets/components/_quick-order-table.scss */
  .quick-order-table__col {
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}

/* line 26, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__col__small {
  max-width: 80px;
}

/* line 30, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__col__center {
  text-align: center;
}

/* line 34, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__col .c-variation__dot {
  margin-bottom: 0;
  height: 1.875rem;
  width: 1.875rem;
}

@media only screen and (max-width: 559px) {
  /* line 34, app/assets/stylesheets/components/_quick-order-table.scss */
  .quick-order-table__col .c-variation__dot {
    height: 20px;
    width: 20px;
  }
}

/* line 45, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__col--btn {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 45, app/assets/stylesheets/components/_quick-order-table.scss */
  .quick-order-table__col--btn {
    display: block;
  }
}

/* line 53, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__col--primary {
  min-width: 15%;
}

@media only screen and (min-width: 1024px) {
  /* line 53, app/assets/stylesheets/components/_quick-order-table.scss */
  .quick-order-table__col--primary {
    min-width: 25%;
  }
}

/* line 61, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__col span {
  flex: 1;
}

/* line 66, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__row {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

/* line 70, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__row--content {
  font-size: 0.75rem;
}

/* line 75, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__stepper {
  background: transparent;
  border: none;
}

/* line 79, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__stepper--input {
  width: calc((100% / 3) - 15px);
  min-width: 50%;
  margin: 0;
}

/* line 85, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__stepper--qty {
  width: calc((100% / 3) - 15px);
  color: #C7C8CA;
  margin: 0.3125rem 0 0.3125rem 0.3125rem;
}

/* line 91, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__stepper--inline {
  margin-right: 0;
}

/* line 96, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__mobile {
  width: 100%;
  font-size: 1rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.625rem;
  border-bottom: solid 0.0625rem #ffffff;
}

/* line 103, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__mobile__row {
  margin: 0.625rem 0;
}

/* line 107, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__mobile__color {
  display: flex;
  align-items: center;
}

/* line 112, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__mobile__size {
  margin: 0 1.25rem 0 0;
}

/* line 116, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__mobile__qty {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 121, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__mobile__qty .mobile-price {
  width: calc((100% / 3) - 15px);
}

/* line 125, app/assets/stylesheets/components/_quick-order-table.scss */
.quick-order-table__mobile__qty .mobile-stepper {
  width: 1.5625rem;
  padding-left: 0.625rem;
}

@media only screen and (min-width: 768px) {
  /* line 96, app/assets/stylesheets/components/_quick-order-table.scss */
  .quick-order-table__mobile {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/components/_drawer.scss */
.drawer {
  display: none;
  align-items: baseline;
  justify-content: center;
  background: #f5f5f0;
  padding: 34px 0 30px 0;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_drawer.scss */
  .drawer {
    padding: 25px 0;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_drawer.scss */
  .drawer {
    padding: 31px 0 39px 0;
  }
}

/* line 16, app/assets/stylesheets/components/_drawer.scss */
.p-home .drawer {
  position: absolute;
  width: 100%;
  top: calc(var(--header-height) + var(--tagline-height));
  background: rgba(245, 245, 240, 0.9);
  z-index: 1;
}

/* line 24, app/assets/stylesheets/components/_drawer.scss */
.drawer--opened {
  display: flex;
}

/* line 28, app/assets/stylesheets/components/_drawer.scss */
.drawer__close {
  position: absolute;
  top: 0;
  right: 10px;
  background: #ffffff;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}

@media only screen and (min-width: 1248px) {
  /* line 28, app/assets/stylesheets/components/_drawer.scss */
  .drawer__close {
    right: 0;
  }
}

/* line 47, app/assets/stylesheets/components/_drawer.scss */
.drawer__close-ico {
  display: block;
  width: 15px;
  height: 15px;
}

/* line 52, app/assets/stylesheets/components/_drawer.scss */
.drawer__close:hover .drawer__close-ico {
  display: none;
}

/* line 56, app/assets/stylesheets/components/_drawer.scss */
.drawer__close-ico.is-hover {
  display: none;
}

/* line 59, app/assets/stylesheets/components/_drawer.scss */
.drawer__close:hover .drawer__close-ico.is-hover {
  display: block;
}

/* line 65, app/assets/stylesheets/components/_drawer.scss */
.drawer__content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 15px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  padding: 0 48px 0 25px;
}

@media only screen and (min-width: 768px) {
  /* line 65, app/assets/stylesheets/components/_drawer.scss */
  .drawer__content {
    flex-direction: row;
    -moz-column-gap: 25px;
         column-gap: 25px;
    padding: 0 30px 0 78px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 65, app/assets/stylesheets/components/_drawer.scss */
  .drawer__content {
    padding: 0;
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}

/* line 88, app/assets/stylesheets/components/_drawer.scss */
.drawer__content-left {
  flex: 0 0 80%;
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

/* line 94, app/assets/stylesheets/components/_drawer.scss */
.drawer__content-left-half {
  flex: 0 0 100%;
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

@media only screen and (min-width: 768px) {
  /* line 94, app/assets/stylesheets/components/_drawer.scss */
  .drawer__content-left-half {
    flex: 0 0 30%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 94, app/assets/stylesheets/components/_drawer.scss */
  .drawer__content-left-half {
    flex: 0 0 44%;
  }
}

/* line 108, app/assets/stylesheets/components/_drawer.scss */
.drawer__content-right {
  flex: 0 0 100%;
  display: flex;
}

@media only screen and (min-width: 768px) {
  /* line 108, app/assets/stylesheets/components/_drawer.scss */
  .drawer__content-right {
    flex: 0 0 70%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 108, app/assets/stylesheets/components/_drawer.scss */
  .drawer__content-right {
    flex: 0 0 40%;
  }
}

/* line 121, app/assets/stylesheets/components/_drawer.scss */
.drawer__icon {
  width: 27px;
  height: 27px;
}

/* line 126, app/assets/stylesheets/components/_drawer.scss */
.drawer__main-text {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  letter-spacing: 0.0125rem;
  font-weight: 600;
  color: #000000;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: flex-start;
}

/* line 137, app/assets/stylesheets/components/_drawer.scss */
.drawer__main-text p {
  margin: 0;
  max-width: 100%;
  font-size: 14px;
  width: 80%;
}

@media only screen and (min-width: 1248px) {
  /* line 137, app/assets/stylesheets/components/_drawer.scss */
  .drawer__main-text p {
    margin: 0 auto;
    width: 100%;
  }
}

/* line 150, app/assets/stylesheets/components/_drawer.scss */
.drawer__secondary-text {
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  letter-spacing: 0.0125rem;
  color: #000000;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 0 0 0 42px;
}

@media only screen and (min-width: 768px) {
  /* line 150, app/assets/stylesheets/components/_drawer.scss */
  .drawer__secondary-text {
    flex-direction: row;
    -moz-column-gap: 20px;
         column-gap: 20px;
    align-items: flex-end;
    max-width: unset;
    padding: 0;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 150, app/assets/stylesheets/components/_drawer.scss */
  .drawer__secondary-text {
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
  }
}

/* line 174, app/assets/stylesheets/components/_drawer.scss */
.drawer__secondary-text p {
  margin: 0;
  max-width: 100%;
  font-size: 14px;
  width: 80%;
}

@media only screen and (min-width: 768px) {
  /* line 174, app/assets/stylesheets/components/_drawer.scss */
  .drawer__secondary-text p {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
  }
}

/* line 1, app/assets/stylesheets/components/_modal-register.scss */
.modal-register {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px 20px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_modal-register.scss */
  .modal-register {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 5, app/assets/stylesheets/components/_modal-generic.scss */
.c-modal__content--invert-text .modal-generic__title {
  color: #ffffff;
}

/* line 10, app/assets/stylesheets/components/_modal-generic.scss */
.modal-generic__description {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 0.9375rem;
}

/* line 15, app/assets/stylesheets/components/_modal-generic.scss */
.modal-generic__description p {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  /* line 10, app/assets/stylesheets/components/_modal-generic.scss */
  .modal-generic__description {
    font-size: 0.9375rem;
    line-height: 1.0625rem;
  }
}

/* line 24, app/assets/stylesheets/components/_modal-generic.scss */
.c-modal__content--invert-text .modal-generic__description {
  color: #ffffff;
}

/* line 1, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user {
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  text-align: left;
  padding: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 11, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__header {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

/* line 17, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__title {
  font-size: 2rem;
  font-weight: 400;
  margin: 0;
}

/* line 22, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__title--add-member {
  padding: 0 0 0 44px;
  position: relative;
}

/* line 26, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__title--add-member:before {
  content: "";
  background: url(/assets/ico-add-member-d758f4bd1b20010e72cd2d6a5f2caf65371cc3fcb275f96c180af7a0bf231f15.svg) center center no-repeat;
  background-size: 32px 32px;
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 5px;
  left: 0;
}

/* line 40, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__name {
  font-size: 0.8125rem;
  font-weight: 500;
}

/* line 45, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 45, app/assets/stylesheets/components/_modal-business-user.scss */
  .modal-business-user__content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 45, app/assets/stylesheets/components/_modal-business-user.scss */
  .modal-business-user__content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 60, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__content__row {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

/* line 66, app/assets/stylesheets/components/_modal-business-user.scss */
.modal-business-user__content__footer {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

@media only screen and (min-width: 768px) {
  /* line 66, app/assets/stylesheets/components/_modal-business-user.scss */
  .modal-business-user__content__footer {
    grid-column-end: span 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_page-title-brand.scss */
  .page-title-brand {
    margin: 0 0 25px 0;
  }
}

/* line 7, app/assets/stylesheets/components/_page-title-brand.scss */
.page-title-brand__logo {
  max-width: 12.5rem;
  max-height: 150px;
}

/* line 12, app/assets/stylesheets/components/_page-title-brand.scss */
.page-title-brand__title {
  display: none;
}

/* line 1, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store {
  margin: 0 0 100px 0;
  background: #f5f5f0;
  padding: 64px 0;
  display: flex;
  flex-direction: column;
  row-gap: 100px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store {
    margin: 0 0 200px 0;
  }
}

/* line 13, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

@media only screen and (min-width: 1248px) {
  /* line 13, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__container {
    row-gap: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 23, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__grid {
    grid-template-columns: repeat(11, 1fr);
  }
}

/* line 30, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__no-result {
  font-size: 0.9375rem;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 30, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__no-result {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 30, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__no-result {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 30, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__no-result {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 30, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__no-result {
    grid-column-end: span 5;
    grid-column-start: 4;
  }
}

/* line 55, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__results {
  grid-column-end: span 10;
  grid-column-start: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 55, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__results {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 55, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__results {
    grid-template-columns: repeat(9, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 55, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__results {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 78, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  padding: 40px 32px;
}

@media only screen and (min-width: 768px) {
  /* line 78, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__content {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 78, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__content {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 78, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__content {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 78, app/assets/stylesheets/components/_find-a-store.scss */
  .find-a-store__content {
    grid-column-end: span 5;
    grid-column-start: 4;
  }
}

/* line 108, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__content__form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

/* line 114, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__content__row {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

/* line 120, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__content__desc {
  font-size: 0.9375rem;
  margin: 0;
}

/* line 125, app/assets/stylesheets/components/_find-a-store.scss */
.find-a-store__content__footer {
  display: flex;
  justify-content: center;
  margin: 8px 0 0 0;
}

/* line 1, app/assets/stylesheets/components/_card-store.scss */
.card-store {
  grid-column-end: span 4;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  color: #000000;
}

@media only screen and (min-width: 640px) {
  /* line 1, app/assets/stylesheets/components/_card-store.scss */
  .card-store {
    grid-column-end: span 2;
  }
  /* line 13, app/assets/stylesheets/components/_card-store.scss */
  .card-store:nth-child(n+3) {
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_card-store.scss */
  .card-store {
    grid-column-end: span 4;
  }
  /* line 21, app/assets/stylesheets/components/_card-store.scss */
  .card-store:nth-child(n+3) {
    grid-column-start: 3;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/components/_card-store.scss */
  .card-store:nth-child(n+3) {
    grid-column-start: unset;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 1, app/assets/stylesheets/components/_card-store.scss */
  .card-store {
    grid-column-end: span 3;
  }
  /* line 36, app/assets/stylesheets/components/_card-store.scss */
  .card-store:first-child {
    grid-column-start: 2;
  }
}

/* line 41, app/assets/stylesheets/components/_card-store.scss */
.card-store__container {
  padding: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  justify-content: space-between;
  flex: 1;
}

@media only screen and (min-width: 768px) {
  /* line 41, app/assets/stylesheets/components/_card-store.scss */
  .card-store__container {
    padding: 32px;
    row-gap: 32px;
  }
}

/* line 55, app/assets/stylesheets/components/_card-store.scss */
.card-store__content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 61, app/assets/stylesheets/components/_card-store.scss */
.card-store__title {
  font-size: 1.5rem;
  margin: 0 0 8px 0;
}

/* line 65, app/assets/stylesheets/components/_card-store.scss */
.gm-style .card-store__title {
  font-size: 1rem;
  font-weight: 500;
}

/* line 71, app/assets/stylesheets/components/_card-store.scss */
.card-store__desc {
  font-size: 0.9375rem;
  display: flex;
  flex-direction: column;
}

/* line 77, app/assets/stylesheets/components/_card-store.scss */
.card-store__infos {
  font-size: 0.9375rem;
  display: flex;
  flex-direction: column;
}

/* line 83, app/assets/stylesheets/components/_card-store.scss */
.card-store__header {
  aspect-ratio: 2 / 1.25;
  overflow: hidden;
}

/* line 87, app/assets/stylesheets/components/_card-store.scss */
.card-store__header__img {
  width: 100%;
  aspect-ratio: 2 / 1.25;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 0.5s;
}

/* line 94, app/assets/stylesheets/components/_card-store.scss */
.card-store:hover .card-store__header__img {
  transform: scale(1.1);
}

/* line 100, app/assets/stylesheets/components/_card-store.scss */
.card-store__distance {
  font-size: 0.9375rem;
  display: flex;
  gap: 10px;
}

/* line 105, app/assets/stylesheets/components/_card-store.scss */
.card-store__distance span {
  font-weight: 600;
  padding: 0 0 0 30px;
  position: relative;
}

/* line 110, app/assets/stylesheets/components/_card-store.scss */
.card-store__distance span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background: url(/assets/ico-arrow-right-black-ccdff02b954c56145677ae8ef201da46050f68853991d905267ebcc8a00ecd7e.svg) center center no-repeat;
  background-size: 20px 15px;
  display: block;
  width: 20px;
  height: 15px;
}

/* line 124, app/assets/stylesheets/components/_card-store.scss */
.card-store__footer {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
}

/* line 1, app/assets/stylesheets/components/_login.scss */
.login {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 700px;
}

/* line 7, app/assets/stylesheets/components/_login.scss */
.login__footer {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

/* line 3, app/assets/stylesheets/components/_login-form.scss */
.login-form__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  padding: 40px 32px;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_login-form.scss */
  .login-form__content {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/components/_login-form.scss */
  .login-form__content {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 3, app/assets/stylesheets/components/_login-form.scss */
  .login-form__content {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 3, app/assets/stylesheets/components/_login-form.scss */
  .login-form__content {
    grid-column-end: span 4;
    grid-column-start: 5;
  }
}

/* line 33, app/assets/stylesheets/components/_login-form.scss */
.login-form__content__form, .login-form__content .edit_user {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

/* line 39, app/assets/stylesheets/components/_login-form.scss */
.login-form__content__row {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

/* line 45, app/assets/stylesheets/components/_login-form.scss */
.login-form__content__desc {
  font-size: 0.9375rem;
  margin: 0;
}

/* line 50, app/assets/stylesheets/components/_login-form.scss */
.login-form__content__link {
  font-size: 0.8125rem;
  color: #000000;
  border-bottom: solid 0.5px #000000;
}

/* line 55, app/assets/stylesheets/components/_login-form.scss */
.login-form__content__link:hover {
  border-bottom: solid 0.5px transparent;
}

/* line 60, app/assets/stylesheets/components/_login-form.scss */
.login-form__content__footer {
  display: flex;
  justify-content: center;
  margin: 8px 0 0 0;
}

/* line 67, app/assets/stylesheets/components/_login-form.scss */
.login-form__new {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
}

@media only screen and (min-width: 768px) {
  /* line 67, app/assets/stylesheets/components/_login-form.scss */
  .login-form__new {
    grid-column-end: span 4;
    grid-column-start: 3;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 67, app/assets/stylesheets/components/_login-form.scss */
  .login-form__new {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 67, app/assets/stylesheets/components/_login-form.scss */
  .login-form__new {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 67, app/assets/stylesheets/components/_login-form.scss */
  .login-form__new {
    grid-column-end: span 4;
    grid-column-start: 5;
  }
}

/* line 94, app/assets/stylesheets/components/_login-form.scss */
.login-form__new__title {
  position: relative;
  font-size: 16px;
  width: 100%;
  text-align: center;
}

/* line 100, app/assets/stylesheets/components/_login-form.scss */
.login-form__new__title:after {
  content: "";
  border-bottom: solid 1px #d6d6d6;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

/* line 111, app/assets/stylesheets/components/_login-form.scss */
.login-form__new__title span {
  padding: 0 32px;
  background: #f5f5f0;
  position: relative;
  z-index: 1;
}

/* line 120, app/assets/stylesheets/components/_login-form.scss */
.login-form__commercial {
  background: #000000;
  color: #ffffff;
  border-radius: 7px;
  padding: 40px 32px;
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  align-items: flex-start;
}

@media only screen and (min-width: 768px) {
  /* line 120, app/assets/stylesheets/components/_login-form.scss */
  .login-form__commercial {
    grid-column-end: span 4;
    grid-column-start: 3;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 120, app/assets/stylesheets/components/_login-form.scss */
  .login-form__commercial {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 120, app/assets/stylesheets/components/_login-form.scss */
  .login-form__commercial {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 120, app/assets/stylesheets/components/_login-form.scss */
  .login-form__commercial {
    grid-column-end: span 4;
    grid-column-start: 5;
  }
}

/* line 152, app/assets/stylesheets/components/_login-form.scss */
.login-form__commercial__title {
  font-size: 1rem;
}

/* line 156, app/assets/stylesheets/components/_login-form.scss */
.login-form__commercial__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}

@media only screen and (min-width: 1248px) {
  /* line 156, app/assets/stylesheets/components/_login-form.scss */
  .login-form__commercial__content {
    align-items: flex-end;
    flex-direction: row;
  }
}

/* line 168, app/assets/stylesheets/components/_login-form.scss */
.login-form__commercial__desc {
  font-size: 0.8125rem;
}

/* line 3, app/assets/stylesheets/components/_create-account.scss */
.create-account__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  padding: 40px 32px;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_create-account.scss */
  .create-account__content {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/components/_create-account.scss */
  .create-account__content {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

/* line 23, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__wrapper {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, 1fr);
  grid-template-areas: "create-account-first-name" "create-account-last-name" "create-account-email" "create-account-email-confirmation" "create-account-birthday" "create-account-password" "create-account-password-confirmation";
}

@media only screen and (min-width: 768px) {
  /* line 23, app/assets/stylesheets/components/_create-account.scss */
  .create-account__content__wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "create-account-first-name create-account-last-name" "create-account-email create-account-email" "create-account-email-confirmation create-account-email-confirmation" "create-account-birthday create-account-birthday" "create-account-password create-account-password-confirmation";
  }
}

/* line 47, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

/* line 52, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row--first-name {
  grid-area: create-account-first-name;
}

/* line 56, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row--last-name {
  grid-area: create-account-last-name;
}

/* line 60, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row--birthday {
  grid-area: create-account-birthday;
}

/* line 64, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row--email {
  grid-area: create-account-email;
}

/* line 68, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row--email-confirmation {
  grid-area: create-account-email-confirmation;
}

/* line 72, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row--password {
  grid-area: create-account-password;
}

/* line 76, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__row--password-confirmation {
  grid-area: create-account-password-confirmation;
}

/* line 81, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__recaptcha {
  margin: 24px 0 0 0;
}

/* line 85, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__submit {
  display: flex;
  justify-content: flex-end;
  margin: 32px 0 0 0;
}

/* line 91, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__label {
  font-size: 0.8125rem;
  font-weight: 600;
}

/* line 96, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__input {
  border-radius: 7px;
  background: #ffffff;
  border: solid 1px #8b8b8b;
  padding: 18px 12px;
  color: #a8a8a8 !important;
  font-size: 0.9375rem;
}

/* line 104, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__input::-moz-placeholder {
  font-size: 0.9375rem;
  color: #a8a8a8 !important;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 1;
}
.create-account__content__input::placeholder {
  font-size: 0.9375rem;
  color: #a8a8a8 !important;
  transition: all 0.25s;
  opacity: 1;
}

/* line 110, app/assets/stylesheets/components/_create-account.scss */
.login-form__content__input:hover .create-account__content__input::-moz-placeholder, .login-form__content__input:focus .create-account__content__input::-moz-placeholder {
  opacity: 0;
}
.login-form__content__input:hover .create-account__content__input::placeholder, .login-form__content__input:focus .create-account__content__input::placeholder {
  opacity: 0;
}

/* line 116, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__link {
  font-size: 0.8125rem;
  color: #000000;
  border-bottom: solid 0.5px #000000;
}

/* line 121, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__link:hover {
  border-bottom: solid 0.5px transparent;
}

/* line 126, app/assets/stylesheets/components/_create-account.scss */
.create-account__content__footer {
  display: flex;
  justify-content: center;
  margin: 8px 0 0 0;
}

/* line 3, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 3, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content {
    grid-column-end: span 8;
    grid-column-start: 3;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 3, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content {
    grid-column-end: span 6;
    grid-column-start: 4;
  }
}

/* line 28, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  margin: 0;
}

/* line 35, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

@media only screen and (min-width: 1248px) {
  /* line 35, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content__form {
    row-gap: 32px;
  }
}

/* line 45, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__section {
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  padding: 40px 32px;
}

/* line 51, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__section__step {
  font-size: 0.8125rem;
  color: #8b8b8b;
}

/* line 56, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__section__title {
  font-size: 1.5rem;
}

/* line 61, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__wrapper {
  display: grid;
  gap: 16px;
}

/* line 65, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__wrapper--section1 {
  grid-template-columns: repeat(1, 1fr);
  grid-template-areas: "create-business-account-title" "create-business-account-email" "create-business-account-email-confirmation" "create-business-account-password" "create-business-account-password-confirmation";
}

@media only screen and (min-width: 768px) {
  /* line 65, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content__wrapper--section1 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "create-business-account-title create-business-account-title" "create-business-account-email create-business-account-email-confirmation" "create-business-account-password create-business-account-password-confirmation";
    align-items: flex-end;
  }
}

/* line 84, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__wrapper--section2 {
  grid-template-columns: repeat(1, 1fr);
  grid-template-areas: "create-business-account-title" "create-business-account-first-name" "create-business-account-last-name" "create-business-account-phone";
}

@media only screen and (min-width: 768px) {
  /* line 84, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content__wrapper--section2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "create-business-account-title create-business-account-title" "create-business-account-first-name create-business-account-last-name" "create-business-account-phone .";
    align-items: flex-end;
  }
}

/* line 102, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__wrapper--section3 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "create-business-account-title create-business-account-title" "create-business-account-company create-business-account-company" "create-business-account-address1 create-business-account-address1" "create-business-account-address2 create-business-account-address2" "create-business-account-city create-business-account-city" "create-business-account-country create-business-account-country" "create-business-account-state create-business-account-zip" "create-business-account-message create-business-account-message";
}

@media only screen and (min-width: 768px) {
  /* line 102, app/assets/stylesheets/components/_create-business-account.scss */
  .create-business-account__content__wrapper--section3 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "create-business-account-title create-business-account-title create-business-account-title create-business-account-title" "create-business-account-company create-business-account-company create-business-account-country create-business-account-country" "create-business-account-address1 create-business-account-address1 create-business-account-city create-business-account-city" "create-business-account-address2 create-business-account-address2 create-business-account-state create-business-account-zip" "create-business-account-message create-business-account-message create-business-account-message create-business-account-message";
    align-items: flex-end;
  }
}

/* line 127, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

/* line 132, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--title {
  grid-area: create-business-account-title;
}

/* line 136, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--email {
  grid-area: create-business-account-email;
}

/* line 140, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--email-confirmation {
  grid-area: create-business-account-email-confirmation;
}

/* line 144, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--password {
  grid-area: create-business-account-password;
}

/* line 148, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--password-confirmation {
  grid-area: create-business-account-password-confirmation;
}

/* line 152, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--first-name {
  grid-area: create-business-account-first-name;
}

/* line 156, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--last-name {
  grid-area: create-business-account-last-name;
}

/* line 160, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--phone {
  grid-area: create-business-account-phone;
}

/* line 164, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--company {
  grid-area: create-business-account-company;
}

/* line 168, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--country {
  grid-area: create-business-account-country;
}

/* line 172, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--address1 {
  grid-area: create-business-account-address1;
}

/* line 176, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--address2 {
  grid-area: create-business-account-address2;
}

/* line 180, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--city {
  grid-area: create-business-account-city;
}

/* line 184, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--state {
  grid-area: create-business-account-state;
}

/* line 188, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--zip {
  grid-area: create-business-account-zip;
}

/* line 191, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--zip input {
  width: 100%;
}

/* line 196, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__row--message {
  grid-area: create-business-account-message;
}

/* line 201, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__label {
  font-size: 0.8125rem;
  font-weight: 600;
}

/* line 206, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__note {
  font-size: 0.8125rem;
}

/* line 210, app/assets/stylesheets/components/_create-business-account.scss */
.create-business-account__content__footer {
  display: flex;
  justify-content: flex-end;
}

/* line 3, app/assets/stylesheets/components/_account-form.scss */
.account-form__label {
  font-size: 0.8125rem;
  font-weight: 600;
}

/* line 8, app/assets/stylesheets/components/_account-form.scss */
.account-form__input {
  border-radius: 7px;
  background: #ffffff;
  border: solid 1px #8b8b8b;
  padding: 18px 12px;
  color: #000000 !important;
  font-size: 0.9375rem;
  width: 100%;
}

/* line 17, app/assets/stylesheets/components/_account-form.scss */
.account-form__input::-moz-placeholder {
  font-size: 0.9375rem;
  color: #000000 !important;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 1;
}
.account-form__input::placeholder {
  font-size: 0.9375rem;
  color: #000000 !important;
  transition: all 0.25s;
  opacity: 1;
}

/* line 26, app/assets/stylesheets/components/_account-form.scss */
.account-form__input:hover::-moz-placeholder, .account-form__input:focus::-moz-placeholder {
  opacity: 0;
}
.account-form__input:hover::placeholder, .account-form__input:focus::placeholder {
  opacity: 0;
}

@media only screen and (min-width: 1248px) {
  /* line 31, app/assets/stylesheets/components/_account-form.scss */
  .account-form__input--third {
    width: 33.33%;
  }
}

/* line 39, app/assets/stylesheets/components/_account-form.scss */
.account-form__select {
  border-radius: 7px;
  background: url(/assets/ico-caret-select-ea187a557cf4bbed85b36a913ece060d65290ea05a96ec82540b18815f00b989.svg) center right 12px no-repeat #ffffff;
  background-size: 16px 16px;
  border: solid 1px #8b8b8b;
  padding: 18px 12px;
  color: #000000 !important;
  font-size: 0.9375rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

/* line 50, app/assets/stylesheets/components/_account-form.scss */
.account-form__select::-moz-placeholder {
  font-size: 0.9375rem;
  color: #000000 !important;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 1;
}
.account-form__select::placeholder {
  font-size: 0.9375rem;
  color: #000000 !important;
  transition: all 0.25s;
  opacity: 1;
}

/* line 59, app/assets/stylesheets/components/_account-form.scss */
.account-form__select:hover::-moz-placeholder, .account-form__select:focus::-moz-placeholder {
  opacity: 0;
}
.account-form__select:hover::placeholder, .account-form__select:focus::placeholder {
  opacity: 0;
}

/* line 1, app/assets/stylesheets/components/_hero-home.scss */
.hero-home {
  width: 100vw;
  position: relative;
}

/* line 5, app/assets/stylesheets/components/_hero-home.scss */
.hero-home__container {
  display: block;
  height: calc(100vh - var(--header-height));
}

/* line 9, app/assets/stylesheets/components/_hero-home.scss */
.with-tagline .hero-home__container {
  height: calc(100vh - var(--header-height) - var(--tagline-height));
}

/* line 14, app/assets/stylesheets/components/_hero-home.scss */
.hero-home__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
  /* line 14, app/assets/stylesheets/components/_hero-home.scss */
  .hero-home__wrapper {
    top: unset;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/components/_hero-home.scss */
  .hero-home__wrapper {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

/* line 33, app/assets/stylesheets/components/_hero-home.scss */
.hero-home__img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/* line 39, app/assets/stylesheets/components/_hero-home.scss */
.hero-home__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  align-items: flex-start;
}

@media only screen and (min-width: 768px) {
  /* line 39, app/assets/stylesheets/components/_hero-home.scss */
  .hero-home__content {
    grid-column-end: span 6;
    justify-self: center;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/components/_hero-home.scss */
  .hero-home__content {
    justify-self: flex-start;
    align-items: flex-start;
    text-align: left;
    margin: 0;
  }
}

@media only screen and (min-width: 1720px) {
  /* line 39, app/assets/stylesheets/components/_hero-home.scss */
  .hero-home__content {
    grid-column-end: span 5;
  }
}

/* line 64, app/assets/stylesheets/components/_hero-home.scss */
.hero-home__content-text {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 64, app/assets/stylesheets/components/_hero-home.scss */
  .hero-home__content-text {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@keyframes bounce {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 20px, 0);
  }
}

/* line 1, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text {
  margin: 0;
  padding: 0;
  scroll-margin-top: 253px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text {
    scroll-margin-top: 72px;
  }
}

/* line 10, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text.has-background {
  padding: 100px 0 0 0;
}

/* line 14, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text--has-title {
  padding: 80px 0 60px 0;
  row-gap: 70px;
}

/* line 19, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__wrapper {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 19, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper {
    display: grid;
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper {
    grid-column-end: span 12;
  }
}

@media only screen and (min-width: 768px) {
  /* line 36, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 768px) {
  /* line 43, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 43, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 55, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item {
  position: relative;
  aspect-ratio: 1 / 1.5;
  display: block;
}

@media only screen and (min-width: 1024px) {
  /* line 55, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__item {
    aspect-ratio: 1 / 1;
  }
}

/* line 65, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.65);
  transition: all 0.25s;
}

/* line 76, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__wrapper--2 .card-with-overlay-of-text__item-overlay {
  padding: 64px 23px;
}

@media only screen and (min-width: 768px) {
  /* line 76, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--2 .card-with-overlay-of-text__item-overlay {
    padding: 64px 34px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 76, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--2 .card-with-overlay-of-text__item-overlay {
    padding: 72px 68px;
  }
}

@media only screen and (min-width: 1600px) {
  /* line 76, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--2 .card-with-overlay-of-text__item-overlay {
    padding: 88px 100px;
  }
}

/* line 92, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__wrapper--3 .card-with-overlay-of-text__item-overlay {
  padding: 64px 23px;
}

@media only screen and (min-width: 768px) {
  /* line 92, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--3 .card-with-overlay-of-text__item-overlay {
    padding: 64px 34px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 92, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--3 .card-with-overlay-of-text__item-overlay {
    padding: 68px 40px;
  }
}

@media only screen and (min-width: 1600px) {
  /* line 92, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__wrapper--3 .card-with-overlay-of-text__item-overlay {
    padding: 68px 56px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 65, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__item-overlay {
    opacity: 0;
    z-index: 0;
  }
}

/* line 113, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item:hover .card-with-overlay-of-text__item-overlay {
  opacity: 1;
  z-index: 1;
}

/* line 119, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item-picture {
  aspect-ratio: 1 / 1.5;
  display: block;
}

@media only screen and (min-width: 1024px) {
  /* line 119, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__item-picture {
    aspect-ratio: 1 / 1;
  }
}

/* line 128, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  display: block;
}

/* line 136, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  color: #ffffff;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 136, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
  .card-with-overlay-of-text__item-content {
    max-width: 405px;
  }
}

/* line 149, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item-content-title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  margin: 0;
}

/* line 156, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item-content-text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 161, app/assets/stylesheets/components/_card-with-overlay-of-text.scss */
.card-with-overlay-of-text__item-content-btn {
  margin-top: 20px;
}

/* line 1, app/assets/stylesheets/components/_card-article.scss */
.card-article {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
}

/* line 6, app/assets/stylesheets/components/_card-article.scss */
.card-article__link {
  display: block;
}

/* line 10, app/assets/stylesheets/components/_card-article.scss */
.card-article__img {
  width: 100%;
}

/* line 14, app/assets/stylesheets/components/_card-article.scss */
.card-article__info {
  display: flex;
  -moz-column-gap: 50px;
       column-gap: 50px;
}

/* line 19, app/assets/stylesheets/components/_card-article.scss */
.card-article__label {
  font-family: "Noto Serif Display", serif;
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8b8b;
}

/* line 27, app/assets/stylesheets/components/_card-article.scss */
.card-article__author {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

/* line 36, app/assets/stylesheets/components/_card-article.scss */
.card-article__date {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

/* line 45, app/assets/stylesheets/components/_card-article.scss */
.card-article__desc {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 51, app/assets/stylesheets/components/_card-article.scss */
.card-article__title {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 400;
  color: #000000;
}

/* line 58, app/assets/stylesheets/components/_card-article.scss */
.card-article__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 63, app/assets/stylesheets/components/_card-article.scss */
.card-article__see-more {
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #000000;
  align-items: center;
  justify-content: center;
  animation: fade-out linear .25s;
}

/* line 73, app/assets/stylesheets/components/_card-article.scss */
.card-article__see-more:hover {
  background: #ededed;
  animation: fade-in linear .25s;
}

/* line 79, app/assets/stylesheets/components/_card-article.scss */
.card-article__see-more-ico {
  display: block;
  width: 12px;
  animation: fade-out linear .25s;
}

/* line 84, app/assets/stylesheets/components/_card-article.scss */
.card-article__see-more:hover .card-article__see-more-ico {
  display: none;
  animation: fade-in linear .25s;
}

/* line 89, app/assets/stylesheets/components/_card-article.scss */
.card-article__see-more-ico.is-hover {
  display: none;
}

/* line 92, app/assets/stylesheets/components/_card-article.scss */
.card-article__see-more:hover .card-article__see-more-ico.is-hover {
  display: block;
  animation: fade-in linear .25s;
}

/* line 1, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  row-gap: 100px;
  scroll-margin-top: 127px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards {
    scroll-margin-top: 72px;
  }
}

/* line 13, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  row-gap: 30px;
}

/* line 21, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards--2 .vertical-cards__item {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 21, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards--2 .vertical-cards__item {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards--2 .vertical-cards__item {
    grid-column-end: span 6;
  }
}

/* line 33, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards--3 .vertical-cards__item {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards--3 .vertical-cards__item {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards--3 .vertical-cards__item {
    grid-column-end: span 4;
  }
}

/* line 45, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards--4 .vertical-cards__item {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 45, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards--4 .vertical-cards__item {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 45, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards--4 .vertical-cards__item {
    grid-column-end: span 3;
  }
}

/* line 58, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards__item-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 30px;
  width: 100%;
}

/* line 66, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards__item-picture {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
}

/* line 72, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards__item-img {
  width: 100%;
}

/* line 76, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards__item-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: center;
  padding: 0 25px;
}

@media only screen and (min-width: 768px) {
  /* line 76, app/assets/stylesheets/components/_vertical-cards.scss */
  .vertical-cards__item-content {
    padding: unset;
  }
}

/* line 88, app/assets/stylesheets/components/_vertical-cards.scss */
.vertical-cards__item-text {
  font-size: 0.8125rem;
  line-height: 1.875rem;
}

/* line 1, app/assets/stylesheets/components/_section-slider.scss */
.section-slider {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}

/* line 6, app/assets/stylesheets/components/_section-slider.scss */
.section-slider__container {
  padding: 0;
  scroll-margin-top: 26px;
}

/* line 10, app/assets/stylesheets/components/_section-slider.scss */
.section-slider__container .flickity-slider {
  display: block;
  height: -moz-fit-content;
  height: fit-content;
}

/* line 16, app/assets/stylesheets/components/_section-slider.scss */
.section-slider__item {
  width: 75%;
  padding-right: 15px;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 30px;
}

@media only screen and (min-width: 1248px) {
  /* line 16, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider__item {
    padding-right: 30px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 29, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--2 .section-slider__item {
    width: 40%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 29, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--2 .section-slider__item {
    width: 40%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 29, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--2 .section-slider__item {
    width: 42.75%;
  }
}

@media only screen and (min-width: 768px) {
  /* line 43, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--3 .section-slider__item {
    width: 40%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 43, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--3 .section-slider__item {
    width: 28.5%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 43, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--3 .section-slider__item {
    width: 28.5%;
  }
}

@media only screen and (min-width: 768px) {
  /* line 57, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--4 .section-slider__item {
    width: 40%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 57, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--4 .section-slider__item {
    width: 28.5%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 57, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--4 .section-slider__item {
    width: 22.5%;
  }
}

@media only screen and (min-width: 768px) {
  /* line 71, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--5 .section-slider__item {
    width: 40%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--5 .section-slider__item {
    width: 28.5%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 71, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--5 .section-slider__item {
    width: 18.5%;
  }
}

@media only screen and (min-width: 768px) {
  /* line 85, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--6 .section-slider__item {
    width: 29%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 85, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--6 .section-slider__item {
    width: 22%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 85, app/assets/stylesheets/components/_section-slider.scss */
  .section-slider--6 .section-slider__item {
    width: 15.5%;
  }
}

/* line 1, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products {
  padding: 0;
  scroll-margin-top: 26px;
}

@media only screen and (min-width: 768px) {
  /* line 5, app/assets/stylesheets/components/_featured-producs.scss */
  .generic .featured-products {
    padding: 100px 25px 120px 25px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products {
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products {
    scroll-margin-top: 12px;
  }
}

/* line 21, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products.has-background {
  padding: 100px 0 120px 0;
  scroll-margin-top: 126px;
}

@media only screen and (min-width: 768px) {
  /* line 21, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products.has-background {
    padding: 100px 0 120px 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products.has-background {
    scroll-margin-top: 12px;
  }
}

/* line 34, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products__wrapper {
  width: 100%;
  max-width: 1710px;
  margin: 0 auto;
}

/* line 40, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products__scroll {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 0 60px 0;
}

/* line 45, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products__scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  bottom: 1.5px;
  position: relative;
  background-color: #ffffff;
}

/* line 55, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products__scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #000000;
}

/* line 61, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products__header {
  margin: 0 0 40px 0;
  row-gap: 50px;
}

@media only screen and (min-width: 1024px) {
  /* line 65, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products__header .title.has-text {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 1600px) {
  /* line 65, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products__header .title.has-text {
    grid-column-end: span 3;
  }
}

/* line 77, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products__text {
  font-size: 1rem;
  line-height: 2.1875rem;
  grid-column-end: span 4;
  grid-row-end: span 2;
  display: flex;
  align-items: flex-end;
}

@media only screen and (min-width: 768px) {
  /* line 77, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products__text {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 77, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products__text {
    grid-column-start: 5;
    grid-column-end: span 6;
  }
}

@media only screen and (min-width: 1600px) {
  /* line 77, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products__text {
    grid-column-start: 4;
    grid-column-end: span 7;
  }
}

/* line 100, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products__categories {
  position: relative;
  grid-column-end: span 3;
  grid-column-start: 1;
}

/* line 108, app/assets/stylesheets/components/_featured-producs.scss */
.featured-products--no-categories .card-product {
  width: 460px;
}

@media only screen and (min-width: 1248px) {
  /* line 108, app/assets/stylesheets/components/_featured-producs.scss */
  .featured-products--no-categories .card-product {
    position: relative;
    width: inherit;
  }
}

/* line 1, app/assets/stylesheets/components/_title-and-text.scss */
.title-and-text {
  row-gap: 32px;
  text-align: center;
  margin: 0 auto;
  scroll-margin-top: 157px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_title-and-text.scss */
  .title-and-text {
    scroll-margin-top: 92px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 11, app/assets/stylesheets/components/_title-and-text.scss */
  .title-and-text.wrapper {
    padding: 0 25px;
  }
}

/* line 19, app/assets/stylesheets/components/_title-and-text.scss */
.title-and-text__title {
  grid-column-end: span 4;
  justify-self: center;
}

@media only screen and (min-width: 768px) {
  /* line 19, app/assets/stylesheets/components/_title-and-text.scss */
  .title-and-text__title {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/components/_title-and-text.scss */
  .title-and-text__title {
    grid-column-start: 4;
    grid-column-end: span 6;
  }
}

/* line 33, app/assets/stylesheets/components/_title-and-text.scss */
.title-and-text__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
  grid-column-end: span 4;
  justify-self: center;
}

@media only screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/components/_title-and-text.scss */
  .title-and-text__text {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/components/_title-and-text.scss */
  .title-and-text__text {
    grid-column-start: 4;
    grid-column-end: span 6;
  }
}

/* line 1, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side {
  row-gap: 10px;
  scroll-margin-top: 126px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
  .cards-with-text-side-by-side {
    scroll-margin-top: 70px;
  }
}

/* line 13, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side__header {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 400;
  margin: 0;
  padding: 0 0 70px 0;
  text-align: center;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 13, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
  .cards-with-text-side-by-side__header {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
  .cards-with-text-side-by-side__header {
    grid-column-end: span 10;
  }
}

/* line 32, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side__wrapper {
  align-items: center;
  grid-auto-flow: row;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 32, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
  .cards-with-text-side-by-side__wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: dense;
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 32, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
  .cards-with-text-side-by-side__wrapper {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}

/* line 53, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.left .cards-with-text-side-by-side__picture {
  order: -1;
}

/* line 57, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.right .cards-with-text-side-by-side__picture {
  order: -1;
}

@media only screen and (min-width: 768px) {
  /* line 57, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
  .right .cards-with-text-side-by-side__picture {
    order: 1;
  }
}

/* line 66, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side__picture-img {
  width: 100%;
  display: block;
}

/* line 71, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
  padding: 50px 25px;
}

@media only screen and (min-width: 768px) {
  /* line 71, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
  .cards-with-text-side-by-side__content {
    padding: 50px 15%;
  }
}

/* line 83, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  margin: 0 0 10px 0;
}

/* line 90, app/assets/stylesheets/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 1, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.image-with-text-side-by-side {
  padding: 0;
  scroll-margin-top: 27px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side {
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side {
    scroll-margin-top: 72px;
  }
}

/* line 14, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.image-with-text-side-by-side.has-background {
  padding: 70px 0 90px 0;
  scroll-margin-top: 127px;
}

@media only screen and (min-width: 768px) {
  /* line 14, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side.has-background {
    padding: 30px 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side.has-background {
    scroll-margin-top: 12px;
  }
}

/* line 27, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.image-with-text-side-by-side__wrapper {
  align-items: center;
  grid-auto-flow: row;
}

/* line 32, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.image-with-text-side-by-side__picture {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 32, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side__picture {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 32, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side__picture {
    grid-column-end: span 6;
  }
}

/* line 43, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.left .image-with-text-side-by-side__picture {
  order: -1;
  margin: 0 -35px;
}

@media only screen and (min-width: 768px) {
  /* line 43, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .left .image-with-text-side-by-side__picture {
    margin: 0 0 0 -35px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 43, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .left .image-with-text-side-by-side__picture {
    margin: unset;
  }
}

/* line 56, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.right .image-with-text-side-by-side__picture {
  order: -1;
  margin: 0 -35px;
}

@media only screen and (min-width: 768px) {
  /* line 56, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .right .image-with-text-side-by-side__picture {
    order: 1;
    margin: 0 -35px 0 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 56, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .right .image-with-text-side-by-side__picture {
    grid-column-start: 7;
    margin: unset;
  }
}

/* line 72, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.image-with-text-side-by-side__picture-img {
  width: 100%;
  display: block;
}

/* line 77, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.image-with-text-side-by-side__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 77, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side__content {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1600px) {
  /* line 77, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .image-with-text-side-by-side__content {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 92, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .left .image-with-text-side-by-side__content {
    grid-column-start: 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 99, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
  .right .image-with-text-side-by-side__content {
    grid-column-start: 2;
  }
}

/* line 107, app/assets/stylesheets/components/_image-with-text-side-by-side.scss */
.image-with-text-side-by-side__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 1, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text {
  display: grid;
  grid-template-columns: 1fr;
  color: #000000;
  padding: 0;
  scroll-margin-top: 127px;
  align-items: center;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text {
    scroll-margin-top: 72px;
  }
}

/* line 13, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__picture {
  display: block;
  grid-row-start: 1;
  grid-column-start: 1;
  align-content: center;
  height: -moz-max-content;
  height: max-content;
}

@media only screen and (min-width: 768px) {
  /* line 13, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text__picture {
    margin: unset;
  }
}

/* line 25, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__picture-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 32, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__wrapper {
  grid-row-start: 1;
  grid-column-start: 1;
  align-content: center;
  padding: 35px;
  height: -moz-max-content;
  height: max-content;
}

@media only screen and (min-width: 768px) {
  /* line 32, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text__wrapper {
    padding: 35px 0;
  }
}

/* line 44, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__content {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 44, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text__content {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 44, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text__content {
    grid-column-start: 3;
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 44, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text__content {
    grid-column-start: 4;
    grid-column-end: span 6;
  }
}

/* line 66, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__title {
  text-align: center;
  font-size: 2rem;
  line-height: 2.125rem;
  font-weight: 400;
  color: #ffffff;
}

@media only screen and (min-width: 1024px) {
  /* line 66, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text__title {
    font-size: 3.125rem;
    line-height: 3.4375rem;
  }
}

/* line 79, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__text {
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #ffffff;
}

@media only screen and (min-width: 1024px) {
  /* line 79, app/assets/stylesheets/components/_banner-with-overlay-of-text.scss */
  .banner-with-overlay-of-text__text {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

/* line 1, app/assets/stylesheets/components/_three-zones.scss */
.three-zones {
  scroll-margin-top: 126px;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones {
    scroll-margin-top: 70px;
  }
}

/* line 9, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__title {
  grid-column-end: span 4;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 9, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__title {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__title {
    grid-column-end: span 12;
  }
}

/* line 22, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__content {
  grid-column-end: span 4;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "zone1 zone1" "zone2 zone2" "zone3 zone3";
}

@media only screen and (min-width: 768px) {
  /* line 22, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__content {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 22, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__content {
    grid-template-columns: 2fr 2fr;
    grid-template-areas: "zone1 zone2" "zone1 zone3";
    grid-column-end: span 12;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 22, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__content {
    gap: 32px;
  }
}

/* line 49, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone {
  position: relative;
}

/* line 52, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(1) {
  grid-area: zone1;
}

/* line 55, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(1) .three-zones__zone-img {
  aspect-ratio: 1 / 1.6;
}

@media only screen and (min-width: 768px) {
  /* line 55, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(1) .three-zones__zone-img {
    aspect-ratio: 1.35 / 1;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 55, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(1) .three-zones__zone-img {
    aspect-ratio: 1 / 1;
  }
}

/* line 68, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(2) {
  grid-area: zone2;
}

/* line 71, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(2) .three-zones__zone-img {
  aspect-ratio: 1 / 1.6;
}

@media only screen and (min-width: 768px) {
  /* line 71, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(2) .three-zones__zone-img {
    aspect-ratio: 2.6 / 1;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(2) .three-zones__zone-img {
    aspect-ratio: 2 / 1;
  }
}

/* line 83, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(2) .three-zones__zone-title {
  font-size: 2rem;
  line-height: 2.5rem;
}

/* line 88, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(2) .three-zones__zone-text {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media only screen and (min-width: 768px) {
  /* line 93, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(2) .three-zones__zone-content {
    width: 70%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 93, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(2) .three-zones__zone-content {
    width: 75%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 93, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(2) .three-zones__zone-content {
    width: 50%;
  }
}

/* line 109, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(3) {
  grid-area: zone3;
}

/* line 112, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(3) .three-zones__zone-img {
  aspect-ratio: 1 / 1.6;
}

@media only screen and (min-width: 768px) {
  /* line 112, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(3) .three-zones__zone-img {
    aspect-ratio: 2.6 / 1;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 112, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(3) .three-zones__zone-img {
    aspect-ratio: 2 / 1;
  }
}

/* line 124, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(3) .three-zones__zone-title {
  font-size: 2rem;
  line-height: 2.5rem;
}

/* line 129, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone:nth-child(3) .three-zones__zone-text {
  font-size: 1.5rem;
  line-height: 2rem;
}

@media only screen and (min-width: 768px) {
  /* line 134, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(3) .three-zones__zone-content {
    width: 70%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 134, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(3) .three-zones__zone-content {
    width: 750%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 134, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone:nth-child(3) .three-zones__zone-content {
    width: 50%;
  }
}

/* line 151, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone-pic {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 157, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* line 164, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 24px 32px;
  align-items: center;
  justify-content: flex-end;
  color: #000000;
  gap: 16px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  /* line 164, app/assets/stylesheets/components/_three-zones.scss */
  .three-zones__zone-content {
    align-items: flex-start;
    text-align: left;
  }
}

/* line 183, app/assets/stylesheets/components/_three-zones.scss */
.block--dark-image .three-zones__zone-content {
  color: #ffffff;
}

/* line 188, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone-title {
  font-size: 4rem;
  line-height: 4.5rem;
  font-weight: 400;
  margin: 0;
}

/* line 195, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone-text {
  font-size: 2rem;
  line-height: 2.5rem;
}

/* line 199, app/assets/stylesheets/components/_three-zones.scss */
.three-zones__zone-text p {
  margin: 0;
}

/* line 1, app/assets/stylesheets/components/_block-text.scss */
.block-text {
  row-gap: 32px;
  text-align: center;
  margin: 0 auto;
  scroll-margin-top: 125px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_block-text.scss */
  .block-text {
    scroll-margin-top: 70px;
  }
}

/* line 11, app/assets/stylesheets/components/_block-text.scss */
.block-text.full-width {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: unset;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_block-text.scss */
  .block-text.wrapper {
    padding: 0 25px;
  }
}

/* line 26, app/assets/stylesheets/components/_block-text.scss */
.block-text__text {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 26, app/assets/stylesheets/components/_block-text.scss */
  .block-text__text {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 26, app/assets/stylesheets/components/_block-text.scss */
  .block-text__text {
    grid-column-end: span 12;
  }
}

/* line 1, app/assets/stylesheets/components/_quote.scss */
.quote {
  scroll-margin-top: 125px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_quote.scss */
  .quote {
    scroll-margin-top: 70px;
  }
}

/* line 8, app/assets/stylesheets/components/_quote.scss */
.quote__content {
  font-size: 2.5rem;
  line-height: 4rem;
  color: #000000;
  font-weight: 400;
  padding: 0 25px;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_quote.scss */
  .quote__content {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/components/_quote.scss */
  .quote__content {
    grid-column-end: span 12;
  }
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_quote.scss */
  .quote__content {
    font-size: 4rem;
    line-height: 6rem;
    padding: unset;
  }
}

/* line 1, app/assets/stylesheets/components/_tiles.scss */
.tiles {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  scroll-margin-top: 125px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_tiles.scss */
  .tiles {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    scroll-margin-top: 70px;
  }
}

/* line 13, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile {
  display: grid;
}

/* line 17, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-full {
  display: grid;
  grid-template-columns: repeat(1fr, 1fr);
  grid-row-end: span 2;
  row-gap: 20px;
}

/* line 24, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-half {
  grid-template-columns: repeat(1fr, 1fr);
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

/* line 29, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-half .tiles__tile-img-container {
  order: 1;
  flex: 1 1 0;
}

/* line 34, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-half .tiles__tile-content {
  flex: 1 1 0;
}

/* line 39, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-img-container {
  grid-area: 1 / 1;
  height: 100%;
}

/* line 43, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-half .tiles__tile-img-container {
  order: 1;
  flex: 1 1 0;
}

/* line 49, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  display: block;
}

/* line 56, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-content {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 36px 20px;
  z-index: 1;
  position: relative;
  height: 100%;
}

/* line 68, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-full .tiles__tile-content {
  align-items: center;
  text-align: center;
}

/* line 73, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-half .tiles__tile-content {
  align-items: center;
  text-align: center;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
  /* line 73, app/assets/stylesheets/components/_tiles.scss */
  .tiles__tile-half .tiles__tile-content {
    align-items: flex-start;
    text-align: left;
  }
}

/* line 85, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-title {
  font-size: 1.5625rem;
  line-height: 1.875rem;
  color: #000000;
  font-weight: 400;
  margin: 0;
}

/* line 93, app/assets/stylesheets/components/_tiles.scss */
.tiles__tile-text {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #000000;
}

/* line 1, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text {
  display: grid;
  list-style: none;
  gap: 32px;
  scroll-margin-top: 152px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text {
    scroll-margin-top: 92px;
  }
}

/* line 11, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text__list {
  display: grid;
  list-style: none;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
  grid-column-end: span 4;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  /* line 11, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text__list {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text__list {
    grid-column-end: span 12;
  }
}

/* line 28, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text__item {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 0 25px;
}

/* line 34, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text--1-columns .card-icon-text__item {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 34, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text--1-columns .card-icon-text__item {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 34, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text--1-columns .card-icon-text__item {
    grid-column-end: span 12;
  }
}

/* line 46, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text--2-columns .card-icon-text__item {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 46, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text--2-columns .card-icon-text__item {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 46, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text--2-columns .card-icon-text__item {
    grid-column-end: span 6;
  }
}

/* line 58, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text--3-columns .card-icon-text__item {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 58, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text--3-columns .card-icon-text__item {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 58, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text--3-columns .card-icon-text__item {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 768px) {
  /* line 70, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text__item:last-child:not(:nth-child(even)) {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 70, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text__item:last-child:not(:nth-child(even)) {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 768px) {
  /* line 28, app/assets/stylesheets/components/_card-icon-text.scss */
  .card-icon-text__item {
    padding: unset;
  }
}

/* line 86, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text__picture {
  width: 27px;
  margin: 0 0 15px 0;
}

/* line 91, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text__picture-img {
  width: 100%;
}

/* line 95, app/assets/stylesheets/components/_card-icon-text.scss */
.card-icon-text__text {
  font-size: 0.8125rem;
  line-height: 1.875rem;
}

/* line 1, app/assets/stylesheets/components/_hero-common.scss */
.hero-common {
  width: 100vw;
  height: 100vh;
  max-height: 406px;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 50px 0;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common {
    max-height: 805px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common {
    max-height: 368px;
  }
}

@media only screen and (min-width: 1600px) {
  /* line 1, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common {
    max-height: 490px;
  }
}

/* line 22, app/assets/stylesheets/components/_hero-common.scss */
.hero-common.hero-common--text-on-image {
  height: unset;
  max-height: unset;
}

@media only screen and (min-width: 1024px) {
  /* line 22, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common.hero-common--text-on-image {
    height: 100vh;
    max-height: 490px;
  }
}

/* line 32, app/assets/stylesheets/components/_hero-common.scss */
.hero-common.hero-common--text-and-image {
  height: unset;
  max-height: unset;
}

@media only screen and (min-width: 800px) {
  /* line 32, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common.hero-common--text-and-image {
    height: 100vh;
    max-height: 490px;
    flex-direction: row-reverse;
  }
  /* line 41, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common.hero-common--text-and-image:before {
    content: "";
    background: #f7f7f7;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
  }
}

/* line 53, app/assets/stylesheets/components/_hero-common.scss */
.hero-common__container {
  display: block;
  height: 100%;
}

/* line 57, app/assets/stylesheets/components/_hero-common.scss */
.hero-common--text-on-image .hero-common__container {
  max-height: 645px;
  height: 100vh;
}

@media only screen and (min-width: 1024px) {
  /* line 57, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__container {
    max-height: 490px;
    height: 100%;
  }
}

/* line 67, app/assets/stylesheets/components/_hero-common.scss */
.hero-common--text-and-image .hero-common__container {
  max-height: 490px;
  height: 100vh;
  width: 100vw;
}

@media only screen and (min-width: 800px) {
  /* line 67, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-and-image .hero-common__container {
    width: 50vw;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 67, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-and-image .hero-common__container {
    max-height: 490px;
    height: 100%;
  }
}

/* line 83, app/assets/stylesheets/components/_hero-common.scss */
.hero-common__wrapper {
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 83, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common__wrapper {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
  }
}

/* line 95, app/assets/stylesheets/components/_hero-common.scss */
.hero-common--text-on-image .hero-common__wrapper {
  margin-top: -150px;
}

@media only screen and (min-width: 768px) {
  /* line 95, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__wrapper {
    margin-top: -92px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 95, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__wrapper {
    margin-top: unset;
    top: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
  }
}

@media only screen and (min-width: 800px) {
  /* line 112, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-and-image .hero-common__wrapper {
    position: absolute;
    margin-top: unset;
    top: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    align-items: center;
  }
}

/* line 127, app/assets/stylesheets/components/_hero-common.scss */
.hero-common__img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/* line 133, app/assets/stylesheets/components/_hero-common.scss */
.hero-common__content {
  display: flex;
  position: relative;
  padding: 60px 28px;
  grid-column-end: span 12;
}

@media only screen and (min-width: 768px) {
  /* line 139, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content {
    grid-column-end: span 8;
    grid-column-start: 3;
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content {
    align-items: flex-start;
    text-align: left;
    grid-column-end: span 4;
    grid-column-start: 2;
  }
}

/* line 154, app/assets/stylesheets/components/_hero-common.scss */
.hero-common--text-on-image .hero-common__content:before {
  content: "";
  background: #f7f7f7;
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (min-width: 768px) {
  /* line 154, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content:before {
    top: -58px;
    right: -48px;
    bottom: -58px;
    left: -48px;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 154, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content:before {
    top: -85px;
    right: -77px;
    bottom: -85px;
    left: -77px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 139, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content {
    margin-bottom: unset;
  }
}

@media only screen and (min-width: 768px) {
  /* line 188, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-and-image .hero-common__content {
    grid-column-end: span 8;
    grid-column-start: 3;
    padding: 80px 0;
  }
}

@media only screen and (min-width: 800px) {
  /* line 188, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-and-image .hero-common__content {
    align-items: flex-start;
    text-align: left;
    grid-column-end: span 4;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 800px) {
  /* line 188, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-and-image .hero-common__content {
    padding: 0;
  }
}

/* line 209, app/assets/stylesheets/components/_hero-common.scss */
.hero-common__content-texts {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

/* line 215, app/assets/stylesheets/components/_hero-common.scss */
.hero-common--text-on-image .hero-common__content-texts {
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  /* line 215, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content-texts {
    text-align: left;
  }
}

/* line 224, app/assets/stylesheets/components/_hero-common.scss */
.hero-common__content-text {
  color: #000000;
}

/* line 227, app/assets/stylesheets/components/_hero-common.scss */
.hero-common--text-on-image .hero-common__content-text {
  font-size: 1.125rem;
  line-height: 1.5625rem;
}

@media only screen and (min-width: 1440px) {
  /* line 227, app/assets/stylesheets/components/_hero-common.scss */
  .hero-common--text-on-image .hero-common__content-text {
    font-size: 0.9375rem;
  }
}

/* line 236, app/assets/stylesheets/components/_hero-common.scss */
.hero-common--text-and-image .hero-common__content-text {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}

/* line 1, app/assets/stylesheets/components/_promo-banner.scss */
.promo-banner {
  width: 100%;
  display: block;
  scroll-margin-top: 127px;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_promo-banner.scss */
  .promo-banner {
    scroll-margin-top: 72px;
  }
}

/* line 11, app/assets/stylesheets/components/_promo-banner.scss */
.promo-banner__img {
  width: 100%;
  display: block;
}

/* line 16, app/assets/stylesheets/components/_promo-banner.scss */
.promo-banner__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 24, app/assets/stylesheets/components/_promo-banner.scss */
.promo-banner__content {
  height: 100%;
  align-items: flex-end;
}

@media only screen and (min-width: 1024px) {
  /* line 24, app/assets/stylesheets/components/_promo-banner.scss */
  .promo-banner__content {
    align-items: center;
  }
}

/* line 33, app/assets/stylesheets/components/_promo-banner.scss */
.promo-banner__text {
  grid-column-end: span 4;
  position: relative;
  height: -moz-max-content;
  height: max-content;
  z-index: 1;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
  bottom: 40px;
  padding: 60px 28px;
}

@media only screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/components/_promo-banner.scss */
  .promo-banner__text {
    grid-column-end: span 6;
    grid-column-start: 2;
    padding: 0;
    bottom: 100px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/components/_promo-banner.scss */
  .promo-banner__text {
    bottom: unset;
    grid-column-end: span 4;
  }
}

/* line 55, app/assets/stylesheets/components/_promo-banner.scss */
.promo-banner__text:before {
  content: "";
  background: #f7f7f7;
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 768px) {
  /* line 55, app/assets/stylesheets/components/_promo-banner.scss */
  .promo-banner__text:before {
    top: -58px;
    right: -48px;
    bottom: -58px;
    left: -48px;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 55, app/assets/stylesheets/components/_promo-banner.scss */
  .promo-banner__text:before {
    top: -85px;
    right: -77px;
    bottom: -85px;
    left: -77px;
  }
}

/* line 3, app/assets/stylesheets/components/_content.scss */
.content__description {
  font-size: 1.5rem;
  line-height: 1.75rem;
  grid-column-end: span 4;
  margin: 0 0 80px 0;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_content.scss */
  .content__description {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/components/_content.scss */
  .content__description {
    grid-column-end: span 9;
    margin: 0 0 104px 0;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 3, app/assets/stylesheets/components/_content.scss */
  .content__description {
    grid-column-end: span 7;
  }
}

/* line 24, app/assets/stylesheets/components/_content.scss */
.c-content {
  text-align: center;
  margin: 3.125rem 0;
}

@media only screen and (min-width: 1024px) {
  /* line 24, app/assets/stylesheets/components/_content.scss */
  .c-content {
    margin: 3.125rem 6.25rem;
  }
}

/* line 33, app/assets/stylesheets/components/_content.scss */
.c-content__description {
  font-size: 1.125rem;
}

@media only screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/components/_content.scss */
  .c-content__description {
    font-size: 1rem;
  }
}

/* line 1, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs {
  margin: 60px 0 0 0;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_breadcumbs.scss */
  .breadcrumbs {
    margin: 70px 0 0 0;
  }
}

/* line 8, app/assets/stylesheets/components/_breadcumbs.scss */
.page--bgd .breadcrumbs {
  margin: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/components/_breadcumbs.scss */
  .page--bgd .breadcrumbs {
    margin: 0;
  }
}

/* line 16, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs__list {
  display: flex;
  gap: 8px;
  padding: 0;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

/* line 24, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs__item {
  display: inline-block;
  font-size: 0.75rem;
  text-align: left;
}

/* line 29, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs__item a {
  color: #8b8b8b;
}

/* line 32, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs__item a:hover {
  color: #000000;
}

/* line 37, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs__item:after {
  content: "/";
  margin-left: 8px;
}

/* line 44, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs__item:last-child a {
  color: #000000;
}

/* line 47, app/assets/stylesheets/components/_breadcumbs.scss */
.breadcrumbs__item:last-child a:hover {
  color: #8b8b8b;
}

/* line 1, app/assets/stylesheets/components/_filters.scss */
.filters {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  -moz-column-gap: 30px;
       column-gap: 30px;
  width: 100%;
  position: relative;
  z-index: 2;
}

/* line 10, app/assets/stylesheets/components/_filters.scss */
.blog-index .filters {
  grid-column-end: span 12;
}

/* line 14, app/assets/stylesheets/components/_filters.scss */
.filters__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 25px;
}

@media only screen and (min-width: 1248px) {
  /* line 14, app/assets/stylesheets/components/_filters.scss */
  .filters__wrapper {
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}

/* line 28, app/assets/stylesheets/components/_filters.scss */
.filters__top {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  justify-content: flex-end;
}

/* line 34, app/assets/stylesheets/components/_filters.scss */
.filters__btn {
  border: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-align: center;
  padding: 15px 73px 15px 30px;
  border-radius: 22px;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.8125rem;
  background: url(/assets/ico-filter-a2a71f4e26bc7dbe1b774f5be7856adca05c11e6ff910c90696220caca256b59.svg) right 30px center no-repeat #000000;
  background-size: 23px 14px;
  color: #ffffff;
  white-space: nowrap;
}

/* line 50, app/assets/stylesheets/components/_filters.scss */
.filters__btn:not(:disabled), .filters__btn:not(.is-disabled) {
  cursor: pointer;
}

/* line 55, app/assets/stylesheets/components/_filters.scss */
.filters__btn:hover, .filters__btn:focus, .filters__btn.is-active {
  background: url(/assets/ico-filter-black-5781e8f15bc9eeb626fe52fc622ed73bb45c9ef3e90ab3f8508f4abf324af4c5.svg) right 30px center no-repeat #ededed;
  background-size: 1.4375rem 0.875rem;
  color: #000000;
}

/* line 67, app/assets/stylesheets/components/_filters.scss */
.c-filters {
  background: transparent;
  position: relative;
  z-index: 2;
  padding: 0.9375rem 0;
  max-width: 73.125rem;
  margin: 0 auto 3.125rem auto;
}

@media only screen and (max-width: 479px) {
  /* line 67, app/assets/stylesheets/components/_filters.scss */
  .c-filters {
    margin-bottom: 3.125rem;
  }
}

/* line 81, app/assets/stylesheets/components/_filters.scss */
.c-filters--horizontal {
  height: auto;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  /* line 81, app/assets/stylesheets/components/_filters.scss */
  .c-filters--horizontal {
    height: 9.375rem;
  }
}

/* line 90, app/assets/stylesheets/components/_filters.scss */
.c-filters__footer {
  display: block;
  margin: auto;
  width: 100%;
  background: #F7F7F7;
  margin-bottom: 2.5rem;
}

/* line 97, app/assets/stylesheets/components/_filters.scss */
.c-filters__footer--content {
  padding-bottom: 1.25rem;
}

/* line 102, app/assets/stylesheets/components/_filters.scss */
.c-filters__title {
  flex: 1 100%;
  font-size: 0.8125rem;
  padding: 0;
  margin: 0 0 2.5rem 0;
  letter-spacing: 0.0625rem;
  color: #50596c;
}

@media only screen and (max-width: 479px) {
  /* line 102, app/assets/stylesheets/components/_filters.scss */
  .c-filters__title {
    font-size: 0.625rem;
    margin: 0;
    padding: 0 0.625rem;
  }
}

@media only screen and (min-width: 768px) {
  /* line 102, app/assets/stylesheets/components/_filters.scss */
  .c-filters__title {
    font-size: 0.625rem;
    margin: 0;
    padding: 0 0.625rem;
  }
}

/* line 124, app/assets/stylesheets/components/_filters.scss */
.c-filters__box {
  flex: 1;
  padding: 0;
  height: unset;
  flex: 1 100%;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 768px) {
  /* line 124, app/assets/stylesheets/components/_filters.scss */
  .c-filters__box {
    height: 1.875rem;
    max-width: 15.625rem;
    flex: 1 20%;
    padding: 0 0.625rem;
  }
}

/* line 138, app/assets/stylesheets/components/_filters.scss */
.c-filters__box--list {
  background: #ffffff;
  position: relative;
  z-index: 99;
  top: 0;
  padding: 1.25rem;
  box-shadow: -0.0625rem 0.8125rem 1.125rem -0.1875rem rgba(141, 141, 141, 0.5);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media only screen and (min-width: 640px) {
  /* line 138, app/assets/stylesheets/components/_filters.scss */
  .c-filters__box--list {
    top: 0;
    width: unset;
    margin-left: unset;
    margin-right: unset;
  }
}

/* line 157, app/assets/stylesheets/components/_filters.scss */
.c-filters__box--footer {
  margin: 0;
  text-align: center;
}

/* line 161, app/assets/stylesheets/components/_filters.scss */
.c-filters__box--footer-clear {
  margin-top: 0.75rem;
  font-size: 0.6875rem;
}

/* line 168, app/assets/stylesheets/components/_filters.scss */
.c-filters__remove {
  text-align: center;
  width: 100%;
  margin: 2.0625rem 0 1.25rem;
}

/* line 174, app/assets/stylesheets/components/_filters.scss */
.c-filters__select {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  /* line 174, app/assets/stylesheets/components/_filters.scss */
  .c-filters__select {
    font-size: 0.625rem;
  }
}

/* line 186, app/assets/stylesheets/components/_filters.scss */
.c-filters__select--horizontal {
  margin: 1.25rem 0;
}

/* line 190, app/assets/stylesheets/components/_filters.scss */
.c-filters__select__list {
  display: none;
}

/* line 193, app/assets/stylesheets/components/_filters.scss */
.c-filters__select__list ul {
  margin-left: -2.5rem;
  list-style: none;
}

/* line 200, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby {
  color: #50596c;
  border-top: solid 0.0625rem #50596c;
  position: relative;
  margin: 0;
  padding: 0.9375rem 0 0 0;
}

/* line 207, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby:after {
  content: "";
  background: url(/assets/ico-arrow-right-9b5c2e3f2248472828dedafff1f666f88899113b016e503792628b2090c401b5.svg) center center no-repeat;
  background-size: 0.8125rem 0.9375rem;
  width: 0.8125rem;
  height: 0.9375rem;
  position: absolute;
  top: 1.0625rem;
  right: 0;
  transition: all 0.25s;
  transform: rotate(90deg);
  transform-origin: center center;
}

@media only screen and (min-width: 768px) {
  /* line 207, app/assets/stylesheets/components/_filters.scss */
  .c-filters__sortby:after {
    background-size: 0.625rem 0.6875rem;
    width: 0.625rem;
    height: 0.6875rem;
    top: 0.875rem;
  }
}

/* line 228, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby.is-active {
  color: #a42b27;
  border-top: solid 0.0625rem #a42b27;
}

/* line 232, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby.is-active:after {
  background: url(/assets/ico-arrow-right-red-5f57485d2fbcde81d0ef1a37a31fdfe491cd307931325b9f386d4725203b53e6.svg) center center no-repeat;
  background-size: 0.8125rem 0.9375rem;
  transform: rotate(270deg);
}

@media only screen and (min-width: 768px) {
  /* line 232, app/assets/stylesheets/components/_filters.scss */
  .c-filters__sortby.is-active:after {
    background-size: 0.625rem 0.6875rem;
    width: 0.625rem;
    height: 0.6875rem;
  }
}

/* line 245, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby__item {
  margin: 0.625rem 0;
  list-style: none;
  display: block;
  font-size: 0.8125rem;
  border-bottom: solid 0.0625rem #a2a2a2;
  font-weight: 500;
}

/* line 253, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby__item__label {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  margin: 0.625rem 0;
  letter-spacing: 0.0625rem;
  color: #a2a2a2;
}

@media only screen and (min-width: 768px) {
  /* line 253, app/assets/stylesheets/components/_filters.scss */
  .c-filters__sortby__item__label {
    margin: 0.75rem 0;
  }
}

@media only screen and (min-width: 768px) {
  /* line 245, app/assets/stylesheets/components/_filters.scss */
  .c-filters__sortby__item {
    font-size: 0.625rem;
  }
}

/* line 270, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby__item__link {
  padding: 0.75rem 0;
  letter-spacing: 0.0625rem;
  color: #a2a2a2;
  display: block;
}

/* line 278, app/assets/stylesheets/components/_filters.scss */
.c-filters__sortby--footer {
  margin: 0;
}

/* line 283, app/assets/stylesheets/components/_filters.scss */
.c-filters__btn {
  font-size: 0.9375rem;
  padding: 0.75rem 2.375rem;
  margin: 1.875rem 0 0 0;
  width: 100%;
  max-width: 10.875rem;
  max-width: unset;
  text-transform: initial;
}

@media only screen and (min-width: 768px) {
  /* line 283, app/assets/stylesheets/components/_filters.scss */
  .c-filters__btn {
    font-size: 0.75rem;
    padding: 0.5rem 2.375rem;
  }
}

/* line 1, app/assets/stylesheets/components/_filters-selected.scss */
.filters-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  list-style: none;
  margin: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_filters-selected.scss */
  .filters-selected {
    max-width: 900px;
  }
}

/* line 15, app/assets/stylesheets/components/_filters-selected.scss */
.filters-selected__btn {
  background: url(/assets/ico-clear-3829b2e0574282ef34e86490ee546f50abfc3e7601d93ddfb9ac4693f45ce6de.svg) right 30px center no-repeat #ffffff;
  background-size: 8px 8px;
  border: solid 1px #ededed;
  padding: 12px 58px 12px 30px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  color: #000000;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

/* line 30, app/assets/stylesheets/components/_filters-selected.scss */
.filters-selected__btn:hover {
  color: #ffffff;
  background: url(/assets/ico-clear-white-ed3654efd8d931e32f359b637ed343838259d8c3983958bd11c01e49e9317f80.svg) right 30px center no-repeat #000000;
  background-size: 8px 8px;
}

/* line 37, app/assets/stylesheets/components/_filters-selected.scss */
.filters-selected__btn-ico {
  width: 8px;
  height: 8px;
}

/* line 1, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort {
  display: flex;
  gap: 30px;
  align-items: center;
  position: relative;
  right: 0;
}

/* line 8, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__count {
  font-size: 0.9375rem;
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_filters-sort.scss */
  .filters-sort__count {
    display: unset;
  }
}

/* line 19, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__btn {
  background: #000000;
  border: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-align: center;
  padding: 15px 60px 15px 30px;
  border-radius: 22px;
  transition: background-color 0.25s ease, color 0.25s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.8125rem;
  color: #ffffff;
  position: relative;
}

/* line 34, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__btn:after {
  content: "";
  position: absolute;
  background: url(/assets/ico-toggle-white-f4e9ef55ae3b825993a86dc80919ef09f628e730333741e0a53cbf90a57ce91a.svg) center center no-repeat;
  background-size: 11px 6px;
  width: 11px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
  right: 30px;
  transition: all 0.25s;
}

/* line 48, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__btn:not(:disabled), .filters-sort__btn:not(.is-disabled) {
  cursor: pointer;
}

/* line 53, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__btn:hover, .filters-sort__btn:focus, .filters-sort__btn.is-active {
  background: #ededed;
  color: #000000;
}

/* line 59, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__btn:hover:after, .filters-sort__btn:focus:after, .filters-sort__btn.is-active:after {
  background: url(/assets/ico-toggle-395229691126cf61438b24aabe4a712d2e14266344a8e5247899d81c0b521561.svg) center center no-repeat;
  background-size: 11px 6px;
  transform: translateY(-50%) rotate(0);
}

/* line 67, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__panel {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  padding-top: 68px;
}

/* line 75, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__panel.is-activating, .filters-sort__panel.is-deactivating, .filters-sort__panel.is-active {
  display: block;
}

/* line 79, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__panel.is-activating {
  animation: fade-in .25s;
}

/* line 83, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__panel.is-deactivating {
  animation: fade-out .25s;
}

/* line 88, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__panel-list {
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.16);
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 25px 22px 38px 22px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

/* line 100, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__panel-link {
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 0.0125rem;
  color: #000000;
}

/* line 106, app/assets/stylesheets/components/_filters-sort.scss */
.filters-sort__panel-link:hover {
  color: #8b8b8b;
}

/* line 1, app/assets/stylesheets/components/_filters-panel.scss */
:root {
  --filters-panel--width: 30%;
  --filters-panel--animation-duration: 0.5s;
}

@keyframes filters-panel__panel--activate {
  from {
    margin-right: calc(0px - var(--filters-panel--width));
  }
  to {
    margin-right: 0;
  }
}

@keyframes filters-panel__panel--deactivate {
  from {
    margin-right: 0;
  }
  to {
    margin-right: calc(0px - var(--filters-panel--width));
  }
}

/* line 24, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel {
  display: none;
  position: fixed;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  left: 0;
  top: var(--header-height);
  height: calc(100vh - var(--header-height) + 26px);
  transition: .25s ease;
  z-index: 1111;
  flex-direction: column;
  align-items: flex-end;
}

/* line 40, app/assets/stylesheets/components/_filters-panel.scss */
.has-tagline .filters-panel {
  top: calc(var(--header-height) + 55px);
}

/* line 44, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel.is-activating, .filters-panel.is-active, .filters-panel.is-deactivating {
  display: flex;
}

/* line 48, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel.is-activating {
  animation: fade-in var(--filters-panel--animation-duration);
}

/* line 51, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel.is-activating .filters-panel__panel {
  animation: filters-panel__panel--activate var(--filters-panel--animation-duration);
}

/* line 56, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel.is-deactivating {
  animation: fade-out var(--filters-panel--animation-duration);
}

/* line 59, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel.is-deactivating .filters-panel__panel {
  animation: filters-panel__panel--deactivate var(--filters-panel--animation-duration);
}

/* line 64, app/assets/stylesheets/components/_filters-panel.scss */
.is-sticky .filters-panel {
  top: calc(var(--header-height) - 26px);
}

/* line 68, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 75px;
  left: 0;
  padding: 130px 30px 0 25px;
}

/* line 79, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  bottom: 1.5px;
  position: relative;
  background-color: #ffffff;
}

/* line 89, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #000000;
}

/* line 95, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__wrapper {
  padding: 121px 43px 88px 25px;
  width: 100%;
}

/* line 100, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__panel {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  background: #ededed;
  width: var(--filters-panel--width);
  min-width: 100%;
  min-height: calc(100vh - var(--header-height));
  position: relative;
}

@media only screen and (min-width: 560px) {
  /* line 100, app/assets/stylesheets/components/_filters-panel.scss */
  .filters-panel__panel {
    min-width: 420px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 100, app/assets/stylesheets/components/_filters-panel.scss */
  .filters-panel__panel {
    min-width: 655px;
  }
}

/* line 119, app/assets/stylesheets/components/_filters-panel.scss */
.is-sticky .filters-panel__panel {
  min-height: calc(100vh - var(--header-height) + 26px);
}

/* line 124, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__item {
  padding: 14px 0;
  border-top: solid 1px #d6d6d6;
}

/* line 129, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__item-title {
  font-size: 1.125rem;
  letter-spacing: 0.0125rem;
  color: #000000;
  transition: all 0.25s;
}

/* line 135, app/assets/stylesheets/components/_filters-panel.scss */
.filter-toggle__item:hover .filters-panel__item-title {
  color: #8b8b8b;
}

/* line 140, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__toggle-btn {
  width: 100%;
  font-size: 1.125rem;
  letter-spacing: 0.0125rem;
  font-weight: 400;
  text-align: left;
  border: 0;
  padding: 20px 0;
  background: transparent;
  position: relative;
  border-top: solid 1px #d6d6d6;
}

/* line 152, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__toggle-btn:after {
  content: "";
  background: url(/assets/ico-toggle-395229691126cf61438b24aabe4a712d2e14266344a8e5247899d81c0b521561.svg) right center no-repeat;
  background-size: 14px 8px;
  transform-origin: center center;
  width: 14px;
  height: 8px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: 0;
  transition: all 0.25s;
}

/* line 169, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__toggle-btn.is-active:after {
  transform: translateY(-50%) rotate(0);
}

/* line 175, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__content {
  width: 100%;
  border-bottom: solid 1px #d6d6d6;
}

/* line 180, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__close {
  margin-left: 80%;
  z-index: 1;
}

/* line 185, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__actions {
  position: sticky;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(19px) brightness(100%);
          backdrop-filter: blur(19px) brightness(100%);
  padding: 16px 30px;
  margin-top: auto;
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  width: 100%;
  justify-content: space-around;
}

/* line 197, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__actions a {
  flex: 1 1 auto;
}

/* line 201, app/assets/stylesheets/components/_filters-panel.scss */
.filters-panel__actions button {
  flex: 2 1 auto;
}

/* line 1, app/assets/stylesheets/components/_filter-toggle.scss */
.filter-toggle {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding: 0;
}

/* line 8, app/assets/stylesheets/components/_filter-toggle.scss */
.has-set .filter-toggle {
  margin: 0 0 0 10px;
}

/* line 14, app/assets/stylesheets/components/_filter-toggle.scss */
.filter-toggle__item.has-child {
  position: relative;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
}

/* line 20, app/assets/stylesheets/components/_filter-toggle.scss */
.filter-toggle__item.has-child:after {
  content: "";
  background: url(/assets/ico-toggle-395229691126cf61438b24aabe4a712d2e14266344a8e5247899d81c0b521561.svg) right center no-repeat;
  background-size: 14px 8px;
  transform-origin: center center;
  width: 14px;
  height: 8px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: 0;
  transition: all 0.25s;
}

/* line 37, app/assets/stylesheets/components/_filter-toggle.scss */
.filter-toggle__item.has-child.is-open:after {
  transform: translateY(-50%) rotate(0);
}

/* line 44, app/assets/stylesheets/components/_filter-toggle.scss */
.filter-toggle__label {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
}

/* line 50, app/assets/stylesheets/components/_filter-toggle.scss */
.filter-toggle__title {
  font-size: 0.8125rem;
  color: #000000;
  transition: all 0.25s;
  flex: 1;
  cursor: default;
}

/* line 57, app/assets/stylesheets/components/_filter-toggle.scss */
.filter-toggle__item:hover .filter-toggle__title {
  color: #8b8b8b;
}

/* line 1, app/assets/stylesheets/components/_card-product.scss */
.card-product {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
  grid-column-end: span 4;
}

@media only screen and (min-width: 560px) {
  /* line 1, app/assets/stylesheets/components/_card-product.scss */
  .card-product {
    grid-column-end: span 2;
  }
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_card-product.scss */
  .card-product {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_card-product.scss */
  .card-product {
    grid-column-end: span 4;
  }
  /* line 18, app/assets/stylesheets/components/_card-product.scss */
  .p-article .card-product {
    grid-column-end: span 6;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_card-product.scss */
  .card-product {
    grid-column-end: span 3;
  }
  /* line 26, app/assets/stylesheets/components/_card-product.scss */
  .p-article .card-product {
    grid-column-end: span 6;
  }
}

/* line 31, app/assets/stylesheets/components/_card-product.scss */
.product-toggle__products .card-product {
  grid-column-end: unset;
}

/* line 35, app/assets/stylesheets/components/_card-product.scss */
.recently-viewed__scroll .card-product, .product-section__scroll .card-product {
  width: 280px;
}

@media only screen and (min-width: 1248px) {
  /* line 35, app/assets/stylesheets/components/_card-product.scss */
  .recently-viewed__scroll .card-product, .product-section__scroll .card-product {
    width: unset;
  }
}

/* line 43, app/assets/stylesheets/components/_card-product.scss */
.card-product__header {
  aspect-ratio: 1 / 1;
  background: #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* line 53, app/assets/stylesheets/components/_card-product.scss */
.card-product__img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  aspect-ratio: 1 / 1;
  transform: scale(1);
  transition: all 0.5s;
}

/* line 61, app/assets/stylesheets/components/_card-product.scss */
.card-product__img:hover {
  transform: scale(1.1);
}

/* line 66, app/assets/stylesheets/components/_card-product.scss */
.card-product__no-img {
  width: 50px;
  height: 50px;
  margin: auto;
}

/* line 72, app/assets/stylesheets/components/_card-product.scss */
.card-product__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  grid-template-areas: "card-content-details card-content-details" "card-content-rating card-content-rating";
}

/* line 80, app/assets/stylesheets/components/_card-product.scss */
.products-suggestion .card-product__content {
  grid-template-columns: repeat(1, 1fr);
  row-gap: 10px;
  grid-template-areas: "card-content-details" "card-content-price" "card-content-rating";
}

/* line 89, app/assets/stylesheets/components/_card-product.scss */
.card-product__content.has-price {
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  grid-template-areas: "card-content-price card-content-details card-content-details" ". card-content-rating card-content-rating";
}

/* line 98, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-price {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 5px;
  -moz-column-gap: 15px;
       column-gap: 15px;
  grid-area: card-content-price;
  grid-template-areas: "content-price-current" "content-price-old" "content-price-discount";
}

/* line 111, app/assets/stylesheets/components/_card-product.scss */
.products-suggestion .card-product__content-price {
  width: -moz-max-content;
  width: max-content;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "content-price-current content-price-old" "content-price-discount content-price-discount";
}

/* line 120, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-price-current {
  font-weight: 500;
  grid-area: content-price-current;
}

/* line 125, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-price-old {
  color: #8b8b8b;
  text-decoration: line-through;
  grid-area: content-price-old;
}

/* line 131, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-price-discount {
  color: #af0000;
  grid-area: content-price-discount;
}

/* line 136, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-details {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  grid-area: card-content-details;
}

/* line 143, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-details-header {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 152, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-details-subcategory {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 158, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-details-title {
  color: #000000;
}

/* line 162, app/assets/stylesheets/components/_card-product.scss */
.card-product__content-details-desc {
  color: #8b8b8b;
  font-size: 0.9375rem;
  line-height: 1.125rem;
}

/* line 168, app/assets/stylesheets/components/_card-product.scss */
.card-product__rating {
  margin-top: 12px;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  grid-area: card-content-rating;
}

/* line 176, app/assets/stylesheets/components/_card-product.scss */
.card-product__rating-count {
  font-size: 0.625rem;
  font-weight: 500;
}

/* line 180, app/assets/stylesheets/components/_card-product.scss */
.card-product__rating-count:before {
  content: "(";
}

/* line 184, app/assets/stylesheets/components/_card-product.scss */
.card-product__rating-count:after {
  content: ")";
}

/* line 1, app/assets/stylesheets/components/_star-rating.scss */
.star-rating {
  position: relative;
  letter-spacing: 4px;
  font-size: 0.875rem;
}

/* line 6, app/assets/stylesheets/components/_star-rating.scss */
.star-rating__fill {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #000000;
  overflow: hidden;
}

/* line 15, app/assets/stylesheets/components/_star-rating.scss */
.star-rating__empty {
  color: #d6d6d6;
}

/* line 3, app/assets/stylesheets/components/_recently-viewed.scss */
.recently-viewed__scroll {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 0 60px 0;
}

/* line 8, app/assets/stylesheets/components/_recently-viewed.scss */
.recently-viewed__scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  bottom: 1.5px;
  position: relative;
  background-color: #ffffff;
}

/* line 18, app/assets/stylesheets/components/_recently-viewed.scss */
.recently-viewed__scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #000000;
}

/* line 24, app/assets/stylesheets/components/_recently-viewed.scss */
.recently-viewed__display {
  grid-auto-flow: column;
}

@media only screen and (min-width: 1248px) {
  /* line 24, app/assets/stylesheets/components/_recently-viewed.scss */
  .recently-viewed__display {
    grid-auto-flow: unset;
  }
}

/* line 31, app/assets/stylesheets/components/_recently-viewed.scss */
.featured-products--with-categories .recently-viewed__display, .blog-article__aside .recently-viewed__display {
  grid-auto-flow: unset;
}

/* line 36, app/assets/stylesheets/components/_recently-viewed.scss */
.recently-viewed .col-xs-12.col-sm-6 {
  width: 460px;
}

@media only screen and (min-width: 1248px) {
  /* line 36, app/assets/stylesheets/components/_recently-viewed.scss */
  .recently-viewed .col-xs-12.col-sm-6 {
    position: relative;
    width: inherit;
  }
}

/* line 3, app/assets/stylesheets/components/_gallery.scss */
.gallery {
  width: 100%;
  position: relative;
  margin: 0 0 150px 0;
}

/* line 8, app/assets/stylesheets/components/_gallery.scss */
.gallery__content {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* line 14, app/assets/stylesheets/components/_gallery.scss */
.gallery__content figure {
  aspect-ratio: 1.4 /1;
  width: 100%;
}

/* line 18, app/assets/stylesheets/components/_gallery.scss */
.gallery__content figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 1s;
}

/* line 25, app/assets/stylesheets/components/_gallery.scss */
.gallery__content figure img:hover {
  transform: scale(1.1);
}

/* line 31, app/assets/stylesheets/components/_gallery.scss */
.gallery__content__link {
  aspect-ratio: 1.4 /1;
  width: 100%;
}

/* line 35, app/assets/stylesheets/components/_gallery.scss */
.gallery__content__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 1s;
}

/* line 42, app/assets/stylesheets/components/_gallery.scss */
.gallery__content__link img:hover {
  transform: scale(1.1);
}

/* line 48, app/assets/stylesheets/components/_gallery.scss */
.gallery__content__link-video {
  position: relative;
}

/* line 51, app/assets/stylesheets/components/_gallery.scss */
.gallery__content__link-video:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(/assets/ico-play-video-white-b39b222db1488843618e9882cadf43ff49a1171e4dea8adc50971f768672daec.svg) 50% 50% no-repeat #000000;
  background-size: 110%;
  position: absolute;
  right: 0.9375rem;
  bottom: 0.9375rem;
  z-index: 10;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  /* line 51, app/assets/stylesheets/components/_gallery.scss */
  .gallery__content__link-video:before {
    right: 1.25rem;
    bottom: 1.25rem;
    width: 40px;
    height: 40px;
  }
}

/* line 72, app/assets/stylesheets/components/_gallery.scss */
.gallery__content:hover .gallery__content__link-video:before {
  background: url(/assets/ico-play-video-black-5857d1dcbfa9c3f4382a693c5a7d3620b0365b5cd246b87e535eb018ca345b4e.svg) 50% 50% no-repeat #ededed;
  background-size: 110%;
}

/* line 79, app/assets/stylesheets/components/_gallery.scss */
.gallery__content--no-img {
  width: 25%;
  margin-top: 25%;
  margin-left: 30%;
}

/* line 85, app/assets/stylesheets/components/_gallery.scss */
.gallery__content__caption {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(35, 31, 32, 0.75);
  transition: all 0.5s;
  padding: 1.25rem;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
  opacity: 0;
  font-size: 0.875rem;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  /* line 85, app/assets/stylesheets/components/_gallery.scss */
  .gallery__content__caption {
    padding: 3.125rem 2.5rem;
    font-size: 1rem;
  }
}

/* line 112, app/assets/stylesheets/components/_gallery.scss */
.gallery__content__caption--video:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(/images/ico-play-video.svg) 50% 50% no-repeat rgba(0, 0, 0, 0.75);
  background-size: 60%;
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  transition: all 0.5s;
  z-index: 10;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  /* line 112, app/assets/stylesheets/components/_gallery.scss */
  .gallery__content__caption--video:before {
    right: 0.9375rem;
    bottom: 0.9375rem;
  }
}

/* line 136, app/assets/stylesheets/components/_gallery.scss */
.gallery .flickity-page-dots {
  text-align: unset;
}

/* line 1, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 8, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card:hover {
  box-shadow: unset;
}

/* line 12, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card__header {
  aspect-ratio: 1 / 1;
  background: #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* line 21, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 27, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card__no-img {
  width: 40px;
  height: 40px;
  margin: auto;
}

/* line 33, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card__body {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 39, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card__title {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #000000;
}

/* line 46, app/assets/stylesheets/components/_gallery-card.scss */
.gallery-card__desc {
  color: #8b8b8b;
  font-size: 0.9375rem;
  line-height: 1.125rem;
}

/* line 3, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__container, .c-gallery__container {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery__container, .c-gallery__container {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery__container, .c-gallery__container {
    grid-column-end: span 11;
    grid-column-start: 2;
  }
}

/* line 16, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product, .c-gallery--product {
  width: 100%;
}

/* line 19, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product__figure, .c-gallery--product__figure {
  background: #ffffff;
}

/* line 23, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product__slider, .c-gallery--product__slider {
  position: relative;
  margin-bottom: 120px;
}

@media only screen and (max-width: 639px) {
  /* line 23, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery--product__slider, .c-gallery--product__slider {
    margin-bottom: 60px;
  }
}

/* line 31, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product__slider__content, .c-gallery--product__slider__content {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* line 37, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product__slider__content:before, .c-gallery--product__slider__content:before {
  content: "";
  display: block;
  padding-top: 100%;
}

/* line 43, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product__slider__content figure, .c-gallery--product__slider__content figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 50, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product__slider__content figure img, .c-gallery--product__slider__content figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 58, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product__slider .flickity-page-dots, .c-gallery--product__slider .flickity-page-dots {
  bottom: -50px;
}

/* line 63, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product--no-img, .c-gallery--product--no-img {
  width: 25%;
  margin-top: 25%;
  margin-left: 30%;
}

/* line 69, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product--featured, .c-gallery--product--featured {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
  flex: 0 0 33.33333%;
}

/* line 76, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product--featured.is-active, .c-gallery--product--featured.is-active {
  display: none;
}

/* line 80, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product--featured:before, .c-gallery--product--featured:before {
  content: "";
  display: block;
  padding-top: 100%;
}

/* line 86, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product--featured figure, .c-gallery--product--featured figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 93, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product--featured figure img, .c-gallery--product--featured figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 102, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery--product--persona, .c-gallery--product--persona {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  z-index: 10;
}

/* line 110, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__block, .c-gallery__block {
  width: auto;
  height: auto;
  overflow: hidden;
}

/* line 116, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__block:hover .c-gallery__caption, .c-gallery__block:hover .c-gallery__caption {
  opacity: 1;
}

/* line 121, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__block--thumb, .c-gallery__block--thumb {
  position: relative;
  height: 100%;
  overflow: hidden;
}

/* line 127, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__block__image, .c-gallery__block__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* line 135, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__caption, .c-gallery__caption {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(35, 31, 32, 0.75);
  transition: all 0.5s;
  padding: 1.25rem;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
  opacity: 0;
  font-size: 0.875rem;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  /* line 135, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery__caption, .c-gallery__caption {
    padding: 3.125rem 2.5rem;
    font-size: 1rem;
  }
}

/* line 162, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__caption--video:before, .c-gallery__caption--video:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(/assets/ico-play-video-white-b39b222db1488843618e9882cadf43ff49a1171e4dea8adc50971f768672daec.svg) 50% 50% no-repeat #000000;
  background-size: 110%;
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  transition: all 0.5s;
  z-index: 10;
  opacity: 1;
  transform: scale(1);
}

@media only screen and (min-width: 768px) {
  /* line 162, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery__caption--video:before, .c-gallery__caption--video:before {
    right: 0.9375rem;
    bottom: 0.9375rem;
  }
}

/* line 183, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__block:hover .page-gallery__caption--video:before, .c-gallery__block:hover .c-gallery__caption--video:before {
  background: url(/assets/ico-play-video-black-5857d1dcbfa9c3f4382a693c5a7d3620b0365b5cd246b87e535eb018ca345b4e.svg) 50% 50% no-repeat #ededed;
  background-size: 110%;
}

/* line 191, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__cards, .c-gallery__cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  row-gap: 2.5rem;
}

@media only screen and (min-width: 560px) {
  /* line 191, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery__cards, .c-gallery__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 768px) {
  /* line 191, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery__cards, .c-gallery__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 191, app/assets/stylesheets/components/_page-gallery.scss */
  .page-gallery__cards, .c-gallery__cards {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* line 210, app/assets/stylesheets/components/_page-gallery.scss */
.page-gallery__blog, .c-gallery__blog {
  margin: 0 0 0 0.625rem;
}

/* Clean code imported from White Cross */
/* line 221, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product--featured {
  flex: 0 0 100%;
}

/* line 224, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product--featured figure {
  position: relative;
  aspect-ratio: 1 / 1.3;
  width: 100%;
}

/* line 229, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product--featured figure img {
  -o-object-position: 50% 0;
     object-position: 50% 0;
  display: block;
}

/* line 235, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product--featured:before {
  display: none;
}

/* line 239, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product--featured__video {
  display: block;
  position: relative;
  height: 100%;
}

/* line 244, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product--featured__video:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(/images/ico-play-video.svg) 96% 75% no-repeat rgba(0, 0, 0, 0.75);
  background-size: 60%;
  position: absolute;
  right: 1.875rem;
  bottom: 1.875rem;
  transition: all 0.5s;
  z-index: 10;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  /* line 244, app/assets/stylesheets/components/_page-gallery.scss */
  .c-gallery--product--featured__video:before {
    width: 30px;
    height: 30px;
    right: 0.9375rem;
    bottom: 0.9375rem;
  }
}

/* line 269, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product--no-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: auto;
  margin-left: auto;
}

/* line 280, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product__slider__content:before {
  display: none;
}

/* line 284, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product__slider__content figure {
  aspect-ratio: 1 / 1.3;
  position: relative;
  width: 100%;
}

/* line 289, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product__slider__content figure img {
  -o-object-position: 50% 0;
     object-position: 50% 0;
  display: block;
}

/* line 298, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product__figure:not(:first-child) {
  display: none;
}

/* line 303, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product .flickity-prev-next-button {
  border: solid 0.0625rem #000a12;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: auto;
  bottom: 0;
}

/* line 311, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product .flickity-prev-next-button svg {
  display: none;
}

/* line 315, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product .flickity-prev-next-button.next {
  right: 0.9375rem;
}

/* line 318, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product .flickity-prev-next-button.next:before {
  position: absolute;
  content: "";
  background: url(/assets/ico-arrow-down-030686d4486c1aef5e3180b0fd0b6882d024f1b935a0c29121f94ee1b5936075.svg) center center no-repeat;
  background-size: 0.9375rem 1.0625rem;
  top: 0;
  left: 0;
  width: 2.75rem;
  height: 2.75rem;
  transform: rotate(270deg);
  transform-origin: center center;
}

/* line 332, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product .flickity-prev-next-button.previous {
  right: 4.6875rem;
  left: auto;
}

/* line 336, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery--product .flickity-prev-next-button.previous:before {
  position: absolute;
  content: "";
  background: url(/assets/ico-arrow-down-030686d4486c1aef5e3180b0fd0b6882d024f1b935a0c29121f94ee1b5936075.svg) center center no-repeat;
  background-size: 0.9375rem 1.0625rem;
  top: 0;
  left: 0;
  width: 2.75rem;
  height: 2.75rem;
  transform: rotate(90deg);
  transform-origin: center center;
}

/* line 352, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__caption {
  opacity: 1;
  background: rgba(70, 70, 70, 0);
  z-index: 1;
}

/* line 357, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__caption__title {
  opacity: 0;
  transition: all 0.5s;
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}

/* line 365, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__caption__description {
  opacity: 0;
  transition: all 0.5s;
  text-decoration: underline;
  font-size: 0.8125rem;
  margin-top: 1.25rem;
}

/* line 373, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__caption:hover {
  background: rgba(70, 70, 70, 0.75);
}

/* line 376, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__caption:hover .c-gallery__caption__title {
  opacity: 1;
}

/* line 380, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__caption:hover .c-gallery__caption__description {
  opacity: 1;
}

/* line 387, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__caption--magnify:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(/assets/ico-magnify-white-015e5c40ff422894a7a85a1ecbc550ed46fd5773d71285719bf1bbe0a363df69.svg) 50% 50% no-repeat #000000;
  background-size: 60%;
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  z-index: 10;
  opacity: 1;
  transform: scale(1);
}

@media only screen and (min-width: 768px) {
  /* line 387, app/assets/stylesheets/components/_page-gallery.scss */
  .c-gallery__caption--magnify:after {
    right: 0.9375rem;
    bottom: 0.9375rem;
  }
}

/* line 407, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__block:hover .c-gallery__caption--magnify:after {
  background: url(/assets/ico-magnify-black-2e91f6ebd54a41e8e73c83bc6cfc5e6c3f01806f5c8343d63695b59a98b21b28.svg) 50% 50% no-repeat #ededed;
  background-size: 60%;
}

/* line 417, app/assets/stylesheets/components/_page-gallery.scss */
.c-gallery__block__image {
  -o-object-position: 50% 0;
     object-position: 50% 0;
}

/* line 3, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__container {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

/* line 9, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__featured {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* line 16, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__featured-figure {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 21, app/assets/stylesheets/components/_product-gallery.scss */
  .product-gallery__featured-figure:not(:first-child) {
    display: none;
  }
}

/* line 27, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__featured-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  display: block;
  aspect-ratio: 1 / 1;
  background: #ededed;
}

/* line 37, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* line 43, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__images-item {
  display: flex;
  aspect-ratio: 1 / 1;
  background: #ededed;
}

/* line 48, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__images-item.is-active {
  display: none;
}

/* line 52, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__images-item figure {
  aspect-ratio: 1 / 1;
}

/* line 55, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__images-item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 63, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__no-img {
  aspect-ratio: 1.35 /1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #ededed;
}

/* line 71, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__no-img svg {
  width: 50px;
}

/* line 76, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__link {
  display: block;
  position: relative;
}

/* line 80, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__link:after {
  content: "";
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(/assets/ico-magnify-white-015e5c40ff422894a7a85a1ecbc550ed46fd5773d71285719bf1bbe0a363df69.svg) center center no-repeat #000000;
  background-size: 26px 26px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 40px;
  bottom: 40px;
}

/* line 94, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__link:hover .product-gallery__link:after {
  background: #ededed;
}

/* line 101, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__link:hover:after {
  background: url(/assets/ico-magnify-black-2e91f6ebd54a41e8e73c83bc6cfc5e6c3f01806f5c8343d63695b59a98b21b28.svg) center center no-repeat #ededed;
  background-size: 26px 26px;
}

/* line 108, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__link-video {
  position: relative;
}

/* line 111, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__link-video:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(/assets/ico-play-video-white-b39b222db1488843618e9882cadf43ff49a1171e4dea8adc50971f768672daec.svg) 50% 50% no-repeat #000000;
  background-size: 110%;
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  z-index: 10;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  /* line 111, app/assets/stylesheets/components/_product-gallery.scss */
  .product-gallery__link-video:before {
    right: 0.9375rem;
    bottom: 0.9375rem;
  }
}

/* line 130, app/assets/stylesheets/components/_product-gallery.scss */
.product-gallery__images:hover .product-gallery__link-video:before {
  background: url(/assets/ico-play-video-black-5857d1dcbfa9c3f4382a693c5a7d3620b0365b5cd246b87e535eb018ca345b4e.svg) 50% 50% no-repeat #ededed;
  background-size: 110%;
}

/* line 1, app/assets/stylesheets/components/_product-gallery-slider.scss */
.product-gallery-slider {
  position: relative;
  margin-bottom: 7.5rem;
  width: 100%;
}

@media only screen and (max-width: 639px) {
  /* line 1, app/assets/stylesheets/components/_product-gallery-slider.scss */
  .product-gallery-slider {
    margin-bottom: 3.75rem;
  }
}

/* line 10, app/assets/stylesheets/components/_product-gallery-slider.scss */
.product-gallery-slider__content {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
}

/* line 16, app/assets/stylesheets/components/_product-gallery-slider.scss */
.product-gallery-slider__content:before {
  content: "";
  display: block;
  padding-top: 100%;
}

/* line 22, app/assets/stylesheets/components/_product-gallery-slider.scss */
.product-gallery-slider__content figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 29, app/assets/stylesheets/components/_product-gallery-slider.scss */
.product-gallery-slider__content figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 37, app/assets/stylesheets/components/_product-gallery-slider.scss */
.product-gallery-slider .flickity-page-dots {
  bottom: -3.125rem;
  text-align: unset;
}

/* line 1, app/assets/stylesheets/components/_product-content.scss */
.product-content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_product-content.scss */
  .product-content {
    grid-column-start: 8;
  }
}

/* line 10, app/assets/stylesheets/components/_product-content.scss */
.product-content__sticky-zone {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 16, app/assets/stylesheets/components/_product-content.scss */
.product-content__brand {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 21, app/assets/stylesheets/components/_product-content.scss */
.product-content__rating {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}

/* line 27, app/assets/stylesheets/components/_product-content.scss */
.product-content__rating-count {
  font-size: 0.625rem;
  font-weight: 500;
}

/* line 31, app/assets/stylesheets/components/_product-content.scss */
.product-content__rating-count:before {
  content: "(";
}

/* line 35, app/assets/stylesheets/components/_product-content.scss */
.product-content__rating-count:after {
  content: ")";
}

/* line 40, app/assets/stylesheets/components/_product-content.scss */
.product-content__criteria {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  padding: 0 0 30px 0;
  margin: 0 0 15px 0;
  border-bottom: solid 1px #d6d6d6;
}

/* line 49, app/assets/stylesheets/components/_product-content.scss */
.product-content__criteria-top {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1.125rem;
}

/* line 57, app/assets/stylesheets/components/_product-content.scss */
.product-content__criteria-label {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #000000;
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  text-transform: uppercase;
}

/* line 67, app/assets/stylesheets/components/_product-content.scss */
.product-content__criteria-title {
  text-transform: initial;
}

/* line 71, app/assets/stylesheets/components/_product-content.scss */
.product-content__dots {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 18px;
}

/* line 78, app/assets/stylesheets/components/_product-content.scss */
.product-content__criterion {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 84, app/assets/stylesheets/components/_product-content.scss */
.product-content__variation-section {
  padding: 0 0 30px 0;
  margin: 0 0 15px 0;
}

/* line 88, app/assets/stylesheets/components/_product-content.scss */
.product-content__sticky .product-content__variation-section {
  padding: 0;
  margin: 0;
}

/* line 93, app/assets/stylesheets/components/_product-content.scss */
.product-content__variation-section.has-cart {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}

/* line 99, app/assets/stylesheets/components/_product-content.scss */
.product-content__sticky .product-content__variation-section {
  background: rgba(255, 255, 255, 0.85);
}

/* line 104, app/assets/stylesheets/components/_product-content.scss */
.product-content__submission-form {
  padding: 0 0 30px 0;
  margin: 0 0 15px 0;
  border-bottom: solid 1px #d6d6d6;
}

/* line 110, app/assets/stylesheets/components/_product-content.scss */
.product-content__sticky {
  position: sticky;
  bottom: 0;
}

/* line 115, app/assets/stylesheets/components/_product-content.scss */
.product-content__out-of-stock {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 115, app/assets/stylesheets/components/_product-content.scss */
  .product-content__out-of-stock {
    flex-direction: row;
    align-items: center;
  }
}

/* line 130, app/assets/stylesheets/components/_product-content.scss */
.product-content__out-of-stock-text {
  font-size: 1.25rem;
  color: #af0000;
  font-weight: 500;
}

/* line 136, app/assets/stylesheets/components/_product-content.scss */
.product-content__out-of-stock-date {
  font-size: 0.8125rem;
  color: #000000;
}

/* line 1, app/assets/stylesheets/components/_price.scss */
.price {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 15px;
}

/* line 7, app/assets/stylesheets/components/_price.scss */
.price.has-price {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "price-content";
}

/* line 13, app/assets/stylesheets/components/_price.scss */
.price.has-msrp {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "msrp";
}

/* line 19, app/assets/stylesheets/components/_price.scss */
.price.has-price.has-msrp {
  grid-template-columns: 3fr 3fr;
  grid-template-areas: "price-content msrp";
}

/* line 25, app/assets/stylesheets/components/_price.scss */
.price__content {
  grid-area: price-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: 2fr 2fr;
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 15px;
  grid-template-areas: "current old" "discount discount";
}

/* line 37, app/assets/stylesheets/components/_price.scss */
.price--current {
  grid-area: current;
  font-size: 1.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #000000;
}

/* line 45, app/assets/stylesheets/components/_price.scss */
.price--discount {
  grid-area: discount;
  color: #af0000;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.125rem;
}

/* line 53, app/assets/stylesheets/components/_price.scss */
.price--old {
  grid-area: old;
  color: #8b8b8b;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  text-decoration: line-through;
}

/* line 60, app/assets/stylesheets/components/_price.scss */
.price--old span {
  text-decoration: line-through;
}

/* line 65, app/assets/stylesheets/components/_price.scss */
.price--msrp {
  grid-area: msrp;
  text-align: right;
}

/* line 69, app/assets/stylesheets/components/_price.scss */
.has-price.has-msrp .price--msrp {
  color: #8b8b8b;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

/* line 75, app/assets/stylesheets/components/_price.scss */
.has-msrp .price--msrp {
  font-size: 1.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #000000;
}

/* line 86, app/assets/stylesheets/components/_price.scss */
.c-price-current {
  font-size: 2.4375rem;
  line-height: 2.3125rem;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  /* line 86, app/assets/stylesheets/components/_price.scss */
  .c-price-current {
    font-size: 1.875rem;
  }
}

/* line 95, app/assets/stylesheets/components/_price.scss */
.c-price-current--unit {
  font-size: 0.8125rem;
  line-height: 0.8125rem;
}

/* line 100, app/assets/stylesheets/components/_price.scss */
.c-price-current--small {
  font-size: 1.25rem;
  line-height: 1.8125rem;
}

/* line 106, app/assets/stylesheets/components/_price.scss */
.c-price-old {
  font-size: 1.125rem;
  line-height: 1.125rem;
  color: #a2a2a2;
  padding-right: 0.625rem;
  margin-right: 0.625rem;
  display: inline-block;
  text-decoration: line-through;
  border-right: solid 0.125rem;
}

/* line 116, app/assets/stylesheets/components/_price.scss */
.c-price-old--small {
  font-size: 0.8125rem;
  line-height: 0.8125rem;
}

/* line 122, app/assets/stylesheets/components/_price.scss */
.c-price-discount {
  font-size: 1.125rem;
  line-height: 1.125rem;
  color: #ff4949;
  display: inline-block;
}

/* line 128, app/assets/stylesheets/components/_price.scss */
.c-price-discount--small {
  font-size: 0.8125rem;
  line-height: 0.8125rem;
}

/* line 134, app/assets/stylesheets/components/_price.scss */
.c-price__regular {
  text-decoration: line-through;
  font-size: 0.875rem;
}

/* line 139, app/assets/stylesheets/components/_price.scss */
.c-price__unit {
  font-weight: 700;
}

/* line 1, app/assets/stylesheets/components/_add-to-cart-form.scss */
.add-to-cart-form {
  display: flex;
  -moz-column-gap: 46px;
       column-gap: 46px;
  align-items: center;
}

/* line 6, app/assets/stylesheets/components/_add-to-cart-form.scss */
.product-content__sticky .add-to-cart-form {
  margin: 0 0 15px 0;
}

/* line 10, app/assets/stylesheets/components/_add-to-cart-form.scss */
.add-to-cart-form__btn {
  flex: 1;
}

/* line 1, app/assets/stylesheets/components/_stepper.scss */
.stepper {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  border: solid 1px #ededed;
  height: 56px;
  border-radius: 28px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  width: -moz-max-content;
  width: max-content;
}

/* line 12, app/assets/stylesheets/components/_stepper.scss */
.stepper__controler {
  width: 30px;
  height: 30px;
  border: solid 1px #ededed;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade-out linear .25s;
}

/* line 22, app/assets/stylesheets/components/_stepper.scss */
.stepper__controler:hover {
  border: solid 1px #d6d6d6;
  animation: fade-in linear .25s;
}

/* line 28, app/assets/stylesheets/components/_stepper.scss */
.stepper__controler-ico {
  display: block;
  width: 12px;
  animation: fade-out linear .25s;
}

/* line 33, app/assets/stylesheets/components/_stepper.scss */
.stepper__controler:hover .stepper__controler-ico {
  display: none;
  animation: fade-in linear .25s;
}

/* line 38, app/assets/stylesheets/components/_stepper.scss */
.stepper__controler-ico.is-hover {
  display: none;
}

/* line 41, app/assets/stylesheets/components/_stepper.scss */
.stepper__controler:hover .stepper__controler-ico.is-hover {
  display: block;
  animation: fade-in linear .25s;
}

/* line 48, app/assets/stylesheets/components/_stepper.scss */
.stepper__input {
  border: 0;
  max-width: 50px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  text-align: center;
}

/* line 56, app/assets/stylesheets/components/_stepper.scss */
.stepper__input[type='number'] {
  -moz-appearance: textfield;
}

/* line 60, app/assets/stylesheets/components/_stepper.scss */
.stepper__input::-webkit-outer-spin-button, .stepper__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 64, app/assets/stylesheets/components/_stepper.scss */
.stepper__input:-internal-autofill-selected {
  background: transparent;
}

/* line 70, app/assets/stylesheets/components/_stepper.scss */
.stepper-small {
  position: relative;
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  border: solid 1px #ededed;
  height: 34px;
  border-radius: 17px;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  width: -moz-max-content;
  width: max-content;
}

/* line 82, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__controler {
  width: 28px;
  height: 28px;
  border: 0;
  background: #ededed;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade-out linear .25s;
}

/* line 93, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__controler:hover {
  background: #000000;
  animation: fade-in linear .25s;
}

/* line 99, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__controler-ico {
  display: block;
  width: 12px;
  animation: fade-out linear .25s;
}

/* line 104, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__controler:hover .stepper-small__controler-ico {
  display: none;
  animation: fade-in linear .25s;
}

/* line 109, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__controler-ico.is-hover {
  display: none;
}

/* line 112, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__controler:hover .stepper-small__controler-ico.is-hover {
  display: block;
  animation: fade-in linear .25s;
}

/* line 119, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__input {
  border: 0;
  max-width: 40px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  text-align: center;
  background: transparent;
}

/* line 128, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__input[type='number'] {
  -moz-appearance: textfield;
}

/* line 132, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__input::-webkit-outer-spin-button, .stepper-small__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 136, app/assets/stylesheets/components/_stepper.scss */
.stepper-small__input:-internal-autofill-selected {
  background: transparent;
}

/* line 142, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  border: solid 1px #ffffff;
  height: 30px;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  width: -moz-max-content;
  width: max-content;
}

/* line 153, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__controler {
  width: 20px;
  height: 20px;
  border: 0;
  background: #ededed;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade-out linear .25s;
}

/* line 164, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__controler:hover {
  background: #000000;
  animation: fade-in linear .25s;
}

/* line 170, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__controler-ico {
  display: block;
  width: 10px;
  animation: fade-out linear .25s;
}

/* line 175, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__controler:hover .stepper-mini__controler-ico {
  display: none;
  animation: fade-in linear .25s;
}

/* line 180, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__controler-ico.is-hover {
  display: none;
}

/* line 183, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__controler:hover .stepper-mini__controler-ico.is-hover {
  display: block;
  animation: fade-in linear .25s;
}

/* line 190, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__input {
  border: 0;
  max-width: 26px;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  text-align: center;
  background: transparent;
}

/* line 199, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__input[type='number'] {
  -moz-appearance: textfield;
}

/* line 203, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__input::-webkit-outer-spin-button, .stepper-mini__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 207, app/assets/stylesheets/components/_stepper.scss */
.stepper-mini__input:-internal-autofill-selected {
  background: transparent;
}

/* line 1, app/assets/stylesheets/components/_product-description.scss */
.product-description {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  padding: 0 0 30px 0;
  margin: 0 0 15px 0;
}

/* line 8, app/assets/stylesheets/components/_product-description.scss */
.product-description__label {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}

/* line 14, app/assets/stylesheets/components/_product-description.scss */
.product-description__desc {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 19, app/assets/stylesheets/components/_product-description.scss */
.product-description__sku {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 1, app/assets/stylesheets/components/_product-share.scss */
.product-share {
  border-top: solid 1px #d6d6d6;
  padding: 15px 0 0 0;
  display: grid;
  -moz-column-gap: 50px;
       column-gap: 50px;
  row-gap: 25px;
  grid-template-areas: "share-title share-icons" "share-text share-text";
}

/* line 11, app/assets/stylesheets/components/_product-share.scss */
.product-share__title {
  grid-area: share-title;
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 18, app/assets/stylesheets/components/_product-share.scss */
.product-share__icons {
  grid-area: share-icons;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

/* line 24, app/assets/stylesheets/components/_product-share.scss */
.p-article .product-share__icons {
  border-top: solid 1px #d6d6d6;
  padding: 16px 0 0 0;
}

/* line 30, app/assets/stylesheets/components/_product-share.scss */
.product-share__text {
  grid-area: share-text;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
  font-weight: 600;
}

/* line 37, app/assets/stylesheets/components/_product-share.scss */
.product-share__ico {
  display: block;
  width: 25px;
}

/* line 41, app/assets/stylesheets/components/_product-share.scss */
.product-share__link:hover .product-share__ico {
  display: none;
}

/* line 45, app/assets/stylesheets/components/_product-share.scss */
.product-share__ico.is-hover {
  display: none;
}

/* line 48, app/assets/stylesheets/components/_product-share.scss */
.product-share__link:hover .product-share__ico.is-hover {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_product-toggle.scss */
.product-toggle {
  border-bottom: solid 1px #d6d6d6;
}

/* line 4, app/assets/stylesheets/components/_product-toggle.scss */
.product-toggle__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  padding: 15px 0;
  border-top: solid 1px #d6d6d6;
  position: relative;
  cursor: pointer;
  color: #000000;
  transition: all 0.25s;
}

/* line 14, app/assets/stylesheets/components/_product-toggle.scss */
.product-toggle__title:hover {
  color: #8b8b8b;
}

/* line 18, app/assets/stylesheets/components/_product-toggle.scss */
.product-toggle__title:after {
  content: "";
  background: url(/assets/ico-caret-select-ea187a557cf4bbed85b36a913ece060d65290ea05a96ec82540b18815f00b989.svg) center center no-repeat;
  background-size: 11px 6px;
  width: 11px;
  height: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
  right: 0;
  transition: all 0.25s;
}

/* line 34, app/assets/stylesheets/components/_product-toggle.scss */
.product-toggle__title.is-active:after {
  transform: translateY(-50%) rotate(180deg);
}

/* line 40, app/assets/stylesheets/components/_product-toggle.scss */
.product-toggle__content {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  padding: 10px 0 20px 0;
}

/* line 46, app/assets/stylesheets/components/_product-toggle.scss */
.product-toggle__products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* line 1, app/assets/stylesheets/components/_product-section.scss */
.product-section {
  margin: 0 0 125px 0;
}

/* line 4, app/assets/stylesheets/components/_product-section.scss */
.product-section__scroll {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 0 60px 0;
}

/* line 9, app/assets/stylesheets/components/_product-section.scss */
.product-section__scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  bottom: 1.5px;
  position: relative;
  background-color: #ffffff;
}

/* line 19, app/assets/stylesheets/components/_product-section.scss */
.product-section__scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #000000;
}

/* line 25, app/assets/stylesheets/components/_product-section.scss */
.product-section .col-xs-12.col-sm-6 {
  width: 460px;
}

@media only screen and (min-width: 1248px) {
  /* line 25, app/assets/stylesheets/components/_product-section.scss */
  .product-section .col-xs-12.col-sm-6 {
    position: relative;
    width: inherit;
  }
}

/* line 1, app/assets/stylesheets/components/_variation-table.scss */
.variation-table {
  margin: 0 0 100px 0;
}

/* line 4, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__panel {
  display: none;
}

/* line 7, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__panel.is-active {
  display: block;
}

/* line 12, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__scroll {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 0 60px 0;
}

/* line 17, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  bottom: 1.5px;
  position: relative;
  background-color: #ededed;
}

/* line 27, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #000000;
}

/* line 33, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__multiple {
  border-collapse: collapse;
  width: -moz-max-content;
  width: max-content;
  margin: 0 0 50px 0;
}

/* line 40, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__multiple thead th {
  width: 145px;
  text-align: left;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
  padding: 0 30px 15px 0;
  border-bottom: solid 1px #8b8b8b;
}

/* line 49, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__multiple thead th.variation-table__counter {
  padding: 0 0 15px 30px;
}

/* line 55, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__multiple tr {
  display: table-row;
}

/* line 59, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__multiple td {
  width: 145px;
  vertical-align: top;
  padding: 50px 30px 30px 0;
  border-bottom: solid 1px #8b8b8b;
}

/* line 65, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__multiple td.variation-table__counter {
  border: 0;
}

/* line 69, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__multiple td.variation-table__counter {
  padding: 0 0 0 30px;
}

/* line 75, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__single-item {
  min-width: 205px;
  border-top: solid 1px #707070;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  margin: 0 0 60px 0;
}

/* line 83, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__single-item--with-color {
  border-top: 0;
  padding: 0 0 10px 0;
}

/* line 89, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__single-item-color {
  width: 100%;
  height: 40px;
  display: block;
  margin: 0 0 12px 0;
}

/* line 96, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__single-top {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 102, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__single-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 108, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__title {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 114, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__color {
  width: 100%;
  height: 40px;
  display: block;
  margin: 0 0 12px 0;
  box-shadow: inset 0px 0px 0px 1px #ededed;
}

/* line 122, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__price {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0 0 15px 0;
}

/* line 127, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__price.out-of-stock {
  color: #d6d6d6;
}

/* line 132, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__inventory {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-style: italic;
  color: #8b8b8b;
  font-weight: 600;
  margin: 10px 0 0 0;
}

/* line 140, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__inventory--available {
  color: #000000;
}

/* line 145, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__counter {
  border-bottom: 0;
  padding: 0 0 0 30px;
  position: relative;
}

/* line 151, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__counter-content {
  width: 115px;
  background: #f7f7f7;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 165, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__footer {
  display: flex;
  justify-content: flex-end;
}

/* line 170, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__btn {
  border: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-align: center;
  padding: 18px 73px 18px 30px;
  border-radius: 25px;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.8125rem;
  background: url(/assets/ico-add-to-bag-ebb4f0d20790d8861838694242911788dd92d590fe89731183c8ac67239eb2a2.svg) right 30px center no-repeat #000000;
  background-size: 26px 25px;
  color: #ffffff;
  white-space: nowrap;
}

/* line 186, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__btn:not(:disabled), .variation-table__btn:not(.is-disabled) {
  cursor: pointer;
}

/* line 191, app/assets/stylesheets/components/_variation-table.scss */
.variation-table__btn:hover, .variation-table__btn:focus, .variation-table__btn.is-active {
  background: url(/assets/ico-add-to-bag-black-23455ce037e141772c6f828cb5368528e3e1abda4a467951101a2ce08ea23dac.svg) right 30px center no-repeat #ededed;
  background-size: 1.625rem 1.5625rem;
  color: #000000;
}

/* line 1, app/assets/stylesheets/components/_product-tabs.scss */
.product-tabs {
  display: flex;
  flex-direction: column;
  row-gap: 57px;
}

/* line 6, app/assets/stylesheets/components/_product-tabs.scss */
.product-tabs__action {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 0 6px 0;
  border-bottom: solid 0.5px #8b8b8b;
  cursor: default;
}

/* line 15, app/assets/stylesheets/components/_product-tabs.scss */
.product-tabs__tab {
  padding: 16px 35px;
  background: #d6d6d6;
  color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 0.8125rem;
  transition: all 0.25s;
  font-weight: 500;
}

/* line 25, app/assets/stylesheets/components/_product-tabs.scss */
.product-tabs__tab:hover {
  background: #000000;
}

/* line 29, app/assets/stylesheets/components/_product-tabs.scss */
.product-tabs__tab.is-active {
  background: #000000;
}

/* line 1, app/assets/stylesheets/components/_product-reviews.scss */
.product-reviews {
  padding: 50px 0 0 0;
  border-top: solid 1px #707070;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
}

/* line 9, app/assets/stylesheets/components/_product-reviews.scss */
.product-reviews__content {
  margin: 0 0 100px 0;
}

/* line 13, app/assets/stylesheets/components/_product-reviews.scss */
.product-reviews__count {
  font-size: 1.125rem;
  font-weight: 500;
}

/* line 18, app/assets/stylesheets/components/_product-reviews.scss */
.product-reviews__recap {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 23, app/assets/stylesheets/components/_product-reviews.scss */
.product-reviews__icos {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

/* line 27, app/assets/stylesheets/components/_product-reviews.scss */
.product-reviews__icos svg {
  width: 14px;
}

/* line 32, app/assets/stylesheets/components/_product-reviews.scss */
.product-reviews__more {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

/* line 1, app/assets/stylesheets/components/_product-review.scss */
.product-review {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 6, app/assets/stylesheets/components/_product-review.scss */
.product-review__from {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: flex-end;
}

/* line 12, app/assets/stylesheets/components/_product-review.scss */
.product-review__name {
  font-size: 1.125rem;
  font-weight: 500;
}

/* line 17, app/assets/stylesheets/components/_product-review.scss */
.product-review__date {
  font-size: 0.6875rem;
  line-height: 1.3125rem;
}

/* line 22, app/assets/stylesheets/components/_product-review.scss */
.product-review__text {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 27, app/assets/stylesheets/components/_product-review.scss */
.product-review__liked {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 1, app/assets/stylesheets/components/_products-carousel.scss */
.products-carousel {
  margin: 0 0 100px 0;
}

/* line 4, app/assets/stylesheets/components/_products-carousel.scss */
.featured-products .products-carousel {
  margin: 0;
}

/* line 8, app/assets/stylesheets/components/_products-carousel.scss */
.products-carousel .card-product {
  width: 75%;
  padding-right: 15px;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_products-carousel.scss */
  .products-carousel .card-product {
    width: 40%;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/components/_products-carousel.scss */
  .products-carousel .card-product {
    width: 28.5%;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 8, app/assets/stylesheets/components/_products-carousel.scss */
  .products-carousel .card-product {
    width: 28.5%;
    padding-right: 30px;
  }
}

/* line 26, app/assets/stylesheets/components/_products-carousel.scss */
.products-carousel .flickity-prev-next-button {
  top: 40%;
  transform: translateY(-40%);
}

@media only screen and (min-width: 1024px) {
  /* line 26, app/assets/stylesheets/components/_products-carousel.scss */
  .products-carousel .flickity-prev-next-button {
    top: 35%;
    transform: translateY(-35%);
  }
}

/* line 35, app/assets/stylesheets/components/_products-carousel.scss */
.products-carousel .flickity-prev-next-button:disabled {
  display: none;
}

/* line 1, app/assets/stylesheets/components/_product-related-article.scss */
.product-related-article {
  padding: 50px 0 0 0;
  border-top: solid 1px #707070;
}

@media only screen and (min-width: 1024px) {
  /* line 5, app/assets/stylesheets/components/_product-related-article.scss */
  .product-related-article.no-reviews {
    grid-column-start: 1;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 12, app/assets/stylesheets/components/_product-related-article.scss */
  .product-related-article.has-reviews {
    grid-column-start: 7;
  }
}

/* line 1, app/assets/stylesheets/components/_kit-variation-list.scss */
.kit-variation-list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 1, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation {
  border-bottom: solid 1px #ededed;
  padding: 0 0 10px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_kit-variation.scss */
  .kit-variation {
    flex-direction: row;
  }
}

/* line 13, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation:last-child {
  border: 0;
}

/* line 17, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__header {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 17, app/assets/stylesheets/components/_kit-variation.scss */
  .kit-variation__header {
    width: 50%;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 17, app/assets/stylesheets/components/_kit-variation.scss */
  .kit-variation__header {
    width: 40%;
  }
}

/* line 32, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__title {
  flex-basis: 100%;
  font-weight: 600;
  font-size: 0.875rem;
}

/* line 40, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__criterion__label {
  text-transform: capitalize;
  font-weight: 600;
}

/* line 46, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__form {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

/* line 52, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__form-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-content: flex-end;
  align-items: center;
  grid-template-areas: "kit-form-stepper kit-form-price kit-form-button";
}

@media only screen and (min-width: 1024px) {
  /* line 52, app/assets/stylesheets/components/_kit-variation.scss */
  .kit-variation__form-content {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "kit-form-stepper kit-form-price" "kit-form-button kit-form-button";
  }
}

@media only screen and (min-width: 1440px) {
  /* line 52, app/assets/stylesheets/components/_kit-variation.scss */
  .kit-variation__form-content {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "kit-form-stepper kit-form-price kit-form-button";
  }
}

/* line 75, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__form-stepper {
  grid-area: kit-form-stepper;
}

/* line 79, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__form-price {
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: right;
  grid-area: kit-form-price;
}

@media only screen and (min-width: 1440px) {
  /* line 79, app/assets/stylesheets/components/_kit-variation.scss */
  .kit-variation__form-price {
    text-align: center;
  }
}

/* line 90, app/assets/stylesheets/components/_kit-variation.scss */
.kit-variation__form-button {
  grid-area: kit-form-button;
  text-align: right;
}

/* line 1, app/assets/stylesheets/components/_contact.scss */
.contact {
  margin: 40px 0 0 0;
  row-gap: 50px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_contact.scss */
  .contact {
    row-gap: 100px;
  }
}

/* line 9, app/assets/stylesheets/components/_contact.scss */
.contact__text {
  font-size: 1.25rem;
  line-height: 2.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 9, app/assets/stylesheets/components/_contact.scss */
  .contact__text {
    margin: -30px 0 0 0;
  }
}

/* line 18, app/assets/stylesheets/components/_contact.scss */
.contact__address-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_contact.scss */
  .contact__address-content {
    width: unset;
    grid-template-columns: repeat(2, 1fr);
    width: -moz-max-content;
    width: max-content;
  }
}

/* line 32, app/assets/stylesheets/components/_contact.scss */
.contact__address-content-col {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

/* line 38, app/assets/stylesheets/components/_contact.scss */
.contact__request {
  display: flex;
  flex-direction: column;
}

/* line 43, app/assets/stylesheets/components/_contact.scss */
.contact__request-content {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

/* line 49, app/assets/stylesheets/components/_contact.scss */
.contact__request-text {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 600;
  margin: 0 0 10px 0;
}

/* line 3, app/assets/stylesheets/components/_contact-form.scss */
.contact-form__content {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  align-items: flex-start;
}

/* line 10, app/assets/stylesheets/components/_contact-form.scss */
.contact-form__column {
  width: 100%;
}

/* line 14, app/assets/stylesheets/components/_contact-form.scss */
.contact-form__rows {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 20, app/assets/stylesheets/components/_contact-form.scss */
.contact-form__label {
  font-size: 0.8125rem;
  line-height: 1.5625rem;
  color: #000000;
  margin: 0 0 10px 0;
  display: block;
}

/* line 28, app/assets/stylesheets/components/_contact-form.scss */
.contact-form__footer {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: center;
}

/* line 34, app/assets/stylesheets/components/_contact-form.scss */
.contact-form__footer-required {
  font-size: 0.625rem;
  font-weight: 500;
}

/* line 1, app/assets/stylesheets/components/_contact-map.scss */
.contact-map {
  width: 100vw;
  margin-top: 100px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  aspect-ratio: 1 / 1.6;
}

@media only screen and (min-width: 560px) {
  /* line 1, app/assets/stylesheets/components/_contact-map.scss */
  .contact-map {
    width: 100%;
    aspect-ratio: 1.8 / 1;
    margin-left: unset;
    margin-right: unset;
  }
}

/* line 15, app/assets/stylesheets/components/_contact-map.scss */
.contact-map__lat-long {
  height: 100%;
}

/* line 1, app/assets/stylesheets/components/_general-info.scss */
.general-info {
  margin: 40px 0 0 0;
  row-gap: 50px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_general-info.scss */
  .general-info {
    row-gap: 100px;
  }
}

/* line 9, app/assets/stylesheets/components/_general-info.scss */
.general-info__intro {
  font-size: 1.25rem;
  line-height: 2.5rem;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  /* line 9, app/assets/stylesheets/components/_general-info.scss */
  .general-info__intro {
    margin: -30px 0 0 0;
  }
}

/* line 19, app/assets/stylesheets/components/_general-info.scss */
.general-info__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 23, app/assets/stylesheets/components/_general-info.scss */
.general-info__text h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: -0.0125rem;
  margin: 0 0 30px 0;
}

/* line 31, app/assets/stylesheets/components/_general-info.scss */
.general-info__text p {
  margin: 0 0 30px 0;
}

/* line 35, app/assets/stylesheets/components/_general-info.scss */
.general-info__text figure.image {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 480px) {
  /* line 35, app/assets/stylesheets/components/_general-info.scss */
  .general-info__text figure.image {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

/* line 45, app/assets/stylesheets/components/_general-info.scss */
.general-info__text figure.image-style-side {
  margin-top: unset;
  margin-bottom: unset;
}

@media only screen and (max-width: 479px) {
  /* line 45, app/assets/stylesheets/components/_general-info.scss */
  .general-info__text figure.image-style-side {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: unset;
    max-width: unset;
    float: unset;
  }
}

/* line 1, app/assets/stylesheets/components/_generic.scss */
.generic {
  row-gap: 100px;
}

/* line 4, app/assets/stylesheets/components/_generic.scss */
.generic__page-title {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/components/_generic.scss */
  .generic__page-title {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/components/_generic.scss */
  .generic__page-title {
    grid-column-end: span 12;
  }
}

/* line 16, app/assets/stylesheets/components/_generic.scss */
.generic .wrapper {
  padding: 0;
}

/* line 1, app/assets/stylesheets/components/_accordion.scss */
.accordion {
  border-top: solid 1px #000000;
  margin: 50px auto 100px auto;
}

/* line 5, app/assets/stylesheets/components/_accordion.scss */
.accordion__toggle {
  margin: 0;
}

/* line 9, app/assets/stylesheets/components/_accordion.scss */
.accordion__page-title {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 9, app/assets/stylesheets/components/_accordion.scss */
  .accordion__page-title {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/components/_accordion.scss */
  .accordion__page-title {
    grid-column-end: span 12;
  }
}

/* line 21, app/assets/stylesheets/components/_accordion.scss */
.accordion__container {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 21, app/assets/stylesheets/components/_accordion.scss */
  .accordion__container {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/components/_accordion.scss */
  .accordion__container {
    grid-column-end: span 11;
    grid-column-start: 2;
  }
}

/* line 34, app/assets/stylesheets/components/_accordion.scss */
.accordion__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #000000;
  padding: 20px 70px 20px 0;
  position: relative;
  display: block;
  pointer-events: auto;
  cursor: pointer;
  border-bottom: solid 1px #000000;
}

/* line 46, app/assets/stylesheets/components/_accordion.scss */
.accordion__title.is-active:after {
  background: url(/assets/ico-minus-3c7d96e14a59eaeb2825fc8c9f4e9096d3c4017c3cab0eb14a7d33fd8c821d95.svg) center center no-repeat;
}

/* line 50, app/assets/stylesheets/components/_accordion.scss */
.accordion__title:after {
  content: "";
  background: url(/assets/ico-plus-73fff4d153b867d90d08e11be11e7b43845bcb88f5e889f1240bf67b1e113cd3.svg) center center no-repeat;
  font-weight: 100;
  position: absolute;
  font-size: 3.5rem;
  width: 28px;
  height: 28px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 479px) {
  /* line 34, app/assets/stylesheets/components/_accordion.scss */
  .accordion__title {
    padding: 20px 70px 20px 10px;
    text-align: left;
  }
}

/* line 69, app/assets/stylesheets/components/_accordion.scss */
.accordion__inner {
  display: none;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  margin: 0;
  padding: 20px 0;
  border-bottom: solid 1px #000000;
}

/* line 3, app/assets/stylesheets/components/_catalog.scss */
.catalog__desc {
  grid-column-end: span 4;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_catalog.scss */
  .catalog__desc {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/components/_catalog.scss */
  .catalog__desc {
    grid-column-end: span 8;
    grid-column-start: 2;
  }
}

/* line 18, app/assets/stylesheets/components/_catalog.scss */
.catalog__container {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_catalog.scss */
  .catalog__container {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_catalog.scss */
  .catalog__container {
    grid-column-end: span 11;
    grid-column-start: 2;
  }
}

/* line 31, app/assets/stylesheets/components/_catalog.scss */
.catalog__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 50px;
}

@media only screen and (min-width: 768px) {
  /* line 31, app/assets/stylesheets/components/_catalog.scss */
  .catalog__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 31, app/assets/stylesheets/components/_catalog.scss */
  .catalog__list {
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 100px;
  }
}

/* line 48, app/assets/stylesheets/components/_catalog.scss */
.catalog__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  row-gap: 20px;
}

/* line 56, app/assets/stylesheets/components/_catalog.scss */
.catalog__item-header {
  flex-grow: 1;
  background: #ededed;
}

/* line 60, app/assets/stylesheets/components/_catalog.scss */
.catalog__item-header figure {
  display: flex;
  align-items: center;
  height: 100%;
}

/* line 67, app/assets/stylesheets/components/_catalog.scss */
.catalog__item-img {
  width: 100%;
  display: block;
}

/* line 3, app/assets/stylesheets/components/_business-account.scss */
.business-account__desc {
  margin: 0 auto 2rem auto;
}

/* line 1, app/assets/stylesheets/components/_my-business.scss */
.my-business {
  background: #f5f5f0;
  padding: 64px 0;
}

/* line 5, app/assets/stylesheets/components/_my-business.scss */
.my-business__container {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}

@media only screen and (min-width: 560px) {
  /* line 5, app/assets/stylesheets/components/_my-business.scss */
  .my-business__container {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 5, app/assets/stylesheets/components/_my-business.scss */
  .my-business__container {
    grid-column-start: 2;
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 5, app/assets/stylesheets/components/_my-business.scss */
  .my-business__container {
    grid-column-start: 5;
    grid-column-end: span 7;
  }
}

/* line 27, app/assets/stylesheets/components/_my-business.scss */
.my-business__content {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  margin: 40px 0;
}

/* line 34, app/assets/stylesheets/components/_my-business.scss */
.my-business__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 20px;
}

@media only screen and (min-width: 640px) {
  /* line 34, app/assets/stylesheets/components/_my-business.scss */
  .my-business__item {
    flex-direction: row;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}

/* line 47, app/assets/stylesheets/components/_my-business.scss */
.my-business__subtitle {
  flex: 1 1 50%;
  margin: 0;
}

/* line 52, app/assets/stylesheets/components/_my-business.scss */
.my-business__nav {
  flex: 1 1 50%;
}

/* line 1, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  margin: 0 -25px;
  border-radius: 7px;
}

@media only screen and (min-width: 560px) {
  /* line 18, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__content {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__content {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1600px) {
  /* line 18, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__content {
    grid-column-end: span 7;
  }
}

/* line 40, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "order-date order-date" "order-id order-state" "order-supervisor order-shipping" "order-total order-button";
  border-bottom: solid 1px #ededed;
  padding: 14px 0;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  /* line 40, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table {
    grid-template-columns: 11% 12% 12% auto 14% 11% 15%;
    grid-template-areas: "order-id order-date order-supervisor order-state order-shipping order-total order-button";
    padding: 0;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 40, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table {
    grid-template-columns: 8% 10% 18% auto 10% 10% 18%;
  }
}

/* line 63, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table--heading {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 63, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table--heading {
    display: grid;
  }
}

/* line 71, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell {
  padding: 2px 25px;
  font-size: 0.8125rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 71, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell {
    padding: 10px 16px;
    flex-direction: row;
  }
}

/* line 83, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--heading {
  font-weight: 500;
}

/* line 87, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell__title {
  color: #8b8b8b;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 87, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell__title {
    display: none;
  }
}

/* line 96, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--id {
  grid-area: order-id;
  justify-content: flex-start;
  font-weight: 600;
  margin-bottom: 12px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

@media only screen and (min-width: 768px) {
  /* line 96, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell--id {
    font-weight: 400;
    margin-bottom: unset;
    -moz-column-gap: unset;
         column-gap: unset;
  }
}

/* line 110, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--date {
  grid-area: order-date;
  font-size: 0.625rem;
}

@media only screen and (min-width: 768px) {
  /* line 110, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell--date {
    font-size: 0.8125rem;
  }
}

/* line 119, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--supervisor {
  grid-area: order-supervisor;
}

@media only screen and (min-width: 768px) {
  /* line 119, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell--supervisor {
    font-size: 0.8125rem;
  }
}

/* line 127, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--state {
  grid-area: order-state;
  justify-content: flex-end;
  margin-bottom: 12px;
}

@media only screen and (min-width: 768px) {
  /* line 127, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell--state {
    justify-content: flex-start;
    margin-bottom: unset;
  }
}

/* line 138, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--shipping {
  grid-area: order-shipping;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 138, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell--shipping {
    justify-content: flex-start;
  }
}

/* line 147, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--total {
  grid-area: order-total;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 147, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell--total {
    justify-content: flex-end;
    font-weight: 600;
  }
}

/* line 157, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell--button {
  grid-area: order-button;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 157, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order__table__cell--button {
    justify-content: flex-end;
  }
}

/* line 166, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell__link {
  font-size: 0.6875rem;
  line-height: 1rem;
  color: #000000;
  font-weight: 500;
  text-decoration: underline;
  text-transform: uppercase;
}

/* line 174, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__table__cell__link:hover {
  text-decoration: none;
}

/* line 183, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__title {
  font-size: 1.5rem;
  font-weight: 400;
  grid-column-end: span 4;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 183, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__title {
    grid-column-end: span 7;
  }
}

/* line 194, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "my-business-order-by-user-name my-business-order-by-user-name" "my-business-order-by-user-vendor my-business-order-by-user-collection" "my-business-order-by-user-sku my-business-order-by-user-qty";
  border-bottom: solid 1px #ededed;
  padding: 14px 0;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  /* line 194, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__table {
    grid-template-columns: 40% 13% auto 15% 10%;
    grid-template-areas: "my-business-order-by-user-name my-business-order-by-user-vendor my-business-order-by-user-collection my-business-order-by-user-sku my-business-order-by-user-qty";
    padding: 0;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 194, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__table {
    grid-template-columns: 40% 13% auto 15% 10%;
  }
}

/* line 216, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table--heading {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 216, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__table--heading {
    display: grid;
  }
}

/* line 224, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell {
  padding: 2px 25px;
  font-size: 0.8125rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 224, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__table__cell {
    padding: 10px 16px;
    flex-direction: row;
  }
}

/* line 236, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell--heading {
  font-weight: 500;
}

/* line 240, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell__title {
  color: #8b8b8b;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 240, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__table__cell__title {
    display: none;
  }
}

/* line 249, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell--name {
  grid-area: my-business-order-by-user-name;
  justify-content: flex-start;
  font-weight: 600;
}

/* line 255, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell--vendor {
  grid-area: my-business-order-by-user-vendor;
}

/* line 259, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell--collection {
  grid-area: my-business-order-by-user-collection;
  justify-content: flex-end;
}

/* line 264, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell--sku {
  grid-area: my-business-order-by-user-sku;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 264, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__table__cell--sku {
    justify-content: flex-start;
  }
}

/* line 273, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__table__cell--qty {
  grid-area: my-business-order-by-user-qty;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 273, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__table__cell--qty {
    justify-content: flex-end;
    font-weight: 600;
  }
}

/* line 285, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order--by-user__footer {
  grid-column-end: span 4;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
  /* line 285, app/assets/stylesheets/components/_my-business-order.scss */
  .my-business-order--by-user__footer {
    grid-column-end: span 7;
  }
}

/* line 296, app/assets/stylesheets/components/_my-business-order.scss */
.my-business-order__empty {
  padding: 24px;
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 1, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__header {
  display: flex;
  justify-content: space-between;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__header {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__header {
    border-radius: 7px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 18, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__header {
    grid-column-end: span 7;
  }
}

/* line 36, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__status {
  font-size: 1.5rem;
}

/* line 40, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
}

@media only screen and (min-width: 768px) {
  /* line 40, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__content {
    grid-column-end: span 8;
  }
}

/* line 56, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "my-business-users-id my-business-users-id" "my-business-users-first-name my-business-users-last-name" "my-business-users-email my-business-users-email" "my-business-users-role my-business-users-btns";
  border-bottom: solid 1px #ededed;
  padding: 14px 0;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  /* line 56, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table {
    grid-template-columns: 10% 15% 15% auto 20% 15%;
    grid-template-areas: "my-business-users-id my-business-users-first-name my-business-users-last-name my-business-users-email my-business-users-role my-business-users-btns";
    padding: 0;
    gap: unset;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 56, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table {
    grid-template-columns: 5% 15% 15% auto 20% 15%;
  }
}

/* line 80, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table--heading {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 80, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table--heading {
    display: grid;
  }
}

/* line 88, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell {
  padding: 2px 25px;
  font-size: 0.8125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media only screen and (min-width: 768px) {
  /* line 88, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell {
    padding: 10px 16px;
  }
}

/* line 99, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--heading {
  font-weight: 600;
}

/* line 103, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell__title {
  color: #8b8b8b;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 103, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell__title {
    display: none;
  }
}

/* line 112, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--id {
  grid-area: my-business-users-id;
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
  /* line 112, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell--id {
    margin-bottom: unset;
    -moz-column-gap: unset;
         column-gap: unset;
  }
}

/* line 122, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--first-name {
  grid-area: my-business-users-first-name;
}

/* line 126, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--last-name {
  grid-area: my-business-users-last-name;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
  /* line 126, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell--last-name {
    justify-content: flex-start;
    margin-bottom: unset;
  }
}

/* line 136, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--email {
  grid-area: my-business-users-email;
  justify-content: space-between;
  word-break: break-word;
}

@media only screen and (min-width: 768px) {
  /* line 136, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell--email {
    justify-content: flex-start;
  }
}

/* line 146, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--role {
  grid-area: my-business-users-role;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 146, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell--role {
    justify-content: flex-start;
  }
}

/* line 155, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--btns {
  grid-area: my-business-users-btns;
  justify-content: space-between;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 155, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell--btns {
    justify-content: flex-end;
    flex-direction: row;
  }
  /* line 164, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__table__cell--btns.my-business-users__table__cell--heading {
    padding: 10px 25px 10px 16px;
  }
}

/* line 169, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__table__cell--btns__icos {
  display: flex;
  flex-direction: row;
}

/* line 177, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__empty {
  padding: 24px;
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 183, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__note {
  font-size: 0.9375rem;
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 183, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__note {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 183, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__note {
    grid-column-end: span 8;
  }
}

/* line 197, app/assets/stylesheets/components/_my-business-users.scss */
.my-business-users__note div {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 197, app/assets/stylesheets/components/_my-business-users.scss */
  .my-business-users__note div {
    flex-direction: row;
  }
}

/* line 1, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  margin: 0 0 20px 0;
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts {
    gap: 32px;
  }
}

/* line 12, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__by-role {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 12, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__by-role {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 12, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__by-role {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 31, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

@media only screen and (min-width: 560px) {
  /* line 31, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__content {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  /* line 31, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__content {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 31, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__content {
    border-radius: 7px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 31, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__content {
    grid-column-end: span 7;
  }
}

/* line 54, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__title {
  font-size: 1.5rem;
}

/* line 58, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 0 0 24px 0;
  border-bottom: solid 1px #d6d6d6;
  grid-template-columns: 90px auto;
  grid-template-areas: "my-business-carts-image my-business-carts-product" "my-business-carts-image my-business-carts-qty" "my-business-carts-image my-business-carts-total";
}

@media only screen and (min-width: 1024px) {
  /* line 58, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__table {
    grid-template-columns: 90px 25% 25% auto;
    grid-template-areas: "my-business-carts-image my-business-carts-product my-business-carts-qty my-business-carts-total";
  }
}

@media only screen and (min-width: 1248px) {
  /* line 58, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__table {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 81, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table--header {
  border-top: solid 1px #d6d6d6;
  font-size: 0.8125rem;
  padding: 16px 0;
  text-transform: uppercase;
  display: none;
}

@media only screen and (min-width: 1024px) {
  /* line 81, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__table--header {
    display: grid;
  }
}

/* line 93, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__total {
  text-align: right;
}

@media only screen and (min-width: 1024px) {
  /* line 93, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__table__total {
    padding: 0 40px 0 0;
  }
}

/* line 101, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column {
  font-size: 0.9375rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
}

/* line 107, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column__title {
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 400;
}

@media only screen and (min-width: 1024px) {
  /* line 107, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__table__column__title {
    display: none;
  }
}

/* line 117, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--image {
  grid-area: my-business-carts-image;
}

/* line 121, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product {
  row-gap: 10px;
  align-items: flex-start;
  grid-area: my-business-carts-product;
}

/* line 126, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 132, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product__title {
  font-weight: 500;
  color: #000000;
}

/* line 137, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product__vendor {
  font-size: 0.8125rem;
  color: #000000;
  text-transform: uppercase;
}

/* line 143, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product__sku {
  font-size: 0.8125rem;
  color: #000000;
  text-transform: uppercase;
}

/* line 149, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product__criteria {
  font-size: 0.8125rem;
  color: #000000;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 158, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product__price {
  font-size: 0.9375rem;
  font-weight: 500;
}

/* line 163, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--product__price-old {
  color: #8b8b8b;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  text-decoration: line-through;
}

/* line 171, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--qty {
  font-weight: 500;
  grid-area: my-business-carts-qty;
}

/* line 176, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__table__column--total {
  font-weight: 500;
  text-align: right;
  grid-area: my-business-carts-total;
  flex-direction: row;
  justify-content: space-between;
}

@media only screen and (min-width: 1024px) {
  /* line 176, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__table__column--total {
    padding: 0 40px 0 0;
    justify-content: flex-start;
    flex-direction: column;
  }
}

/* line 192, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__img-link {
  aspect-ratio: 1 / 1;
  background: #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 200, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__img {
  width: 90px;
  aspect-ratio: 1 / 1;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 206, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__no-img {
  max-width: 20px;
}

/* line 210, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 210, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__footer {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 210, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__footer {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 228, app/assets/stylesheets/components/_my-business-carts.scss */
.my-business-carts__footer__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 56px;
}

@media only screen and (min-width: 560px) {
  /* line 228, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__footer__content {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  /* line 228, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__footer__content {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 228, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__footer__content {
    border-radius: 7px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 228, app/assets/stylesheets/components/_my-business-carts.scss */
  .my-business-carts__footer__content {
    grid-column-end: span 7;
  }
}

/* line 1, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement {
  margin: 0 0 40px 0;
}

/* line 4, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 32px 0;
}

/* line 11, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__summary__block {
  flex: 1 1 200px;
  padding: 16px 20px;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
}

/* line 18, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__summary__label {
  display: block;
  font-size: 0.8125rem;
  color: #8b8b8b;
}

/* line 24, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__summary__value {
  display: block;
  margin-top: 6px;
  font-size: 1.25rem;
  font-weight: 600;
}

/* line 31, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__tabs {
  display: flex;
  gap: 28px;
  margin: 0 0 24px 0;
  border-bottom: solid 1px #ededed;
}

/* line 38, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__tabs__tab {
  padding: 0 2px 12px 2px;
  margin-bottom: -1px;
  color: #8b8b8b;
  font-size: 0.9375rem;
  border-bottom: solid 2px transparent;
  transition: color 0.2s;
}

/* line 46, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__tabs__tab:hover {
  color: #000000;
}

/* line 50, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__tabs__tab.is-active {
  color: #000000;
  font-weight: 600;
  border-bottom-color: #000000;
}

/* line 57, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__table-wrap {
  overflow-x: auto;
}

/* line 61, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

/* line 66, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__table th,
.my-account-statement__table td {
  padding: 12px 16px;
  text-align: left;
  white-space: nowrap;
  border-bottom: solid 1px #ededed;
}

/* line 74, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__table thead th {
  font-weight: 500;
  color: #414141;
}

/* line 79, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__table a {
  color: #000000;
  text-decoration: underline;
}

/* line 83, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__table a:hover {
  text-decoration: none;
}

/* line 89, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__empty {
  padding: 24px 0;
  color: #8b8b8b;
}

/* line 94, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}

/* line 101, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__actions__pay[hidden] {
  display: none;
}

/* line 105, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__subtitle {
  margin: 0 0 24px 0;
  font-size: 0.9375rem;
  font-weight: 500;
  text-transform: uppercase;
}

/* line 112, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__error {
  padding: 12px 16px;
  margin: 0 0 24px 0;
  color: #ffffff;
  background-color: #a42b27;
}

/* line 119, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__recap {
  margin: 0 0 32px 0;
  font-size: 0.875rem;
  border-collapse: collapse;
}

/* line 124, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__recap th,
.my-account-statement__recap td {
  padding: 4px 32px 4px 0;
  text-align: left;
  white-space: nowrap;
}

/* line 131, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__recap td {
  text-align: right;
}

/* line 136, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__recap__invoice th {
  font-weight: 600;
}

/* line 140, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__recap__discount th {
  padding-left: 12px;
  color: #8b8b8b;
}

/* line 146, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__recap__total th,
.my-account-statement__recap__total td {
  padding-top: 12px;
  font-weight: 600;
}

/* line 153, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement__payment-received, .my-account-statement__payment-delay {
  margin: 0 0 24px 0;
}

/* line 158, app/assets/stylesheets/components/_account-statement.scss */
.my-account-statement .pagination {
  margin-top: 24px;
}

/* line 1, app/assets/stylesheets/components/_cart-info.scss */
.cart-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1vmax;
  grid-row-gap: 1vmax;
  grid-auto-rows: 1fr;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_cart-info.scss */
  .cart-info {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* line 12, app/assets/stylesheets/components/_cart-info.scss */
.cart-info__item {
  font-size: 0.8125rem;
  padding: 10px;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
}

/* line 1, app/assets/stylesheets/components/_freebies.scss */
.freebies {
  border-top: solid 1px #d6d6d6;
  padding: 20px 0 0 0;
}

/* line 5, app/assets/stylesheets/components/_freebies.scss */
.freebies__title {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  border: solid 1px #000000;
  padding: 0 5px;
  width: auto;
  margin: 0;
}

/* line 17, app/assets/stylesheets/components/_freebies.scss */
.freebies__items-to-select.disabled {
  filter: grayscale(100%);
  opacity: 0.5;
}

/* line 23, app/assets/stylesheets/components/_freebies.scss */
.freebies__chosen-items {
  padding: 0 0 20px 0;
}

/* line 26, app/assets/stylesheets/components/_freebies.scss */
.freebies__chosen-items div {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  padding: 0 5px;
  width: auto;
  margin: 0 10px 0 0;
  border: solid 1px #000000;
}

/* line 36, app/assets/stylesheets/components/_freebies.scss */
.freebies__chosen-items.completed {
  color: #106d44;
}

/* line 39, app/assets/stylesheets/components/_freebies.scss */
.freebies__chosen-items.completed div {
  border: solid 1px #106d44;
}

/* line 43, app/assets/stylesheets/components/_freebies.scss */
.freebies__chosen-items.completed span {
  gap: 5px;
  font-weight: 400;
}

/* line 50, app/assets/stylesheets/components/_freebies.scss */
.freebies__container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 56, app/assets/stylesheets/components/_freebies.scss */
.freebies__choose {
  display: flex;
  gap: 5px;
  align-items: center;
}

/* line 61, app/assets/stylesheets/components/_freebies.scss */
.freebies__choose .page-subtitle--bordered {
  margin: 0 10px 0 0;
}

/* line 66, app/assets/stylesheets/components/_freebies.scss */
.freebies__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-bottom: solid 1px #d6d6d6;
  padding: 0 0 20px 0;
  transition: all 0.5s;
}

@media only screen and (min-width: 768px) {
  /* line 66, app/assets/stylesheets/components/_freebies.scss */
  .freebies__item {
    flex-direction: row;
  }
}

/* line 78, app/assets/stylesheets/components/_freebies.scss */
.freebies__item.rejected {
  filter: grayscale(100%);
  opacity: 0.5;
}

/* line 82, app/assets/stylesheets/components/_freebies.scss */
.freebies__item.rejected .button {
  background: #ededed;
  color: #000000;
}

/* line 86, app/assets/stylesheets/components/_freebies.scss */
.freebies__item.rejected .button:hover {
  background: #ededed;
  color: #000000;
}

/* line 94, app/assets/stylesheets/components/_freebies.scss */
.freebies__item-link {
  flex: 0 0 200px;
}

/* line 98, app/assets/stylesheets/components/_freebies.scss */
.freebies__item-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
  position: relative;
  aspect-ratio: 1 / 1.4;
}

/* line 107, app/assets/stylesheets/components/_freebies.scss */
.freebies__item-figure-img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 114, app/assets/stylesheets/components/_freebies.scss */
.freebies__item-figure-no-img {
  width: 40px;
}

/* line 117, app/assets/stylesheets/components/_freebies.scss */
.order__item-column-img .freebies__item-figure-no-img {
  width: 40px;
}

/* line 122, app/assets/stylesheets/components/_freebies.scss */
.freebies__item-content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: flex-start;
  padding: 10px 0 0 0;
}

/* line 130, app/assets/stylesheets/components/_freebies.scss */
.freebies__checkbox {
  padding: 0 0 20px 0;
  margin: 0 0 40px 0;
  border-bottom: solid 1px #d6d6d6;
}

/* line 1, app/assets/stylesheets/components/_my-account.scss */
.my-account {
  margin: 0 0 100px 0;
  background: #f5f5f0;
  padding: 64px 0;
}

/* line 6, app/assets/stylesheets/components/_my-account.scss */
.p-checkout .my-account {
  background: none;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account.scss */
  .my-account {
    margin: 0 0 200px 0;
  }
}

/* line 14, app/assets/stylesheets/components/_my-account.scss */
.my-account__nav {
  grid-column-end: span 4;
}

@media only screen and (min-width: 560px) {
  /* line 14, app/assets/stylesheets/components/_my-account.scss */
  .my-account__nav {
    grid-column-end: span 1;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/components/_my-account.scss */
  .my-account__nav {
    grid-column-end: span 3;
  }
}

/* line 26, app/assets/stylesheets/components/_my-account.scss */
.my-account__container {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}

@media only screen and (min-width: 560px) {
  /* line 26, app/assets/stylesheets/components/_my-account.scss */
  .my-account__container {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 26, app/assets/stylesheets/components/_my-account.scss */
  .my-account__container {
    grid-column-start: 2;
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 26, app/assets/stylesheets/components/_my-account.scss */
  .my-account__container {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
  /* line 46, app/assets/stylesheets/components/_my-account.scss */
  .page-user-coupons .my-account__container {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 26, app/assets/stylesheets/components/_my-account.scss */
  .my-account__container {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
  /* line 55, app/assets/stylesheets/components/_my-account.scss */
  .page-user-rewards .my-account__container, .page-user-coupons .my-account__container {
    grid-column-end: span 8;
  }
  /* line 59, app/assets/stylesheets/components/_my-account.scss */
  .p-business-users .my-account__container {
    grid-column-start: 5;
    grid-column-end: span 7;
  }
}

/* line 65, app/assets/stylesheets/components/_my-account.scss */
.p-checkout .my-account__container {
  grid-column-start: 1;
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}

@media only screen and (min-width: 560px) {
  /* line 65, app/assets/stylesheets/components/_my-account.scss */
  .p-checkout .my-account__container {
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 768px) {
  /* line 65, app/assets/stylesheets/components/_my-account.scss */
  .p-checkout .my-account__container {
    grid-column-start: 1;
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 65, app/assets/stylesheets/components/_my-account.scss */
  .p-checkout .my-account__container {
    grid-column-start: 1;
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 65, app/assets/stylesheets/components/_my-account.scss */
  .p-checkout .my-account__container {
    grid-column-start: 2;
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 65, app/assets/stylesheets/components/_my-account.scss */
  .p-checkout .my-account__container {
    grid-column-start: 3;
    grid-column-end: span 6;
  }
}

/* line 99, app/assets/stylesheets/components/_my-account.scss */
.my-account__form-content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 105, app/assets/stylesheets/components/_my-account.scss */
.my-account__form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 111, app/assets/stylesheets/components/_my-account.scss */
.my-account__form .edit_user {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 119, app/assets/stylesheets/components/_my-account.scss */
.my-account__form__row__btn {
  margin-top: 35px;
  width: 100%;
  max-width: 384px;
}

@media only screen and (min-width: 768px) {
  /* line 119, app/assets/stylesheets/components/_my-account.scss */
  .my-account__form__row__btn {
    width: unset;
    max-width: unset;
  }
}

/* line 129, app/assets/stylesheets/components/_my-account.scss */
.my-account__form__row__btn .c-button {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 129, app/assets/stylesheets/components/_my-account.scss */
  .my-account__form__row__btn .c-button {
    width: unset;
  }
}

/* line 139, app/assets/stylesheets/components/_my-account.scss */
.my-account__form__input {
  width: 100%;
  text-align: left;
  padding: 10px 4px;
  max-width: 400px;
}

/* line 146, app/assets/stylesheets/components/_my-account.scss */
.my-account__form__select {
  width: 100%;
  text-align: left;
  padding: 10px 4px;
  max-width: 400px;
}

/* line 1, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav {
  flex: unset;
  width: 100%;
  min-height: 500px;
  max-width: 48px;
  margin: 0;
  position: relative;
  display: none;
}

@media only screen and (min-width: 560px) {
  /* line 1, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav {
    display: block;
  }
  /* line 13, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav:after {
    content: "";
    border-right: solid 1px #d6d6d6;
    position: absolute;
    width: 1px;
    top: 0;
    right: -20%;
    bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav {
    max-width: 300px;
  }
  /* line 27, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav:after {
    right: 0;
  }
}

/* line 33, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__header {
  padding: 0 0 12px 5px;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

@media only screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__header {
    padding: 0 0 16px 7px;
  }
}

/* line 43, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__header__section {
  border-top: solid 1px #d6d6d6;
}

/* line 46, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__header__section__link {
  color: #000000;
  display: none;
}

@media only screen and (min-width: 1024px) {
  /* line 46, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__header__section__link {
    display: unset;
  }
}

/* line 56, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__header__label {
  font-size: 0.9375rem;
  color: #000000;
  display: none;
}

@media only screen and (min-width: 1024px) {
  /* line 56, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__header__label {
    display: unset;
  }
}

/* line 66, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__header__ico {
  width: 38px;
}

@media only screen and (min-width: 1024px) {
  /* line 66, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__header__ico {
    width: 44px;
  }
}

/* line 75, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn {
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  color: #000000;
  background: #ffffff;
  transition: all 0.25s;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 7px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

@media only screen and (min-width: 1024px) {
  /* line 75, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__btn {
    padding: 0 25px;
    justify-content: flex-start;
    height: 72px;
    background: transparent;
  }
}

/* line 97, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn:hover {
  background: #000000;
  color: #ffffff;
}

/* line 101, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn:hover .my-account-nav__btn__ico {
  display: none;
}

/* line 105, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn:hover .my-account-nav__btn__ico.is-hover {
  display: unset;
}

@media only screen and (min-width: 560px) {
  /* line 110, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__btn--no-ico {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 110, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__btn--no-ico {
    display: flex;
  }
}

/* line 123, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn--header .my-account-nav__btn__ico {
  display: none;
}

@media only screen and (min-width: 560px) {
  /* line 123, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__btn--header .my-account-nav__btn__ico {
    display: unset;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 123, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__btn--header .my-account-nav__btn__ico {
    display: none;
  }
}

/* line 136, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn__ico {
  width: 24px;
}

/* line 139, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn__ico.is-hover {
  display: none;
}

/* line 144, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__btn__label {
  display: none;
}

@media only screen and (min-width: 1024px) {
  /* line 144, app/assets/stylesheets/components/_my-account-nav.scss */
  .my-account-nav__btn__label {
    display: unset;
  }
}

/* line 153, app/assets/stylesheets/components/_my-account-nav.scss */
.my-account-nav__separator {
  border-bottom: solid 1px #d6d6d6;
  display: block;
  margin: 16px 0;
}

/* line 159, app/assets/stylesheets/components/_my-account-nav.scss */
.page-user-rewards .my-rewards__container .my-account-nav {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 159, app/assets/stylesheets/components/_my-account-nav.scss */
  .page-user-rewards .my-rewards__container .my-account-nav {
    display: unset;
  }
}

/* line 1, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

@media only screen and (min-width: 560px) {
  /* line 1, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
  .my-account-nav-mobile {
    display: none;
  }
}

/* line 10, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__opener {
  background: #d6d6d6;
  display: flex;
  align-items: center;
  height: 72px;
  padding: 0 25px;
  position: relative;
  z-index: 2;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

/* line 22, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__opener:after {
  content: "";
  position: absolute;
  background: url(/assets/ico-toggle-395229691126cf61438b24aabe4a712d2e14266344a8e5247899d81c0b521561.svg) center center no-repeat;
  background-size: 11px 6px;
  width: 11px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
  right: 30px;
  transition: all 0.25s;
}

/* line 36, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__opener:not(:disabled), .my-account-nav-mobile__opener:not(.is-disabled) {
  cursor: pointer;
}

/* line 41, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__opener:hover, .my-account-nav-mobile__opener:focus, .my-account-nav-mobile__opener.is-active {
  background: #ededed;
  color: #000000;
}

/* line 47, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__opener:hover:after, .my-account-nav-mobile__opener:focus:after, .my-account-nav-mobile__opener.is-active:after {
  background: url(/assets/ico-toggle-395229691126cf61438b24aabe4a712d2e14266344a8e5247899d81c0b521561.svg) center center no-repeat;
  background-size: 11px 6px;
  transform: translateY(-50%) rotate(0);
}

/* line 54, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__opener__label {
  font-size: 0.9375rem;
}

/* line 58, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__opener__ico {
  width: 44px;
  border-radius: 50%;
  background: #ffffff;
}

/* line 65, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__wrapper {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  padding: 72px 0 25px 0;
  background: #ffffff;
}

/* line 75, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__wrapper.is-activating, .my-account-nav-mobile__wrapper.is-deactivating, .my-account-nav-mobile__wrapper.is-active {
  display: block;
}

/* line 79, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__wrapper.is-activating {
  animation: fade-in .25s;
}

/* line 83, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__wrapper.is-deactivating {
  animation: fade-out .25s;
}

/* line 88, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__btn {
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  color: #000000;
  transition: all 0.25s;
  width: 100%;
  display: flex;
  align-items: center;
  height: 72px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 12px 25px;
}

/* line 101, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__btn:hover {
  background: #000000;
  color: #ffffff;
}

/* line 105, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__btn:hover .my-account-nav-mobile__btn__ico {
  display: none;
}

/* line 109, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__btn:hover .my-account-nav-mobile__btn__ico.is-hover {
  display: unset;
}

/* line 114, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__btn__ico {
  width: 24px;
}

/* line 117, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__btn__ico.is-hover {
  display: none;
}

/* line 123, app/assets/stylesheets/components/_my-account-nav-mobile.scss */
.my-account-nav-mobile__separator {
  border-bottom: solid 1px #d6d6d6;
  display: block;
  margin: 16px 0;
}

/* line 1, app/assets/stylesheets/components/_my-account-path.scss */
.my-account-path {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-path.scss */
  .my-account-path {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-path.scss */
  .my-account-path {
    grid-template-columns: repeat(9, 1fr);
    gap: 32px;
  }
}

/* line 15, app/assets/stylesheets/components/_my-account-path.scss */
.my-account-path__item {
  grid-column-end: span 4;
  padding: 40px 32px;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  /* line 15, app/assets/stylesheets/components/_my-account-path.scss */
  .my-account-path__item {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 15, app/assets/stylesheets/components/_my-account-path.scss */
  .my-account-path__item {
    grid-column-end: span 3;
    gap: 20px;
  }
}

/* line 35, app/assets/stylesheets/components/_my-account-path.scss */
.my-account-path__item__ico {
  width: 44px;
  height: 44px;
}

/* line 40, app/assets/stylesheets/components/_my-account-path.scss */
.my-account-path__item__desc {
  font-size: 0.9375rem;
}

/* line 1, app/assets/stylesheets/components/_my-account-profile.scss */
.my-account-profile {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-profile.scss */
  .my-account-profile {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-profile.scss */
  .my-account-profile {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-account-profile.scss */
.my-account-profile__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 40px 32px;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-account-profile.scss */
  .my-account-profile__content {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 18, app/assets/stylesheets/components/_my-account-profile.scss */
  .my-account-profile__content {
    grid-column-end: span 7;
  }
}

/* line 37, app/assets/stylesheets/components/_my-account-profile.scss */
.my-account-profile__section-title {
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 42, app/assets/stylesheets/components/_my-account-profile.scss */
.my-account-profile__form {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 42, app/assets/stylesheets/components/_my-account-profile.scss */
  .my-account-profile__form {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 42, app/assets/stylesheets/components/_my-account-profile.scss */
  .my-account-profile__form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 57, app/assets/stylesheets/components/_my-account-profile.scss */
.my-account-profile__form__row {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

/* line 63, app/assets/stylesheets/components/_my-account-profile.scss */
.my-account-profile__form__footer {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
}

@media only screen and (min-width: 560px) {
  /* line 63, app/assets/stylesheets/components/_my-account-profile.scss */
  .my-account-profile__form__footer {
    flex-direction: row;
  }
}

/* line 3, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__search {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

/* line 7, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__search__input {
  background: #ffffff;
}

/* line 12, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table {
  border: solid 1px #d6d6d6;
  background: #ffffff;
  border-radius: 7px;
}

/* line 17, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__row {
  border-bottom: solid 1px #ededed;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-areas: "client-number client-number" "client-business client-business" "client-name client-name" "client-phone client-phone" "client-email client-email" "client-role client-role" "client-actions client-actions";
}

@media only screen and (min-width: 640px) {
  /* line 17, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__row {
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-areas: "client-number client-number client-business client-business" "client-name client-name client-phone client-phone" "client-email client-email client-role client-role" ". . client-actions client-actions";
  }
}

@media only screen and (min-width: 1024px) {
  /* line 17, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__row {
    grid-template-columns: 12% 20% 14% 21% 18% 16%;
    grid-template-areas: "client-number client-business client-name client-email client-role client-phone" ". . . . client-actions client-actions";
  }
}

@media only screen and (min-width: 1248px) {
  /* line 17, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__row {
    grid-template-columns: 11% 20% 14% 22% 18% 15%;
    grid-template-areas: "client-number client-business client-name client-email client-role client-phone" ". . . . client-actions client-actions";
  }
}

/* line 53, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__row--header {
  display: none;
  border: none;
}

@media only screen and (min-width: 1024px) {
  /* line 53, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__row--header {
    display: grid;
  }
}

/* line 63, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell {
  padding: 12px;
  font-size: 0.8125rem;
}

@media only screen and (min-width: 640px) {
  /* line 63, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__cell {
    padding: 16px;
  }
}

/* line 71, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--header {
  font-weight: 500;
}

/* line 75, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--name {
  font-weight: 500;
  grid-area: client-name;
}

/* line 80, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--email {
  grid-area: client-email;
  word-break: break-word;
}

/* line 85, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--business {
  grid-area: client-business;
}

/* line 89, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--client-number {
  grid-area: client-number;
}

/* line 93, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--role {
  grid-area: client-role;
}

/* line 97, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--actions {
  grid-area: client-actions;
  text-align: right;
}

@media only screen and (min-width: 1024px) {
  /* line 97, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__cell--actions {
    padding-top: 0;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 97, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__cell--actions {
    padding-top: 16px;
  }
}

/* line 109, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--actions.my-account-clients__table__cell--header {
  display: none;
}

@media only screen and (min-width: 1248px) {
  /* line 109, app/assets/stylesheets/components/_my-account-clients.scss */
  .my-account-clients__table__cell--actions.my-account-clients__table__cell--header {
    display: unset;
  }
}

/* line 118, app/assets/stylesheets/components/_my-account-clients.scss */
.my-account-clients__table__cell--phone {
  grid-area: client-phone;
}

/* line 1, app/assets/stylesheets/components/_my-account-addresses.scss */
.my-account-addresses {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-addresses.scss */
  .my-account-addresses {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-addresses.scss */
  .my-account-addresses {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-account-addresses.scss */
.my-account-addresses__content {
  grid-column-end: span 4;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-account-addresses.scss */
  .my-account-addresses__content {
    grid-column-end: span 7;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 33, app/assets/stylesheets/components/_my-account-addresses.scss */
.my-account-addresses__footer {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/components/_my-account-addresses.scss */
  .my-account-addresses__footer {
    grid-column-end: span 7;
  }
}

/* line 40, app/assets/stylesheets/components/_my-account-addresses.scss */
.my-account-addresses__footer a {
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  /* line 40, app/assets/stylesheets/components/_my-account-addresses.scss */
  .my-account-addresses__footer a {
    width: unset;
  }
}

/* line 1, app/assets/stylesheets/components/_my-account-edit-address.scss */
.my-account-edit-address {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-edit-address.scss */
  .my-account-edit-address {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-edit-address.scss */
  .my-account-edit-address {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-account-edit-address.scss */
.my-account-edit-address__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 40px 32px;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-account-edit-address.scss */
  .my-account-edit-address__content {
    grid-column-end: span 7;
  }
}

/* line 33, app/assets/stylesheets/components/_my-account-edit-address.scss */
.my-account-edit-address__section-title {
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 38, app/assets/stylesheets/components/_my-account-edit-address.scss */
.my-account-edit-address__form {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 38, app/assets/stylesheets/components/_my-account-edit-address.scss */
  .my-account-edit-address__form {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 38, app/assets/stylesheets/components/_my-account-edit-address.scss */
  .my-account-edit-address__form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 53, app/assets/stylesheets/components/_my-account-edit-address.scss */
.my-account-edit-address__form__row {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

@media only screen and (min-width: 768px) {
  /* line 58, app/assets/stylesheets/components/_my-account-edit-address.scss */
  .my-account-edit-address__form__row--large {
    grid-column-end: span 2;
  }
}

/* line 66, app/assets/stylesheets/components/_my-account-edit-address.scss */
.my-account-edit-address__form__footer {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 24px;
       column-gap: 24px;
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 66, app/assets/stylesheets/components/_my-account-edit-address.scss */
  .my-account-edit-address__form__footer {
    grid-column-end: span 7;
  }
}

/* line 1, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  margin: 0 -25px;
}

@media only screen and (min-width: 560px) {
  /* line 18, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__content {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__content {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__content {
    border-radius: 7px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 18, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__content {
    grid-column-end: span 7;
  }
}

/* line 43, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "order-date order-date" "order-id order-state" "order-shipping order-shipping" "order-total order-total";
  border-bottom: solid 1px #ededed;
  padding: 14px 0;
}

@media only screen and (min-width: 768px) {
  /* line 43, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table {
    grid-template-columns: 15% 16% auto 16% 15%;
    grid-template-areas: "order-id order-date order-state order-shipping order-total";
    padding: 0;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 43, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table {
    grid-template-columns: 18% 20% auto 20% 15%;
  }
}

/* line 65, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table--heading {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 65, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table--heading {
    display: grid;
  }
}

/* line 73, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell {
  padding: 2px 25px;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  /* line 73, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell {
    padding: 10px 16px;
  }
}

/* line 83, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--heading {
  font-weight: 500;
}

/* line 87, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell__title {
  color: #8b8b8b;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 87, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell__title {
    display: none;
  }
}

/* line 96, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--id {
  grid-area: order-id;
  justify-content: flex-start;
  font-weight: 600;
  margin-bottom: 12px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

@media only screen and (min-width: 768px) {
  /* line 96, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell--id {
    font-weight: 400;
    margin-bottom: unset;
    -moz-column-gap: unset;
         column-gap: unset;
  }
}

/* line 110, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--date {
  grid-area: order-date;
  font-size: 0.625rem;
}

@media only screen and (min-width: 768px) {
  /* line 110, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell--date {
    font-size: 0.8125rem;
  }
}

/* line 119, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--state {
  grid-area: order-state;
  justify-content: flex-end;
  margin-bottom: 12px;
}

@media only screen and (min-width: 768px) {
  /* line 119, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell--state {
    justify-content: flex-start;
    margin-bottom: unset;
  }
}

/* line 130, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--shipping {
  grid-area: order-shipping;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 130, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell--shipping {
    justify-content: flex-start;
  }
}

/* line 139, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--total {
  grid-area: order-total;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 139, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell--total {
    justify-content: flex-start;
    font-weight: 700;
  }
}

/* line 149, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--btns {
  grid-area: order-total;
  justify-content: space-between;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 149, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell--btns {
    justify-content: flex-end;
    flex-direction: row;
  }
  /* line 158, app/assets/stylesheets/components/_my-account-orders.scss */
  .my-account-orders__table__cell--btns.my-business-users__table__cell--heading {
    padding: 10px 25px 10px 16px;
  }
}

/* line 163, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__table__cell--btns__icos {
  display: flex;
  flex-direction: row;
}

/* line 171, app/assets/stylesheets/components/_my-account-orders.scss */
.my-account-orders__empty {
  padding: 24px;
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 1, app/assets/stylesheets/components/_my-account-order.scss */
.my-account-order {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-order.scss */
  .my-account-order {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-order.scss */
  .my-account-order {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-account-order.scss */
.my-account-order__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 56px;
}

@media only screen and (min-width: 560px) {
  /* line 18, app/assets/stylesheets/components/_my-account-order.scss */
  .my-account-order__content {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-account-order.scss */
  .my-account-order__content {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_my-account-order.scss */
  .my-account-order__content {
    border-radius: 7px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 18, app/assets/stylesheets/components/_my-account-order.scss */
  .my-account-order__content {
    grid-column-end: span 7;
  }
}

/* line 1, app/assets/stylesheets/components/_my-account-order-info.scss */
.my-account-order-info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-areas: "order-shipping" "order-billing" "order-shipping-option" "order-shipping-option" "order-payment";
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_my-account-order-info.scss */
  .my-account-order-info {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "order-shipping order-billing order-shipping-option" "order-shipping order-billing order-payment";
  }
}

/* line 20, app/assets/stylesheets/components/_my-account-order-info.scss */
.my-account-order-info__item {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 25, app/assets/stylesheets/components/_my-account-order-info.scss */
.my-account-order-info__item--shipping {
  grid-area: order-shipping;
}

/* line 29, app/assets/stylesheets/components/_my-account-order-info.scss */
.my-account-order-info__item--billing {
  grid-area: order-billing;
}

/* line 33, app/assets/stylesheets/components/_my-account-order-info.scss */
.my-account-order-info__item--shipping-option {
  grid-area: order-shipping-option;
  font-size: 0.9375rem;
}

/* line 38, app/assets/stylesheets/components/_my-account-order-info.scss */
.my-account-order-info__item--payment {
  grid-area: order-payment;
  font-size: 0.9375rem;
}

/* line 3, app/assets/stylesheets/components/_my-account-order-details.scss */
.my-account-order-details__title {
  font-size: 1.5rem;
}

/* line 7, app/assets/stylesheets/components/_my-account-order-details.scss */
.my-account-order-details__table {
  display: grid;
}

/* line 10, app/assets/stylesheets/components/_my-account-order-details.scss */
.my-account-order-details__table--4columns {
  grid-template-columns: repeat(4, 1fr);
}

/* line 14, app/assets/stylesheets/components/_my-account-order-details.scss */
.my-account-order-details__table--5columns {
  grid-template-columns: repeat(5, 1fr);
}

/* line 1, app/assets/stylesheets/components/_my-account-delete.scss */
.my-account-delete {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-end;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-delete.scss */
  .my-account-delete {
    flex-direction: row;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-delete.scss */
  .my-account-delete {
    gap: 32px;
  }
}

/* line 15, app/assets/stylesheets/components/_my-account-delete.scss */
.my-account-delete__content {
  font-size: 0.9375rem;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  flex: 66%;
}

/* line 23, app/assets/stylesheets/components/_my-account-delete.scss */
.my-account-delete__btn {
  text-align: right;
}

/* line 1, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__title {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__title {
    grid-column-end: span 5;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 18, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__title {
    grid-column-end: span 5;
  }
}

/* line 30, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__btn {
  grid-column-end: span 4;
  grid-column-start: 1;
  display: flex;
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
  /* line 30, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__btn {
    grid-column-end: span 5;
    grid-column-start: 1;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 30, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__btn {
    justify-content: flex-end;
    grid-column-end: span 2;
    grid-column-start: 6;
  }
}

/* line 48, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  margin: 0 -25px;
}

@media only screen and (min-width: 560px) {
  /* line 48, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__content {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  /* line 48, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__content {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 48, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__content {
    border-radius: 7px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 48, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__content {
    grid-column-end: span 7;
  }
}

/* line 73, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "pending-name pending-article" "pending-amount pending-status" ". pending-btns";
  border-bottom: solid 1px #ededed;
  padding: 14px 0;
}

@media only screen and (min-width: 768px) {
  /* line 73, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table {
    grid-template-columns: 15% 16% auto 16% 15%;
    grid-template-areas: "pending-name pending-article pending-amount pending-status pending-btns";
    padding: 0;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 73, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table {
    grid-template-columns: 18% 20% auto 20% 15%;
  }
}

/* line 94, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table--heading {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 94, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table--heading {
    display: grid;
  }
}

/* line 102, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell {
  padding: 2px 25px;
  font-size: 0.8125rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 102, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table__cell {
    padding: 10px 16px;
    align-items: center;
    flex-direction: row;
  }
}

/* line 115, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell--heading {
  font-weight: 500;
}

/* line 119, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell__title {
  color: #8b8b8b;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 119, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table__cell__title {
    display: none;
  }
}

/* line 128, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell--name {
  grid-area: pending-name;
  justify-content: flex-start;
  font-weight: 400;
  margin-bottom: 12px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

@media only screen and (min-width: 768px) {
  /* line 128, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table__cell--name {
    margin-bottom: unset;
    -moz-column-gap: unset;
         column-gap: unset;
  }
}

/* line 141, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell--article {
  grid-area: pending-article;
  justify-content: flex-start;
}

/* line 146, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell--amount {
  grid-area: pending-amount;
  justify-content: flex-start;
  margin-bottom: 12px;
}

@media only screen and (min-width: 768px) {
  /* line 146, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table__cell--amount {
    justify-content: flex-start;
    margin-bottom: unset;
  }
}

/* line 157, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell--status {
  grid-area: pending-status;
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
  /* line 157, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table__cell--status {
    justify-content: flex-start;
  }
}

/* line 166, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell--btns {
  grid-area: pending-btns;
  justify-content: flex-start;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 166, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table__cell--btns {
    justify-content: flex-end;
    flex-direction: row;
  }
  /* line 175, app/assets/stylesheets/components/_my-account-pending.scss */
  .my-account-pending__table__cell--btns.my-business-users__table__cell--heading {
    padding: 10px 25px 10px 16px;
  }
}

/* line 180, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__table__cell--btns__icos {
  display: flex;
  flex-direction: row;
}

/* line 188, app/assets/stylesheets/components/_my-account-pending.scss */
.my-account-pending__empty {
  padding: 24px;
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 1, app/assets/stylesheets/components/_order-details.scss */
.order-details {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 6, app/assets/stylesheets/components/_order-details.scss */
.order-details__table {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 0 0 24px 0;
  border-bottom: solid 1px #d6d6d6;
}

@media only screen and (min-width: 1248px) {
  /* line 6, app/assets/stylesheets/components/_order-details.scss */
  .order-details__table {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }
}

/* line 18, app/assets/stylesheets/components/_order-details.scss */
.order-details__table--header {
  border-top: solid 1px #d6d6d6;
  font-size: 0.8125rem;
  padding: 16px 0;
  text-transform: uppercase;
  display: none;
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_order-details.scss */
  .order-details__table--header {
    display: grid;
  }
}

/* line 30, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__total {
  text-align: right;
}

@media only screen and (min-width: 1024px) {
  /* line 30, app/assets/stylesheets/components/_order-details.scss */
  .order-details__table__total {
    padding: 0 40px 0 0;
  }
}

/* line 38, app/assets/stylesheets/components/_order-details.scss */
.order-details__table--5columns {
  grid-template-columns: 90px auto;
  grid-template-areas: "order-detail-image order-detail-product" "order-detail-image order-detail-qty" "order-detail-image order-detail-status" "order-detail-image order-detail-total";
}

@media only screen and (min-width: 1024px) {
  /* line 38, app/assets/stylesheets/components/_order-details.scss */
  .order-details__table--5columns {
    grid-template-columns: 90px 20% 20% 20% auto;
    grid-template-areas: "order-detail-image order-detail-product order-detail-qty order-detail-status order-detail-total";
  }
}

/* line 53, app/assets/stylesheets/components/_order-details.scss */
.order-details__table--6columns {
  grid-template-columns: 90px auto;
  grid-template-areas: "order-detail-image order-detail-product" "order-detail-image order-detail-qty" "order-detail-image order-detail-available" "order-detail-image order-detail-status" "order-detail-image order-detail-total";
}

@media only screen and (min-width: 1024px) {
  /* line 53, app/assets/stylesheets/components/_order-details.scss */
  .order-details__table--6columns {
    grid-template-columns: 90px 20% 16% 16% 18% auto;
    grid-template-areas: "order-detail-image order-detail-product order-detail-qty order-detail-available order-detail-status order-detail-total";
  }
}

/* line 69, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column {
  font-size: 0.9375rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
}

/* line 75, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column__title {
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 400;
}

@media only screen and (min-width: 1024px) {
  /* line 75, app/assets/stylesheets/components/_order-details.scss */
  .order-details__table__column__title {
    display: none;
  }
}

/* line 85, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--image {
  grid-area: order-detail-image;
  position: relative;
}

/* line 90, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product {
  row-gap: 10px;
  align-items: flex-start;
  grid-area: order-detail-product;
}

/* line 95, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 101, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product__title {
  font-weight: 500;
  color: #000000;
}

/* line 106, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product__vendor {
  font-size: 0.8125rem;
  color: #000000;
  text-transform: uppercase;
}

/* line 112, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product__sku {
  font-size: 0.8125rem;
  color: #000000;
  text-transform: uppercase;
}

/* line 118, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product__criteria {
  font-size: 0.8125rem;
  color: #000000;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 131, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product__price {
  font-size: 0.9375rem;
  font-weight: 500;
}

/* line 136, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--product__price-old {
  color: #8b8b8b;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  text-decoration: line-through;
}

/* line 144, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--qty {
  font-weight: 500;
  grid-area: order-detail-qty;
}

/* line 149, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--available {
  font-weight: 500;
  grid-area: order-detail-available;
}

/* line 154, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--status {
  grid-area: order-detail-status;
}

/* line 157, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--status__label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #414141;
}

/* line 164, app/assets/stylesheets/components/_order-details.scss */
.order-details__table__column--total {
  font-weight: 500;
  text-align: right;
  grid-area: order-detail-total;
  flex-direction: row;
  justify-content: space-between;
}

@media only screen and (min-width: 1024px) {
  /* line 164, app/assets/stylesheets/components/_order-details.scss */
  .order-details__table__column--total {
    padding: 0 40px 0 0;
    justify-content: flex-start;
    flex-direction: column;
  }
}

/* line 180, app/assets/stylesheets/components/_order-details.scss */
.order-details__img-link {
  aspect-ratio: 1 / 1;
  background: #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 188, app/assets/stylesheets/components/_order-details.scss */
.order-details__img {
  width: 90px;
  aspect-ratio: 1 / 1;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 194, app/assets/stylesheets/components/_order-details.scss */
.order-details__no-img {
  max-width: 20px;
}

/* line 1, app/assets/stylesheets/components/_order-details-ammount.scss */
.order-details-ammount {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 0;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_order-details-ammount.scss */
  .order-details-ammount {
    margin: 0 40px 0 122px;
  }
}

/* line 11, app/assets/stylesheets/components/_order-details-ammount.scss */
.order-details-ammount__row {
  display: flex;
  flex-direction: column;
  border-bottom: solid 1px #d6d6d6;
  padding: 0 0 24px 0;
}

/* line 17, app/assets/stylesheets/components/_order-details-ammount.scss */
.order-details-ammount__row--no-line {
  border: 0;
}

/* line 22, app/assets/stylesheets/components/_order-details-ammount.scss */
.order-details-ammount__item {
  display: flex;
  justify-content: space-between;
  padding: 0.125rem 0;
}

/* line 27, app/assets/stylesheets/components/_order-details-ammount.scss */
.order-details-ammount__item--promo {
  color: #106d44;
}

/* line 31, app/assets/stylesheets/components/_order-details-ammount.scss */
.order-details-ammount__item__label {
  font-size: 1rem;
}

/* line 35, app/assets/stylesheets/components/_order-details-ammount.scss */
.order-details-ammount__item__price {
  font-size: 0.9375rem;
  font-weight: 500;
}

/* line 1, app/assets/stylesheets/components/_item-state.scss */
.item-state {
  font-size: 0.75rem;
  padding: 2px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

/* line 8, app/assets/stylesheets/components/_item-state.scss */
.item-state--cancelled {
  color: #414141;
  background: #f4f4f4;
}

/* line 13, app/assets/stylesheets/components/_item-state.scss */
.item-state--pending, .item-state--cart {
  color: #af3618;
  background: #fff6dc;
}

/* line 18, app/assets/stylesheets/components/_item-state.scss */
.item-state--backorder, .item-state--admin {
  color: #541560;
  background: #f4def8;
}

/* line 23, app/assets/stylesheets/components/_item-state.scss */
.item-state--confirmed, .item-state--store_keeper {
  color: #0b5fa7;
  background: #dcefff;
}

/* line 28, app/assets/stylesheets/components/_item-state.scss */
.item-state--shipped, .item-state--supervisor {
  color: #0d5c0c;
  background: #D3FBDB;
}

/* line 1, app/assets/stylesheets/components/_address-card.scss */
.address-card {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 40px 32px;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  flex: 1;
}

/* line 11, app/assets/stylesheets/components/_address-card.scss */
.my-account-order .address-card {
  padding: 24px;
}

/* line 15, app/assets/stylesheets/components/_address-card.scss */
.address-card__content {
  display: flex;
  flex-direction: column;
}

/* line 20, app/assets/stylesheets/components/_address-card.scss */
.address-card__company {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 25, app/assets/stylesheets/components/_address-card.scss */
.address-card__name {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 30, app/assets/stylesheets/components/_address-card.scss */
.address-card__address {
  font-size: 0.9375rem;
}

/* line 34, app/assets/stylesheets/components/_address-card.scss */
.address-card__city {
  font-size: 0.9375rem;
}

/* line 38, app/assets/stylesheets/components/_address-card.scss */
.address-card__btns {
  display: flex;
  justify-content: space-between;
}

/* line 43, app/assets/stylesheets/components/_address-card.scss */
.address-card__shipping-option {
  padding: 0 0 0 44px;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* line 49, app/assets/stylesheets/components/_address-card.scss */
.address-card__shipping-option:before {
  content: "";
  display: block;
  width: 38px;
  height: 30px;
  position: absolute;
  top: -4px;
  left: 0;
  background: url(/assets/ico-pick-up-9fc85ce936f0c11323213be4334768e86d7ffb9eac79eed0f5eefe28dbdf0737.svg) center center no-repeat;
  background-size: 38px 30px;
}

/* line 61, app/assets/stylesheets/components/_address-card.scss */
.address-card__shipping-option__title {
  font-size: 0.8125rem;
  font-weight: 600;
}

/* line 3, app/assets/stylesheets/components/_my-address-book.scss */
.my-address-book__container {
  flex: 1 1 auto;
}

/* line 7, app/assets/stylesheets/components/_my-address-book.scss */
.my-address-book__card {
  padding: 30px 20px;
  width: 100%;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
}

/* line 16, app/assets/stylesheets/components/_my-address-book.scss */
.my-address-book__card__wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}

@media only screen and (min-width: 480px) {
  /* line 16, app/assets/stylesheets/components/_my-address-book.scss */
  .my-address-book__card__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/components/_my-address-book.scss */
  .my-address-book__card__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 33, app/assets/stylesheets/components/_my-address-book.scss */
.my-address-book__row__btn {
  margin-top: 35px;
  width: 100%;
  max-width: 384px;
}

@media only screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/components/_my-address-book.scss */
  .my-address-book__row__btn {
    width: unset;
    max-width: unset;
  }
}

/* line 43, app/assets/stylesheets/components/_my-address-book.scss */
.my-address-book__row__btn .c-button {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 43, app/assets/stylesheets/components/_my-address-book.scss */
  .my-address-book__row__btn .c-button {
    width: unset;
  }
}

/* line 3, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__container {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__container {
    -moz-column-gap: 30px;
         column-gap: 30px;
    flex-direction: row;
  }
}

/* line 13, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__order {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

@media only screen and (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__order {
    min-height: 400px;
  }
}

/* line 24, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__table {
  display: grid;
  grid-template-rows: repeat(6, 1fr);
  border-bottom: solid 0.5px #000000;
  padding: 0 0 20px 0;
}

@media only screen and (min-width: 768px) {
  /* line 24, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__table {
    grid-template-rows: unset;
    grid-template-columns: 13% 13% 13% 13% 10% auto;
    -moz-column-gap: 25px;
         column-gap: 25px;
    margin: 0 0 60px 0;
    padding: 0 0 45px 0;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 24, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__table {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}

/* line 42, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__table__column {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0.015625rem;
  display: flex;
  flex-direction: row;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 42, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__table__column {
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0.0125rem;
    flex-direction: column;
    row-gap: 18px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 42, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__table__column {
    font-size: 0.875rem;
    letter-spacing: 0.015625rem;
  }
}

@media only screen and (min-width: 768px) {
  /* line 63, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__table__column:last-child {
    align-items: center;
  }
}

/* line 70, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__table__column--bold {
  font-weight: 600;
}

/* line 75, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__table__title {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: 0.121875rem;
  font-weight: 500;
  display: block;
}

@media only screen and (min-width: 768px) {
  /* line 75, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__table__title {
    min-height: 30px;
  }
}

/* line 88, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__btn {
  background: transparent;
  color: #000a12;
  border: solid 0.5px #000000;
  line-height: 1;
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: unset;
  outline: 0;
  font-size: 1rem;
  padding: 31px 140px 25px 140px;
  text-transform: uppercase;
  border-radius: 32px / 50%;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  /* line 88, app/assets/stylesheets/components/_my-orders.scss */
  .my-orders__btn {
    font-size: 0.625rem;
    padding: 9px 38px 5px 38px;
    border-radius: 13px / 50%;
  }
}

/* line 110, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__btn:not(:disabled), .my-orders__btn:not(.is-disabled) {
  cursor: pointer;
}

/* line 115, app/assets/stylesheets/components/_my-orders.scss */
.my-orders__btn:hover {
  background: #000a12;
  color: #ffffff;
}

/* line 3, app/assets/stylesheets/components/_my-order.scss */
.c-my-order__info {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_my-order.scss */
  .c-my-order__info {
    flex-direction: row;
  }
}

/* line 13, app/assets/stylesheets/components/_my-order.scss */
.c-my-order__wrapper {
  margin: 0 0 3.75rem 0;
}

/* line 17, app/assets/stylesheets/components/_my-order.scss */
.c-my-order__table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* line 21, app/assets/stylesheets/components/_my-order.scss */
.c-my-order__table thead {
  margin: 0 0 1.25rem 0;
}

/* line 25, app/assets/stylesheets/components/_my-order.scss */
.c-my-order__table th {
  text-transform: uppercase;
  font-size: 0.625rem;
  letter-spacing: 0.0625rem;
  color: #50596c;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: solid 0.03125rem #50596c;
  padding: 0.9375rem 0.125rem;
}

/* line 38, app/assets/stylesheets/components/_my-order.scss */
.c-my-order__table td {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: solid 0.03125rem #000000;
  padding: 0.9375rem 0.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.0625rem;
  color: #50596c;
}

/* line 49, app/assets/stylesheets/components/_my-order.scss */
.c-my-order__table__last {
  font-weight: 800;
}

/* line 1, app/assets/stylesheets/components/_my-rewards.scss */
.my-rewards {
  background: #f5f5f0;
  padding: 64px 0;
}

/* line 5, app/assets/stylesheets/components/_my-rewards.scss */
.my-rewards__nav {
  grid-column-end: span 4;
}

@media only screen and (min-width: 560px) {
  /* line 5, app/assets/stylesheets/components/_my-rewards.scss */
  .my-rewards__nav {
    grid-column-end: span 1;
    border-right: solid 1px #d6d6d6;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 5, app/assets/stylesheets/components/_my-rewards.scss */
  .my-rewards__nav {
    grid-column-end: span 3;
  }
}

/* line 18, app/assets/stylesheets/components/_my-rewards.scss */
.my-rewards__container {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}

@media only screen and (min-width: 560px) {
  /* line 18, app/assets/stylesheets/components/_my-rewards.scss */
  .my-rewards__container {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_my-rewards.scss */
  .my-rewards__container {
    grid-column-start: 2;
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_my-rewards.scss */
  .my-rewards__container {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 18, app/assets/stylesheets/components/_my-rewards.scss */
  .my-rewards__container {
    grid-column-start: 5;
    grid-column-end: span 7;
  }
}

/* line 45, app/assets/stylesheets/components/_my-rewards.scss */
.my-rewards__title {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 400;
  margin: 0;
}

/* line 1, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

/* line 6, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media only screen and (min-width: 768px) {
  /* line 6, app/assets/stylesheets/components/_my-rewards-points.scss */
  .my-rewards-points__content {
    justify-content: stretch;
    flex-direction: row;
  }
}

/* line 17, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__available {
  width: 100%;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  background: #faefd4;
  background: linear-gradient(180deg, #faefd4 0%, #ffe3d8 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
}

@media only screen and (min-width: 768px) {
  /* line 17, app/assets/stylesheets/components/_my-rewards-points.scss */
  .my-rewards-points__available {
    max-width: 316px;
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 1 / 0.8;
  }
}

/* line 35, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__available.no-point {
  background: #ededed;
  background: linear-gradient(180deg, #ededed 0%, #ededed 100%);
}

/* line 40, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__available__img {
  width: 120px;
}

/* line 43, app/assets/stylesheets/components/_my-rewards-points.scss */
.no-point .my-rewards-points__available__img {
  display: none;
}

/* line 47, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__available__img.grey {
  display: none;
}

/* line 50, app/assets/stylesheets/components/_my-rewards-points.scss */
.no-point .my-rewards-points__available__img.grey {
  display: unset;
}

/* line 56, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__available__display {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  text-transform: uppercase;
}

/* line 64, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__available__display span {
  display: block;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 700;
}

/* line 73, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc {
  flex: 1;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 83, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__title {
  font-size: 1.5rem;
}

/* line 87, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__content {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}

/* line 93, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__form {
  display: flex;
  align-items: stretch;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 24px;
  flex-direction: column;
}

@media only screen and (min-width: 1248px) {
  /* line 93, app/assets/stylesheets/components/_my-rewards-points.scss */
  .my-rewards-points__desc__form {
    flex-direction: row;
  }
}

/* line 104, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__form__points {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  -moz-column-gap: 16px;
       column-gap: 16px;
}

/* line 112, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__select {
  border-radius: 12px;
  background: url(/assets/ico-reward-points-earned-73ec1efa1b6ee35d49ee88bef6f7901ee46d5a2167489108f6950f6675d552b2.svg) center left 12px no-repeat, url(/assets/ico-caret-select-ea187a557cf4bbed85b36a913ece060d65290ea05a96ec82540b18815f00b989.svg) center right 12px no-repeat #ffffff;
  background-size: 24px 24px, 16px 16px;
  padding: 18px 36px 18px 42px;
  border: 1px solid #ededed;
  outline: 0;
  color: #000000;
  font-size: 1.125rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 75%;
}

@media only screen and (min-width: 1248px) {
  /* line 112, app/assets/stylesheets/components/_my-rewards-points.scss */
  .my-rewards-points__desc__select {
    width: unset;
  }
}

/* line 128, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__select:hover, .my-rewards-points__desc__select:focus {
  border: 1px solid #d6d6d6;
}

/* line 132, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__select:disabled, .my-rewards-points__desc__select.is-disabled {
  background: url(/assets/ico-reward-points-earned-73ec1efa1b6ee35d49ee88bef6f7901ee46d5a2167489108f6950f6675d552b2.svg) center left 12px no-repeat, url(/assets/ico-caret-select-white-447738eec27770ac5b64d3814b29f6cd4c61f11d5ca71e3a1b17203e986a828a.svg) center right 12px no-repeat #d6d6d6;
  background-size: 24px 24px, 16px 16px;
  cursor: default;
  color: #ffffff;
  border: 1px solid #d6d6d6;
  background-blend-mode: luminosity;
}

/* line 142, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__ammount {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 700;
}

/* line 152, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__btn {
  border: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-align: center;
  padding: 18px 30px;
  border-radius: 30px;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  background: #000000;
  color: #ffffff;
  font-size: 0.8125rem;
  flex: 1;
}

/* line 168, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__btn:hover {
  background: #ededed;
  color: #000000;
}

/* line 173, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__btn:focus {
  background: #414141;
  color: #ffffff;
}

/* line 178, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__btn:disabled, .my-rewards-points__desc__btn.is-disabled {
  background: #d6d6d6;
  color: #ffffff;
}

/* line 184, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__desc__text {
  font-size: 0.8125rem;
  line-height: 1.1875rem;
}

/* line 190, app/assets/stylesheets/components/_my-rewards-points.scss */
.my-rewards-points__details {
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  padding: 14px 0 0 0;
}

/* line 1, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 6, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__header {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1024px) {
  /* line 6, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 16, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__header__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 22, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__content {
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  background: #faefd4;
  background: linear-gradient(180deg, #faefd4 0%, #ffe3d8 100%);
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

@media only screen and (min-width: 1248px) {
  /* line 22, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__content {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}

/* line 38, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__content__description {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}

@media only screen and (min-width: 1248px) {
  /* line 38, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__content__description {
    width: 40%;
  }
}

/* line 49, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__content__description__gift {
  width: 24px;
}

/* line 54, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__content__form {
  border: solid 1px #ff9c72;
  background: #ffffff;
  border-radius: 7px;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  justify-content: space-between;
  padding: 12px 18px;
}

@media only screen and (min-width: 1248px) {
  /* line 54, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__content__form {
    width: 40%;
  }
}

/* line 69, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__content__form__btn {
  border: 0;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 77, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__content__share {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

/* line 82, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__content__share__ico {
  width: 34px;
}

/* line 88, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__footer {
  border: solid 1px #d6d6d6;
  background: #ffffff;
  border-radius: 7px;
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 768px) {
  /* line 88, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__footer {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 100, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__footer__col {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 40px 0;
  border-bottom: solid 1px #d6d6d6;
}

@media only screen and (min-width: 768px) {
  /* line 100, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__footer__col {
    border-right: solid 1px #d6d6d6;
    border-bottom: 0;
    padding: 0 40px 70px 40px;
  }
}

/* line 113, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__footer__col:first-child {
  padding: 0 0 24px 0;
}

@media only screen and (min-width: 768px) {
  /* line 113, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__footer__col:first-child {
    padding: 0 40px 70px 0;
  }
}

/* line 121, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__footer__col:last-child {
  border: 0;
  padding: 24px 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 121, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
  .my-rewards-share-and-earn__footer__col:last-child {
    padding: 0 40px 70px 40px;
  }
}

/* line 131, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__footer__label {
  text-transform: uppercase;
  font-size: 16px;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
}

/* line 139, app/assets/stylesheets/components/_my-rewards-share-and-earn.scss */
.my-rewards-share-and-earn__footer__value {
  font-size: 1.5rem;
  font-weight: 600;
}

/* line 1, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 6, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history__list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

/* line 12, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history__item {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

/* line 17, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history__item__date {
  font-size: 0.9375rem;
  color: #8b8b8b;
}

/* line 22, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history__item__content {
  border: solid 1px #d6d6d6;
  background: #ffffff;
  border-radius: 7px;
  padding: 12px;
  display: flex;
  align-items: center;
}

/* line 30, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history__item__content__title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
}

/* line 38, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history__item__content__title__ico {
  width: 40px;
}

/* line 43, app/assets/stylesheets/components/_my-rewards-history.scss */
.my-rewards-history__item__content__value {
  font-size: 1.125rem;
  font-weight: 500;
}

/* line 1, app/assets/stylesheets/components/_my-coupons.scss */
.my-coupons {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_my-coupons.scss */
  .my-coupons {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_my-coupons.scss */
  .my-coupons {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1440px) {
  /* line 1, app/assets/stylesheets/components/_my-coupons.scss */
  .my-coupons {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 18, app/assets/stylesheets/components/_my-coupons.scss */
.my-coupons__subtitle {
  font-size: 2rem;
}

/* line 1, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon {
  display: flex;
  flex-direction: column;
}

/* line 5, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__header {
  background: #ffd35e;
  background: linear-gradient(180deg, #ffd35e 0%, #ff9c72 100%);
  height: 28px;
  border-radius: 7px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 13, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupons--history .my-coupon__header {
  background: #8b8b8b;
  background: linear-gradient(180deg, #8b8b8b 0%, #8b8b8b 100%);
}

/* line 19, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__top {
  background-color: #fcfcfc;
  border-radius: 7px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: dashed 1px #d6d6d6;
}

/* line 26, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__top__content {
  padding: 21px 23px;
}

/* line 31, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__bottom {
  background-color: #fcfcfc;
  border-radius: 10px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

/* line 37, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupons--history .my-coupon__bottom {
  color: #8b8b8b;
}

/* line 41, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__bottom__content {
  padding: 10px 23px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

/* line 49, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__amount {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 700;
}

/* line 54, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupons--history .my-coupon__amount {
  color: #8b8b8b;
}

/* line 59, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__desc {
  font-size: 0.75rem;
  color: #8b8b8b;
  font-weight: 500;
}

/* line 64, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupons--history .my-coupon__desc {
  font-size: 0.8125rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #af0000;
}

/* line 72, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__date {
  font-size: 0.8125rem;
  display: flex;
  flex-direction: column;
  letter-spacing: -0.0625rem;
}

/* line 78, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__date span {
  color: #8b8b8b;
  text-transform: uppercase;
}

/* line 84, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__code {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  padding: 10px 8px;
  background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, #ffd35e, #ff9c72) border-box;
  border-radius: 7px;
  border: 1px solid transparent;
}

/* line 95, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupons--history .my-coupon__code {
  border: 0;
  color: #d6d6d6;
}

/* line 100, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__code__value {
  font-size: 0.8125rem;
  font-weight: 700;
}

/* line 104, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupons--history .my-coupon__code__value {
  font-size: 1rem;
}

/* line 109, app/assets/stylesheets/components/_my-coupon.scss */
.my-coupon__code__copy {
  font-size: 0.8125rem;
  border: 0;
  background: transparent;
  text-transform: uppercase;
}

/* line 1, app/assets/stylesheets/components/_partner-program.scss */
.partner-program {
  background: #f5f5f0;
  padding: 64px 0;
}

/* line 5, app/assets/stylesheets/components/_partner-program.scss */
.partner-program__nav {
  grid-column-end: span 4;
}

@media only screen and (min-width: 560px) {
  /* line 5, app/assets/stylesheets/components/_partner-program.scss */
  .partner-program__nav {
    grid-column-end: span 1;
    border-right: solid 1px #d6d6d6;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 5, app/assets/stylesheets/components/_partner-program.scss */
  .partner-program__nav {
    grid-column-end: span 3;
  }
}

/* line 18, app/assets/stylesheets/components/_partner-program.scss */
.partner-program__container {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}

@media only screen and (min-width: 560px) {
  /* line 18, app/assets/stylesheets/components/_partner-program.scss */
  .partner-program__container {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_partner-program.scss */
  .partner-program__container {
    grid-column-start: 2;
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_partner-program.scss */
  .partner-program__container {
    grid-column-start: 5;
    grid-column-end: span 7;
  }
}

/* line 1, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

/* line 6, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media only screen and (min-width: 768px) {
  /* line 6, app/assets/stylesheets/components/_partner-program-balance.scss */
  .partner-program-balance__content {
    justify-content: stretch;
    flex-direction: row;
  }
}

/* line 17, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance__available {
  width: 100%;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  background: #bce1e9;
  background: linear-gradient(180deg, #bce1e9 0%, #cbf3de 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
}

@media only screen and (min-width: 768px) {
  /* line 17, app/assets/stylesheets/components/_partner-program-balance.scss */
  .partner-program-balance__available {
    max-width: 316px;
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 1 / 0.8;
  }
}

/* line 35, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance__available.no-point {
  background: #ededed;
  background: linear-gradient(180deg, #ededed 0%, #ededed 100%);
}

/* line 40, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance__available__img {
  width: 140px;
}

/* line 44, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance__available__ammount {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  text-transform: uppercase;
}

/* line 53, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance__available span {
  display: block;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 700;
}

/* line 61, app/assets/stylesheets/components/_partner-program-balance.scss */
.partner-program-balance__desc {
  flex: 1;
  background: #ffffff;
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  padding: 30px;
}

/* line 1, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 6, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__header {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1024px) {
  /* line 6, app/assets/stylesheets/components/_partner-program-affiliate.scss */
  .partner-program-affiliate__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 17, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__description {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: flex-start;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}

/* line 24, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__description__ico {
  width: 24px;
}

/* line 29, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__footer {
  border: solid 1px #d6d6d6;
  background: #ffffff;
  border-radius: 7px;
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 768px) {
  /* line 29, app/assets/stylesheets/components/_partner-program-affiliate.scss */
  .partner-program-affiliate__footer {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 41, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__footer__col {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 40px 0;
  border-bottom: solid 1px #d6d6d6;
}

@media only screen and (min-width: 768px) {
  /* line 41, app/assets/stylesheets/components/_partner-program-affiliate.scss */
  .partner-program-affiliate__footer__col {
    border-right: solid 1px #d6d6d6;
    border-bottom: 0;
    padding: 0 40px 70px 40px;
  }
}

/* line 54, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__footer__col:first-child {
  padding: 0 0 24px 0;
}

@media only screen and (min-width: 768px) {
  /* line 54, app/assets/stylesheets/components/_partner-program-affiliate.scss */
  .partner-program-affiliate__footer__col:first-child {
    padding: 0 40px 70px 0;
  }
}

/* line 62, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__footer__col:last-child {
  border: 0;
  padding: 24px 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 62, app/assets/stylesheets/components/_partner-program-affiliate.scss */
  .partner-program-affiliate__footer__col:last-child {
    padding: 0 40px 70px 40px;
  }
}

/* line 72, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__footer__label {
  text-transform: uppercase;
  font-size: 1rem;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: flex-start;
}

/* line 80, app/assets/stylesheets/components/_partner-program-affiliate.scss */
.partner-program-affiliate__footer__value {
  font-size: 1.5rem;
  font-weight: 400;
}

/* line 1, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 6, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__header {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1024px) {
  /* line 6, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* line 16, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__header__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 22, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content {
  border: solid 1px #d6d6d6;
  border-radius: 7px;
  background: #25b7d7;
  background: linear-gradient(243deg, #25b7d7 0%, #6fcfa1 100%);
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  position: relative;
}

/* line 33, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/assets/pattern-referral-program-c30b4a7611d03791887c29717c738ec82bb64345dd64b1ee9a6b10cd6267f161.png) center center no-repeat;
}

@media only screen and (min-width: 1248px) {
  /* line 22, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__content {
    flex-direction: row;
    align-items: flex-start;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}

/* line 50, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__description {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  position: relative;
  z-index: 1;
  color: #ffffff;
}

@media only screen and (min-width: 1248px) {
  /* line 50, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__content__description {
    width: 40%;
  }
}

/* line 63, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__description__subtitle {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
}

/* line 69, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__description__percent {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 76, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__description__percent span {
  font-size: 3rem;
  font-weight: 600;
}

/* line 82, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__description__note {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-style: italic;
}

/* line 89, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__form {
  border: solid 1px #25b7d7;
  background: #ffffff;
  border-radius: 7px;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  justify-content: space-between;
  padding: 12px 18px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1248px) {
  /* line 89, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__content__form {
    width: 40%;
  }
}

/* line 106, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__form__btn {
  border: 0;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 114, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__share {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  position: relative;
  z-index: 1;
}

/* line 121, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__content__share__ico {
  width: 34px;
}

/* line 127, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__footer {
  border: solid 1px #d6d6d6;
  background: #ffffff;
  border-radius: 7px;
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 768px) {
  /* line 127, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__footer {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 139, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__footer__col {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 40px 0;
  border-bottom: solid 1px #d6d6d6;
}

@media only screen and (min-width: 768px) {
  /* line 139, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__footer__col {
    border-right: solid 1px #d6d6d6;
    border-bottom: 0;
    padding: 0 40px 70px 40px;
  }
}

/* line 152, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__footer__col:first-child {
  padding: 0 0 24px 0;
}

@media only screen and (min-width: 768px) {
  /* line 152, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__footer__col:first-child {
    padding: 0 40px 70px 0;
  }
}

/* line 160, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__footer__col:last-child {
  border: 0;
  padding: 24px 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 160, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
  .partner-program-share-and-earn__footer__col:last-child {
    padding: 0 40px 70px 40px;
  }
}

/* line 170, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__footer__label {
  text-transform: uppercase;
  font-size: 16px;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
}

/* line 178, app/assets/stylesheets/components/_partner-program-share-and-earn.scss */
.partner-program-share-and-earn__footer__value {
  font-size: 1.5rem;
  font-weight: 400;
}

/* line 1, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

/* line 6, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history__table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: solid 1px #d6d6d6;
  background: #ffffff;
  border-radius: 7px;
}

/* line 13, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history__table__header {
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 16px;
}

/* line 18, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history__table__header--last {
  text-align: right;
}

/* line 23, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history__table__cell {
  padding: 16px;
}

/* line 26, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history__table__cell--date {
  color: #414141;
  font-size: 0.8125rem;
}

/* line 31, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history__table__cell--program {
  font-size: 0.625rem;
  color: #414141;
  text-transform: uppercase;
}

/* line 37, app/assets/stylesheets/components/_partner-program-history.scss */
.partner-program-history__table__cell--amount {
  font-size: 0.8125rem;
  color: #414141;
  text-transform: uppercase;
  text-align: right;
  font-weight: 600;
}

/* line 1, app/assets/stylesheets/components/_business-form.scss */
.business-form {
  margin: 0 0 100px 0;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_business-form.scss */
  .business-form {
    margin: 0 0 200px 0;
  }
}

/* line 8, app/assets/stylesheets/components/_business-form.scss */
.business-form__title {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_business-form.scss */
  .business-form__title {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/components/_business-form.scss */
  .business-form__title {
    grid-column-end: span 12;
  }
}

/* line 20, app/assets/stylesheets/components/_business-form.scss */
.business-form__container {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  -moz-column-gap: 26px;
       column-gap: 26px;
}

@media only screen and (min-width: 768px) {
  /* line 20, app/assets/stylesheets/components/_business-form.scss */
  .business-form__container {
    grid-column-end: span 8;
    -moz-column-gap: 30px;
         column-gap: 30px;
    padding: 0;
    flex-direction: row;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 20, app/assets/stylesheets/components/_business-form.scss */
  .business-form__container {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 20, app/assets/stylesheets/components/_business-form.scss */
  .business-form__container {
    grid-column-end: span 6;
  }
}

/* line 43, app/assets/stylesheets/components/_business-form.scss */
.business-form__form-content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 49, app/assets/stylesheets/components/_business-form.scss */
.business-form__desc {
  margin: 0 0 56px 0;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 55, app/assets/stylesheets/components/_business-form.scss */
.business-form__form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 61, app/assets/stylesheets/components/_business-form.scss */
.business-form__form .edit_user {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 69, app/assets/stylesheets/components/_business-form.scss */
.business-form__form__row__btn {
  margin-top: 35px;
  width: 100%;
  max-width: 384px;
}

@media only screen and (min-width: 768px) {
  /* line 69, app/assets/stylesheets/components/_business-form.scss */
  .business-form__form__row__btn {
    width: unset;
    max-width: unset;
  }
}

/* line 79, app/assets/stylesheets/components/_business-form.scss */
.business-form__form__row__btn .c-button {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 79, app/assets/stylesheets/components/_business-form.scss */
  .business-form__form__row__btn .c-button {
    width: unset;
  }
}

/* line 89, app/assets/stylesheets/components/_business-form.scss */
.business-form__form__input {
  width: 100%;
  text-align: left;
  padding: 10px 4px;
}

/* line 1, app/assets/stylesheets/components/_user-form.scss */
.user-form {
  margin: 0 0 100px 0;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_user-form.scss */
  .user-form {
    margin: 0 0 200px 0;
  }
}

/* line 8, app/assets/stylesheets/components/_user-form.scss */
.user-form__title {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_user-form.scss */
  .user-form__title {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/components/_user-form.scss */
  .user-form__title {
    grid-column-end: span 12;
  }
}

/* line 20, app/assets/stylesheets/components/_user-form.scss */
.user-form__container {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  -moz-column-gap: 26px;
       column-gap: 26px;
}

@media only screen and (min-width: 768px) {
  /* line 20, app/assets/stylesheets/components/_user-form.scss */
  .user-form__container {
    grid-column-end: span 8;
    -moz-column-gap: 30px;
         column-gap: 30px;
    padding: 0;
    flex-direction: row;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 20, app/assets/stylesheets/components/_user-form.scss */
  .user-form__container {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 20, app/assets/stylesheets/components/_user-form.scss */
  .user-form__container {
    grid-column-end: span 6;
  }
}

/* line 43, app/assets/stylesheets/components/_user-form.scss */
.user-form__form-content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 49, app/assets/stylesheets/components/_user-form.scss */
.user-form__desc {
  margin: 0 0 56px 0;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 55, app/assets/stylesheets/components/_user-form.scss */
.user-form__form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 61, app/assets/stylesheets/components/_user-form.scss */
.user-form__form .edit_user {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 69, app/assets/stylesheets/components/_user-form.scss */
.user-form__form__row__btn {
  margin-top: 35px;
  width: 100%;
  max-width: 384px;
}

@media only screen and (min-width: 768px) {
  /* line 69, app/assets/stylesheets/components/_user-form.scss */
  .user-form__form__row__btn {
    width: unset;
    max-width: unset;
  }
}

/* line 79, app/assets/stylesheets/components/_user-form.scss */
.user-form__form__row__btn .c-button {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 79, app/assets/stylesheets/components/_user-form.scss */
  .user-form__form__row__btn .c-button {
    width: unset;
  }
}

/* line 89, app/assets/stylesheets/components/_user-form.scss */
.user-form__form__input {
  width: 100%;
  text-align: left;
  padding: 10px 4px;
}

/* line 1, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form {
  position: relative;
}

/* line 4, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 10, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form__checkbox {
  margin: 0 0 20px 0;
  font-size: 0.8125rem;
}

/* line 15, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form__form-content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin: 0 0 20px 0;
}

/* line 22, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form__form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 28, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form__form .edit_user {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 34, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form__form__input {
  width: 100%;
  text-align: left;
  padding: 10px 4px;
}

/* line 41, app/assets/stylesheets/components/_checkout-form.scss */
.checkout-form__back {
  position: absolute;
  bottom: -63px;
}

@media only screen and (min-width: 768px) {
  /* line 41, app/assets/stylesheets/components/_checkout-form.scss */
  .checkout-form__back {
    bottom: -64px;
  }
}

/* line 1, app/assets/stylesheets/components/_order.scss */
.c-order, .order {
  font-size: 0.9375rem;
}

/* line 4, app/assets/stylesheets/components/_order.scss */
.c-order__item, .order__item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
  border-bottom: solid 1px #d6d6d6;
  padding: 0 0 10px 0;
}

@media only screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/components/_order.scss */
  .c-order__item, .order__item {
    display: flex;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}

/* line 18, app/assets/stylesheets/components/_order.scss */
.c-order__item--header, .order__item--header {
  display: none;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_order.scss */
  .c-order__item--header, .order__item--header {
    display: flex;
  }
}

/* line 28, app/assets/stylesheets/components/_order.scss */
.c-order__item-column, .order__item-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  font-size: 0.875rem;
}

/* line 35, app/assets/stylesheets/components/_order.scss */
.c-order__item-column--mobile, .order__item-column--mobile {
  display: flex;
  grid-column-end: span 2;
}

@media only screen and (min-width: 768px) {
  /* line 35, app/assets/stylesheets/components/_order.scss */
  .c-order__item-column--mobile, .order__item-column--mobile {
    display: none;
  }
}

/* line 45, app/assets/stylesheets/components/_order.scss */
.c-order__item-column--desktop, .order__item-column--desktop {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 45, app/assets/stylesheets/components/_order.scss */
  .c-order__item-column--desktop, .order__item-column--desktop {
    display: flex;
  }
}

/* line 54, app/assets/stylesheets/components/_order.scss */
.c-order__item-column-link, .order__item-column-link {
  aspect-ratio: 1 / 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
}

/* line 62, app/assets/stylesheets/components/_order.scss */
.c-order__item-column-img, .order__item-column-img {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 62, app/assets/stylesheets/components/_order.scss */
  .c-order__item-column-img, .order__item-column-img {
    grid-column-end: unset;
  }
}

/* line 72, app/assets/stylesheets/components/_order.scss */
.order__item-column-img .c-order__item-column-no-img, .order__item-column-img .order__item-column-no-img {
  width: 40px;
}

/* line 77, app/assets/stylesheets/components/_order.scss */
.c-order__item-column-price, .order__item-column-price {
  text-align: right;
}

/* line 81, app/assets/stylesheets/components/_order.scss */
.c-order__item-img, .order__item-img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1023px) {
  /* line 89, app/assets/stylesheets/components/_order.scss */
  .c-order--freebie, .order--freebie {
    padding: 1.5625rem;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 1, app/assets/stylesheets/components/_order.scss */
  .c-order, .order {
    text-align: center;
    padding: 1.5625rem;
  }
  /* line 99, app/assets/stylesheets/components/_order.scss */
  .c-order:nth-child(even), .order:nth-child(even) {
    background-color: #f5f5f5;
  }
}

/* line 104, app/assets/stylesheets/components/_order.scss */
.c-order:not(:last-child), .order:not(:last-child) {
  border-bottom: 1px solid #F7F7F7;
}

/* line 108, app/assets/stylesheets/components/_order.scss */
.c-order__title, .order__title {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: 0.121875rem;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  /* line 114, app/assets/stylesheets/components/_order.scss */
  .my-orders .c-order__title, .my-orders .order__title {
    min-height: 30px;
  }
}

/* line 122, app/assets/stylesheets/components/_order.scss */
.c-order__item-title, .order__item-title {
  margin-bottom: 0.3125rem;
}

/* line 126, app/assets/stylesheets/components/_order.scss */
.c-order__item-price, .order__item-price {
  font-size: 1.25rem;
}

/* line 130, app/assets/stylesheets/components/_order.scss */
.c-order__item-price-freebie, .order__item-price-freebie {
  font-size: 1.25rem;
  color: #af0000;
}

/* line 135, app/assets/stylesheets/components/_order.scss */
.c-order__item-price-old, .order__item-price-old {
  font-size: 0.875rem;
  color: #8b8b8b;
  text-decoration: line-through;
}

/* line 141, app/assets/stylesheets/components/_order.scss */
.c-order__number a, .order__number a {
  color: #000000;
}

/* line 145, app/assets/stylesheets/components/_order.scss */
.c-order__total, .order__total {
  font-size: 1.25rem;
}

/* line 149, app/assets/stylesheets/components/_order.scss */
.c-order__action, .order__action {
  margin-top: 2.5rem;
}

/* line 1, app/assets/stylesheets/components/_order-confirmation.scss */
.order-confirmation {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_order-confirmation.scss */
  .order-confirmation {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_order-confirmation.scss */
  .order-confirmation {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 1, app/assets/stylesheets/components/_order-confirmation.scss */
  .order-confirmation {
    grid-column-end: span 8;
  }
}

/* line 1, app/assets/stylesheets/components/_earnings.scss */
.earnings {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 75% auto;
  row-gap: 10px;
  font-size: 0.875rem;
}

/* line 8, app/assets/stylesheets/components/_earnings.scss */
.earnings__label {
  padding: 5px 0;
}

/* line 12, app/assets/stylesheets/components/_earnings.scss */
.earnings__value {
  font-weight: 600;
  padding: 5px 0;
}

/* line 17, app/assets/stylesheets/components/_earnings.scss */
.earnings__bgd {
  background: #f7f7f7;
}

/* line 1, app/assets/stylesheets/components/_payment.scss */
.payment {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

/* line 6, app/assets/stylesheets/components/_payment.scss */
.payment__ammount {
  font-size: 0.9375rem;
}

/* line 10, app/assets/stylesheets/components/_payment.scss */
.payment__price {
  font-size: 1.25rem;
}

/* line 14, app/assets/stylesheets/components/_payment.scss */
.payment__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 20, app/assets/stylesheets/components/_payment.scss */
.payment__form {
  font-size: 0.9375rem;
}

/* line 24, app/assets/stylesheets/components/_payment.scss */
.payment__form-input {
  width: 100%;
  background: transparent;
  border: 0;
  font-size: 0.8125rem;
  border-bottom: solid 1px #000000;
  color: #000000;
  padding: 0.625rem 0.25rem;
}

/* line 33, app/assets/stylesheets/components/_payment.scss */
.payment__form-input::-moz-placeholder {
  font-size: 0.8125rem;
  color: #000000;
  opacity: 1;
}
.payment__form-input::placeholder {
  font-size: 0.8125rem;
  color: #000000;
  opacity: 1;
}

/* line 41, app/assets/stylesheets/components/_payment.scss */
.payment__form-input:hover::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.payment__form-input:hover::placeholder {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

/* line 49, app/assets/stylesheets/components/_payment.scss */
.payment__form-input:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.payment__form-input:focus::placeholder {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

/* line 56, app/assets/stylesheets/components/_payment.scss */
.payment__form-hint {
  font-size: 0.6875rem;
  color: #8b8b8b;
  margin-top: 0.25rem;
}

/* line 1, app/assets/stylesheets/components/_reset-password.scss */
.reset-password {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_reset-password.scss */
  .reset-password {
    grid-column-end: span 6;
    row-gap: 30px;
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_reset-password.scss */
  .reset-password {
    grid-column-end: span 6;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 1, app/assets/stylesheets/components/_reset-password.scss */
  .reset-password {
    grid-column-end: span 4;
  }
}

/* line 22, app/assets/stylesheets/components/_reset-password.scss */
.reset-password__form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 1, app/assets/stylesheets/components/_blog-index.scss */
.blog-index {
  grid-row-gap: 90px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_blog-index.scss */
  .blog-index {
    grid-row-gap: 100px;
  }
}

/* line 8, app/assets/stylesheets/components/_blog-index.scss */
.blog-index__filter {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_blog-index.scss */
  .blog-index__filter {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/components/_blog-index.scss */
  .blog-index__filter {
    grid-column-end: span 12;
  }
  /* line 18, app/assets/stylesheets/components/_blog-index.scss */
  .blog-index__filter.has-aside {
    grid-column-end: span 8;
  }
}

/* line 1, app/assets/stylesheets/components/_blog-articles-filters.scss */
.blog-articles-filters {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}

/* line 6, app/assets/stylesheets/components/_blog-articles-filters.scss */
.blog-articles-filters__wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-auto-flow: dense;
}

@media only screen and (min-width: 768px) {
  /* line 6, app/assets/stylesheets/components/_blog-articles-filters.scss */
  .blog-articles-filters__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  /* line 16, app/assets/stylesheets/components/_blog-articles-filters.scss */
  .has-aside .blog-articles-filters__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 6, app/assets/stylesheets/components/_blog-articles-filters.scss */
  .blog-articles-filters__wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 104px;
  }
  /* line 26, app/assets/stylesheets/components/_blog-articles-filters.scss */
  .has-aside .blog-articles-filters__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 1, app/assets/stylesheets/components/_blog-index-aside.scss */
.blog-index-aside {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_blog-index-aside.scss */
  .blog-index-aside {
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_blog-index-aside.scss */
  .blog-index-aside {
    grid-column-end: span 3;
    grid-column-start: 10;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_blog-index-aside.scss */
  .blog-index-aside {
    grid-row-gap: 40px;
  }
}

/* line 20, app/assets/stylesheets/components/_blog-index-aside.scss */
.blog-index-aside__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

@media only screen and (min-width: 1248px) {
  /* line 20, app/assets/stylesheets/components/_blog-index-aside.scss */
  .blog-index-aside__wrapper {
    grid-row-gap: 100px;
  }
}

/* line 30, app/assets/stylesheets/components/_blog-index-aside.scss */
.blog-index-aside__title {
  border-top: solid 1px #8b8b8b;
  padding: 10px 0 0 0;
}

/* line 35, app/assets/stylesheets/components/_blog-index-aside.scss */
.blog-index-aside__content {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}

@media only screen and (min-width: 1248px) {
  /* line 35, app/assets/stylesheets/components/_blog-index-aside.scss */
  .blog-index-aside__content {
    row-gap: 104px;
  }
}

/* line 1, app/assets/stylesheets/components/_blog-article.scss */
.blog-article {
  row-gap: 100px;
}

/* line 4, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__content {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/components/_blog-article.scss */
  .blog-article__content {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/components/_blog-article.scss */
  .blog-article__content {
    grid-column-end: span 5;
    grid-column-start: 2;
  }
}

/* line 19, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__heading {
  font-size: 1.875rem;
  line-height: 2.8125rem;
  font-family: "Noto Serif Display", serif;
  color: #8b8b8b;
  font-weight: 400;
  font-style: italic;
  margin: 0 0 12px 0;
}

/* line 29, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__info {
  display: flex;
  -moz-column-gap: 50px;
       column-gap: 50px;
  margin: 0 0 70px 0;
}

/* line 35, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__label {
  font-family: "Noto Serif Display", serif;
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8b8b;
}

/* line 43, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__author {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

/* line 52, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__date {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

/* line 61, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__text {
  margin: 0 0 56px 0;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 66, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__text img {
  width: 100%;
}

/* line 71, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__aside {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 71, app/assets/stylesheets/components/_blog-article.scss */
  .blog-article__aside {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/components/_blog-article.scss */
  .blog-article__aside {
    grid-column-end: span 5;
    grid-column-start: 8;
  }
}

/* line 86, app/assets/stylesheets/components/_blog-article.scss */
.blog-article__related-articles {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 86, app/assets/stylesheets/components/_blog-article.scss */
  .blog-article__related-articles {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 86, app/assets/stylesheets/components/_blog-article.scss */
  .blog-article__related-articles {
    grid-column-end: span 5;
    grid-column-start: 8;
  }
}

/* line 1, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments {
  grid-column-end: span 4;
  padding: 50px 0 0 0;
  border-top: solid 1px #707070;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_blog-article-comments.scss */
  .blog-article-comments {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_blog-article-comments.scss */
  .blog-article-comments {
    grid-column-end: span 5;
    grid-column-start: 2;
  }
}

/* line 19, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments__list {
  display: flex;
  flex-direction: column;
  row-gap: 46px;
  margin: 0 0 46px 0;
  width: 100%;
}

/* line 27, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments__content {
  margin: 0 0 100px 0;
}

/* line 31, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments__count {
  font-size: 1.125rem;
  font-weight: 500;
}

/* line 36, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments__recap {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 41, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments__icos {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

/* line 45, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments__icos svg {
  width: 14px;
}

/* line 50, app/assets/stylesheets/components/_blog-article-comments.scss */
.blog-article-comments__more {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

/* line 1, app/assets/stylesheets/components/_blog-article-comment.scss */
.blog-article-comment {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding: 0 0 16px 0;
  border-bottom: solid 1px #d6d6d6;
}

/* line 8, app/assets/stylesheets/components/_blog-article-comment.scss */
.blog-article-comment__from {
  display: flex;
  flex-direction: column;
}

/* line 13, app/assets/stylesheets/components/_blog-article-comment.scss */
.blog-article-comment__name {
  font-size: 1.125rem;
  line-height: 2.1875rem;
  font-weight: 500;
}

/* line 19, app/assets/stylesheets/components/_blog-article-comment.scss */
.blog-article-comment__label {
  font-family: "Noto Serif Display", serif;
  font-style: italic;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8b8b;
}

/* line 27, app/assets/stylesheets/components/_blog-article-comment.scss */
.blog-article-comment__date {
  font-size: 1rem;
  line-height: 1.3125rem;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}

/* line 35, app/assets/stylesheets/components/_blog-article-comment.scss */
.blog-article-comment__text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/* line 40, app/assets/stylesheets/components/_blog-article-comment.scss */
.blog-article-comment__liked {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 1, app/assets/stylesheets/components/_related-articles.scss */
.related-articles {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 100px;
}

/* line 7, app/assets/stylesheets/components/_related-articles.scss */
.no-reviews .related-articles {
  grid-template-columns: repeat(1, 1fr);
}

@media only screen and (min-width: 560px) {
  /* line 1, app/assets/stylesheets/components/_related-articles.scss */
  .related-articles {
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 14, app/assets/stylesheets/components/_related-articles.scss */
  .no-reviews .related-articles {
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 18, app/assets/stylesheets/components/_related-articles.scss */
  .two-columns .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_related-articles.scss */
  .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 26, app/assets/stylesheets/components/_related-articles.scss */
  .has-reviews .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 30, app/assets/stylesheets/components/_related-articles.scss */
  .no-reviews .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 34, app/assets/stylesheets/components/_related-articles.scss */
  .two-columns.has-reviews .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_related-articles.scss */
  .related-articles {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 42, app/assets/stylesheets/components/_related-articles.scss */
  .has-reviews .related-articles {
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 46, app/assets/stylesheets/components/_related-articles.scss */
  .two-columns .related-articles {
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 50, app/assets/stylesheets/components/_related-articles.scss */
  .two-columns.has-reviews .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 54, app/assets/stylesheets/components/_related-articles.scss */
  .no-reviews .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 58, app/assets/stylesheets/components/_related-articles.scss */
  .two-columns.no-reviews .related-articles {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_related-articles.scss */
  .related-articles {
    -moz-column-gap: 32px;
         column-gap: 32px;
    row-gap: 100px;
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 68, app/assets/stylesheets/components/_related-articles.scss */
  .two-columns .related-articles {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 72, app/assets/stylesheets/components/_related-articles.scss */
  .two-columns.no-reviews .related-articles, .no-reviews .related-articles {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* line 1, app/assets/stylesheets/components/_footer.scss */
.footer {
  margin: 150px 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_footer.scss */
  .footer {
    margin: 200px 0 0 0;
  }
}

/* line 8, app/assets/stylesheets/components/_footer.scss */
.footer__main {
  background: #000000;
  padding: 88px 0 96px 0;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_footer.scss */
  .footer__main {
    grid-row-gap: inherit;
    padding: 88px 0 220px 0;
  }
}

/* line 18, app/assets/stylesheets/components/_footer.scss */
.footer__main-content {
  color: #ffffff;
  grid-row-gap: 50px;
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_footer.scss */
  .footer__main-content {
    grid-row-gap: inherit;
  }
}

/* line 27, app/assets/stylesheets/components/_footer.scss */
.footer__logo {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 27, app/assets/stylesheets/components/_footer.scss */
  .footer__logo {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 27, app/assets/stylesheets/components/_footer.scss */
  .footer__logo {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 27, app/assets/stylesheets/components/_footer.scss */
  .footer__logo {
    grid-column-end: span 2;
  }
}

/* line 42, app/assets/stylesheets/components/_footer.scss */
.footer__logo svg {
  width: 100%;
  max-width: 150px;
}

/* line 48, app/assets/stylesheets/components/_footer.scss */
.footer__column {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  grid-column-end: span 4;
}

@media only screen and (min-width: 560px) {
  /* line 48, app/assets/stylesheets/components/_footer.scss */
  .footer__column {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 48, app/assets/stylesheets/components/_footer.scss */
  .footer__column {
    grid-column-end: span 2;
  }
}

/* line 63, app/assets/stylesheets/components/_footer.scss */
.footer__title {
  font-size: 0.9375rem;
  line-height: 1.125rem;
}

@media only screen and (min-width: 1024px) {
  /* line 63, app/assets/stylesheets/components/_footer.scss */
  .footer__title {
    font-size: 0.75rem;
  }
}

/* line 72, app/assets/stylesheets/components/_footer.scss */
.footer__text {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  color: #8b8b8b;
  padding: 0 20px 0 0;
}

@media only screen and (min-width: 1024px) {
  /* line 72, app/assets/stylesheets/components/_footer.scss */
  .footer__text {
    max-width: 200px;
    padding: 0;
  }
}

/* line 83, app/assets/stylesheets/components/_footer.scss */
.footer__text p {
  margin: 0 0 20px 0;
}

/* line 87, app/assets/stylesheets/components/_footer.scss */
.footer__text a {
  color: #ffffff;
  text-decoration: underline;
}

/* line 91, app/assets/stylesheets/components/_footer.scss */
.footer__text a:hover {
  color: #585858;
  text-decoration: none;
}

/* line 98, app/assets/stylesheets/components/_footer.scss */
.footer__list {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  grid-column-end: span 4;
}

@media only screen and (min-width: 560px) {
  /* line 98, app/assets/stylesheets/components/_footer.scss */
  .footer__list {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 98, app/assets/stylesheets/components/_footer.scss */
  .footer__list {
    grid-column-end: span 2;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 98, app/assets/stylesheets/components/_footer.scss */
  .footer__list {
    grid-column-end: span 1;
  }
}

/* line 120, app/assets/stylesheets/components/_footer.scss */
.footer__list-item {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 600;
}

/* line 126, app/assets/stylesheets/components/_footer.scss */
.footer__list-menu {
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
}

/* line 132, app/assets/stylesheets/components/_footer.scss */
.footer__link {
  color: #ffffff;
}

/* line 135, app/assets/stylesheets/components/_footer.scss */
.footer__link:hover {
  color: #585858;
}

/* line 140, app/assets/stylesheets/components/_footer.scss */
.footer__menu-link {
  color: #8b8b8b;
}

/* line 143, app/assets/stylesheets/components/_footer.scss */
.footer__menu-link:hover {
  color: #585858;
}

/* line 148, app/assets/stylesheets/components/_footer.scss */
.footer__contact {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  align-items: flex-start;
}

/* line 155, app/assets/stylesheets/components/_footer.scss */
.footer__contact-text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  margin: 0;
  padding: 0 20px 0 0;
}

@media only screen and (min-width: 1024px) {
  /* line 155, app/assets/stylesheets/components/_footer.scss */
  .footer__contact-text {
    max-width: 200px;
    padding: 0;
  }
}

/* line 1, app/assets/stylesheets/components/_footer-social.scss */
.footer-social {
  padding: 0;
  margin: 0 0 50px 0;
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  list-style: none;
  align-items: center;
}

/* line 9, app/assets/stylesheets/components/_footer-social.scss */
.footer-social__ico {
  display: block;
  width: 25px;
}

/* line 13, app/assets/stylesheets/components/_footer-social.scss */
.footer-social__link:hover .footer-social__ico {
  display: none;
}

/* line 17, app/assets/stylesheets/components/_footer-social.scss */
.footer-social__ico.is-hover {
  display: none;
}

/* line 20, app/assets/stylesheets/components/_footer-social.scss */
.footer-social__link:hover .footer-social__ico.is-hover {
  display: block;
}

/* line 1, app/assets/stylesheets/components/_footer-copy.scss */
.footer-copy {
  padding: 25px 35px 35px 35px;
}

/* line 4, app/assets/stylesheets/components/_footer-copy.scss */
.footer-copy__content {
  display: flex;
  justify-content: flex-end;
  font-size: 0.6875rem;
  text-transform: uppercase;
}

/* line 3, app/assets/stylesheets/components/_ico.scss */
.find-store .ico {
  fill: #000000;
  transition: all 0.25s;
}

/* line 7, app/assets/stylesheets/components/_ico.scss */
.find-store .ico:hover {
  fill: red;
}

/* line 12, app/assets/stylesheets/components/_ico.scss */
.ico-star {
  fill: #d6d6d6;
}

/* line 15, app/assets/stylesheets/components/_ico.scss */
.ico-star.is-active {
  fill: #000000;
}

/* line 20, app/assets/stylesheets/components/_ico.scss */
.ico--close {
  width: 18px;
  height: 18px;
}

/* line 28, app/assets/stylesheets/components/_ico.scss */
.c-ico__fill {
  fill: #000000;
}

/* line 31, app/assets/stylesheets/components/_ico.scss */
.c-ico__fill__share {
  fill: #50596c;
  transition: all 0.25s;
}

/* line 35, app/assets/stylesheets/components/_ico.scss */
.c-ico__fill__share:hover {
  fill: #000a12;
}

/* line 41, app/assets/stylesheets/components/_ico.scss */
.c-ico--social {
  width: 2.0625rem;
  height: unset;
  max-height: 2.0625rem;
}

@media only screen and (min-width: 768px) {
  /* line 41, app/assets/stylesheets/components/_ico.scss */
  .c-ico--social {
    width: 1.4375rem;
    max-height: 1.4375rem;
  }
}

/* line 55, app/assets/stylesheets/components/_ico.scss */
.c-ico-scorer.is-active .c-reviews__card__stars__star__fill {
  fill: #a42b27;
}

/* line 61, app/assets/stylesheets/components/_ico.scss */
.c-ico-star {
  fill: #c7c8ca;
}

/* line 64, app/assets/stylesheets/components/_ico.scss */
.c-ico-star.is-active {
  fill: #a42b27;
}

/* line 4, app/assets/stylesheets/components/_link.scss */
.c-link + .c-link {
  margin-left: 1rem;
}

/* line 8, app/assets/stylesheets/components/_link.scss */
.c-link--invert {
  color: #ffffff;
}

/* line 4, app/assets/stylesheets/components/_logo.scss */
.c-logo {
  width: 7.9375rem;
  height: 2.125rem;
}

@media only screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/components/_logo.scss */
  .c-logo {
    width: 10.3125rem;
    height: 2.75rem;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/components/_logo.scss */
  .c-logo {
    width: 7.9375rem;
    height: 2.125rem;
  }
}

/* line 20, app/assets/stylesheets/components/_logo.scss */
.c-logo__fill {
  fill: #000000;
}

/* line 25, app/assets/stylesheets/components/_logo.scss */
.c-logo--invert .c-logo__fill {
  fill: #ffffff;
}

/* Hide scroll bar */
/* line 3, app/assets/stylesheets/components/_modal.scss */
html.modal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */
/* line 9, app/assets/stylesheets/components/_modal.scss */
.c-modal,
[data-modal-id] {
  display: none;
}

/* line 14, app/assets/stylesheets/components/_modal.scss */
.modal {
  /* Fix iPad, iPhone glitches */
  /* Disable Anti-FOUC */
}

/* line 16, app/assets/stylesheets/components/_modal.scss */
.modal-overlay {
  position: fixed;
  z-index: 4999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* line 26, app/assets/stylesheets/components/_modal.scss */
.modal-wrapper {
  position: fixed;
  z-index: 5000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  background: rgba(58, 57, 65, 0.75);
}

/* line 39, app/assets/stylesheets/components/_modal.scss */
.modal-wrapper::after {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  vertical-align: middle;
}

/* line 48, app/assets/stylesheets/components/_modal.scss */
.modal__footer {
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  /* line 48, app/assets/stylesheets/components/_modal.scss */
  .modal__footer {
    flex-direction: row;
  }
}

/* line 61, app/assets/stylesheets/components/_modal.scss */
.modal-overlay, .modal-wrapper {
  backface-visibility: hidden;
}

/* line 67, app/assets/stylesheets/components/_modal.scss */
.modal-is-initialized {
  display: inline-block;
}

/* Default theme styles of the modal dialog */
/* line 73, app/assets/stylesheets/components/_modal.scss */
.c-modal {
  position: relative;
  transform: translate3d(0, 0, 0);
  outline: none;
  width: 96%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  box-sizing: border-box;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  /* line 73, app/assets/stylesheets/components/_modal.scss */
  .c-modal {
    height: auto;
    max-width: 50rem;
    margin: unset;
    margin-bottom: 0.625rem;
  }
}

/* line 91, app/assets/stylesheets/components/_modal.scss */
.c-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  overflow: visible;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #ffffff;
  border: 0;
  outline: 0;
  background: transparent;
  z-index: 10;
}

/* line 110, app/assets/stylesheets/components/_modal.scss */
.c-modal__close:hover, .c-modal__close:focus {
  color: #95979C;
}

/* line 116, app/assets/stylesheets/components/_modal.scss */
.c-modal__img {
  width: 100%;
  opacity: 0;
  transform: translate(0, -10px);
  transition: 0.35s ease-in-out;
}

/* line 122, app/assets/stylesheets/components/_modal.scss */
.c-modal__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px 10px 0 0;
}

/* line 131, app/assets/stylesheets/components/_modal.scss */
.c-modal__container {
  padding: 10px;
  background: #f1f1f1;
  text-align: left;
}

/* line 136, app/assets/stylesheets/components/_modal.scss */
.c-modal--custom .c-modal__container {
  padding: 0;
  background: transparent;
}

/* line 142, app/assets/stylesheets/components/_modal.scss */
.c-modal__content {
  padding: 50px 25px 70px 25px;
  background: #ffffff;
  border-radius: 10px;
  margin: auto;
  width: 100%;
  transform: translate(0, -10px);
  opacity: 0;
  transition: 0.35s ease-in-out;
  font-size: 1.0625rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 157, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--rounded-bottom {
  border-radius: 0 0 10px 10px;
}

@media only screen and (min-width: 768px) {
  /* line 142, app/assets/stylesheets/components/_modal.scss */
  .c-modal__content {
    padding: 50px 60px 60px 66px;
  }
}

/* line 165, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--quick-view {
  padding: 35px 15px 35px 15px;
}

@media only screen and (min-width: 768px) {
  /* line 165, app/assets/stylesheets/components/_modal.scss */
  .c-modal__content--quick-view {
    padding: 36px 38px 40px 38px;
  }
}

/* line 173, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--success {
  background: rgba(255, 255, 255, 0.85);
}

/* line 178, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--flash .c-modal__title {
  font-size: 2rem;
  color: #3f4659;
  width: 80%;
}

/* line 184, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--flash .c-modal__description {
  font-size: 1rem;
  color: #3f4659;
  font-weight: 400;
}

/* line 190, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--flash .c-modal__title {
  color: #000a12;
}

/* line 195, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--flash .c-modal__description {
  color: #000a12;
  word-break: normal;
  line-height: 1.25rem;
}

/* line 202, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--size-chart {
  background: #ffffff;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media only screen and (min-width: 768px) {
  /* line 202, app/assets/stylesheets/components/_modal.scss */
  .c-modal__content--size-chart {
    width: 100%;
    margin: auto;
  }
}

/* line 214, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--alert {
  background-color: #f1f1f1;
}

/* line 218, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--notice {
  background-color: #f1f1f1;
}

/* line 222, app/assets/stylesheets/components/_modal.scss */
.c-modal__content__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  /* line 222, app/assets/stylesheets/components/_modal.scss */
  .c-modal__content__inner {
    flex-direction: row;
    max-width: 100%;
  }
}

/* line 236, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--overlay--text {
  background-color: #464646;
}

/* line 240, app/assets/stylesheets/components/_modal.scss */
.c-modal__content__col-title {
  text-align: center;
  font-size: 0.9375rem;
  width: 100%;
  padding: 0 0 25px 0;
}

@media only screen and (min-width: 768px) {
  /* line 240, app/assets/stylesheets/components/_modal.scss */
  .c-modal__content__col-title {
    border-right: 0.5px solid #a2a2a2;
    max-width: 210px;
    padding: 0 25px 0 0;
  }
}

/* line 253, app/assets/stylesheets/components/_modal.scss */
.c-modal__content__col-description {
  padding-left: 28px;
  flex: 2 auto;
}

@media only screen and (max-width: 767px) {
  /* line 253, app/assets/stylesheets/components/_modal.scss */
  .c-modal__content__col-description {
    text-align: center;
    padding-left: inherit;
  }
}

/* line 263, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--invert-text {
  color: #ffffff;
}

/* line 267, app/assets/stylesheets/components/_modal.scss */
.c-modal__content--centered {
  text-align: center;
}

/* line 271, app/assets/stylesheets/components/_modal.scss */
.c-modal--flash .c-modal__content {
  padding: 0;
}

/* line 276, app/assets/stylesheets/components/_modal.scss */
.c-modal__headline {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  margin-bottom: 30px;
}

/* line 284, app/assets/stylesheets/components/_modal.scss */
.c-modal__description {
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 0.9375rem;
  word-break: break-all;
  color: #C7C8CA;
}

/* line 291, app/assets/stylesheets/components/_modal.scss */
.c-modal__description p {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  /* line 284, app/assets/stylesheets/components/_modal.scss */
  .c-modal__description {
    font-size: 0.9375rem;
  }
}

/* line 300, app/assets/stylesheets/components/_modal.scss */
.c-modal__notice {
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}

/* line 307, app/assets/stylesheets/components/_modal.scss */
.c-modal__form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

/* line 312, app/assets/stylesheets/components/_modal.scss */
.c-modal__form .c-modal__title {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  line-height: 2.625rem;
  text-transform: unset;
}

/* line 320, app/assets/stylesheets/components/_modal.scss */
.c-modal__form .c-modal__warning {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  margin-bottom: 25px;
}

/* line 328, app/assets/stylesheets/components/_modal.scss */
.c-modal__form--centered {
  margin: 0 auto;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 328, app/assets/stylesheets/components/_modal.scss */
  .c-modal__form--centered {
    width: 60%;
  }
}

/* line 338, app/assets/stylesheets/components/_modal.scss */
.c-modal__action {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: center;
}

/* line 344, app/assets/stylesheets/components/_modal.scss */
.c-modal__action--btn {
  margin-top: 20px;
}

/* line 348, app/assets/stylesheets/components/_modal.scss */
.c-modal__action--full {
  margin-bottom: 40px;
}

/* line 352, app/assets/stylesheets/components/_modal.scss */
.c-modal__action a:not(.c-button) {
  display: block;
  margin-top: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #3f4659;
}

/* line 361, app/assets/stylesheets/components/_modal.scss */
.c-modal__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 368, app/assets/stylesheets/components/_modal.scss */
.c-modal__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

/* line 376, app/assets/stylesheets/components/_modal.scss */
.c-modal--full-bg {
  border-radius: 10px;
}

/* line 379, app/assets/stylesheets/components/_modal.scss */
.c-modal--full-bg .c-modal__content--overlay {
  top: 0;
  background-color: rgba(70, 70, 70, 0.35);
  padding-top: 352px;
  text-align: center;
}

/* line 387, app/assets/stylesheets/components/_modal.scss */
.c-modal--custom {
  padding: 0;
}

/* line 391, app/assets/stylesheets/components/_modal.scss */
.c-modal--quickview {
  text-align: left;
  background-color: #ffffff;
  padding-right: 20px;
  padding-left: 20px;
}

/* line 397, app/assets/stylesheets/components/_modal.scss */
.c-modal--quickview .c-modal__title {
  margin-top: 25px;
  color: #3f4659;
  font-family: "Noto Serif Display", serif;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.1875rem;
  margin-bottom: 18px;
  padding: 0 15px 0 40px;
}

/* line 407, app/assets/stylesheets/components/_modal.scss */
.c-modal--quickview .c-modal__title hr {
  border-bottom: solid 0.5px #a2a2a2;
}

/* line 412, app/assets/stylesheets/components/_modal.scss */
.c-modal--quickview .c-modal__gallery {
  position: relative;
}

/* line 416, app/assets/stylesheets/components/_modal.scss */
.c-modal--quickview .c-modal__content {
  background-color: #ffffff;
  padding: 0 40px 45px 0;
  margin: 0;
}

@media only screen and (max-width: 639px) {
  /* line 416, app/assets/stylesheets/components/_modal.scss */
  .c-modal--quickview .c-modal__content {
    padding: 20px 15px 20px 15px;
  }
}

/* line 427, app/assets/stylesheets/components/_modal.scss */
.c-modal.modal-is-opening, .c-modal.modal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

/* line 433, app/assets/stylesheets/components/_modal.scss */
.c-modal.modal-is-opening {
  animation-name: modal-opening-keyframes;
}

/* line 437, app/assets/stylesheets/components/_modal.scss */
.c-modal.modal-is-closing {
  animation-name: modal-closing-keyframes;
}

/* line 442, app/assets/stylesheets/components/_modal.scss */
.c-modal.modal-is-opened .c-modal__img,
.c-modal.modal-is-opened .c-modal__content {
  opacity: 1;
  transform: translate(0, 0px);
}

/* line 449, app/assets/stylesheets/components/_modal.scss */
.modal-wrapper {
  background: rgba(70, 70, 70, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

/* Keyframes
   ========================================================================== */
@keyframes modal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes modal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
    filter: blur(0);
  }
}

@keyframes modal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* IE8
   ========================================================================== */
/* line 501, app/assets/stylesheets/components/_modal.scss */
.lt-ie9 .c-modal {
  width: 800px;
}

/* line 3, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers--modal {
  padding: 3.9375rem 0.9375rem 2.5rem 0.9375rem;
  font-size: 1.25rem;
  max-width: 29.125rem;
  background: #8b8b8b;
  border-radius: 0.3125rem;
}

@media only screen and (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/_first-buy-offers.scss */
  .c-first-buy-offers--modal {
    padding: 3.9375rem 1.875rem 2.5rem 1.875rem;
  }
}

/* line 14, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers--modal--thanks {
  background: #8b8b8b;
}

/* line 18, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers--modal__wrapper {
  max-width: 29.125rem;
  padding: 0 0.9375rem;
}

@media only screen and (min-width: 768px) {
  /* line 18, app/assets/stylesheets/components/_first-buy-offers.scss */
  .c-first-buy-offers--modal__wrapper {
    padding: 0;
  }
}

/* line 26, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers--modal__wrapper .c-ico--close {
  width: 1.125rem;
  height: 1.125rem;
}

/* line 33, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__logo {
  max-width: 10.625rem;
  margin: 0 auto 2.8125rem auto;
}

/* line 37, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__logo svg {
  width: 100%;
}

/* line 42, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__title {
  font-size: 2.875rem;
  line-height: 2.6875rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 auto 1.25rem auto;
}

@media only screen and (min-width: 768px) {
  /* line 42, app/assets/stylesheets/components/_first-buy-offers.scss */
  .c-first-buy-offers__title {
    font-size: 3.125rem;
    line-height: 2.9375rem;
  }
}

/* line 56, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__title--blue {
  color: #ffffff;
}

/* line 61, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__desc {
  font-size: 1.125rem;
  line-height: 1.1875rem;
  color: #ffffff;
  text-align: center;
  font-weight: 400;
  max-width: 20.3125rem;
  margin: 0 auto 1.875rem auto;
}

/* line 71, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form {
  margin: 1.875rem 1.25rem 0.625rem 1.25rem;
}

/* line 74, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form__row {
  text-align: center;
  margin: 0.3125rem 0;
}

/* line 79, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form__input {
  width: 100%;
  max-width: 20.9375rem;
  font-size: 0.6875rem;
  line-height: 1.5625rem;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 0.75rem/50%;
  padding: 0 1.25rem;
  color: #3f4659;
  border: 0;
}

/* line 91, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form__input::-moz-placeholder {
  font-size: 0.6875rem;
  color: #3f4659;
}
.c-first-buy-offers__form__input::placeholder {
  font-size: 0.6875rem;
  color: #3f4659;
}

/* line 97, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form__btn {
  font-size: 0.6875rem;
  line-height: 0.6875rem;
  padding: 0.625rem 2.3125rem;
  border-radius: 0.9375rem/50%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  color: #000a12;
  text-transform: uppercase;
  margin: 1.875rem auto 0 auto;
}

/* line 110, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form__btn:hover {
  background: #000a12;
  color: #ffffff;
}

/* line 116, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form__close {
  font-size: 0.75rem;
  color: #ffffff;
  text-align: center;
}

/* line 122, app/assets/stylesheets/components/_first-buy-offers.scss */
.c-first-buy-offers__form__error {
  color: #a42b27;
  font-size: 1.125rem;
  line-height: 1.1875rem;
  margin: 1.25rem;
}

/* line 1, app/assets/stylesheets/components/_newsletter.scss */
.newsletter {
  background: #f7f7f7;
  margin: 0 0 50px 0;
  padding: 48px 23px 56px 23px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter {
    padding: 110px 35px 85px 35px;
  }
}

/* line 10, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__container {
  align-items: start;
}

/* line 14, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__title {
  padding: 56px 0 24px 0;
  position: relative;
  grid-column-end: span 4;
}

/* line 19, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__title:before {
  content: "";
  background: url(/assets/ico-newsletter-a2b8ff85919738a1702f0ca238e7caa26983c92f592d6a6e13a548c34232586b.svg) left center no-repeat;
  background-size: 41px 40px;
  width: 41px;
  height: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 560px) {
  /* line 14, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__title {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 14, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__title {
    grid-column-end: span 2;
    padding: 56px 0 40px 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__title {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 14, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__title {
    font-size: 3rem;
    line-height: 3rem;
  }
}

/* line 51, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__content {
  grid-column-end: span 4;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 1vmax;
  grid-row-gap: 1vmax;
  grid-auto-flow: dense;
  row-gap: 24px;
}

@media only screen and (min-width: 560px) {
  /* line 51, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__content {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 768px) {
  /* line 51, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__content {
    grid-column-start: 4;
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 51, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__content {
    grid-column-start: 6;
    grid-column-end: span 7;
  }
}

/* line 75, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__description {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-weight: 400;
  display: flex;
  grid-column-end: span 7;
}

@media only screen and (min-width: 768px) {
  /* line 75, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__description {
    padding: 56px 20px 0 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 75, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__description {
    grid-column-end: span 3;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 75, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__description {
    padding: 56px 60px 60px 0;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* line 98, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 30px;
  width: 100%;
  grid-column-end: span 7;
}

@media only screen and (min-width: 1024px) {
  /* line 98, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__form {
    padding: 56px 0 0 0;
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 98, app/assets/stylesheets/components/_newsletter.scss */
  .newsletter__form {
    grid-column-end: span 3;
  }
}

/* line 116, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__input {
  width: 100%;
  background: transparent;
  border: 0;
  font-size: 0.8125rem;
  border-bottom: solid 1px #000000;
  color: #000000;
  padding: 0.625rem 0.25rem;
}

/* line 125, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__input::-moz-placeholder {
  font-size: 0.8125rem;
  color: #000000;
  opacity: 1;
}
.newsletter__input::placeholder {
  font-size: 0.8125rem;
  color: #000000;
  opacity: 1;
}

/* line 133, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__input:hover::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.newsletter__input:hover::placeholder {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

/* line 141, app/assets/stylesheets/components/_newsletter.scss */
.newsletter__input:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.newsletter__input:focus::placeholder {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

/* line 1, app/assets/stylesheets/components/_social.scss */
.c-social {
  display: flex;
}

/* line 4, app/assets/stylesheets/components/_social.scss */
.c-social__item {
  margin-right: 0.75rem;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/components/_social.scss */
  .c-social__item {
    display: block;
    margin-bottom: 1rem;
  }
}

/* line 14, app/assets/stylesheets/components/_social.scss */
.c-social__link {
  display: block;
}

/* line 18, app/assets/stylesheets/components/_social.scss */
.c-social__label {
  margin-left: 0.9375rem;
}

@media only screen and (max-width: 767px) {
  /* line 18, app/assets/stylesheets/components/_social.scss */
  .c-social__label {
    display: none;
  }
}

/* line 3, app/assets/stylesheets/components/_form.scss */
.form__input {
  font-size: 0.8125rem;
  line-height: 1.5625rem;
  color: #000000;
  width: 100%;
  padding: 5px 0;
  border: 0;
  border-bottom: solid 1px #000000;
}

/* line 12, app/assets/stylesheets/components/_form.scss */
.form__input::-moz-placeholder {
  font-size: 0.8125rem;
  line-height: 1.5625rem;
  color: #000000;
  opacity: 1;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.form__input::placeholder {
  font-size: 0.8125rem;
  line-height: 1.5625rem;
  color: #000000;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

/* line 22, app/assets/stylesheets/components/_form.scss */
.form__input:hover::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.form__input:hover::placeholder {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

/* line 30, app/assets/stylesheets/components/_form.scss */
.form__input:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.form__input:focus::placeholder {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

/* line 37, app/assets/stylesheets/components/_form.scss */
.form__input-coupon {
  max-width: 150px;
  margin: 0 0 10px 0;
  border: solid 1px #000000;
  padding: 0 2px;
}

/* line 44, app/assets/stylesheets/components/_form.scss */
.form__input-carrier {
  max-width: 250px;
  border: solid 1px #000000;
  padding: 0 2px;
}

/* line 50, app/assets/stylesheets/components/_form.scss */
.form__textarea {
  font-size: 0.8125rem;
  line-height: 1.5625rem;
  color: #000000;
  width: 100%;
  padding: 5px;
  border: solid 1px #000000;
  aspect-ratio: 2.4 / 1;
}

/* line 59, app/assets/stylesheets/components/_form.scss */
.form__textarea::-moz-placeholder {
  font-size: 0.8125rem;
  line-height: 1.5625rem;
  color: #000000;
}
.form__textarea::placeholder {
  font-size: 0.8125rem;
  line-height: 1.5625rem;
  color: #000000;
}

/* line 66, app/assets/stylesheets/components/_form.scss */
.form__select {
  border: 0;
  font-size: 1rem;
  border-bottom: solid 0.0625rem #50596c;
  color: #50596c;
  padding: 10px 4px;
  margin-bottom: 10px;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
  background: transparent url(/assets/ico-caret-select-ea187a557cf4bbed85b36a913ece060d65290ea05a96ec82540b18815f00b989.svg) no-repeat 95% 50%;
  background-size: auto 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media only screen and (min-width: 768px) {
  /* line 66, app/assets/stylesheets/components/_form.scss */
  .form__select {
    font-size: 0.75rem;
    width: 50%;
  }
}

/* line 84, app/assets/stylesheets/components/_form.scss */
.form__select--no-width {
  width: inherit;
}

/* line 88, app/assets/stylesheets/components/_form.scss */
.form__select--full-width {
  width: 100%;
}

/* line 92, app/assets/stylesheets/components/_form.scss */
.form__select--fit-input {
  max-width: 100%;
}

/* line 96, app/assets/stylesheets/components/_form.scss */
.form__select--contact {
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 0.9375rem 0;
  font-size: 0.9375rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(/assets/ico-arrow-down-030686d4486c1aef5e3180b0fd0b6882d024f1b935a0c29121f94ee1b5936075.svg) center right no-repeat transparent;
  background-size: 10px 13px;
}

@media only screen and (min-width: 768px) {
  /* line 96, app/assets/stylesheets/components/_form.scss */
  .form__select--contact {
    font-size: 0.75rem;
    background-size: 9px 10px;
  }
}

/* line 117, app/assets/stylesheets/components/_form.scss */
.c-form--inline {
  margin: 1.875rem 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 117, app/assets/stylesheets/components/_form.scss */
  .c-form--inline {
    margin: 0;
  }
}

/* line 125, app/assets/stylesheets/components/_form.scss */
.c-form--centered {
  position: relative;
  text-align: center;
}

/* line 129, app/assets/stylesheets/components/_form.scss */
.c-form--centered--margin {
  margin: 1.875rem 0;
}

/* line 134, app/assets/stylesheets/components/_form.scss */
.c-form__input {
  border: 0;
  font-size: 1rem;
  border-bottom: solid 0.0625rem #50596c;
  color: #50596c;
  padding: 0.625rem 0.25rem;
  width: 100%;
  background: transparent;
}

@media only screen and (min-width: 768px) {
  /* line 134, app/assets/stylesheets/components/_form.scss */
  .c-form__input {
    font-size: 0.75rem;
  }
}

/* line 147, app/assets/stylesheets/components/_form.scss */
.c-form__input::-moz-placeholder {
  padding: 0.625rem 0;
  font-size: 1rem;
  color: #50596c;
}
.c-form__input::placeholder {
  padding: 0.625rem 0;
  font-size: 1rem;
  color: #50596c;
}

@media only screen and (min-width: 768px) {
  /* line 147, app/assets/stylesheets/components/_form.scss */
  .c-form__input::-moz-placeholder {
    font-size: 0.75rem;
  }
  .c-form__input::placeholder {
    font-size: 0.75rem;
  }
}

/* line 157, app/assets/stylesheets/components/_form.scss */
.c-form__input:-webkit-autofill, .c-form__input:-webkit-autofill:hover, .c-form__input:-webkit-autofill:focus, .c-form__input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  padding: 0.625rem 0;
  font-size: 1rem;
  color: #50596c !important;
}

@media only screen and (min-width: 768px) {
  /* line 157, app/assets/stylesheets/components/_form.scss */
  .c-form__input:-webkit-autofill, .c-form__input:-webkit-autofill:hover, .c-form__input:-webkit-autofill:focus, .c-form__input:-webkit-autofill:active {
    font-size: 0.75rem;
  }
}

/* line 168, app/assets/stylesheets/components/_form.scss */
.c-form__input--left {
  text-align: left;
}

/* line 172, app/assets/stylesheets/components/_form.scss */
.c-form__input--contact {
  width: 100%;
}

/* line 176, app/assets/stylesheets/components/_form.scss */
.c-form__input--no-width {
  width: unset !important;
}

/* line 181, app/assets/stylesheets/components/_form.scss */
.c-form__select {
  border: 0;
  font-size: 1rem;
  border-bottom: solid 0.0625rem #50596c;
  color: #50596c;
  padding: 0.625rem 0.25rem;
  margin-bottom: 0.625rem;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
  background: transparent url(/assets/ico-caret-select-ea187a557cf4bbed85b36a913ece060d65290ea05a96ec82540b18815f00b989.svg) no-repeat 95% 50%;
  background-size: auto 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media only screen and (min-width: 768px) {
  /* line 181, app/assets/stylesheets/components/_form.scss */
  .c-form__select {
    font-size: 0.75rem;
    width: 50%;
  }
}

/* line 199, app/assets/stylesheets/components/_form.scss */
.c-form__select--fit-input {
  max-width: 100%;
}

/* line 203, app/assets/stylesheets/components/_form.scss */
.c-form__select--contact {
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 0.9375rem 0;
  font-size: 0.9375rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(/assets/ico-arrow-down-030686d4486c1aef5e3180b0fd0b6882d024f1b935a0c29121f94ee1b5936075.svg) center right no-repeat transparent;
  background-size: 0.625rem 0.8125rem;
}

@media only screen and (min-width: 768px) {
  /* line 203, app/assets/stylesheets/components/_form.scss */
  .c-form__select--contact {
    font-size: 0.75rem;
    background-size: 0.5625rem 0.625rem;
  }
}

/* line 221, app/assets/stylesheets/components/_form.scss */
.c-form__text-area {
  font-size: 0.9375rem;
  color: #000000;
  font-family: "Poppins", sans-serif;
  margin: 0;
  padding: 0.625rem;
  display: inline-block;
  text-align: left;
  border: solid 0.0625rem #50596c;
  height: 7.5rem;
  background: transparent;
}

@media only screen and (min-width: 768px) {
  /* line 221, app/assets/stylesheets/components/_form.scss */
  .c-form__text-area {
    font-size: 0.75rem;
  }
}

/* line 237, app/assets/stylesheets/components/_form.scss */
.c-form__text-area--contact {
  width: 100%;
}

/* line 241, app/assets/stylesheets/components/_form.scss */
.c-form__text-area--left {
  text-align: left;
}

/* line 245, app/assets/stylesheets/components/_form.scss */
.c-form__text-area::-moz-placeholder {
  color: #000000;
  font-family: "Poppins", sans-serif;
  padding: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 300;
  background: transparent;
  text-align: left;
  color: #50596c;
}
.c-form__text-area::placeholder {
  color: #000000;
  font-family: "Poppins", sans-serif;
  padding: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 300;
  background: transparent;
  text-align: left;
  color: #50596c;
}

@media only screen and (min-width: 768px) {
  /* line 245, app/assets/stylesheets/components/_form.scss */
  .c-form__text-area::-moz-placeholder {
    font-size: 0.75rem;
  }
  .c-form__text-area::placeholder {
    font-size: 0.75rem;
  }
}

/* line 260, app/assets/stylesheets/components/_form.scss */
.c-form__text-area:-webkit-autofill, .c-form__text-area:-webkit-autofill:hover, .c-form__text-area:-webkit-autofill:focus, .c-form__text-area:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}

/* line 265, app/assets/stylesheets/components/_form.scss */
.c-form--inline {
  margin: 2.5rem 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 265, app/assets/stylesheets/components/_form.scss */
  .c-form--inline {
    margin: 0 0 0 5rem;
  }
}

/* line 275, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 281, app/assets/stylesheets/components/_form.scss */
.c-form__stepper--inline {
  display: flex;
  margin-right: 1.25rem;
}

@media only screen and (min-width: 768px) {
  /* line 281, app/assets/stylesheets/components/_form.scss */
  .c-form__stepper--inline {
    align-items: center;
  }
}

/* line 289, app/assets/stylesheets/components/_form.scss */
.c-minicart__product__wrapper .c-form__stepper--inline {
  width: 100%;
}

/* line 293, app/assets/stylesheets/components/_form.scss */
.c-minicart .c-form__stepper--inline {
  align-items: center;
}

/* line 297, app/assets/stylesheets/components/_form.scss */
.p-checkout .c-form__stepper--inline, .p-cart .c-form__stepper--inline {
  align-items: center;
}

/* line 301, app/assets/stylesheets/components/_form.scss */
.c-form__stepper--inline__right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  /* line 301, app/assets/stylesheets/components/_form.scss */
  .c-form__stepper--inline__right {
    flex-direction: row;
  }
}

/* line 310, app/assets/stylesheets/components/_form.scss */
.p-checkout .c-form__stepper--inline__right, .p-cart .c-form__stepper--inline__right {
  flex-direction: row;
}

/* line 315, app/assets/stylesheets/components/_form.scss */
.c-form__stepper--inline__right__control {
  display: flex;
  align-items: center;
}

/* line 322, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__controler {
  border: solid 1px #3f4659;
  color: #3f4659;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  text-align: center;
  line-height: 2.25rem;
  font-size: 2.25rem;
  font-weight: 100;
}

@media only screen and (min-width: 768px) {
  /* line 322, app/assets/stylesheets/components/_form.scss */
  .c-form__stepper__controler {
    width: 1.0625rem;
    height: 1.0625rem;
    line-height: 0.875rem;
    font-size: 1rem;
  }
}

/* line 341, app/assets/stylesheets/components/_form.scss */
.c-kit-variations__variation .c-form__stepper__controler {
  padding: 0 0 0 0.125rem;
}

/* line 345, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__controler--white {
  border: solid 1px #ffffff;
  color: #ffffff;
}

/* line 351, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__input {
  border: solid 0.125rem #3f4659;
  border-radius: 0.125rem;
  width: 5rem;
  font-size: 1.125rem;
  color: #3f4659;
  font-weight: 500;
  text-align: center;
  line-height: 2.5rem;
  margin: 0 0.9375rem;
}

@media only screen and (min-width: 768px) {
  /* line 351, app/assets/stylesheets/components/_form.scss */
  .c-form__stepper__input {
    border: solid 0.0625rem #3f4659;
    border-radius: 0.1875rem;
    width: 2.375rem;
    font-size: 0.625rem;
    line-height: 1.375rem;
  }
}

/* line 370, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__input--white {
  border: solid 1px #ffffff;
  color: #ffffff;
  background: transparent;
}

/* line 376, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__input[type='number'] {
  -moz-appearance: textfield;
}

/* line 380, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__input::-webkit-outer-spin-button, .c-form__stepper__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 384, app/assets/stylesheets/components/_form.scss */
.c-form__stepper__input:-internal-autofill-selected {
  background: transparent;
}

/* line 392, app/assets/stylesheets/components/_form.scss */
.c-form__input--quote {
  width: 100%;
  border-bottom: solid 0.0625rem #ffffff;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  padding: 0 0 0.5625rem 0;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 392, app/assets/stylesheets/components/_form.scss */
  .c-form__input--quote {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* line 407, app/assets/stylesheets/components/_form.scss */
.c-form__input--quote::-moz-placeholder {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
}
.c-form__input--quote::placeholder {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  /* line 407, app/assets/stylesheets/components/_form.scss */
  .c-form__input--quote::-moz-placeholder {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .c-form__input--quote::placeholder {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* line 419, app/assets/stylesheets/components/_form.scss */
.c-form__input--quote:focus {
  border: none;
  border-bottom: solid 0.0625rem #ffffff;
  outline: 0;
}

/* line 426, app/assets/stylesheets/components/_form.scss */
.c-form__input--common {
  width: 100%;
  border-bottom: solid 0.0625rem #ffffff;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  padding: 0 0 0.5625rem 0;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 426, app/assets/stylesheets/components/_form.scss */
  .c-form__input--common {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* line 441, app/assets/stylesheets/components/_form.scss */
.c-form__input--common::-moz-placeholder {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
}
.c-form__input--common::placeholder {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  /* line 441, app/assets/stylesheets/components/_form.scss */
  .c-form__input--common::-moz-placeholder {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .c-form__input--common::placeholder {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* line 453, app/assets/stylesheets/components/_form.scss */
.c-form__input--common:focus {
  border: none;
  border-bottom: solid 0.0625rem #ffffff;
  outline: 0;
}

/* line 463, app/assets/stylesheets/components/_form.scss */
.c-form__text-area--quote {
  width: 100%;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  border: solid 0.0625rem #ffffff;
  resize: none;
}

@media only screen and (min-width: 768px) {
  /* line 463, app/assets/stylesheets/components/_form.scss */
  .c-form__text-area--quote {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* line 477, app/assets/stylesheets/components/_form.scss */
.c-form__text-area--quote:focus {
  border: solid 0.0625rem #ffffff;
  outline: 0;
}

/* line 483, app/assets/stylesheets/components/_form.scss */
.c-form__text-area--review {
  width: 100%;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  border: solid 0.0625rem #ffffff;
  resize: none;
}

@media only screen and (min-width: 768px) {
  /* line 483, app/assets/stylesheets/components/_form.scss */
  .c-form__text-area--review {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* line 497, app/assets/stylesheets/components/_form.scss */
.c-form__text-area--review::-moz-placeholder {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
}
.c-form__text-area--review::placeholder {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  /* line 497, app/assets/stylesheets/components/_form.scss */
  .c-form__text-area--review::-moz-placeholder {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .c-form__text-area--review::placeholder {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

/* line 509, app/assets/stylesheets/components/_form.scss */
.c-form__text-area--review:focus {
  border: solid 0.0625rem #ffffff;
  outline: 0;
}

/* line 518, app/assets/stylesheets/components/_form.scss */
.c-form__payment__cards {
  margin: 0.625rem 0 0 0;
  display: flex;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

/* line 526, app/assets/stylesheets/components/_form.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  color: #ffffff !important;
}

/* line 3, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__container, .checkbox__container {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* line 9, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__wrapper, .checkbox__wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

/* line 15, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__input, .checkbox__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__input:checked ~ .c-checkbox__checkmark, .c-checkbox__input:checked ~ .checkbox__checkmark, .checkbox__input:checked ~ .c-checkbox__checkmark, .checkbox__input:checked ~ .checkbox__checkmark {
  background: url(/assets/input-checkbox-checked-f73200bc5758a55d797b0c5f660032c88d88fa4d7aa107d2ca9cd1d3b980ec53.svg) left center no-repeat;
  background-size: 30px 24px;
}

/* line 25, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__input:checked ~ .checkbox__checkmark-rounded:after, .checkbox__input:checked ~ .checkbox__checkmark-rounded:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.4, 1);
  display: block;
  content: '\002713';
  font-size: 1.125rem;
  font-family: -apple-system, BlinkMacSystemFont;
  font-weight: 100;
}

/* line 37, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox--white .c-checkbox__input, .checkbox--white .c-checkbox__input, .c-checkbox--white .checkbox__input, .checkbox--white .checkbox__input {
  background: url(/images/input-checkbox-white-checked.svg) left center no-repeat;
  background-size: 30px 24px;
}

/* line 43, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__checkmark, .checkbox__checkmark {
  width: 30px;
  height: 24px;
  display: block;
  background: url(/assets/input-checkbox-934cecc739ab8e9e4b8504b3537178f706a266e2a221e28f526bb7a4333df52f.svg) -3px center no-repeat;
  background-size: 30px 24px;
}

/* line 50, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox--white .c-checkbox__checkmark, .checkbox--white .c-checkbox__checkmark, .c-checkbox--white .checkbox__checkmark, .checkbox--white .checkbox__checkmark {
  background: url(/images/input-checkbox-white.svg) left center no-repeat;
  background-size: 30px 24px;
}

/* line 56, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__checkmark-rounded, .checkbox__checkmark-rounded {
  position: relative;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin: 0 0 0 1px;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.25s;
  box-shadow: inset 0px 0px 0px 1px #000000;
}

/* line 67, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__checkmark-rounded:hover, .checkbox__checkmark-rounded:hover {
  transform: scale(1.2);
  z-index: 1;
}

/* line 73, app/assets/stylesheets/components/_checkbox.scss */
.c-checkbox__label, .checkbox__label {
  flex: 1;
}

/* line 3, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton__container {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* line 9, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton__wrapper {
  display: flex;
  align-items: center;
  margin: 0 0 1.25rem 0;
}

/* line 15, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* line 22, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton__input:checked ~ .c-radiobutton__checkmark {
  background: url(/assets/input-radiobutton-checked-ea02cf4fb1ec5848ad81fc1fdfbade0fc6a47354779f86df5f83aa9c38d35fd7.svg) -0.25rem center no-repeat;
  background-size: 2rem 1.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 22, app/assets/stylesheets/components/_radiobutton.scss */
  .c-radiobutton__input:checked ~ .c-radiobutton__checkmark {
    background-size: 1.5625rem 1.0625rem;
  }
}

/* line 31, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton--white .c-radiobutton__input {
  background: url(/images/input-radiobutton-white-checked.svg) -0.25rem center no-repeat;
  background-size: 2rem 1.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 31, app/assets/stylesheets/components/_radiobutton.scss */
  .c-radiobutton--white .c-radiobutton__input {
    background-size: 1.5625rem 1.0625rem;
  }
}

/* line 41, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton__checkmark {
  width: 2rem;
  height: 1.5rem;
  display: block;
  background: url(/assets/input-radiobutton-8be5f92fb8cb7173cdd8065b7d6904cc08fb4e0db7522419319dfc6755ca752c.svg) -0.25rem center no-repeat;
  background-size: 2rem 1.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 41, app/assets/stylesheets/components/_radiobutton.scss */
  .c-radiobutton__checkmark {
    width: 1.5625rem;
    height: 1.0625rem;
    background-size: 1.5625rem 1.0625rem;
  }
}

/* line 54, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton--white .c-radiobutton__checkmark {
  background: url(/images/input-radiobutton-white.svg) -0.25rem center no-repeat;
  background-size: 2rem 1.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 54, app/assets/stylesheets/components/_radiobutton.scss */
  .c-radiobutton--white .c-radiobutton__checkmark {
    width: 1.5625rem;
    height: 1.0625rem;
    background-size: 1.5625rem 1.0625rem;
  }
}

/* line 66, app/assets/stylesheets/components/_radiobutton.scss */
.c-radiobutton__label {
  display: inline-block;
}

/* line 4, app/assets/stylesheets/components/_ie.scss */
.c-ie--image {
  position: relative;
  background-size: cover;
  background-position: center center;
}

/* line 9, app/assets/stylesheets/components/_ie.scss */
.c-slider .c-ie--image {
  height: 100%;
  display: flex;
}

/* line 14, app/assets/stylesheets/components/_ie.scss */
.c-ie--image img {
  display: none;
}

/* line 1, app/assets/stylesheets/components/_home-cards-featured.scss */
.c-home-cards-featured {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10;
  margin: -1.875rem auto 0 auto;
  max-width: 29.25rem;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_home-cards-featured.scss */
  .c-home-cards-featured {
    flex-direction: row;
    max-width: unset;
    justify-content: space-between;
    margin: -1.875rem 0 0 0;
  }
}

/* line 1, app/assets/stylesheets/components/_home-slider.scss */
.c-home-slider {
  margin: 0 0 6.25rem;
}

/* line 1, app/assets/stylesheets/components/_home-featured.scss */
.c-home-featured {
  margin-bottom: 6.25rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem;
  align-items: center;
}

/* line 1, app/assets/stylesheets/components/_home-testimonies.scss */
.c-home-testimonies {
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem;
  align-items: center;
  font-size: 2.5rem;
  line-height: 3.3125rem;
  color: #000000;
  padding: 6.25rem 0;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_home-testimonies.scss */
  .c-home-testimonies {
    padding: 8.125rem 10%;
  }
}

/* line 3, app/assets/stylesheets/components/_category.scss */
.c-category__container {
  max-width: unset;
}

/* line 7, app/assets/stylesheets/components/_category.scss */
.c-category__wrapper {
  max-width: 35rem;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  /* line 7, app/assets/stylesheets/components/_category.scss */
  .c-category__wrapper {
    max-width: unset;
    margin: unset;
  }
}

/* line 17, app/assets/stylesheets/components/_category.scss */
.c-category__common-display {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 1.875rem;
  margin: 3.125rem auto 0 auto;
}

@media only screen and (min-width: 768px) {
  /* line 17, app/assets/stylesheets/components/_category.scss */
  .c-category__common-display {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 17, app/assets/stylesheets/components/_category.scss */
  .c-category__common-display {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* line 33, app/assets/stylesheets/components/_category.scss */
.c-category__display {
  grid-template-columns: repeat(4, 1fr);
  margin: 40px 0;
  grid-gap: 0;
  display: grid;
}

/* line 40, app/assets/stylesheets/components/_category.scss */
.c-category__display .c-category-card:nth-of-type(18n+3), .c-category__display .c-category-card:nth-of-type(18n+14) {
  grid-column: 1 / -1;
  grid-row: auto;
}

@media only screen and (min-width: 768px) {
  /* line 40, app/assets/stylesheets/components/_category.scss */
  .c-category__display .c-category-card:nth-of-type(18n+3), .c-category__display .c-category-card:nth-of-type(18n+14) {
    grid-column: auto / span 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 40, app/assets/stylesheets/components/_category.scss */
  .c-category__display .c-category-card:nth-of-type(18n+3), .c-category__display .c-category-card:nth-of-type(18n+14) {
    grid-row: auto / span 2;
  }
}

/* line 54, app/assets/stylesheets/components/_category.scss */
.c-category__display .c-category-card:nth-of-type(18n+4) {
  grid-column: 1;
}

@media only screen and (max-width: 767px) {
  /* line 54, app/assets/stylesheets/components/_category.scss */
  .c-category__display .c-category-card:nth-of-type(18n+4) {
    grid-column: 1 / -1;
  }
}

@media only screen and (min-width: 768px) {
  /* line 62, app/assets/stylesheets/components/_category.scss */
  .c-category__display .c-category-card:nth-of-type(18n+5) {
    grid-column: 2;
  }
}

/* line 68, app/assets/stylesheets/components/_category.scss */
.c-category__display .c-category-card:nth-of-type(18n+14) {
  align-self: start;
}

@media only screen and (min-width: 768px) {
  /* line 72, app/assets/stylesheets/components/_category.scss */
  .c-category__display .c-category-card:nth-of-type(18n+3), .c-category__display .c-category-card:nth-of-type(18n+4) {
    align-self: end;
  }
}

@media only screen and (max-width: 767px) {
  /* line 39, app/assets/stylesheets/components/_category.scss */
  .c-category__display .c-category-card {
    grid-column: 1 / -1;
  }
}

@media only screen and (max-width: 767px) {
  /* line 84, app/assets/stylesheets/components/_category.scss */
  .c-category__display .c-gallery__block--small {
    grid-column: 1 / -1;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/components/_category.scss */
  .c-category__display {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* line 95, app/assets/stylesheets/components/_category.scss */
.c-aspiraction__content .c-category__display {
  display: inherit;
  margin: 40px 0;
}

@media only screen and (min-width: 560px) {
  /* line 95, app/assets/stylesheets/components/_category.scss */
  .c-aspiraction__content .c-category__display {
    margin: 40px 20px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 95, app/assets/stylesheets/components/_category.scss */
  .c-aspiraction__content .c-category__display {
    margin: 40px 60px;
  }
}

/* line 1, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured {
  box-shadow: 0 0.125rem 1.3125rem 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 30;
  margin-top: 1.875rem;
  transform: scale(1);
  transition: all 0.25s ease-in-out;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_card-home-featured.scss */
  .c-card-home-featured {
    flex: 0 0 33.33%;
  }
}

/* line 14, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured:nth-child(odd) {
  margin-top: 1.875rem;
}

@media only screen and (min-width: 768px) {
  /* line 14, app/assets/stylesheets/components/_card-home-featured.scss */
  .c-card-home-featured:nth-child(odd) {
    margin-top: -3.75rem;
  }
}

/* line 22, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured:hover {
  transform: scale(1.05);
}

/* line 26, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured__header {
  aspect-ratio: 1 / 1;
  position: relative;
}

/* line 30, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured__header__link {
  height: 100%;
  display: block;
  position: relative;
}

/* line 36, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured__header__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  display: block;
}

/* line 44, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured__header__no-img {
  width: 3.125rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 53, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured__body {
  padding: 0.9375rem 0.9375rem 1.875rem 0.9375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 60, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured__title {
  font-family: "Noto Serif Display", serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.07;
  margin-bottom: 1.875rem;
  text-align: center;
}

/* line 69, app/assets/stylesheets/components/_card-home-featured.scss */
.c-card-home-featured__text {
  font-family: "Noto Serif Display", serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.07;
  margin-bottom: 1.875rem;
  text-align: center;
}

/* line 3, app/assets/stylesheets/components/_flag.scss */
.c-flag, .flag {
  font-size: 0.8125rem;
  color: #ffffff;
}

/* line 7, app/assets/stylesheets/components/_flag.scss */
.c-flag--product, .flag--product {
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: 45px 45px;
  top: 25px;
  left: 0;
  padding: 5px 15px;
  width: 90px;
  text-align: center;
  text-transform: uppercase;
}

/* line 19, app/assets/stylesheets/components/_flag.scss */
.c-flag--discover, .flag--discover {
  background-color: #46e0b5;
}

/* line 23, app/assets/stylesheets/components/_flag.scss */
.c-flag--new, .flag--new {
  background-color: #81414e;
}

/* line 27, app/assets/stylesheets/components/_flag.scss */
.c-flag--sale, .flag--sale {
  background-color: #a42b27;
}

/* line 31, app/assets/stylesheets/components/_flag.scss */
.c-flag--approved, .flag--approved {
  background-color: #0d5c0c;
}

/* line 35, app/assets/stylesheets/components/_flag.scss */
.c-flag--product.c-flag, .c-flag .flag--approved, .flag--product.c-flag, .flag .flag--approved {
  transform: none;
  transform-origin: initial;
  width: auto;
  top: 10px;
  left: 10px;
  padding: 5px 15px;
}

/* line 1, app/assets/stylesheets/components/_product.scss */
.product {
  margin: 0 0 150px 0;
}

/* line 10, app/assets/stylesheets/components/_product.scss */
.c-product__section-title, .product__section-title {
  font-size: 1.5rem;
  line-height: 2.125rem;
  color: #50596c;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 40px;
  font-weight: normal;
}

/* line 20, app/assets/stylesheets/components/_product.scss */
.c-product__info, .product__info {
  margin-bottom: 25px;
}

@media only screen and (max-width: 479px) {
  /* line 20, app/assets/stylesheets/components/_product.scss */
  .c-product__info, .product__info {
    margin-top: 25px;
  }
}

/* line 28, app/assets/stylesheets/components/_product.scss */
.c-product__name, .product__name {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: #50596c;
  line-height: 1;
  margin: 0;
}

/* line 37, app/assets/stylesheets/components/_product.scss */
.c-product__vendor, .product__vendor {
  margin: 5px 0;
}

/* line 40, app/assets/stylesheets/components/_product.scss */
.c-product__vendor a, .product__vendor a {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000000;
}

/* line 47, app/assets/stylesheets/components/_product.scss */
.c-product__sku, .product__sku {
  font-size: 0.8125rem;
  line-height: 1.375rem;
  color: #000000;
}

/* line 53, app/assets/stylesheets/components/_product.scss */
.c-product__form-label, .product__form-label {
  font-weight: 500;
  margin-right: 38px;
}

@media only screen and (min-width: 768px) {
  /* line 53, app/assets/stylesheets/components/_product.scss */
  .c-product__form-label, .product__form-label {
    margin-right: 25px;
  }
}

/* line 62, app/assets/stylesheets/components/_product.scss */
.c-product__description, .product__description {
  margin-bottom: 30px;
}

/* line 66, app/assets/stylesheets/components/_product.scss */
.c-product__variation, .product__variation {
  font-size: 0.8125rem;
  line-height: 1.375rem;
  color: #000000;
  margin-bottom: 25px;
}

/* line 73, app/assets/stylesheets/components/_product.scss */
.c-product__price, .product__price {
  border-right: solid 1px #000000;
  margin-right: 20px;
}

/* line 78, app/assets/stylesheets/components/_product.scss */
.c-product__select-variation, .product__select-variation {
  width: 100%;
  max-width: 300px;
}

/* line 82, app/assets/stylesheets/components/_product.scss */
.c-product__select-variation--form, .product__select-variation--form {
  margin: 19px 0 0;
}

@media only screen and (max-width: 479px) {
  /* line 78, app/assets/stylesheets/components/_product.scss */
  .c-product__select-variation, .product__select-variation {
    width: 100%;
    border-radius: 0;
  }
}

@media only screen and (min-width: 560px) {
  /* line 92, app/assets/stylesheets/components/_product.scss */
  .c-product__related-products, .product__related-products {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 559px) {
  /* line 92, app/assets/stylesheets/components/_product.scss */
  .c-product__related-products, .product__related-products {
    margin-top: 20px;
  }
}

/* line 104, app/assets/stylesheets/components/_product.scss */
.c-product__related-articles, .product__related-articles {
  margin-top: 100px;
  height: 100%;
}

/* line 109, app/assets/stylesheets/components/_product.scss */
.c-product__share, .product__share {
  font-size: 1.25rem;
  line-height: 1.8125rem;
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 30px;
}

/* line 117, app/assets/stylesheets/components/_product.scss */
.c-product__share--icons, .product__share--icons {
  display: inline-block;
}

/* line 121, app/assets/stylesheets/components/_product.scss */
.c-product__share__link, .product__share__link {
  margin: 0 5px;
}

@media only screen and (max-width: 479px) {
  /* line 125, app/assets/stylesheets/components/_product.scss */
  .c-product__share--description, .product__share--description {
    display: none;
  }
}

/* line 133, app/assets/stylesheets/components/_product.scss */
.c-product__review, .product__review {
  margin-top: 100px;
}

/* line 137, app/assets/stylesheets/components/_product.scss */
.c-product__description, .product__description {
  margin-bottom: 20px;
}

/* line 3, app/assets/stylesheets/components/_review.scss */
.c-review__note {
  display: flex;
  flex-direction: column;
  border-bottom: solid 0.0625rem #3f4659;
  padding: 0 0 0.875rem 0;
  margin: 0 0 1.5625rem 0;
}

/* line 10, app/assets/stylesheets/components/_review.scss */
.c-review__note__top {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.9375rem;
       column-gap: 0.9375rem;
}

/* line 16, app/assets/stylesheets/components/_review.scss */
.c-review__note__top {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.9375rem;
       column-gap: 0.9375rem;
}

/* line 23, app/assets/stylesheets/components/_review.scss */
.c-review__ico {
  display: inline-block;
  margin-right: 1.25rem;
}

/* line 29, app/assets/stylesheets/components/_review.scss */
.c-review__count {
  display: inline-block;
  font-size: 0.9375rem;
  letter-spacing: 0.121875rem;
  line-height: 0.9375rem;
  color: #50596c;
}

@media only screen and (min-width: 768px) {
  /* line 29, app/assets/stylesheets/components/_review.scss */
  .c-review__count {
    font-size: 0.625rem;
    letter-spacing: 0.09375rem;
  }
}

/* line 42, app/assets/stylesheets/components/_review.scss */
.c-review__recap {
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  margin-bottom: 1.5625rem;
  letter-spacing: 0.121875rem;
  color: #50596c;
}

@media only screen and (min-width: 768px) {
  /* line 42, app/assets/stylesheets/components/_review.scss */
  .c-review__recap {
    font-size: 0.625rem;
    letter-spacing: 0.09375rem;
  }
}

/* line 55, app/assets/stylesheets/components/_review.scss */
.c-review__comment {
  margin-top: 1.25rem;
}

/* line 61, app/assets/stylesheets/components/_review.scss */
.c-review__score--modal {
  text-align: left;
  width: 80%;
  margin: auto;
}

/* line 67, app/assets/stylesheets/components/_review.scss */
.c-review__score--title {
  display: inline;
  padding-right: 1.25rem;
}

/* line 72, app/assets/stylesheets/components/_review.scss */
.c-review__score--stars {
  display: inline;
}

/* line 75, app/assets/stylesheets/components/_review.scss */
.c-review__score--stars::before {
  content: " | ";
  margin-right: 1.25rem;
}

/* line 82, app/assets/stylesheets/components/_review.scss */
.c-review__profile {
  margin-top: 0.625rem;
}

/* line 85, app/assets/stylesheets/components/_review.scss */
.c-review__profile--modal {
  text-align: left;
  width: 80%;
  margin: auto;
}

/* line 92, app/assets/stylesheets/components/_review.scss */
.c-review__liked {
  margin-top: 0.9375rem;
  margin-bottom: 1.5625rem;
}

/* line 96, app/assets/stylesheets/components/_review.scss */
.c-review__liked--modal {
  text-align: left;
  width: 80%;
  margin: auto;
  margin-bottom: 0.9375rem;
}

/* line 104, app/assets/stylesheets/components/_review.scss */
.c-review__notice {
  margin-top: 1.25rem;
  padding-bottom: 1.25rem;
}

/* line 109, app/assets/stylesheets/components/_review.scss */
.c-review__advert {
  font-size: 1rem;
  line-height: 1.375rem;
  padding-top: 0.625rem;
  padding-bottom: 1.5625rem;
}

/* line 115, app/assets/stylesheets/components/_review.scss */
.c-review__advert--modal {
  width: 100%;
  font-size: 0.9375rem;
  color: #50596c;
}

@media only screen and (min-width: 768px) {
  /* line 115, app/assets/stylesheets/components/_review.scss */
  .c-review__advert--modal {
    font-size: 0.8125rem;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 115, app/assets/stylesheets/components/_review.scss */
  .c-review__advert--modal {
    width: 80%;
  }
}

/* line 128, app/assets/stylesheets/components/_review.scss */
.c-review__advert--modal--bottom {
  padding-bottom: 1.5625rem;
  margin: 1.875rem 0 0 0;
  font-size: 0.9375rem;
}

@media only screen and (min-width: 768px) {
  /* line 128, app/assets/stylesheets/components/_review.scss */
  .c-review__advert--modal--bottom {
    font-size: 0.8125rem;
    margin: 1.25rem 0 0 0;
  }
}

/* line 141, app/assets/stylesheets/components/_review.scss */
.c-review__button {
  margin-bottom: 3rem;
}

/* line 147, app/assets/stylesheets/components/_review.scss */
.c-review__score--modal {
  width: 100%;
  color: #50596c;
  display: flex;
  align-items: center;
}

/* line 154, app/assets/stylesheets/components/_review.scss */
.c-review__score--title {
  color: #50596c;
  font-size: 0.9375rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 154, app/assets/stylesheets/components/_review.scss */
  .c-review__score--title {
    font-size: 0.75rem;
  }
}

/* line 166, app/assets/stylesheets/components/_review.scss */
.c-review__score--stars:before {
  content: "";
  border-left: solid 0.0625rem #50596c;
  position: absolute;
  top: 0;
  bottom: 0.25rem;
  left: -0.625rem;
}

/* line 177, app/assets/stylesheets/components/_review.scss */
.c-review__textarea {
  width: 100%;
  padding: 10px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #50596c;
}

@media only screen and (min-width: 768px) {
  /* line 177, app/assets/stylesheets/components/_review.scss */
  .c-review__textarea {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

/* line 189, app/assets/stylesheets/components/_review.scss */
.c-review__textarea::-moz-placeholder {
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #000000;
  padding: 0;
  margin: 0;
}
.c-review__textarea::placeholder {
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #000000;
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 189, app/assets/stylesheets/components/_review.scss */
  .c-review__textarea::-moz-placeholder {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .c-review__textarea::placeholder {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

/* line 203, app/assets/stylesheets/components/_review.scss */
.c-review__recommended {
  display: flex;
  align-items: center;
  margin: 1.875rem 0;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

@media only screen and (min-width: 768px) {
  /* line 203, app/assets/stylesheets/components/_review.scss */
  .c-review__recommended {
    margin: 1.25rem 0;
  }
}

/* line 216, app/assets/stylesheets/components/_review.scss */
.c-review__profile--modal {
  width: unset;
  margin: 1.25rem 0;
  color: #50596c;
  font-size: 0.9375rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 216, app/assets/stylesheets/components/_review.scss */
  .c-review__profile--modal {
    font-size: 0.75rem;
  }
}

/* line 231, app/assets/stylesheets/components/_review.scss */
.c-review__liked--modal {
  width: unset;
  margin: 0;
  color: #50596c;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.3125rem;
       column-gap: 0.3125rem;
}

@media only screen and (min-width: 768px) {
  /* line 231, app/assets/stylesheets/components/_review.scss */
  .c-review__liked--modal {
    font-size: 0.75rem;
  }
}

/* line 245, app/assets/stylesheets/components/_review.scss */
.c-review__liked__checkbox {
  display: flex;
  align-items: center;
}

/* line 250, app/assets/stylesheets/components/_review.scss */
.c-review__liked__checkmark {
  position: relative;
  top: -0.1875rem;
}

/* line 1, app/assets/stylesheets/components/_reviews.scss */
.c-reviews {
  max-width: 61.875rem;
  width: 100%;
  margin: 9.375rem auto 0 auto;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews {
    margin: 12.5rem auto 0 auto;
  }
}

/* line 10, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__slidder {
  margin: 0 -1.875rem;
}

/* line 14, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card {
  width: 100%;
  padding: 0 1.875rem;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  /* line 14, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__card {
    width: 50%;
    min-height: 100%;
  }
}

/* line 27, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__body {
  height: 100%;
}

/* line 31, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__header {
  display: flex;
  -moz-column-gap: 0.9375rem;
       column-gap: 0.9375rem;
  align-items: center;
  margin: 0 0 1.5rem 0;
}

/* line 38, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__from {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin: 0.3125rem 0 0 0;
}

/* line 45, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__name {
  font-size: 0.8125rem;
  letter-spacing: 0.121875rem;
  color: #3f4659;
}

@media only screen and (min-width: 768px) {
  /* line 45, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__card__name {
    font-size: 0.625rem;
    letter-spacing: 0.09375rem;
  }
}

/* line 56, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__date {
  font-size: 0.8125rem;
  letter-spacing: 0.09375rem;
  color: #3f4659;
  position: relative;
}

@media only screen and (min-width: 768px) {
  /* line 56, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__card__date {
    font-size: 0.625rem;
    letter-spacing: 0.09375rem;
  }
}

/* line 67, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__date:before {
  content: ".";
  position: absolute;
  left: -0.375rem;
}

/* line 74, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__stars {
  display: flex;
  -moz-column-gap: 0.1875rem;
       column-gap: 0.1875rem;
}

/* line 78, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__stars__star {
  width: 1.25rem;
  height: 1.25rem;
}

@media only screen and (min-width: 768px) {
  /* line 78, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__card__stars__star {
    width: 1.125rem;
    height: 1.125rem;
  }
}

/* line 87, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__stars__star__fill {
  fill: #50596c;
}

/* line 90, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__stars__star__fill.is-active {
  fill: #000a12;
}

/* line 97, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__card__text {
  font-size: 1rem;
  line-height: 1.3125rem;
  letter-spacing: 0.0325rem;
}

@media only screen and (min-width: 768px) {
  /* line 97, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__card__text {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.025rem;
  }
}

/* line 110, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__liked {
  display: flex;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  align-items: center;
  font-size: 0.8125rem;
  letter-spacing: 0.08125rem;
  text-transform: uppercase;
  color: #50596c;
  margin: 1.875rem 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 110, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__liked {
    font-size: 0.625rem;
    letter-spacing: 0.0625rem;
  }
}

/* line 125, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__liked__ico {
  width: 1.6875rem;
}

@media only screen and (min-width: 768px) {
  /* line 125, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__liked__ico {
    width: 1.3125rem;
  }
}

/* line 132, app/assets/stylesheets/components/_reviews.scss */
.c-reviews__liked__ico svg {
  width: 1.6875rem;
  height: 1.1875rem;
}

@media only screen and (min-width: 768px) {
  /* line 132, app/assets/stylesheets/components/_reviews.scss */
  .c-reviews__liked__ico svg {
    width: 1.3125rem;
    height: 0.875rem;
  }
}

/* line 1, app/assets/stylesheets/components/_pagination.scss */
.pagination {
  display: flex;
  margin-top: 90px;
  font-size: 1.25rem;
  justify-content: flex-end;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_pagination.scss */
  .pagination {
    font-size: 0.9375rem;
  }
}

/* line 12, app/assets/stylesheets/components/_pagination.scss */
.pagination__nav {
  display: flex;
  justify-content: center;
  color: #d6d6d6;
}

@media only screen and (min-width: 1024px) {
  /* line 12, app/assets/stylesheets/components/_pagination.scss */
  .pagination__nav {
    justify-content: flex-end;
  }
}

/* line 22, app/assets/stylesheets/components/_pagination.scss */
.pagination__page {
  padding: 0 5px;
  margin: 0 5px;
}

/* line 26, app/assets/stylesheets/components/_pagination.scss */
.pagination__page.is-active {
  color: #000000;
}

/* line 30, app/assets/stylesheets/components/_pagination.scss */
.pagination__page a {
  color: #d6d6d6;
}

/* line 33, app/assets/stylesheets/components/_pagination.scss */
.pagination__page a:hover {
  color: #8b8b8b;
}

/* line 39, app/assets/stylesheets/components/_pagination.scss */
.pagination__see {
  display: flex;
  justify-content: flex-end;
  text-transform: uppercase;
}

/* line 44, app/assets/stylesheets/components/_pagination.scss */
.pagination__see__see-item {
  padding: 0 5px;
  margin: 0 5px;
  font-weight: 600;
}

/* line 50, app/assets/stylesheets/components/_pagination.scss */
.pagination__see__item {
  padding: 0 7px 0 0;
  margin: 0 0 0 5px;
}

/* line 54, app/assets/stylesheets/components/_pagination.scss */
.pagination__see__item a {
  color: #d6d6d6;
}

/* line 57, app/assets/stylesheets/components/_pagination.scss */
.pagination__see__item a:hover {
  color: #8b8b8b;
}

/* line 61, app/assets/stylesheets/components/_pagination.scss */
.pagination__see__item a.is-active {
  color: #000000;
}

/* line 68, app/assets/stylesheets/components/_pagination.scss */
.pagination__ico-prev {
  position: relative;
}

/* line 71, app/assets/stylesheets/components/_pagination.scss */
.pagination__ico-prev:after {
  content: "";
  background: url(/assets/select-arrow-left-8a7e730d2e6d2a6e7ad0215a6d56a1397fe7f29ae95feded04bf548f126cd94d.svg) center center no-repeat;
  width: 12px;
  height: 22px;
  position: absolute;
  top: 3px;
  left: -20px;
}

@media only screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/components/_pagination.scss */
  .pagination__ico-prev:after {
    width: 10px;
    height: 20px;
    top: 1px;
  }
}

/* line 88, app/assets/stylesheets/components/_pagination.scss */
.pagination__ico-next {
  position: relative;
}

/* line 91, app/assets/stylesheets/components/_pagination.scss */
.pagination__ico-next:after {
  content: "";
  background: url(/assets/select-arrow-right-04dc7080272b6423e41a7581c9996249a19c4937e894d4d22a74465e3bb7744a.svg) center center no-repeat;
  width: 12px;
  height: 22px;
  position: absolute;
  top: 3px;
  right: -20px;
}

@media only screen and (min-width: 1024px) {
  /* line 91, app/assets/stylesheets/components/_pagination.scss */
  .pagination__ico-next:after {
    width: 10px;
    height: 20px;
    top: 1px;
  }
}

@-moz-document url-prefix() {
  /* line 112, app/assets/stylesheets/components/_pagination.scss */
  .pagination__ico-prev:after {
    top: 20px;
  }
  /* line 118, app/assets/stylesheets/components/_pagination.scss */
  .pagination__ico-next:after, .pagination__ico-next:after {
    top: 20px;
  }
}

/* line 3, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__btn, .rewards__btn {
  position: fixed;
  display: flex;
  bottom: 0;
  right: 25px;
  padding: 8px 30px;
  gap: 10px;
  background: #000a12;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
  z-index: 0;
  font-size: 0.625rem;
  line-height: 0.625rem;
  text-transform: uppercase;
  align-items: center;
}

/* line 19, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__btn__img, .rewards__btn__img {
  width: 1.4375rem;
}

/* line 24, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal, .rewards__modal {
  width: 93%;
  max-width: 490px;
  padding: 50px 30px 70px 30px;
  background: #ffffff;
  border-radius: 10px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  /* line 24, app/assets/stylesheets/components/_rewards.scss */
  .c-rewards__modal, .rewards__modal {
    width: 100%;
    min-width: 466px;
    padding: 50px 38px 70px 38px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 38, app/assets/stylesheets/components/_rewards.scss */
  .c-rewards__modal__content, .rewards__modal__content {
    padding: 0 42px;
  }
}

/* line 45, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__title, .rewards__modal__title {
  font-size: 1.25rem;
  letter-spacing: -0.0125rem;
  text-transform: uppercase;
  color: #3f4659;
  margin: 0 0 20px 0;
  padding: 0 0 0 42px;
  text-align: left;
  position: relative;
}

/* line 55, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__title:before, .rewards__modal__title:before {
  content: "";
  background: url(/images/ico-wc-rewards.svg) center center no-repeat;
  width: 27px;
  height: 27px;
  position: absolute;
  top: -3px;
  left: 0;
}

@media only screen and (min-width: 768px) {
  /* line 55, app/assets/stylesheets/components/_rewards.scss */
  .c-rewards__modal__title:before, .rewards__modal__title:before {
    width: 26px;
    height: 26px;
  }
}

/* line 71, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__tabs, .rewards__modal__tabs {
  display: flex;
  padding: 0 0 9px 0;
  border-bottom: solid 1px #3f4659;
  margin: 0 0 34px 0;
}

/* line 77, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__tabs__btn, .rewards__modal__tabs__btn {
  background: transparent;
  border: 0;
  font-size: 0.75rem;
  padding: 3px 22px;
  text-transform: uppercase;
  font-weight: 500;
  border-left: solid 1px #3f4659;
}

/* line 86, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__tabs__btn:first-child, .rewards__modal__tabs__btn:first-child {
  padding: 3px 22px 3px 0;
  border: 0;
}

/* line 91, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__tabs__btn.is-active, .rewards__modal__tabs__btn.is-active {
  color: #a42b27;
}

/* line 97, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__tab, .rewards__modal__tab {
  display: none;
}

/* line 100, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__tab.is-active, .rewards__modal__tab.is-active {
  display: block;
}

/* line 105, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__table, .rewards__modal__table {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: auto 50%;
  -moz-column-gap: 50px;
       column-gap: 50px;
  row-gap: 18px;
  padding: 0 0 30px 0;
  margin: 0 0 25px 0;
  border-bottom: solid 1px #3f4659;
}

/* line 115, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__table div, .rewards__modal__table div {
  color: #a42b27;
}

/* line 118, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__table div:nth-child(odd), .rewards__modal__table div:nth-child(odd) {
  color: #3f4659;
  max-width: 70px;
}

/* line 125, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__text, .rewards__modal__text {
  font-size: 1.0625rem;
  letter-spacing: 0.0625rem;
  color: #3f4659;
  margin: 0 0 20px 0;
  font-weight: 300;
}

/* line 133, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__notice, .rewards__modal__notice {
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #3f4659;
  margin: 15px 0 0 0;
}

/* line 139, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__notice a, .rewards__modal__notice a {
  color: #3f4659;
  text-decoration: underline;
}

/* line 143, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__notice a:hover, .rewards__modal__notice a:hover {
  text-decoration: none;
}

/* line 149, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__win-points, .rewards__modal__win-points {
  padding: 0 0 30px 0;
  margin: 0 0 25px 0;
  border-bottom: solid 1px #3f4659;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

/* line 157, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__win-points__row, .rewards__modal__win-points__row {
  display: grid;
  grid-template-columns: 30px auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

/* line 163, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__win-points__ico, .rewards__modal__win-points__ico {
  width: 100%;
}

/* line 167, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__win-points__title, .rewards__modal__win-points__title {
  font-size: 15px;
  text-transform: uppercase;
  color: #3f4659;
}

/* line 173, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__win-points__text, .rewards__modal__win-points__text {
  font-size: 0.6875rem;
  line-height: 0.8125rem;
  letter-spacing: 0.025rem;
  color: #3f4659;
}

/* line 179, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__win-points__text--big, .rewards__modal__win-points__text--big {
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  letter-spacing: 0.03125rem;
}

/* line 187, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__faq, .rewards__modal__faq {
  padding: 0 0 30px 0;
  margin: 0 0 25px 0;
  border-bottom: solid 1px #3f4659;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

/* line 195, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__faq__row, .rewards__modal__faq__row {
  display: block;
}

/* line 199, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__faq__title, .rewards__modal__faq__title {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  color: #3f4659;
  margin: 0 0 5px 0;
}

/* line 207, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__faq__text, .rewards__modal__faq__text {
  font-size: 0.6875rem;
  line-height: 0.8125rem;
  color: #3f4659;
}

/* line 212, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__faq__text a, .rewards__modal__faq__text a {
  color: #3f4659;
  text-decoration: underline;
}

/* line 216, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__faq__text a:hover, .rewards__modal__faq__text a:hover {
  text-decoration: none;
}

/* line 223, app/assets/stylesheets/components/_rewards.scss */
.c-rewards__modal__btn, .rewards__modal__btn {
  font-size: 0.625rem;
  padding: 8px 20px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 223, app/assets/stylesheets/components/_rewards.scss */
  .c-rewards__modal__btn, .rewards__modal__btn {
    padding: 8px 38px;
  }
}

/* line 1, app/assets/stylesheets/components/_rewards-progress.scss */
:root {
  --reward-steps: 5;
}

/* line 5, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress {
  width: calc(100% - 60px);
  margin: 0 0 1.875rem 1.875rem;
  max-width: 23.375rem;
}

@media only screen and (min-width: 768px) {
  /* line 5, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress {
    margin: 0 auto;
    max-width: unset;
  }
}

/* line 15, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__head {
  display: flex;
  width: 100%;
}

/* line 20, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__label-container, .c-reward-progress__step, .c-reward-progress__section {
  min-width: calc(100%);
  width: calc(100%);
}

@media only screen and (min-width: 768px) {
  /* line 20, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__label-container, .c-reward-progress__step, .c-reward-progress__section {
    min-width: calc(100% / var(--reward-steps));
    width: calc(100% / var(--reward-steps));
  }
}

/* line 30, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__label-container {
  text-align: center;
}

/* line 34, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__label {
  margin-left: -100%;
  font-size: 1.375rem;
  color: #50596c;
}

@media only screen and (min-width: 768px) {
  /* line 34, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__label {
    font-size: 0.8125rem;
  }
}

/* line 44, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__step {
  border-left: solid 1px #50596c;
  height: 0.9375rem;
}

@media only screen and (min-width: 768px) {
  /* line 44, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__step {
    height: 0.3125rem;
  }
}

/* line 53, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__container {
  position: relative;
  width: 100%;
  height: 0.3125rem;
}

/* line 59, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0.625rem;
  background-color: #f1f1f1;
}

@media only screen and (min-width: 768px) {
  /* line 59, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__bg {
    height: 0.3125rem;
  }
}

/* line 72, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__bg:before {
  display: block;
  content: "";
  width: 1.875rem;
  height: 0.625rem;
  position: absolute;
  top: 0;
  left: -1.875rem;
  background-color: #50596c;
  border-radius: 0.4375rem 0 0 0.4375rem;
}

@media only screen and (min-width: 768px) {
  /* line 72, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__bg:before {
    height: 0.3125rem;
  }
}

/* line 88, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__bg--empty:before {
  background-color: #f1f1f1;
}

/* line 92, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__bg:after {
  display: block;
  content: "";
  width: 1.875rem;
  height: 0.625rem;
  position: absolute;
  top: 0;
  right: -1.875rem;
  box-sizing: border-box;
  border-radius: 0 0.4375rem 0.4375rem 0;
  background-color: #f1f1f1;
}

@media only screen and (min-width: 768px) {
  /* line 92, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__bg:after {
    height: 0.3125rem;
  }
}

/* line 109, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__bg--full:after {
  background-color: #f1f1f1;
}

/* line 113, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__fg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #50596c;
  height: 0.625rem;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  /* line 113, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__fg {
    height: 0.3125rem;
  }
}

/* line 126, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__footer {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  width: 100%;
  margin-top: 1rem;
  background-color: #f1f1f1;
  position: relative;
  padding: 0.625rem 0;
}

@media only screen and (min-width: 768px) {
  /* line 126, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__footer {
    grid-template-columns: repeat(var(--reward-steps), 1fr);
  }
}

/* line 139, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__footer:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.875rem;
  width: 1.875rem;
  background-color: #f1f1f1;
  border-radius: 0.5625rem 0 0 0.5625rem;
}

@media only screen and (min-width: 768px) {
  /* line 139, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__footer:before {
    border-radius: 0.3125rem 0 0 0.3125rem;
  }
}

/* line 154, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__footer:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1.875rem;
  width: 1.875rem;
  background-color: #f1f1f1;
  border-radius: 0 0.5625rem 0.5625rem 0;
}

@media only screen and (min-width: 768px) {
  /* line 154, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__footer:after {
    border-radius: 0.3125rem 0 0 0.3125rem;
  }
}

/* line 170, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__section {
  text-align: center;
  padding: 2.25rem 0;
  opacity: 0.4;
  font-size: 1.75rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  color: #50596c;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 170, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__section {
    padding: 1.375rem 0 1.0625rem;
    border-left: 0.0625rem solid #50596c;
    font-size: 0.6875rem;
    line-height: 0.75rem;
  }
}

/* line 187, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__section__get {
  margin: 0 0 0.625rem 0;
}

/* line 193, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__section__link span {
  font-size: 1.4375rem;
  font-weight: 700;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  /* line 193, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__section__link span {
    font-size: 0.5625rem;
    font-weight: 400;
  }
}

/* line 204, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__section__link__btn {
  border: 0;
  background: transparent;
  font-size: 1.4375rem;
  font-weight: 700;
  text-decoration: underline;
  color: #a42b27;
  text-transform: uppercase;
}

/* line 213, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__section__link__btn:hover {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  /* line 204, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__section__link__btn {
    font-size: 0.5625rem;
    font-weight: 400;
  }
}

@media only screen and (min-width: 768px) {
  /* line 225, app/assets/stylesheets/components/_rewards-progress.scss */
  .c-reward-progress__section:last-of-type {
    border-right: 1px solid #50596c;
  }
}

/* line 232, app/assets/stylesheets/components/_rewards-progress.scss */
.c-reward-progress__section.c-reward-progress__section--active {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/_rewards-list.scss */
.rewards-list {
  grid-column-end: span 4;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 31px;
       column-gap: 31px;
  row-gap: 26px;
}

@media only screen and (min-width: 560px) {
  /* line 1, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list {
    grid-column-end: span 8;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list {
    grid-column-end: span 8;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list {
    grid-column-end: span 10;
    grid-column-start: 2;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (min-width: 1440px) {
  /* line 1, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list {
    grid-column-end: span 8;
  }
}

/* line 28, app/assets/stylesheets/components/_rewards-list.scss */
.rewards-list__item {
  background: #f7f7f7;
  padding: 35px 15px 25px 15px;
}

@media only screen and (min-width: 768px) {
  /* line 28, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list__item {
    padding: 35px 20px 40px 20px;
    min-height: 210px;
  }
}

/* line 37, app/assets/stylesheets/components/_rewards-list.scss */
.rewards-list__item__title {
  font-size: 1.1875rem;
  letter-spacing: 0.08125rem;
  text-transform: uppercase;
  margin: 0 0 35px 0;
}

@media only screen and (min-width: 768px) {
  /* line 37, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list__item__title {
    font-size: 0.9375rem;
    letter-spacing: 0.0625rem;
    margin: 0 0 20px 0;
  }
}

/* line 50, app/assets/stylesheets/components/_rewards-list.scss */
.rewards-list__item__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  font-size: 0.8125rem;
  letter-spacing: 0.121875rem;
  text-transform: uppercase;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  /* line 50, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list__item__content {
    font-size: 0.625rem;
    letter-spacing: 0.09375rem;
  }
}

/* line 65, app/assets/stylesheets/components/_rewards-list.scss */
.rewards-list__item__ico {
  width: 38px;
  margin: 0 0 22px 0;
}

@media only screen and (min-width: 768px) {
  /* line 65, app/assets/stylesheets/components/_rewards-list.scss */
  .rewards-list__item__ico {
    width: 26px;
  }
}

/* line 1, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon {
    width: 68%;
  }
}

/* line 8, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
}

@media only screen and (min-width: 768px) {
  /* line 8, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 18, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item {
  background: #f7f7f7;
  padding: 35px 25px 25px 25px;
  max-width: 384px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
}

/* line 27, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 33, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__img {
  width: 31px;
}

@media only screen and (min-width: 768px) {
  /* line 33, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon__item__img {
    width: 24px;
  }
}

/* line 41, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__title {
  font-size: 1.25rem;
  letter-spacing: 0.08125rem;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}

@media only screen and (min-width: 768px) {
  /* line 41, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon__item__title {
    font-size: 0.9375rem;
    letter-spacing: 0.0625rem;
    margin: 0 0 12px 0;
  }
}

/* line 54, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  font-size: 0.625rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  font-weight: 700;
}

/* line 64, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__amount {
  font-size: 2.4375rem;
  letter-spacing: -0.0625rem;
}

@media only screen and (min-width: 768px) {
  /* line 64, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon__item__amount {
    font-size: 1.875rem;
  }
}

/* line 73, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__code {
  font-size: 2.4375rem;
  letter-spacing: -0.0625rem;
  margin: 0 0 5px 0;
}

@media only screen and (min-width: 768px) {
  /* line 73, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon__item__code {
    font-size: 1.875rem;
  }
}

/* line 83, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__text {
  font-size: 0.8125rem;
  letter-spacing: 0.121875rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

@media only screen and (min-width: 768px) {
  /* line 83, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon__item__text {
    font-size: 0.625rem;
    letter-spacing: 0.09375rem;
  }
}

/* line 95, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__text--claimed {
  color: #a42b27;
}

/* line 100, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__btn {
  font-size: 0.75rem;
  padding: 24px 0 20px 0;
  width: 100%;
  border-radius: 25px / 50%;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 100, app/assets/stylesheets/components/_user-coupon.scss */
  .user-coupon__item__btn {
    padding: 6px 38px;
    border-radius: 12px / 50%;
    font-size: 0.625rem;
    width: unset;
  }
}

/* line 114, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__btn--claimed {
  color: #a42b27;
  border-color: #a42b27;
}

/* line 118, app/assets/stylesheets/components/_user-coupon.scss */
.user-coupon__item__btn--claimed:hover {
  background: transparent;
  color: #a42b27;
  border-color: #a42b27;
}

/* line 1, app/assets/stylesheets/components/_tables.scss */
.c-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* line 6, app/assets/stylesheets/components/_tables.scss */
.c-table th, .c-table td {
  text-align: left;
  padding: 1rem;
}

/* line 11, app/assets/stylesheets/components/_tables.scss */
.c-table tr:nth-child(even) {
  background-color: #c7c8ca;
}

/* line 1, app/assets/stylesheets/components/_cart.scss */
.c-cart, .cart {
  width: 100%;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 8, app/assets/stylesheets/components/_cart.scss */
.my-account .c-cart, .my-account .cart {
  max-width: unset;
}

/* line 12, app/assets/stylesheets/components/_cart.scss */
.c-cart__title, .cart__title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}

@media only screen and (min-width: 768px) {
  /* line 12, app/assets/stylesheets/components/_cart.scss */
  .c-cart__title, .cart__title {
    font-size: 0.875rem;
  }
}

/* line 22, app/assets/stylesheets/components/_cart.scss */
.c-cart__title--price, .cart__title--price {
  font-size: 1rem;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  /* line 22, app/assets/stylesheets/components/_cart.scss */
  .c-cart__title--price, .cart__title--price {
    font-size: 0.875rem;
  }
}

/* line 32, app/assets/stylesheets/components/_cart.scss */
.c-cart__title--mobile, .cart__title--mobile {
  display: inline;
}

/* line 36, app/assets/stylesheets/components/_cart.scss */
.c-cart__summary, .cart__summary {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
  -moz-column-gap: 26px;
       column-gap: 26px;
}

@media only screen and (min-width: 768px) {
  /* line 36, app/assets/stylesheets/components/_cart.scss */
  .c-cart__summary, .cart__summary {
    grid-column-end: span 8;
    -moz-column-gap: 30px;
         column-gap: 30px;
    padding: 0;
    flex-direction: row;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 36, app/assets/stylesheets/components/_cart.scss */
  .c-cart__summary, .cart__summary {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 36, app/assets/stylesheets/components/_cart.scss */
  .c-cart__summary, .cart__summary {
    grid-column-end: span 8;
  }
}

/* line 59, app/assets/stylesheets/components/_cart.scss */
.c-cart__price, .cart__price {
  font-size: 1rem;
  text-align: left;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  /* line 59, app/assets/stylesheets/components/_cart.scss */
  .c-cart__price, .cart__price {
    font-size: 0.875rem;
  }
}

/* line 69, app/assets/stylesheets/components/_cart.scss */
.c-cart__section, .cart__section {
  font-size: 1rem;
  flex: auto;
  margin: 0;
  padding: 10px;
  background: #f5f5f5;
  width: 280px;
}

@media only screen and (min-width: 560px) {
  /* line 69, app/assets/stylesheets/components/_cart.scss */
  .c-cart__section, .cart__section {
    max-width: 240px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 69, app/assets/stylesheets/components/_cart.scss */
  .c-cart__section, .cart__section {
    max-width: 220px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 560px) {
  /* line 86, app/assets/stylesheets/components/_cart.scss */
  .p-checkout .c-cart__section, .p-order .c-cart__section, .p-checkout .cart__section, .p-order .cart__section {
    max-width: 220px;
  }
}

/* line 93, app/assets/stylesheets/components/_cart.scss */
.c-cart__section__content, .cart__section__content {
  margin: 10px 0 0 0;
}

/* line 98, app/assets/stylesheets/components/_cart.scss */
.c-cart__qty, .cart__qty {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 0.875rem;
}

/* line 104, app/assets/stylesheets/components/_cart.scss */
.c-cart__qty-bold, .cart__qty-bold {
  font-weight: 600;
}

/* line 108, app/assets/stylesheets/components/_cart.scss */
.c-cart__qty-price, .cart__qty-price {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

/* line 113, app/assets/stylesheets/components/_cart.scss */
.c-cart__qty-price__title, .cart__qty-price__title {
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  /* line 113, app/assets/stylesheets/components/_cart.scss */
  .c-cart__qty-price__title, .cart__qty-price__title {
    margin-top: 20px;
  }
}

/* line 121, app/assets/stylesheets/components/_cart.scss */
.c-cart__qty-price__ammount, .cart__qty-price__ammount {
  font-size: 1.25rem;
  font-weight: 700;
}

/* line 127, app/assets/stylesheets/components/_cart.scss */
.c-cart__stepper, .cart__stepper {
  display: flex;
  align-items: center;
}

/* line 131, app/assets/stylesheets/components/_cart.scss */
.c-cart__stepper__controller, .cart__stepper__controller {
  height: auto;
  font-size: 1.25rem;
  line-height: 1.8125rem;
}

/* line 138, app/assets/stylesheets/components/_cart.scss */
.c-cart__freebies, .cart__freebies {
  padding-top: 16px;
  margin-top: 16px;
}

/* line 143, app/assets/stylesheets/components/_cart.scss */
.c-cart__freebie-title, .cart__freebie-title {
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 15px;
  display: block;
}

/* line 150, app/assets/stylesheets/components/_cart.scss */
.c-cart--info, .cart--info {
  gap: 20px;
  margin: 0 0 50px 0;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  /* line 150, app/assets/stylesheets/components/_cart.scss */
  .c-cart--info, .cart--info {
    flex-wrap: wrap;
  }
}

/* line 160, app/assets/stylesheets/components/_cart.scss */
.c-cart__info, .cart__info {
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  /* line 160, app/assets/stylesheets/components/_cart.scss */
  .c-cart__info, .cart__info {
    padding-left: 15px;
  }
}

/* line 167, app/assets/stylesheets/components/_cart.scss */
.c-cart__info--price, .cart__info--price {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  /* line 171, app/assets/stylesheets/components/_cart.scss */
  .p-order .c-cart__info, .p-order .cart__info {
    padding-left: 0;
  }
}

/* line 179, app/assets/stylesheets/components/_cart.scss */
.c-cart__paid, .cart__paid {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* line 185, app/assets/stylesheets/components/_cart.scss */
.c-cart__ammount, .cart__ammount {
  width: 100%;
  max-width: 700px;
  border-top: solid 1px #d6d6d6;
  border-bottom: solid 1px #d6d6d6;
  padding: 10px 0;
  margin: 0 0 10px 0;
}

/* line 193, app/assets/stylesheets/components/_cart.scss */
.my-account .c-cart__ammount, .my-account .cart__ammount {
  max-width: unset;
}

/* line 197, app/assets/stylesheets/components/_cart.scss */
.c-cart__ammount--line, .cart__ammount--line {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  -moz-column-gap: 16px;
       column-gap: 16px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  color: #464646;
  text-align: right;
}

/* line 208, app/assets/stylesheets/components/_cart.scss */
.c-cart__ammount--line span, .cart__ammount--line span {
  font-weight: 400;
  min-width: 150px;
  text-align: right;
}

/* line 216, app/assets/stylesheets/components/_cart.scss */
.c-cart__submit, .cart__submit {
  width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 216, app/assets/stylesheets/components/_cart.scss */
  .c-cart__submit, .cart__submit {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
  }
}

/* line 231, app/assets/stylesheets/components/_cart.scss */
.c-cart__submit__btns, .cart__submit__btns {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  /* line 231, app/assets/stylesheets/components/_cart.scss */
  .c-cart__submit__btns, .cart__submit__btns {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
  }
}

/* line 247, app/assets/stylesheets/components/_cart.scss */
.c-cart__wrapper, .cart__wrapper {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 1px #d6d6d6;
}

/* line 253, app/assets/stylesheets/components/_cart.scss */
.c-cart__img, .cart__img {
  position: relative;
}

/* line 256, app/assets/stylesheets/components/_cart.scss */
.c-cart__img img, .c-cart__img svg, .cart__img img, .cart__img svg {
  width: 100%;
  display: block;
}

@media only screen and (max-width: 767px) {
  /* line 256, app/assets/stylesheets/components/_cart.scss */
  .c-cart__img img, .c-cart__img svg, .cart__img img, .cart__img svg {
    width: 100%;
  }
}

/* line 266, app/assets/stylesheets/components/_cart.scss */
.c-cart__delete, .cart__delete {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* line 272, app/assets/stylesheets/components/_cart.scss */
.c-cart__checkout, .cart__checkout {
  margin-top: 20px;
  width: 100%;
  max-width: 700px;
  display: flex;
  justify-content: flex-end;
}

/* line 280, app/assets/stylesheets/components/_cart.scss */
.c-cart__active, .cart__active {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: flex-start;
}

/* line 286, app/assets/stylesheets/components/_cart.scss */
.minicart .c-cart__active, .minicart .cart__active {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0 14px 65px;
  border-bottom: 1px solid #d6d6d6;
}

/* line 293, app/assets/stylesheets/components/_cart.scss */
.minicart .c-cart__active .button, .minicart .cart__active .button {
  padding: 7px 30px;
  font-size: 0.75rem;
}

/* line 299, app/assets/stylesheets/components/_cart.scss */
.c-cart__active .button, .cart__active .button {
  text-transform: unset;
  padding: 15px 30px;
  border-radius: 22px;
}

/* line 1, app/assets/stylesheets/components/_checkout.scss */
.c-checkout, .checkout {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  align-items: flex-start;
}

/* line 7, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__nav, .checkout__nav {
  counter-reset: checkout-counter;
  margin: 0 0 30px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 7, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__nav, .checkout__nav {
    flex-direction: row;
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 7, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__nav, .checkout__nav {
    grid-column-end: span 12;
  }
}

/* line 23, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__nav--item, .checkout__nav--item {
  position: relative;
  padding: 0 0 0 40px;
  display: inline-block;
  line-height: 2.125rem;
  font-weight: 500;
  color: #8b8b8b;
  font-size: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 23, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__nav--item, .checkout__nav--item {
    font-size: 1rem;
  }
}

/* line 36, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__nav--item:before, .checkout__nav--item:before {
  counter-increment: checkout-counter;
  content: counter(checkout-counter) "";
  background: #a2a2a2;
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  text-align: center;
  line-height: 2.125rem;
  font-weight: 300;
}

/* line 53, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__nav--item.is-active, .checkout__nav--item.is-active {
  font-weight: 700;
  color: #000000;
  font-weight: 500;
}

/* line 58, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__nav--item.is-active:before, .checkout__nav--item.is-active:before {
  content: "";
  background: url(/assets/ico-check-47f0bfc0889e400965ef3e113927b4390f40671d001196d9c380ee5ea8870282.svg) center center no-repeat #000000;
  background-size: 20px 20px;
}

/* line 67, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__note, .checkout__note {
  margin: 10px 0 50px 0;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

@media only screen and (min-width: 768px) {
  /* line 67, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__note, .checkout__note {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

/* line 78, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__error, .checkout__error {
  width: 90%;
  padding: 5px;
  background-color: #a42b27;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 87, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__confirm, .checkout__confirm {
  margin-bottom: 20px;
}

/* line 92, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__aside--header, .checkout__aside--header {
  border: 1px solid #d6d6d6;
  margin: 0;
  padding: 15px;
}

/* line 98, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__aside--content, .checkout__aside--content {
  border: 1px solid #d6d6d6;
  margin: 0;
  padding: 15px;
}

/* line 105, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__addresses, .checkout__addresses {
  display: flex;
  flex-direction: column;
  margin: 0 0 30px 0;
}

/* line 110, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__addresses__wrapper, .checkout__addresses__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}

/* line 118, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address, .checkout__address {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media only screen and (min-width: 560px) {
  /* line 118, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__address, .checkout__address {
    width: 75%;
  }
}

@media only screen and (min-width: 768px) {
  /* line 118, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__address, .checkout__address {
    width: 50%;
  }
}

/* line 131, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address__wrapper, .checkout__address__wrapper {
  font-size: 0.8125rem;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}

/* line 137, app/assets/stylesheets/components/_checkout.scss */
.c-cart__section .c-checkout__address__wrapper, .c-cart__section .checkout__address__wrapper {
  margin: 10px 0 0 0;
}

@media only screen and (min-width: 768px) {
  /* line 137, app/assets/stylesheets/components/_checkout.scss */
  .c-cart__section .c-checkout__address__wrapper, .c-cart__section .checkout__address__wrapper {
    margin: 10px 0 0 0;
  }
}

/* line 146, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address--box, .checkout__address--box {
  flex: 0 0 50%;
  border-bottom: solid 1px #d6d6d6;
  padding: 0 0 20px 0;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 559px) {
  /* line 146, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__address--box, .checkout__address--box {
    flex: 0 0 100%;
  }
}

/* line 157, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address--box-content, .checkout__address--box-content {
  margin-bottom: 20px;
}

/* line 162, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address--box-content, .checkout__address--box-content {
  margin-bottom: 32px;
}

/* line 166, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address--fields, .checkout__address--fields {
  display: none;
}

/* line 169, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address--fields input, .c-checkout__address--fields select, .checkout__address--fields input, .checkout__address--fields select {
  width: 100%;
}

/* line 173, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address--fields .c-alert__error, .checkout__address--fields .c-alert__error {
  width: 100%;
}

/* line 178, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address__header, .checkout__address__header {
  margin: 0 0 20px 0;
}

/* line 182, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address__title, .checkout__address__title {
  font-weight: 600;
  display: block;
}

/* line 187, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address__item, .checkout__address__item {
  display: block;
}

/* line 190, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address__item--inline, .checkout__address__item--inline {
  display: inline;
}

/* line 197, app/assets/stylesheets/components/_checkout.scss */
.c-cart__section .c-checkout__address__actions, .c-cart__section .checkout__address__actions {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 197, app/assets/stylesheets/components/_checkout.scss */
  .c-cart__section .c-checkout__address__actions, .c-cart__section .checkout__address__actions {
    margin: 0;
  }
}

/* line 208, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__address--fields .c-alert__error, .checkout__address--fields .c-alert__error {
  width: 100%;
}

/* line 214, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item, .checkout__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 214, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__item, .checkout__item {
    flex-direction: row;
  }
}

/* line 225, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item.is-removing, .checkout__item.is-removing {
  color: #af0000;
  background-color: #ffebeb;
  pointer-events: none;
  animation: fade-out linear 0.4s forwards;
}

/* line 233, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item-link, .checkout__item-link {
  flex: 0 0 200px;
}

/* line 237, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item-figure, .checkout__item-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
  position: relative;
  aspect-ratio: 1 / 1;
}

/* line 246, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item-figure-img, .checkout__item-figure-img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 253, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item-figure-no-img, .checkout__item-figure-no-img {
  width: 40px;
}

/* line 256, app/assets/stylesheets/components/_checkout.scss */
.order__item-column-img .c-checkout__item-figure-no-img, .order__item-column-img .checkout__item-figure-no-img {
  width: 40px;
}

/* line 261, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item-wrapper, .checkout__item-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 30px;
}

/* line 268, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__item-content, .checkout__item-content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/* line 274, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__stepper, .checkout__stepper {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

/* line 280, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__stepper-label, .checkout__stepper-label {
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 285, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__total-item, .checkout__total-item {
  display: flex;
  flex-direction: column;
}

/* line 290, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__total-item-label, .checkout__total-item-label {
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 295, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__total, .checkout__total {
  border-radius: 1px;
  background-color: #626e8e;
  width: 80%;
  padding: 10px;
  color: #3f4659;
  font-family: "Poppins", sans-serif;
  font-size: 1.75rem;
  display: inline;
}

/* line 305, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__total--label, .checkout__total--label {
  font-family: "Noto Serif Display", serif;
  font-size: 0.9375rem;
  font-weight: 700;
}

/* line 312, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__payment-method, .checkout__payment-method {
  margin: 20px 0 20px 0;
}

/* line 316, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__payment, .checkout__payment {
  width: 100%;
  max-width: 500px;
  margin: 30px 0;
}

/* line 322, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__ammount, .checkout__ammount {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin: 0 0 30px 0;
}

/* line 328, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__ammount__text, .checkout__ammount__text {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #626e8e;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  /* line 328, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__ammount__text, .checkout__ammount__text {
    font-size: 0.875rem;
  }
}

/* line 340, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__ammount__total, .checkout__ammount__total {
  font-family: "Noto Serif Display", serif;
  font-size: 1.875rem;
  font-weight: 300;
  color: #626e8e;
}

@media only screen and (min-width: 768px) {
  /* line 340, app/assets/stylesheets/components/_checkout.scss */
  .c-checkout__ammount__total, .checkout__ammount__total {
    font-size: 1.25rem;
  }
}

/* line 351, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__ammount__row, .checkout__ammount__row {
  display: flex;
  gap: 20px;
}

/* line 357, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__textaera, .checkout__textaera {
  width: 90%;
  min-height: 120px;
  border-color: #d6d6d6;
  margin-bottom: 20px;
}

/* line 364, app/assets/stylesheets/components/_checkout.scss */
.c-checkout__footer, .checkout__footer {
  margin-top: 50px;
}

/* line 1, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside {
  grid-column-end: span 4;
  position: relative;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_checkout-aside.scss */
  .checkout-aside {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_checkout-aside.scss */
  .checkout-aside {
    grid-column-start: 9;
    grid-column-end: span 4;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 1, app/assets/stylesheets/components/_checkout-aside.scss */
  .checkout-aside {
    grid-column-end: span 3;
  }
}

/* line 18, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: -10px;
}

@media only screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/components/_checkout-aside.scss */
  .checkout-aside:before {
    border-left: solid 1px #d6d6d6;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 18, app/assets/stylesheets/components/_checkout-aside.scss */
  .checkout-aside:before {
    left: -16px;
  }
}

/* line 35, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside__toggle {
  border-bottom: solid 1px #d6d6d6;
}

/* line 38, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside__toggle__title {
  font-size: 1rem;
  line-height: 1rem;
  padding: 15px 0;
  border-top: solid 1px #d6d6d6;
  position: relative;
  cursor: pointer;
  color: #000000;
  transition: all 0.25s;
}

/* line 48, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside__toggle__title:hover {
  color: #8b8b8b;
}

/* line 52, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside__toggle__title:after {
  content: "";
  background: url(/assets/ico-caret-select-ea187a557cf4bbed85b36a913ece060d65290ea05a96ec82540b18815f00b989.svg) center center no-repeat;
  background-size: 11px 6px;
  width: 11px;
  height: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
  right: 0;
  transition: all 0.25s;
}

/* line 68, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside__toggle__title.is-active:after {
  transform: translateY(-50%) rotate(180deg);
}

/* line 74, app/assets/stylesheets/components/_checkout-aside.scss */
.checkout-aside__toggle__content {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  padding: 10px 0 20px 0;
}

/* line 1, app/assets/stylesheets/components/_checkout-footer.scss */
.checkout-footer {
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  padding: 20px 0;
  border-top: solid 1px #d6d6d6;
  margin: 30px 0 0 0;
}

/* line 1, app/assets/stylesheets/components/_carrier-details.scss */
.carrier-details {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 5px;
  grid-auto-flow: dense;
  margin: 0 0 20px 25px;
}

/* line 9, app/assets/stylesheets/components/_carrier-details.scss */
.carrier-details label {
  font-size: 15px;
}

/* line 1, app/assets/stylesheets/components/_minicart.scss */
.minicart {
  position: absolute;
  background-color: #ffffff;
  top: 70px;
  width: 100vw;
  height: auto;
  max-height: calc(100vh - var(--header-height));
  right: -25px;
  opacity: 1;
  transform: none;
  padding-right: 0.9375rem;
  pointer-events: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 100;
}

/* line 17, app/assets/stylesheets/components/_minicart.scss */
.minicart::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  bottom: 1.5px;
  position: relative;
  background-color: #ffffff;
}

/* line 27, app/assets/stylesheets/components/_minicart.scss */
.minicart::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #000000;
}

@media only screen and (min-width: 560px) {
  /* line 1, app/assets/stylesheets/components/_minicart.scss */
  .minicart {
    box-shadow: 0 0.125rem 1.5625rem 0 rgba(0, 0, 0, 0.23);
    right: 0;
    width: 542px;
    height: auto;
    max-height: calc(100vh - var(--header-height));
  }
  /* line 39, app/assets/stylesheets/components/_minicart.scss */
  .has-tagline .minicart {
    max-height: calc(100vh - var(--header-height) - var(--tagline-height));
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_minicart.scss */
  .minicart {
    top: 60px;
  }
}

/* line 48, app/assets/stylesheets/components/_minicart.scss */
.minicart__close {
  position: absolute;
  top: 7px;
  left: 10px;
  background: #ffffff;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

@media only screen and (min-width: 1248px) {
  /* line 48, app/assets/stylesheets/components/_minicart.scss */
  .minicart__close {
    right: 0;
  }
}

/* line 66, app/assets/stylesheets/components/_minicart.scss */
.minicart__close-ico {
  display: block;
  width: 15px;
  height: 15px;
}

/* line 71, app/assets/stylesheets/components/_minicart.scss */
.minicart__close:hover .minicart__close-ico {
  display: none;
}

/* line 75, app/assets/stylesheets/components/_minicart.scss */
.minicart__close-ico.is-hover {
  display: none;
}

/* line 78, app/assets/stylesheets/components/_minicart.scss */
.minicart__close:hover .minicart__close-ico.is-hover {
  display: block;
}

/* line 84, app/assets/stylesheets/components/_minicart.scss */
.minicart__content-empty {
  padding: 30px 0 30px 15px;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 91, app/assets/stylesheets/components/_minicart.scss */
.minicart__header {
  display: flex;
  align-items: center;
  padding: 14px 0 14px 40px;
  border-bottom: 1px solid #d6d6d6;
}

/* line 98, app/assets/stylesheets/components/_minicart.scss */
.minicart__header-close {
  background: none;
  padding-right: 20px;
  padding-top: 5px;
  border-right: solid 1px #d6d6d6;
  margin-top: 7px;
}

@media only screen and (min-width: 768px) {
  /* line 98, app/assets/stylesheets/components/_minicart.scss */
  .minicart__header-close {
    margin-top: 0;
  }
}

/* line 110, app/assets/stylesheets/components/_minicart.scss */
.minicart__header-title {
  margin: 0 20px 0 25px;
  font-size: 0.9375rem;
  font-weight: 500;
  text-transform: uppercase;
}

/* line 117, app/assets/stylesheets/components/_minicart.scss */
.minicart__clear {
  margin-left: auto;
  font-size: 0.75rem;
  text-transform: unset;
}

/* line 123, app/assets/stylesheets/components/_minicart.scss */
.minicart__promo {
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 6px;
  color: #000000;
}

@media only screen and (min-width: 1024px) {
  /* line 123, app/assets/stylesheets/components/_minicart.scss */
  .minicart__promo {
    padding: 10px 0 10px 43px;
  }
}

/* line 135, app/assets/stylesheets/components/_minicart.scss */
.minicart__promo p {
  margin: 0;
}

/* line 140, app/assets/stylesheets/components/_minicart.scss */
.minicart__product {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  border-bottom: solid 1px #ededed;
}

/* line 146, app/assets/stylesheets/components/_minicart.scss */
.minicart__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 160px;
  aspect-ratio: 1 / 1;
  position: relative;
  background: #ededed;
}

@media only screen and (min-width: 560px) {
  /* line 146, app/assets/stylesheets/components/_minicart.scss */
  .minicart__figure {
    flex: 0 0 200px;
  }
}

/* line 160, app/assets/stylesheets/components/_minicart.scss */
.minicart__figure-img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

/* line 167, app/assets/stylesheets/components/_minicart.scss */
.minicart__figure-no-img {
  display: block;
  width: 30px;
}

/* line 172, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-action {
  top: 30px;
  right: 15px;
  text-align: right;
  margin-bottom: 10px;
}

@media only screen and (min-width: 560px) {
  /* line 172, app/assets/stylesheets/components/_minicart.scss */
  .minicart__product-action {
    top: 10px;
    right: 10px;
  }
}

/* line 184, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-remove {
  text-transform: uppercase;
  font-size: 0.6875rem;
}

/* line 189, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-title {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-weight: 500;
}

/* line 195, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-content {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  row-gap: 5px;
  padding: 0 0 10px 0;
}

/* line 203, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-price {
  font-size: 1.25rem;
}

/* line 207, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-save {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

/* line 212, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-price-discount {
  font-size: 0.875rem;
  color: #a42b27;
}

/* line 217, app/assets/stylesheets/components/_minicart.scss */
.minicart__product-price-old {
  font-size: 0.875rem;
  color: #8b8b8b;
  text-decoration: line-through;
}

/* line 223, app/assets/stylesheets/components/_minicart.scss */
.minicart__stepper {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}

/* line 229, app/assets/stylesheets/components/_minicart.scss */
.minicart__stepper-label {
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 234, app/assets/stylesheets/components/_minicart.scss */
.minicart__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 45px;
  margin-bottom: 45px;
  padding: 0 0 0 15px;
}

@media only screen and (min-width: 560px) {
  /* line 234, app/assets/stylesheets/components/_minicart.scss */
  .minicart__footer {
    margin-top: 65px;
  }
}

@media only screen and (min-width: 768px) {
  /* line 234, app/assets/stylesheets/components/_minicart.scss */
  .minicart__footer {
    margin-top: 110px;
  }
}

/* line 251, app/assets/stylesheets/components/_minicart.scss */
.minicart__footer-ammount {
  background-color: #ededed;
  font-size: 0.9375rem;
  line-height: 0.73;
  color: #000000;
  padding: 11px 0;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 560px) {
  /* line 251, app/assets/stylesheets/components/_minicart.scss */
  .minicart__footer-ammount {
    width: 327px;
  }
}

/* line 264, app/assets/stylesheets/components/_minicart.scss */
.minicart__footer-ammount span {
  margin-left: 16px;
  text-align: right;
  font-size: 1.75rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.32;
}

/* line 275, app/assets/stylesheets/components/_minicart.scss */
.minicart__footer-update {
  padding: 0;
  background: #8b8b8b;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 1rem;
  line-height: 3.4375rem;
  text-transform: uppercase;
  transition: background-color 0.3s ease, color 0.3s ease;
  border: 0;
}

@media only screen and (min-width: 560px) {
  /* line 275, app/assets/stylesheets/components/_minicart.scss */
  .minicart__footer-update {
    width: 327px;
  }
}

/* line 291, app/assets/stylesheets/components/_minicart.scss */
.minicart__footer-update:hover, .minicart__footer-update:focus {
  background: #ededed;
  color: #000000;
}

/* line 298, app/assets/stylesheets/components/_minicart.scss */
.minicart__footer-checkout {
  padding: 0;
  background: #000000;
  width: 100%;
  text-align: center;
  color: #f5f5f5;
  font-size: 1rem;
  line-height: 3.4375rem;
  text-transform: uppercase;
  transition: background-color 0.3s ease, color 0.3s ease;
}

@media only screen and (min-width: 560px) {
  /* line 298, app/assets/stylesheets/components/_minicart.scss */
  .minicart__footer-checkout {
    width: 327px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 298, app/assets/stylesheets/components/_minicart.scss */
  .minicart__footer-checkout {
    margin-bottom: 10vh;
  }
}

/* line 317, app/assets/stylesheets/components/_minicart.scss */
.minicart__footer-checkout:hover, .minicart__footer-checkout:focus {
  background: #ededed;
  color: #000000;
}

/* line 1, app/assets/stylesheets/components/_article.scss */
.c-article {
  margin-top: 3.125rem;
}

/* line 4, app/assets/stylesheets/components/_article.scss */
.c-article__title {
  font-size: 1.5rem;
  font-weight: 400;
  color: #674d44;
  margin: 0 0 0.9375rem;
  text-transform: capitalize;
}

/* line 12, app/assets/stylesheets/components/_article.scss */
.c-article__created-at {
  font-size: 1.1875rem;
  margin-bottom: 1.875rem;
  line-height: 1.15;
}

/* line 18, app/assets/stylesheets/components/_article.scss */
.c-article__author {
  margin-bottom: 0.9375rem;
  font-size: 1.125rem;
  line-height: 1.33;
}

/* line 23, app/assets/stylesheets/components/_article.scss */
.c-article__author span {
  font-size: 0.8125rem;
  line-height: 1.15;
}

/* line 3, app/assets/stylesheets/components/_errors.scss */
.errors__header {
  margin-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  border-bottom: solid 0.0625rem #000000;
}

/* line 8, app/assets/stylesheets/components/_errors.scss */
.errors__header img {
  width: 150px;
}

/* line 13, app/assets/stylesheets/components/_errors.scss */
.errors__title {
  margin: 1.5625rem;
}

/* line 17, app/assets/stylesheets/components/_errors.scss */
.errors__body {
  margin: 1.5625rem auto;
  width: 50vw;
}

/* line 22, app/assets/stylesheets/components/_errors.scss */
.errors__separator {
  margin: 3.125rem auto;
  width: 12.5rem;
}

/* line 27, app/assets/stylesheets/components/_errors.scss */
.errors__500 {
  text-align: center;
}

/* line 32, app/assets/stylesheets/components/_errors.scss */
.error {
  margin: 50px 0;
}

/* line 35, app/assets/stylesheets/components/_errors.scss */
.error__title {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 35, app/assets/stylesheets/components/_errors.scss */
  .error__title {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/components/_errors.scss */
  .error__title {
    grid-column-end: span 12;
  }
}

/* line 47, app/assets/stylesheets/components/_errors.scss */
.error__content {
  grid-column-end: span 4;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

@media only screen and (min-width: 768px) {
  /* line 47, app/assets/stylesheets/components/_errors.scss */
  .error__content {
    grid-column-end: span 7;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 47, app/assets/stylesheets/components/_errors.scss */
  .error__content {
    grid-column-end: span 8;
    grid-column-start: 2;
  }
}

/* line 3, app/assets/stylesheets/components/_map.scss */
.c-map--contact {
  width: 100%;
  height: 25rem;
}

/* line 8, app/assets/stylesheets/components/_map.scss */
.c-map--retailer {
  height: 20rem;
  width: 100%;
}

/* line 3, app/assets/stylesheets/components/_alerts.scss */
.alert__success {
  border-radius: 1px;
  background-color: #46e0b5;
  width: 80%;
  padding: 10px;
  color: #3f4659;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
}

/* line 14, app/assets/stylesheets/components/_alerts.scss */
.alert__error {
  padding: 10px 20px;
  color: #af0000;
  border: solid 1px #af0000;
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 0 auto 32px auto;
}

/* line 23, app/assets/stylesheets/components/_alerts.scss */
.page-user-edit .alert__error {
  border-radius: 7px;
  grid-column-end: span 4;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 23, app/assets/stylesheets/components/_alerts.scss */
  .page-user-edit .alert__error {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 23, app/assets/stylesheets/components/_alerts.scss */
  .page-user-edit .alert__error {
    grid-column-end: span 5;
    grid-column-start: 2;
  }
}

/* line 38, app/assets/stylesheets/components/_alerts.scss */
.alert__error__list {
  padding: 0;
}

/* line 42, app/assets/stylesheets/components/_alerts.scss */
.alert__error__item {
  padding: 0 0 4px 25px;
  position: relative;
}

/* line 46, app/assets/stylesheets/components/_alerts.scss */
.alert__error__item:first-letter {
  text-transform: capitalize;
}

/* line 50, app/assets/stylesheets/components/_alerts.scss */
.alert__error__item:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/assets/ico-error-9935935d768447d6ea4ff46bbf5bfbd6cffd9b1a14e042e0ef4a466088f73fca.svg) center center no-repeat;
  background-size: 16px 66px;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 63, app/assets/stylesheets/components/_alerts.scss */
.alert__error__text {
  color: #000a12;
}

/* line 67, app/assets/stylesheets/components/_alerts.scss */
.alert__error ul, .alert__error li {
  list-style: none;
}

/* line 6, app/assets/stylesheets/components/_variation.scss */
.c-variation__dot {
  height: 1.875rem;
  width: 1.875rem;
  margin: 0.5rem;
  padding-top: 0.25rem;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: #000000;
  border: solid 1px transparent;
  position: relative;
  overflow: visible;
}

/* line 19, app/assets/stylesheets/components/_variation.scss */
.c-variation__dot.active {
  margin: 0.3125rem;
  border: solid 0.0625rem #000000;
  height: calc( 1.875rem + 6px);
  width: calc( 1.875rem + 6px);
}

/* line 26, app/assets/stylesheets/components/_variation.scss */
.c-variation__dot--white, .c-variation__dot--blanc {
  border: solid 0.0625rem #d6d6d6;
}

/* line 30, app/assets/stylesheets/components/_variation.scss */
.c-variation__dot__label {
  color: #ffffff;
  font-size: 0.8125rem;
  font-family: "Noto Serif Display", serif;
  font-weight: 700;
}

/* line 37, app/assets/stylesheets/components/_variation.scss */
.c-variation__dot__tips {
  opacity: 0;
  position: absolute;
  color: #ffffff;
  background: #000a12;
  top: 2.1875rem;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: 0.0625rem 0.625rem 0.125rem 0.625rem;
  z-index: 1;
  transition: all 0.5s;
  box-shadow: 0.125rem 0.1875rem 0.4375rem 0 rgba(0, 0, 0, 0.5);
}

/* line 51, app/assets/stylesheets/components/_variation.scss */
.c-variation__dot__tips:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #000a12 transparent;
  position: absolute;
  top: -0.3125rem;
  left: 0.5625rem;
}

/* line 65, app/assets/stylesheets/components/_variation.scss */
.c-variation__dot:hover .c-variation__dot__tips {
  opacity: 1;
}

/* line 73, app/assets/stylesheets/components/_variation.scss */
.c-variation__out-of-stock__btn {
  background: #fec330;
  margin-bottom: 1rem;
}

/* line 77, app/assets/stylesheets/components/_variation.scss */
.c-variation__out-of-stock__btn__text {
  font-weight: 700;
}

/* line 81, app/assets/stylesheets/components/_variation.scss */
.c-variation__out-of-stock__btn__date {
  display: block;
  text-transform: none;
  margin-top: 0.25rem;
  font-size: 0.875rem;
}

/* line 1, app/assets/stylesheets/components/_variation-suggestion.scss */
.variation-suggestion {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
  padding: 22px 0 0 0;
  border-bottom: solid 1px #ededed;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_variation-suggestion.scss */
  .variation-suggestion {
    flex-direction: row;
  }
}

/* line 14, app/assets/stylesheets/components/_variation-suggestion.scss */
.minicart .variation-suggestion {
  flex-direction: row;
}

/* line 18, app/assets/stylesheets/components/_variation-suggestion.scss */
.cart__summary .variation-suggestion {
  border-top: solid 1px #d6d6d6;
  border-bottom: 0;
  padding: 10px 0;
}

/* line 24, app/assets/stylesheets/components/_variation-suggestion.scss */
.checkout .variation-suggestion {
  border-top: solid 1px #d6d6d6;
  border-bottom: 0;
  padding: 40px 0 0 0;
}

/* line 30, app/assets/stylesheets/components/_variation-suggestion.scss */
.variation-suggestion__link {
  flex: 0 0 200px;
}

/* line 33, app/assets/stylesheets/components/_variation-suggestion.scss */
.minicart .variation-suggestion__link {
  flex: 0 0 160px;
}

/* line 38, app/assets/stylesheets/components/_variation-suggestion.scss */
.variation-suggestion__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
  position: relative;
  aspect-ratio: 1 / 1;
}

/* line 46, app/assets/stylesheets/components/_variation-suggestion.scss */
.checkout .variation-suggestion__figure {
  aspect-ratio: 1 / 1;
}

/* line 50, app/assets/stylesheets/components/_variation-suggestion.scss */
.cart .variation-suggestion__figure {
  aspect-ratio: 1 / 1;
}

/* line 55, app/assets/stylesheets/components/_variation-suggestion.scss */
.variation-suggestion__figure-img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 62, app/assets/stylesheets/components/_variation-suggestion.scss */
.variation-suggestion__figure-no-img {
  width: 40px;
}

/* line 66, app/assets/stylesheets/components/_variation-suggestion.scss */
.variation-suggestion__content {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

/* line 73, app/assets/stylesheets/components/_variation-suggestion.scss */
.minicart .variation-suggestion__content {
  padding: 0 0 10px 0;
}

/* line 77, app/assets/stylesheets/components/_variation-suggestion.scss */
.checkout .variation-suggestion__content {
  font-size: 1rem;
  justify-content: flex-end;
}

/* line 82, app/assets/stylesheets/components/_variation-suggestion.scss */
.cart__summary .variation-suggestion__content {
  font-size: 1rem;
  justify-content: flex-end;
}

/* line 89, app/assets/stylesheets/components/_variation-suggestion.scss */
.variation-suggestion__content span p {
  margin: 0;
}

/* line 1, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker {
  border: 0 !important;
  background: #f5f5f5;
  font-family: "Poppins", sans-serif;
}

/* line 6, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker .ui-datepicker-header {
  background: #f1f1f1;
  border: 0;
}

/* line 12, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background: url(/assets/select-arrow-left-8a7e730d2e6d2a6e7ad0215a6d56a1397fe7f29ae95feded04bf548f126cd94d.svg) center center no-repeat;
  background-size: 1.5rem 1.125rem;
}

/* line 16, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:hover {
  border: 0;
}

/* line 24, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background: url(/assets/select-arrow-right-04dc7080272b6423e41a7581c9996249a19c4937e894d4d22a74465e3bb7744a.svg) center center no-repeat;
  background-size: 1.5rem 1.125rem;
}

/* line 28, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:hover {
  background: url(/assets/select-arrow-right-red-6b38b16acc376063e4592fdaed6c99b2dbe2126f9aef2baeded2ac344777d95c.svg) center center no-repeat;
  border: 0;
}

/* line 36, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker .ui-state-default {
  border: 0.0625rem solid #f1f1f1;
  background: #f1f1f1;
}

/* line 40, app/assets/stylesheets/components/_datepicker.scss */
.ui-datepicker .ui-state-default.ui-state-active {
  background: #a42b27;
}

/* line 1, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner {
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  z-index: 100;
  padding: 0.5rem 0;
}

/* line 8, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner--modal {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 55rem;
}

/* line 16, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner--bottom {
  width: 100%;
  bottom: 0;
}

/* line 21, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__title {
  color: #000000;
  font-weight: 400;
  text-align: left;
  width: 100%;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  /* line 21, app/assets/stylesheets/components/_cookie-banner.scss */
  .c-cookie-banner__title {
    padding: 0 2.5rem;
  }
}

/* line 33, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  position: relative;
  row-gap: 2.5rem;
  padding: 2.5rem;
}

/* line 43, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner--bottom .c-cookie-banner__content {
  padding: 0.625rem 2.5rem;
}

/* line 47, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__text {
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 1rem;
  text-align: left;
}

/* line 54, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__text p {
  margin: 0;
}

/* line 58, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__text a {
  color: #50596c;
}

/* line 61, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__text a:hover {
  color: #000a12;
}

/* line 67, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content .c-modal__description {
  padding: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 67, app/assets/stylesheets/components/_cookie-banner.scss */
  .c-cookie-banner__content .c-modal__description {
    padding: 0 2.5rem;
  }
}

/* line 76, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  /* line 76, app/assets/stylesheets/components/_cookie-banner.scss */
  .c-cookie-banner__content__buttons {
    flex-direction: row;
  }
}

/* line 86, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner--bottom .c-cookie-banner__content__buttons {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 93, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn {
  color: #000000;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 600;
  border: solid 0.0625rem #000000;
  display: inline-block;
  padding: 0.25rem;
  text-align: center;
  min-width: 9.375rem;
  transition: all 0.25s;
}

/* line 108, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn:hover {
  color: #ffffff;
  background-color: #000000;
}

/* line 113, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn.c-button--switch.c-button--on {
  background-color: #46e0b5;
  color: #ffffff;
  border: solid 0.0625rem #000000;
  margin: unset;
}

/* line 119, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn.c-button--switch.c-button--on:hover {
  color: #ffffff;
  background-color: #000000;
}

/* line 125, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn.c-button--switch.c-button--off {
  background-color: #a42b27;
  color: #ffffff;
  border: solid 0.0625rem #000000;
  margin: unset;
}

/* line 131, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn.c-button--switch.c-button--off:hover {
  color: #ffffff;
  background-color: #000000;
}

/* line 137, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn.c-button--switch.c-button--inactive {
  color: #000000;
  background-color: #ffffff;
  border: solid 0.0625rem #000000;
  margin: unset;
}

/* line 143, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn.c-button--switch.c-button--inactive:hover {
  color: #ffffff;
  background-color: #000000;
}

/* line 149, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn--inverse {
  color: #ffffff;
  background-color: #000000;
  border: solid 0.0625rem #000000;
}

/* line 154, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__btn--inverse:hover {
  color: #000000;
  background-color: #ffffff;
}

/* line 160, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__btns .c-cookie-banner__content__btn {
  margin: unset;
}

/* line 165, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__refuse {
  color: #ffffff;
  background-color: #ffffff;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.03em;
  display: inline-block;
  text-align: center;
  margin: auto;
  transition: all 0.25s;
}

/* line 177, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__close {
  position: absolute;
  top: 0;
  right: 0;
  color: #000000;
  text-decoration: none;
}

/* line 184, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__close:after {
  content: "";
  display: block;
  background: url(/images/ico-plus-black.svg) no-repeat 0 0;
  background-size: 1.25rem 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 0.3125rem;
  transform: rotate(45deg);
  animation: rotate-in-close 1.5s;
}

/* line 199, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookie-banner__content__close:hover:after {
  animation: rotate-out-close .75s;
}

@media only screen and (min-width: 768px) {
  /* line 177, app/assets/stylesheets/components/_cookie-banner.scss */
  .c-cookie-banner__content__close {
    top: 0.3125rem;
  }
}

/* line 211, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section {
  margin: 0 0 1.25rem 0;
  color: #000000;
}

/* line 215, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section p {
  margin: 0;
}

/* line 219, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section a {
  color: #000000;
}

/* line 223, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__description {
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 1.25rem 0;
  text-align: left;
  padding: 0 0 1.25rem 0;
}

/* line 232, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__bar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 1.25rem 0 0 0;
  padding: 1.25rem 0 0 0;
  border-top: solid 0.0625rem #000000;
  gap: 1.25rem;
}

@media only screen and (min-width: 768px) {
  /* line 232, app/assets/stylesheets/components/_cookie-banner.scss */
  .c-cookies-section__bar {
    align-items: center;
    flex-direction: row;
  }
}

/* line 247, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__title {
  color: #000000;
  font-weight: 600;
  text-align: left;
  position: relative;
  padding: 0 0 0 1.25rem;
}

/* line 254, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__title:before {
  content: "";
  display: block;
  width: 0.8125rem;
  height: 0.875rem;
  background: url(/assets/ico-arrow-down-black-31d4a56842b3030a85dd7161df4cd1bcc4780e3e8d2fecf895f909ee74c86b48.svg) center center no-repeat;
  background-size: 0.8125rem 0.875rem;
  position: absolute;
  top: 0.1875rem;
  left: 0;
  transition: all 0.25s;
  transform-origin: center;
}

/* line 270, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__title.is-active:before {
  transform: rotate(180deg);
}

/* line 276, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__btns {
  flex: 0 0 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

@media only screen and (min-width: 768px) {
  /* line 276, app/assets/stylesheets/components/_cookie-banner.scss */
  .c-cookies-section__btns {
    flex-direction: row;
    justify-content: right;
  }
}

/* line 291, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-section__toggle {
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 1.25rem 0;
  text-align: left;
  padding: 1.25rem 0;
}

/* line 302, app/assets/stylesheets/components/_cookie-banner.scss */
.c-cookies-modal {
  background: #ffffff;
  padding: 0;
  margin: 0;
}

/* line 1, app/assets/stylesheets/components/_dot.scss */
.dot {
  position: relative;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 0;
  border-radius: 50%;
  background-color: #000000;
  transform: scale(1);
  transition: all 0.25s;
  border: solid 1px #ededed;
  background-size: contain;
}

/* line 14, app/assets/stylesheets/components/_dot.scss */
.dot:hover {
  transform: scale(1.2);
  z-index: 1;
}

/* line 19, app/assets/stylesheets/components/_dot.scss */
.filter-toggle__item:hover .dot {
  transform: scale(1.2);
  z-index: 1;
}

/* line 24, app/assets/stylesheets/components/_dot.scss */
.dot--checked:after, .dot.active:after {
  /* check mark */
  /* color set dynamically */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.4, 1);
  display: block;
  content: '\002713';
  font-size: 1.125rem;
  font-family: -apple-system, BlinkMacSystemFont;
  font-weight: 100;
}

/* line 37, app/assets/stylesheets/components/_dot.scss */
.dot--checked:before, .dot.active:before {
  /* rounded overlay */
  /* background-color set dynamically */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* line 50, app/assets/stylesheets/components/_dot.scss */
.dot__tip {
  opacity: 0;
  position: absolute;
  color: #ffffff;
  background: #000a12;
  top: 35px;
  transform: translateX(-50%);
  left: 50%;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: 4px 30px;
  font-size: 0.75rem;
  font-weight: 500;
  z-index: 1;
  transition: all 0.5s;
  border-radius: 6px;
}

/* line 67, app/assets/stylesheets/components/_dot.scss */
.dot__tip:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #000a12 transparent;
  position: absolute;
  top: -0.3125rem;
  transform: translateX(-50%);
  left: 50%;
}

/* line 80, app/assets/stylesheets/components/_dot.scss */
.dot:hover .dot__tip {
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/_vendors.scss */
.vendors {
  grid-column-end: span 4;
  position: relative;
}

@media only screen and (min-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_vendors.scss */
  .vendors {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 1, app/assets/stylesheets/components/_vendors.scss */
  .vendors {
    grid-column-end: span 12;
  }
}

/* line 13, app/assets/stylesheets/components/_vendors.scss */
.vendors__nav {
  position: sticky;
  top: 126px;
  padding: 30px 0;
  background: rgba(255, 255, 255, 0.9);
  min-height: 222px;
}

@media only screen and (min-width: 768px) {
  /* line 13, app/assets/stylesheets/components/_vendors.scss */
  .vendors__nav {
    min-height: 164px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/components/_vendors.scss */
  .vendors__nav {
    top: 71px;
    min-height: unset;
  }
}

/* line 30, app/assets/stylesheets/components/_vendors.scss */
.vendors__alphabet {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 38, app/assets/stylesheets/components/_vendors.scss */
.vendors__alphabet__item {
  border: solid 1px #ededed;
  background: #ffffff;
  transition: all 0.25s;
  border-radius: 7px;
}

/* line 44, app/assets/stylesheets/components/_vendors.scss */
.vendors__alphabet__item__link {
  width: 44px;
  display: flex;
  justify-content: center;
  height: 44px;
  align-items: center;
  font-size: 0.8125rem;
  color: #8b8b8b;
}

/* line 53, app/assets/stylesheets/components/_vendors.scss */
.vendors__alphabet__item__link:hover {
  color: #000000;
}

/* line 60, app/assets/stylesheets/components/_vendors.scss */
.vendors__results {
  grid-column-end: span 4;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  /* line 60, app/assets/stylesheets/components/_vendors.scss */
  .vendors__results {
    grid-column-end: span 8;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/components/_vendors.scss */
  .vendors__results {
    grid-column-end: span 12;
  }
}

/* line 73, app/assets/stylesheets/components/_vendors.scss */
.vendors__results__item {
  border-top: solid 1px #d6d6d6;
  display: flex;
  flex-direction: column;
  scroll-margin-top: 330px;
}

@media only screen and (min-width: 768px) {
  /* line 73, app/assets/stylesheets/components/_vendors.scss */
  .vendors__results__item {
    scroll-margin-top: 280px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 73, app/assets/stylesheets/components/_vendors.scss */
  .vendors__results__item {
    scroll-margin-top: 160px;
  }
}

/* line 87, app/assets/stylesheets/components/_vendors.scss */
.vendors__results__item__title {
  border-bottom: solid 1px #d6d6d6;
  margin: 0;
  padding: 16px 0;
  color: #000000;
  font-weight: 400;
  font-size: 2rem;
}

/* line 96, app/assets/stylesheets/components/_vendors.scss */
.vendors__results__item__list {
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-gap: 20px;
       column-gap: 20px;
  list-style: none;
  padding: 32px 0 40px 0;
  font-size: 1rem;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  /* line 96, app/assets/stylesheets/components/_vendors.scss */
  .vendors__results__item__list {
    -moz-column-count: 2;
         column-count: 2;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 96, app/assets/stylesheets/components/_vendors.scss */
  .vendors__results__item__list {
    -moz-column-count: 4;
         column-count: 4;
  }
}

/* line 113, app/assets/stylesheets/components/_vendors.scss */
.vendors__results__item__list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0 10px 0;
}

/* line 121, app/assets/stylesheets/components/_vendors.scss */
.vendors__results__item__link {
  color: #8b8b8b;
  transition: all 0.25s;
  display: inline;
}

/* line 126, app/assets/stylesheets/components/_vendors.scss */
.vendors__results__item__link:hover {
  color: #000000;
}

@media only screen and (min-width: 768px) {
  /* line 121, app/assets/stylesheets/components/_vendors.scss */
  .vendors__results__item__link {
    margin: 0;
  }
}

/* line 135, app/assets/stylesheets/components/_vendors.scss */
.vendors__results__item__logo {
  width: 100%;
  max-width: 150px;
}

/* line 3, app/assets/stylesheets/custom/components/_header.scss */
.header.is-sticky {
  position: sticky;
}

@media only screen and (min-width: 1024px) {
  /* line 7, app/assets/stylesheets/custom/components/_header.scss */
  .header__main {
    top: 57px;
  }
  /* line 12, app/assets/stylesheets/custom/components/_header.scss */
  .is-sticky .header__main {
    top: 75px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 7, app/assets/stylesheets/custom/components/_header.scss */
  .header__main {
    top: 84px;
  }
  /* line 20, app/assets/stylesheets/custom/components/_header.scss */
  .is-sticky .header__main {
    top: 84px;
  }
}

/* line 26, app/assets/stylesheets/custom/components/_header.scss */
.header__main-content {
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media only screen and (min-width: 1248px) {
  /* line 26, app/assets/stylesheets/custom/components/_header.scss */
  .header__main-content {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 26, app/assets/stylesheets/custom/components/_header.scss */
  .header__main-content {
    justify-content: flex-end;
  }
}

/* line 40, app/assets/stylesheets/custom/components/_header.scss */
.header__brand {
  width: 100%;
  max-width: 112px;
  top: 10px;
  bottom: unset;
}

@media only screen and (min-width: 1024px) {
  /* line 40, app/assets/stylesheets/custom/components/_header.scss */
  .header__brand {
    transition: all 0.25s;
    top: 10px;
    bottom: unset;
  }
  /* line 51, app/assets/stylesheets/custom/components/_header.scss */
  .is-sticky .header__brand {
    top: 22px;
    opacity: 1;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 40, app/assets/stylesheets/custom/components/_header.scss */
  .header__brand {
    position: absolute;
    top: -8px;
  }
  /* line 61, app/assets/stylesheets/custom/components/_header.scss */
  .is-sticky .header__brand {
    top: -50px;
    opacity: 1;
  }
}

@media only screen and (min-width: 1440px) {
  /* line 40, app/assets/stylesheets/custom/components/_header.scss */
  .header__brand {
    top: -8px;
  }
  /* line 70, app/assets/stylesheets/custom/components/_header.scss */
  .is-sticky .header__brand {
    top: 40px;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 75, app/assets/stylesheets/custom/components/_header.scss */
  .header__brand svg {
    transform: scale(1);
  }
  /* line 80, app/assets/stylesheets/custom/components/_header.scss */
  .is-sticky .header__brand svg {
    transform: scale(1);
  }
}

/* line 87, app/assets/stylesheets/custom/components/_header.scss */
.header__nav {
  -moz-column-gap: 20px;
       column-gap: 20px;
}

/* line 3, app/assets/stylesheets/custom/components/_menu.scss */
.menu__list {
  -moz-column-gap: 4px;
       column-gap: 4px;
}

@media only screen and (min-width: 1248px) {
  /* line 3, app/assets/stylesheets/custom/components/_menu.scss */
  .menu__list {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}

/* line 11, app/assets/stylesheets/custom/components/_menu.scss */
.menu__section-link {
  font-size: 0.9375rem;
  letter-spacing: -0.03125rem;
}

/* line 3, app/assets/stylesheets/custom/components/_menu-promo.scss */
.menu-promo__content {
  position: relative;
}

/* line 7, app/assets/stylesheets/custom/components/_menu-promo.scss */
.menu-promo__desc {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* line 13, app/assets/stylesheets/custom/components/_menu-promo.scss */
.menu-promo__title {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 1, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table {
  row-gap: 0;
}

/* line 4, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__content {
  border-bottom: solid 1px #C7C8CA;
  transition: all 0.25s;
  padding: 3px 0;
}

@media only screen and (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/custom/components/_quick-order-table.scss */
  .quick-order-table__content:hover {
    background: #C7C8CA;
  }
}

/* line 17, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__col {
  width: calc((100% / 7));
  padding: 4px 0 2px 0;
  align-items: center;
}

/* line 22, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__col--img {
  max-width: 50px;
  padding: 0;
}

/* line 27, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__col__small {
  justify-content: flex-end;
  padding: 0 20px 0 0;
}

/* line 32, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__col--primary {
  min-width: 15%;
}

@media only screen and (min-width: 1024px) {
  /* line 32, app/assets/stylesheets/custom/components/_quick-order-table.scss */
  .quick-order-table__col--primary {
    width: 25%;
  }
}

/* line 40, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__col--btn {
  display: none;
}

@media only screen and (min-width: 768px) {
  /* line 40, app/assets/stylesheets/custom/components/_quick-order-table.scss */
  .quick-order-table__col--btn {
    display: flex;
  }
}

/* line 49, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__fig {
  display: block;
  width: 40px;
  height: 40px;
}

/* line 54, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__fig__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  display: block;
}

/* line 63, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile {
  font-size: 0.875rem;
  border-bottom: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "quick-order-mobile-title quick-order-mobile-title quick-order-mobile-title quick-order-mobile-title" "quick-order-mobile-sku quick-order-mobile-sku quick-order-mobile-sku quick-order-mobile-sku" "quick-order-mobile-stock quick-order-mobile-stock quick-order-mobile-stock quick-order-mobile-stock" "quick-order-mobile-price quick-order-mobile-qty quick-order-mobile-qty quick-order-mobile-qty";
  row-gap: 2px;
  margin: 5px 0;
  padding: 5px 0;
}

/* line 77, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile.has-image {
  grid-template-areas: "quick-order-mobile-img quick-order-mobile-title quick-order-mobile-title quick-order-mobile-title" "quick-order-mobile-img quick-order-mobile-sku quick-order-mobile-sku quick-order-mobile-sku" "quick-order-mobile-img quick-order-mobile-stock quick-order-mobile-stock quick-order-mobile-stock" "quick-order-mobile-price quick-order-mobile-qty quick-order-mobile-qty quick-order-mobile-qty";
}

/* line 85, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__row {
  margin: 0;
  display: flex;
  align-items: center;
}

/* line 91, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__img {
  grid-area: quick-order-mobile-img;
  align-items: flex-start;
}

/* line 96, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__title {
  grid-area: quick-order-mobile-title;
}

/* line 100, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__sku {
  grid-area: quick-order-mobile-sku;
}

/* line 104, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__stock {
  grid-area: quick-order-mobile-stock;
  flex-direction: row;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

/* line 110, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__price {
  grid-area: quick-order-mobile-price;
  margin: 12px 0 0 0;
}

/* line 115, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__qty {
  grid-area: quick-order-mobile-qty;
  margin: 12px 0 0 0;
}

/* line 120, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__fig {
  display: block;
  width: 60px;
  height: 60px;
}

/* line 125, app/assets/stylesheets/custom/components/_quick-order-table.scss */
.quick-order-table__mobile__fig__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  display: block;
}

@media only screen and (min-width: 768px) {
  /* line 63, app/assets/stylesheets/custom/components/_quick-order-table.scss */
  .quick-order-table__mobile {
    display: none;
  }
}

/* line 3, app/assets/stylesheets/custom/components/_minicart.scss */
.minicart__stepper {
  display: grid;
  grid-auto-columns: minmax(30px, auto) minmax(auto, 2fr);
  grid-template-areas: "minicart-stepper-label minicart-stepper-form" "stepper-message stepper-message";
  -moz-column-gap: 5px;
       column-gap: 5px;
  row-gap: 10px;
  justify-content: flex-start;
  height: unset;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 100%;
}

/* line 18, app/assets/stylesheets/custom/components/_minicart.scss */
.minicart__stepper__stepper-label {
  grid-area: minicart-stepper-label;
}

/* line 22, app/assets/stylesheets/custom/components/_minicart.scss */
.minicart__stepper__bunch {
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 5px 0 0 0;
}

/* line 29, app/assets/stylesheets/custom/components/_minicart.scss */
.minicart .stepper-small {
  grid-area: minicart-stepper-form;
}

/* line 1, app/assets/stylesheets/custom/components/_hero-home.scss */
.hero-home {
  margin: 0 0 100px 0;
}

/* line 7, app/assets/stylesheets/custom/components/_hero-common.scss */
.hero-common--text-on-image .hero-common__content:before {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(16px) brightness(100%);
          backdrop-filter: blur(16px) brightness(100%);
}

/* line 1, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text {
  position: relative;
}

/* line 4, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.p-home .banner-with-overlay-of-text {
  height: 360px;
}

@media only screen and (min-width: 768px) {
  /* line 4, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
  .p-home .banner-with-overlay-of-text {
    height: 656px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
  .p-home .banner-with-overlay-of-text {
    height: 360px;
  }
}

/* line 16, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__picture {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* line 22, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__picture-img {
  display: block;
}

/* line 26, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.banner-with-overlay-of-text__content {
  position: relative;
}

/* line 29, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.p-home .banner-with-overlay-of-text__content {
  grid-column-end: span 4;
}

@media only screen and (min-width: 768px) {
  /* line 29, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
  .p-home .banner-with-overlay-of-text__content {
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 29, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
  .p-home .banner-with-overlay-of-text__content {
    grid-column-end: span 9;
  }
}

@media only screen and (min-width: 1248px) {
  /* line 29, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
  .p-home .banner-with-overlay-of-text__content {
    grid-column-end: span 6;
  }
}

/* line 50, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.p-home .banner-with-overlay-of-text__title {
  text-align: left;
  font-size: 1.875rem;
  line-height: 2rem;
}

@media only screen and (min-width: 768px) {
  /* line 50, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
  .p-home .banner-with-overlay-of-text__title {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}

/* line 64, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.p-home .banner-with-overlay-of-text__text {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.375rem;
}

@media only screen and (min-width: 768px) {
  /* line 64, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
  .p-home .banner-with-overlay-of-text__text {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

/* line 74, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.p-home .banner-with-overlay-of-text__text a {
  text-decoration: underline;
  transition: all 0.25s;
}

/* line 78, app/assets/stylesheets/custom/components/_banner-with-overlay-of-text.scss */
.p-home .banner-with-overlay-of-text__text a:hover {
  text-decoration: none;
}

/* line 3, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__single-item {
  row-gap: 5px;
}

/* line 7, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__single-bottom {
  display: grid;
  grid-auto-columns: minmax(auto, 2fr) minmax(75px, auto);
  grid-template-areas: "variation-table-stepper variation-table-price" "stepper-message stepper-message";
  gap: 5px;
}

/* line 16, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__multiple-bottom {
  display: grid;
  grid-auto-columns: minmax(auto, 2fr) minmax(75px, auto);
  grid-template-areas: "variation-table-stepper variation-table-price" "stepper-message stepper-message";
  gap: 5px;
}

/* line 25, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__stepper {
  display: flex;
  flex-direction: row;
  gap: 10px;
  grid-area: variation-table-stepper;
}

/* line 34, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__single .variation-table__price {
  grid-area: variation-table-price;
  margin: 0;
  text-align: right;
}

/* line 40, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__multiple .variation-table__price {
  text-align: center;
  margin: 7px 0;
}

/* line 46, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__bunch-details {
  row-gap: 5px;
  padding: 5px 0 !important;
  font-size: 0.8125rem;
}

/* line 51, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__bunch-details--labels {
  text-align: left;
}

/* line 55, app/assets/stylesheets/custom/components/_variation-table.scss */
.variation-table__bunch-details--values {
  text-align: center;
}

/* line 1, app/assets/stylesheets/custom/components/_variation-table-scroll.scss */
.variation-table-scroll {
  position: relative;
  overflow: auto;
  height: calc(90vh - var(--header-height));
  margin: -100px 0 100px 0;
  scroll-margin-top: 100px;
  width: 100%;
}

/* line 9, app/assets/stylesheets/custom/components/_variation-table-scroll.scss */
.variation-table-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  bottom: 1.5px;
  position: relative;
}

/* line 16, app/assets/stylesheets/custom/components/_variation-table-scroll.scss */
.variation-table-scroll::-webkit-scrollbar:vertical {
  border-left: solid 1px #ededed;
}

/* line 20, app/assets/stylesheets/custom/components/_variation-table-scroll.scss */
.variation-table-scroll::-webkit-scrollbar:horizontal {
  border-top: solid 1px #ededed;
}

/* line 25, app/assets/stylesheets/custom/components/_variation-table-scroll.scss */
.variation-table-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #000000;
}

/* line 1, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout {
  min-width: 992px;
  position: relative;
}

/* line 5, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__link {
  font-size: 0.8125rem;
}

/* line 9, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__wrapper {
  display: block;
}

/* line 13, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__table {
  min-width: 992px;
  width: 100%;
  position: relative;
}

/* line 19, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__row {
  display: grid;
  grid-template-areas: "variation-table-img variation-table-sku variation-table-title variation-table-stock variation-table-bunch-count variation-table-price variation-table-currency variation-table-qty variation-table-btn";
  -moz-column-gap: 5px;
       column-gap: 5px;
  background: #ffffff;
}

/* line 26, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__row:lang(en) {
  grid-template-columns: 5% 160px auto 5% 7% 5% 5% 10% 140px;
}

/* line 30, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__row:lang(fr) {
  grid-template-columns: 5% 160px auto 5% 7% 5% 5% 10% 180px;
}

/* line 34, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__row:nth-child(odd) {
  background: #f7f7f7;
}

/* line 38, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__row:last-child {
  border: 0;
}

/* line 42, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__row--header {
  font-weight: 500;
  background: #ededed !important;
  min-width: 992px;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1;
}

/* line 53, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  padding: 11px 0;
}

/* line 59, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--img {
  grid-area: variation-table-img;
  padding: 0;
}

/* line 64, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--sku {
  grid-area: variation-table-sku;
  word-wrap: break-word;
}

/* line 69, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--title {
  grid-area: variation-table-title;
}

/* line 73, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--stock {
  grid-area: variation-table-stock;
  justify-content: center;
}

/* line 78, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--case_bunch {
  grid-area: variation-table-bunch-count;
  justify-content: center;
}

/* line 83, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--price {
  grid-area: variation-table-price;
  justify-content: center;
}

/* line 88, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--msrp {
  grid-area: variation-table-currency;
  justify-content: center;
}

/* line 93, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--qty {
  grid-area: variation-table-qty;
  justify-content: center;
}

/* line 97, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--qty .stepper-mini {
  width: unset;
}

/* line 102, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__cell--btn {
  grid-area: variation-table-btn;
  justify-content: center;
}

/* line 108, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__fig {
  display: block;
  width: 50px;
  height: 50px;
}

/* line 113, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__fig__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  display: block;
}

/* line 122, app/assets/stylesheets/custom/components/_variation-table-layout.scss */
.variation-table-layout__btn {
  font-size: 0.75rem;
  padding: 7px 15px;
}

/* line 1, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper {
  display: grid;
  grid-auto-columns: minmax(auto, 2fr) minmax(150px, auto);
  grid-template-areas: "stepper-content stepper-btn" "stepper-bunch stepper-bunch";
  -moz-column-gap: 5px;
       column-gap: 5px;
  row-gap: 10px;
  justify-content: flex-start;
  height: unset;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 100%;
}

/* line 16, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper__content {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  border: solid 1px #ededed;
  height: 56px;
  border-radius: 28px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  width: -moz-max-content;
  width: max-content;
  grid-area: stepper-content;
  position: relative;
}

/* line 30, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper__error-message {
  display: none;
  position: absolute;
  bottom: -65px;
  left: 50%;
  transform: translateX(-50%);
  background: #af0000;
  color: #ffffff;
  font-size: 0.75rem;
  letter-spacing: 0.01875rem;
  padding: 5px;
  border-radius: 6px;
  transition: all 0.25s;
  width: 200px;
  text-align: center;
  z-index: 1;
}

/* line 47, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper__error-message:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #af0000 transparent;
}

@media only screen and (min-width: 768px) {
  /* line 30, app/assets/stylesheets/custom/components/_stepper.scss */
  .stepper__error-message {
    width: 250px;
    bottom: -50px;
  }
}

/* line 65, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper__error-message.is-visible {
  display: block;
}

/* line 70, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper__bunch {
  grid-area: stepper-bunch;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 5px 0;
}

/* line 77, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper__btn {
  grid-area: stepper-btn;
}

/* line 82, app/assets/stylesheets/custom/components/_stepper.scss */
.stepper-mini, .stepper-small {
  position: relative;
}

/* line 5, app/assets/stylesheets/custom/components/_cards-with-text-side-by-side.scss */
.cards-with-text-side-by-side__text h2 {
  font-size: 2rem;
  line-height: 2.5rem;
  margin: 0;
  font-weight: 400;
}

/* line 3, app/assets/stylesheets/custom/components/_filters-selected.scss */
.filters-selected__btn {
  color: #ffffff;
  background: url(/assets/ico-clear-white-ed3654efd8d931e32f359b637ed343838259d8c3983958bd11c01e49e9317f80.svg) right 30px center no-repeat #8b8b8b;
  background-size: 8px 8px;
  border: 0;
}

/* line 9, app/assets/stylesheets/custom/components/_filters-selected.scss */
.filters-selected__btn:hover {
  color: #000000;
  background: url(/assets/ico-clear-3829b2e0574282ef34e86490ee546f50abfc3e7601d93ddfb9ac4693f45ce6de.svg) right 30px center no-repeat #ededed;
  background-size: 8px 8px;
}

/* line 3, app/assets/stylesheets/custom/components/_card-product.scss */
.card-product__header {
  background: #ededed;
  overflow: visible;
}

/* line 7, app/assets/stylesheets/custom/components/_card-product.scss */
.card-product__header.has-image {
  background: transparent;
}

/* line 12, app/assets/stylesheets/custom/components/_card-product.scss */
.card-product__img {
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1 / 1;
}

/* line 17, app/assets/stylesheets/custom/components/_card-product.scss */
.card-product__content {
  grid-template-areas: "card-content-details card-content-details card-content-details" "card-content-rating card-content-rating card-content-rating";
  row-gap: 10px;
}

/* line 23, app/assets/stylesheets/custom/components/_card-product.scss */
.card-product__content.has-price {
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  grid-template-areas: "card-content-details card-content-details card-content-details" "card-content-price card-content-price card-content-price" "card-content-rating card-content-rating card-content-rating";
}

/* line 33, app/assets/stylesheets/custom/components/_card-product.scss */
.card-product__content-details {
  row-gap: 5px;
}

/* line 37, app/assets/stylesheets/custom/components/_card-product.scss */
.card-product__content-msrp {
  font-size: 0.9375rem;
}

/* line 3, app/assets/stylesheets/custom/components/_product-gallery.scss */
.product-gallery__link {
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 10, app/assets/stylesheets/custom/components/_product-gallery.scss */
.product-gallery__featured-img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1 / 1;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  display: block;
}

/* line 21, app/assets/stylesheets/custom/components/_product-gallery.scss */
.product-gallery__images-item figure {
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 27, app/assets/stylesheets/custom/components/_product-gallery.scss */
.product-gallery__images-item figure img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1 / 1;
}

/* line 36, app/assets/stylesheets/custom/components/_product-gallery.scss */
.product-gallery__no-img {
  aspect-ratio: 1 /1;
  background: #ededed;
}

/* line 3, app/assets/stylesheets/custom/components/_product-content.scss */
.product-content__out-of-stock {
  margin: 0 0 10px 0;
}

/* line 7, app/assets/stylesheets/custom/components/_product-content.scss */
.product-content__discontinued {
  color: #000000;
}

/* line 11, app/assets/stylesheets/custom/components/_product-content.scss */
.product-content__brand {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

/* line 3, app/assets/stylesheets/custom/components/_product-description.scss */
.product-description__sku-brand {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding: 0 0 30px 0;
  margin: 0 0 15px 0;
}

/* line 3, app/assets/stylesheets/custom/components/_checkout.scss */
.checkout__item {
  width: 100%;
  border-bottom: solid 1px #d6d6d6;
  padding: 0 0 20px 0;
}

/* line 9, app/assets/stylesheets/custom/components/_checkout.scss */
.checkout__item-content {
  row-gap: 5px;
  padding: 40px 0 20px 0;
  width: 100%;
}

/* line 15, app/assets/stylesheets/custom/components/_checkout.scss */
.checkout__stepper {
  display: grid;
  grid-auto-columns: minmax(70px, auto) minmax(auto, 2fr);
  grid-template-areas: "checkout-stepper-label checkout-stepper-form" "stepper-message stepper-message";
  -moz-column-gap: 5px;
       column-gap: 5px;
  row-gap: 10px;
  justify-content: flex-start;
  height: unset;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 100%;
}

/* line 30, app/assets/stylesheets/custom/components/_checkout.scss */
.checkout__stepper__stepper-label {
  grid-area: checkout-stepper-label;
}

/* line 34, app/assets/stylesheets/custom/components/_checkout.scss */
.checkout__stepper__bunch {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 5px 0 0 0;
}

/* line 41, app/assets/stylesheets/custom/components/_checkout.scss */
.checkout__total-item {
  flex-direction: row;
  justify-content: space-between;
}

/* line 46, app/assets/stylesheets/custom/components/_checkout.scss */
.checkout .stepper-small {
  grid-area: checkout-stepper-form;
}

/* line 3, app/assets/stylesheets/custom/components/_shipment.scss */
.shipment__note {
  font-size: 0.8125rem;
}

/* line 3, app/assets/stylesheets/custom/components/_cart.scss */
.cart__ammount {
  margin: 10px 0;
}

/* line 7, app/assets/stylesheets/custom/components/_cart.scss */
.cart__delete {
  position: absolute;
  top: 0;
  right: 10px;
}

/* line 3, app/assets/stylesheets/custom/components/_contact.scss */
.contact__address-content {
  line-height: 1.5rem;
}

/* line 7, app/assets/stylesheets/custom/components/_contact.scss */
.contact__request-text {
  line-height: 1rem;
}

/* line 3, app/assets/stylesheets/custom/components/_contact-form.scss */
.contact-form__footer-required {
  font-size: 0.8125rem;
}

/* line 5, app/assets/stylesheets/custom/components/_footer.scss */
.footer__logo svg {
  max-width: 112px;
}

/* line 10, app/assets/stylesheets/custom/components/_footer.scss */
.footer__contact-text {
  font-size: 0.8125rem;
  line-height: 1.5rem;
}

/*# sourceMappingURL=application.css-a90318023650cbf9c491117ff153045e3ff4c94c32e7d4316a1333223019b75f.map */