/* GLOBAL: INCLUDES
 *
 * It is recommended to only include variables,
 * mixins, etc. in this file, to prevent duplicated
 * CSS in your final, compiled files.
 */
/**
 * Bootstrap Global Variables & Mixins
 * Bootstrap Components should be imported in Vue components
 */
/* set the overriding variables */
/**
 * Bulma variable overrides
 */
@keyframes spinAround-bd0d30d6 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
/* GLOBAL FUNCTIONS
--------------------------------------------- */
/* GLOBAL MIXINS
--------------------------------------------- */
/* AUTO SCALING FOR TYPE WITH MIN/MAX SIZES

  @param {Number}  $responsive  - Viewport-based size
  @param {Number}  $min         - Minimum font size (px)
  @param {Number}  $max         - Maximum font size (px) (optional)

  @param {Number}  $fallback    - Fallback for viewport-based units (optional)

  @example SCSS - 5vw size, 35px min & 150px max size + 50px fallback:

  @include responsive-font(5vw, 35px, 150px, 50px);
*/
/* VUE DESIGN SYSTEM SPACING HELPERS
--------------------------------------------- */
/*
  INSET-SPACE: For interface containers.
  INSET-SQUISH-SPACE: For buttons, form elements, cells.
  STACK-SPACE: For vertically stacked content.
  INLINE-SPACE: For things displayed inline.
*/
.debug .product .product__image[data-v-bd0d30d6],
.debug .product .product__title[data-v-bd0d30d6],
.debug .product .product__attributes[data-v-bd0d30d6],
.debug .product .product__availability[data-v-bd0d30d6],
.debug .product .product__discount[data-v-bd0d30d6],
.debug .product .product__price[data-v-bd0d30d6],
.debug .product .product__add-to-cart[data-v-bd0d30d6] {
  position: relative;
}
.debug .product .product__image[data-v-bd0d30d6]::after,
.debug .product .product__title[data-v-bd0d30d6]::after,
.debug .product .product__attributes[data-v-bd0d30d6]::after,
.debug .product .product__availability[data-v-bd0d30d6]::after,
.debug .product .product__discount[data-v-bd0d30d6]::after,
.debug .product .product__price[data-v-bd0d30d6]::after,
.debug .product .product__add-to-cart[data-v-bd0d30d6]::after {
  font-size: 10px;
  color: red;
  position: absolute;
  inset: 0;
}
.debug .product__section[data-v-bd0d30d6] {
  box-shadow: inset 0 0 0 1px rgba(64, 224, 208, 0.4);
}
.debug .product__image[data-v-bd0d30d6]::after {
  content: ".product__image";
  background: rgba(255, 0, 0, 0.1);
}
.debug .product__title[data-v-bd0d30d6]::after {
  content: ".product__title";
  background: rgba(0, 0, 255, 0.1);
}
.debug .product__availability[data-v-bd0d30d6]::after {
  content: ".product__availability";
  background: rgba(255, 165, 0, 0.1);
}
.debug .product__attributes[data-v-bd0d30d6]::after {
  content: ".product__attributes";
  background: rgba(255, 255, 0, 0.1);
}
.debug .product__discount[data-v-bd0d30d6]::after {
  content: ".product__discount";
  background: rgba(128, 0, 128, 0.1);
}
.debug .product__price[data-v-bd0d30d6]::after {
  content: ".product__price";
  background: rgba(128, 0, 128, 0.1);
}
.debug .product__add-to-cart[data-v-bd0d30d6]::after {
  content: ".product__add-to-cart";
  background: rgba(128, 0, 128, 0.1);
}
.required[data-v-bd0d30d6] {
  margin-left: 2px;
  color: rgb(255, 0, 67);
  font-weight: bold;
}
.required--default[data-v-bd0d30d6], .required--heading[data-v-bd0d30d6] {
  font-size: 14px;
  line-height: 16px;
  vertical-align: top;
}/* GLOBAL: INCLUDES
 *
 * It is recommended to only include variables,
 * mixins, etc. in this file, to prevent duplicated
 * CSS in your final, compiled files.
 */
/**
 * Bootstrap Global Variables & Mixins
 * Bootstrap Components should be imported in Vue components
 */
/* set the overriding variables */
/**
 * Bulma variable overrides
 */
