/* 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 {
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,
.debug .product .product__title,
.debug .product .product__attributes,
.debug .product .product__availability,
.debug .product .product__discount,
.debug .product .product__price,
.debug .product .product__add-to-cart {
  position: relative;
}
.debug .product .product__image::after,
.debug .product .product__title::after,
.debug .product .product__attributes::after,
.debug .product .product__availability::after,
.debug .product .product__discount::after,
.debug .product .product__price::after,
.debug .product .product__add-to-cart::after {
  font-size: 10px;
  color: red;
  position: absolute;
  inset: 0;
}
.debug .product__section {
  box-shadow: inset 0 0 0 1px rgba(64, 224, 208, 0.4);
}
.debug .product__image::after {
  content: ".product__image";
  background: rgba(255, 0, 0, 0.1);
}
.debug .product__title::after {
  content: ".product__title";
  background: rgba(0, 0, 255, 0.1);
}
.debug .product__availability::after {
  content: ".product__availability";
  background: rgba(255, 165, 0, 0.1);
}
.debug .product__attributes::after {
  content: ".product__attributes";
  background: rgba(255, 255, 0, 0.1);
}
.debug .product__discount::after {
  content: ".product__discount";
  background: rgba(128, 0, 128, 0.1);
}
.debug .product__price::after {
  content: ".product__price";
  background: rgba(128, 0, 128, 0.1);
}
.debug .product__add-to-cart::after {
  content: ".product__add-to-cart";
  background: rgba(128, 0, 128, 0.1);
}
.debug-text * {
  white-space: wrap !important;
  word-break: break-all !important;
}
.button-group {
  display: flex;
}
.button-group .tamro-button {
  margin: 0 0 0 -1px;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px rgb(221, 221, 221);
}
.button-group .tamro-button:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.button-group .tamro-button:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.button-group .tamro-button--min-width {
  min-width: 0;
}
.button-group .tamro-button--small--min-width {
  min-width: 0;
}
.button-group .tamro-button--button-group--active {
  box-shadow: none;
}
.button-group .tamro-button--secondary--active {
  box-shadow: inset 0 0 0 1px rgb(0, 93, 169);
  z-index: 2;
}
.button-group__title {
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  box-shadow: inset 0 0 0 1px rgb(221, 221, 221);
  font-weight: 600;
  border-radius: 5px 0 0 5px;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
}
.button-group-dropdown {
  position: relative;
  cursor: pointer;
}
.button-group-dropdown__title {
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 8px 0 20px;
  justify-content: space-between;
  box-shadow: inset 0 0 0 1px rgb(221, 221, 221);
  font-weight: 600;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
}
.button-group-dropdown__title__caret {
  transition: transform 0.3s ease;
  z-index: 2;
}
.button-group-dropdown__title__caret--open {
  transform: rotate(180deg);
}
.button-group-dropdown__title__caret--closed {
  transform: rotate(0);
}
.button-group-dropdown__label {
  color: rgb(0, 93, 169);
  margin-right: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button-group-dropdown__wrapper {
  position: absolute;
  min-width: 100%;
  top: 0;
  left: 0;
  z-index: 40;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 5px;
  overflow: hidden;
}
.button-group-dropdown__wrapper--closed {
  display: none;
}
.button-group-dropdown__wrapper--open {
  display: flex;
  flex-direction: column;
}
.button-group-dropdown__wrapper--open-up {
  top: auto;
  position: absolute;
  bottom: 0;
}
.button-group-dropdown__wrapper .tamro-button {
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  font-weight: 400;
  color: rgb(32, 32, 32);
  justify-content: start;
  background: rgb(255, 255, 255);
}
.button-group-dropdown__wrapper .tamro-button:hover {
  box-shadow: none;
  color: rgb(0, 136, 219);
  background-color: rgb(244, 249, 253);
}
.button-group-dropdown__wrapper .tamro-button:active, .button-group-dropdown__wrapper .tamro-button--active {
  background-color: rgb(223, 242, 255);
}
.button-group-dropdown:hover .button-group-dropdown {
  color: red;
}
.button-group-dropdown:hover .button-group-dropdown__title__caret .icon__svg-container svg {
  fill: rgb(0, 136, 219) !important;
}
.button-group-dropdown:hover .button-group-dropdown__label {
  color: rgb(0, 136, 219);
}