@keyframes spinAround-02a48b60 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
/* GLOBAL FUNCTIONS
--------------------------------------------- */
/* GLOBAL MIXINS
--------------------------------------------- */
/* AUTO SCALING FOR TYPE WITH MIN/MAX SIZES

  @param {Number}  $responsive  - Viewport-based size
  @param {Number}  $min         - Minimum font size (px)
  @param {Number}  $max         - Maximum font size (px) (optional)

  @param {Number}  $fallback    - Fallback for viewport-based units (optional)

  @example SCSS - 5vw size, 35px min & 150px max size + 50px fallback:

  @include responsive-font(5vw, 35px, 150px, 50px);
*/
/* VUE DESIGN SYSTEM SPACING HELPERS
--------------------------------------------- */
/*
  INSET-SPACE: For interface containers.
  INSET-SQUISH-SPACE: For buttons, form elements, cells.
  STACK-SPACE: For vertically stacked content.
  INLINE-SPACE: For things displayed inline.
*/
.debug .product .product__image[data-v-02a48b60],
.debug .product .product__title[data-v-02a48b60],
.debug .product .product__attributes[data-v-02a48b60],
.debug .product .product__availability[data-v-02a48b60],
.debug .product .product__discount[data-v-02a48b60],
.debug .product .product__price[data-v-02a48b60],
.debug .product .product__add-to-cart[data-v-02a48b60] {
  position: relative;
}
.debug .product .product__image[data-v-02a48b60]::after,
.debug .product .product__title[data-v-02a48b60]::after,
.debug .product .product__attributes[data-v-02a48b60]::after,
.debug .product .product__availability[data-v-02a48b60]::after,
.debug .product .product__discount[data-v-02a48b60]::after,
.debug .product .product__price[data-v-02a48b60]::after,
.debug .product .product__add-to-cart[data-v-02a48b60]::after {
  font-size: 10px;
  color: red;
  position: absolute;
  inset: 0;
}
.debug .product__section[data-v-02a48b60] {
  box-shadow: inset 0 0 0 1px rgba(64, 224, 208, 0.4);
}
.debug .product__image[data-v-02a48b60]::after {
  content: ".product__image";
  background: rgba(255, 0, 0, 0.1);
}
.debug .product__title[data-v-02a48b60]::after {
  content: ".product__title";
  background: rgba(0, 0, 255, 0.1);
}
.debug .product__availability[data-v-02a48b60]::after {
  content: ".product__availability";
  background: rgba(255, 165, 0, 0.1);
}
.debug .product__attributes[data-v-02a48b60]::after {
  content: ".product__attributes";
  background: rgba(255, 255, 0, 0.1);
}
.debug .product__discount[data-v-02a48b60]::after {
  content: ".product__discount";
  background: rgba(128, 0, 128, 0.1);
}
.debug .product__price[data-v-02a48b60]::after {
  content: ".product__price";
  background: rgba(128, 0, 128, 0.1);
}
.debug .product__add-to-cart[data-v-02a48b60]::after {
  content: ".product__add-to-cart";
  background: rgba(128, 0, 128, 0.1);
}
.tooltip-label__label[data-v-02a48b60] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 20px;
}
.tooltip-label__label label[data-v-02a48b60] {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: rgb(32, 32, 32);
  white-space: normal;
  margin: 0;
}
.tooltip-label__label .input_tooltip[data-v-02a48b60] {
  width: -moz-max-content;
  width: max-content;
  max-width: 320px;
  border-radius: 5px;
  border: 1px solid rgb(0, 136, 219);
  background: rgb(244, 249, 253);
  padding: 24px;
  font-size: 14px;
  color: rgb(32, 32, 32);
  position: absolute;
  z-index: 99;
  top: 16px;
  left: -144px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  transition: opacity 0.1s ease-out;
}
.tooltip-label__label .input_tooltip__arrow[data-v-02a48b60] {
  content: "";
  position: absolute;
  height: 12.8px;
  width: 12.8px;
  background: rgb(244, 249, 253);
  border-left: 1px solid rgb(0, 136, 219);
  border-top: 1px solid rgb(0, 136, 219);
  transform: translateX(-50%) rotate(45deg);
  top: -7.1px;
  left: 50%;
  z-index: 99;
}
.tooltip-label__label .input_tooltip__content[data-v-02a48b60] {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: rgb(32, 32, 32);
}
.tooltip-label__info-button[data-v-02a48b60] {
  height: 16px;
  width: 16px;
  margin: 0 0 0 8px;
  padding: 0;
}
.tooltip-label__tooltip-button__wrapper[data-v-02a48b60] {
  display: inline-flex;
  position: relative;
}