/** Shopify CDN: Minification failed

Line 561:0 "@charset" must be the first rule in the file
Line 14283:52 Unexpected ")"

**/
/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.css ***!
  \*****************************************************************************************/
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/huel-theme.scss ***!
  \*********************************************************************************************************************/
@charset "UTF-8";
/*! Huel Rebuild | A convoluted Skeleton / Slate hybrid because reasons by Chris Traverse */
var {
  font-style: normal;
}

/*================ UTILS & SETTINGS ================*/
/*================ Mixins ================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*========== Rounding ==========*/
/*========== Shadows ==========*/
/*========== Transitions ==========*/
/*========== Placeholder ==========*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.dotless {
  list-style: none;
}

.drawer {
  cursor: pointer;
  /* padding can't be on article element because it won't collapse properly, add wrapper around contents */
}
.drawer h2 {
  float: left;
}
.drawer .expand {
  float: right;
  transform: rotate(0);
  transition: transform 350ms ease-in-out;
}
.drawer article {
  max-height: 0px;
  overflow: hidden;
  line-height: 1.6;
  transition: max-height 350ms ease-in-out;
}
.drawer .article-inner {
  padding: 1rem;
}
.drawer.open .expand {
  transform: rotate(90deg);
}

/**
 * Tooltip Styles
 */
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #0B0B0B;
  background-color: hsla(0deg, 0%, 20%, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */
/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #0B0B0B;
  border-top-color: hsla(0deg, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px);
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #0B0B0B;
  border-left-color: hsla(0deg, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #0B0B0B;
  border-bottom-color: hsla(0deg, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #0B0B0B;
  border-right-color: hsla(0deg, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

/*================ SETTINGS ================*/
/*================ Color Variables ================*/
/*================ Typography Variables ================*/
/*================ Structural Variables ================*/
/*============================================================================
  Grid Breakpoints and Class Names
  - Do not change the variable names
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Sizing Variables ================*/
/*================ Z-Index ================*/
/*================ SVG ================*/
/*================ Heights ================*/
/*================ Shadows ================*/
/*================ Border Radius ================*/
/*================ Transitions ================*/
/*================ COMMON ================*/
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.tabs, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button, .is-unselectable, .modal-close, .delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 2px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.tabs:not(:last-child), .message:not(:last-child), .list:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .highlight:not(:last-child), .block:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
  margin-bottom: 1.5rem;
}

.modal-close, .delete {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
.modal-close::before, .delete::before, .modal-close::after, .delete::after {
  background-color: hsl(0deg, 0%, 100%);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.modal-close::before, .delete::before {
  height: 2px;
  width: 50%;
}
.modal-close::after, .delete::after {
  height: 50%;
  width: 2px;
}
.modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
  background-color: rgba(10, 10, 10, 0.3);
}
.modal-close:active, .delete:active {
  background-color: rgba(10, 10, 10, 0.4);
}
.is-small.modal-close, .is-small.delete {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}
.is-medium.modal-close, .is-medium.delete {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}
.is-large.modal-close, .is-large.delete {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0deg, 0%, 86%);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.hero-video, .modal-background, .modal, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio, .is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .textarea, .input, .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 0.75rem;
  height: 3rem;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
  outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
  cursor: not-allowed;
}

.flavour-colour {
  position: relative;
}
.flavour-colour:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #dbdbdb;
}
.flavour-colour.huel-gluten-free-chocolate:before {
  background-image: linear-gradient(180deg, #775D4F 0%, #B18D79 54%, #775D4F 95%);
}
.flavour-colour.huel-gluten-free-unflavored-unsweetened:before {
  background-image: linear-gradient(180deg, #F6F6F6 0%, #D8D8D8 34%, #D8D8D8 93%);
}
.flavour-colour.huel-vanilla:before, .flavour-colour.huel-gluten-free-vanilla:before, .flavour-colour.huel-ready-to-drink-vanilla:before {
  background-image: linear-gradient(180deg, #FFFBE6 0%, #F0E9CE 68%);
}
.flavour-colour.huel-berry:before, .flavour-colour.huel-gluten-free-berry:before, .flavour-colour.huel-ready-to-drink-berry:before {
  background-image: linear-gradient(180deg, #EEC1CC 0%, #B31434 31%, #87273B 79%, #523D44 100%);
}

/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
embed,
object,
video {
  height: auto;
  max-width: 100%;
}

audio {
  max-width: 100%;
}

iframe {
  border: 0;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}

html {
  background-color: hsl(0deg, 0%, 100%);
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: hsl(0deg, 0%, 4%);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: hsl(217deg, 71%, 53%);
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: hsl(0deg, 0%, 21%);
}

code {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(348deg, 100%, 61%);
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: #D5D7D8;
  border: none;
  display: block;
  height: 1px;
  margin: 1.5rem 0;
}

.hr-smaller {
  margin-top: 3rem;
}
.hr-smaller hr {
  margin: 0.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: hsl(0deg, 0%, 21%);
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 4%);
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: left;
}
table th {
  color: hsl(0deg, 0%, 21%);
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-size-1 {
  font-size: 3.5rem !important;
}

.is-size-2 {
  font-size: 2.75rem !important;
}

.is-size-3 {
  font-size: 2.25rem !important;
}

.is-size-4 {
  font-size: 1.625rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.875rem !important;
}

.is-size-8 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3.5rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.75rem !important;
  }
  .is-size-3-mobile {
    font-size: 2.25rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.625rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.875rem !important;
  }
  .is-size-8-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3.5rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.75rem !important;
  }
  .is-size-3-tablet {
    font-size: 2.25rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.625rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.875rem !important;
  }
  .is-size-8-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-size-1-touch {
    font-size: 3.5rem !important;
  }
  .is-size-2-touch {
    font-size: 2.75rem !important;
  }
  .is-size-3-touch {
    font-size: 2.25rem !important;
  }
  .is-size-4-touch {
    font-size: 1.625rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.875rem !important;
  }
  .is-size-8-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-size-1-desktop {
    font-size: 3.5rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.75rem !important;
  }
  .is-size-3-desktop {
    font-size: 2.25rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.625rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.875rem !important;
  }
  .is-size-8-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-size-1-widescreen {
    font-size: 3.5rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.75rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2.25rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.625rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.875rem !important;
  }
  .is-size-8-widescreen {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-size-1-fullhd {
    font-size: 3.5rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.75rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2.25rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.625rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.875rem !important;
  }
  .is-size-8-fullhd {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1117px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1118px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: widescreen) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1382px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1117px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1118px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: widescreen) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1382px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1117px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1118px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: widescreen) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1382px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1117px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1118px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: widescreen) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1382px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.has-text-white {
  color: hsl(0deg, 0%, 100%) !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6 !important;
}

.has-background-white {
  background-color: hsl(0deg, 0%, 100%) !important;
}

.has-text-black {
  color: hsl(0deg, 0%, 4%) !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: black !important;
}

.has-background-black {
  background-color: hsl(0deg, 0%, 4%) !important;
}

.has-text-light {
  color: hsl(0deg, 0%, 96%) !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important;
}

.has-background-light {
  background-color: hsl(0deg, 0%, 96%) !important;
}

.has-text-dark {
  color: hsl(0deg, 0%, 21%) !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: #1c1c1c !important;
}

.has-background-dark {
  background-color: hsl(0deg, 0%, 21%) !important;
}

.has-text-primary {
  color: hsl(171deg, 100%, 41%) !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #009e86 !important;
}

.has-background-primary {
  background-color: hsl(171deg, 100%, 41%) !important;
}

.has-text-link {
  color: hsl(217deg, 71%, 53%) !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: #205bbc !important;
}

.has-background-link {
  background-color: hsl(217deg, 71%, 53%) !important;
}

.has-text-info {
  color: hsl(204deg, 86%, 53%) !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: #0f81cc !important;
}

.has-background-info {
  background-color: hsl(204deg, 86%, 53%) !important;
}

.has-text-success {
  color: hsl(141deg, 71%, 48%) !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: #1ca64c !important;
}

.has-background-success {
  background-color: hsl(141deg, 71%, 48%) !important;
}

.has-text-warning {
  color: hsl(48deg, 100%, 67%) !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #ffd324 !important;
}

.has-background-warning {
  background-color: hsl(48deg, 100%, 67%) !important;
}

.has-text-danger {
  color: hsl(348deg, 100%, 61%) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: #ff0537 !important;
}

.has-background-danger {
  background-color: hsl(348deg, 100%, 61%) !important;
}

.has-text-black-bis {
  color: hsl(0deg, 0%, 7%) !important;
}

.has-background-black-bis {
  background-color: hsl(0deg, 0%, 7%) !important;
}

.has-text-black-ter {
  color: hsl(0deg, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0deg, 0%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(0deg, 0%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(0deg, 0%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(0deg, 0%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(0deg, 0%, 29%) !important;
}

.has-text-grey {
  color: hsl(0deg, 0%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(0deg, 0%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(0deg, 0%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(0deg, 0%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(0deg, 0%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(0deg, 0%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(0deg, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0deg, 0%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(0deg, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0deg, 0%, 98%) !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.is-family-secondary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.is-family-sans-serif {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-block-fullhd {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1117px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1118px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: widescreen) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1382px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-relative {
  position: relative !important;
}

.has-shadow-hover {
  box-shadow: none;
  transition: 0.4s box-shadow ease;
}
.has-shadow-hover:hover {
  box-shadow: 0 4px 43px 0 rgba(0, 0, 0, 0.2);
}

.box {
  background-color: hsl(0deg, 0%, 100%);
  border-radius: 12px;
  color: hsl(0deg, 0%, 4%);
  display: block;
  padding: 1.25rem;
}
@media screen and (max-width: 768px) {
  .box {
    padding: 2rem 1.25rem;
  }
}

a.box:hover, a.box:focus {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px hsl(217deg, 71%, 53%);
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px hsl(217deg, 71%, 53%);
}

.box .box-top {
  display: flex;
  align-items: flex-end;
}
.box .box-top .box-icon {
  margin-right: 1rem;
}
.box .box-top .box-icon svg {
  margin-bottom: -6px;
}
.box .box-header {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .box .box-header {
    margin-top: 0;
  }
}
.box .box-header.is-justified {
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .box .box-header.is-justified {
    flex-direction: column;
    align-items: flex-start;
  }
}

.button {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 86%);
  border-width: 1px;
  color: hsl(0deg, 0%, 21%);
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.375em - 1px);
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: calc(0.375em - 1px);
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  min-width: 144px;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.375em - 1px);
  margin-right: 0.1875em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: calc(-0.375em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.375em - 1px);
  margin-right: calc(-0.375em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: hsl(0deg, 0%, 71%);
  color: hsl(0deg, 0%, 21%);
}
.button:focus, .button.is-focused {
  border-color: hsl(217deg, 71%, 53%);
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button:active, .button.is-active {
  border-color: hsl(0deg, 0%, 29%);
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-text:active, .button.is-text.is-active {
  background-color: #e8e8e8;
  color: hsl(0deg, 0%, 21%);
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-white {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: #f9f9f9;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: #f2f2f2;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: black;
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  box-shadow: none;
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  box-shadow: none;
  color: hsl(0deg, 0%, 4%);
}
.button.is-black {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: #040404;
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: black;
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 4%);
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 4%);
  box-shadow: none;
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 100%);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 100%);
  box-shadow: none;
  color: hsl(0deg, 0%, 100%);
}
.button.is-light {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: #eeeeee;
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: #292929;
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  box-shadow: none;
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  box-shadow: none;
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: #2f2f2f;
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: #292929;
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: #e8e8e8;
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 21%);
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 21%);
  box-shadow: none;
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 96%);
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0deg, 0%, 96%);
  box-shadow: none;
  color: hsl(0deg, 0%, 96%);
}
.button.is-primary {
  background-color: hsl(171deg, 100%, 41%);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: hsl(171deg, 100%, 41%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: hsl(171deg, 100%, 41%);
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(171deg, 100%, 41%);
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: hsl(171deg, 100%, 41%);
  color: hsl(171deg, 100%, 41%);
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: hsl(171deg, 100%, 41%);
  border-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: hsl(171deg, 100%, 41%);
  box-shadow: none;
  color: hsl(171deg, 100%, 41%);
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(171deg, 100%, 41%);
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-link {
  background-color: hsl(217deg, 71%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: #276cda;
  border-color: transparent;
  color: #fff;
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: #2366d1;
  border-color: transparent;
  color: #fff;
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: hsl(217deg, 71%, 53%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: #fff;
  color: hsl(217deg, 71%, 53%);
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(217deg, 71%, 53%);
}
.button.is-link.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: hsl(217deg, 71%, 53%);
  color: hsl(217deg, 71%, 53%);
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: hsl(217deg, 71%, 53%);
  border-color: hsl(217deg, 71%, 53%);
  color: #fff;
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(217deg, 71%, 53%) hsl(217deg, 71%, 53%) !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: hsl(217deg, 71%, 53%);
  box-shadow: none;
  color: hsl(217deg, 71%, 53%);
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(217deg, 71%, 53%);
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(217deg, 71%, 53%) hsl(217deg, 71%, 53%) !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-info {
  background-color: hsl(204deg, 86%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: #1496ed;
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: #118fe4;
  border-color: transparent;
  color: #fff;
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: hsl(204deg, 86%, 53%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: hsl(204deg, 86%, 53%);
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(204deg, 86%, 53%);
}
.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(204deg, 86%, 53%);
  color: hsl(204deg, 86%, 53%);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: hsl(204deg, 86%, 53%);
  border-color: hsl(204deg, 86%, 53%);
  color: #fff;
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(204deg, 86%, 53%) hsl(204deg, 86%, 53%) !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(204deg, 86%, 53%);
  box-shadow: none;
  color: hsl(204deg, 86%, 53%);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(204deg, 86%, 53%);
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(204deg, 86%, 53%) hsl(204deg, 86%, 53%) !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-success {
  background-color: hsl(141deg, 71%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: #22c65b;
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: #20bc56;
  border-color: transparent;
  color: #fff;
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: hsl(141deg, 71%, 48%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: #fff;
  color: hsl(141deg, 71%, 48%);
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(141deg, 71%, 48%);
}
.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsl(141deg, 71%, 48%);
  color: hsl(141deg, 71%, 48%);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: hsl(141deg, 71%, 48%);
  border-color: hsl(141deg, 71%, 48%);
  color: #fff;
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(141deg, 71%, 48%) hsl(141deg, 71%, 48%) !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsl(141deg, 71%, 48%);
  box-shadow: none;
  color: hsl(141deg, 71%, 48%);
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(141deg, 71%, 48%);
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(141deg, 71%, 48%) hsl(141deg, 71%, 48%) !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-warning {
  background-color: hsl(48deg, 100%, 67%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: #ffdb4a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: #ffd83d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: hsl(48deg, 100%, 67%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(48deg, 100%, 67%);
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: hsl(48deg, 100%, 67%);
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: hsl(48deg, 100%, 67%);
  color: hsl(48deg, 100%, 67%);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: hsl(48deg, 100%, 67%);
  border-color: hsl(48deg, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(48deg, 100%, 67%) hsl(48deg, 100%, 67%) !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: hsl(48deg, 100%, 67%);
  box-shadow: none;
  color: hsl(48deg, 100%, 67%);
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(48deg, 100%, 67%);
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(48deg, 100%, 67%) hsl(48deg, 100%, 67%) !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-danger {
  background-color: hsl(348deg, 100%, 61%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: #ff2b56;
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: #ff1f4b;
  border-color: transparent;
  color: #fff;
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: hsl(348deg, 100%, 61%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: hsl(348deg, 100%, 61%);
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: #f2f2f2;
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(348deg, 100%, 61%);
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: hsl(348deg, 100%, 61%);
  color: hsl(348deg, 100%, 61%);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: hsl(348deg, 100%, 61%);
  border-color: hsl(348deg, 100%, 61%);
  color: #fff;
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(348deg, 100%, 61%) hsl(348deg, 100%, 61%) !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: hsl(348deg, 100%, 61%);
  box-shadow: none;
  color: hsl(348deg, 100%, 61%);
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(348deg, 100%, 61%);
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(348deg, 100%, 61%) hsl(348deg, 100%, 61%) !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-small {
  border-radius: 6px;
  font-size: 0.75rem;
}
.button.is-normal {
  font-size: 1rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.625rem;
}
.button[disabled], fieldset[disabled] .button {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 86%);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - (1em / 2));
  top: calc(50% - (1em / 2));
  position: absolute !important;
}
.button.is-static {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 86%);
  color: hsl(0deg, 0%, 48%);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em;
}
.button.is-wider {
  min-width: 160px;
}
.button.has-shadow {
  border-color: transparent;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.22);
  transition: 0.2s box-shadow ease-in;
}
.button.has-shadow:hover {
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.22);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  border-radius: 6px;
  font-size: 0.75rem;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.625rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
@media screen and (min-width: 1118px) {
  .container {
    max-width: 1080px;
  }
  .container.is-fluid {
    margin-left: 19px;
    margin-right: 19px;
    max-width: none;
  }
}
@media screen and (max-width: "widescreen"-1px) {
  .container.is-widescreen {
    max-width: "widescreen"-38px;
  }
}
@media screen and (max-width: 1381px) {
  .container.is-fullhd {
    max-width: 1344px;
  }
}
@media screen and (min-width: widescreen) {
  .container {
    max-width: "widescreen"-38px;
  }
}
@media screen and (min-width: 1382px) {
  .container {
    max-width: 1344px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .container {
    margin-left: 9.5px;
    margin-right: 9.5px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    margin-left: 19px;
    margin-right: 19px;
  }
}

.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: hsl(0deg, 0%, 21%);
  font-weight: 600;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: hsl(0deg, 0%, 96%);
  border-left: 5px solid hsl(0deg, 0%, 86%);
  padding: 1.25em 1.5em;
}
.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 2em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid hsl(0deg, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: hsl(0deg, 0%, 21%);
}
.content table th:not([align]) {
  text-align: left;
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: hsl(0deg, 0%, 21%);
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0deg, 0%, 21%);
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content .tabs li + li {
  margin-top: 0;
}
.content.is-small {
  font-size: 0.75rem;
}
.content.is-medium {
  font-size: 1.25rem;
}
.content.is-large {
  font-size: 1.625rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: 290486px;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  background-color: hsl(0deg, 0%, 96%);
  border-radius: 4px;
  padding: 2rem 2.5rem 2rem 2rem;
  position: relative;
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 0.875em;
}
@media screen and (max-width: 768px) {
  .notification {
    padding: 1.25rem 2rem 1.25rem 1.25rem;
  }
}
.notification .notification-icon {
  width: 20px;
  margin-right: 1rem;
}
.notification .notification-content a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification .notification-content strong {
  color: currentColor;
}
.notification .notification-content code,
.notification .notification-content pre {
  background: hsl(0deg, 0%, 100%);
}
.notification .notification-content pre code {
  background: transparent;
}
.notification > .delete {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.notification.is-black {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.notification.is-light {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.notification.is-dark {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.notification.is-primary {
  background-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.notification.is-link {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}
.notification.is-info {
  background-color: hsl(204deg, 86%, 53%);
  color: #fff;
}
.notification.is-success {
  background-color: hsl(141deg, 71%, 48%);
  color: #fff;
}
.notification.is-warning {
  background-color: hsl(48deg, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-danger {
  background-color: hsl(348deg, 100%, 61%);
  color: #fff;
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: hsl(0deg, 0%, 86%);
}
.progress::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 4%);
}
.progress::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 4%);
}
.progress::-ms-fill {
  background-color: hsl(0deg, 0%, 4%);
  border: none;
}
.progress.is-white::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 100%);
}
.progress.is-white::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 100%);
}
.progress.is-white::-ms-fill {
  background-color: hsl(0deg, 0%, 100%);
}
.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, hsl(0deg, 0%, 100%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-black::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 4%);
}
.progress.is-black::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 4%);
}
.progress.is-black::-ms-fill {
  background-color: hsl(0deg, 0%, 4%);
}
.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, hsl(0deg, 0%, 4%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-light::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 96%);
}
.progress.is-light::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 96%);
}
.progress.is-light::-ms-fill {
  background-color: hsl(0deg, 0%, 96%);
}
.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, hsl(0deg, 0%, 96%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: hsl(0deg, 0%, 21%);
}
.progress.is-dark::-moz-progress-bar {
  background-color: hsl(0deg, 0%, 21%);
}
.progress.is-dark::-ms-fill {
  background-color: hsl(0deg, 0%, 21%);
}
.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, hsl(0deg, 0%, 21%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-primary::-webkit-progress-value {
  background-color: hsl(171deg, 100%, 41%);
}
.progress.is-primary::-moz-progress-bar {
  background-color: hsl(171deg, 100%, 41%);
}
.progress.is-primary::-ms-fill {
  background-color: hsl(171deg, 100%, 41%);
}
.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, hsl(171deg, 100%, 41%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-link::-webkit-progress-value {
  background-color: hsl(217deg, 71%, 53%);
}
.progress.is-link::-moz-progress-bar {
  background-color: hsl(217deg, 71%, 53%);
}
.progress.is-link::-ms-fill {
  background-color: hsl(217deg, 71%, 53%);
}
.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, hsl(217deg, 71%, 53%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-info::-webkit-progress-value {
  background-color: hsl(204deg, 86%, 53%);
}
.progress.is-info::-moz-progress-bar {
  background-color: hsl(204deg, 86%, 53%);
}
.progress.is-info::-ms-fill {
  background-color: hsl(204deg, 86%, 53%);
}
.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, hsl(204deg, 86%, 53%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-success::-webkit-progress-value {
  background-color: hsl(141deg, 71%, 48%);
}
.progress.is-success::-moz-progress-bar {
  background-color: hsl(141deg, 71%, 48%);
}
.progress.is-success::-ms-fill {
  background-color: hsl(141deg, 71%, 48%);
}
.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, hsl(141deg, 71%, 48%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: hsl(48deg, 100%, 67%);
}
.progress.is-warning::-moz-progress-bar {
  background-color: hsl(48deg, 100%, 67%);
}
.progress.is-warning::-ms-fill {
  background-color: hsl(48deg, 100%, 67%);
}
.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, hsl(48deg, 100%, 67%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: hsl(348deg, 100%, 61%);
}
.progress.is-danger::-moz-progress-bar {
  background-color: hsl(348deg, 100%, 61%);
}
.progress.is-danger::-ms-fill {
  background-color: hsl(348deg, 100%, 61%);
}
.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, hsl(348deg, 100%, 61%) 30%, hsl(0deg, 0%, 86%) 30%);
}
.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: hsl(0deg, 0%, 86%);
  background-image: linear-gradient(to right, hsl(0deg, 0%, 4%) 30%, hsl(0deg, 0%, 86%) 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress.is-small {
  height: 0.75rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.625rem;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.table {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 21%);
}
.table td,
.table th {
  border: 1px solid hsl(0deg, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.table td.is-black,
.table th.is-black {
  background-color: hsl(0deg, 0%, 4%);
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.table td.is-light,
.table th.is-light {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.table td.is-dark,
.table th.is-dark {
  background-color: hsl(0deg, 0%, 21%);
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.table td.is-primary,
.table th.is-primary {
  background-color: hsl(171deg, 100%, 41%);
  border-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.table td.is-link,
.table th.is-link {
  background-color: hsl(217deg, 71%, 53%);
  border-color: hsl(217deg, 71%, 53%);
  color: #fff;
}
.table td.is-info,
.table th.is-info {
  background-color: hsl(204deg, 86%, 53%);
  border-color: hsl(204deg, 86%, 53%);
  color: #fff;
}
.table td.is-success,
.table th.is-success {
  background-color: hsl(141deg, 71%, 48%);
  border-color: hsl(141deg, 71%, 48%);
  color: #fff;
}
.table td.is-warning,
.table th.is-warning {
  background-color: hsl(48deg, 100%, 67%);
  border-color: hsl(48deg, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-danger,
.table th.is-danger {
  background-color: hsl(348deg, 100%, 61%);
  border-color: hsl(348deg, 100%, 61%);
  color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table th {
  color: hsl(0deg, 0%, 21%);
}
.table th:not([align]) {
  text-align: left;
}
.table tr.is-selected {
  background-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: hsl(0deg, 0%, 21%);
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0deg, 0%, 21%);
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: hsl(0deg, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: hsl(0deg, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: hsl(0deg, 0%, 96%);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: hsl(0deg, 0%, 98%);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: hsl(0deg, 0%, 96%);
  border-radius: 4px;
  color: hsl(0deg, 0%, 4%);
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-white {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.tag:not(body).is-black {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.tag:not(body).is-light {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.tag:not(body).is-dark {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.tag:not(body).is-primary {
  background-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.tag:not(body).is-link {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}
.tag:not(body).is-info {
  background-color: hsl(204deg, 86%, 53%);
  color: #fff;
}
.tag:not(body).is-success {
  background-color: hsl(141deg, 71%, 48%);
  color: #fff;
}
.tag:not(body).is-warning {
  background-color: hsl(48deg, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-danger {
  background-color: hsl(348deg, 100%, 61%);
  color: #fff;
}
.tag:not(body).is-normal {
  font-size: 0.75rem;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: #e8e8e8;
}
.tag:not(body).is-delete:active {
  background-color: #dbdbdb;
}
.tag:not(body).is-rounded {
  border-radius: 290486px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: hsl(0deg, 0%, 21%);
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title + .highlight {
  margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 3.5rem;
}
.title.is-2 {
  font-size: 2.75rem;
}
.title.is-3 {
  font-size: 2.25rem;
}
.title.is-4 {
  font-size: 1.625rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 1rem;
}
.title.is-7 {
  font-size: 0.875rem;
}
.title.is-8 {
  font-size: 0.75rem;
}

.subtitle {
  color: hsl(0deg, 0%, 29%);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
.subtitle strong {
  color: hsl(0deg, 0%, 21%);
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1 {
  font-size: 3.5rem;
}
.subtitle.is-2 {
  font-size: 2.75rem;
}
.subtitle.is-3 {
  font-size: 2.25rem;
}
.subtitle.is-4 {
  font-size: 1.625rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 1rem;
}
.subtitle.is-7 {
  font-size: 0.875rem;
}
.subtitle.is-8 {
  font-size: 0.75rem;
}

.is-checkradio[type=radio],
.is-checkradio[type=checkbox] {
  outline: 0;
  user-select: none;
  display: inline-block;
  position: absolute;
  opacity: 0;
}
.is-checkradio[type=radio] + label,
.is-checkradio[type=checkbox] + label {
  position: relative;
  display: initial;
  cursor: pointer;
  vertical-align: middle;
  margin: 0.5em;
  padding: 0.2rem 0.5rem 0.2rem 0;
  border-radius: 0%;
}
.is-checkradio[type=radio] + label:first-of-type,
.is-checkradio[type=checkbox] + label:first-of-type {
  margin-left: 0;
}
.is-checkradio[type=radio] + label:hover::before, .is-checkradio[type=radio] + label:hover:before,
.is-checkradio[type=checkbox] + label:hover::before,
.is-checkradio[type=checkbox] + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color;
}
.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before,
.is-checkradio[type=checkbox] + label::before,
.is-checkradio[type=checkbox] + label:before {
  position: absolute;
  left: 0;
  top: 0rem;
  content: "";
  border: 0.1rem solid hsl(0deg, 0%, 86%);
}
.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after,
.is-checkradio[type=checkbox] + label::after,
.is-checkradio[type=checkbox] + label:after {
  position: absolute;
  display: none;
  content: "";
  top: 0rem;
}
.is-checkradio[type=radio].is-rtl + label,
.is-checkradio[type=checkbox].is-rtl + label {
  margin-right: 0rem;
  margin-left: 0.5rem;
}
.is-checkradio[type=radio].is-rtl + label::before, .is-checkradio[type=radio].is-rtl + label:before,
.is-checkradio[type=checkbox].is-rtl + label::before,
.is-checkradio[type=checkbox].is-rtl + label:before {
  left: auto;
  right: 0;
}
.is-checkradio[type=radio]:focus + label::before, .is-checkradio[type=radio]:focus + label:before,
.is-checkradio[type=checkbox]:focus + label::before,
.is-checkradio[type=checkbox]:focus + label:before {
  outline: 1px dotted hsl(0deg, 0%, 71%);
}
.is-checkradio[type=radio]:hover:not([disabled]) + label::before, .is-checkradio[type=radio]:hover:not([disabled]) + label:before,
.is-checkradio[type=checkbox]:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox]:hover:not([disabled]) + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before,
.is-checkradio[type=checkbox]:checked + label::before,
.is-checkradio[type=checkbox]:checked + label:before {
  border: 0.1rem solid hsl(0deg, 0%, 86%);
}
.is-checkradio[type=radio]:checked[disabled],
.is-checkradio[type=checkbox]:checked[disabled] {
  cursor: not-allowed;
}
.is-checkradio[type=radio]:checked[disabled] + label,
.is-checkradio[type=checkbox]:checked[disabled] + label {
  opacity: 0.5;
}
.is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before,
.is-checkradio[type=checkbox]:checked + label::before,
.is-checkradio[type=checkbox]:checked + label:before {
  animation-name: none;
}
.is-checkradio[type=radio]:checked + label::after, .is-checkradio[type=radio]:checked + label:after,
.is-checkradio[type=checkbox]:checked + label::after,
.is-checkradio[type=checkbox]:checked + label:after {
  display: inline-block;
}
.is-checkradio[type=radio][disabled],
.is-checkradio[type=checkbox][disabled] {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled] + label,
.is-checkradio[type=checkbox][disabled] + label {
  opacity: 0.5;
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled] + label:hover, .is-checkradio[type=radio][disabled] + label:before, .is-checkradio[type=radio][disabled] + label::before, .is-checkradio[type=radio][disabled] + label::after, .is-checkradio[type=radio][disabled] + label:after,
.is-checkradio[type=checkbox][disabled] + label:hover,
.is-checkradio[type=checkbox][disabled] + label:before,
.is-checkradio[type=checkbox][disabled] + label::before,
.is-checkradio[type=checkbox][disabled] + label::after,
.is-checkradio[type=checkbox][disabled] + label:after {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]:hover,
.is-checkradio[type=checkbox][disabled]:hover {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]:hover::before, .is-checkradio[type=radio][disabled]:hover:before,
.is-checkradio[type=checkbox][disabled]:hover::before,
.is-checkradio[type=checkbox][disabled]:hover:before {
  animation-name: none;
}
.is-checkradio[type=radio][disabled]::before, .is-checkradio[type=radio][disabled]:before,
.is-checkradio[type=checkbox][disabled]::before,
.is-checkradio[type=checkbox][disabled]:before {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]::after, .is-checkradio[type=radio][disabled]:after,
.is-checkradio[type=checkbox][disabled]::after,
.is-checkradio[type=checkbox][disabled]:after {
  cursor: not-allowed;
}
.is-checkradio[type=radio].has-no-border + label::before, .is-checkradio[type=radio].has-no-border + label:before,
.is-checkradio[type=checkbox].has-no-border + label::before,
.is-checkradio[type=checkbox].has-no-border + label:before {
  border: none !important;
}
.is-checkradio[type=radio].is-block,
.is-checkradio[type=checkbox].is-block {
  display: none !important;
}
.is-checkradio[type=radio].is-block + label,
.is-checkradio[type=checkbox].is-block + label {
  width: 100% !important;
  background: hsl(171deg, 100%, 41%);
  color: #fff;
  padding-right: 0.75em;
}
.is-checkradio[type=radio].is-block + label::before, .is-checkradio[type=radio].is-block + label:before,
.is-checkradio[type=checkbox].is-block + label::before,
.is-checkradio[type=checkbox].is-block + label:before {
  border: none !important;
}

.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before {
  border-radius: 0%;
}
.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after {
  box-sizing: border-box;
  transform: rotate(45deg);
  border-width: 0.1rem;
  border-style: solid;
  border-color: hsl(171deg, 100%, 41%);
  border-top: 0;
  border-left: 0;
}
.is-checkradio[type=checkbox].is-circle + label::before, .is-checkradio[type=checkbox].is-circle + label:before {
  border-radius: 50%;
}
.is-checkradio[type=checkbox] + label {
  font-size: 1rem;
  padding-left: 2rem;
}
.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before {
  width: 1.5rem;
  height: 1.5rem;
}
.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after {
  width: 0.375rem;
  height: 0.6rem;
  top: 0.405rem;
  left: 0.6rem;
}
.is-checkradio[type=checkbox].is-block + label::after, .is-checkradio[type=checkbox].is-block + label:after {
  top: 0.585rem;
  left: 0.78rem;
}
.is-checkradio[type=checkbox].is-rtl + label {
  padding-left: 0;
  padding-right: 2rem;
}
.is-checkradio[type=checkbox].is-rtl + label::after, .is-checkradio[type=checkbox].is-rtl + label:after {
  left: auto;
  right: 0.6rem;
}
.is-checkradio[type=checkbox].is-small + label {
  font-size: 0.75rem;
  padding-left: 1.5rem;
}
.is-checkradio[type=checkbox].is-small + label::before, .is-checkradio[type=checkbox].is-small + label:before {
  width: 1.125rem;
  height: 1.125rem;
}
.is-checkradio[type=checkbox].is-small + label::after, .is-checkradio[type=checkbox].is-small + label:after {
  width: 0.28125rem;
  height: 0.45rem;
  top: 0.30375rem;
  left: 0.45rem;
}
.is-checkradio[type=checkbox].is-small.is-block + label::after, .is-checkradio[type=checkbox].is-small.is-block + label:after {
  top: 0.43875rem;
  left: 0.585rem;
}
.is-checkradio[type=checkbox].is-small.is-rtl + label {
  padding-left: 0;
  padding-right: 1.5rem;
}
.is-checkradio[type=checkbox].is-small.is-rtl + label::after, .is-checkradio[type=checkbox].is-small.is-rtl + label:after {
  left: auto;
  right: 0.45rem;
}
.is-checkradio[type=checkbox].is-medium + label {
  font-size: 1.25rem;
  padding-left: 2.5rem;
}
.is-checkradio[type=checkbox].is-medium + label::before, .is-checkradio[type=checkbox].is-medium + label:before {
  width: 1.875rem;
  height: 1.875rem;
}
.is-checkradio[type=checkbox].is-medium + label::after, .is-checkradio[type=checkbox].is-medium + label:after {
  width: 0.46875rem;
  height: 0.75rem;
  top: 0.50625rem;
  left: 0.75rem;
}
.is-checkradio[type=checkbox].is-medium.is-block + label::after, .is-checkradio[type=checkbox].is-medium.is-block + label:after {
  top: 0.73125rem;
  left: 0.975rem;
}
.is-checkradio[type=checkbox].is-medium.is-rtl + label {
  padding-left: 0;
  padding-right: 2.5rem;
}
.is-checkradio[type=checkbox].is-medium.is-rtl + label::after, .is-checkradio[type=checkbox].is-medium.is-rtl + label:after {
  left: auto;
  right: 0.75rem;
}
.is-checkradio[type=checkbox].is-large + label {
  font-size: 1.625rem;
  padding-left: 3.25rem;
}
.is-checkradio[type=checkbox].is-large + label::before, .is-checkradio[type=checkbox].is-large + label:before {
  width: 2.4375rem;
  height: 2.4375rem;
}
.is-checkradio[type=checkbox].is-large + label::after, .is-checkradio[type=checkbox].is-large + label:after {
  width: 0.609375rem;
  height: 0.975rem;
  top: 0.658125rem;
  left: 0.975rem;
}
.is-checkradio[type=checkbox].is-large.is-block + label::after, .is-checkradio[type=checkbox].is-large.is-block + label:after {
  top: 0.950625rem;
  left: 1.2675rem;
}
.is-checkradio[type=checkbox].is-large.is-rtl + label {
  padding-left: 0;
  padding-right: 3.25rem;
}
.is-checkradio[type=checkbox].is-large.is-rtl + label::after, .is-checkradio[type=checkbox].is-large.is-rtl + label:after {
  left: auto;
  right: 0.975rem;
}
.is-checkradio[type=checkbox].is-white.has-background-color + label::before, .is-checkradio[type=checkbox].is-white.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:checked + label::after, .is-checkradio[type=checkbox].is-white:checked + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:checked.is-block + label {
  color: hsl(0deg, 0%, 4%);
  border-color: hsl(0deg, 0%, 100%) !important;
  background: hsl(0deg, 0%, 100%);
}
.is-checkradio[type=checkbox].is-white:checked.is-block + label::after, .is-checkradio[type=checkbox].is-white:checked.is-block + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black.has-background-color + label::before, .is-checkradio[type=checkbox].is-black.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:checked + label::after, .is-checkradio[type=checkbox].is-black:checked + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:checked.is-block + label {
  color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 4%) !important;
  background: hsl(0deg, 0%, 4%);
}
.is-checkradio[type=checkbox].is-black:checked.is-block + label::after, .is-checkradio[type=checkbox].is-black:checked.is-block + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-light.has-background-color + label::before, .is-checkradio[type=checkbox].is-light.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:checked + label::after, .is-checkradio[type=checkbox].is-light:checked + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:checked.is-block + label {
  color: hsl(0deg, 0%, 21%);
  border-color: hsl(0deg, 0%, 96%) !important;
  background: hsl(0deg, 0%, 96%);
}
.is-checkradio[type=checkbox].is-light:checked.is-block + label::after, .is-checkradio[type=checkbox].is-light:checked.is-block + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:checked + label::after, .is-checkradio[type=checkbox].is-dark:checked + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:checked.is-block + label {
  color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 21%) !important;
  background: hsl(0deg, 0%, 21%);
}
.is-checkradio[type=checkbox].is-dark:checked.is-block + label::after, .is-checkradio[type=checkbox].is-dark:checked.is-block + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-primary.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:checked + label::after, .is-checkradio[type=checkbox].is-primary:checked + label:after {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:checked.is-block + label {
  color: #fff;
  border-color: hsl(171deg, 100%, 41%) !important;
  background: hsl(171deg, 100%, 41%);
}
.is-checkradio[type=checkbox].is-primary:checked.is-block + label::after, .is-checkradio[type=checkbox].is-primary:checked.is-block + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-link.has-background-color + label::before, .is-checkradio[type=checkbox].is-link.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:checked + label::after, .is-checkradio[type=checkbox].is-link:checked + label:after {
  border-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:checked.is-block + label {
  color: #fff;
  border-color: hsl(217deg, 71%, 53%) !important;
  background: hsl(217deg, 71%, 53%);
}
.is-checkradio[type=checkbox].is-link:checked.is-block + label::after, .is-checkradio[type=checkbox].is-link:checked.is-block + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-info.has-background-color + label::before, .is-checkradio[type=checkbox].is-info.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:checked + label::after, .is-checkradio[type=checkbox].is-info:checked + label:after {
  border-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:checked.is-block + label {
  color: #fff;
  border-color: hsl(204deg, 86%, 53%) !important;
  background: hsl(204deg, 86%, 53%);
}
.is-checkradio[type=checkbox].is-info:checked.is-block + label::after, .is-checkradio[type=checkbox].is-info:checked.is-block + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-success.has-background-color + label::before, .is-checkradio[type=checkbox].is-success.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:checked + label::after, .is-checkradio[type=checkbox].is-success:checked + label:after {
  border-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:checked.is-block + label {
  color: #fff;
  border-color: hsl(141deg, 71%, 48%) !important;
  background: hsl(141deg, 71%, 48%);
}
.is-checkradio[type=checkbox].is-success:checked.is-block + label::after, .is-checkradio[type=checkbox].is-success:checked.is-block + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-warning.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:checked + label::after, .is-checkradio[type=checkbox].is-warning:checked + label:after {
  border-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:after {
  border-color: rgba(0, 0, 0, 0.7) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:checked.is-block + label {
  color: rgba(0, 0, 0, 0.7);
  border-color: hsl(48deg, 100%, 67%) !important;
  background: hsl(48deg, 100%, 67%);
}
.is-checkradio[type=checkbox].is-warning:checked.is-block + label::after, .is-checkradio[type=checkbox].is-warning:checked.is-block + label:after {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=checkbox].is-danger.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:checked + label::after, .is-checkradio[type=checkbox].is-danger:checked + label:after {
  border-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:checked.is-block + label {
  color: #fff;
  border-color: hsl(348deg, 100%, 61%) !important;
  background: hsl(348deg, 100%, 61%);
}
.is-checkradio[type=checkbox].is-danger:checked.is-block + label::after, .is-checkradio[type=checkbox].is-danger:checked.is-block + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox]:indeterminate + label::after, .is-checkradio[type=checkbox]:indeterminate + label:after {
  display: inline-block;
  transform: rotate(90deg);
  border-bottom: none;
}
.is-checkradio[type=checkbox]:indeterminate.is-white + label::after, .is-checkradio[type=checkbox]:indeterminate.is-white + label:after {
  border-color: hsl(0deg, 0%, 100%);
}
.is-checkradio[type=checkbox]:indeterminate.is-black + label::after, .is-checkradio[type=checkbox]:indeterminate.is-black + label:after {
  border-color: hsl(0deg, 0%, 4%);
}
.is-checkradio[type=checkbox]:indeterminate.is-light + label::after, .is-checkradio[type=checkbox]:indeterminate.is-light + label:after {
  border-color: hsl(0deg, 0%, 96%);
}
.is-checkradio[type=checkbox]:indeterminate.is-dark + label::after, .is-checkradio[type=checkbox]:indeterminate.is-dark + label:after {
  border-color: hsl(0deg, 0%, 21%);
}
.is-checkradio[type=checkbox]:indeterminate.is-primary + label::after, .is-checkradio[type=checkbox]:indeterminate.is-primary + label:after {
  border-color: hsl(171deg, 100%, 41%);
}
.is-checkradio[type=checkbox]:indeterminate.is-link + label::after, .is-checkradio[type=checkbox]:indeterminate.is-link + label:after {
  border-color: hsl(217deg, 71%, 53%);
}
.is-checkradio[type=checkbox]:indeterminate.is-info + label::after, .is-checkradio[type=checkbox]:indeterminate.is-info + label:after {
  border-color: hsl(204deg, 86%, 53%);
}
.is-checkradio[type=checkbox]:indeterminate.is-success + label::after, .is-checkradio[type=checkbox]:indeterminate.is-success + label:after {
  border-color: hsl(141deg, 71%, 48%);
}
.is-checkradio[type=checkbox]:indeterminate.is-warning + label::after, .is-checkradio[type=checkbox]:indeterminate.is-warning + label:after {
  border-color: hsl(48deg, 100%, 67%);
}
.is-checkradio[type=checkbox]:indeterminate.is-danger + label::after, .is-checkradio[type=checkbox]:indeterminate.is-danger + label:after {
  border-color: hsl(348deg, 100%, 61%);
}

.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before {
  border-radius: 50%;
}
.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after {
  border-radius: 50%;
  background: hsl(171deg, 100%, 41%);
  left: 0;
  transform: scale(0.5);
}
.is-checkradio[type=radio]:checked.has-background-color + label::before, .is-checkradio[type=radio]:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio]:checked.has-background-color + label::after, .is-checkradio[type=radio]:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-rtl + label {
  padding-left: 0;
}
.is-checkradio[type=radio].is-rtl + label::after, .is-checkradio[type=radio].is-rtl + label:after {
  left: auto;
  right: 0;
}
.is-checkradio[type=radio] + label {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 2rem;
}
.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before, .is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after {
  width: 1.5rem;
  height: 1.5rem;
}
.is-checkradio[type=radio].is-rtl + label {
  padding-right: 2rem;
}
.is-checkradio[type=radio].is-small + label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding-left: 1.5rem;
}
.is-checkradio[type=radio].is-small + label::before, .is-checkradio[type=radio].is-small + label:before, .is-checkradio[type=radio].is-small + label::after, .is-checkradio[type=radio].is-small + label:after {
  width: 1.125rem;
  height: 1.125rem;
}
.is-checkradio[type=radio].is-small.is-rtl + label {
  padding-right: 1.5rem;
}
.is-checkradio[type=radio].is-medium + label {
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding-left: 2.5rem;
}
.is-checkradio[type=radio].is-medium + label::before, .is-checkradio[type=radio].is-medium + label:before, .is-checkradio[type=radio].is-medium + label::after, .is-checkradio[type=radio].is-medium + label:after {
  width: 1.875rem;
  height: 1.875rem;
}
.is-checkradio[type=radio].is-medium.is-rtl + label {
  padding-right: 2.5rem;
}
.is-checkradio[type=radio].is-large + label {
  font-size: 1.625rem;
  line-height: 2.4375rem;
  padding-left: 3.25rem;
}
.is-checkradio[type=radio].is-large + label::before, .is-checkradio[type=radio].is-large + label:before, .is-checkradio[type=radio].is-large + label::after, .is-checkradio[type=radio].is-large + label:after {
  width: 2.4375rem;
  height: 2.4375rem;
}
.is-checkradio[type=radio].is-large.is-rtl + label {
  padding-right: 3.25rem;
}
.is-checkradio[type=radio].is-white.has-background-color + label::before, .is-checkradio[type=radio].is-white.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-white:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:checked + label::after, .is-checkradio[type=radio].is-white:checked + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:checked.has-background-color + label::before, .is-checkradio[type=radio].is-white:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:checked.has-background-color + label::after, .is-checkradio[type=radio].is-white:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black.has-background-color + label::before, .is-checkradio[type=radio].is-black.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-black:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:checked + label::after, .is-checkradio[type=radio].is-black:checked + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:checked.has-background-color + label::before, .is-checkradio[type=radio].is-black:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:checked.has-background-color + label::after, .is-checkradio[type=radio].is-black:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-light.has-background-color + label::before, .is-checkradio[type=radio].is-light.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-light:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:checked + label::after, .is-checkradio[type=radio].is-light:checked + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:checked.has-background-color + label::before, .is-checkradio[type=radio].is-light:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:checked.has-background-color + label::after, .is-checkradio[type=radio].is-light:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark.has-background-color + label::before, .is-checkradio[type=radio].is-dark.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-dark:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:checked + label::after, .is-checkradio[type=radio].is-dark:checked + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:checked.has-background-color + label::before, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:checked.has-background-color + label::after, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-primary.has-background-color + label::before, .is-checkradio[type=radio].is-primary.has-background-color + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-primary:hover:not([disabled]) + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:checked + label::after, .is-checkradio[type=radio].is-primary:checked + label:after {
  border-color: hsl(171deg, 100%, 41%) !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:checked.has-background-color + label::before, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:checked.has-background-color + label::after, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-link.has-background-color + label::before, .is-checkradio[type=radio].is-link.has-background-color + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-link:hover:not([disabled]) + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:checked + label::after, .is-checkradio[type=radio].is-link:checked + label:after {
  border-color: hsl(217deg, 71%, 53%) !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:checked.has-background-color + label::before, .is-checkradio[type=radio].is-link:checked.has-background-color + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:checked.has-background-color + label::after, .is-checkradio[type=radio].is-link:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-info.has-background-color + label::before, .is-checkradio[type=radio].is-info.has-background-color + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-info:hover:not([disabled]) + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:checked + label::after, .is-checkradio[type=radio].is-info:checked + label:after {
  border-color: hsl(204deg, 86%, 53%) !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:checked.has-background-color + label::before, .is-checkradio[type=radio].is-info:checked.has-background-color + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:checked.has-background-color + label::after, .is-checkradio[type=radio].is-info:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-success.has-background-color + label::before, .is-checkradio[type=radio].is-success.has-background-color + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-success:hover:not([disabled]) + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:checked + label::after, .is-checkradio[type=radio].is-success:checked + label:after {
  border-color: hsl(141deg, 71%, 48%) !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:checked.has-background-color + label::before, .is-checkradio[type=radio].is-success:checked.has-background-color + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:checked.has-background-color + label::after, .is-checkradio[type=radio].is-success:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-warning.has-background-color + label::before, .is-checkradio[type=radio].is-warning.has-background-color + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-warning:hover:not([disabled]) + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:checked + label::after, .is-checkradio[type=radio].is-warning:checked + label:after {
  border-color: hsl(48deg, 100%, 67%) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:checked.has-background-color + label::before, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:checked.has-background-color + label::after, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:after {
  border-color: rgba(0, 0, 0, 0.7) !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=radio].is-danger.has-background-color + label::before, .is-checkradio[type=radio].is-danger.has-background-color + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-danger:hover:not([disabled]) + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:checked + label::after, .is-checkradio[type=radio].is-danger:checked + label:after {
  border-color: hsl(348deg, 100%, 61%) !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:checked.has-background-color + label::before, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:checked.has-background-color + label::after, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.highlight {
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
}
.highlight pre {
  overflow: auto;
  max-width: 100%;
}

.number {
  align-items: center;
  background-color: hsl(0deg, 0%, 96%);
  border-radius: 290486px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

.select select, .textarea, .input {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 86%);
  border-radius: 4px;
  color: hsl(0deg, 0%, 21%);
  transition: border-width 0.15s ease;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .select select, .textarea, .input {
    font-size: 1rem;
  }
}
.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
  border-color: hsl(0deg, 0%, 71%);
}
.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: #0B0B0B;
  box-shadow: 0 0 0 0.1em hsl(0deg, 0%, 4%);
}
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 96%);
  box-shadow: none;
  color: hsl(0deg, 0%, 48%);
}
.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.textarea, .input {
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-white.textarea, .is-white.input {
  border-color: hsl(0deg, 0%, 100%);
}
.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.25);
}
.is-black.textarea, .is-black.input {
  border-color: hsl(0deg, 0%, 4%);
}
.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(10, 10, 10, 0.25);
}
.is-light.textarea, .is-light.input {
  border-color: hsl(0deg, 0%, 96%);
}
.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(245, 245, 245, 0.25);
}
.is-dark.textarea, .is-dark.input {
  border-color: hsl(0deg, 0%, 21%);
}
.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(54, 54, 54, 0.25);
}
.is-primary.textarea, .is-primary.input {
  border-color: hsl(171deg, 100%, 41%);
}
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(0, 209, 178, 0.25);
}
.is-link.textarea, .is-link.input {
  border-color: hsl(217deg, 71%, 53%);
}
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(50, 115, 220, 0.25);
}
.is-info.textarea, .is-info.input {
  border-color: hsl(204deg, 86%, 53%);
}
.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(32, 156, 238, 0.25);
}
.is-success.textarea, .is-success.input {
  border-color: hsl(141deg, 71%, 48%);
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(35, 209, 96, 0.25);
}
.is-warning.textarea, .is-warning.input {
  border-color: hsl(48deg, 100%, 67%);
}
.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(255, 221, 87, 0.25);
}
.is-danger.textarea, .is-danger.input {
  border-color: hsl(348deg, 100%, 61%);
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
  box-shadow: 0 0 0 0.1em rgba(255, 56, 96, 0.25);
}
.is-small.textarea, .is-small.input {
  border-radius: 6px;
  font-size: 0.75rem;
}
.is-medium.textarea, .is-medium.input {
  font-size: 1.25rem;
}
.is-large.textarea, .is-large.input {
  font-size: 1.625rem;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em;
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 0.625em;
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 600px;
  min-height: 120px;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

.is-checkradio[type=radio],
.is-checkradio[type=checkbox] {
  outline: 0;
  user-select: none;
  display: inline-block;
  position: absolute;
  opacity: 0;
}
.is-checkradio[type=radio] + label,
.is-checkradio[type=checkbox] + label {
  position: relative;
  display: initial;
  cursor: pointer;
  vertical-align: middle;
  margin: 0.5em;
  padding: 0.2rem 0.5rem 0.2rem 0;
  border-radius: 0%;
}
.is-checkradio[type=radio] + label:first-of-type,
.is-checkradio[type=checkbox] + label:first-of-type {
  margin-left: 0;
}
.is-checkradio[type=radio] + label:hover::before, .is-checkradio[type=radio] + label:hover:before,
.is-checkradio[type=checkbox] + label:hover::before,
.is-checkradio[type=checkbox] + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color;
}
.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before,
.is-checkradio[type=checkbox] + label::before,
.is-checkradio[type=checkbox] + label:before {
  position: absolute;
  left: 0;
  top: 0rem;
  content: "";
  border: 0.1rem solid hsl(0deg, 0%, 86%);
}
.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after,
.is-checkradio[type=checkbox] + label::after,
.is-checkradio[type=checkbox] + label:after {
  position: absolute;
  display: none;
  content: "";
  top: 0rem;
}
.is-checkradio[type=radio].is-rtl + label,
.is-checkradio[type=checkbox].is-rtl + label {
  margin-right: 0rem;
  margin-left: 0.5rem;
}
.is-checkradio[type=radio].is-rtl + label::before, .is-checkradio[type=radio].is-rtl + label:before,
.is-checkradio[type=checkbox].is-rtl + label::before,
.is-checkradio[type=checkbox].is-rtl + label:before {
  left: auto;
  right: 0;
}
.is-checkradio[type=radio]:focus + label::before, .is-checkradio[type=radio]:focus + label:before,
.is-checkradio[type=checkbox]:focus + label::before,
.is-checkradio[type=checkbox]:focus + label:before {
  outline: 1px dotted hsl(0deg, 0%, 71%);
}
.is-checkradio[type=radio]:hover:not([disabled]) + label::before, .is-checkradio[type=radio]:hover:not([disabled]) + label:before,
.is-checkradio[type=checkbox]:hover:not([disabled]) + label::before,
.is-checkradio[type=checkbox]:hover:not([disabled]) + label:before {
  border-color: #FF9700 !important;
}
.is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before,
.is-checkradio[type=checkbox]:checked + label::before,
.is-checkradio[type=checkbox]:checked + label:before {
  border: 0.1rem solid hsl(0deg, 0%, 86%);
}
.is-checkradio[type=radio]:checked[disabled],
.is-checkradio[type=checkbox]:checked[disabled] {
  cursor: not-allowed;
}
.is-checkradio[type=radio]:checked[disabled] + label,
.is-checkradio[type=checkbox]:checked[disabled] + label {
  opacity: 0.5;
}
.is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before,
.is-checkradio[type=checkbox]:checked + label::before,
.is-checkradio[type=checkbox]:checked + label:before {
  animation-name: none;
}
.is-checkradio[type=radio]:checked + label::after, .is-checkradio[type=radio]:checked + label:after,
.is-checkradio[type=checkbox]:checked + label::after,
.is-checkradio[type=checkbox]:checked + label:after {
  display: inline-block;
}
.is-checkradio[type=radio][disabled],
.is-checkradio[type=checkbox][disabled] {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled] + label,
.is-checkradio[type=checkbox][disabled] + label {
  opacity: 0.5;
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled] + label:hover, .is-checkradio[type=radio][disabled] + label:before, .is-checkradio[type=radio][disabled] + label::before, .is-checkradio[type=radio][disabled] + label::after, .is-checkradio[type=radio][disabled] + label:after,
.is-checkradio[type=checkbox][disabled] + label:hover,
.is-checkradio[type=checkbox][disabled] + label:before,
.is-checkradio[type=checkbox][disabled] + label::before,
.is-checkradio[type=checkbox][disabled] + label::after,
.is-checkradio[type=checkbox][disabled] + label:after {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]:hover,
.is-checkradio[type=checkbox][disabled]:hover {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]:hover::before, .is-checkradio[type=radio][disabled]:hover:before,
.is-checkradio[type=checkbox][disabled]:hover::before,
.is-checkradio[type=checkbox][disabled]:hover:before {
  animation-name: none;
}
.is-checkradio[type=radio][disabled]::before, .is-checkradio[type=radio][disabled]:before,
.is-checkradio[type=checkbox][disabled]::before,
.is-checkradio[type=checkbox][disabled]:before {
  cursor: not-allowed;
}
.is-checkradio[type=radio][disabled]::after, .is-checkradio[type=radio][disabled]:after,
.is-checkradio[type=checkbox][disabled]::after,
.is-checkradio[type=checkbox][disabled]:after {
  cursor: not-allowed;
}
.is-checkradio[type=radio].has-no-border + label::before, .is-checkradio[type=radio].has-no-border + label:before,
.is-checkradio[type=checkbox].has-no-border + label::before,
.is-checkradio[type=checkbox].has-no-border + label:before {
  border: none !important;
}
.is-checkradio[type=radio].is-block,
.is-checkradio[type=checkbox].is-block {
  display: none !important;
}
.is-checkradio[type=radio].is-block + label,
.is-checkradio[type=checkbox].is-block + label {
  width: 100% !important;
  background: hsl(171deg, 100%, 41%);
  color: #fff;
  padding-right: 0.75em;
}
.is-checkradio[type=radio].is-block:hover:not([disabled]) + label,
.is-checkradio[type=checkbox].is-block:hover:not([disabled]) + label {
  background: #00b89c;
}

.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before {
  border-radius: 0%;
}
.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after {
  box-sizing: border-box;
  transform: translateY(0rem) rotate(45deg);
  border-width: 0.1rem;
  border-style: solid;
  border-color: #FF9700;
  border-top: 0;
  border-left: 0;
}
.is-checkradio[type=checkbox].is-circle + label::before, .is-checkradio[type=checkbox].is-circle + label:before {
  border-radius: 50%;
}
.is-checkradio[type=checkbox] + label {
  font-size: 1rem;
  padding-left: 2rem;
}
.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before {
  width: 1.5rem;
  height: 1.5rem;
}
.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after {
  width: 0.375rem;
  height: 0.6rem;
  top: 0.405rem;
  left: 0.57rem;
}
.is-checkradio[type=checkbox].is-block + label::before, .is-checkradio[type=checkbox].is-block + label:before {
  width: 1.25rem;
  height: 1.25rem;
  left: 0.175rem;
  top: 0.175rem;
}
.is-checkradio[type=checkbox].is-block + label::after, .is-checkradio[type=checkbox].is-block + label:after {
  top: 0.325rem;
  left: 0.65rem;
}
.is-checkradio[type=checkbox].is-rtl + label {
  padding-left: 0;
  padding-right: 2rem;
}
.is-checkradio[type=checkbox].is-rtl + label::after, .is-checkradio[type=checkbox].is-rtl + label:after {
  left: auto;
  right: 0.6rem;
}
.is-checkradio[type=checkbox].is-small + label {
  font-size: 0.75rem;
  padding-left: 1.5rem;
}
.is-checkradio[type=checkbox].is-small + label::before, .is-checkradio[type=checkbox].is-small + label:before {
  width: 1.125rem;
  height: 1.125rem;
}
.is-checkradio[type=checkbox].is-small + label::after, .is-checkradio[type=checkbox].is-small + label:after {
  width: 0.28125rem;
  height: 0.45rem;
  top: 0.30375rem;
  left: 0.4275rem;
}
.is-checkradio[type=checkbox].is-small.is-block + label::before, .is-checkradio[type=checkbox].is-small.is-block + label:before {
  width: 0.9375rem;
  height: 0.9375rem;
  left: 0.175rem;
  top: 0.175rem;
}
.is-checkradio[type=checkbox].is-small.is-block + label::after, .is-checkradio[type=checkbox].is-small.is-block + label:after {
  top: 0.29375rem;
  left: 0.5375rem;
}
.is-checkradio[type=checkbox].is-small.is-rtl + label {
  padding-left: 0;
  padding-right: 1.5rem;
}
.is-checkradio[type=checkbox].is-small.is-rtl + label::after, .is-checkradio[type=checkbox].is-small.is-rtl + label:after {
  left: auto;
  right: 0.45rem;
}
.is-checkradio[type=checkbox].is-medium + label {
  font-size: 1.25rem;
  padding-left: 2.5rem;
}
.is-checkradio[type=checkbox].is-medium + label::before, .is-checkradio[type=checkbox].is-medium + label:before {
  width: 1.875rem;
  height: 1.875rem;
}
.is-checkradio[type=checkbox].is-medium + label::after, .is-checkradio[type=checkbox].is-medium + label:after {
  width: 0.46875rem;
  height: 0.75rem;
  top: 0.50625rem;
  left: 0.7125rem;
}
.is-checkradio[type=checkbox].is-medium.is-block + label::before, .is-checkradio[type=checkbox].is-medium.is-block + label:before {
  width: 1.5625rem;
  height: 1.5625rem;
  left: 0.175rem;
  top: 0.175rem;
}
.is-checkradio[type=checkbox].is-medium.is-block + label::after, .is-checkradio[type=checkbox].is-medium.is-block + label:after {
  top: 0.35625rem;
  left: 0.7625rem;
}
.is-checkradio[type=checkbox].is-medium.is-rtl + label {
  padding-left: 0;
  padding-right: 2.5rem;
}
.is-checkradio[type=checkbox].is-medium.is-rtl + label::after, .is-checkradio[type=checkbox].is-medium.is-rtl + label:after {
  left: auto;
  right: 0.75rem;
}
.is-checkradio[type=checkbox].is-large + label {
  font-size: 1.625rem;
  padding-left: 3.25rem;
}
.is-checkradio[type=checkbox].is-large + label::before, .is-checkradio[type=checkbox].is-large + label:before {
  width: 2.4375rem;
  height: 2.4375rem;
}
.is-checkradio[type=checkbox].is-large + label::after, .is-checkradio[type=checkbox].is-large + label:after {
  width: 0.609375rem;
  height: 0.975rem;
  top: 0.658125rem;
  left: 0.92625rem;
}
.is-checkradio[type=checkbox].is-large.is-block + label::before, .is-checkradio[type=checkbox].is-large.is-block + label:before {
  width: 2.03125rem;
  height: 2.03125rem;
  left: 0.175rem;
  top: 0.175rem;
}
.is-checkradio[type=checkbox].is-large.is-block + label::after, .is-checkradio[type=checkbox].is-large.is-block + label:after {
  top: 0.403125rem;
  left: 0.93125rem;
}
.is-checkradio[type=checkbox].is-large.is-rtl + label {
  padding-left: 0;
  padding-right: 3.25rem;
}
.is-checkradio[type=checkbox].is-large.is-rtl + label::after, .is-checkradio[type=checkbox].is-large.is-rtl + label:after {
  left: auto;
  right: 0.975rem;
}
.is-checkradio[type=checkbox].is-white.has-background-color + label::before, .is-checkradio[type=checkbox].is-white.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:checked + label::after, .is-checkradio[type=checkbox].is-white:checked + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-white.is-block:checked + label {
  color: hsl(0deg, 0%, 4%);
  border-color: hsl(0deg, 0%, 100%) !important;
  background: hsl(0deg, 0%, 100%);
}
.is-checkradio[type=checkbox].is-white.is-block:checked + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label {
  background: #f2f2f2;
}
.is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:before {
  border-color: black !important;
}
.is-checkradio[type=checkbox].is-black.has-background-color + label::before, .is-checkradio[type=checkbox].is-black.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:checked + label::after, .is-checkradio[type=checkbox].is-black:checked + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=checkbox].is-black.is-block:checked + label {
  color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 4%) !important;
  background: hsl(0deg, 0%, 4%);
}
.is-checkradio[type=checkbox].is-black.is-block:checked + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label {
  background: black;
}
.is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #f2f2f2 !important;
}
.is-checkradio[type=checkbox].is-light.has-background-color + label::before, .is-checkradio[type=checkbox].is-light.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:checked + label::after, .is-checkradio[type=checkbox].is-light:checked + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-light.is-block:checked + label {
  color: hsl(0deg, 0%, 21%);
  border-color: hsl(0deg, 0%, 96%) !important;
  background: hsl(0deg, 0%, 96%);
}
.is-checkradio[type=checkbox].is-light.is-block:checked + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label {
  background: #e8e8e8;
}
.is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #292929 !important;
}
.is-checkradio[type=checkbox].is-dark.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:checked + label::after, .is-checkradio[type=checkbox].is-dark:checked + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=checkbox].is-dark.is-block:checked + label {
  color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 21%) !important;
  background: hsl(0deg, 0%, 21%);
}
.is-checkradio[type=checkbox].is-dark.is-block:checked + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label {
  background: #292929;
}
.is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #e8e8e8 !important;
}
.is-checkradio[type=checkbox].is-primary.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:checked + label::after, .is-checkradio[type=checkbox].is-primary:checked + label:after {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=checkbox].is-primary.is-block:checked + label {
  color: #fff;
  border-color: hsl(171deg, 100%, 41%) !important;
  background: hsl(171deg, 100%, 41%);
}
.is-checkradio[type=checkbox].is-primary.is-block:checked + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label {
  background: #00b89c;
}
.is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #f2f2f2 !important;
}
.is-checkradio[type=checkbox].is-link.has-background-color + label::before, .is-checkradio[type=checkbox].is-link.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:checked + label::after, .is-checkradio[type=checkbox].is-link:checked + label:after {
  border-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=checkbox].is-link.is-block:checked + label {
  color: #fff;
  border-color: hsl(217deg, 71%, 53%) !important;
  background: hsl(217deg, 71%, 53%);
}
.is-checkradio[type=checkbox].is-link.is-block:checked + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label {
  background: #2366d1;
}
.is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #f2f2f2 !important;
}
.is-checkradio[type=checkbox].is-info.has-background-color + label::before, .is-checkradio[type=checkbox].is-info.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:checked + label::after, .is-checkradio[type=checkbox].is-info:checked + label:after {
  border-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=checkbox].is-info.is-block:checked + label {
  color: #fff;
  border-color: hsl(204deg, 86%, 53%) !important;
  background: hsl(204deg, 86%, 53%);
}
.is-checkradio[type=checkbox].is-info.is-block:checked + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label {
  background: #118fe4;
}
.is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #f2f2f2 !important;
}
.is-checkradio[type=checkbox].is-success.has-background-color + label::before, .is-checkradio[type=checkbox].is-success.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:checked + label::after, .is-checkradio[type=checkbox].is-success:checked + label:after {
  border-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=checkbox].is-success.is-block:checked + label {
  color: #fff;
  border-color: hsl(141deg, 71%, 48%) !important;
  background: hsl(141deg, 71%, 48%);
}
.is-checkradio[type=checkbox].is-success.is-block:checked + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label {
  background: #20bc56;
}
.is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #f2f2f2 !important;
}
.is-checkradio[type=checkbox].is-warning.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:checked + label::after, .is-checkradio[type=checkbox].is-warning:checked + label:after {
  border-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:after {
  border-color: rgba(0, 0, 0, 0.7) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=checkbox].is-warning.is-block:checked + label {
  color: rgba(0, 0, 0, 0.7);
  border-color: hsl(48deg, 100%, 67%) !important;
  background: hsl(48deg, 100%, 67%);
}
.is-checkradio[type=checkbox].is-warning.is-block:checked + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked + label:after {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label {
  background: #ffd83d;
}
.is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:before {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=checkbox].is-danger.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:checked + label::after, .is-checkradio[type=checkbox].is-danger:checked + label:after {
  border-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:before {
  border-color: transparent !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=checkbox].is-danger.is-block:checked + label {
  color: #fff;
  border-color: hsl(348deg, 100%, 61%) !important;
  background: hsl(348deg, 100%, 61%);
}
.is-checkradio[type=checkbox].is-danger.is-block:checked + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked + label:after {
  border-color: #fff !important;
}
.is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label {
  background: #ff1f4b;
}
.is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:before {
  border-color: #f2f2f2 !important;
}
.is-checkradio[type=checkbox]:indeterminate + label::after, .is-checkradio[type=checkbox]:indeterminate + label:after {
  display: inline-block;
  transform: rotate(90deg);
  border-bottom: none;
}
.is-checkradio[type=checkbox]:indeterminate.is-white + label::after, .is-checkradio[type=checkbox]:indeterminate.is-white + label:after {
  border-color: hsl(0deg, 0%, 100%);
}
.is-checkradio[type=checkbox]:indeterminate.is-black + label::after, .is-checkradio[type=checkbox]:indeterminate.is-black + label:after {
  border-color: hsl(0deg, 0%, 4%);
}
.is-checkradio[type=checkbox]:indeterminate.is-light + label::after, .is-checkradio[type=checkbox]:indeterminate.is-light + label:after {
  border-color: hsl(0deg, 0%, 96%);
}
.is-checkradio[type=checkbox]:indeterminate.is-dark + label::after, .is-checkradio[type=checkbox]:indeterminate.is-dark + label:after {
  border-color: hsl(0deg, 0%, 21%);
}
.is-checkradio[type=checkbox]:indeterminate.is-primary + label::after, .is-checkradio[type=checkbox]:indeterminate.is-primary + label:after {
  border-color: hsl(171deg, 100%, 41%);
}
.is-checkradio[type=checkbox]:indeterminate.is-link + label::after, .is-checkradio[type=checkbox]:indeterminate.is-link + label:after {
  border-color: hsl(217deg, 71%, 53%);
}
.is-checkradio[type=checkbox]:indeterminate.is-info + label::after, .is-checkradio[type=checkbox]:indeterminate.is-info + label:after {
  border-color: hsl(204deg, 86%, 53%);
}
.is-checkradio[type=checkbox]:indeterminate.is-success + label::after, .is-checkradio[type=checkbox]:indeterminate.is-success + label:after {
  border-color: hsl(141deg, 71%, 48%);
}
.is-checkradio[type=checkbox]:indeterminate.is-warning + label::after, .is-checkradio[type=checkbox]:indeterminate.is-warning + label:after {
  border-color: hsl(48deg, 100%, 67%);
}
.is-checkradio[type=checkbox]:indeterminate.is-danger + label::after, .is-checkradio[type=checkbox]:indeterminate.is-danger + label:after {
  border-color: hsl(348deg, 100%, 61%);
}

.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before {
  border-radius: 0%;
}
.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after {
  border-radius: 0%;
  background: #FF9700;
  left: 0;
  transform: scale(0.5);
}
.is-checkradio[type=radio]:checked.has-background-color + label::before, .is-checkradio[type=radio]:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio]:checked.has-background-color + label::after, .is-checkradio[type=radio]:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-rtl + label {
  padding-left: 0;
}
.is-checkradio[type=radio].is-rtl + label::after, .is-checkradio[type=radio].is-rtl + label:after {
  left: auto;
  right: 0;
}
.is-checkradio[type=radio] + label {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 2rem;
}
.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before, .is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after {
  width: 1.5rem;
  height: 1.5rem;
}
.is-checkradio[type=radio].is-rtl + label {
  padding-right: 2rem;
}
.is-checkradio[type=radio].is-small + label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding-left: 1.5rem;
}
.is-checkradio[type=radio].is-small + label::before, .is-checkradio[type=radio].is-small + label:before, .is-checkradio[type=radio].is-small + label::after, .is-checkradio[type=radio].is-small + label:after {
  width: 1.125rem;
  height: 1.125rem;
}
.is-checkradio[type=radio].is-small.is-rtl + label {
  padding-right: 1.5rem;
}
.is-checkradio[type=radio].is-medium + label {
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding-left: 2.5rem;
}
.is-checkradio[type=radio].is-medium + label::before, .is-checkradio[type=radio].is-medium + label:before, .is-checkradio[type=radio].is-medium + label::after, .is-checkradio[type=radio].is-medium + label:after {
  width: 1.875rem;
  height: 1.875rem;
}
.is-checkradio[type=radio].is-medium.is-rtl + label {
  padding-right: 2.5rem;
}
.is-checkradio[type=radio].is-large + label {
  font-size: 1.625rem;
  line-height: 2.4375rem;
  padding-left: 3.25rem;
}
.is-checkradio[type=radio].is-large + label::before, .is-checkradio[type=radio].is-large + label:before, .is-checkradio[type=radio].is-large + label::after, .is-checkradio[type=radio].is-large + label:after {
  width: 2.4375rem;
  height: 2.4375rem;
}
.is-checkradio[type=radio].is-large.is-rtl + label {
  padding-right: 3.25rem;
}
.is-checkradio[type=radio].is-white.has-background-color + label::before, .is-checkradio[type=radio].is-white.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-white:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:checked + label::after, .is-checkradio[type=radio].is-white:checked + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:checked.has-background-color + label::before, .is-checkradio[type=radio].is-white:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-white:checked.has-background-color + label::after, .is-checkradio[type=radio].is-white:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black.has-background-color + label::before, .is-checkradio[type=radio].is-black.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-black:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:checked + label::after, .is-checkradio[type=radio].is-black:checked + label:after {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:checked.has-background-color + label::before, .is-checkradio[type=radio].is-black:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 4%) !important;
  background-color: hsl(0deg, 0%, 4%) !important;
}
.is-checkradio[type=radio].is-black:checked.has-background-color + label::after, .is-checkradio[type=radio].is-black:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 100%) !important;
  background-color: hsl(0deg, 0%, 100%) !important;
}
.is-checkradio[type=radio].is-light.has-background-color + label::before, .is-checkradio[type=radio].is-light.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-light:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:checked + label::after, .is-checkradio[type=radio].is-light:checked + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:checked.has-background-color + label::before, .is-checkradio[type=radio].is-light:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-light:checked.has-background-color + label::after, .is-checkradio[type=radio].is-light:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark.has-background-color + label::before, .is-checkradio[type=radio].is-dark.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-dark:hover:not([disabled]) + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:checked + label::after, .is-checkradio[type=radio].is-dark:checked + label:after {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:checked.has-background-color + label::before, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:before {
  border-color: hsl(0deg, 0%, 21%) !important;
  background-color: hsl(0deg, 0%, 21%) !important;
}
.is-checkradio[type=radio].is-dark:checked.has-background-color + label::after, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:after {
  border-color: hsl(0deg, 0%, 96%) !important;
  background-color: hsl(0deg, 0%, 96%) !important;
}
.is-checkradio[type=radio].is-primary.has-background-color + label::before, .is-checkradio[type=radio].is-primary.has-background-color + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-primary:hover:not([disabled]) + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:checked + label::after, .is-checkradio[type=radio].is-primary:checked + label:after {
  border-color: hsl(171deg, 100%, 41%) !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:checked.has-background-color + label::before, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:before {
  border-color: hsl(171deg, 100%, 41%) !important;
  background-color: hsl(171deg, 100%, 41%) !important;
}
.is-checkradio[type=radio].is-primary:checked.has-background-color + label::after, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-link.has-background-color + label::before, .is-checkradio[type=radio].is-link.has-background-color + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-link:hover:not([disabled]) + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:checked + label::after, .is-checkradio[type=radio].is-link:checked + label:after {
  border-color: hsl(217deg, 71%, 53%) !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:checked.has-background-color + label::before, .is-checkradio[type=radio].is-link:checked.has-background-color + label:before {
  border-color: hsl(217deg, 71%, 53%) !important;
  background-color: hsl(217deg, 71%, 53%) !important;
}
.is-checkradio[type=radio].is-link:checked.has-background-color + label::after, .is-checkradio[type=radio].is-link:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-info.has-background-color + label::before, .is-checkradio[type=radio].is-info.has-background-color + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-info:hover:not([disabled]) + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:checked + label::after, .is-checkradio[type=radio].is-info:checked + label:after {
  border-color: hsl(204deg, 86%, 53%) !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:checked.has-background-color + label::before, .is-checkradio[type=radio].is-info:checked.has-background-color + label:before {
  border-color: hsl(204deg, 86%, 53%) !important;
  background-color: hsl(204deg, 86%, 53%) !important;
}
.is-checkradio[type=radio].is-info:checked.has-background-color + label::after, .is-checkradio[type=radio].is-info:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-success.has-background-color + label::before, .is-checkradio[type=radio].is-success.has-background-color + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-success:hover:not([disabled]) + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:checked + label::after, .is-checkradio[type=radio].is-success:checked + label:after {
  border-color: hsl(141deg, 71%, 48%) !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:checked.has-background-color + label::before, .is-checkradio[type=radio].is-success:checked.has-background-color + label:before {
  border-color: hsl(141deg, 71%, 48%) !important;
  background-color: hsl(141deg, 71%, 48%) !important;
}
.is-checkradio[type=radio].is-success:checked.has-background-color + label::after, .is-checkradio[type=radio].is-success:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}
.is-checkradio[type=radio].is-warning.has-background-color + label::before, .is-checkradio[type=radio].is-warning.has-background-color + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-warning:hover:not([disabled]) + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:checked + label::after, .is-checkradio[type=radio].is-warning:checked + label:after {
  border-color: hsl(48deg, 100%, 67%) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:checked.has-background-color + label::before, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:before {
  border-color: hsl(48deg, 100%, 67%) !important;
  background-color: hsl(48deg, 100%, 67%) !important;
}
.is-checkradio[type=radio].is-warning:checked.has-background-color + label::after, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:after {
  border-color: rgba(0, 0, 0, 0.7) !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.is-checkradio[type=radio].is-danger.has-background-color + label::before, .is-checkradio[type=radio].is-danger.has-background-color + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-danger:hover:not([disabled]) + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:checked + label::after, .is-checkradio[type=radio].is-danger:checked + label:after {
  border-color: hsl(348deg, 100%, 61%) !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:checked.has-background-color + label::before, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:before {
  border-color: hsl(348deg, 100%, 61%) !important;
  background-color: hsl(348deg, 100%, 61%) !important;
}
.is-checkradio[type=radio].is-danger:checked.has-background-color + label::after, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:after {
  border-color: #fff !important;
  background-color: #fff !important;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 3rem;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: hsl(0deg, 0%, 4%);
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: 290486px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: hsl(0deg, 0%, 96%);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-white:not(:hover)::after {
  border-color: hsl(0deg, 0%, 100%);
}
.select.is-white select {
  border-color: hsl(0deg, 0%, 100%);
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: #f2f2f2;
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover)::after {
  border-color: hsl(0deg, 0%, 4%);
}
.select.is-black select {
  border-color: hsl(0deg, 0%, 4%);
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: black;
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.1em rgba(10, 10, 10, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: hsl(0deg, 0%, 96%);
}
.select.is-light select {
  border-color: hsl(0deg, 0%, 96%);
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.1em rgba(245, 245, 245, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-dark select {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: #292929;
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.1em rgba(54, 54, 54, 0.25);
}
.select.is-primary:not(:hover)::after {
  border-color: hsl(171deg, 100%, 41%);
}
.select.is-primary select {
  border-color: hsl(171deg, 100%, 41%);
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: #00b89c;
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.1em rgba(0, 209, 178, 0.25);
}
.select.is-link:not(:hover)::after {
  border-color: hsl(217deg, 71%, 53%);
}
.select.is-link select {
  border-color: hsl(217deg, 71%, 53%);
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: #2366d1;
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.1em rgba(50, 115, 220, 0.25);
}
.select.is-info:not(:hover)::after {
  border-color: hsl(204deg, 86%, 53%);
}
.select.is-info select {
  border-color: hsl(204deg, 86%, 53%);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: #118fe4;
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.1em rgba(32, 156, 238, 0.25);
}
.select.is-success:not(:hover)::after {
  border-color: hsl(141deg, 71%, 48%);
}
.select.is-success select {
  border-color: hsl(141deg, 71%, 48%);
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: #20bc56;
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.1em rgba(35, 209, 96, 0.25);
}
.select.is-warning:not(:hover)::after {
  border-color: hsl(48deg, 100%, 67%);
}
.select.is-warning select {
  border-color: hsl(48deg, 100%, 67%);
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: #ffd83d;
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.1em rgba(255, 221, 87, 0.25);
}
.select.is-danger:not(:hover)::after {
  border-color: hsl(348deg, 100%, 61%);
}
.select.is-danger select {
  border-color: hsl(348deg, 100%, 61%);
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: #ff1f4b;
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.1em rgba(255, 56, 96, 0.25);
}
.select.is-small {
  border-radius: 6px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.625rem;
}
.select.is-disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.select.is-disabled select {
  pointer-events: none;
}
.select.is-disabled::after {
  border-color: hsl(0deg, 0%, 48%);
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.625rem;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: #f9f9f9;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: hsl(0deg, 0%, 4%);
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: #f2f2f2;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.file.is-black .file-cta {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: hsl(0deg, 0%, 100%);
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: black;
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.file.is-light .file-cta {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: #eeeeee;
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: hsl(0deg, 0%, 21%);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: hsl(0deg, 0%, 21%);
}
.file.is-dark .file-cta {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: #2f2f2f;
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  color: hsl(0deg, 0%, 96%);
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: #292929;
  border-color: transparent;
  color: hsl(0deg, 0%, 96%);
}
.file.is-primary .file-cta {
  background-color: hsl(171deg, 100%, 41%);
  border-color: transparent;
  color: #fff;
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  color: #fff;
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}
.file.is-link .file-cta {
  background-color: hsl(217deg, 71%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: #276cda;
  border-color: transparent;
  color: #fff;
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  color: #fff;
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: #2366d1;
  border-color: transparent;
  color: #fff;
}
.file.is-info .file-cta {
  background-color: hsl(204deg, 86%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: #1496ed;
  border-color: transparent;
  color: #fff;
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
  color: #fff;
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: #118fe4;
  border-color: transparent;
  color: #fff;
}
.file.is-success .file-cta {
  background-color: hsl(141deg, 71%, 48%);
  border-color: transparent;
  color: #fff;
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: #22c65b;
  border-color: transparent;
  color: #fff;
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
  color: #fff;
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: #20bc56;
  border-color: transparent;
  color: #fff;
}
.file.is-warning .file-cta {
  background-color: hsl(48deg, 100%, 67%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: #ffdb4a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: #ffd83d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-danger .file-cta {
  background-color: hsl(348deg, 100%, 61%);
  border-color: transparent;
  color: #fff;
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: #ff2b56;
  border-color: transparent;
  color: #fff;
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
  color: #fff;
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: #ff1f4b;
  border-color: transparent;
  color: #fff;
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.625rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: #eeeeee;
  color: hsl(0deg, 0%, 21%);
}
.file-label:hover .file-name {
  border-color: #d5d5d5;
}
.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: hsl(0deg, 0%, 21%);
}
.file-label:active .file-name {
  border-color: #cfcfcf;
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: hsl(0deg, 0%, 86%);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 29%);
}

.file-name {
  border-color: hsl(0deg, 0%, 86%);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}

.label {
  color: hsl(0deg, 0%, 21%);
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.75rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.625rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: hsl(0deg, 0%, 100%);
}
.help.is-black {
  color: hsl(0deg, 0%, 4%);
}
.help.is-light {
  color: hsl(0deg, 0%, 96%);
}
.help.is-dark {
  color: hsl(0deg, 0%, 21%);
}
.help.is-primary {
  color: hsl(171deg, 100%, 41%);
}
.help.is-link {
  color: hsl(217deg, 71%, 53%);
}
.help.is-info {
  color: hsl(204deg, 86%, 53%);
}
.help.is-success {
  color: hsl(141deg, 71%, 48%);
}
.help.is-warning {
  color: hsl(48deg, 100%, 67%);
}
.help.is-danger {
  color: hsl(348deg, 100%, 61%);
}

.field:not(:last-child) {
  margin-bottom: 1rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field.is-nested {
  position: relative;
}
@media screen and (min-width: 1118px) {
  .field.is-nested .control:first-child {
    min-width: 325px;
  }
}
@media screen and (max-width: 768px) {
  .field.is-nested .control:first-child {
    width: 100%;
  }
}
.field.is-nested .control:first-child:not(:only-child) .input {
  border-radius: 4px;
}
.field.is-nested .control:last-child {
  position: absolute;
  z-index: 5;
  right: 0;
}
.field.is-nested .control .button {
  min-width: auto;
  background-color: transparent;
  color: black;
}
.field.is-merged .control .input {
  border-right-color: transparent !important;
}
.field.is-merged .control .button {
  min-width: auto;
  border-left: none;
}
.field.is-merged .control > *:hover {
  border-color: hsl(0deg, 0%, 86%);
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.625rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control, .control.is-material {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: left;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: hsl(0deg, 0%, 48%);
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.625rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: hsl(0deg, 0%, 86%);
  height: 3rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 3rem;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 3rem;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 3rem;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.625rem;
}

.control.is-material .label {
  position: absolute;
  pointer-events: none;
  top: 0.85rem;
  left: 1rem;
  z-index: 1;
  color: #949494;
  font-size: 0.85rem;
  transition: all 0.15s ease;
  background-color: #fff;
  padding: 0 0.5rem;
  font-weight: normal;
}
.control.is-material .input::-moz-placeholder {
  opacity: 0;
}
.control.is-material .input::-webkit-input-placeholder {
  opacity: 0;
}
.control.is-material .input:-moz-placeholder {
  opacity: 0;
}
.control.is-material .input:-ms-input-placeholder {
  opacity: 0;
}
.control.is-material .select ~ .label,
.control.is-material input:focus ~ .label,
.control.is-material input:valid ~ .label,
.control.is-material textarea:focus ~ .label,
.control.is-material textarea:valid ~ .label {
  top: -0.5rem;
  left: 0.75rem;
  font-size: 0.65rem;
  color: hsl(0deg, 0%, 4%);
  font-weight: bold;
}
.control.is-material .select::-moz-placeholder,
.control.is-material input:focus::-moz-placeholder,
.control.is-material input:valid::-moz-placeholder,
.control.is-material textarea:focus::-moz-placeholder,
.control.is-material textarea:valid::-moz-placeholder {
  opacity: 1;
}
.control.is-material .select::-webkit-input-placeholder,
.control.is-material input:focus::-webkit-input-placeholder,
.control.is-material input:valid::-webkit-input-placeholder,
.control.is-material textarea:focus::-webkit-input-placeholder,
.control.is-material textarea:valid::-webkit-input-placeholder {
  opacity: 1;
}
.control.is-material .select:-moz-placeholder,
.control.is-material input:focus:-moz-placeholder,
.control.is-material input:valid:-moz-placeholder,
.control.is-material textarea:focus:-moz-placeholder,
.control.is-material textarea:valid:-moz-placeholder {
  opacity: 1;
}
.control.is-material .select:-ms-input-placeholder,
.control.is-material input:focus:-ms-input-placeholder,
.control.is-material input:valid:-ms-input-placeholder,
.control.is-material textarea:focus:-ms-input-placeholder,
.control.is-material textarea:valid:-ms-input-placeholder {
  opacity: 1;
}

.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: hsl(217deg, 71%, 53%);
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}
.breadcrumb a:hover {
  color: hsl(0deg, 0%, 21%);
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: hsl(0deg, 0%, 21%);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: hsl(0deg, 0%, 71%);
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.75rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.625rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}

.card {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
  max-width: 100%;
  position: relative;
  border-radius: 4px;
}

.card-header {
  background-color: transparent;
  align-items: stretch;
  display: flex;
}

.card-header-title {
  align-items: center;
  color: hsl(0deg, 0%, 21%);
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
}
.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1.5rem;
}

.card-image {
  display: block;
  position: relative;
}

.card-content {
  background-color: transparent;
  padding: 0.75rem 1.5rem;
}

.card-footer {
  background-color: transparent;
  align-items: stretch;
  display: flex;
  padding: 0.75rem 1.5rem 1.5rem 1.5rem;
  flex-direction: column;
  align-items: center;
}
.card-footer.is-centered {
  justify-content: center;
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: hsl(0deg, 0%, 100%);
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  color: hsl(0deg, 0%, 29%);
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 4%);
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}

.dropdown-divider {
  background-color: hsl(0deg, 0%, 86%);
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}
.level code {
  border-radius: 4px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.list {
  background-color: hsl(0deg, 0%, 100%);
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.list-item {
  display: block;
  padding: 0.5em 1em;
}
.list-item:not(a) {
  color: hsl(0deg, 0%, 4%);
}
.list-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.list-item:not(:last-child) {
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
}
.list-item.is-active {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}

a.list-item {
  background-color: hsl(0deg, 0%, 96%);
  cursor: pointer;
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: left;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.menu {
  font-size: 1rem;
}
.menu.is-small {
  font-size: 0.75rem;
}
.menu.is-medium {
  font-size: 1.25rem;
}
.menu.is-large {
  font-size: 1.625rem;
}

.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: 6px;
  color: hsl(0deg, 0%, 4%);
  display: block;
  padding: 0.5em 0.75em;
}
.menu-list a.is-active {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}
.menu-list li ul {
  border-left: 1px solid hsl(0deg, 0%, 86%);
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: hsl(0deg, 0%, 48%);
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: hsl(0deg, 0%, 96%);
  border-radius: 4px;
  font-size: 1rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: 0.75rem;
}
.message.is-medium {
  font-size: 1.25rem;
}
.message.is-large {
  font-size: 1.625rem;
}
.message.is-white {
  background-color: white;
}
.message.is-white .message-header {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.message.is-white .message-body {
  border-color: hsl(0deg, 0%, 100%);
  color: #4d4d4d;
}
.message.is-black {
  background-color: #fafafa;
}
.message.is-black .message-header {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.message.is-black .message-body {
  border-color: hsl(0deg, 0%, 4%);
  color: #0a0a0a;
}
.message.is-light {
  background-color: #fafafa;
}
.message.is-light .message-header {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.message.is-light .message-body {
  border-color: hsl(0deg, 0%, 96%);
  color: #4f4f4f;
}
.message.is-dark {
  background-color: #fafafa;
}
.message.is-dark .message-header {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.message.is-dark .message-body {
  border-color: hsl(0deg, 0%, 21%);
  color: #2a2a2a;
}
.message.is-primary {
  background-color: #f5fffd;
}
.message.is-primary .message-header {
  background-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.message.is-primary .message-body {
  border-color: hsl(171deg, 100%, 41%);
  color: #021310;
}
.message.is-link {
  background-color: #f6f9fe;
}
.message.is-link .message-header {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}
.message.is-link .message-body {
  border-color: hsl(217deg, 71%, 53%);
  color: #22509a;
}
.message.is-info {
  background-color: #f6fbfe;
}
.message.is-info .message-header {
  background-color: hsl(204deg, 86%, 53%);
  color: #fff;
}
.message.is-info .message-body {
  border-color: hsl(204deg, 86%, 53%);
  color: #12537e;
}
.message.is-success {
  background-color: #f6fef9;
}
.message.is-success .message-header {
  background-color: hsl(141deg, 71%, 48%);
  color: #fff;
}
.message.is-success .message-body {
  border-color: hsl(141deg, 71%, 48%);
  color: #0e311a;
}
.message.is-warning {
  background-color: #fffdf5;
}
.message.is-warning .message-header {
  background-color: hsl(48deg, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.message.is-warning .message-body {
  border-color: hsl(48deg, 100%, 67%);
  color: #3c3108;
}
.message.is-danger {
  background-color: #fff5f7;
}
.message.is-danger .message-header {
  background-color: hsl(348deg, 100%, 61%);
  color: #fff;
}
.message.is-danger .message-body {
  border-color: hsl(348deg, 100%, 61%);
  color: #cd0930;
}

.message-header {
  align-items: center;
  background-color: hsl(0deg, 0%, 4%);
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: hsl(0deg, 0%, 86%);
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: hsl(0deg, 0%, 4%);
  padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
  background-color: hsl(0deg, 0%, 100%);
}
.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}
.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: hsl(0deg, 0%, 96%);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.modal-card-title {
  color: hsl(0deg, 0%, 21%);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.625rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: 1px solid hsl(0deg, 0%, 86%);
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0deg, 0%, 100%);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar,
.navbar-menu,
.navbar-start,
.navbar-end,
.navbar-brand,
.navbar-item,
.navbar-link,
.logo-container,
.navbar .container {
  display: flex;
}

.navbar-container {
  max-width: 100%;
}

.navbar {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  z-index: 30;
  background-color: hsl(0deg, 0%, 100%);
  height: 5.5rem;
  border-bottom: 1px solid #f2f2f2;
}

.navbar-brand {
  align-items: stretch;
  flex-shrink: 0;
  height: 5.5rem;
}

.has-icon.burger-container {
  display: none;
  border-right: 1px solid #f2f2f2;
}

.navbar-burger {
  cursor: pointer;
  display: block;
  height: 24px;
  position: relative;
  width: 35px;
  color: hsl(0deg, 0%, 29%);
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 9px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 4px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 1px);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.navbar-item,
.navbar-link {
  color: hsl(0deg, 0%, 29%);
  align-items: center;
  line-height: 1.5;
  padding: 8px 12px;
}

.has-icon.is-tab {
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
}

.navbar-link {
  position: relative;
}
.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: #0B0B0B;
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-item.has-dropdown {
  padding: 0;
  align-items: stretch;
}
.navbar-item .logo-container {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.navbar-item .logo-container img {
  max-width: 100px;
  max-height: 33px;
}

.navbar-dropdown {
  font-size: 0.875rem;
  display: none;
  width: 100%;
}

.product-dropdown .container {
  padding: 0;
  justify-content: center;
}
.product-dropdown .card .product-card-title {
  margin-bottom: 0;
}
.product-dropdown .card .card-content {
  padding: 10px 0;
}
.product-dropdown .card .card-footer {
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}
.product-dropdown .columns:last-child {
  margin-bottom: 0;
}

.about-dropdown {
  text-align: left;
}
.about-dropdown a {
  color: hsl(0deg, 0%, 4%);
  padding: 7.5px 0;
}
.about-dropdown .columns {
  width: 100%;
}
.about-dropdown .top-level-column .column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.about-dropdown .top-level-column .column a {
  flex: 0 0 48%;
}

.is-search {
  height: 200px;
}
.is-search .container {
  height: 100%;
  align-items: center;
}
.is-search .container form {
  width: 100%;
  border-bottom: 1px solid #232323;
  padding-bottom: 15px;
}
.is-search .container form .input {
  background-color: transparent;
}
.is-search .container form .icon.is-right {
  color: #dbdbdb;
  width: 240px;
}
.is-search .container form .input,
.is-search .container form .input:focus {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.is-search .container form .input-icon {
  margin-left: 20px;
}

.navbar-menu {
  flex-grow: 1;
}

.navbar-start {
  justify-content: flex-start;
  margin-right: auto;
  margin-left: 20px;
}

.navbar-end {
  justify-content: flex-end;
  margin-left: auto;
}

.has-right-border {
  position: relative;
}
.has-right-border::after {
  content: "";
  width: 1px;
  height: 40px;
  background-color: #f2f2f2;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.navbar-overlay {
  opacity: 0;
  position: fixed;
  pointer-events: none;
  top: 120px;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.7);
}
.navbar-overlay.active {
  opacity: 1;
}

@media screen and (max-width: 1119px) {
  .navbar-container,
  .navbar-start,
  .navbar-end {
    margin: 0;
  }
  .navbar {
    height: 60px;
  }
  .navbar .navbar-container {
    justify-content: space-between;
    padding: 0;
  }
  .navbar .has-icon.burger-container {
    display: flex;
  }
  .navbar .has-icon.burger-container:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .navbar .basket-button {
    border-left: 1px solid #f2f2f2;
  }
  .navbar .has-right-border::after {
    display: none;
  }
  .navbar-brand {
    height: 60px;
  }
  .navbar-brand .logo-container {
    margin-right: 0;
  }
  .navbar-menu,
  .account-navbar {
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    position: fixed;
    z-index: 7;
    top: 90px;
    bottom: 0;
    overflow: auto;
    background-color: hsl(0deg, 0%, 100%);
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0;
    display: flex;
    left: -501px;
    transition: left 0.25s ease;
  }
  .navbar-menu.is-active,
  .account-navbar.is-active {
    left: 0;
  }
  .navbar-start {
    flex-direction: column;
    justify-content: flex-start;
    order: 2;
  }
  .navbar-start .navbar-item:not(.has-dropdown),
  .navbar-start .has-dropdown .navbar-link {
    margin: 0 7%;
    padding: 30px 0;
    border-bottom: 1px solid #f2f2f2;
  }
  .navbar-start .navbar-item:not(.has-dropdown):not(.is-arrowless)::after,
  .navbar-start .has-dropdown .navbar-link:not(.is-arrowless)::after {
    right: 7%;
  }
  .navbar-start .navbar-item.has-dropdown {
    flex-direction: column;
  }
  .navbar-end {
    order: 1;
    justify-content: space-between;
    background-color: hsl(0deg, 0%, 4%);
  }
  .navbar-end .navbar-item {
    flex: 1;
    border: 1px solid #3E3E3E;
    justify-content: center;
    padding: 20px 0;
  }
  .navbar-end .navbar-item.geo-button {
    order: 3;
  }
  .navbar-end .navbar-item.account-button {
    order: 1;
  }
  .navbar-end .navbar-item.search-button {
    order: 2;
  }
  .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar-end .is-search {
    display: block;
    z-index: 11;
    position: absolute;
    top: 84px;
    height: 80px;
    border-bottom: 1px solid #3E3E3E;
  }
  .navbar-end .is-search .container {
    align-items: center;
    background-color: hsl(0deg, 0%, 4%);
    margin: 0;
    padding: 0 20px;
  }
  .navbar-end .is-search .container form {
    padding-bottom: 0;
  }
  .navbar-end .is-search .container input {
    color: #ffffff;
  }
  .navbar-end .is-search .container input.is-large {
    font-size: 14px;
  }
  .navbar-end .is-search .container input::placeholder {
    color: #ffffff;
    font-size: 14px;
  }
  .navbar-dropdown {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s;
  }
  .product-dropdown {
    margin-top: -1px;
  }
  .product-dropdown .container {
    margin: 0;
  }
  .product-dropdown .container .columns {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 6%;
    justify-content: space-between;
    position: relative;
  }
  .product-dropdown .container .columns .column {
    margin-top: 10px;
    margin-bottom: 10px;
    flex: 0 0 47%;
    align-self: stretch;
  }
  .product-dropdown .container .columns .column .card-image {
    width: 80%;
    margin: 0 auto;
  }
  .product-dropdown .container .columns .column .card-content {
    padding: 0;
  }
  .product-dropdown .container .columns .column .card-content .product-card-subtitle {
    display: none;
  }
  .product-dropdown .huel-collection-button {
    margin: 0 6% 20px;
  }
  .about-dropdown {
    background-color: #f2f2f2;
    margin-top: -1px;
  }
  .about-dropdown .container {
    padding: 0 7%;
    margin: 0;
  }
  .about-dropdown .columns {
    flex-direction: column;
  }
  .about-dropdown .top-level-column {
    display: flex;
    flex-direction: column;
  }
  .about-dropdown .top-level-column:first-child h3 {
    margin-top: 20px;
  }
  .about-dropdown .top-level-column:last-child {
    padding-bottom: 30px;
  }
  .about-dropdown .top-level-column .column {
    flex-direction: column;
  }
  .navbar-overlay {
    top: 90px;
  }
  .account-navbar .navbar-item {
    background-color: hsl(0deg, 0%, 100%);
    padding: 30px;
  }
  .account-navbar .navbar-item:first-child {
    background-color: white;
    color: initial;
    margin-bottom: 0;
  }
  .account-navbar .navbar-item .account-nav-container {
    flex-grow: 1;
  }
  .account-navbar .navbar-item .account-nav-container .media + .media {
    margin-top: 30px;
    padding-top: 30px;
  }
  .account-navbar .navbar-item .account-nav-container .media {
    align-items: center;
  }
  .account-navbar .navbar-item.return-to-shop {
    border-bottom: 1px solid #3E3E3E;
    background-color: #0a0a0a;
    color: #fff;
    margin-bottom: 0;
  }
  .account-navbar .navbar-group {
    padding-left: 30px;
    padding-right: 30px;
    background-color: white;
  }
  .account-navbar .navbar-group .navbar-item {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #f2f2f2;
  }
  .mobile-overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 84px;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.25s;
  }
  .mobile-overlay.is-active {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (min-width: 1120px) {
  .navbar-link,
  .is-tab {
    border-bottom: 2px solid transparent;
    transition: border-color 0.25s;
  }
  .navbar-link:hover, .navbar-link:focus-within, .navbar-link:focus,
  .is-tab:hover,
  .is-tab:focus-within,
  .is-tab:focus {
    border-bottom: 2px solid #0B0B0B;
  }
  .navbar-dropdown {
    display: block;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 101%;
    z-index: 20;
    background-color: hsl(0deg, 0%, 100%);
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    transition: all 0.25s;
  }
  .product-dropdown .container {
    max-width: 1315px;
  }
  .product-dropdown .container .columns {
    width: 100%;
    margin: 40px 20px;
  }
  .product-dropdown .container .columns .column {
    margin-left: 20px;
    margin-right: 20px;
  }
  .about-dropdown .container {
    max-width: 1120px;
  }
  .about-dropdown .top-level-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 250px;
    padding: 0 100px;
  }
  .about-dropdown .top-level-column:first-child {
    border-right: 1px solid #f2f2f2;
  }
  .about-dropdown .top-level-column .columns {
    justify-content: flex-start;
  }
  .about-dropdown .top-level-column .columns .column {
    display: flex;
    flex-direction: row;
  }
  .input-icon svg {
    height: 28px;
    width: 28px;
  }
  .burger-container,
  .basket-button {
    padding: 8px 31px;
  }
  .account-navbar {
    display: none;
  }
}
.infobar {
  top: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
  height: 30px;
  padding: 0 20px;
}

.infobar-container {
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
}

.slide {
  flex: 0 0 100%;
  transition: transform 0.4s ease-in-out;
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination.is-small {
  font-size: 0.75rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.625rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 290486px;
}
.pagination.is-rounded .pagination-link {
  border-radius: 290486px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: hsl(0deg, 0%, 86%);
  color: hsl(0deg, 0%, 21%);
  min-width: 3rem;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: hsl(0deg, 0%, 71%);
  color: hsl(0deg, 0%, 21%);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: hsl(217deg, 71%, 53%);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
  background-color: hsl(0deg, 0%, 86%);
  border-color: hsl(0deg, 0%, 86%);
  box-shadow: none;
  color: #f2f2f2;
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: hsl(217deg, 71%, 53%);
  border-color: hsl(217deg, 71%, 53%);
  color: #fff;
}

.pagination-ellipsis {
  color: hsl(0deg, 0%, 71%);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}

.panel-heading,
.panel-footer,
.panel-tabs,
.panel-block {
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
  border-left: 1px solid hsl(0deg, 0%, 86%);
  border-right: 1px solid hsl(0deg, 0%, 86%);
}
.panel-heading:first-child,
.panel-tabs:first-child,
.panel-block:first-child,
.panel-footer:first-child {
  border-top: 1px solid hsl(0deg, 0%, 86%);
}

.panel-heading, .panel-footer {
  background-color: hsl(0deg, 0%, 96%);
  border-radius: 4px 4px 0 0;
  color: hsl(0deg, 0%, 21%);
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
  font-size: 0.875rem;
  line-height: 1.25;
  padding: 0.5em 0.75em;
}

.panel-footer {
  border-radius: 0 0 4px 4px;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}
.panel-tabs .panel-tab {
  border-bottom: 1px solid hsl(0deg, 0%, 86%);
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs .panel-tab.is-active {
  border-bottom-color: hsl(0deg, 0%, 29%);
  color: hsl(0deg, 0%, 21%);
}
.panel-tabs .panel-tab:hover {
  cursor: pointer;
}

.panel-list a {
  color: hsl(0deg, 0%, 4%);
}
.panel-list a:hover {
  color: hsl(217deg, 71%, 53%);
}

.panel-block {
  align-items: center;
  color: hsl(0deg, 0%, 21%);
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-justified {
  justify-content: space-between;
}
.panel-block.is-active {
  border-left-color: hsl(217deg, 71%, 53%);
  color: hsl(0deg, 0%, 21%);
}
.panel-block.is-active .panel-icon {
  color: hsl(217deg, 71%, 53%);
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: hsl(0deg, 0%, 96%);
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: hsl(0deg, 0%, 48%);
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: hsl(0deg, 0%, 86%);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: hsl(0deg, 0%, 4%);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 21%);
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: hsl(217deg, 71%, 53%);
  color: hsl(217deg, 71%, 53%);
}
.tabs ul {
  align-items: center;
  border-bottom-color: hsl(0deg, 0%, 86%);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.tabs.is-boxed a:hover {
  background-color: hsl(0deg, 0%, 96%);
  border-bottom-color: hsl(0deg, 0%, 86%);
}
.tabs.is-boxed li.is-active a {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 86%);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: hsl(0deg, 0%, 86%);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 71%);
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-radius: 4px 0 0 4px;
}
.tabs.is-toggle li:last-child a {
  border-radius: 0 4px 4px 0;
}
.tabs.is-toggle li.is-active a {
  background-color: hsl(217deg, 71%, 53%);
  border-color: hsl(217deg, 71%, 53%);
  color: #fff;
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 290486px;
  border-top-left-radius: 290486px;
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 290486px;
  border-top-right-radius: 290486px;
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.625rem;
}

.modal.is-full-screen > .animation-content,
.modal.is-full-screen > .animation-content > .modal-card {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  margin: 0;
  background-color: #ffffff;
}
.modal .animation-content {
  margin: 0 20px;
}
.modal .animation-content .modal-card {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .modal .animation-content {
    width: 100%;
  }
}
.modal .modal-content {
  width: 100%;
}

.dialog .modal-card {
  max-width: 460px;
  width: auto;
}
.dialog .modal-card .modal-card-head {
  font-size: 1.25rem;
  font-weight: 600;
}
.dialog .modal-card .modal-card-body .field {
  margin-top: 16px;
}
.dialog .modal-card .modal-card-body.is-titleless {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.dialog .modal-card .modal-card-foot {
  justify-content: flex-end;
}
.dialog .modal-card .modal-card-foot .button {
  display: inline;
  min-width: 5em;
  font-weight: 600;
}
@media screen and (min-width: 769px), print {
  .dialog .modal-card {
    min-width: 320px;
  }
}
.dialog.is-small .modal-card,
.dialog.is-small .input,
.dialog.is-small .button {
  border-radius: 6px;
  font-size: 0.75rem;
}
.dialog.is-medium .modal-card,
.dialog.is-medium .input,
.dialog.is-medium .button {
  font-size: 1.25rem;
}
.dialog.is-large .modal-card,
.dialog.is-large .input,
.dialog.is-large .button {
  font-size: 1.625rem;
}

.huel-radio.radio {
  width: 100%;
  outline: none;
  display: inline-flex;
  align-items: center;
  transition: none;
  border-radius: 0 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.huel-radio.radio + .radio {
  margin-left: 0.5em;
}
.huel-radio.radio input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}
.huel-radio.radio input[type=radio] + .check {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #f2f2f2;
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.huel-radio.radio input[type=radio] + .check:before {
  content: "";
  border-radius: 50%;
  width: 0.625em;
  height: 0.625em;
  background: hsl(171deg, 100%, 41%);
  transform: scale(0);
  transition: transform 0.2s ease-out;
}
.huel-radio.radio input[type=radio] + .check.is-white:before {
  background: hsl(0deg, 0%, 100%);
}
.huel-radio.radio input[type=radio] + .check.is-black:before {
  background: hsl(0deg, 0%, 4%);
}
.huel-radio.radio input[type=radio] + .check.is-light:before {
  background: hsl(0deg, 0%, 96%);
}
.huel-radio.radio input[type=radio] + .check.is-dark:before {
  background: hsl(0deg, 0%, 21%);
}
.huel-radio.radio input[type=radio] + .check.is-primary:before {
  background: hsl(171deg, 100%, 41%);
}
.huel-radio.radio input[type=radio] + .check.is-link:before {
  background: hsl(217deg, 71%, 53%);
}
.huel-radio.radio input[type=radio] + .check.is-info:before {
  background: hsl(204deg, 86%, 53%);
}
.huel-radio.radio input[type=radio] + .check.is-success:before {
  background: hsl(141deg, 71%, 48%);
}
.huel-radio.radio input[type=radio] + .check.is-warning:before {
  background: hsl(48deg, 100%, 67%);
}
.huel-radio.radio input[type=radio] + .check.is-danger:before {
  background: hsl(348deg, 100%, 61%);
}
.huel-radio.radio input[type=radio]:checked + .check {
  border-color: hsl(171deg, 100%, 41%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-white {
  border-color: hsl(0deg, 0%, 100%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-black {
  border-color: hsl(0deg, 0%, 4%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-light {
  border-color: hsl(0deg, 0%, 96%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-dark {
  border-color: hsl(0deg, 0%, 21%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-primary {
  border-color: hsl(171deg, 100%, 41%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-link {
  border-color: hsl(217deg, 71%, 53%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-info {
  border-color: hsl(204deg, 86%, 53%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-success {
  border-color: hsl(141deg, 71%, 48%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-warning {
  border-color: hsl(48deg, 100%, 67%);
}
.huel-radio.radio input[type=radio]:checked + .check.is-danger {
  border-color: hsl(348deg, 100%, 61%);
}
.huel-radio.radio input[type=radio]:checked + .check:before {
  transform: scale(1);
}
.huel-radio.radio .control-label {
  padding-left: 0.5em;
}
.huel-radio.radio[disabled] {
  opacity: 0.5;
}
.huel-radio.radio:hover input[type=radio] + .check {
  border-color: hsl(171deg, 100%, 41%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-white {
  border-color: hsl(0deg, 0%, 100%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-black {
  border-color: hsl(0deg, 0%, 4%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-light {
  border-color: hsl(0deg, 0%, 96%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-dark {
  border-color: hsl(0deg, 0%, 21%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-primary {
  border-color: hsl(171deg, 100%, 41%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-link {
  border-color: hsl(217deg, 71%, 53%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-info {
  border-color: hsl(204deg, 86%, 53%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-success {
  border-color: hsl(141deg, 71%, 48%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-warning {
  border-color: hsl(48deg, 100%, 67%);
}
.huel-radio.radio:hover input[type=radio] + .check.is-danger {
  border-color: hsl(348deg, 100%, 61%);
}
.huel-radio.radio:focus input[type=radio] + .check {
  box-shadow: 0 0 0.5em rgba(242, 242, 242, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check {
  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-white {
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-black {
  box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-light {
  box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-dark {
  box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-primary {
  box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-link {
  box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-info {
  box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-success {
  box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-warning {
  box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8);
}
.huel-radio.radio:focus input[type=radio]:checked + .check.is-danger {
  box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8);
}
.huel-radio.radio.is-small {
  border-radius: 6px;
  font-size: 0.75rem;
}
.huel-radio.radio.is-medium {
  font-size: 1.25rem;
}
.huel-radio.radio.is-large {
  font-size: 1.625rem;
}

.quantity-select .button {
  border-radius: 0 !important;
  font-size: 1.1rem;
  background-color: transparent;
  color: grey;
  border-left-color: #dbdbdb;
  min-width: auto;
  height: 5.5rem;
  padding-left: 1em;
  padding-right: 1em;
}
.quantity-select .button:hover {
  color: grey;
  border-left-color: #dbdbdb;
  background-color: transparent;
}
.quantity-select .control:not(:last-child) .button {
  border-right-color: #dbdbdb;
}
.quantity-select .qty-control {
  min-width: 45px;
  text-align: center;
}
.quantity-select .qty-control .qty-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 0.75rem;
  height: 3rem;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
  font-size: 0.875rem;
  font-weight: bold;
  height: 5.5rem;
}
.quantity-select .qty-control .qty-input:focus, .quantity-select .qty-control .qty-input.is-focused, .quantity-select .qty-control .qty-input:active, .quantity-select .qty-control .qty-input.is-active {
  outline: none;
}
.quantity-select .qty-control .qty-input[disabled], fieldset[disabled] .quantity-select .qty-control .qty-input {
  cursor: not-allowed;
}

.variant-block {
  padding: 0;
}
.variant-block .variant-field {
  padding-left: 1rem;
}

.notices {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2em;
  overflow: hidden;
  z-index: 100000;
  pointer-events: none;
}
.notices .toast {
  display: inline-flex;
  animation-duration: 0.5s;
  margin: 0.5em 0;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 2em;
  padding: 0.75em 1.5em;
  pointer-events: auto;
  opacity: 0.92;
}
.notices .toast.is-white {
  color: hsl(0deg, 0%, 4%);
  background: hsl(0deg, 0%, 100%);
}
.notices .toast.is-black {
  color: hsl(0deg, 0%, 100%);
  background: hsl(0deg, 0%, 4%);
}
.notices .toast.is-light {
  color: hsl(0deg, 0%, 21%);
  background: hsl(0deg, 0%, 96%);
}
.notices .toast.is-dark {
  color: hsl(0deg, 0%, 96%);
  background: hsl(0deg, 0%, 21%);
}
.notices .toast.is-primary {
  color: #fff;
  background: hsl(171deg, 100%, 41%);
}
.notices .toast.is-link {
  color: #fff;
  background: hsl(217deg, 71%, 53%);
}
.notices .toast.is-info {
  color: #fff;
  background: hsl(204deg, 86%, 53%);
}
.notices .toast.is-success {
  color: #fff;
  background: hsl(141deg, 71%, 48%);
}
.notices .toast.is-warning {
  color: rgba(0, 0, 0, 0.7);
  background: hsl(48deg, 100%, 67%);
}
.notices .toast.is-danger {
  color: #fff;
  background: hsl(348deg, 100%, 61%);
}
.notices .snackbar {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  animation-duration: 0.4s;
  margin: 0.5em 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  pointer-events: auto;
  background: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
  min-height: 3em;
}
.notices .snackbar .text {
  padding: 0.5em 1em;
}
.notices .snackbar .action {
  margin-left: auto;
  padding: 0.5em;
  padding-left: 0;
}
.notices .snackbar .action .button {
  font-weight: 600;
  text-transform: uppercase;
}
.notices .snackbar .action.is-white .button {
  color: hsl(0deg, 0%, 100%);
}
.notices .snackbar .action.is-black .button {
  color: hsl(0deg, 0%, 4%);
}
.notices .snackbar .action.is-light .button {
  color: hsl(0deg, 0%, 96%);
}
.notices .snackbar .action.is-dark .button {
  color: hsl(0deg, 0%, 21%);
}
.notices .snackbar .action.is-primary .button {
  color: hsl(171deg, 100%, 41%);
}
.notices .snackbar .action.is-link .button {
  color: hsl(217deg, 71%, 53%);
}
.notices .snackbar .action.is-info .button {
  color: hsl(204deg, 86%, 53%);
}
.notices .snackbar .action.is-success .button {
  color: hsl(141deg, 71%, 48%);
}
.notices .snackbar .action.is-warning .button {
  color: hsl(48deg, 100%, 67%);
}
.notices .snackbar .action.is-danger .button {
  color: hsl(348deg, 100%, 61%);
}
@media screen and (max-width: 768px) {
  .notices .snackbar {
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 769px), print {
  .notices .snackbar {
    min-width: 350px;
    max-width: 600px;
    overflow: hidden;
  }
}
.notices .toast.is-top, .notices .toast.is-bottom,
.notices .snackbar.is-top,
.notices .snackbar.is-bottom {
  align-self: center;
}
.notices .toast.is-top-right, .notices .toast.is-bottom-right,
.notices .snackbar.is-top-right,
.notices .snackbar.is-bottom-right {
  align-self: flex-end;
}
.notices .toast.is-top-left, .notices .toast.is-bottom-left,
.notices .snackbar.is-top-left,
.notices .snackbar.is-bottom-left {
  align-self: flex-start;
}
.notices .toast.is-toast,
.notices .snackbar.is-toast {
  opacity: 0.92;
}
.notices.is-top {
  flex-direction: column;
}
.notices.is-bottom {
  flex-direction: column-reverse;
}
.notices.has-custom-container {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .notices {
    padding: 0;
    position: fixed !important;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

/**
* Vue Transitions
*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease-out;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.zoom-in-enter-active,
.zoom-in-leave-active {
  transition: opacity 0.5s ease-out;
}
.zoom-in-enter-active .animation-content,
.zoom-in-enter-active .animation-content,
.zoom-in-leave-active .animation-content,
.zoom-in-leave-active .animation-content {
  transition: transform 0.5s ease-out;
}

.zoom-in-enter,
.zoom-in-leave-active {
  opacity: 0;
}
.zoom-in-enter .animation-content,
.zoom-in-enter .animation-content,
.zoom-in-leave-active .animation-content,
.zoom-in-leave-active .animation-content {
  transform: scale(0.95);
}

.zoom-out-enter-active,
.zoom-out-leave-active {
  transition: opacity 0.5s ease-out;
}
.zoom-out-enter-active .animation-content,
.zoom-out-enter-active .animation-content,
.zoom-out-leave-active .animation-content,
.zoom-out-leave-active .animation-content {
  transition: transform 0.5s ease-out;
}

.zoom-out-enter,
.zoom-out-leave-active {
  opacity: 0;
}
.zoom-out-enter .animation-content,
.zoom-out-enter .animation-content,
.zoom-out-leave-active .animation-content,
.zoom-out-leave-active .animation-content {
  transform: scale(1.05);
}

.slide-next-enter-active,
.slide-next-leave-active,
.slide-prev-enter-active,
.slide-prev-leave-active {
  transition: transform 0.5ser cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.slide-prev-leave-to, .slide-next-enter {
  transform: translate3d(-100%, 0, 0);
  position: absolute;
  width: 100%;
}

.slide-prev-enter, .slide-next-leave-to {
  transform: translate3d(100%, 0, 0);
  position: absolute;
  width: 100%;
}

.loading-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
}
.loading-overlay.is-active {
  display: flex;
}
.loading-overlay.is-active.is-full-page {
  z-index: 999;
  position: fixed;
}
.loading-overlay.is-active.is-full-page .loading-icon:after {
  top: calc(50% - 2.5em);
  left: calc(50% - 2.5em);
  width: 5em;
  height: 5em;
}
.loading-overlay .loading-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #7f7f7f;
  background: rgba(11, 11, 11, 0.9);
}
.loading-overlay .loading-icon {
  position: relative;
}
.loading-overlay .loading-icon:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0deg, 0%, 86%);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  position: absolute;
  top: calc(50% - 1.5em);
  left: calc(50% - 1.5em);
  width: 3em;
  height: 3em;
  border-width: 0.25em;
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.5rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.3333333333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.6666666667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.3333333333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.6666666667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.3333333333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.6666666667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.3333333333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.6666666667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1117px) {
  .column.is-narrow-touch {
    flex: none;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.3333333333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.6666666667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.3333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.6666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.3333333333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.6666666667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.3333333333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.6666666667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1118px) {
  .column.is-narrow-desktop {
    flex: none;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: widescreen) {
  .column.is-narrow-widescreen {
    flex: none;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1382px) {
  .column.is-narrow-fullhd {
    flex: none;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.3333333333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.6666666667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.3333333333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.6666666667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.3333333333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.6666666667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.3333333333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.6666666667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.5rem;
}
.columns:last-child {
  margin-bottom: -0.5rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.5rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1117px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1118px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1118px) and (max-width: "widescreen"-1px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: widescreen) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: widescreen) and (max-width: 1381px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1382px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

.is-divider, .is-divider-vertical {
  display: block;
  position: relative;
  border-top: 0.1rem solid hsl(0deg, 0%, 86%);
  height: 0.1rem;
  margin: 2rem 0;
  text-align: center;
}

.is-divider[data-content]::after, .is-divider-vertical[data-content]::after {
  background: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 71%);
  content: attr(data-content);
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.4rem 0.8rem;
  -webkit-transform: translateY(-1.1rem);
  -ms-transform: translateY(-1.1rem);
  transform: translateY(-1.1rem);
  text-align: center;
}

@media screen and (min-width: 769px), print {
  .is-divider-vertical {
    display: block;
    flex: none;
    width: auto;
    height: auto;
    padding: 2rem;
    margin: 0;
    position: relative;
    border-top: none;
    min-height: 2rem;
  }
  .is-divider-vertical::before {
    border-left: 0.1rem solid hsl(0deg, 0%, 86%);
    bottom: 1rem;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 1rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .is-divider-vertical[data-content]::after {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0.1rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}

.is-divider.is-white,
.is-divider-vertical.is-white {
  border-top-color: hsl(0deg, 0%, 100%);
}
.is-divider.is-white[data-content]::after, .is-divider.is-white[data-content]::after,
.is-divider-vertical.is-white[data-content]::after,
.is-divider-vertical.is-white[data-content]::after {
  background: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.is-divider.is-white::before,
.is-divider-vertical.is-white::before {
  border-left-color: hsl(0deg, 0%, 100%);
}
.is-divider.is-black,
.is-divider-vertical.is-black {
  border-top-color: hsl(0deg, 0%, 4%);
}
.is-divider.is-black[data-content]::after, .is-divider.is-black[data-content]::after,
.is-divider-vertical.is-black[data-content]::after,
.is-divider-vertical.is-black[data-content]::after {
  background: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.is-divider.is-black::before,
.is-divider-vertical.is-black::before {
  border-left-color: hsl(0deg, 0%, 4%);
}
.is-divider.is-light,
.is-divider-vertical.is-light {
  border-top-color: hsl(0deg, 0%, 96%);
}
.is-divider.is-light[data-content]::after, .is-divider.is-light[data-content]::after,
.is-divider-vertical.is-light[data-content]::after,
.is-divider-vertical.is-light[data-content]::after {
  background: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.is-divider.is-light::before,
.is-divider-vertical.is-light::before {
  border-left-color: hsl(0deg, 0%, 96%);
}
.is-divider.is-dark,
.is-divider-vertical.is-dark {
  border-top-color: hsl(0deg, 0%, 21%);
}
.is-divider.is-dark[data-content]::after, .is-divider.is-dark[data-content]::after,
.is-divider-vertical.is-dark[data-content]::after,
.is-divider-vertical.is-dark[data-content]::after {
  background: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.is-divider.is-dark::before,
.is-divider-vertical.is-dark::before {
  border-left-color: hsl(0deg, 0%, 21%);
}
.is-divider.is-primary,
.is-divider-vertical.is-primary {
  border-top-color: hsl(171deg, 100%, 41%);
}
.is-divider.is-primary[data-content]::after, .is-divider.is-primary[data-content]::after,
.is-divider-vertical.is-primary[data-content]::after,
.is-divider-vertical.is-primary[data-content]::after {
  background: #fff;
  color: hsl(171deg, 100%, 41%);
}
.is-divider.is-primary::before,
.is-divider-vertical.is-primary::before {
  border-left-color: hsl(171deg, 100%, 41%);
}
.is-divider.is-link,
.is-divider-vertical.is-link {
  border-top-color: hsl(217deg, 71%, 53%);
}
.is-divider.is-link[data-content]::after, .is-divider.is-link[data-content]::after,
.is-divider-vertical.is-link[data-content]::after,
.is-divider-vertical.is-link[data-content]::after {
  background: #fff;
  color: hsl(217deg, 71%, 53%);
}
.is-divider.is-link::before,
.is-divider-vertical.is-link::before {
  border-left-color: hsl(217deg, 71%, 53%);
}
.is-divider.is-info,
.is-divider-vertical.is-info {
  border-top-color: hsl(204deg, 86%, 53%);
}
.is-divider.is-info[data-content]::after, .is-divider.is-info[data-content]::after,
.is-divider-vertical.is-info[data-content]::after,
.is-divider-vertical.is-info[data-content]::after {
  background: #fff;
  color: hsl(204deg, 86%, 53%);
}
.is-divider.is-info::before,
.is-divider-vertical.is-info::before {
  border-left-color: hsl(204deg, 86%, 53%);
}
.is-divider.is-success,
.is-divider-vertical.is-success {
  border-top-color: hsl(141deg, 71%, 48%);
}
.is-divider.is-success[data-content]::after, .is-divider.is-success[data-content]::after,
.is-divider-vertical.is-success[data-content]::after,
.is-divider-vertical.is-success[data-content]::after {
  background: #fff;
  color: hsl(141deg, 71%, 48%);
}
.is-divider.is-success::before,
.is-divider-vertical.is-success::before {
  border-left-color: hsl(141deg, 71%, 48%);
}
.is-divider.is-warning,
.is-divider-vertical.is-warning {
  border-top-color: hsl(48deg, 100%, 67%);
}
.is-divider.is-warning[data-content]::after, .is-divider.is-warning[data-content]::after,
.is-divider-vertical.is-warning[data-content]::after,
.is-divider-vertical.is-warning[data-content]::after {
  background: rgba(0, 0, 0, 0.7);
  color: hsl(48deg, 100%, 67%);
}
.is-divider.is-warning::before,
.is-divider-vertical.is-warning::before {
  border-left-color: hsl(48deg, 100%, 67%);
}
.is-divider.is-danger,
.is-divider-vertical.is-danger {
  border-top-color: hsl(348deg, 100%, 61%);
}
.is-divider.is-danger[data-content]::after, .is-divider.is-danger[data-content]::after,
.is-divider-vertical.is-danger[data-content]::after,
.is-divider-vertical.is-danger[data-content]::after {
  background: #fff;
  color: hsl(348deg, 100%, 61%);
}
.is-divider.is-danger::before,
.is-divider-vertical.is-danger::before {
  border-left-color: hsl(348deg, 100%, 61%);
}
.is-divider.is-black-bis,
.is-divider-vertical.is-black-bis {
  border-top-color: hsl(0deg, 0%, 7%);
}
.is-divider.is-black-bis[data-content]::after, .is-divider.is-black-bis[data-content]::after,
.is-divider-vertical.is-black-bis[data-content]::after,
.is-divider-vertical.is-black-bis[data-content]::after {
  background: #fff;
  color: hsl(0deg, 0%, 7%);
}
.is-divider.is-black-bis::before,
.is-divider-vertical.is-black-bis::before {
  border-left-color: hsl(0deg, 0%, 7%);
}
.is-divider.is-black-ter,
.is-divider-vertical.is-black-ter {
  border-top-color: hsl(0deg, 0%, 14%);
}
.is-divider.is-black-ter[data-content]::after, .is-divider.is-black-ter[data-content]::after,
.is-divider-vertical.is-black-ter[data-content]::after,
.is-divider-vertical.is-black-ter[data-content]::after {
  background: #fff;
  color: hsl(0deg, 0%, 14%);
}
.is-divider.is-black-ter::before,
.is-divider-vertical.is-black-ter::before {
  border-left-color: hsl(0deg, 0%, 14%);
}
.is-divider.is-grey-darker,
.is-divider-vertical.is-grey-darker {
  border-top-color: hsl(0deg, 0%, 21%);
}
.is-divider.is-grey-darker[data-content]::after, .is-divider.is-grey-darker[data-content]::after,
.is-divider-vertical.is-grey-darker[data-content]::after,
.is-divider-vertical.is-grey-darker[data-content]::after {
  background: #fff;
  color: hsl(0deg, 0%, 21%);
}
.is-divider.is-grey-darker::before,
.is-divider-vertical.is-grey-darker::before {
  border-left-color: hsl(0deg, 0%, 21%);
}
.is-divider.is-grey-dark,
.is-divider-vertical.is-grey-dark {
  border-top-color: hsl(0deg, 0%, 29%);
}
.is-divider.is-grey-dark[data-content]::after, .is-divider.is-grey-dark[data-content]::after,
.is-divider-vertical.is-grey-dark[data-content]::after,
.is-divider-vertical.is-grey-dark[data-content]::after {
  background: #fff;
  color: hsl(0deg, 0%, 29%);
}
.is-divider.is-grey-dark::before,
.is-divider-vertical.is-grey-dark::before {
  border-left-color: hsl(0deg, 0%, 29%);
}
.is-divider.is-grey,
.is-divider-vertical.is-grey {
  border-top-color: hsl(0deg, 0%, 48%);
}
.is-divider.is-grey[data-content]::after, .is-divider.is-grey[data-content]::after,
.is-divider-vertical.is-grey[data-content]::after,
.is-divider-vertical.is-grey[data-content]::after {
  background: #fff;
  color: hsl(0deg, 0%, 48%);
}
.is-divider.is-grey::before,
.is-divider-vertical.is-grey::before {
  border-left-color: hsl(0deg, 0%, 48%);
}
.is-divider.is-grey-light,
.is-divider-vertical.is-grey-light {
  border-top-color: hsl(0deg, 0%, 71%);
}
.is-divider.is-grey-light[data-content]::after, .is-divider.is-grey-light[data-content]::after,
.is-divider-vertical.is-grey-light[data-content]::after,
.is-divider-vertical.is-grey-light[data-content]::after {
  background: #fff;
  color: hsl(0deg, 0%, 71%);
}
.is-divider.is-grey-light::before,
.is-divider-vertical.is-grey-light::before {
  border-left-color: hsl(0deg, 0%, 71%);
}
.is-divider.is-grey-lighter,
.is-divider-vertical.is-grey-lighter {
  border-top-color: hsl(0deg, 0%, 86%);
}
.is-divider.is-grey-lighter[data-content]::after, .is-divider.is-grey-lighter[data-content]::after,
.is-divider-vertical.is-grey-lighter[data-content]::after,
.is-divider-vertical.is-grey-lighter[data-content]::after {
  background: rgba(0, 0, 0, 0.7);
  color: hsl(0deg, 0%, 86%);
}
.is-divider.is-grey-lighter::before,
.is-divider-vertical.is-grey-lighter::before {
  border-left-color: hsl(0deg, 0%, 86%);
}
.is-divider.is-white-ter,
.is-divider-vertical.is-white-ter {
  border-top-color: hsl(0deg, 0%, 96%);
}
.is-divider.is-white-ter[data-content]::after, .is-divider.is-white-ter[data-content]::after,
.is-divider-vertical.is-white-ter[data-content]::after,
.is-divider-vertical.is-white-ter[data-content]::after {
  background: rgba(0, 0, 0, 0.7);
  color: hsl(0deg, 0%, 96%);
}
.is-divider.is-white-ter::before,
.is-divider-vertical.is-white-ter::before {
  border-left-color: hsl(0deg, 0%, 96%);
}
.is-divider.is-white-bis,
.is-divider-vertical.is-white-bis {
  border-top-color: hsl(0deg, 0%, 98%);
}
.is-divider.is-white-bis[data-content]::after, .is-divider.is-white-bis[data-content]::after,
.is-divider-vertical.is-white-bis[data-content]::after,
.is-divider-vertical.is-white-bis[data-content]::after {
  background: rgba(0, 0, 0, 0.7);
  color: hsl(0deg, 0%, 98%);
}
.is-divider.is-white-bis::before,
.is-divider-vertical.is-white-bis::before {
  border-left-color: hsl(0deg, 0%, 98%);
}

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: hsl(0deg, 0%, 4%);
}
.hero.is-white .subtitle {
  color: rgba(10, 10, 10, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: hsl(0deg, 0%, 4%);
}
@media screen and (max-width: 1117px) {
  .hero.is-white .navbar-menu {
    background-color: hsl(0deg, 0%, 100%);
  }
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10, 10, 10, 0.7);
}
.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: #f2f2f2;
  color: hsl(0deg, 0%, 4%);
}
.hero.is-white .tabs a {
  color: hsl(0deg, 0%, 4%);
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: hsl(0deg, 0%, 4%);
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0deg, 0%, 4%);
  border-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0deg, 0%, 100%) 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0deg, 0%, 100%) 71%, white 100%);
  }
}
.hero.is-black {
  background-color: hsl(0deg, 0%, 4%);
  color: hsl(0deg, 0%, 100%);
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: hsl(0deg, 0%, 100%);
}
.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: hsl(0deg, 0%, 100%);
}
@media screen and (max-width: 1117px) {
  .hero.is-black .navbar-menu {
    background-color: hsl(0deg, 0%, 4%);
  }
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: black;
  color: hsl(0deg, 0%, 100%);
}
.hero.is-black .tabs a {
  color: hsl(0deg, 0%, 100%);
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: hsl(0deg, 0%, 100%);
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 100%);
  color: hsl(0deg, 0%, 4%);
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%);
  }
}
.hero.is-light {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: hsl(0deg, 0%, 21%);
}
.hero.is-light .subtitle {
  color: rgba(54, 54, 54, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: hsl(0deg, 0%, 21%);
}
@media screen and (max-width: 1117px) {
  .hero.is-light .navbar-menu {
    background-color: hsl(0deg, 0%, 96%);
  }
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(54, 54, 54, 0.7);
}
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: #e8e8e8;
  color: hsl(0deg, 0%, 21%);
}
.hero.is-light .tabs a {
  color: hsl(0deg, 0%, 21%);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: hsl(0deg, 0%, 21%);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0deg, 0%, 21%);
  border-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0deg, 0%, 96%) 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0deg, 0%, 96%) 71%, white 100%);
  }
}
.hero.is-dark {
  background-color: hsl(0deg, 0%, 21%);
  color: hsl(0deg, 0%, 96%);
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: hsl(0deg, 0%, 96%);
}
.hero.is-dark .subtitle {
  color: rgba(245, 245, 245, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: hsl(0deg, 0%, 96%);
}
@media screen and (max-width: 1117px) {
  .hero.is-dark .navbar-menu {
    background-color: hsl(0deg, 0%, 21%);
  }
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(245, 245, 245, 0.7);
}
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: #292929;
  color: hsl(0deg, 0%, 96%);
}
.hero.is-dark .tabs a {
  color: hsl(0deg, 0%, 96%);
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: hsl(0deg, 0%, 96%);
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 21%);
}
.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #1f191a 0%, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1f191a 0%, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
  }
}
.hero.is-primary {
  background-color: hsl(171deg, 100%, 41%);
  color: #fff;
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}
.hero.is-primary .title {
  color: #fff;
}
.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1117px) {
  .hero.is-primary .navbar-menu {
    background-color: hsl(171deg, 100%, 41%);
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: #00b89c;
  color: #fff;
}
.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
  opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
  opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff;
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(171deg, 100%, 41%);
}
.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #009e6c 0%, hsl(171deg, 100%, 41%) 71%, #00e7eb 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #009e6c 0%, hsl(171deg, 100%, 41%) 71%, #00e7eb 100%);
  }
}
.hero.is-link {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}
.hero.is-link .title {
  color: #fff;
}
.hero.is-link .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1117px) {
  .hero.is-link .navbar-menu {
    background-color: hsl(217deg, 71%, 53%);
  }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: #2366d1;
  color: #fff;
}
.hero.is-link .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-link .tabs a:hover {
  opacity: 1;
}
.hero.is-link .tabs li.is-active a {
  opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: #fff;
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(217deg, 71%, 53%);
}
.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, #1577c6 0%, hsl(217deg, 71%, 53%) 71%, #4366e5 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1577c6 0%, hsl(217deg, 71%, 53%) 71%, #4366e5 100%);
  }
}
.hero.is-info {
  background-color: hsl(204deg, 86%, 53%);
  color: #fff;
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: #fff;
}
.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1117px) {
  .hero.is-info .navbar-menu {
    background-color: hsl(204deg, 86%, 53%);
  }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: #118fe4;
  color: #fff;
}
.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(204deg, 86%, 53%);
}
.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #04a6d7 0%, hsl(204deg, 86%, 53%) 71%, #3287f5 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #04a6d7 0%, hsl(204deg, 86%, 53%) 71%, #3287f5 100%);
  }
}
.hero.is-success {
  background-color: hsl(141deg, 71%, 48%);
  color: #fff;
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: #fff;
}
.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1117px) {
  .hero.is-success .navbar-menu {
    background-color: hsl(141deg, 71%, 48%);
  }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: #20bc56;
  color: #fff;
}
.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff;
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(141deg, 71%, 48%);
}
.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #12af2f 0%, hsl(141deg, 71%, 48%) 71%, #2ce28a 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #12af2f 0%, hsl(141deg, 71%, 48%) 71%, #2ce28a 100%);
  }
}
.hero.is-warning {
  background-color: hsl(48deg, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1117px) {
  .hero.is-warning .navbar-menu {
    background-color: hsl(48deg, 100%, 67%);
  }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: #ffd83d;
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: hsl(48deg, 100%, 67%);
}
.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #ffaf24 0%, hsl(48deg, 100%, 67%) 71%, #fffa70 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ffaf24 0%, hsl(48deg, 100%, 67%) 71%, #fffa70 100%);
  }
}
.hero.is-danger {
  background-color: hsl(348deg, 100%, 61%);
  color: #fff;
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: #fff;
}
.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1117px) {
  .hero.is-danger .navbar-menu {
    background-color: hsl(348deg, 100%, 61%);
  }
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: #ff1f4b;
  color: #fff;
}
.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff;
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10, 10, 10, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(348deg, 100%, 61%);
}
.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #ff0561 0%, hsl(348deg, 100%, 61%) 71%, #ff5257 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ff0561 0%, hsl(348deg, 100%, 61%) 71%, #ff5257 100%);
  }
}
.hero.is-small .hero-body {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding-bottom: 9rem;
    padding-top: 9rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding-bottom: 18rem;
    padding-top: 18rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}

.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1118px) {
  .section.is-medium {
    padding: 9rem 1.5rem;
  }
  .section.is-large {
    padding: 18rem 1.5rem;
  }
}

.footer {
  background-color: hsl(0deg, 0%, 98%);
  padding: 3rem 1.5rem 6rem;
}

/*! 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.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
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.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
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.
 */
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+.
 */
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.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
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.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #0b0b0b;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
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.
 */
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.
 */
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.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
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.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
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.
 */
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.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[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.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[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.
 */
::-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.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*============ CUTSOM ============*/
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}
ul li a {
  text-decoration: none;
}

/*================ Helper Classes ================*/
.clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.js-focus-hidden:focus {
  outline: none;
}

.label-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.no-placeholder .label-hidden {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.visually-shown {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.no-js:not(html) {
  display: none;
}
.no-js .no-js:not(html) {
  display: block;
}

.no-js .js {
  display: none;
}

.supports-no-cookies:not(html) {
  display: none;
}
html.supports-no-cookies .supports-no-cookies:not(html) {
  display: block;
}

html.supports-no-cookies .supports-cookies {
  display: none;
}

.pb-0 {
  padding-bottom: 0 !important;
}

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  position: absolute !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #0b0b0b;
  background-color: #fff;
  padding: 15px;
  z-index: 10000;
  transition: none;
}

[data-ca-content], .force-hidden {
  display: none;
}

.px-5 {
  padding-left: 16px;
  padding-right: 16px;
}

.u-btn-clear, .VideoButton, .FaqsSection__tab, .SlidingToggle__button, .button-link, .btn-pill {
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}

.u-circle-icon-btn {
  border: 0;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transform: scale(1);
  transition: all 150ms linear;
  border: 2px solid transparent;
  outline: none;
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.2);
}
.u-circle-icon-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.4);
}
.u-circle-icon-btn:focus {
  opacity: 1;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.u-ptb0 {
  padding-top: 0;
  padding-bottom: 0;
}

.u-anim-hidden {
  visibility: hidden;
}

.u-color-grey {
  color: #545454;
}

.u-mt-80 {
  margin-top: 80px;
}

@media (max-width: 768px) {
  .u-mobile-grid-padding {
    padding: 0 16px;
  }
}

.show-temp {
  display: block !important;
}

.hide-temp {
  display: none !important;
}

@media only screen and (max-width: 749px) {
  .small--show-temp {
    display: block !important;
  }
  .small--hide-temp {
    display: none !important;
  }
}
@media only screen and (min-width: 750px) {
  .medium-up--show-temp {
    display: block !important;
  }
  .medium-up--hide-temp {
    display: none !important;
  }
}
@media only screen and (max-width: 989px) {
  .medium-down--show-temp {
    display: block !important;
  }
  .medium-down--hide-temp {
    display: none !important;
  }
}
/*================ General layout styles ================*/
body,
html {
  background-color: #fff;
}

html {
  scroll-padding-top: calc(var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px));
}
@media (min-width: 1118px) {
  html {
    --sub-menu-bar-height: var(--desktop-sub-menu-bar-height, 0px);
  }
}

body {
  position: relative;
  opacity: 0;
  transition: opacity 300ms linear;
}
body[data-prevent-scrolling] {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.is-visible {
  opacity: 1;
}
@media (max-width: 1117px) {
  body {
    --desktop-sub-menu-bar-height: 0px;
  }
}

.SiteWrapper {
  padding-top: calc(var(--promo-bar-height, 0px) + var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px));
}

.prevent-scrolling--mobile-side-menu-wrapper iframe#launcher {
  display: none;
}
.prevent-scrolling--mobile-side-menu-wrapper .SiteWrapper {
  padding-top: calc(var(--main-menu-bar-height, 0px) + var(--promo-bar-height) + var(--geolocator-bar-height, 0px));
}

body[data-mobile-geolocator-active] .header-geolocation-bar,
body[data-mobile-geolocator-active] .geolocation-app {
  height: 170px;
}
body[data-mobile-geolocator-active] .navbar,
body[data-mobile-geolocator-active] #SiteWrapper {
  top: 170px;
}

body[data-desktop-geolocator-active] .header-geolocation-bar,
body[data-desktop-geolocator-active] .geolocation-app {
  height: 82px;
}
body[data-desktop-geolocator-active] .navbar,
body[data-desktop-geolocator-active] #SiteWrapper {
  top: 82px;
}

body[data-desktop-geolocator-active],
body[data-mobile-geolocator-active] {
  --promo-bar-height: 0px;
}
body[data-desktop-geolocator-active] .StorefrontNavbar,
body[data-mobile-geolocator-active] .StorefrontNavbar {
  position: fixed;
  top: var(--geolocator-bar-height);
}
body[data-desktop-geolocator-active] .SiteWrapper,
body[data-mobile-geolocator-active] .SiteWrapper {
  margin-top: calc(var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px));
  padding-top: 0;
}
@media (max-width: 1117px) {
  body[data-desktop-geolocator-active] .SiteWrapper,
  body[data-mobile-geolocator-active] .SiteWrapper {
    margin-top: var(--main-menu-bar-height, 0px);
  }
}
body[data-desktop-geolocator-active] .PromoBar,
body[data-mobile-geolocator-active] .PromoBar {
  display: none !important;
}

.page-width {
  max-width: 1180px;
  padding: 0 30px;
  margin: 0 auto;
}
.page-width::after {
  clear: both;
  content: " ";
  display: table;
}

section {
  display: block;
  background-color: #fff;
}
section::after {
  clear: both;
  content: " ";
  display: table;
}
section .wrapper {
  width: 100%;
  max-width: 1180px;
  padding: 60px 30px;
  margin: 0 auto;
}
section .wrapper h1,
section .wrapper h2,
section .wrapper h3,
section .wrapper h4,
section .wrapper h5,
section .wrapper h6 {
  margin-top: 0;
}
section .wrapper h2 {
  margin-top: 15px;
  margin-bottom: 10px;
}
section .wrapper h3 {
  margin-top: 15px;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  section .wrapper {
    padding: 40px 30px;
  }
}
section .content ul li {
  list-style-type: disc;
}

.item__total {
  position: absolute;
  top: calc((100% - 33px) / 2 - 7px);
  right: 25px;
  font-size: 9px;
  background: #36a8de;
  height: 10px;
  width: 10px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
}

.content__container .wrapper.narrower-content,
.wrapper.product-narrower-content {
  max-width: 680px;
  font-size: 16px;
  line-height: 23px;
}

.content__container .wrapper {
  max-width: 980px;
  overflow-wrap: break-word;
}
.content__container iframe {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.content__container p {
  word-wrap: break-word;
}
.content__container .embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 25px;
  margin-top: 25px;
}
.content__container .embed-container iframe,
.content__container .embed-container object,
.content__container .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content__container .embed-container.square-iframe {
  padding-bottom: 100%;
}
.content__container .embed-container.youtube-video {
  padding-bottom: 56.25%;
}
.content__container ul li {
  list-style-type: disc;
}

.content__container :target::before,
.product__purchase--description :target::before {
  content: " ";
  display: block;
  height: 120px;
  margin-top: -120px;
  cursor: default;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  cursor: pointer;
}

.container2020 {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
  max-width: 1280px;
}
.container2020 .columns,
.container2020 .columns:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.container2020 .column {
  padding: 0 calc(12px / 2);
}
@media (max-width: 1320px) {
  .container2020 {
    max-width: none;
    width: 100%;
    padding: 0 28px;
  }
}
@media (max-width: 360px) {
  .container2020 {
    max-width: none;
    width: 100%;
    padding: 0 20px;
  }
}

.container2020--fluid {
  max-width: none;
  padding: 0 calc(12px / 2);
}
@media (max-width: 1320px) {
  .container2020--fluid {
    padding: 0 28px;
  }
}
@media (max-width: 360px) {
  .container2020--fluid {
    padding: 0 20px;
  }
}

.tailwind-container, .ApparelTemplate__top {
  /* --------------------
  * To match the container from the UI Kit. There are
  * issues with the HuelContainer component and Swiper.
  --------------------*/
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media (min-width: 768px) {
  .tailwind-container, .ApparelTemplate__top {
    padding: 0 1.75rem;
  }
}

body,
.title,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #0b0b0b;
}

a {
  color: #51bced;
  transition: all 150ms linear;
}
a:hover {
  color: #0b0b0b;
}

/*================ Rich Text Editor ================*/
.rte img {
  height: auto;
}
.rte table {
  table-layout: fixed;
}
.rte ul,
.rte ol {
  margin: 0 0 15px 30px;
}
.rte ul {
  list-style: disc outside;
}
.rte ul ul {
  list-style: circle outside;
}
.rte ul ul ul {
  list-style: square outside;
}

.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
  margin-left: 0;
  list-style-position: inside;
}

.rte-table {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.rte__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}
.rte__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rte__table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 749px) {
  .responsive-table {
    width: 100%;
  }
  .responsive-table thead {
    display: none;
  }
  .responsive-table tr {
    display: block;
  }
  .responsive-table tr,
  .responsive-table td {
    float: left;
    clear: both;
    width: 100%;
  }
  .responsive-table th,
  .responsive-table td {
    display: block;
    text-align: right;
    padding: 15px;
    margin: 0;
  }
  .responsive-table td::before {
    content: attr(data-label);
    float: left;
    text-align: center;
    padding-right: 10px;
  }
  .responsive-table-row + .responsive-table-row,
  tfoot > .responsive-table-row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: 15px;
  }
  .responsive-table-row + .responsive-table-row::after,
  tfoot > .responsive-table-row:first-child::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #0b0b0b;
  }
}
@media (max-width: 1024px) {
  .table__scrollable {
    overflow-y: hidden;
    overflow-x: auto;
  }
}
/*================ Links & Buttons ================*/
.button {
  transition: all 150ms linear;
}
.button:focus {
  outline: #f58523 auto 1px;
}

.button.is-outline {
  border: 1px solid #0b0b0b;
  background-color: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
  color: #0b0b0b;
}
.button.is-outline:hover {
  background-color: #0b0b0b;
  color: #ffffff;
}

.button.is-black.hover-orange:hover,
.button.is-white.hover-orange:hover {
  background-color: #f58523;
  color: #fff;
}

.btn-pill {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background: #0b0b0b;
  color: #ffffff;
  border-radius: 18px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #0b0b0b;
  box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.25);
}
.btn-pill svg {
  margin-right: 6px;
}
.btn-pill:focus {
  outline: #f58523 auto 1px;
}
.btn-pill.is-white {
  background-color: #ffffff;
  color: #0b0b0b;
  box-shadow: none;
}

.button.is-submit {
  background-color: #35be5a;
}
.button.is-submit:hover {
  background-color: #148532;
  color: #fff;
}

.button.is-green {
  background: #35bd5a;
}
.button.is-green:hover:not(:disabled) {
  background: #f58523;
}

.button-link {
  position: relative;
  color: #51bced;
  font-size: 0.875rem;
  cursor: pointer;
  font-weight: 600;
  border-radius: 8px;
  outline: none;
}
.button-link:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #51bced;
  opacity: 0;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: all 150ms linear;
}
.button-link:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.button-link:hover {
  color: #51bced;
}
.button-link:hover:not(:disabled):after, .button-link:focus:after {
  opacity: 1;
}

.button-2021 {
  min-width: 140px;
  background-color: #0b0b0b;
  border-radius: 8px;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid #0b0b0b;
  box-shadow: none;
  color: #ffffff;
  text-align: center;
  padding: 16px 22px;
  cursor: pointer;
  transition: all 150ms linear;
}
.button-2021:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
.button-2021:disabled {
  background-color: #cecece;
  cursor: not-allowed;
}
.button-2021:hover:not(:disabled) {
  background-color: #f58523;
  border-color: #f58523;
  color: #ffffff;
}
.button-2021.is-caps {
  text-transform: uppercase;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .button-2021 {
    padding: 19px 26px;
  }
}
@media (-moz-min-device-pixel-ratio: 2) {
  .button-2021 {
    padding: 19px 26px;
  }
}

.button-2021--is-white {
  color: #0b0b0b;
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-2021--is-white:hover {
  color: #ffffff;
}

.button-2021--is-outline {
  background-color: #ffffff;
  color: #0b0b0b;
}
.button-2021--is-outline:hover {
  color: #ffffff;
  background-color: #0b0b0b;
}

.button-2021--is-green {
  background-color: #35bd5a;
  border-color: #35bd5a;
}

/*============================================================================
  Form scaffolding
    - Selectors setup for you to style form elements how you want
    - Focus, error, and disabled states are set to be extended
==============================================================================*/
.old-style-input {
  border: 1px solid #e3e3e3;
  height: 50px;
  padding: 0 20px 0 15px;
  border-radius: 0;
  max-width: 100%;
  font-size: 14px;
  cursor: pointer;
}
.old-style-input::-moz-placeholder {
  color: #d0d0d0;
}
.old-style-input::-webkit-input-placeholder {
  color: #d0d0d0;
}
.old-style-input:-moz-placeholder {
  color: #d0d0d0;
}
.old-style-input:-ms-input-placeholder {
  color: #d0d0d0;
}
.old-style-input:focus {
  outline: 0;
}
.old-style-input[disabled] {
  cursor: default;
  background-color: #c9c9c9;
  border-color: #c9c9c9;
}

textarea {
  min-height: 100px;
  border: 1px solid #e3e3e3;
  padding: 10px 20px !important;
}

/*================ Custom select style ================*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #e3e3e3;
  background-position: right center;
  background-image: url("//cdn.shopify.com/s/files/1/0578/1097/t/93/assets/ico-select.svg?12515988174062876509");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: #fff;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 ================*/
}
.ie9 select {
  padding-right: 10px;
  background-image: none;
}

select::-ms-expand {
  display: none;
}

/*================ Error styles ================*/
input.input-error,
select.input-error,
textarea.input-error {
  border-color: #f5232a;
  background-color: #fff;
  color: #0b0b0b;
}

/*========== Buttons ==========*/
.old-button-style:hover {
  background: #f58523;
  color: #ffffff;
}

li.old-button-style {
  height: 40px;
  line-height: 40px;
  padding: 0px 15px !important;
}
li.old-button-style:hover {
  background-color: grey;
}
li.old-button-style.active {
  background-color: grey;
  color: #fff !important;
}

.button {
  background: #0b0b0b;
  color: #ffffff;
  padding: 0 20px;
  border: 0;
  text-decoration: none;
  border-radius: 5px !important;
  font-size: 14px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
  outline: none;
  clear: both;
}
.button--secondary {
  background: #fff;
  color: #fff;
  border-radius: 25px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
}
.button--alt {
  background: none;
  color: #0b0b0b;
  padding: 0 20px;
  border: 0;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  border: 1px solid #0b0b0b !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button--alt:hover {
  color: #f58523;
  border: 1px solid #f58523 !important;
}
.button--checkout {
  background: #35bd5a;
  color: #fff;
  border: 0 !important;
  font-weight: 700;
  letter-spacing: 0.025em;
  border-radius: 5px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button--checkout:hover {
  background: #2a9547;
}
.button:disabled {
  cursor: not-allowed;
  background: #c9c9c9;
}
.button:disabled:hover {
  background: #c9c9c9;
}

.pdf__container {
  height: 390px;
}

.placeholder-svg {
  display: block;
  fill: #0b0b0b;
  background-color: #0b0b0b;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #0b0b0b;
}

.placeholder-svg--small {
  width: 480px;
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.placeholder-background .icon {
  border: 0;
}

.template-password {
  min-height: auto;
  margin-top: 10vh;
  padding-left: 20px;
  padding-right: 20px;
}
.template-password .huel-logo {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.template-password .huel-container {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.template-password .huel-message {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #0b0b0b;
}
.template-password .huel-signature {
  text-align: center;
  color: #0b0b0b;
  font-size: 14px;
}
.template-password .mailing-list {
  border-top: none;
  margin-top: 25px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.template-password .mailing-list .huel-form-message {
  color: #0b0b0b;
  text-align: center;
}
.template-password .mailing-list input[type=text] {
  width: 73%;
  color: #0b0b0b;
}
@media screen and (max-width: 400px) {
  .template-password .mailing-list input[type=text] {
    display: block;
    width: 100%;
  }
}
.template-password .mailing-list input[type=submit] {
  width: 25%;
  background-color: #0b0b0b;
  color: #fff;
}
@media screen and (max-width: 400px) {
  .template-password .mailing-list input[type=submit] {
    display: block;
    width: 100%;
  }
}

.template-account .main-container {
  min-height: 600px;
}
.template-account .inactive-account-area {
  max-width: 500px;
  margin: 200px auto 100px;
  padding: 0 50px;
}
.template-account .about-dropdown .top-level-column {
  padding: 50px 100px;
  height: auto;
  justify-content: flex-start;
}

/**
 * DE double opt-in Shopify page.
 * INFO: Button styles are copied from _links-buttons.scss until headless replaces this page.
 * INFO: This doesn't have a template file but technically sits in the account area from a URL perspective.
 */
.shopify-email-marketing-confirmation__container {
  padding: 80px 0;
}
.shopify-email-marketing-confirmation__container h1 {
  margin-top: 0;
  padding-top: 0;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.125;
  margin-bottom: 20px;
}
.shopify-email-marketing-confirmation__container a {
  display: inline-block;
  margin-top: 20px;
  min-width: 140px;
  background-color: #0b0b0b;
  border-radius: 8px;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid #0b0b0b;
  box-shadow: none;
  color: #ffffff;
  text-align: center;
  padding: 16px 22px;
  cursor: pointer;
  transition: all 150ms linear;
}
.shopify-email-marketing-confirmation__container a:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
.shopify-email-marketing-confirmation__container a:disabled {
  background-color: #cecece;
  cursor: not-allowed;
}
.shopify-email-marketing-confirmation__container a:hover:not(:disabled) {
  background-color: #f58523;
  border-color: #f58523;
  color: #ffffff;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .shopify-email-marketing-confirmation__container a {
    padding: 19px 26px;
  }
}
@media (-moz-min-device-pixel-ratio: 2) {
  .shopify-email-marketing-confirmation__container a {
    padding: 19px 26px;
  }
}

/* ========================================
  Animations
======================================== */
.a-shake {
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(3px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(5px, 0, 0);
  }
}
.a-fade-in-up {
  opacity: 0;
  animation: fadeInUp 1250ms 0s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
#LoadingOverlay {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
  opacity: 0;
  transition: opacity 300ms linear 0s, visibility 0s linear 300ms;
}
#LoadingOverlay.is-visible {
  transition: opacity 300ms linear 0s, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}

/*================ APPS ================*/
#mmContentDashboard {
  width: 100%;
  overflow: hidden;
}

#mmWrapperHidden {
  display: none;
}

#loyalty {
  display: none;
  text-align: center;
}
#loyalty h2 {
  display: block;
  position: relative;
}
#loyalty p {
  display: block;
  position: relative;
}
#loyalty span {
  display: block;
  position: relative;
  margin-top: 20px;
  font-size: 14px;
}

.lbox {
  display: none;
}

.featherlight {
  background: rgba(0, 0, 0, 0.7) !important;
}

.featherlight .featherlight-inner {
  display: block !important;
}

.featherlight-content {
  max-width: 544px !important;
}

.featherlight .featherlight-close-icon {
  top: -12px;
}

.geo__container {
  background: #fff;
  padding: 20px !important;
  max-width: 320px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.geo__container--select, .geo__container--auto {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: cover;
  background-position: center;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
}
.geo__container--header {
  text-align: center;
}
.geo__container--header h3 {
  margin-top: 10px;
  margin-bottom: 20px;
}
.geo__container--header p {
  margin-bottom: 20px;
}
.geo__container--footer ul {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start !important;
  width: 100%;
  flex-wrap: wrap;
}
.geo__container--footer ul li {
  flex-grow: 1;
  text-align: center;
  width: 33.3333333333%;
  margin-bottom: 20px;
}
.geo__container--footer ul li a {
  line-height: 10px;
}
.geo__container--footer ul li a img {
  margin-bottom: 10px;
  width: 60px;
  border: 1px solid #0b0b0b;
  padding: 2px;
}
.geo__container--footer ul li a span {
  display: block;
  line-height: 14px;
  font-size: 12px;
}
.geo__container--footer label {
  width: 100%;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin: 20px 0 10px;
  cursor: default;
}
.geo__container--footer select {
  width: 100%;
  display: block;
}
.geo__container--options {
  margin-top: 20px;
}
.geo__container--options.geo__currency {
  display: flex;
  align-items: center;
}
.geo__container--options.geo__currency label {
  margin: 0;
  width: auto;
  padding-right: 20px;
}
.geo__container--column {
  width: 50%;
  float: left;
}
.geo__container--button {
  text-align: center;
  margin-top: 20px;
}
.geo__container--button span.button {
  width: 100% !important;
}
.geo__container--options--lang:disabled {
  background: none;
  border: none;
  height: auto;
  padding: 0;
}
@media (max-width: 1024px) {
  .geo__container {
    top: 230px;
    position: fixed;
  }
}

.mobile--geo .all-locations a {
  padding: 0;
}
.mobile--geo .all-locations a .icon-arrow-down {
  display: none;
}

#store_auto .geo__container--footer a {
  display: flex;
  width: 100%;
  padding: 2px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  border: 1px solid #c9c9c9;
  padding: 5px;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -ms-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
#store_auto .geo__container--footer a span {
  margin: 0 0 0 20px;
  color: #0b0b0b;
}
#store_auto .geo__container--footer a:hover {
  border-color: #0b0b0b;
}
#store_auto .geo__container--footer a:hover:after {
  content: none;
}
#store_auto .geo__container--footer a:first-of-type() {
  margin-top: 20px;
}
#store_auto .geo__container--footer a img {
  height: 30px;
}

.order--management__container {
  margin-top: 90px;
  background: #f9f9f9;
}
.order--management__container .wrapper {
  max-width: 1180px;
}
.order--management__container .wrapper h1 {
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .order--management__container {
    margin-top: 60px;
  }
}

.om--headline {
  margin: 0 auto;
  padding: 60px 30px 0;
  text-align: center;
}
@media (max-width: 1024px) {
  .om--headline {
    padding: 30px;
  }
}

.subscription--loop__container {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 40px;
}
.subscription--loop__container::before {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.subscription--loop__container.visible::before {
  content: "";
}

.subscription {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}
.subscription__panel--image {
  width: 60%;
}
@media (max-width: 1024px) {
  .subscription__panel--image {
    display: none;
  }
}
.subscription__panel--info {
  width: 40%;
}
.subscription__panel--info h3 {
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .subscription__panel--info {
    width: 100%;
  }
}
.subscription__label {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.subscription__input {
  width: 35px;
  text-align: center;
  padding: 5px !important;
}
.subscription__sku-container {
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.subscription__sku-container h5 {
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.subscription__sku-input {
  padding: 0;
  width: 65px;
}
.subscription__sku--item {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.subscription__image {
  max-width: 90%;
}
.subscription__variant--container {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}
.subscription__price {
  font-size: 30px;
  font-weight: 400;
  color: #f58523;
  margin: 0;
}
.subscription__footer {
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}
.subscription__footer--panel {
  width: 50%;
  text-align: left;
  align-self: center;
  padding-left: 20px;
}
.subscription__footer--panel:nth-of-type(2) {
  text-align: right;
}

.submit__messaging {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}

@media (max-width: 1024px) {
  .subscription__submit {
    margin-right: 20px;
  }
}

.subscription__errors {
  display: none;
}
.subscription__errors.visible {
  display: block;
}

.subscription__success {
  display: none;
  background: #23f585;
  background-color: #fff;
}
.subscription__success.visible {
  display: block;
}

.submit__messaging {
  position: absolute;
  top: 10%;
  left: 50%;
  max-width: 350px;
  width: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  padding: 20px;
}

.error__toomany {
  display: none;
}
.error__toomany.visible {
  display: block;
}
.error__toofew {
  display: none;
}
.error__toofew.visible {
  display: block;
}
.error__general {
  display: none;
}
.error__general.visible {
  display: block;
}

.cc_banner {
  border-right: 0 !important;
  border-left: 0 !important;
}

.cc_btn_accept_all {
  background: #0b0b0b !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 12px !important;
}
.cc_btn_accept_all:active {
  background: #f58523 !important;
}
.cc_btn_accept_all:hover {
  background: #f58523 !important;
}
.cc_btn_accept_all:hover:after {
  content: none;
}

.cc_message,
.cc_more_info {
  font-size: 12px !important;
}

a.cc_more_info:hover, a.cc_more_info:active, a.cc_more_info:focus {
  color: #36a8de;
}

.header-geolocation-bar {
  top: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 61;
  height: 200px;
  background-color: #0b0b0b;
  font-size: 12px;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
  align-items: center;
}
.header-geolocation-bar .geoloc-bar-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
}
@media screen and (min-width: 1118px) {
  .header-geolocation-bar .container {
    max-width: 1080px;
    padding: 0 30px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1117px) {
  .header-geolocation-bar .container {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
.header-geolocation-bar .geoloc-bar-content {
  color: #fff;
}
.header-geolocation-bar .geoloc-dropdown {
  display: flex;
}
.header-geolocation-bar .geoloc-dropdown .geoloc-dropdown-flag {
  margin-right: 0.5rem;
}
.header-geolocation-bar .geoloc-dropdown .geoloc-dropdown-flag .flag-image {
  width: 23px;
  height: 23px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
}
.header-geolocation-bar .geoloc-dropdown .geoloc-dropdown-content {
  line-height: 1.35;
}
.header-geolocation-bar .geoloc-dropdown .geoloc-dropdown-content .country-text {
  font-weight: bold;
}
.header-geolocation-bar .geoloc-dropdown .geoloc-dropdown-content .country-language-text {
  opacity: 0.7;
}
.header-geolocation-bar .geoloc-dropdown .geoloc-dropdown-content .has-smaller-text {
  font-size: 0.875rem;
}
.header-geolocation-bar .button {
  min-width: auto;
}
@media screen and (max-width: 768px) {
  .header-geolocation-bar .button {
    height: 40px;
    line-height: 40px;
  }
}

.style-chooser .vs__dropdown-toggle {
  height: 50px;
  background-color: #fff;
}
.style-chooser .vs__dropdown-toggle .vs__selected-options {
  overflow: hidden;
  white-space: nowrap;
  padding: 4px 2px 4px 13px;
}
.style-chooser .vs__dropdown-toggle .vs__selected-options .vs__selected {
  position: absolute;
}
.style-chooser .vs__dropdown-toggle .vs__actions {
  padding: 4px 16px 0 3px;
}

.style-chooser .vs__dropdown-menu .vs__dropdown-option {
  padding: 12px 20px;
}

.fullscreen-geolocation {
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  overflow-y: scroll;
}
.fullscreen-geolocation .geoloc-close {
  background-color: transparent;
  border: none;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
}
.fullscreen-geolocation .pb-60px {
  padding-bottom: 60px;
}
@media screen and (min-width: 1118px) {
  .fullscreen-geolocation .container {
    max-width: 850px;
  }
}
.fullscreen-geolocation a.box:hover {
  box-shadow: none;
}
.fullscreen-geolocation .geoloc-lang-group {
  margin-bottom: 1.5rem;
}
.fullscreen-geolocation .geoloc-lang-group .group-title {
  font-size: 1.625rem;
  font-weight: 300;
}
.fullscreen-geolocation .box {
  background-color: #fbfbfb;
  padding: 0.625rem;
}
.fullscreen-geolocation .box:hover {
  background-color: #f6f6f6;
}
.fullscreen-geolocation .box .country-flex {
  display: flex;
  align-items: flex-start;
}
.fullscreen-geolocation .box .country-flag {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0.625rem;
}
.fullscreen-geolocation .box .country-flag .flag-image {
  background-size: cover;
  background-position: center center;
  height: 23px;
  width: 23px;
  border-radius: 50%;
}
.fullscreen-geolocation .box .country-info .country-name {
  font-size: 0.875rem;
  font-weight: bold;
}
.fullscreen-geolocation .box .country-info .country-lang {
  font-size: 0.875rem;
  color: #606060;
}

.OneTrustPrivacyNotice .ot-primary-heading {
  padding: 0 1rem;
}
.OneTrustPrivacyNotice .otnotice-language-dropdown-container {
  display: none;
}
.OneTrustPrivacyNotice .content ul.otnotice-menu {
  margin-top: 2em;
  margin-bottom: 2em;
}
.OneTrustPrivacyNotice .otnotice-menu {
  margin-left: 0;
}
.OneTrustPrivacyNotice li.otnotice-menu-section,
.OneTrustPrivacyNotice li.otnotice-menu-section-mobile {
  list-style-type: none;
}
.OneTrustPrivacyNotice .otnotice-section-content table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .OneTrustPrivacyNotice .otnotice-section-header + .otnotice-section-content {
    overflow-x: scroll;
  }
}

.OneTrustPrivacyNoticeCookiesCTA {
  padding-left: 16px;
  padding-right: 16px;
}

.OneTrustPrivacyNoticeCookiesCTA__text,
.OneTrustPrivacyNoticeCookiesCTA__button {
  margin-bottom: 30px;
}

.OneTrustPrivacyNoticeCookiesCTA__button {
  display: inline-block;
}

/*================ PAGES ================*/
.collection__container {
  margin-top: 118px;
  padding: 40px 0;
}
@media (max-width: 1024px) {
  .collection__container {
    margin-top: 60px;
  }
}
.collection__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
}
.collection__content h1,
.collection__content h2,
.collection__content h3 {
  margin: 0;
  text-align: left;
  word-wrap: break-word;
}
.collection__content p {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding-right: 50px;
}
@media only screen and (max-width: 1349px) {
  .collection__content {
    width: 100% !important;
    margin-bottom: 20px;
    padding: 0 !important;
  }
  .collection__content p {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .collection__content {
    padding: 0 15px 20px;
  }
  .collection__content h1 {
    text-align: center;
  }
  .collection__content p {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
  }
}
.collection__grid--boost .collection__grid--item {
  padding: 0 15px 50px;
}
.collection__grid--boost .collection__grid--item strong {
  color: #c9c9c9;
  display: block;
  padding-top: 5px;
}
.collection__grid--container {
  -webkit-flex-wrap: wrap;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 60px;
}
@media (max-width: 1024px) {
  .collection__grid--container {
    padding: 0 10px;
  }
}
.collection__grid--item {
  width: 25%;
  text-align: center;
  padding: 40px 15px;
}
.collection__grid--item a img {
  max-width: 480px;
  width: 100%;
}
.collection__grid--item a:hover:after {
  content: none;
}
.collection__grid--item--info {
  font-size: 14px;
}
.collection__grid--item--info .title {
  margin: 15px 0 5px 0;
}
.collection__grid--item--info span {
  color: #0b0b0b;
  font-size: 13px;
  margin-bottom: 10px;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 1349px) {
  .collection__grid--item {
    width: 33.3333333333%;
    padding: 5px 5px 20px;
  }
}
@media (max-width: 768px) {
  .collection__grid--item {
    width: 50%;
  }
}
.collection__grid--sample {
  width: calc((100% - 60px) / 2);
  text-align: center;
  margin: 0 auto 40px;
  display: flex;
  padding: 20px 40px;
  border: 1px solid #f58523;
}
.collection__grid--sample .collection__grid--item {
  width: 50%;
  padding: 0;
}
@media only screen and (max-width: 1349px) {
  .collection__grid--sample {
    width: 100%;
    margin: 20px 0;
  }
}
@media (max-width: 1024px) {
  .collection__grid--sample {
    flex-direction: column;
  }
  .collection__grid--sample .collection__grid--item {
    width: 100%;
    padding: 0;
  }
}

.collection--variant__container {
  margin-bottom: 10px;
}
.collection--variant__container a {
  font-size: 12px;
  margin-right: 10px;
}
.collection--variant__container a:last-of-type {
  margin-right: 0;
}
.collection--variant__container a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 2px;
  background: none;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.collection--variant__container a:hover:after {
  content: "";
  background: #36a8de;
}
@media (max-width: 768px) {
  .collection--variant__container a {
    display: block;
    text-align: center;
  }
}

.hero--collection__container {
  margin-top: 90px;
}
.hero--collection__container .collection__grid--container {
  margin: 0;
}
@media (max-width: 1024px) {
  .hero--collection__container {
    margin-top: 60px;
  }
}

.hero--collection__grid--item {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 80px 0;
}

.hero--product--panel {
  display: flex;
}
.hero--product--panel__image--container {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  padding-right: 40px;
}
.hero--product--panel__image {
  float: right;
}
.hero--product--panel__info {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: flex-start;
  padding-left: 40px;
}
.hero--product--panel__info h5 {
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -1px;
  margin: 0;
}
.hero--product--panel__info span {
  padding: 10px 0 15px;
}
.hero--product--panel__info .button {
  width: 120px;
  text-align: center;
}

.sample__panel--container {
  background: #87ce8a;
}
.sample__panel--container .wrapper {
  display: flex;
  max-width: 960px;
}
.sample__panel--container .wrapper .sample__panel--img {
  width: 40%;
}
.sample__panel--container .wrapper .sample__panel--info {
  width: 60%;
  padding-left: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.sample__panel--container .wrapper .sample__panel--info .h1 {
  text-align: left;
  color: #0b0b0b;
  margin-bottom: 30px;
}
.sample__panel--container .wrapper .sample__panel--info p {
  color: #0b0b0b;
}
.sample__panel--container .wrapper .sample__panel--info p span {
  font-size: 13px;
  color: #0b0b0b;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 500px;
  font-weight: 700;
}
.sample__panel--container .wrapper .sample__panel--info .button {
  width: 250px;
  text-align: center;
}

.login--container,
.register--container,
.shopify-challenge__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.login--container .login-panel,
.register--container .login-panel,
.shopify-challenge__container .login-panel {
  width: 100%;
  padding: 80px 20px;
  text-align: center;
}
.login--container .login-panel.trade-login,
.register--container .login-panel.trade-login,
.shopify-challenge__container .login-panel.trade-login {
  width: 100%;
  border-top: 1px solid #e5e5e5;
}

.register__customerName {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

[data-store=japan] .register__customerName {
  flex-direction: column-reverse;
}

#RecoverPassword {
  display: block;
}
#RecoverPassword:after {
  content: none;
}

#RecoverPasswordForm {
  display: none;
}

#ResetSuccess {
  display: none;
}

#CustomerLoginForm,
#RecoverPasswordForm,
#create_customer,
#address_form_new,
#contact_form,
#CustomerSurveyForm,
form[id^=address_form_] {
  text-align: center;
}
#CustomerLoginForm label,
#RecoverPasswordForm label,
#create_customer label,
#address_form_new label,
#contact_form label,
#CustomerSurveyForm label,
form[id^=address_form_] label {
  width: 100%;
  max-width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  text-align: left;
  margin-bottom: 5px;
}
#CustomerLoginForm input:not([type=checkbox]),
#CustomerLoginForm select,
#RecoverPasswordForm input:not([type=checkbox]),
#RecoverPasswordForm select,
#create_customer input:not([type=checkbox]),
#create_customer select,
#address_form_new input:not([type=checkbox]),
#address_form_new select,
#contact_form input:not([type=checkbox]),
#contact_form select,
#CustomerSurveyForm input:not([type=checkbox]),
#CustomerSurveyForm select,
form[id^=address_form_] input:not([type=checkbox]),
form[id^=address_form_] select {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
  margin-bottom: 10px;
}
#CustomerLoginForm input[type=checkbox],
#RecoverPasswordForm input[type=checkbox],
#create_customer input[type=checkbox],
#address_form_new input[type=checkbox],
#contact_form input[type=checkbox],
#CustomerSurveyForm input[type=checkbox],
form[id^=address_form_] input[type=checkbox] {
  display: inline;
}
#CustomerLoginForm textarea,
#RecoverPasswordForm textarea,
#create_customer textarea,
#address_form_new textarea,
#contact_form textarea,
#CustomerSurveyForm textarea,
form[id^=address_form_] textarea {
  margin-bottom: 20px;
  width: 100%;
  max-width: 400px;
  height: auto;
}
#CustomerLoginForm .button,
#RecoverPasswordForm .button,
#create_customer .button,
#address_form_new .button,
#contact_form .button,
#CustomerSurveyForm .button,
form[id^=address_form_] .button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  width: 100%;
}
#CustomerLoginForm .button:nth-of-type(1),
#RecoverPasswordForm .button:nth-of-type(1),
#create_customer .button:nth-of-type(1),
#address_form_new .button:nth-of-type(1),
#contact_form .button:nth-of-type(1),
#CustomerSurveyForm .button:nth-of-type(1),
form[id^=address_form_] .button:nth-of-type(1) {
  margin-bottom: 10px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.7s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

#contact_form {
  margin-top: 50px;
  text-align: left;
}
#contact_form p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
#contact_form .form_section--content {
  max-width: 980px;
  margin: 5px auto;
}
#contact_form .form_section--content .inputFields {
  margin: 0 auto;
  max-width: 400px;
}
#contact_form .form_section--error_message {
  margin: 0 0 5px;
  font-size: 12px;
}
#contact_form .form_section .select {
  width: 100%;
}
#contact_form .form_section .select::after {
  display: none;
}
#contact_form .form_section .labels {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 25px;
}
#contact_form .form_section .labels label {
  width: auto;
  margin-right: 0;
  margin-left: 0;
}
#contact_form .form_section .button {
  margin-top: 10px;
  line-height: 1.75;
}
#contact_form .post_message_box {
  width: 100%;
  height: 100px;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#contact_form .post_message_box .post_message {
  text-align: center;
}
#contact_form #ContactFormMessage {
  display: block;
  margin: 0 auto 20px !important;
}
#contact_form .info-area {
  margin: 30px auto;
  text-align: center;
}
#contact_form #loading {
  display: inline-block;
  margin-top: 10px;
  width: 25px;
  height: 25px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.errors ul li {
  color: #f5232a;
}
.errors ul li:last-of-type {
  margin-bottom: 20px;
}

.customer--container,
.customer__order--container,
.address--container {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 90px 60px 80px;
}
.customer--container .wrapper,
.customer__order--container .wrapper,
.address--container .wrapper {
  width: 100%;
  max-width: 100%;
  padding: 30px 30px 40px;
  text-align: center;
}
.customer--container .wrapper h1,
.customer__order--container .wrapper h1,
.address--container .wrapper h1 {
  margin-bottom: 0 !important;
}

.customer__order--container .wrapper {
  padding: 30px 30px 0;
}

.customer--information__side {
  width: 25%;
}
@media (max-width: 1024px) {
  .customer--information__side {
    width: 100%;
    order: 2;
    margin-top: 40px;
  }
}

.customer--information__side--info {
  padding: 20px;
  margin-right: 20px;
  background: #f9f9f9;
  margin-bottom: 20px;
}
.customer--information__side--info ul li:nth-of-type(1) {
  font-weight: 700;
}
.customer--information__side--info ul li a:after {
  content: "" !important;
}
.customer--information__side--info ul li a:hover:after {
  content: "" !important;
}
.customer--information__side--info p {
  border-bottom: 1px solid #fff;
  margin: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .customer--information__side--info {
    width: 100%;
    padding: 0;
  }
}

.customer--information__main {
  width: 75%;
}
@media (max-width: 1024px) {
  .customer--information__main {
    width: 100%;
  }
}
.customer--information__main table {
  width: 100%;
  text-align: left;
}
.customer--information__main table thead tr th {
  padding-bottom: 10px;
}
.customer--information__main table thead tr th:last-of-type {
  padding-right: 20px;
  text-align: right;
}
.customer--information__main table tbody td a {
  font-size: 16px;
}
.customer--information__main table tbody td:last-of-type {
  padding-right: 20px;
  text-align: right;
}

.customer__order--container .customer--information__side .customer--information__side--info {
  margin-bottom: 20px;
}
.customer__order--container .customer--information__side .customer--information__side--info h3 {
  margin: 0 0 10px !important;
}
.customer__order--container .customer--information__side .customer--information__side--info p {
  border: 0;
  margin: 0;
  padding: 0;
}
.customer__order--container .customer--information__side .customer--information__side--info p:nth-of-type(1) {
  padding-bottom: 10px;
}

.order--footer {
  padding: 20px;
  margin-right: 20px;
  background: #f9f9f9;
  float: right;
  margin-top: 40px;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  width: 300px;
}
.order--footer .order--footer--item {
  width: 50%;
}
.order--footer .order--footer--item:nth-of-type(even) {
  text-align: right;
}
.order--footer .order--footer--item.order--total {
  font-weight: 700;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #fff;
}

#address_form_new {
  padding: 10px;
  text-align: left;
  float: left;
}

.add--address--form,
.address--list {
  display: none;
}
.add--address--form.show--panel,
.address--list.show--panel {
  display: block;
}

#AddressNewForm {
  display: block;
}

label[for=address_default_address_new] {
  display: inline-block !important;
  height: 15px;
  margin-left: 18px;
}

.removeNewAddressButton {
  display: none;
}

div[id^=EditAddress_] {
  display: block;
}
div[id^=EditAddress_].hide {
  display: none;
}

.address--list {
  display: none;
}
.address--list.show--panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.address--list .address--list__panel {
  width: 25%;
}
@media (max-width: 1024px) {
  .address--list .address--list__panel {
    width: 50%;
  }
}
.address--list .address--list__panel.hide {
  display: none;
}

.address--list__panel {
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
}

.rc_layout__container {
  padding: 140px 30px;
}
@media (max-width: 1024px) {
  .rc_layout__container {
    padding: 100px 30px;
  }
}

.form-reset-password {
  margin: 200px auto !important;
  display: flex;
  justify-content: center;
}
.form-reset-password form {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.form-reset-password .old-style-input {
  margin-bottom: 10px;
}
.form-reset-password .button:hover,
.form-reset-password .button.is-hovered {
  color: #fff;
}

.account-activation-form {
  margin: 200px auto !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  max-width: 400px;
}
.account-activation-form form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.account-activation-form .old-style-input,
.account-activation-form .button {
  margin-bottom: 10px;
}
.account-activation-form .button:hover,
.account-activation-form .button.is-hovered {
  color: #fff;
}

.register--container .title {
  margin-bottom: 12px;
}
.register--container .errors {
  max-width: 600px;
  margin: 0 auto;
}

.register__mandatory {
  margin-bottom: 38px;
}

.AccountAreaWrapper {
  background-color: #f4f4f6;
}

.AccountPage {
  min-height: 100vh;
  background-color: #f4f4f6;
}

.cart--container {
  margin-top: 90px;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .cart--container {
    margin-top: 60px;
  }
}
.cart--container .wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cart--container .wrapper h1 {
  margin: 0 0 15px;
}
.cart--container .wrapper p {
  text-align: center;
}
.cart--container .wrapper .huel__range--container .wrapper {
  padding-top: 60px;
}

#cart__form {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 0 60px;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  #cart__form {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 940px) {
  #cart__form {
    flex-direction: column;
    padding: 0 30px;
  }
}

.cart--panel__itemloop {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 75%;
}
@media only screen and (max-width: 940px) {
  .cart--panel__itemloop {
    width: 100%;
  }
}
.cart--panel__item {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  order: 2;
}
.cart--panel__item:last-of-type {
  border-bottom: 0;
  margin-bottom: 60px;
}
.cart--panel__item h6 {
  margin-bottom: 10px !important;
  text-transform: uppercase;
  color: black;
}
.cart--panel__item .cart--panel__image {
  padding: 10px 0 10px 20px;
}
.cart--panel__item .cart--panel__image img {
  max-width: 150px;
}
.cart--panel__item .cart--panel__image::after {
  content: none;
}
.cart--panel__item .cart--panel__image:hover::after {
  content: none;
}
@media (max-width: 768px) {
  .cart--panel__item .cart--panel__image {
    padding-left: 0;
  }
}
.cart--panel__item .cart--panel__item--info {
  padding: 10px 0 0 20px;
}
.cart--panel__item .cart--panel__item--info p {
  font-size: 11px;
}
.cart--panel__item--header {
  order: 0;
}
.cart--panel__info {
  width: 75%;
  display: -webkit-flex;
  display: flex;
  text-align: left;
}
.cart--panel__info p {
  margin: 0;
}
.cart--panel__info h6 {
  padding-left: 20px;
}
.cart--panel__qty {
  width: 15%;
  text-align: center;
  justify-self: center;
  align-self: center;
}
.cart--panel__qty input {
  max-width: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 5px 5px 15px;
}
.cart--panel__qty input.set__qty {
  background: #fff !important;
  border: none !important;
  text-align: center !important;
}
.cart--panel__qty h6 {
  margin-bottom: 10px !important;
}
.cart--panel__subtotal {
  width: 10%;
  text-align: center;
  justify-self: center;
  align-self: center;
}
.cart--panel__subtotal h6 {
  margin-bottom: 10px !important;
}
.cart--panel__note {
  width: 50%;
  padding-left: 20px;
}
.cart--panel__note h6 {
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 10px;
}
.cart--panel__note textarea {
  width: 100%;
}
@media only screen and (max-width: 1499px) {
  .cart--panel__note {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .cart--panel__item {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .cart--panel__item:first-of-type {
    display: none;
  }
  .cart--panel__item--addon {
    padding-bottom: 15px;
  }
  .cart--panel__item--addon p {
    margin-bottom: 0;
  }
  .cart--panel__info {
    width: 100%;
  }
  .cart--panel__qty {
    width: 80px;
    margin-left: 180px;
    margin-right: 20px;
  }
  .cart--panel__subtotal {
    width: auto;
  }
  .cart--panel__subtotal span {
    font-size: 20px;
    text-transform: capitalize;
  }
}
@media only screen and (max-width: 499px) {
  .cart--panel__image img {
    margin-top: 20px;
    max-width: 100px !important;
  }
  .cart--panel__qty {
    margin-left: 110px;
  }
}

.subtotal--free {
  text-transform: uppercase;
}

.cart--control__panel {
  width: 25%;
  text-align: center;
  min-width: 300px;
  max-width: 340px;
  flex-basis: auto;
}
.cart--control__panel .cart--control {
  background: #e5e5e5;
  margin: 0 0 10px 10px;
  padding: 20px;
}
.cart--control__panel .cart--control__header {
  font-size: 12px;
}
.cart--control__panel .cart--control__total {
  margin: 10px 0;
}
.cart--control__panel .cart--control__message {
  color: #868686;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 15px;
  max-width: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  line-height: 12px;
}
.cart--control__panel .cart--control input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
}
.cart--control__panel .cart--control input:nth-of-type(1) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 940px) {
  .cart--control__panel {
    width: 100%;
    min-width: 100%;
  }
  .cart--control__panel .cart--control {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
}

.cart--message__delivery {
  margin: 0 0 10px;
  display: block;
  font-size: 12px;
  color: #0b0b0b;
}
.cart--message__delivery--group {
  margin-top: 20px;
}
.cart--message__delivery--group span {
  display: block;
  text-align: center;
}
.cart--message__delivery--group span:last-of-type {
  margin-top: 10px;
}
.cart--message__delivery--group p {
  display: block;
  font-size: 12px;
  color: #898989;
  margin-left: auto;
  margin-right: auto;
  line-height: 16px;
  margin-top: 0;
  width: 100%;
  max-width: 220px;
}
.cart--message__delivery--group img {
  margin-right: 10px;
}
.cart--message__delivery--group img:last-of-type {
  margin-right: 0;
}
.cart--message__payment {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-left: 10px;
  flex-direction: column;
}

.cart__logo--item {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 10px;
}

.cart--product__option h6 {
  margin-top: 0;
  margin-bottom: 5px;
}
.cart--product__option div {
  display: inline-block;
}
.cart--product__option .swatch-input label {
  padding: 0 10px;
}
@media only screen and (max-width: 699px) {
  .cart--product__option {
    margin: 0;
    text-align: center;
  }
}

[data-size-container] {
  display: none;
  padding-right: 60px;
}
[data-size-container].active {
  display: block;
}
@media only screen and (max-width: 940px) {
  [data-size-container] {
    padding-right: 0;
  }
}

.cart--product__button {
  display: block !important;
  margin-top: 10px;
}

.cart--product {
  display: flex;
  border-top: 1px solid #e5e5e5;
}
.cart--product__addon {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  padding: 20px 60px 40px;
  align-items: flex-start;
  justify-content: center;
  border-right: 1px solid #e5e5e5;
}
.cart--product__addon-xl {
  width: 100%;
}
.cart--product__addon:last-of-type {
  border-right: none;
}
.cart--product__addon--title {
  width: 100%;
  text-align: center;
}
.cart--product__addon--title p {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.cart--product__addon--image {
  width: 40%;
  align-self: center;
  display: flex;
  align-items: center;
}
.cart--product__addon--image img {
  display: block;
  margin-right: 10px;
  margin-left: auto;
}
.cart--product__addon--info {
  width: 60%;
}
.cart--product__addon--half {
  width: 25%;
}
@media only screen and (max-width: 940px) {
  .cart--product {
    flex-direction: column;
  }
  .cart--product__addon {
    width: 100%;
    border-left: 0;
  }
  .cart--product__addon:nth-of-type(1) {
    border-bottom: 1px solid #e5e5e5;
  }
  .cart--product__addon--info .cart--product__option {
    padding-right: 100px;
  }
  .cart--product__addon--info .cart--product__option:first-of-type {
    padding-right: 0;
  }
}
@media only screen and (max-width: 749px) {
  .cart--product__addon--info .cart--product__option {
    padding-right: 0;
  }
}
@media only screen and (max-width: 699px) {
  .cart--product__addon {
    flex-direction: column;
  }
  .cart--product__addon--image {
    width: 100%;
  }
  .cart--product__addon--image img {
    margin-left: auto;
    margin-right: auto;
  }
  .cart--product__addon--info {
    width: 100%;
  }
}

.cart--panel__media {
  width: 50%;
  padding-left: 20px;
}
.cart--panel__media h6 {
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 10px;
}
.cart--panel__media section.MediaBanner {
  width: 100%;
}
.cart--panel__media section.MediaBanner .MediaBanner__item {
  padding: 0 0 15px;
}
.cart--panel__media section.MediaBanner .MediaBanner__item a {
  cursor: default;
}
@media only screen and (max-width: 1499px) {
  .cart--panel__media {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
.cart--panel__footer {
  display: flex;
  padding-top: 20px;
  order: 3;
}
@media only screen and (max-width: 1499px) {
  .cart--panel__footer {
    flex-direction: column;
  }
  .cart--panel__footer .cart--panel__media {
    order: 1;
    margin-bottom: 0;
  }
  .cart--panel__footer .cart--panel__note {
    order: 2;
    margin-top: 20px;
  }
}

.cart--collection {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.cart--collection h3 {
  margin-bottom: 40px;
}
.cart--collection__loop {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.cart--collection__item {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px;
}
.cart--collection__item a {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.cart--collection__item a.button {
  min-width: 150px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.cart--collection__image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.cart--collection__title {
  margin: 20px 0;
}
@media (max-width: 768px) {
  .cart--collection__loop {
    flex-direction: column;
  }
  .cart--collection__item {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .cart--collection__item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .cart--collection__item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.new-line-properties ul {
  display: flex;
  flex-direction: column;
}
.new-line-properties ul .cart-delivery {
  order: 1;
  font-size: 11px;
}
.new-line-properties ul li {
  order: 2;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0;
}
.new-line-properties ul li span {
  font-size: 11px;
}

.scroll--addon {
  background: #f58523;
  order: 1;
  cursor: pointer;
  padding-bottom: 0;
}
.scroll--addon p {
  text-align: center;
  padding: 10px;
  margin: 0;
  width: 100%;
  color: #fff;
  font-size: 13px;
}

.cart__prop65-warning {
  text-align: center;
  padding: 20px 20px 0 20px;
  margin-bottom: -5px;
  order: 3;
}

.has-text-orange {
  color: #f58523;
}

.cart__payment-icons img {
  height: 15px;
  margin-left: 10px;
}

.icons-center-wrapped {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cart__container {
  min-height: 90vh;
  margin: 0 auto 0;
  padding: 40px 40px 0;
  max-width: 1350px;
  display: flex;
  flex-wrap: wrap;
}
.cart__container .is-size-1 {
  font-size: 56px !important;
}
.cart__container .is-size-2 {
  font-size: 44px !important;
}
.cart__container .is-size-3 {
  font-size: 35px !important;
}
.cart__container .is-size-4 {
  font-size: 26px !important;
}
.cart__container .is-size-5 {
  font-size: 20px !important;
}
.cart__container .is-size-6 {
  font-size: 16px !important;
}
.cart__container .is-size-7 {
  font-size: 14px !important;
}
.cart__container .is-size-8 {
  font-size: 12px !important;
}

.cart__container--empty {
  width: 100%;
  max-width: none;
  padding: 40px 0 0;
}
.cart__container--empty .empty-cart-wrapper {
  width: 100%;
}

.item__remove-button a,
.total__container a,
.tile__text-container a,
.headings__wrapper a {
  color: #36a8de;
  text-decoration: underline;
  transition: color 0.3s;
}
.item__remove-button a:hover,
.total__container a:hover,
.tile__text-container a:hover,
.headings__wrapper a:hover {
  color: #F58523;
}

.cart__items {
  flex-grow: 1;
  width: 60%;
}
.cart__items .cart__header .title {
  margin-top: 0;
}
.cart__items .tooltip {
  margin-left: 2px;
}
.cart__items .tooltip svg {
  width: 14px;
  height: 14px;
  transform: translateY(3px);
}
.cart__items .tooltip:after {
  content: attr(aria-label);
}

.cart__clear--mobile {
  border-left: 1px solid #7a7a7a;
  padding-left: 4px;
  text-decoration: none;
  color: #7a7a7a;
  display: none;
}

.line-items__headings {
  display: flex;
  margin: 30px 30px 10px;
}

.line-item {
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  margin: 0 0 20px 0;
}
.line-item.line-item--is-tshirt-prompt, .line-item.line-item--is-cap-prompt {
  border: 1px solid #4a4a4a;
}

.line-item .item {
  display: flex;
  padding: 30px;
}
.line-item .item.addon {
  padding: 20px 30px;
}
@media screen and (max-width: 400px) {
  .line-item .item.addon {
    overflow-x: scroll;
  }
}
.line-item .item.addon:nth-of-type(even) {
  background-color: #fafafa;
}

.item__image-container,
.line-items__headings > span {
  width: 77px;
  min-width: 77px;
  margin: 0 30px 0 0;
}

.item__image-container a, .item__image-container > img {
  display: flex;
  align-items: flex-start;
}
.item__image-container img {
  border: 1px solid #f2f2f2;
  min-width: 77px;
}

.addon_image img {
  background: #fff;
  width: 55px;
  min-width: 55px;
}

.item__details,
.headings__wrapper {
  display: flex;
  flex-grow: 1;
}

.item__details .item__heading,
.item__details .item__purchase-type,
.item__details .item__quantity,
.item__details .item__price {
  padding-right: 30px;
}

.item__heading,
.headings__wrapper li:first-of-type {
  flex: 0 1 31%;
}
.item__heading a,
.headings__wrapper li:first-of-type a {
  text-decoration: none;
}

.item__heading--addon {
  flex: 0 1 60%;
}

.item__purchase-type,
.headings__wrapper li:nth-of-type(2) {
  flex: 0 1 23%;
}

.item__quantity,
.item__price,
.headings__wrapper li:nth-of-type(3),
.headings__wrapper li:nth-of-type(4) {
  flex: 0 1 17%;
}
.item__quantity strong,
.item__price strong,
.headings__wrapper li:nth-of-type(3) strong,
.headings__wrapper li:nth-of-type(4) strong {
  display: none;
}

.item__remove-button,
.headings__wrapper li:nth-of-type(5) {
  flex: 1;
  text-align: right;
}

.headings__wrapper li:nth-of-type(5) {
  white-space: nowrap;
}

.item__remove-button--container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 200px;
}
.item__remove-button--container .remove-promotion {
  margin-right: 10px;
}

.cart__button {
  padding: 0 10px;
  font-size: 12px;
  line-height: 45px;
  background: transparent;
  color: #4a4a4a;
  border: 1px solid #4a4a4a;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  transition: border-color 0.3s ease;
  cursor: pointer;
  outline: none;
  clear: both;
  white-space: nowrap;
}

.cart__button:hover {
  border-color: #b5b5b5;
}

.cart__button--green {
  background-color: #35bd5a;
  color: #fff;
  border: none;
  position: relative;
}

.item__flavours {
  display: flex;
  flex-wrap: wrap;
}
.item__flavours span:not(:last-child):after {
  content: ", ";
}

.cart__aside {
  width: 27%;
  margin-left: 20px;
}

.total__container {
  border-radius: 4px;
  background-color: #232323;
  padding: 30px;
}
.total__container .total__title {
  color: #fff;
}
.total__container .total__coupon-notice {
  margin: 0 auto 20px;
}
.total__container .total__payment-icons {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.total__container .total__delivery-message {
  background-image: linear-gradient(to right, rgba(128, 135, 141, 0.06) 0%, rgba(128, 135, 141, 0.41) 50%, rgba(128, 135, 141, 0.06) 100%);
  padding: 10px 30px;
  margin: 20px -30px;
}
.total__container .cart__continue-link {
  display: block;
  text-align: center;
  margin: 15px auto;
}

.checkout-button__total-price {
  display: none;
}
.checkout-button__total-price > span {
  margin-right: 5px;
}

.button__container {
  display: block !important;
  padding: 15px;
  color: #fff;
  background-color: #35bd5a;
  border: none;
  border-radius: 4px;
  transition: background-color 0.3s;
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  margin: 0 auto 20px;
}
.button__container .checkout-button__text-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.button__container .checkout-button__text {
  margin-left: 10px;
}

.button__container:hover {
  background: #2a9547;
}

.tile {
  display: flex;
  justify-content: space-around;
  padding: 30px;
  border-radius: 4px;
  border: 1px solid #ededed;
  margin: 20px 0 0;
  transition: border-color 0.3s;
}
.tile .tile__icon {
  margin: 3px 10px 0 0;
}
.tile .tile__icon svg {
  width: 20px;
  height: 20px;
}
.tile .tile__chevron {
  padding-left: 10px;
}
.tile .tile__chevron svg {
  width: 10px;
  height: 10px;
}
.tile .tile__content {
  width: 100%;
}
.tile .tile__text-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -15px;
}
.tile .RAF-title a {
  text-decoration: none;
  color: #363636;
}
.tile .loading-icon-container div {
  border: 3px solid #0b0b0b;
  border-top-color: transparent;
}

.tile:nth-of-type(odd) {
  background-color: #fafafa;
}

.tile:hover {
  cursor: pointer;
  border-color: #b5b5b5;
}

.tile__mention-me-error-message {
  display: none;
  margin-top: 20px;
  color: #f5232a;
  font-size: 14px;
}

#mmWrapper:not(:empty) ~ .tile__mention-me-fallback-heading {
  display: none;
}

.media__container {
  width: 100%;
  margin-top: 60px;
}
.media__container .MediaBanner {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.media__container .MediaBanner img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.7;
}

.media__container--bottom {
  display: none;
}

.cart__footer {
  width: 100%;
  margin: 6vw 0 0;
  padding: 20px 0;
  color: #80878d;
  border-top: 1px solid #f2f2f2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-self: flex-end;
}
.cart__footer .footer_copyright {
  padding: 0 5px 0 0;
}
.cart__footer .footer__links-container {
  display: flex;
}
.cart__footer .footer_link-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cart__footer .footer_link-list li > a {
  padding: 0 5px;
  border-left: 1px solid #80878d;
  line-height: 1;
  color: #80878d;
  text-decoration: none;
}
.cart__footer .cart__payment-icons img {
  filter: grayscale(100%);
  opacity: 0.5;
}

.cart__footer--empty {
  max-width: 1200px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
}

.empty-cart-wrapper {
  text-align: center;
  margin: 0 auto;
}
.empty-cart-wrapper ul {
  justify-content: center;
}
.empty-cart-wrapper ul a {
  text-decoration: none;
}

.tooltip-container {
  display: flex;
  flex-wrap: wrap;
}
.tooltip-container span:first-of-type {
  margin-right: 5px;
}

@media screen and (max-width: 1119px) {
  .cart__container {
    padding-bottom: 100px;
  }
  .cart__aside {
    width: 100%;
    margin-left: 0;
  }
  .cart__tiles {
    display: flex;
    justify-content: space-between;
  }
  .cart__tiles .tile {
    flex-basis: auto;
    flex-basis: 48.5%;
  }
  .media__container {
    margin: 20px 0;
  }
  .media__container--top {
    display: none;
  }
  .media__container--bottom {
    display: block;
  }
  .cart__footer {
    border: none;
  }
}
@media screen and (max-width: 900px) {
  .cart__clear--mobile {
    display: inline-block;
  }
  .line-items__headings {
    visibility: hidden;
    margin: 0;
  }
  .line-item .item {
    align-items: flex-start;
  }
  .item__details {
    flex-wrap: wrap;
  }
  .item__details .item__quantity,
  .item__details .item__price {
    margin-top: 20px;
  }
  .item__details .item__quantity > strong,
  .item__details .item__price > strong {
    display: inline-block;
  }
  .item__details .item__heading,
  .item__details .item__quantity {
    flex: 0 1 45%;
  }
  .item__details .item__purchase-type,
  .item__details .item__price {
    flex: 0 1 33%;
  }
  .item__details .item__remove-button,
  .item__details .headings__wrapper li:nth-of-type(5) {
    min-width: auto;
  }
  .item__details .item__heading {
    order: 1;
  }
  .item__details .item__purchase-type {
    order: 2;
  }
  .item__details .item__remove-button {
    order: 3;
  }
  .item__details .item__quantity {
    order: 4;
  }
  .item__details .item__price {
    order: 5;
  }
  .item__image-container,
  .line-items__headings > span {
    width: 65px;
    min-width: 65px;
  }
  .item__image-container img {
    min-width: 65px;
  }
  .addon_image img {
    min-width: 55px;
  }
  .cart__footer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .cart__footer .footer__links-container {
    flex-direction: column;
  }
  .cart__footer .footer_link-list {
    margin: 10px 0;
  }
  .cart__footer .footer_link-list li:first-of-type > a {
    border: none;
    padding-left: 0;
  }
  .cart__tiles {
    flex-direction: column;
  }
  .cart__tiles .tile {
    flex-basis: auto;
  }
}
@media screen and (max-width: 650px) {
  .cart__container {
    padding: 20px 20px 60px;
  }
  .item__details {
    flex-direction: column;
  }
  .item__details .item__quantity,
  .item__details .item__price,
  .item__details .item__purchase-type,
  .item__details .item__remove-button {
    margin-top: 10px;
  }
  .item__details .item__heading,
  .item__details .item__purchase-type,
  .item__details .item__quantity,
  .item__details .item__price,
  .item__details .item__remove-button {
    flex: 1 1 auto;
    padding-right: 0;
  }
  .item__details .item__remove-button {
    text-align: left;
    justify-content: flex-start;
    order: 5;
  }
  .item__details .headings__wrapper {
    flex-grow: 0;
  }
  .item__details [data-tooltip]:after {
    margin-left: -135px;
  }
  .cart__footer {
    text-align: center;
    align-items: center;
  }
  .cart__footer svg {
    width: 100%;
  }
  .item__remove-button--container a {
    display: none;
  }
}
.CartMixAndMatchBundle {
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  background-color: #fff;
}

.CartMixAndMatchBundle__header {
  display: flex;
  justify-content: space-between;
  padding: 6px 30px;
  background-color: #F0F0F0;
  font-size: 18px;
}
.CartMixAndMatchBundle__header h3 {
  margin-bottom: 0;
}

.CartMixAndMatchBundle__header-buttons-group {
  display: flex;
  min-width: 80px;
  justify-content: space-between;
}
.CartMixAndMatchBundle__header-buttons-group a {
  display: contents;
}
.CartMixAndMatchBundle__header-buttons-group button {
  transition: color 0.3s;
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  text-decoration: underline;
  color: #36a8de;
  cursor: pointer;
}
.CartMixAndMatchBundle__header-buttons-group button:hover, .CartMixAndMatchBundle__header-buttons-group button:focus, .CartMixAndMatchBundle__header-buttons-group button:focus-visible, .CartMixAndMatchBundle__header-buttons-group button:focus-within {
  color: #F58523;
}

.CartMixAndMatchBundle__header-separator {
  color: #e5e5e5;
  font-size: 16px;
}

.CartMixAndMatchBundle__items {
  padding: 30px;
}
.CartMixAndMatchBundle__items .line-item {
  border: none;
  margin: 0;
}
.CartMixAndMatchBundle__items .line-item:not(:last-of-type) .item {
  padding: 0 0 15px 0;
}
.CartMixAndMatchBundle__items .line-item:last-of-type .item {
  padding: 0;
}
.CartMixAndMatchBundle__items .item__image-container img {
  border-color: #e5e5e5;
  border-radius: 4px;
}

h1.blog-header {
  text-align: center;
  margin-bottom: 40px;
}

.article-container {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.article-panel-container {
  flex: 0 0 33.3333333333%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0.5rem;
  box-sizing: border-box;
  margin: 0;
}

@media only screen and (max-width: 630px) {
  .article-panel-container {
    flex: 0 0 50%;
  }
  .article-panel-container:nth-of-type(9) {
    display: none;
  }
}
@media only screen and (max-width: 440px) {
  .article-panel-container {
    flex: 0 0 100%;
  }
  .article-panel-container:nth-of-type(9) {
    display: flex;
  }
}
.article-panel-container:before {
  content: "";
  display: table;
  padding-top: 100%;
}

.article-panel {
  width: 100%;
  background: #f0f0f0;
}

.article-image {
  position: relative;
  width: 100%;
  background-position: center center;
  background-size: cover;
}

.article-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.article-image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.article-info {
  padding: 6% 8%;
  text-align: left;
}

.article-info span {
  display: block;
  font-weight: 700;
}

.article-info span a {
  color: #0b0b0b;
  margin-bottom: 20px;
  font-size: 16px;
}

.article-info a {
  display: block;
  font-size: 14px;
  font-weight: 700;
}

.blog-description {
  text-align: center;
  margin-bottom: 60px;
}

.blog-description h4 {
  font-weight: 700;
}

.blog-description p {
  font-size: 14px;
}

.heating-huel {
  padding-top: 25px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}

.related-container {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.article-panel-container {
  flex: 0 0 33.3333333333%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0.5rem;
  box-sizing: border-box;
  margin: 0;
}

@media only screen and (max-width: 630px) {
  .article-panel-container {
    flex: 0 0 50%;
  }
  .article-panel-container:nth-of-type(3) {
    display: none;
  }
}
@media only screen and (max-width: 440px) {
  .article-panel-container {
    flex: 0 0 100%;
  }
  .article-panel-container:nth-of-type(3) {
    display: flex;
  }
}
.article-panel-container:before {
  content: "";
  display: table;
  padding-top: 100%;
}

.article-panel {
  width: 100%;
  background: #f0f0f0;
}

.rel-image {
  position: relative;
  width: 100%;
  background-position: center center;
  background-size: cover;
}

.rel-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.rel-image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.rel-info {
  padding: 6% 8%;
  text-align: left;
}

.rel-info span {
  display: block;
  font-weight: 700;
}

.rel-info span a {
  color: #0b0b0b;
  margin-bottom: 20px;
  font-size: 16px;
}

.rel-info a {
  display: block;
  font-size: 14px;
  font-weight: 700;
}

.recipe-container {
  margin-top: 90px;
}
@media (max-width: 1024px) {
  .recipe-container {
    margin-top: 60px;
  }
}
.recipe-container .wrapper {
  display: flex;
  align-items: flex-start;
  align-content: stretch;
}
@media (max-width: 1024px) {
  .recipe-container .wrapper {
    flex-direction: column;
    padding-top: 30px;
  }
}
.recipe-container .wrapper h3 {
  text-align: left !important;
  margin-top: 30px !important;
  margin-bottom: 10px !important;
}

.recipe-image {
  order: 1;
}
@media (max-width: 1024px) {
  .recipe-image {
    order: 2;
  }
}

.recipe-content {
  order: 2;
}
@media (max-width: 1024px) {
  .recipe-content {
    order: 1;
  }
}

.recipe-column {
  flex: 1 0;
  margin-right: 20px;
}
@media (max-width: 1024px) {
  .recipe-column {
    width: 100%;
  }
}

.mobile-recipe-image {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .recipe-container {
    flex-direction: column-reverse;
  }
  .recipe-column {
    flex: 1 100%;
    margin: 0;
  }
  .recipe-image img {
    display: none;
  }
  .mobile-recipe-image {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
}
.recipe-column:last-child {
  margin-right: 0;
}

.recipe-upsell {
  text-align: center;
}

.recipe-upsell h4 {
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}

.recipe-upsell p {
  font-size: 10px;
  max-width: 190px;
  margin: 0 auto 20px;
}

.recipe-upsell img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.recipe-header h1 {
  margin-top: 0;
}

.recipe-icon {
  display: inline-block;
  text-align: center;
}

.recipe-info ul {
  display: flex;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

ul {
  margin: 0;
}

h3 {
  margin-bottom: 10px;
}

.recipe-description {
  font-size: 14px;
}

.recipe-ingredients ul li {
  margin: 0;
  font-size: 14px;
  margin-bottom: 5px;
}

.recipe-icon {
  margin-right: 20px;
}

.recipe-icon span {
  display: block;
  font-size: 11px;
  font-weight: 700;
}

.recipe-instructions {
  font-size: 14px;
}

.recipe-instructions ul {
  padding-left: 18px;
}
.recipe-instructions ul li {
  list-style-type: decimal;
  margin-bottom: 10px;
}

.btn {
  background: #00aff0;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #ffffff;
  -webkit-appearance: none;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  cursor: pointer;
  border: none;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.related-articles {
  text-align: center;
}

.related-articles h2 {
  margin-bottom: 30px;
}

.related-articles a {
  font-weight: 700;
}

/*.related-articles ul li{*/
/*    width: 33%;*/
/*    display: inline-block;*/
/*}*/
.btn {
  background: #00aff0;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #ffffff;
  -webkit-appearance: none;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  cursor: pointer;
  border: none;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.btn:hover {
  background: #0093ca;
  color: #fff;
}

.product-list-item-details a {
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 16px;
}

.ig-header {
  text-align: center;
}

.ig-panel--container {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.ig-panel {
  flex: 0 0 16.6666666667%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0.5rem;
  box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
  .ig-panel {
    flex: 0 0 33.3333333333%;
  }
}
@media only screen and (max-width: 630px) {
  .ig-panel {
    flex: 0 0 50%;
  }
}
.ig-panel:before {
  content: "";
  display: table;
  padding-top: 100%;
}

.ig-panel a {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  background-size: cover;
  background-position: center center;
}

.blog--container {
  flex-direction: column;
}

.related-articles {
  flex-direction: column;
}

.social-share a:hover:after {
  content: none !important;
}

.blog-section,
.article-section {
  margin-top: 90px;
}
@media (max-width: 1024px) {
  .blog-section,
  .article-section {
    margin-top: 60px;
  }
}
.blog-section .wrapper,
.article-section .wrapper {
  max-width: 980px;
  width: 100%;
}
.blog-section .wrapper h3,
.article-section .wrapper h3 {
  margin: 0;
  text-align: left;
}
.blog-section .wrapper h3 a,
.article-section .wrapper h3 a {
  font-size: 24px;
}

.blog-section-item {
  margin-bottom: 40px;
}
.blog-section-item ul {
  display: none;
}

.fourohfour .wrapper p {
  text-align: center;
}

.fintech-signup {
  display: none;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
}
.fintech-signup table {
  width: 100%;
}
.fintech-signup h1 {
  max-width: 350px !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  margin-top: 0;
}
.fintech-signup p {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.ometria__input {
  width: 100%;
  margin-bottom: 10px;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.ometria__button {
  width: 100%;
  display: block !important;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  margin-top: 20px;
  line-height: 45px !important;
}

.fintech-codebox {
  display: none;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 50px;
  background: #00aff0;
  padding: 20px;
}
.fintech-codebox p {
  padding: 0;
  color: #fff;
}
.fintech-codebox h3 {
  margin: 0;
  color: #fff;
  padding: 0;
}

.fifty__sections-container {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.fifty__sections-container .fifty-hr {
  margin: 50px auto;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
  max-width: 1000px;
}
.fifty__sections-container ul li {
  list-style-type: disc;
}

.fifty__header-container {
  margin-top: 150px;
}
.fifty__header-container .fifty__heading {
  margin-bottom: 25px;
}
.fifty__header-container .fifty__paragraph-container {
  margin: 0 auto;
  width: 80vw;
  max-width: 560px;
}
.fifty__header-container .fifty__subheading {
  max-width: 700px;
  margin: 50px auto;
}
.fifty__header-container .fifty__video-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 25px auto;
  width: 100%;
  max-width: 1000px;
}
.fifty__header-container .fifty__video-container .video-container__copy {
  margin-top: 25px;
}
.fifty__header-container .fifty__video-container .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.fifty__header-container .fifty__video-container .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.imgtxt--panel__container .imgtxt--panel {
  margin-top: 150px;
  margin-bottom: 150px;
}

.imgtxt--panel__container.no-border {
  border: none;
}

.fifty__bottom-container {
  padding: 0 75px 75px;
}
.fifty__bottom-container .fifty__bottom-heading {
  padding: 0 20px;
}
.fifty__bottom-container .fifty__button-container {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.fifty__bottom-container .fifty__references {
  margin-top: 150px;
}

.fifty__image-txt-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin: 50px auto;
}
.fifty__image-txt-container .image-txt-container__image {
  width: 80vw;
  max-width: 400px;
}
.fifty__image-txt-container .image-txt-container__text {
  width: 80vw;
  max-width: 600px;
  padding: 50px;
}

@media screen and (max-width: 1024px) {
  .imgtxt--panel__container .imgtxt--panel {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .fifty__header-container {
    margin-top: 90px;
    padding-top: 22px;
  }
  .fifty__header-container .fifty__heading {
    width: 90vw;
    margin: 0 auto 40px;
  }
  .fifty__header-container .fifty__subheading {
    margin: 50px auto 0;
    width: 90vw;
  }
}
@media screen and (min-width: 950px) and (max-width: 1024px) {
  .fifty__header-container .fifty__subheading {
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 950px) {
  .fifty__header-container .fifty__video-container {
    margin: 10px auto;
  }
  .fifty__header-container .fifty__video-container .video-container__copy {
    margin-top: 10px;
  }
  .fifty__image-txt-container {
    flex-direction: column;
  }
  .fifty__image-txt-container .image-txt-container__image {
    width: 100%;
    max-width: none;
  }
  .fifty__image-txt-container .image-txt-container__text {
    padding: 30px 0;
  }
  .fifty__bottom-container {
    margin-top: 0;
    padding: 0;
  }
  .fifty__bottom-container .fifty__references {
    margin-left: 5vw;
  }
  .fifty__bottom-container .fifty__references > ol {
    word-break: break-word;
    max-width: 80vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1179px) {
  #shopify-section-fifty-million-grid .img--panel {
    height: 45vw;
    align-self: center;
  }
}
@media screen and (max-width: 949px) {
  #shopify-section-fifty-million-grid .img--panel {
    height: 65vw;
  }
}
@media screen and (max-width: 500px) {
  #shopify-section-fifty-million-grid .img--panel {
    height: 80vw;
  }
}
.doubleoptin-container {
  margin-top: 100px;
}

.doubleoptin-header {
  padding: 10rem 0;
}
.doubleoptin-header__image {
  width: 70px;
  display: block;
  margin: 0 auto;
}
.doubleoptin-header__paragraph {
  width: 80vw;
  max-width: 560px;
  margin: 0 auto;
}

.doubleoptin-range {
  padding: 5rem 0;
}

.doubleoptin-blocks .doubleoptin-block .button {
  background-color: #0b0b0b;
  color: #fff;
  height: 50px;
  line-height: 48px;
  min-width: auto;
}
.doubleoptin-blocks .doubleoptin-block .button:hover {
  border-color: #0b0b0b;
  background-color: #f58523;
  color: #fff;
}

.doubleoptin-social {
  display: flex;
  margin-top: 35px;
}
.doubleoptin-social li {
  margin-right: 25px;
}
.doubleoptin-social img {
  width: 36px;
}

@media screen and (max-width: 1024px) {
  .doubleoptin-container {
    margin-top: 65px;
  }
  .doubleoptin-header {
    padding: 6rem 0;
  }
}
/*
*   Nutrition Hub Top Section
*/
.product-cards-section {
  background: #F2F2F2;
  margin-top: 60px;
  padding: 0 20px;
}

.nutrition-hub-title {
  padding: 1.43rem;
  background: #0b0b0b;
  color: #fff;
  margin-left: -20px;
  margin-right: -20px;
}

.nutrition-hub-description {
  margin: 20px auto;
}

.product-cards {
  max-width: 1280px;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.product-card {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 1.893rem;
  border-radius: 4px;
  max-width: 600px;
  margin: 0 auto 20px;
}
.product-card figure {
  display: flex;
  justify-content: center;
  margin: 0 0 20px 0;
}
.product-card article {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product-card article > *:not(:last-child) {
  margin-bottom: 20px;
}

.product-description {
  margin-bottom: 2.86rem;
}

.product-card-btn {
  font-size: 0.93rem;
  align-self: flex-start;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}

/*
*   Nutrition Hub Guides & Articles
*/
.guides-section-container {
  padding: 0 40px;
  margin-bottom: 40px;
}

.guides-section-title {
  margin-top: 60px;
}

.guides-section {
  border-bottom: 2px solid #ededed;
}
.guides-section .article-inner {
  padding: 0 0 40px 15px;
}
.guides-section li {
  list-style-type: disc;
  padding-bottom: 1.7143rem;
  margin-left: 2.2857rem;
}
.guides-section li a {
  color: #4a4a4a;
  text-decoration: underline;
  transition: color 0.3s ease;
}
.guides-section li a:hover {
  color: #f58523;
}
.guides-section li:last-child {
  padding-bottom: 0;
}
.guides-section #Rectangle1 {
  transition: opacity 0.2s ease-in-out;
}
.guides-section.open #Rectangle1 {
  opacity: 0;
}

.guides-accordion {
  border-top: 2px solid #ededed;
  margin-top: 2.43rem;
}

.guides-title {
  float: none !important;
  margin-left: 0.857rem;
}

.guides-expand-icon {
  display: flex;
  margin: 0;
  float: none !important;
}
.guides-expand-icon svg {
  width: 20px;
  height: 20px;
}

.guides-header {
  display: flex;
  align-items: center;
  padding: 40px 0;
}

/*
*   Media Queries
*/
@media screen and (min-width: 700px) {
  .nutrition-hub-description {
    max-width: 531px;
  }
  .product-card {
    max-width: 300px;
    margin: 0 10px 20px;
  }
  .nutrition-hub-description,
  .product-cards {
    margin: 40px auto;
  }
}
@media screen and (min-width: 900px) {
  .guides-section {
    padding: 40px 0;
    display: flex;
    align-items: flex-start;
  }
  .guides-section li {
    margin-left: 0;
  }
  .guides-section .article-inner {
    padding-bottom: 0;
  }
  .guides-header {
    flex-basis: 55%;
    padding: 0;
  }
}
@media screen and (min-width: 1025px) {
  .product-cards-section {
    margin-top: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .guides-section-container {
    margin: 0 auto 40px;
    max-width: 1060px;
    padding: 0;
  }
}
.collection {
  background-color: #FAFAFA;
}
.collection > section {
  background-color: transparent;
}
.collection .card .buttons {
  width: 100%;
}
.collection .button:hover {
  color: #fff;
}

.collectionBanner {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.collectionBanner-container {
  background-color: #fff;
  margin-left: 40px;
  margin-right: 40px;
  padding: 40px;
}

.collectionBanner-top {
  display: flex;
}

.collectionBanner-bottom {
  margin-top: 80px;
}

.collectionBanner-headings,
.collectionBanner-aside {
  flex: 1 1 50%;
}

.collectionBanner-headings .subtitle {
  margin-top: -0.5rem;
  color: #0b0b0b;
}

.collectionBanner-aside {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: 40px;
}

.huelBenefits-container {
  display: flex;
  justify-content: space-between;
}

.huelBenefit {
  display: flex;
  flex-basis: 280px;
  max-width: 280px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.huelBenefit-left {
  flex-shrink: 0;
  margin: 0 10px 0 0;
}

.huelBenefit-title {
  margin-bottom: 5px;
  font-weight: 700;
}

.collection-facts {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  max-width: 580px;
}

.fact {
  flex: 0 1 180px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.fact p {
  font-weight: 700;
}
.fact p::before {
  content: "✓";
  margin-right: 5px;
}

@media screen and (max-width: 1280px) {
  .collectionBanner-top {
    display: block;
  }
  .collectionBanner-bottom {
    display: none;
  }
  .collectionBanner-aside {
    justify-content: flex-start;
    margin-left: -10px;
    margin-top: 20px;
  }
  .collection-facts {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .collectionBanner-container {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }
}
.keyworker-discount-page {
  max-width: 980px;
  padding: 60px 0;
}
.keyworker-discount-page .background-image {
  background-size: cover;
  width: 100%;
  min-height: 800px;
}
@media (max-width: 768px) {
  .keyworker-discount-page .background-image {
    min-height: 400px;
    background-position: center center;
  }
}
.keyworker-discount-page .content {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .keyworker-discount-page .content {
    padding: 0;
  }
}
.keyworker-discount-page .no-bullets li {
  list-style-type: none;
}
.keyworker-discount-page .checkbox {
  font-size: 0.875rem;
}
.keyworker-discount-page .checkbox #PageInputValue {
  font-size: 2rem;
  transform: scale(1.2);
  margin: 6px;
}
.keyworker-discount-page .verification-container {
  margin-top: 50px;
  text-align: center;
}
.keyworker-discount-page .keyworker-discount-form {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.keyworker-discount-page .keyworker-discount-form .input-control {
  flex: 1;
}
.keyworker-discount-page .keyworker-discount-form .button {
  height: 3rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.keyworker-discount-page .keyworker-discount-form .button:hover {
  color: #fff;
}
.keyworker-discount-page .keyworker-discount-form .button[disabled] {
  background-color: #0b0b0b;
}
.keyworker-discount-page .keyworker-discount-message {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.sav-launch-page {
  max-width: 1080px;
  padding: 60px 0;
}
.sav-launch-page .background-image {
  background-size: cover;
  background-position: center center;
  width: 100%;
  min-height: 500px;
}
@media screen and (max-width: 470px) {
  .sav-launch-page .background-image {
    min-height: 350px;
  }
}
.sav-launch-page .content {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .sav-launch-page .content {
    padding: 0;
  }
}
.sav-launch-page .success-icon {
  display: flex;
  justify-content: center;
}

.launch-form {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.launch-form .input-control {
  flex: 1;
}
.launch-form .button {
  height: 3rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.launch-form .button:hover {
  color: #fff;
}

.update-lang-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  transition: opacity 0.2s;
}
.update-lang-loader.is-active {
  opacity: 1;
  z-index: 1;
}
.update-lang-loader .loader {
  height: 80px;
  width: 80px;
}

.update-lang-content {
  position: relative;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s;
}
.update-lang-content.is-active {
  opacity: 1;
  z-index: 1;
}
.update-lang-content a {
  color: #fff;
  text-decoration: underline;
}

.update-lang-box {
  position: relative;
  text-align: center;
  max-width: 500px;
  margin: 40px auto 0;
  padding: 2rem;
}
.update-lang-box.is-success {
  background-color: #23d160;
}
.update-lang-box.is-danger {
  background-color: #ff3860;
}
.update-lang-box .icon {
  margin: auto;
  display: block;
  margin-bottom: 25px;
  width: 100px;
  height: 100px;
}
.update-lang-box .update-lang-content .title {
  margin-top: 0;
  margin-bottom: 10px;
}

.CampaignSupport {
  margin-bottom: 80px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  .CampaignSupport {
    padding-top: 4px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    margin-bottom: 7px;
  }
}

.CampaignSupport__image-text-2 .ImageWithSideText {
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .CampaignSupport__image-text-2 .ImageWithSideText {
    margin-bottom: 42px;
  }
}

.ChooseYourGoal {
  margin-bottom: 80px;
}
@media (max-width: 900px) {
  .ChooseYourGoal .column.is-8 {
    width: 100%;
  }
  .ChooseYourGoal .title {
    font-size: 2.75rem;
  }
}
@media (max-width: 768px) {
  .ChooseYourGoal {
    margin-bottom: 0;
  }
}

.ChooseYourGoal__intro {
  margin-bottom: 36px;
}

.IndexPage .ImageWithSideText:first-of-type {
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .IndexPage .ImageWithSideText:first-of-type {
    margin-bottom: 80px;
  }
}

.SurveyForm {
  text-align: center;
}
.SurveyForm p:not(:last-child) {
  margin-bottom: 38px;
}
.SurveyForm input[type=checkbox] {
  display: block !important;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-bottom: 20px;
}

.SurveyForm__recaptcha-notice {
  max-width: 400px;
  margin: 20px auto 0;
  font-size: 12px;
}

.MerchTemplate {
  margin-bottom: 150px;
  padding-top: 22px;
}
.MerchTemplate .column.is-8 {
  width: calc(100% - ((375px + 60px) - 12px));
  margin-right: calc(60px - 12px);
}
.MerchTemplate .column.is-4 {
  width: 375px;
}
@media (max-width: 1200px) {
  .MerchTemplate {
    margin-bottom: 80px;
  }
  .MerchTemplate .column.is-8 {
    width: calc(100% - ((375px + (60px / 2)) - 12px));
    margin-right: calc((60px / 2) - 12px);
  }
}
@media (max-width: 1023px) {
  .MerchTemplate {
    padding-top: 0;
    margin-bottom: 50px;
  }
  .MerchTemplate .container2020 {
    padding: 0;
  }
  .MerchTemplate .container2020 .columns {
    margin-left: 0;
    margin-right: 0;
  }
  .MerchTemplate .container2020 .column.is-8 {
    width: 100%;
    margin-right: 0;
    padding: 0;
  }
  .MerchTemplate .container2020 .column.is-4 {
    padding: 0 28px;
  }
  .MerchTemplate .column.is-4 {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .MerchTemplate .column.is-4 {
    padding: 0 20px;
  }
}

.MerchTemplate__side-panel {
  max-width: 372px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .MerchTemplate__side-panel {
    padding: 0 28px;
  }
}

.FindYourPerfectHuel a:not(.button-2021):not(.btn):not(.button):not(.btn-pill):not(.button-link) {
  color: #51bced;
  transition: all 150ms linear;
}
.FindYourPerfectHuel a:not(.button-2021):not(.btn):not(.button):not(.btn-pill):not(.button-link):hover {
  color: #0b0b0b;
}
@media (max-width: 1200px) {
  .FindYourPerfectHuel .column.is-6 {
    width: 75%;
    margin-left: 12.5%;
  }
}
@media (max-width: 768px) {
  .FindYourPerfectHuel .column.is-6 {
    width: 100%;
    margin-left: 0;
  }
}

.FindYourPerfectHuel__main-heading.title {
  text-align: center;
  margin-top: 44px;
}
@media (max-width: 768px) {
  .FindYourPerfectHuel__main-heading.title {
    margin-top: 100px;
    text-align: left;
    font-size: 1.875rem;
  }
}

.FindYourPerfectHuel__intro,
.FindYourPerfectHuel__accordion-intro {
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .FindYourPerfectHuel__intro,
  .FindYourPerfectHuel__accordion-intro {
    margin-bottom: 30px;
  }
}

.FindYourPerfectHuel__questionnaire-cta {
  margin-bottom: 55px;
  text-align: center;
}
.FindYourPerfectHuel__questionnaire-cta a {
  display: inline-block;
}

.FindYourPerfectHuel__questionnaire-cta-text {
  margin-bottom: 30px;
}

.FindYourPerfectHuel__second-heading.title {
  text-align: center;
  font-size: 1.875rem;
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .FindYourPerfectHuel__second-heading.title {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .FindYourPerfectHuel__second-heading.title {
    text-align: left;
    font-size: 1.25rem;
    margin-bottom: 30px;
  }
}

.FindYourPerfectHuel__accordion {
  margin-bottom: 30px;
}

.FindYourPerfectHuel__final-para {
  margin-bottom: 30px;
}

.ApparelTemplate {
  padding-top: 22px;
}

.ApparelTemplate__top {
  display: flex;
  margin-bottom: 110px;
}
@media (max-width: 1023px) {
  .ApparelTemplate__top {
    display: block;
    padding: 0;
    margin-bottom: -20px;
  }
  .ApparelTemplate__top .GridGallery {
    flex: auto;
    margin-right: 0;
    width: 100%;
    top: auto;
    position: relative;
    z-index: 0;
  }
}
.ApparelTemplate__top .GridGallery {
  flex: 1;
  margin-right: 42px;
  position: relative;
  top: auto;
  display: block;
}
.ApparelTemplate__top .GridGallery .swiper-container-autoheight {
  padding-bottom: 0;
}
.ApparelTemplate__top .GridGallery .swiper-container-horizontal > .swiper-pagination-bullets {
  background-color: transparent;
  bottom: calc(22px + 1.75rem);
  justify-content: flex-start;
  left: 1.75rem;
}
@media (max-width: 1023px) {
  .ApparelTemplate__top .GridGallery {
    margin-bottom: 0;
  }
}
.ApparelTemplate__top .GridGalleryItem {
  display: inline-block;
  margin-bottom: 6px;
}
.ApparelTemplate__top .GridGalleryItem:first-of-type, .ApparelTemplate__top .GridGalleryItem:nth-of-type(2n + 4) {
  margin-right: 12px;
}
@media (max-width: 1023px) {
  .ApparelTemplate__top .GridGalleryItem:first-of-type, .ApparelTemplate__top .GridGalleryItem:nth-of-type(2n + 4) {
    margin-right: 0;
  }
}

/*================ SNIPPETS ================*/
#header {
  height: 90px;
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #e5e5e5;
  z-index: 99999;
  transition: 0.2s ease-in height;
}
#header .wrapper {
  width: calc(100% - 96px);
  margin-left: 48px;
  margin-right: 48px;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  display: -webkit-flex;
}
#header .wrapper .header__logo {
  height: 100%;
  width: 140px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#header .wrapper .header__logo a img {
  display: block;
  max-width: 100px;
}
#header .wrapper .header__logo a:after {
  content: none !important;
}
@media (min-width: 1025px) {
  #header .wrapper .header__logo {
    border-right: 1px solid #F7F7F7;
    margin-right: 48px;
  }
}
#header .wrapper .header__main-menu {
  height: 100%;
  flex-grow: 4;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#header .wrapper .header__main-menu .header__menu li {
  padding-right: 20px;
}
#header .wrapper .header__main-menu .header__menu li a {
  font-size: 16px;
}
#header .wrapper .header__main-menu .header__menu li a svg {
  margin-top: 2px;
  padding-left: 5px;
  height: 5px;
  width: 20px;
}
@media (max-width: 1024px) {
  #header .wrapper .header__main-menu {
    display: none;
  }
}
#header .wrapper .header__sub-menu {
  height: 100%;
  flex-grow: 2;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#header .wrapper .header__sub-menu .header__menu li {
  padding-left: 20px;
}
#header .wrapper .header__sub-menu .header__menu li a {
  font-size: 14px;
}
#header .wrapper .header__sub-menu .header__menu li a svg {
  height: 20px;
  width: 20px;
  -webkit-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -ms-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
#header .wrapper .header__sub-menu .header__menu li a:hover svg {
  fill: #36a8de;
}
#header .wrapper .header__sub-menu .header__menu .all-locations .all-locations--title {
  display: none;
}
#header .wrapper .header__sub-menu .header__menu .all-locations .choose-location svg {
  height: 6px;
  margin-left: 8px;
  margin-bottom: 0px;
  -webkit-transition: all 0.3 ease;
  -moz-transition: all 0.3 ease;
  -ms-transition: all 0.3 ease;
  -o-transition: all 0.3 ease;
  transition: all 0.3 ease;
}
#header .wrapper .header__sub-menu .header__cart-icon {
  position: relative;
}
@media (max-width: 1024px) {
  #header .wrapper .header__sub-menu {
    display: none;
  }
}
@media (max-width: 1024px) {
  #header {
    height: 60px;
  }
  #header .wrapper {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
  #header .wrapper .header__logo {
    position: relative;
    width: 100%;
    justify-content: center;
  }
}
#header .header__icon--menu {
  display: none;
}
@media (max-width: 1024px) {
  #header .header__icon--menu {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 70px;
    cursor: pointer;
  }
  #header .header__icon--menu svg {
    height: 20px;
    width: 20px;
    display: -webkit-flex;
  }
  #header .header__icon--menu span {
    line-height: 50px;
    padding-top: 2px;
    font-size: 12px;
    font-weight: 700;
    padding-left: 10px;
    display: -webkit-flex;
  }
}
#header .header__icon--cart {
  display: none;
  position: relative;
}
@media (max-width: 1024px) {
  #header .header__icon--cart {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 70px;
    justify-content: flex-end;
    cursor: pointer;
  }
  #header .header__icon--cart svg {
    height: 20px;
    width: 20px;
  }
}
#header.shrink {
  height: 70px;
}

.header__menu {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.header__menu li {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__menu li a {
  height: 100%;
  display: block;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  color: #0b0b0b;
}
.header__menu__dropdown {
  position: absolute;
  background: #fff;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 60px 0;
  display: none;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06), 0 14px 14px rgba(0, 0, 0, 0.06), 0 34px 34px rgba(0, 0, 0, 0.06), inset 0 1px 0 #eeeeee;
}
.header__menu__dropdown.active {
  display: block;
}
.header__menu__dropdown--list {
  max-width: 1024px;
  width: 84%;
  margin: 0 auto;
}
.header__menu__dropdown--list .header__menu--panel {
  width: 16.6666666667%;
  float: left;
  text-align: center;
  display: inline-block;
}
.header__menu__dropdown--list .header__menu--panel li a {
  padding: 5px 0;
  font-size: 14px !important;
  text-align: left;
}
.header__menu__dropdown--list .header__menu--panel a {
  display: block;
}
.header__menu__dropdown--list .header__menu--panel a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}
.header__menu__dropdown--list .header__menu--panel a img[data-img=mobile] {
  display: none;
}
.header__menu__dropdown--list .header__menu--panel a p {
  margin: 0;
}
.header__menu__dropdown--list .header__menu--panel a span {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #5a5a5a;
}
.header__menu__dropdown.visual__menu {
  padding-bottom: 100px;
}

.visual__menu--all {
  background: #f9f9f9;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px !important;
  justify-content: center;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 40px;
  color: #36a8de !important;
}

.main__products--link {
  font-weight: 700;
}

#footer {
  background: #f9f9f9;
  padding: 0 30px;
}
#footer .wrapper {
  padding: 60px 0;
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #footer .wrapper {
    padding-bottom: 30px;
  }
}
#footer.sticky-buy-button-is-active, #footer.hasExtraBottomPadding {
  padding-bottom: 100px;
}

.footer__logo {
  width: 95px;
  margin-bottom: 20px;
}
.footer__logo a:after {
  content: none !important;
}

.footer__logo--japan {
  width: unset;
}
.footer__logo--japan .JapanLogo {
  display: inline-flex;
  align-items: center;
  height: 33px;
  fill: rgb(11, 11, 11);
}
.footer__logo--japan .JapanLogo__logo {
  height: 100%;
}
.footer__logo--japan .JapanLogo__japanese {
  height: 50%;
  margin-left: 0.25rem;
}

.footer__panel--container {
  width: 100%;
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .footer__panel--container {
    flex-direction: column;
  }
}

.footer__panel {
  display: flex;
}
.footer__panel:nth-of-type(1) {
  flex: 1;
}
.footer__panel:nth-of-type(2) {
  justify-content: flex-end;
  flex-direction: column;
}
.footer__panel:nth-of-type(2) * {
  align-self: flex-end;
}
@media (max-width: 768px) {
  .footer__panel {
    width: 100% !important;
  }
  .footer__panel:nth-of-type(1) {
    display: block;
  }
  .footer__panel:nth-of-type(2) {
    margin-top: 40px;
    justify-content: center;
    align-items: center;
  }
  .footer__panel:nth-of-type(2) * {
    align-self: center;
    text-align: center;
  }
}

.footer__panel ul {
  flex: 1;
}
.footer__panel ul li {
  font-size: 13px;
  line-height: 25px;
}
.footer__panel ul li:nth-of-type(1) {
  font-weight: 700;
  margin-bottom: 10px;
}
.footer__panel ul li a {
  font-size: 13px;
  color: #898989;
  line-height: 10px;
}
.footer__panel p {
  font-size: 12px;
  color: #898989;
}
.footer__panel div {
  padding-bottom: 10px;
}
.footer__panel div:last-of-type {
  padding-bottom: 0;
}
.footer__panel div p {
  margin: 0;
}
.footer__panel .icons_payment {
  flex-wrap: wrap;
  justify-content: center;
}
.footer__panel .icons_payment img {
  height: 15px !important;
}
@media (max-width: 768px) {
  .footer__panel ul {
    width: 100%;
    height: 50px;
    overflow: hidden;
    border-top: 1px solid #eee;
  }
  .footer__panel ul li {
    line-height: 50px;
    position: relative;
  }
  .footer__panel ul li:first-of-type {
    cursor: pointer;
  }
  .footer__panel ul li:first-of-type::after {
    content: "⌄";
    position: absolute;
    display: block;
    right: 5px;
    top: -7px;
    height: 50px;
    font-size: 20px;
    font-weight: 400;
  }
  .footer__panel ul:last-of-type {
    border-bottom: 1px solid #eee;
  }
  .footer__panel ul.active {
    height: auto;
  }
  .footer__panel div {
    padding-bottom: 20px;
  }
}

.choose-location {
  display: flex;
  justify-content: center;
  align-items: center;
}

.all-locations {
  display: flex;
  justify-content: center;
  align-content: center;
}
.all-locations .all-locations--title {
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 15px;
  color: #898989;
}
.all-locations .choose-location {
  display: flex;
  justify-content: flex-end;
}
.all-locations .choose-location:hover:after {
  content: none !important;
}
.all-locations .choose-location img {
  height: 15px;
}
.all-locations .choose-location span {
  display: none;
}
.all-locations .choose-location svg {
  height: 8px;
  margin-left: 8px;
  margin-bottom: 3px;
}

.icons_payment {
  display: flex;
  text-align: right;
}
.icons_payment img {
  margin-left: 10px;
  margin-top: 10px;
}
.icons_payment .cart--message__delivery--group {
  margin: 0;
}
.icons_payment .cart--message__delivery--group p {
  display: none;
}
.icons_payment .cart--message__delivery--group img {
  max-width: 100px;
}

.icons_social {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .icons_social {
    justify-content: center;
  }
}
.icons_social a {
  text-decoration: none;
  color: #898989;
  padding-right: 10px;
}
.icons_social a:after {
  content: none;
}
.icons_social a:last-of-type {
  padding-right: 0;
}
.icons_social a svg {
  height: 16px;
  fill: rgb(68, 68, 68);
  -webkit-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -ms-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.icons_social a:hover svg {
  fill: #36a8de;
}

.icons_social-share a {
  text-decoration: none;
  color: #898989;
  padding-right: 10px;
}
.icons_social-share a:last-of-type {
  padding-right: 0;
}

.icons_social__heading {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  text-align: right;
}

.mailing-list {
  background-color: #0b0b0b;
  color: #fff;
  max-width: none;
  display: block;
}
.mailing-list .wrapper h3 {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
.mailing-list .wrapper form {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media only screen and (min-width: 500px) {
  .mailing-list .wrapper form .mailing-list-email {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
.mailing-list .wrapper form input {
  width: 300px;
}
.mailing-list .wrapper form .mailing-list-submit {
  height: 50px;
}
.mailing-list .wrapper form .mailing-list-submit input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding: 0 20px;
  font-size: 12px;
  max-width: 170px !important;
}
.mailing-list .wrapper form .mailing-list-submit input.button {
  max-width: 300px;
  width: auto;
}
.mailing-list-country {
  margin: 0 20px;
}
@media only screen and (max-width: 499px) {
  .mailing-list-country {
    width: 100%;
    display: block;
    margin: 5px 0;
    height: 50px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 499px) {
  .mailing-list .wrapper form {
    flex-direction: column;
  }
  .mailing-list .wrapper form input {
    width: 100%;
  }
  .mailing-list .wrapper form .mailing-list-submit {
    width: 100%;
  }
  .mailing-list .wrapper form .mailing-list-submit input {
    width: 100% !important;
    max-width: 100% !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    width: 100%;
    margin-top: 5px;
  }
}
.mailing-list.success {
  background: #23f585;
}

#mailing_list {
  display: block;
}
#mailing_list.success {
  display: none;
}

.beartrap {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.grecaptcha-badge {
  visibility: hidden;
}

#mailing_list_success {
  display: none;
}
#mailing_list_success.success {
  display: block;
}
#mailing_list_success h3 {
  margin-bottom: 0;
}

.search--container {
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.search--container input {
  max-width: 200px !important;
}
.search--container.active {
  width: 210px;
}
.search--container.active input {
  max-width: 200px !important;
}

.size-popup {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  display: none;
}
.size-popup__wrapper-close {
  width: 40px;
  height: 40px;
  position: absolute;
  background: black;
  padding: 0px;
  border: none;
  color: white;
  font-size: 21px;
  right: 0px;
  top: -40px;
}
.size-popup__wrapper {
  max-width: 500px;
  width: 90%;
  position: absolute;
  top: 400px;
  left: 50%;
  padding: 25px;
  background-color: white;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .size-popup__wrapper {
    top: 200px;
  }
}
.size-popup__wrapper-copy {
  display: flex;
  justify-content: center;
  align-items: center;
}
.size-popup__wrapper .modal-title {
  margin-bottom: 30px;
}
.size-popup__product {
  overflow: hidden;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .size-popup__product {
    display: none;
  }
}
.size-popup__information {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.size-popup__information h2 {
  margin-top: 0;
}
.size-popup__information li span:nth-of-type(odd) {
  float: left;
}
.size-popup__information li span:nth-of-type(even) {
  float: right;
  padding-left: 20px;
}
.size-popup .sizeGuideFlex {
  display: flex;
}
.size-popup .sizeGuideFlex div {
  margin-left: 15px;
  margin-right: 15px;
}

.open--sizeguide {
  font-size: 12px;
  margin-left: 20px;
}

.bordered-container {
  position: relative;
  border: 1px solid #eee;
  margin-top: 8px;
  width: 100%;
  display: flex;
}
.bordered-container * {
  min-height: 0;
  min-width: 0;
}

.t-shirt-chevron-prev {
  position: absolute;
  z-index: 10;
  height: 100%;
  display: flex;
  transition: all 0.25s;
  width: 40px;
  border-right: 1px solid #eee;
  background: #fff;
  justify-content: center;
}
.t-shirt-chevron-prev svg {
  width: 30px;
  transition: fill 0.25s;
  fill: #c4cdd5;
}
.t-shirt-chevron-prev:hover svg {
  fill: #f58523;
  cursor: pointer;
}
.t-shirt-chevron-prev:active svg {
  transform: scale(0.9);
}

.hide-arrow {
  width: 0;
  margin-left: -1px;
}

.tshirt-step-container {
  display: none;
}

.tshirt-addon-container {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  /* SLICK STYLES */
  /****************/
}
.tshirt-addon-container .slick-slide {
  transition: width 0.25s;
}
.tshirt-addon-container .slick-track {
  display: flex;
  align-items: center;
}
.tshirt-addon-container .tshirt-step-container:first-child {
  display: block;
  visibility: hidden;
}
.tshirt-addon-container.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.tshirt-addon-container.slick-initialized .tshirt-step-container {
  display: block;
  visibility: visible;
}

/* STEP ITEM */
/*************/
.tshirt-addon-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  width: 100%;
}

.t-shirt-addon-title {
  align-items: center;
  font-size: 13px;
  font-weight: 600;
}

.tshirt__footer {
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: #878787;
  display: block;
  margin: 0;
}
.tshirt__footer.open--sizeguide {
  color: #3273dc;
}

/* T-SHIRT ICONS */
/*****************/
.t-shirt-icon__container {
  display: flex;
  justify-content: space-around;
  z-index: 2;
}

.t-shirt-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  margin-left: 20px;
  transition: transform 0.3s;
}
.t-shirt-icon:active {
  transform: scale(0.9);
}
.t-shirt-icon svg {
  height: 30px;
  width: 30px;
  margin: 0 5px;
}
.t-shirt-icon .st0 {
  fill: #fff;
}

.black-shirt .st0 {
  fill: #0b0b0b;
}

.grey-shirt .st0 {
  stroke: #a5a5a5;
  fill: #bdbdbd;
}

/* SIZES */
/*********/
.t-shirt__size-buttons {
  display: flex;
}

.size-button {
  background: #fff;
  color: #0b0b0b;
  border: 1px solid #eee;
  border-radius: 0 !important;
  margin-left: -1px;
  transition: transform 0.2s, background 0.3s;
  font-size: 12px;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
  z-index: 2;
}
.size-button:active {
  transform: scale(0.9);
}

/* LAST STEP */
/*************/
.last-step {
  display: flex;
}

.selectedTshirtContainer {
  display: flex;
  justify-content: flex-end;
}

.translated-right {
  margin-left: 40px;
}

.last--footer {
  max-width: 135px;
}

.tshirt__text-container {
  flex-grow: 1;
}

.tshirt__text-container svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  fill: #008000;
  transform: translateY(-1px);
}

[data-t-shirt] {
  display: none;
  cursor: unset;
}
[data-t-shirt]:hover {
  transform: none;
}

.rendered-Tshirt {
  display: flex;
  margin: 0;
}

.t-shirt_addon_footer {
  margin-top: 5px;
  color: #4a4a4a;
  font-size: 11px;
}

/* ANAVAILABLE */
/***************/
.t-shirt-unavailable {
  position: relative;
}
.t-shirt-unavailable:active {
  transform: none;
}
.t-shirt-unavailable:hover {
  cursor: not-allowed;
}

.t-shirt-unavailable:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.9;
}

.t-shirt-outofstock {
  position: absolute;
  z-index: 10;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  top: 10px;
  text-align: center;
}

/* Media Queries */
@media screen and (max-width: 1124px) and (min-width: 769px), screen and (max-width: 440px) {
  .size-button {
    padding: 0px 12px;
    line-height: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 768px) {
  .tshirt-addon-step {
    padding: 5px 10px;
  }
}
@media screen and (max-width: 380px) {
  .t-shirt-icon svg {
    height: 25px;
    width: 25px;
  }
  .size-step .translated-right {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 915px) and (min-width: 769px), screen and (max-width: 380px) {
  .column-step {
    flex-direction: column;
    padding: 0 0 0 40px;
  }
  .column-step .tshirt__text-container {
    margin-left: 0;
  }
  .size-step {
    flex-direction: column;
    margin-left: 20px;
    padding: 0 20px 5px;
  }
  .size-step .translated-right {
    transform: translateX(0);
    text-align: center;
    display: flex;
    align-items: center;
  }
  .size-step .tshirt__footer {
    margin-left: 5px;
    transform: translateY(1px);
  }
  .last-step svg {
    width: 11px;
    height: 11px;
  }
  .tshirt__footer {
    font-size: 9px;
  }
}
.tshirt-modal {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 102;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.tshirt-modal .button[disabled] {
  opacity: 1;
}

.tshirt-modal__container {
  border-radius: 4px;
  margin: 0;
  width: 90%;
  max-width: 900px;
  z-index: 102;
  background: #fff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  animation-duration: 1s;
}

.tshirt-modal__body {
  border-radius: 4px;
  position: relative;
  display: flex;
  padding: 30px 30px;
  background: #fff;
  height: auto;
  justify-content: space-between;
  align-items: center;
}

.tshirt-modal__close {
  color: #ccc;
  align-self: flex-end;
  font-size: 30px;
  position: absolute;
  right: 16px;
  top: 0;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
}
.tshirt-modal__close:hover, .tshirt-modal__close:focus {
  color: #0b0b0b;
}

.tshirt-modal__part {
  flex: 1 1 50%;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.tshirt-modal__part .tshirt-form {
  max-width: 272px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto;
}
.tshirt-modal__part .tshirt-form .title {
  margin: 0 0 10px;
}
.tshirt-modal__part .tshirt-form img {
  max-width: 480px;
  width: 100%;
}
.tshirt-modal__part .tshirt-form .button {
  font-size: 16px;
  min-width: 150px;
  text-align: center;
  margin-top: 20px;
}
.tshirt-modal__part:first-of-type {
  border-right: 1px solid #f2f2f2;
}

.tshirt-modal__gender {
  display: flex;
  margin: 20px 0;
}

.tshirt-modal__icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: transform 0.3s, border-color 0.3s;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #ededed;
  padding: 10px 15px;
  margin-left: 0;
  min-width: 107px;
}
.tshirt-modal__icon:active {
  transform: scale(0.9);
}
.tshirt-modal__icon svg {
  height: 30px;
  width: 30px;
  margin: 0 5px;
}
.tshirt-modal__icon .st0 {
  fill: #fff;
}

.tshirt-modal__icon:hover {
  border-color: #0b0b0b;
}

.tshirt-modal__size {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
}

.tshirt-modal__footer {
  margin-top: 5px;
  color: #4a4a4a;
  font-size: 11px;
}

.tshirt-modal__size-guide {
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: #878787;
  display: block;
  margin: 0;
  display: flex;
  align-items: center;
}
.tshirt-modal__size-guide.open--sizeguide {
  color: #3273dc;
}

.tshirt-modal__size-text {
  flex-grow: 1;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
}
.tshirt-modal__size-text svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  fill: #008000;
  transform: translateY(-1px);
}

.tshirt-modal__text {
  align-items: center;
  font-size: 13px;
  font-weight: 600;
}

.tshirt-modal__size-buttons {
  display: flex;
}

.tshirt__size-button {
  cursor: pointer;
  background: #fff;
  color: #0b0b0b;
  border: 1px solid #eee;
  border-radius: 0 !important;
  transition: transform 0.2s, border-color 0.3s;
  font-size: 12px;
  line-height: 40px;
  z-index: 2;
  margin-left: 0;
  padding: 0;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tshirt__size-button:active {
  transform: scale(0.9);
}
.tshirt__size-button.t-shirt-unavailable:hover {
  border-color: #eee;
}
.tshirt__size-button.t-shirt-unavailable:active {
  transform: none;
}

.tshirt__size-button:hover {
  border-color: #0b0b0b;
}

.tshirt-modal__black-square {
  height: 20px;
  width: 20px;
  background-color: #0b0b0b;
}

.tshirt-modal__grey-square {
  height: 20px;
  width: 20px;
  background-color: #878787;
}

@media (max-width: 768px) {
  .tshirt-modal__container {
    max-width: 325px;
  }
  .tshirt-modal__body {
    flex-direction: row;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .tshirt-modal__part {
    text-align: left;
    width: 100%;
    text-align: center;
  }
  .tshirt-modal__part img {
    margin: 0 auto;
  }
  .tshirt-modal__part p {
    width: auto;
    margin: 0;
  }
  .tshirt-modal__part:first-of-type {
    border-right: none;
  }
  .tshirt-modal__part:last-of-type {
    display: none;
  }
}
@media (max-width: 350px) {
  .tshirt-modal__icon {
    padding: 10px;
  }
  .tshirt-modal__size-buttons > span {
    width: 45px;
    height: 45px;
  }
}
.CenteredTextGreyBG {
  padding: 65px 20px;
  background-color: #f6f6f6;
  display: flex;
  justify-content: center;
  text-align: center;
}

.CenteredTextGreyBG__inner {
  max-width: 560px;
}
@media (max-width: 768px) {
  .CenteredTextGreyBG__inner {
    text-align: left;
    max-width: none;
  }
}

.ProductNutrition {
  padding-top: 65px;
  text-align: center;
  margin-bottom: 85px;
}
@media (max-width: 640px) {
  .ProductNutrition {
    padding-top: 80px;
    overflow: hidden;
  }
}

.ProductNutrition__heading.title {
  margin-bottom: 75px;
}
.ProductNutrition__heading.mobile {
  display: none;
  text-align: left;
}
@media (max-width: 640px) {
  .ProductNutrition__heading {
    display: none;
  }
  .ProductNutrition__heading.mobile {
    display: block;
  }
  .ProductNutrition__heading.title {
    margin-bottom: 35px;
  }
}

.ProductNutrition__main {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 1280px;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .ProductNutrition__main {
    flex-direction: column;
  }
}

.ProductNutrition__img {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .ProductNutrition__img {
    margin-left: -50%;
    height: calc(100% + 50px + 12.5vw);
  }
  .ProductNutrition__img img {
    position: sticky;
    position: -webkit-sticky;
    top: 190px;
    object-position: center;
  }
}
@media (max-width: 640px) {
  .ProductNutrition__img {
    position: relative;
    top: auto;
    height: auto;
    margin-left: 0;
    width: 150%;
    margin-left: -25%;
  }
  .ProductNutrition__img img {
    position: relative;
    top: auto;
  }
}

.ProductNutrition__points {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 155px;
}
@media (max-width: 1280px) {
  .ProductNutrition__points {
    margin-bottom: 10vw;
  }
}
@media (max-width: calc(1280px - 50px)) {
  .ProductNutrition__points {
    margin-bottom: 9vw;
  }
}
@media (max-width: calc(1280px - 100px)) {
  .ProductNutrition__points {
    margin-bottom: 8vw;
  }
}
@media (max-width: calc(1280px - 150px)) {
  .ProductNutrition__points {
    margin-bottom: 7vw;
  }
}
@media (max-width: calc(1280px - 200px)) {
  .ProductNutrition__points {
    margin-bottom: 6vw;
  }
}
@media (max-width: 1024px) {
  .ProductNutrition__points {
    justify-content: flex-start;
    flex-direction: column;
    width: 50%;
    margin-left: 50%;
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  .ProductNutrition__points {
    width: 100%;
    margin-left: 0;
    margin-top: -35px;
    padding: 0 20px;
  }
}

.ProductNutrition__aside {
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .ProductNutrition__aside {
    margin-top: 0;
  }
}
.ProductNutrition__aside:first-of-type {
  margin-right: 10%;
  text-align: right;
}
@media (max-width: 1024px) {
  .ProductNutrition__aside:first-of-type {
    margin-right: 0;
    text-align: left;
  }
}
.ProductNutrition__aside:last-of-type {
  margin-left: 10%;
  text-align: left;
}
@media (max-width: 1024px) {
  .ProductNutrition__aside:last-of-type {
    margin-left: 0;
  }
}

.ProductNutrition__info-block {
  max-width: 315px;
}
.ProductNutrition__info-block .title {
  margin-bottom: 15px;
}
.ProductNutrition__info-block:first-of-type {
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .ProductNutrition__info-block {
    margin-bottom: 55px;
  }
  .ProductNutrition__info-block:first-of-type {
    margin-bottom: 55px;
  }
}
@media (max-width: 640px) {
  .ProductNutrition__info-block {
    max-width: none;
    margin-bottom: 35px;
  }
  .ProductNutrition__info-block:first-of-type {
    margin-bottom: 35px;
  }
}

.ProductNutrition__btn-wrap {
  width: 100%;
}
@media (max-width: 1024px) {
  .ProductNutrition__btn-wrap {
    width: 50%;
    margin-left: 50%;
    text-align: left;
  }
}
@media (max-width: 640px) {
  .ProductNutrition__btn-wrap {
    width: 100%;
    padding-left: 20px;
    margin-left: 0;
  }
}

@media (max-width: 1024px) {
  _::-webkit-full-page-media, _:future, :root .ProductNutrition__img {
    margin-left: -25%;
  }
}

.LargeTextBanner {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 45px 0;
  text-align: center;
  margin-bottom: 78px;
}
@media (max-width: 768px) {
  .LargeTextBanner {
    margin-bottom: 0;
    text-align: left;
  }
  .LargeTextBanner .title.is-2 {
    font-size: 40px;
  }
}

.ImageWithSideText {
  margin-bottom: 90px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .ImageWithSideText .columns {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (max-width: 1024px) {
  .ImageWithSideText .column.is-4 {
    margin-left: 0;
    width: 41.66667%;
  }
}
@media (max-width: 768px) {
  .ImageWithSideText .column.is-4 {
    width: 100%;
  }
}
.ImageWithSideText .button.is-black:hover {
  background-color: #f58523;
  color: #fff;
}

.ImageWithSideText__text-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ImageWithSideText__text-wrap .button,
.ImageWithSideText__text-wrap .button-2021 {
  align-self: flex-start;
}

@media (max-width: 1024px) {
  .ImageWithSideText__heading.title.is-2 {
    font-size: 1.625rem;
  }
}

.ImageWithSideText__text {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .ImageWithSideText__text {
    margin-bottom: 30px;
  }
}

.ImageWithSideText__img-wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .ImageWithSideText__img-wrap {
    width: calc(100% + (28px * 2));
    margin-left: calc(0px - 28px);
    margin-bottom: 45px;
  }
}
@media (max-width: 360px) {
  .ImageWithSideText__img-wrap {
    width: calc(100% + (20px * 2));
    margin-left: calc(0px - 20px);
  }
}

.ImageWithSideText__img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 79.34%;
  border-radius: 12px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
@media (max-width: 768px) {
  .ImageWithSideText__img {
    border-radius: 0;
  }
}
.ImageWithSideText__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  object-fit: cover;
}

.ImageWithSideText--right .columns {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .ImageWithSideText--right .columns {
    flex-direction: column-reverse;
  }
}
.ImageWithSideText--right .column.is-6 {
  margin-left: 0;
}
.ImageWithSideText--right .column.is-4 {
  margin-right: 8.33333%;
}
@media (max-width: 1024px) {
  .ImageWithSideText--right .column.is-4 {
    margin-right: 0;
    margin-left: 8.33333%;
  }
}
@media (max-width: 768px) {
  .ImageWithSideText--right .column.is-4 {
    margin-left: 0;
  }
}

.ImageWithSideText--no-mobile-img .column.is-6 {
  display: block;
}
@media (max-width: 870px) {
  .ImageWithSideText--no-mobile-img .column.is-6 {
    display: none;
  }
}
@media (max-width: 870px) {
  .ImageWithSideText--no-mobile-img .column.is-4 {
    width: 100%;
    margin-left: 0;
  }
}

.ImageWithSideText--2021 .title.is-2 {
  font-size: 1.5rem;
  margin-bottom: 25px;
}
.ImageWithSideText--2021 .ImageWithSideText__text {
  color: #545454;
}
.ImageWithSideText--2021 .ImageWithSideText__img {
  padding-top: 66.04%;
}

.ImageWithSideText--no-button .ImageWithSideText__text {
  margin-bottom: 0;
}

.FourSteps {
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .FourSteps {
    text-align: left;
    border-top: 1px solid #e5e5e5;
    padding-top: 55px;
    margin-bottom: 0;
  }
}
.FourSteps .columns {
  margin-bottom: 65px;
}
@media (max-width: 1024px) {
  .FourSteps .columns {
    flex-wrap: wrap;
  }
  .FourSteps .columns .column {
    width: 50%;
    flex: none;
    margin-bottom: 65px;
  }
  .FourSteps .columns .column:nth-of-type(3), .FourSteps .columns .column:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .FourSteps .columns .column {
    width: 100%;
    margin-bottom: 45px;
  }
  .FourSteps .columns .column:nth-of-type(3) {
    margin-bottom: 45px;
  }
}

@media (max-width: 768px) {
  .FourSteps__step {
    text-align: left;
    display: flex;
    align-items: center;
  }
}

.FourSteps__icon-wrap {
  display: flex;
  width: 62px;
  height: 62px;
  margin: 0 auto 45px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .FourSteps__icon-wrap {
    margin: 0 30px 0 0;
    width: 40px;
    height: 40px;
  }
}

.FourSteps__icon {
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 1024px) {
  .FourSteps__text {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .FourSteps__text {
    flex: 1;
    margin: 0;
    max-width: none;
  }
}

.CardSlider {
  position: relative;
  overflow-x: hidden;
  height: 100%;
}
.CardSlider:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #fff;
  width: calc((100vw - 1280px) / 3);
  background: -moz-linear-gradient(right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
  .CardSlider:after {
    width: 20px;
  }
}
.CardSlider .swiper-container {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: visible;
  cursor: ew-resize;
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media (max-width: 1320px) {
  .CardSlider .swiper-container {
    padding-left: 28px;
  }
}
@media (max-width: 360px) {
  .CardSlider .swiper-container {
    padding-left: 20px;
  }
}
@media (max-width: 1320px) {
  .CardSlider .swiper-container {
    padding-right: 28px;
  }
}
@media (max-width: 360px) {
  .CardSlider .swiper-container {
    padding-right: 20px;
  }
}
.CardSlider .swiper-wrapper {
  margin-bottom: 36px;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(0) {
  animation-delay: 0ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(1) {
  animation-delay: 80ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(2) {
  animation-delay: 160ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(3) {
  animation-delay: 240ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(4) {
  animation-delay: 320ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(5) {
  animation-delay: 400ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(6) {
  animation-delay: 480ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(7) {
  animation-delay: 560ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(8) {
  animation-delay: 640ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(9) {
  animation-delay: 720ms;
}
.CardSlider .swiper-wrapper .swiper-slide:nth-child(10) {
  animation-delay: 800ms;
}
.CardSlider .swiper-slide {
  width: calc((1280px / 3) - 8px);
  height: auto;
  display: flex;
}
@media (max-width: 1320px) {
  .CardSlider .swiper-slide {
    width: calc((100vw - 40px) / 3 - 8px);
  }
}
.CardSlider .swiper-container-autoheight .swiper-wrapper {
  align-items: stretch;
}
.CardSlider .swiper-container-horizontal > .swiper-pagination-bullets {
  position: relative;
  bottom: auto;
  left: auto;
}
.CardSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
  opacity: 1;
  background-color: #dddddd;
  border: 2px solid transparent;
  outline: none;
  transition: all 150ms linear;
}
.CardSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: hsl(0deg, 0%, 4%);
}
.CardSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.TrustPilotSlider {
  margin-bottom: 60px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .TrustPilotSlider .TrustPilotBadge__text {
    display: block;
  }
}

.TrustPilotSlider__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
}
.TrustPilotSlider__top .title {
  margin-bottom: 4px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .TrustPilotSlider__top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 32px;
  }
}

.TrustPilotSlider__heading.title {
  max-width: 600px;
  margin-bottom: 22px;
}
@media (max-width: 1024px) {
  .TrustPilotSlider__heading.title {
    font-size: 1.625rem;
    max-width: 400px;
  }
}

.TrustPilotSlider__logo {
  margin-right: 6px;
  width: 120px;
}
.TrustPilotSlider__logo svg {
  width: 100%;
}

.TrustPilotSlider__rating {
  margin-right: 10px;
}

.TrustPilotSlider__sub-text {
  max-width: 600px;
  color: #5a5a5a;
  margin-bottom: 18px;
}
@media (max-width: 1024px) {
  .TrustPilotSlider__sub-text {
    max-width: 400px;
  }
}

.TrustPilotSlider__see-more {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 16px;
  font-weight: bold;
  color: #0b0b0b;
  position: relative;
  display: flex;
  align-items: center;
  transition: opacity 150ms linear;
}
.TrustPilotSlider__see-more svg {
  width: 6px;
  margin: 3px 0 0 10px;
}
.TrustPilotSlider__see-more:hover {
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .TrustPilotSlider__see-more {
    margin-bottom: 32px;
  }
}

.TrustPilotSlider__pagination {
  position: relative !important;
}
.TrustPilotSlider__pagination .swiper-pagination-bullet {
  margin: 0 10px;
  opacity: 1;
  background-color: #dddddd;
  border: 2px solid transparent;
  outline: none;
  transition: all 150ms linear;
}
.TrustPilotSlider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: hsl(0deg, 0%, 4%);
}
.TrustPilotSlider__pagination .swiper-pagination-bullet:focus {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.TrustPilotSlider--mt-80 {
  margin-top: 80px;
}

.TrustPilotRating {
  display: flex;
}

.TrustPilotRating__star {
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2px;
  background-color: #e3e3e3;
}
.TrustPilotRating__star svg {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
}
.TrustPilotRating__star:last-of-type {
  margin-right: 0;
}

.TrustPilotRating__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #00b67a;
}
.TrustPilotRating__bg.is-0 {
  width: 0%;
}
.TrustPilotRating__bg.is-1 {
  width: 10%;
}
.TrustPilotRating__bg.is-2 {
  width: 20%;
}
.TrustPilotRating__bg.is-3 {
  width: 30%;
}
.TrustPilotRating__bg.is-4 {
  width: 40%;
}
.TrustPilotRating__bg.is-5 {
  width: 50%;
}
.TrustPilotRating__bg.is-6 {
  width: 60%;
}
.TrustPilotRating__bg.is-7 {
  width: 70%;
}
.TrustPilotRating__bg.is-8 {
  width: 80%;
}
.TrustPilotRating__bg.is-9 {
  width: 90%;
}

.TrustPilotRating--is-small .TrustPilotRating__star {
  width: 18px;
  height: 18px;
}
.TrustPilotRating--is-small .TrustPilotRating__star svg {
  width: 12px;
  height: 12px;
}

.GoalBlocks .column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .GoalBlocks .column {
    margin-bottom: 50px;
  }
}
.GoalBlocks .button {
  align-self: flex-start;
}

.GoalBlocks__img-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  font-size: 0;
  display: block;
  border-radius: 22px;
  overflow: hidden;
  margin-bottom: 26px;
  outline: none;
  box-shadow: none;
  border: 2px solid transparent;
  transition: all 150ms linear;
}
.GoalBlocks__img-wrap:hover .GoalBlocks__img {
  transform: scale(1.05);
}
.GoalBlocks__img-wrap:focus {
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.2);
  border-color: #f58523;
}

.GoalBlocks__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease;
}

.GoalBlocks__heading.title {
  display: block;
  margin-bottom: 12px;
  outline: none;
  transition: color 150ms linear;
}
.GoalBlocks__heading.title:hover, .GoalBlocks__heading.title:focus {
  color: #545454;
}
.GoalBlocks__heading.title:focus {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .GoalBlocks__heading.title {
    font-size: 1.625rem;
  }
}

.GoalBlocks__text {
  margin-bottom: 26px;
}

.SliderCard {
  width: 100%;
  padding: 32px;
  background-color: #f6f6f6;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 640px) {
  .SliderCard {
    padding: 34px 22px 38px;
  }
}

.SliderCard__pattern {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 45%;
}
.SliderCard__pattern .st0 {
  opacity: 0.25;
}
.SliderCard__pattern .st1 {
  fill: #545454;
}

.SliderCard__top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.SliderCard__top .title {
  margin-bottom: 10px;
}

.SliderCard__initials-container {
  height: 82px;
  width: 82px;
  border-radius: 50%;
  margin-right: 12px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SliderCard__initials {
  font-size: 20px;
  font-weight: bold;
}

.TrustPilotSlider .swiper-slide:nth-of-type(4n+1) .SliderCard__initials {
  color: #f58523;
}

.TrustPilotSlider .swiper-slide:nth-of-type(4n+2) .SliderCard__initials {
  color: #fcb53b;
}

.TrustPilotSlider .swiper-slide:nth-of-type(4n+3) .SliderCard__initials {
  color: #025090;
}

.TrustPilotSlider .swiper-slide:nth-of-type(4n+4) .SliderCard__initials {
  color: #51bced;
}

.SliderCard__img {
  width: 82px;
  height: 82px;
  margin-right: 12px;
  object-fit: cover;
  border-radius: 50%;
}

.SliderCard__heading.title span {
  font-weight: normal;
}

.SliderCard__sub-heading {
  font-size: 0.875rem;
  margin-top: -8px;
}

.SliderCard__review {
  color: #545454;
}

.HomeHero {
  background-color: #0b0b0b;
  text-align: center;
}
@media (min-width: 1024px) {
  .HomeHero {
    text-align: left;
  }
}
.HomeHero .container2020 {
  max-width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
}
@media (min-width: 1024px) {
  .HomeHero .container2020 {
    padding-left: 8vw;
  }
}
.HomeHero .columns {
  position: relative;
  height: 100%;
  margin: 0;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .HomeHero .columns {
    justify-content: space-between;
    flex-direction: row;
  }
}

.HomeHero__content.column {
  margin: 0 auto;
  max-width: 500px;
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media (max-width: 1320px) {
  .HomeHero__content.column {
    padding-left: 28px;
  }
}
@media (max-width: 360px) {
  .HomeHero__content.column {
    padding-left: 20px;
  }
}
@media (max-width: 1320px) {
  .HomeHero__content.column {
    padding-right: 28px;
  }
}
@media (max-width: 360px) {
  .HomeHero__content.column {
    padding-right: 20px;
  }
}
.HomeHero__content.column .button-2021 {
  display: table;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .HomeHero__content.column {
    padding-bottom: 46px;
  }
}
@media (min-width: 768px) {
  .HomeHero__content.column {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .HomeHero__content.column {
    margin: 0;
    width: 40%;
    align-self: stretch;
    height: auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    max-width: 500px;
  }
  .HomeHero__content.column .button-2021 {
    align-self: flex-start;
    margin: 0;
  }
}

.HomeHero__heading.title {
  color: #fff;
  padding-top: 40px;
  margin-top: 0;
  font-size: 2rem;
}
@media (min-width: 768px) {
  .HomeHero__heading.title {
    margin-top: 0;
    padding-top: 0;
    font-size: 2.75rem;
  }
}

.HomeHero__sub {
  margin: 0 auto 26px;
  color: #fff;
  max-width: 300px;
  font-size: 16px;
}
.HomeHero__sub strong {
  color: #fff;
}
@media (min-width: 768px) {
  .HomeHero__sub {
    max-width: none;
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .HomeHero__sub {
    margin: 0 0 26px;
  }
}

.HomeHero__trustpilot {
  display: flex;
  justify-content: center;
  margin: 0 auto 0;
}
@media (min-width: 1024px) {
  .HomeHero__trustpilot {
    justify-content: flex-start;
    margin: 0 0 0;
  }
}

.HomeHero__buttons {
  display: flex;
  flex-direction: column;
}
.HomeHero__buttons .button-2021:first-of-type {
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .HomeHero__buttons {
    flex-direction: row;
  }
  .HomeHero__buttons .button-2021:first-of-type {
    margin-bottom: 0;
    margin-right: 12px;
  }
}

.HomeHero__image.column {
  font-size: 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .HomeHero__image.column {
    flex: none;
    width: 60%;
    display: flex;
  }
  .HomeHero__image.column img {
    align-self: flex-end;
  }
}

.HomeHero--is-light {
  background-color: #fafafa;
}
.HomeHero--is-light .HomeHero__heading.title,
.HomeHero--is-light .HomeHero__sub {
  color: #0b0b0b;
}

.CallToActionCards {
  margin-bottom: 45px;
}
@media (min-width: 1024px) {
  .CallToActionCards {
    margin-bottom: 75px;
  }
}
.CallToActionCards .container2020--fluid {
  padding: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  .CallToActionCards .container2020--fluid {
    padding: 0 28px;
  }
}
.CallToActionCards .container2020--fluid .columns {
  margin: 0;
  padding: 0;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .CallToActionCards .container2020--fluid .columns {
    margin: 0 -0.5rem;
    flex-direction: row;
  }
}
.CallToActionCards .container2020--fluid .column {
  width: 100%;
  margin: 0;
  padding: 0;
}
.CallToActionCards .container2020--fluid .column:first-of-type .CallToActionCard {
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .CallToActionCards .container2020--fluid .column {
    width: 50%;
    padding: 0 0.5rem;
  }
  .CallToActionCards .container2020--fluid .column:first-of-type .CallToActionCard {
    padding-left: calc(8vw - 30px);
  }
}

.CallToActionCard {
  padding: 50px 30px;
  position: relative;
  background-size: cover;
  background-position: center;
}
.CallToActionCard .button {
  align-self: flex-start;
}
@media (min-width: 1024px) {
  .CallToActionCard {
    border-radius: 12px;
    height: 100%;
  }
}

.CallToActionCard__inner {
  position: relative;
  z-index: 1;
}
.CallToActionCard__inner .button-2021 {
  align-self: flex-start;
}
@media (min-width: 1024px) {
  .CallToActionCard__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.CallToActionCard__text {
  max-width: 320px;
}

.CallToActionCard__heading.title {
  margin-bottom: 30px;
}
.CallToActionCard__heading.title span {
  line-height: 1.45;
  padding: 2px 6px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.CallToActionCard__sub {
  margin: -20px 0 30px;
}
.CallToActionCard__sub span {
  line-height: 1.6;
  padding: 2px 6px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.CallToActionCard--is-white {
  color: #fff;
}
.CallToActionCard--is-white .title {
  color: #fff;
}

.HuelBenefits {
  background-color: #0b0b0b;
  color: #fff;
  padding: 75px 0;
}
.HuelBenefits .title {
  color: #fff;
}
.HuelBenefits .columns {
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .HuelBenefits .columns {
    display: flex;
  }
  .HuelBenefits .columns .column.is-12 {
    width: 100%;
    flex: none;
  }
}
.HuelBenefits .columns .column.is-4:nth-child(0) {
  animation-delay: 0ms;
}
.HuelBenefits .columns .column.is-4:nth-child(1) {
  animation-delay: 80ms;
}
.HuelBenefits .columns .column.is-4:nth-child(2) {
  animation-delay: 160ms;
}
.HuelBenefits .columns .column.is-4:nth-child(3) {
  animation-delay: 240ms;
}
.HuelBenefits .columns .column.is-4:nth-child(4) {
  animation-delay: 320ms;
}
.HuelBenefits .columns .column.is-4:nth-child(5) {
  animation-delay: 400ms;
}
.HuelBenefits .columns .column.is-4:nth-child(6) {
  animation-delay: 480ms;
}
.HuelBenefits .columns .column.is-4:nth-child(7) {
  animation-delay: 560ms;
}
.HuelBenefits .columns .column.is-4:nth-child(8) {
  animation-delay: 640ms;
}
.HuelBenefits .columns .column.is-4:nth-child(9) {
  animation-delay: 720ms;
}
.HuelBenefits .columns .column.is-4:nth-child(10) {
  animation-delay: 800ms;
}
.HuelBenefits .column.is-4:last-of-type .HuelBenefits__block {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .HuelBenefits .column.is-4 {
    flex: none;
    width: 50%;
  }
  .HuelBenefits .column.is-4:nth-last-of-type(2) .HuelBenefits__block {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .HuelBenefits .column.is-4 {
    width: 33.33333%;
  }
  .HuelBenefits .column.is-4:nth-last-of-type(3) .HuelBenefits__block {
    margin-bottom: 0;
  }
}

.HuelBenefits__heading.title {
  margin-bottom: 70px;
}
@media (min-width: 1024px) {
  .HuelBenefits__heading.title {
    font-size: 2.25rem;
  }
}

.HuelBenefits__block {
  display: flex;
  margin-bottom: 80px;
}
.HuelBenefits__block .HuelBenefits__icon svg path {
  stroke: #fff;
  transition: fill 150ms linear;
}
.HuelBenefits__block .title,
.HuelBenefits__block .HuelBenefits__text {
  color: #fff;
  transition: color 150ms linear;
}
.HuelBenefits__block.is-highlighted .title,
.HuelBenefits__block.is-highlighted .HuelBenefits__text {
  color: #fff;
}
.HuelBenefits__block.is-highlighted .HuelBenefits__icon svg path {
  stroke: #fff;
}
@media (min-width: 768px) {
  .HuelBenefits__block {
    margin-bottom: 60px;
  }
  .HuelBenefits__block .title,
  .HuelBenefits__block .HuelBenefits__text {
    color: #fff;
  }
  .HuelBenefits__block .HuelBenefits__icon svg path {
    stroke: #fff;
  }
}

.HuelBenefits__icon {
  width: 36px;
  height: 36px;
  margin-right: 30px;
}
.HuelBenefits__icon svg {
  max-width: 100%;
  max-height: 100%;
}

.HuelBenefits__block-right {
  flex: 1;
  margin-top: -2px;
}
@media (min-width: 768px) {
  .HuelBenefits__block-right {
    max-width: 280px;
  }
}

.HuelBenefits__sub-heading.title {
  margin-bottom: 12px;
}

.HuelRange {
  background-color: #f6f6f6;
  padding: 40px 0;
  margin-bottom: 40px;
}

.HuelRange__heading.title {
  margin-bottom: 28px;
  max-width: 810px;
}
@media (min-width: 768px) {
  .HuelRange__heading.title {
    font-size: 2.75rem;
  }
}

.HuelRange__sub-heading {
  color: #5a5a5a;
  margin-bottom: 35px;
  max-width: 810px;
}

.HuelRange__cards .columns {
  display: flex;
  flex-wrap: wrap;
}
.HuelRange__cards .columns .column:nth-child(0) {
  animation-delay: 0ms;
}
.HuelRange__cards .columns .column:nth-child(1) {
  animation-delay: 80ms;
}
.HuelRange__cards .columns .column:nth-child(2) {
  animation-delay: 160ms;
}
.HuelRange__cards .columns .column:nth-child(3) {
  animation-delay: 240ms;
}
.HuelRange__cards .columns .column:nth-child(4) {
  animation-delay: 320ms;
}
.HuelRange__cards .columns .column:nth-child(5) {
  animation-delay: 400ms;
}
.HuelRange__cards .columns .column:nth-child(6) {
  animation-delay: 480ms;
}
.HuelRange__cards .columns .column:nth-child(7) {
  animation-delay: 560ms;
}
.HuelRange__cards .columns .column:nth-child(8) {
  animation-delay: 640ms;
}
.HuelRange__cards .columns .column:nth-child(9) {
  animation-delay: 720ms;
}
.HuelRange__cards .columns .column:nth-child(10) {
  animation-delay: 800ms;
}
.HuelRange__cards .column {
  width: 50%;
  flex-basis: auto;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .HuelRange__cards .column {
    width: 33.333333%;
  }
}
@media (min-width: 1024px) {
  .HuelRange__cards .column {
    width: 16.666666%;
  }
}

.HuelRange__card {
  background-color: #fff;
  border-radius: 12px;
  display: block;
  height: 100%;
  text-align: center;
  padding-bottom: 12px;
  box-shadow: none;
  outline: none;
  transition: all 150ms linear;
}
.HuelRange__card:hover, .HuelRange__card:focus {
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.2);
  transform: scale(1.02);
}

.HuelRange__img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.HuelRange__text {
  padding: 0 12px 12px;
}

.HuelRange__prod-title.title {
  color: #0b0b0b;
  margin-bottom: 5px;
}

.HuelRange__prod-text.title {
  color: #f58523;
  margin-bottom: 0;
}

.DietitianApproved {
  padding: 52px 0 62px;
}

.DietitianApproved__heading.title {
  margin-bottom: 52px;
}
@media (max-width: 1024px) {
  .DietitianApproved__heading.title {
    font-size: 1.625rem;
  }
}

.InstragramBanner {
  background-color: #f6f6f6;
  padding: 40px 0;
}

.InstragramBanner__heading.title {
  margin-bottom: 28px;
  width: 100%;
}
.InstragramBanner__heading.title a {
  color: #f58523;
}
@media (min-width: 360px) {
  .InstragramBanner__heading.title {
    width: 75%;
  }
}
@media (min-width: 768px) {
  .InstragramBanner__heading.title {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .InstragramBanner__heading.title {
    font-size: 2.75rem;
    margin-bottom: 12px;
  }
}

.InstragramBanner__sub-heading {
  color: #5a5a5a;
  margin-bottom: 42px;
}
.InstragramBanner__sub-heading a {
  font-weight: bold;
  color: #0b0b0b;
  transition: opacity 150ms linear;
}
.InstragramBanner__sub-heading a:hover {
  opacity: 0.5;
}

.InstragramBanner__images .columns {
  display: flex;
  flex-wrap: wrap;
}
.InstragramBanner__images .column {
  display: none;
  width: 50%;
  flex: none;
}
.InstragramBanner__images .column:nth-of-type(1), .InstragramBanner__images .column:nth-of-type(2), .InstragramBanner__images .column:nth-of-type(3), .InstragramBanner__images .column:nth-of-type(4) {
  display: block;
}
@media (min-width: 580px) {
  .InstragramBanner__images .column {
    width: 33.333333%;
  }
  .InstragramBanner__images .column:nth-of-type(5), .InstragramBanner__images .column:nth-of-type(6) {
    display: block;
  }
}
@media (min-width: 768px) {
  .InstragramBanner__images .column {
    width: 25%;
  }
  .InstragramBanner__images .column:nth-of-type(7), .InstragramBanner__images .column:nth-of-type(8) {
    display: block;
  }
}
@media (min-width: 1024px) {
  .InstragramBanner__images .column {
    width: 16.666666%;
  }
  .InstragramBanner__images .column:nth-of-type(7), .InstragramBanner__images .column:nth-of-type(8) {
    display: none;
  }
}

.InstragramBanner__img {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 12px;
  border-radius: 12px;
  outline: none;
  border: 2px solid transparent;
  transition: all 150ms linear;
}
.InstragramBanner__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: transform 500ms ease;
}
.InstragramBanner__img:hover img {
  transform: scale(1.075);
}
.InstragramBanner__img:focus {
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.2);
  transform: scale(1.02);
  border-color: #f58523;
}

.EmailSignup {
  background: #0b0b0b;
  padding: 54px 0;
  color: #fff;
}

@media (min-width: 768px) {
  .EmailSignup__left {
    max-width: 340px;
  }
}
@media (min-width: 1024px) {
  .EmailSignup__left {
    max-width: 450px;
    padding-left: 8.33333%;
  }
}
@media (min-width: 1200px) {
  .EmailSignup__left {
    max-width: 500px;
    padding-left: 16.666666%;
  }
}

.EmailSignup__heading {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.EmailSignup__heading svg {
  height: 36px;
  margin-right: 16px;
}
.EmailSignup__heading .title {
  color: #fff;
  margin-bottom: 0;
}

.EmailSignup__text {
  margin-bottom: 42px;
}

@media (min-width: 1024px) {
  .EmailSignup__right {
    padding-right: 8.33333%;
  }
}
@media (min-width: 1200px) {
  .EmailSignup__right {
    padding-right: 16.666666%;
    padding-left: 8.33333%;
  }
}

.EmailSignup__form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 42px;
}
.EmailSignup__form .button {
  height: 56px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  min-width: 0;
}

.EmailSignup__email {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 56px;
  padding: 0 16px;
  font-size: 16px;
  border: 0;
  box-shadow: none;
  flex: 1;
  outline: none;
  margin-right: -1px;
}
.EmailSignup__email:focus {
  border-bottom: 2px solid #35be5a;
}
.EmailSignup__email ::-webkit-input-placeholder {
  color: #545454;
}
.EmailSignup__email ::-moz-placeholder {
  color: #545454;
}
.EmailSignup__email :-ms-input-placeholder {
  color: #545454;
}
.EmailSignup__email :-moz-placeholder {
  color: #545454;
}

.EmailSignup__country {
  padding-left: 16px;
  height: 56px;
  color: #808080;
  background-color: rgb(255, 255, 255);
  -webkit-appearance: none;
  appearance: none;
}

.EmailSignup__msg {
  font-weight: bold;
  margin-bottom: 36px;
}

.EmailSignup__recaptcha-notice {
  font-size: 12px;
}
.EmailSignup__recaptcha-notice a {
  color: #fff;
  text-decoration: underline;
}
.EmailSignup__recaptcha-notice a:hover {
  opacity: 0.5;
}

.EmailSignup__line-break {
  height: 1px;
  margin: 0;
  background-color: #afafaf;
}

.EmailSignup--eu .columns {
  flex-direction: column;
}
.EmailSignup--eu .column {
  width: 100%;
}
.EmailSignup--eu .EmailSignup__left {
  max-width: 400px;
}
.EmailSignup--eu .EmailSignup__form {
  display: flex;
  flex-direction: column;
  max-width: 625px;
}
.EmailSignup--eu .EmailSignup__form .mit {
  width: 100%;
}
.EmailSignup--eu .EmailSignup__form .button {
  width: 100%;
  height: 56px;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.EmailSignup--eu .EmailSignup__email {
  flex: none;
  width: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-bottom: 10px;
}
.EmailSignup--eu .EmailSignup__country {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 10px;
}
@media (min-width: 555px) {
  .EmailSignup--eu .EmailSignup__form {
    flex-direction: row;
  }
  .EmailSignup--eu .EmailSignup__form .mit {
    width: auto;
  }
  .EmailSignup--eu .EmailSignup__form .button {
    width: auto;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .EmailSignup--eu .EmailSignup__email {
    flex: 1;
    width: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
  }
  .EmailSignup--eu .EmailSignup__country {
    width: auto;
    border-radius: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .EmailSignup--eu .columns {
    flex-direction: row;
  }
  .EmailSignup--eu .column {
    width: auto;
    flex: 1;
  }
  .EmailSignup--eu .column:first-of-type {
    max-width: 420px;
  }
  .EmailSignup--eu .EmailSignup__left {
    max-width: 450px;
    padding-left: 0;
  }
  .EmailSignup--eu .EmailSignup__right {
    padding-right: 0;
  }
}
@media (min-width: 1100px) {
  .EmailSignup--eu .column {
    width: 50%;
    flex: none;
  }
  .EmailSignup--eu .column:first-of-type {
    max-width: 100%;
  }
  .EmailSignup--eu .EmailSignup__right {
    padding-right: 0;
  }
}

.ChatBot {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 10000;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: rgba(36, 36, 36, 0.15) 0px 20px 30px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(5, 5, 5);
}

.ChatBot__button {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  background-color: transparent;
  border: medium;
  border-radius: 4px;
  margin: 0px;
  padding: 0px;
  line-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ChatBot__icon-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ChatBot__icon {
  width: 100%;
  height: 100%;
}

.ChatBot__icon path {
  fill: rgb(255, 255, 255);
}

/*================ MODULES ================*/
/*================ Giftcard Template ================*/
.giftcard-qr img {
  display: block;
  margin: 0 auto;
}

.apple-wallet-image {
  display: block;
  margin: 0 auto;
}

/*================ Print Giftcard Styles ================*/
@media print {
  @page {
    margin: 0.5cm;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  html,
  body {
    background-color: #fff;
    color: #0b0b0b;
  }
  .print-giftcard,
  .apple-wallet {
    display: none;
  }
}
.careers-listing {
  padding-top: 90px;
}
@media (max-width: 1024px) {
  .careers-listing {
    padding-top: 60px;
  }
}
.careers-listing__hero {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .careers-listing__hero {
    height: 250px;
  }
  .careers-listing__hero img {
    opacity: 0;
  }
}
.careers-listing__hero img {
  display: block;
}
.careers-listing__hero h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  margin: 0px;
}
@media (max-width: 768px) {
  .careers-listing__hero h1 {
    font-size: 34px !important;
  }
}

.careers-listing h2 {
  margin: 30px 50px;
}
@media (max-width: 950px) {
  .careers-listing h2 {
    text-align: center;
    margin: 20px;
  }
}
@media (max-width: 768px) {
  .careers-listing h2 {
    font-size: 26px !important;
  }
}
.careers-listing__jobs {
  position: relative;
  padding: 0 50px 50px 50px;
}
@media (max-width: 950px) {
  .careers-listing__jobs {
    float: inherit;
    width: 100%;
    padding: 0px 20px 20px 20px !important;
  }
}
.careers-listing__jobs ul {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.careers-listing__jobs li {
  border: 1px solid #e2e2e2;
  float: left;
  width: calc(50% - 15px);
  margin-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}
.careers-listing__jobs li a span {
  width: 150px;
  text-align: center;
  line-height: initial;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  margin-right: 15px;
}
@media (max-width: 950px) {
  .careers-listing__jobs li {
    float: inherit;
    width: 100%;
    margin: 0px 0px 15px 0px !important;
  }
}
.careers-listing__jobs li a span {
  width: 200px;
  text-align: center;
  height: 100%;
  display: inline-block;
  padding: 15px;
}
.careers-listing__jobs li:nth-child(2n+1) {
  margin-left: 0px;
}
.careers-listing__jobs a {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.careers-listing__jobs .careers-listing__jobs-title {
  width: calc(100% - 80px);
  float: left;
  vertical-align: middle;
  padding: 15px;
}
@media (max-width: 950px) {
  .careers-listing__jobs .careers-listing__jobs-title {
    width: calc(100% - 50px);
    padding: 10px 15px;
  }
}
.careers-listing__jobs .careers-listing__jobs-icon {
  width: 80px;
  float: left;
  vertical-align: middle;
  background-color: black;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.careers-listing__jobs .careers-listing__jobs-icon svg {
  color: white;
  stroke: white;
  height: 25px;
}
@media (max-width: 950px) {
  .careers-listing__jobs .careers-listing__jobs-icon {
    width: 50px;
  }
  .careers-listing__jobs .careers-listing__jobs-icon svg {
    height: 18px;
  }
}
.careers-listing__jobs li:hover .careers-listing__jobs-icon {
  background-color: #777;
}
.careers-listing__jobs h4 {
  margin: 0px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 17px;
}
@media (max-width: 950px) {
  .careers-listing__jobs h4 {
    font-size: 13px;
  }
}
.careers-listing__jobs p {
  margin: 5px 0px 0px 0px;
}
@media (max-width: 950px) {
  .careers-listing__jobs p {
    margin: 0px;
    font-size: 12px;
  }
}

.formBuilder {
  margin-left: 0 !important;
}

.newsletter-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none;
}
.newsletter-popup__container {
  background: white;
  position: absolute;
  max-width: 900px;
  display: table;
  width: 90%;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.newsletter-popup.open .newsletter-popup__container {
  top: 50%;
  opacity: 1;
}
.newsletter-popup__container-image, .newsletter-popup__container-form.half-width {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.newsletter-popup__container-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.newsletter-popup__container-image img {
  display: block;
  width: 100%;
  opacity: 0;
}
@media (max-width: 768px) {
  .newsletter-popup__container-image {
    display: none;
  }
}
.newsletter-popup__container-form {
  padding: 5%;
}
.newsletter-popup__container-form h3 {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .newsletter-popup__container-form {
    padding: 10%;
    display: block !important;
    width: 100% !important;
  }
}
.newsletter-popup__container-form-elements input[type=text] {
  width: calc(100% - 95px);
  background-color: #e2e3e3;
  border: none;
  color: black;
}
.newsletter-popup__container-form-elements input[type=text]::-webkit-input-placeholder {
  color: black;
}
.newsletter-popup__container-form-elements input[type=text]::-moz-placeholder {
  color: black;
}
.newsletter-popup__container-form-elements input[type=text]:-ms-input-placeholder {
  color: black;
}
.newsletter-popup__container-form-elements input[type=text]:-moz-placeholder {
  color: black;
}
.newsletter-popup__container-form-elements input[type=submit] {
  width: 95px;
  text-align: center;
  padding: 0 10px;
}
@media (max-width: 560px) {
  .newsletter-popup__container-form-elements input[type=submit],
  .newsletter-popup__container-form-elements input[type=text] {
    width: 100%;
    display: block;
  }
}
.newsletter-popup__container-form-validation-response {
  margin-top: 20px;
}
.newsletter-popup__container-form-validation-response.error {
  color: #f58523;
}
.newsletter-popup__container-form-h-logo {
  max-width: 100px;
  margin-top: 5%;
}
@media (max-width: 768px) {
  .newsletter-popup__container-form-h-logo {
    margin-top: 3%;
  }
}
.newsletter-popup__container-close {
  width: 40px;
  height: 40px;
  position: absolute;
  background: black;
  padding: 0px;
  border: none;
  color: white;
  font-size: 21px;
  right: 0px;
  top: -40px;
}
@media (max-width: 768px) {
  .newsletter-popup__container-close {
    top: 0px;
    color: black !important;
    background-color: white !important;
  }
}

.MediaBanner__grid {
  height: 70px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  margin: 0 auto;
}
@media (min-width: 360px) {
  .MediaBanner__grid {
    justify-content: space-between;
    max-width: 600px;
  }
}
@media (min-width: 768px) {
  .MediaBanner__grid {
    justify-content: space-around;
  }
}
@media (min-width: 1024px) {
  .MediaBanner__grid {
    max-width: 100%;
  }
}

.MediaBanner__item {
  height: 13px;
  font-size: 0;
  display: none;
  margin: 0;
  width: 50%;
  margin: 0;
  text-align: center;
}
.MediaBanner__item img {
  height: 100%;
  width: auto;
  filter: grayscale(100%);
}
.MediaBanner__item.is-active {
  display: block;
}
@media (min-width: 360px) {
  .MediaBanner__item {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .MediaBanner__item {
    display: block;
  }
}

.instagram_info-container {
  text-align: center;
}
.instagram_info-container h3 {
  margin-bottom: 30px;
  padding-top: 30px;
}
.instagram_info-container h3 a {
  color: #f58523;
  transition: color 100ms linear;
}
.instagram_info-container h3 a:hover {
  color: #0b0b0b;
}
.instagram_info-container p {
  padding: 0 20px;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.instagram_grid-container {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}

.instagram_grid-item {
  width: 16.6666666667%;
  padding-bottom: 16.6666666667%;
  overflow: hidden;
  height: 0;
  position: relative;
}
.instagram_grid-item img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: transform ease 0.5s;
}
@media only screen and (max-width: 1350px) {
  .instagram_grid-item {
    width: 25%;
    padding-bottom: 25%;
  }
  .instagram_grid-item:nth-child(n+9) {
    display: none;
  }
}
@media (max-width: 1024px) {
  .instagram_grid-item {
    width: 33.3333334%;
    padding-bottom: 33.3333334%;
  }
  .instagram_grid-item:nth-child(n+7) {
    display: none;
  }
}
@media (max-width: 768px) {
  .instagram_grid-item {
    width: 50%;
    padding-bottom: 50%;
  }
  .instagram_grid-item:nth-child(n+5) {
    display: none;
  }
}
.instagram_grid-item:hover::after {
  content: none;
}
.instagram_grid-item:hover img {
  transform: scale(1.1);
}

.slick--carousel__container {
  position: relative;
}
.slick--carousel__container.homepage--carousel {
  height: calc(100vh - 180px);
  margin-top: 90px;
}
@media (max-width: 1024px) {
  .slick--carousel__container.homepage--carousel {
    margin-top: 60px;
    height: 60vh;
  }
}

.homepage__advertising .homepage--carousel {
  height: calc(100vh - 180px);
  margin-top: 90px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .homepage__advertising .homepage--carousel {
    margin-top: 30px;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.homepage--carousel__panel h2.title {
  margin-bottom: 0;
}
.homepage--carousel__panel p {
  color: #818D95;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .homepage--carousel__panel p {
    max-width: 316px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
}
.homepage--carousel__panel--txt {
  max-width: 380px;
}
.homepage--carousel__panel--txt h2 {
  margin-top: 0px;
}
@media (max-width: 1024px) {
  .homepage--carousel__panel--txt h2 {
    margin-top: 30px;
  }
}
@media (max-width: 1024px) {
  .homepage--carousel__panel--txt {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
}
.homepage--carousel__panel:nth-of-type(1) {
  order: 1;
  margin-left: 8%;
  width: 35%;
}
@media (max-width: 1024px) {
  .homepage--carousel__panel:nth-of-type(1) {
    padding: 0;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .homepage--carousel__panel:nth-of-type(1) a {
    display: none;
  }
}
.homepage--carousel__panel:nth-of-type(2) {
  order: 3;
  width: 65%;
  padding-right: 50px;
  text-align: center;
}
@media (max-width: 1024px) {
  .homepage--carousel__panel:nth-of-type(2) {
    width: 100%;
    padding: 0;
  }
}
.homepage--carousel__panel:nth-of-type(3) {
  order: 2;
  display: none;
}
@media (max-width: 1024px) {
  .homepage--carousel__panel:nth-of-type(3) {
    display: block;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.homepage--carousel__panel .static-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.slick--arrow__prev,
.slick--arrow__next {
  height: 100%;
  position: absolute;
  top: 0;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick--arrow__prev svg,
.slick--arrow__next svg {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.slick--arrow__prev {
  left: 0;
}

.slick--arrow__next {
  right: 0;
}

.slick--carousel {
  height: 100%;
}
.slick--carousel__item {
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.slick--carousel__image--container {
  line-height: 0;
  height: 100%;
  margin: auto calc(-50vw + 50%);
}
.slick--carousel__image--container img {
  min-height: 450px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  max-height: 730px;
}
@media only screen and (min-width: 1400px) {
  .slick--carousel__image--container img {
    max-height: none;
  }
}

.slick--carousel__info--container {
  max-width: none;
}
@media only screen and (min-width: 1400px) {
  .slick--carousel__info--container {
    padding: 0 60px;
  }
}
.slick--carousel__info--container .slick--carousel__info {
  right: 60px;
  text-align: right;
}

ul.slick-dots {
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
}
ul.slick-dots li {
  cursor: pointer;
  display: inline-block;
  background: #a9a9a9;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  margin-right: 5px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
ul.slick-dots li.slick-active {
  background: #232323;
}
ul.slick-dots li button {
  display: none;
}

.slick--carousel__item--content {
  position: absolute;
  top: 20vh;
  left: 10vw;
  max-width: 580px;
  height: initial !important;
}
.slick--carousel__item--content h2 {
  margin: 0;
  padding: 0;
  max-width: 500px;
}
@media (max-width: 1024px) {
  .slick--carousel__item--content {
    top: 65px;
    left: 75px;
    z-index: 5;
  }
  .slick--carousel__item--content h2 {
    color: #0b0b0b !important;
  }
  .slick--carousel__item--content p {
    color: #0b0b0b !important;
  }
}
@media (max-width: 768px) {
  .slick--carousel__item--content {
    top: initial;
    left: initial;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 60vh !important;
  }
  .slick--carousel__item--content h2 {
    max-width: initial;
    padding: 0 40px;
    font-size: 32px;
    line-height: 36px;
  }
  .slick--carousel__item--content p {
    padding: 0 40px;
  }
}

.text--panel__container {
  border-top: 1px solid #e5e5e5;
}
.text--panel__container .wrapper {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.text--panel__container .wrapper h2 {
  text-align: center;
}
.text--panel__container .wrapper p {
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
  width: 100%;
  margin-top: 0;
}
.text--panel__container .wrapper img {
  padding-bottom: 30px;
  padding-top: 20px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.text--panel__container .wrapper .button {
  margin: 40px auto 0;
}

.imgtxt--panel__container {
  border-top: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
}
.imgtxt--panel__container .imgtxt--panel {
  width: 50%;
  margin-top: 50px;
  margin-bottom: 50px;
}
.imgtxt--panel__container .imgtxt--panel.ip--offset__right {
  order: 2;
}
.imgtxt--panel__container .imgtxt--panel .imgtxt--panel__offset {
  padding: 75px;
}
.imgtxt--panel__container .imgtxt--panel .imgtxt--panel__offset h2 {
  margin-top: 0;
}
.imgtxt--panel__container .imgtxt--panel .imgtxt--panel__offset p {
  margin-bottom: 0;
  text-align: left;
}
.imgtxt--panel__container .imgtxt--panel .imgtxt--panel__offset .button {
  margin: 40px auto 0;
}
.imgtxt--panel__container .imgtxt--panel .imgtxt--panel__offset.ip--offset__right {
  float: left;
  padding: 75px;
}
.imgtxt--panel__container .img--panel {
  width: 50%;
  background-position: center center;
  background-size: cover;
}
.imgtxt--panel__container .img--panel.ip--offset__right {
  order: 1;
}
@media (max-width: 949px) {
  .imgtxt--panel__container {
    flex-direction: column;
  }
  .imgtxt--panel__container .imgtxt--panel {
    width: 100%;
    transform: translate(0, 0);
    order: 1;
    margin: 30px 0;
  }
  .imgtxt--panel__container .imgtxt--panel.ip--offset__right {
    transform: translate(0, 0);
    order: 1;
  }
  .imgtxt--panel__container .imgtxt--panel .imgtxt--panel__offset {
    max-width: initial;
    float: none;
    width: 100%;
    padding: 30px;
  }
  .imgtxt--panel__container .imgtxt--panel .imgtxt--panel__offset.ip--offset__right {
    padding: 30px;
  }
  .imgtxt--panel__container .img--panel {
    width: 100%;
    height: 50vh;
    order: 2;
  }
  .imgtxt--panel__container .img--panel.ip--offset__right {
    order: 2;
  }
}

.benefits--container {
  border-top: 1px solid #e5e5e5;
  display: block;
}
.benefits--container .wrapper {
  text-align: center;
}
.benefits--container .wrapper .title {
  margin-bottom: 3.5rem;
}
@media (max-width: 768px) {
  .benefits--container .wrapper h2 {
    margin-bottom: 40px;
  }
}

.benefits--grid {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.benefits--grid__item {
  width: 33.3333333333%;
  flex-grow: 1;
  text-align: center;
}
.benefits--grid__item:nth-of-type(1), .benefits--grid__item:nth-of-type(2), .benefits--grid__item:nth-of-type(3) {
  padding-bottom: 60px;
}
.benefits--grid__item img {
  padding-bottom: 20px;
}
.benefits--grid__item__heading {
  margin-bottom: 0 !important;
  font-weight: 700;
}
.benefits--grid__item p {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-block-start: 1em;
  margin-block-end: 1em;
  line-height: 24px;
  padding: 0 10px;
}
@media (max-width: 768px) {
  .benefits--grid__item {
    width: 50%;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .benefits--grid__item {
    padding-bottom: 20px;
  }
  .benefits--grid__item:nth-of-type(1), .benefits--grid__item:nth-of-type(2), .benefits--grid__item:nth-of-type(3) {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 499px) {
  .benefits--grid__item {
    width: 100%;
  }
}

.dietitian--review--container {
  border-top: 1px solid #e5e5e5;
  display: block;
}
.dietitian--review--container .wrapper {
  text-align: center;
}
@media (max-width: 768px) {
  .dietitian--review--container .wrapper h2 {
    margin-bottom: 40px;
  }
}

.dietitian--review--grid {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.dietitian--review--grid__item {
  width: 50%;
  flex-grow: 1;
  text-align: center;
  padding-bottom: 60px;
  display: -webkit-flex;
  display: flex;
}
.dietitian--review--grid__item:nth-of-type(odd) {
  padding-right: 30px;
}
.dietitian--review--grid__item:nth-of-type(even) {
  padding-left: 30px;
}
.dietitian--review--grid__item .drgi--image {
  order: 1;
  width: 20%;
  padding-top: 5px;
}
.dietitian--review--grid__item .drgi--image img {
  border-radius: 50%;
}
.dietitian--review--grid__item .drgi--info {
  order: 2;
  width: 80%;
  text-align: left;
  padding-left: 30px;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.dietitian--review--grid__item .drgi--info p {
  margin-top: 0;
  font-size: 14px;
  line-height: 24px;
  order: 1;
}
.dietitian--review--grid__item .drgi--info span {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  order: 2;
}
.dietitian--review--grid__item .drgi--info span a {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .dietitian--review--grid__item {
    width: 100%;
  }
  .dietitian--review--grid__item:nth-of-type(odd) {
    padding-right: 0;
  }
  .dietitian--review--grid__item:nth-of-type(even) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 499px) {
  .dietitian--review--grid__item {
    flex-direction: column;
  }
  .dietitian--review--grid__item .drgi--image {
    width: 100%;
    margin-bottom: 40px;
  }
  .dietitian--review--grid__item .drgi--info {
    padding: 0;
    width: 100%;
    text-align: center;
  }
}

.ni {
  width: 100%;
  padding: 0 10px;
}
.ni__container {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: row;
}
.ni__container--header {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border: 1px solid #0b0b0b;
  padding: 10px;
  border-bottom: 0;
}
.ni__container h3 {
  margin: 0 !important;
  text-align: left !important;
}
.ni__container h3 span {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 12px;
}
.ni__container .ni__version {
  font-size: 14px;
  line-height: 20px;
}
.ni__info {
  width: 200px;
  border: 1px solid #0b0b0b;
  border-right: 0;
  padding: 10px;
}
.ni__info--panel {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px;
}
.ni__info--panel span {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}
.ni__descriptor {
  display: block;
}
.ni__table {
  border: 1px solid #0b0b0b;
  width: 450px;
}
.ni__table--header {
  margin: 0 0 10px !important;
  text-align: left !important;
  padding: 10px;
  border-bottom: 1px solid #0b0b0b;
}
.ni__table--header:nth-of-type(2) {
  margin-bottom: 5px !important;
  border-top: 1px solid #0b0b0b;
}
.ni__table--information {
  display: block;
  font-size: 10px;
  line-height: 12px;
  margin: 10px 0;
  padding: 0 15px;
}
.ni__display tr:nth-of-type(even) {
  background: #efefef;
}
.ni__header {
  padding: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
}
.ni__cell {
  padding: 2px 5px;
  font-size: 10px;
  line-height: 10px;
  min-width: 60px;
}
.ni__cell--bold {
  padding: 2px 5px;
  font-size: 11px;
  line-height: 10px;
  font-weight: 700;
}
.ni tbody tr td {
  text-align: center;
}
.ni tbody tr td:nth-of-type(1) {
  width: 250px;
  text-align: left;
}

.influencers__container {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.influencers__container li {
  margin: 0 !important;
  list-style-type: none !important;
  width: 33.3333333333%;
  padding: 10px;
}
@media (max-width: 768px) {
  .influencers__container li {
    width: 50%;
  }
}

.text-and-image {
  display: block;
}
.text-and-image__block {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  .text-and-image__block {
    flex-direction: column;
  }
}
.text-and-image__block-text {
  width: 50%;
  padding: 5%;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.text-and-image__block-text h3 {
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .text-and-image__block-text {
    width: 100%;
    order: 2 !important;
    margin-bottom: 30px;
  }
}
.text-and-image__block-text-body {
  width: 100%;
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.text-and-image__block-image {
  width: 50%;
  background-position: center;
  background-size: cover;
}
.text-and-image__block-image img {
  opacity: 0;
  width: 100%;
  display: block;
}
@media (max-width: 768px) {
  .text-and-image__block-image {
    width: 100%;
    order: 1 !important;
  }
}

.job-profile {
  padding-top: 90px;
}
@media (max-width: 1024px) {
  .job-profile {
    padding-top: 60px;
  }
}
.job-profile__hero {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 350px;
}
.job-profile__hero img {
  display: block;
  width: 100%;
}
@media (max-width: 768px) {
  .job-profile__hero img {
    opacity: 0;
  }
}
.job-profile__body {
  padding: 0 50px;
  max-width: 1440px;
  margin: 0 auto;
}
.job-profile__body-header {
  display: -webkit-flex;
  display: flex;
  padding-top: 50px;
}
.job-profile__body-header-title {
  width: 50%;
}
.job-profile__body-header-title h1 {
  font-size: 38px;
  margin-bottom: 10px;
  margin-top: 0px;
  line-height: 32px;
}
.job-profile__body-header-title p {
  margin: 0px;
  font-size: 30px;
}
.job-profile__body-header-backlink {
  width: 50%;
  text-align: right;
}
.job-profile__body-header-backlink span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 2px;
}
.job-profile__body-description {
  max-width: 920px;
  margin: 50px 0;
}
.job-profile__body-description ul {
  padding-left: 20px;
}
.job-profile__body-description ul li {
  list-style-type: circle;
}
.job-profile__apply {
  padding: 0 50px 50px;
  max-width: 1440px;
  margin: 0 auto;
}
.job-profile__apply .button {
  width: 150px;
  text-align: center;
}

.cookieBanner {
  position: fixed;
  z-index: 101;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: rgba(11, 11, 11, 0.8);
  font-size: 14px;
  color: #fff;
  border-top: #f2f2f2;
  display: none;
}
.cookieBanner.is-active {
  display: block;
}
.cookieBanner .level-item:first-child {
  flex-shrink: 1;
  padding-right: 20px;
}
.cookieBanner a {
  color: #fff;
  text-decoration: underline;
}
.cookieBanner a:hover {
  color: #f58523;
}

.boostModal {
  display: none;
  position: fixed;
  z-index: 102;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.boostModal-content {
  width: 900px;
  z-index: 102;
  background: #fff;
  margin: 300px auto 10%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  animation-duration: 1s;
}
.boostModal-body {
  position: relative;
  display: flex;
  padding: 10px 30px;
  background: #fff;
}
.boostModal-part {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-self: center;
  margin: 15px;
}
.boostModal-part .title {
  margin: 0 0 10px;
}
.boostModal-part img {
  max-width: 480px;
  width: 100%;
}
.boostModal-part .button {
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}
.boostModal-close {
  color: #ccc;
  align-self: flex-end;
  font-size: 30px;
  position: absolute;
  right: 16px;
  top: 0;
}
.boostModal-close:hover, .boostModal-close:focus {
  color: #0b0b0b;
  text-decoration: none;
  cursor: pointer;
}

.boost-price {
  margin-top: 30px;
  margin-bottom: 20px;
}
.boost-price-before {
  text-decoration: line-through;
  color: #878787;
}
.boost-price-after {
  color: #f58523;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .boostModal {
    position: absolute;
  }
}
@media (max-width: 950px) {
  .boostModal-content {
    width: 80vw;
  }
}
@media (max-width: 768px) {
  .boostModal-content {
    margin: 900px auto 10%;
    width: 60vw;
  }
  .boostModal-body {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .boostModal-part {
    width: 100%;
    text-align: center;
  }
  .boostModal-part img {
    margin: 0 auto;
  }
  .boostModal-part p {
    width: 50vw;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .boostModal-content {
    width: 80vw;
  }
}
.ometria-sticky-bar {
  background-color: #FF9700;
  position: fixed;
  padding: 20px;
  width: 100%;
  bottom: 0;
  z-index: 99;
  display: none;
}
.ometria-sticky-bar .wrapper {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1500px) {
  .ometria-sticky-bar .wrapper {
    max-width: 960px;
  }
}
@media screen and (max-width: 1180px) {
  .ometria-sticky-bar .wrapper {
    max-width: 800px;
  }
}
.ometria-sticky-bar .left {
  width: 60%;
  display: flex;
}
.ometria-sticky-bar .left .om-image {
  display: flex;
}
.ometria-sticky-bar .left .om-image img {
  height: 88px;
}
.ometria-sticky-bar .left .title {
  color: #fff;
}
.ometria-sticky-bar .left .text-content {
  max-width: 335px;
  width: 100%;
  color: #fff;
  margin-left: 35px;
}
.ometria-sticky-bar .right {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}
.ometria-sticky-bar .right form {
  width: 100%;
}
.ometria-sticky-bar .close-bar {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ometria-sticky-bar .close-bar p {
  margin-right: 6px;
}
.ometria-sticky-bar .input {
  max-width: 360px;
  width: 100%;
  background-color: transparent;
  color: #fff;
  height: 3.25rem;
  box-shadow: none;
  padding-left: 12px;
  padding-right: 12px;
}
.ometria-sticky-bar .input::-moz-placeholder {
  color: #fff;
}
.ometria-sticky-bar .input::-webkit-input-placeholder {
  color: #fff;
}
.ometria-sticky-bar .input:-moz-placeholder {
  color: #fff;
}
.ometria-sticky-bar .input:-ms-input-placeholder {
  color: #fff;
}
.ometria-sticky-bar .input:hover, .ometria-sticky-bar .input:focus {
  border-color: #fff;
  box-shadow: none;
}
.ometria-sticky-bar .button {
  height: 3.25rem;
  line-height: 2.5rem;
  background-color: #fff;
  color: #0b0b0b;
  font-weight: bold;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5);
  transition: 0.4s ease-in box-shadow;
}
.ometria-sticky-bar .button:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}
.ometria-sticky-bar .ometria-bar-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  font-size: 0.75rem;
  color: #ffffff;
}
.ometria-sticky-bar .ometria-bar-footer .ometria-status-message {
  display: none;
  margin-right: 0.75rem;
  margin-top: 0.75rem;
}
.ometria-sticky-bar .ometria-bar-footer .ometria-privacy-policy a {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (max-width: 1240px) {
  .ometria-sticky-bar {
    padding: 25px 30px;
  }
  .ometria-sticky-bar .wrapper {
    flex-direction: column;
    max-width: 400px;
  }
  .ometria-sticky-bar .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .ometria-sticky-bar .left .om-image {
    display: none;
  }
  .ometria-sticky-bar .left .text-content {
    margin-left: 0px;
    max-width: 100%;
  }
  .ometria-sticky-bar .left .title {
    font-size: 1.15rem;
  }
  .ometria-sticky-bar .right {
    width: 100%;
  }
  .ometria-sticky-bar .right .field {
    flex-direction: column;
  }
  .ometria-sticky-bar .right .field .control {
    margin-right: 0px;
  }
  .ometria-sticky-bar .right .input {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .ometria-sticky-bar .right .button {
    width: 100%;
  }
  .ometria-sticky-bar .close-bar {
    top: 10px;
    right: 10px;
  }
  .ometria-sticky-bar .close-bar p {
    display: none;
  }
  .ometria-sticky-bar .ometria-bar-footer {
    position: static;
    bottom: 0;
    margin-top: 10px;
  }
  .ometria-sticky-bar .ometria-bar-footer .ometria-status-message {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .ometria-sticky-bar {
    padding: 15px 20px;
  }
  .ometria-sticky-bar .input {
    height: 2.5rem;
    border-radius: 2px;
    font-size: 0.75rem;
  }
  .ometria-sticky-bar .button {
    height: 2.5rem;
  }
  .ometria-sticky-bar .left {
    margin-bottom: 10px;
  }
}
.oos_ometria_form_container {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.oos_ometria_form_container p {
  margin-bottom: 20px;
}
.oos_ometria_form_container .button {
  font-size: 18px;
}
.oos_ometria_form_container .success-icon {
  display: flex;
  justify-content: center;
}

.oos_form_message {
  text-align: center;
  margin-top: 15px;
}

.oos_privacy_link {
  margin-top: 10px;
}

.feedback-form {
  text-align: center;
}

#bottle-rating .selected {
  fill: #0b0b0b;
}

.rating-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rating-container fieldset {
  border: none;
}
.rating-container .visuallyhidden {
  visibility: hidden;
}
.rating-container .range-slider-container {
  transform: rotate(-90deg) translateX(-10px);
  width: 350px;
  height: 100%;
  margin-left: -110px;
}
.rating-container .slider-container {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-left: 150px;
}
.rating-container .rating-feedback-text {
  display: block;
  margin: 10px auto 20px;
  width: 100%;
}
.rating-container .rating-content {
  margin-top: 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rating-container .rating-content .button {
  width: 100%;
}
.rating-container .svg-container {
  display: flex;
  margin-right: 20px;
}
.rating-container .scale-guides {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.rating-container .scale-guides p {
  transform: translateY(-5px);
}
.rating-container .scale-guides p:nth-child(2) {
  transform: translateY(5px);
}
.rating-container .scale-guides p:nth-child(2) {
  transform: translateY(5px);
}
.rating-container .scale-guides p:last-child {
  transform: translateY(-12px);
}
.rating-container input[type=range].range-slider {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.3px 0;
}
.rating-container input[type=range].range-slider:focus {
  outline: none;
}
.rating-container input[type=range].range-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #0b0b0b, 0px 0px 1px #0d0d0d;
  background: #0b0b0b;
  border-radius: 4px;
  border: 0.2px solid #010101;
}
.rating-container input[type=range].range-slider::-webkit-slider-thumb {
  box-shadow: 0.9px 0.9px 1px #0b0b0b, 0px 0px 0.9px #0b0b0b;
  border: 1.8px solid #0b0b0b;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  cursor: grab;
  -webkit-appearance: none;
  margin-top: -7.5px;
  transition: transform 0.3s;
}
.rating-container input[type=range].range-slider::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}
.rating-container input[type=range].range-slider:focus::-webkit-slider-runnable-track {
  background: #0d0d0d;
}
.rating-container input[type=range].range-slider::-moz-range-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #0b0b0b, 0px 0px 1px #0d0d0d;
  background: #0b0b0b;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
.rating-container input[type=range].range-slider::-moz-range-thumb {
  box-shadow: 0.9px 0.9px 1px #0b0b0b, 0px 0px 0.9px #0b0b0b;
  border: 1.8px solid #0b0b0b;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  cursor: grab;
  transition: transform 0.3s;
}
.rating-container input[type=range].range-slider::-moz-range-thumb:hover {
  transform: scale(1.1);
}
.rating-container input[type=range].range-slider::-ms-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.rating-container input[type=range].range-slider::-ms-fill-lower {
  background: #0b0b0b;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #0b0b0b, 0px 0px 1px #0d0d0d;
}
.rating-container input[type=range].range-slider::-ms-fill-upper {
  background: #0b0b0b;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #0b0b0b, 0px 0px 1px #0d0d0d;
}
.rating-container input[type=range].range-slider::-ms-thumb {
  box-shadow: 0.9px 0.9px 1px #0b0b0b, 0px 0px 0.9px #0b0b0b;
  border: 1.8px solid #0b0b0b;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  cursor: grab;
  height: 11.4px;
  transition: transform 0.3s;
}
.rating-container input[type=range].range-slider::-ms-thumb:hover {
  transform: scale(1.1);
}
.rating-container input[type=range].range-slider:focus::-ms-fill-lower {
  background: #0b0b0b;
}
.rating-container input[type=range].range-slider:focus::-ms-fill-upper {
  background: #0d0d0d;
}

.lock-screen {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
}

.collectionSection {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.collectionSection-container {
  padding: 40px;
}

.collectionSection .card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.collectionSection .card-content {
  padding: 0 40px 0 40px;
  text-align: left !important;
}
.collectionSection .card-footer {
  align-items: flex-start;
  margin-top: auto;
  padding: 0 40px 35px 40px;
}
.collectionSection .button {
  min-width: 160px;
}
.collectionSection .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 20px;
}

.collectionSection-heading {
  margin-bottom: 60px;
}

.collectionSection-CTAContent {
  margin-top: -1.2rem;
  margin-bottom: 1rem;
}

.collectionSection-CTAContent + .button {
  padding: 0 20px;
}

.card-callout {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  display: flex;
  align-items: center;
  color: #f58523;
  font-weight: 700;
}
.card-callout img {
  margin-right: 5px;
}

.collectionCard-headings {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 23px;
  border-bottom: 1px solid #F2F2F2;
}
.collectionCard-headings .title:hover {
  color: #0b0b0b;
}
.collectionCard-headings .is-spaced {
  margin-bottom: 5px;
}
.collectionCard-headings .subtitle {
  margin-bottom: 0;
}

.productBenefits {
  margin-bottom: 40px;
}

.productBenefit {
  display: flex;
}
.productBenefit:not(:last-child) {
  margin-bottom: 10px;
}

.productBenefit-icon {
  margin-right: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  font-weight: 700;
}
.productBenefit-icon svg {
  height: 20px;
  width: 20px;
}
.productBenefit-icon .st0 {
  fill: #0b0b0b;
}

@media screen and (max-width: 768px) {
  .collectionSection .columns {
    margin-left: 0;
    margin-right: 0;
  }
  .collectionSection .column {
    padding-left: 0;
    padding-right: 0;
  }
  .collectionSection .buttons {
    justify-content: flex-start;
  }
  .collectionSection .card-content,
  .collectionSection .card-footer {
    padding-left: 25px;
    padding-right: 25px;
  }
  .collectionSection-heading {
    padding-left: 25px;
  }
  .collectionSection-container {
    padding: 25px 0;
  }
}
.showcase-section {
  position: relative;
  height: calc(100vh - 110px);
  min-height: -webkit-fill-available;
  margin-top: 2px;
  background-color: black;
  background: url("https://cdn.shopify.com/s/files/1/0578/1097/files/blurred-background.png?v=1599205354");
  background-size: cover;
  background-repeat: no-repeat;
}

.showcase-section-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.showcase-section-video video {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.showcase-section-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.showcase-section-sound-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 32px;
  height: 32px;
  background-color: rgba(250, 250, 250, 0.1);
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
.showcase-section-sound-btn:hover {
  background-color: rgba(250, 250, 250, 0.3);
}
.showcase-section-sound-btn svg {
  color: #f6f6f6;
  height: 20px;
  width: 20px;
}
.showcase-section-sound-btn i {
  display: block;
  position: relative;
}

.showcase-section-play-btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.showcase-section-play-btn svg {
  height: 100px;
  width: 100px;
}
.showcase-section-play-btn g {
  stroke: #f6f6f6;
}

.showcase-section-sound-btn svg,
.showcase-section-play-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.showcase-section-skip-btn {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.showcase-section-container ~ .wrapper .product__purchase--image {
  padding-top: 50px;
}

@media screen and (max-width: 1119px) {
  .showcase-section-container {
    margin-top: -55px;
    padding-top: 26px;
  }
  .showcase-section {
    height: calc(100vh - 85px);
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  .showcase-section {
    min-height: 600px;
  }
}
/*================ PRODUCT MODULES ================*/
section[id^=recurring_choice_],
input[id^=subscription_id_] {
  display: none !important;
}

.product-quantity {
  display: none;
}

.product-options {
  display: none;
}

.product__purchase--info h1 {
  text-align: left !important;
  margin-bottom: 10px !important;
}

.product__purchase--main-description {
  margin-bottom: 15px;
}

.product__purchase--description {
  margin-bottom: 15px;
  text-align: left;
}
@media (max-width: 768px) {
  .product__purchase--description {
    padding: 0 30px;
  }
}

.product__purchase--section {
  margin-bottom: 8px;
}
.product__purchase--section[data-step="2"] .product__purchase--info--container {
  padding: 20px;
}
@media (max-width: 768px) {
  .product__purchase--section[data-step="2"] .product__purchase--info--container {
    padding: 10px;
  }
}
.product__purchase--section header {
  margin-bottom: 2px;
}
.product__purchase--section header span {
  font-size: 13px;
  font-weight: 700;
}
.product__purchase--section--no-margin {
  margin-bottom: 0px;
}

.product__purchase--info--container {
  border-radius: 2px;
  border: 1px solid #eee;
  background-color: #fff;
}
.product__purchase--info--container.subscription-frequency {
  display: none;
}
.product__purchase--info--container.subscription-frequency.active {
  display: block;
}

.product__purchase--save {
  font-size: 12px;
  font-weight: 400 !important;
  display: block;
  background: #f58523;
  color: #fff;
  text-align: center;
  padding: 2px;
  margin-top: 2px;
}
.product__purchase--save--new {
  background: none;
  color: #FF9700;
  font-weight: 500 !important;
}
.product__purchase--save--new var {
  font-style: normal;
}

.totalBarNum {
  font-size: 16px !important;
  font-weight: 400 !important;
  display: block;
  background: #36a8de;
  color: #fff;
  text-align: center;
  line-height: 40px;
  margin-top: 2px;
  text-transform: capitalize;
}

.product__flavour {
  display: flex;
  flex-direction: column;
}

.product__flavour--option {
  transition: padding 0.5s ease, opacity 0.5s ease, max-height 0.5s ease;
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 20px;
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  opacity: 1;
}
.product__flavour--option.oos-flavour {
  position: relative;
}
.product__flavour--option.oos-flavour::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  cursor: not-allowed;
  opacity: 0.8;
}
.product__flavour--option.oos-flavour::after {
  content: "Temporarily \aOut of Stock";
  white-space: pre;
  position: absolute;
  right: 20px;
  cursor: not-allowed;
  font-size: 14px;
  height: 100%;
  display: flex;
  align-items: center;
  background: #fff;
  color: rgba(96, 96, 96, 0.4);
}
@media screen and (max-width: 768px) {
  .product__flavour--option.oos-flavour::after {
    right: 10px;
  }
}
.product__flavour--option img {
  display: none;
}
.product__flavour--option span {
  font-size: 13px;
  flex-grow: 2;
  text-align: left;
  line-height: 14px;
}
.product__flavour--option span img {
  display: inline-block;
}
.product__flavour--option .product__flavour--option--group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product__flavour--option .product__flavour--option--group .product__flavour--option--control {
  font-size: 18px;
  width: 23px;
  height: 23px;
  color: #0b0b0b;
  text-align: center;
  padding: 0;
  padding-left: 1px;
  cursor: pointer;
  user-select: none;
  line-height: 18px;
  font-weight: bold;
}
.product__flavour--option .product__flavour--option--group input {
  width: 40px;
  padding: 0;
  text-align: center;
  height: 25px;
  font-size: 18px;
  border: 0;
  user-select: none;
  outline: none;
}
@media (max-width: 768px) {
  .product__flavour--option {
    padding: 10px;
  }
}
.product__flavour--limited.hidden {
  display: none;
}

@media (max-width: 768px) {
  .view-more-button {
    padding: 15px 20px;
  }
}
@media (max-width: 490px) {
  .product-tshirts__blocks .tshirt-step {
    padding: 0 20px !important;
    flex-wrap: wrap;
  }
  .product-tshirts__blocks .tshirt-step div:first-child {
    display: flex;
    align-items: center;
  }
  [data-tshirt="1"] .tshirt-step {
    flex-wrap: nowrap !important;
  }
  .fix-french-stack {
    flex-direction: column;
    padding: 0;
  }
  .product__purchase--method, .product__purchase--radio-buttons {
    padding: 10px;
  }
  .fix-french-stack .product__purchase--method:last-child, .fix-french-stack .product__purchase--radio-buttons:last-child {
    border-top: 1px solid #eee;
  }
}
.product__purchase-addon .product__purchase--info--container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product__purchase-addon--title {
  font-size: 11px;
  padding-right: 15px;
}
.product__purchase-addon--title span {
  font-weight: 700;
  font-size: 11px;
}
.product__purchase-addon--price {
  flex-grow: 2;
  padding-left: 5px;
  text-align: right;
  padding-right: 10px;
}
.product__purchase-addon--price span {
  display: inline-block;
  font-size: 12px;
}
.product__purchase-addon--price .addon__compare {
  text-decoration: line-through;
  color: #878787;
}
.product__purchase-addon--price .addon__price {
  color: #f58523;
  font-weight: 700;
}
.product__purchase-addon--select {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.product__purchase-addon--select label {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #36a8de;
  position: relative;
}
.product__purchase-addon--select label.active::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #36a8de;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
}
.product__purchase-addon--select input {
  display: none;
}

.product-addon-dropdown {
  flex-direction: column;
}
.product-addon-dropdown__head {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.product-addon-dropdown .product__purchase-addon--title {
  font-size: 13px;
  font-weight: 700;
}
.product-addon-dropdown .product__purchase-addon--price {
  padding-right: 0px;
}
.product-addon-dropdown select {
  width: 100%;
  padding: 0 18px;
  border: 1px solid #dadada;
  height: 40px;
  line-height: 41px;
}
.product-addon-dropdown footer {
  width: 100%;
}
.product-addon-dropdown footer span {
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: #878787;
}

.product_purchase--cart--control input {
  width: 100%;
  height: 55px;
  font-size: 18px;
  font-weight: normal;
}
.product_purchase--cart--control span {
  display: block;
  text-align: center;
  font-size: 12px;
}

.bar__num--option {
  order: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  width: 100%;
}
.bar__num--option .bar__num--option--group {
  height: 20px;
}
.bar__num--option .bar__num--option--group label {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #36a8de;
  position: relative;
}
.bar__num--option .bar__num--option--group label.active::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #36a8de;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
}
.bar__num--option .bar__num--option--group input {
  display: none;
}

.bar__num--title {
  font-size: 12px;
  text-align: left;
  line-height: 14px;
}

.bar__num--perbar {
  font-size: 10px;
  text-align: left;
  line-height: 14px;
  padding-left: 5px;
  font-weight: 700;
  color: #f58523;
}

#rc_container {
  display: none !important;
}

.product__purchase--calculated {
  flex-wrap: wrap !important;
}

.product__purchase--addon--price {
  display: none;
  width: 100%;
  text-align: right;
  color: #f58523;
}
.product__purchase--addon--price.active {
  display: block;
}

.block-tshirt {
  display: flex;
  margin: 15px 0;
  align-items: center;
}
.block-tshirt .image-block {
  margin-right: 10px;
  width: 25px;
}
.block-tshirt .image-block img {
  padding-top: 7px;
}
.block-tshirt .text-content {
  line-height: 18px;
  flex: 1;
}

.product-main-slider .image-container {
  display: block;
  position: relative;
}
.product-main-slider .image-container img {
  margin: auto;
}
.product-main-slider .image-container:hover:after {
  background: none;
}
.product-main-slider .image-container:hover .product-video-play {
  opacity: 1;
}
.product-main-slider .product-video-play {
  width: 100px;
  position: absolute;
  z-index: 9999;
  height: 100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.9;
  transition: opacity 0.4s ease;
  cursor: pointer;
}
.product-main-slider .video-slide__iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.product-main-slider .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.product-main-slider .video-wrapper iframe,
.product-main-slider .video-wrapper object,
.product-main-slider .video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-main-slider .slick-prev,
.product-main-slider .slick-next {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  border-radius: 5px;
  padding: 10px 5px;
}
.product-main-slider .slick-prev {
  left: 10px;
}
.product-main-slider .slick-next {
  right: 10px;
  left: auto;
}

.product-thumbnail-slider {
  width: 85%;
  margin: 10px auto 0;
}
.product-thumbnail-slider .slick-prev,
.product-thumbnail-slider .slick-next {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 2px;
  width: 40px;
  outline: none;
  padding: 0;
  transform: translateY(-55%);
  background: #fff;
  height: 100%;
  margin: 0 2vw;
}
.product-thumbnail-slider .slick-prev svg,
.product-thumbnail-slider .slick-next svg {
  fill: #c4cdd5;
  transition: fill 0.25s;
  height: 20px;
  width: 20px;
}
.product-thumbnail-slider .slick-prev:hover,
.product-thumbnail-slider .slick-next:hover {
  cursor: pointer;
}
.product-thumbnail-slider .slick-prev:hover svg,
.product-thumbnail-slider .slick-next:hover svg {
  fill: #f58523;
}
.product-thumbnail-slider .slick-prev:active svg,
.product-thumbnail-slider .slick-next:active svg {
  transform: scale(0.9);
}
.product-thumbnail-slider .slick-prev {
  left: -10%;
}
.product-thumbnail-slider .slick-next {
  right: -10%;
  left: auto;
}
.product-thumbnail-slider div li a {
  font-size: 5px;
}

@media only screen and (min-width: 560px) {
  .product-thumbnail-slider .slick-prev,
  .product-thumbnail-slider .slick-next {
    height: 60%;
  }
  .product-thumbnail-slider .slick-prev svg,
  .product-thumbnail-slider .slick-next svg {
    height: 30px;
    width: 30px;
  }
}
@media only screen and (min-width: 769px) {
  .product-thumbnail-slider .slick-prev,
  .product-thumbnail-slider .slick-next {
    height: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 950px) {
  .product-thumbnail-slider .slick-prev,
  .product-thumbnail-slider .slick-next {
    height: 60%;
  }
}
.fancybox-image {
  background: #fff !important;
}

.swatch {
  margin: 1em 0;
}

.swatch .header {
  margin: 0.5em 0;
  font-size: 12px;
  font-weight: 700;
}
.swatch .header .size--guide {
  font-size: 10px;
  margin-left: 10px;
  font-weight: 400;
}

.swatch input {
  display: none;
}

.swatch label {
  border-radius: 0;
  float: left;
  /* Color swatches contain no text so they need to have a width. */
  min-width: 30px !important;
  height: 30px !important;
  line-height: 30px;
  margin: 0;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-transition: border ease 0.5s;
  -moz-transition: border ease 0.5s;
  -ms-transition: border ease 0.5s;
  -o-transition: border ease 0.5s;
  transition: border ease 0.5s;
}

.swatch-element label {
  padding: 0 10px;
}

.color.swatch-element label {
  padding: 0;
}

.swatch input:checked + label {
  border: 1px solid #f58523;
  background: rgba(245, 133, 35, 0.2);
}

.swatch .swatch-element {
  float: left;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin: 0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position: relative;
}

/* Image with the cross in it */
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.swatch .swatch-element .crossed-out {
  display: none;
}

.swatch .swatch-element.soldout .crossed-out {
  display: block;
}

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6; /* khtml, old safari */
  -moz-opacity: 0.6; /* mozilla, netscape */
  opacity: 0.6; /* fx, safari, opera */
}

.swatch .swatch__color input:checked + label {
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #f58523;
}

.swatch .swatch__color label {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  min-width: 20px !important;
  padding: 0;
}

.selector-wrapper label {
  font-size: 12px;
  font-weight: 700;
  margin-right: 10px;
}
.selector-wrapper select {
  height: 40px;
  margin-bottom: 10px;
}

.product_tags {
  position: absolute;
  top: 0px;
  left: 0;
}
.product_tags li {
  border: 3px solid #f58523;
  background: none;
  width: 100px;
  height: 100px;
  color: #f58523;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  font-weight: 700;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .product_tags {
    top: -5px;
  }
  .product_tags li {
    height: 60px;
    width: 60px;
    font-size: 10px;
    line-height: 14px;
  }
}

.tooltip {
  cursor: pointer;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
  margin-top: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
  margin-right: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
  margin-left: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
  margin-bottom: 6px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #8d8d8d;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  height: 6px;
  margin-left: -6px;
  width: 12px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  width: 6px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
  display: none;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
  border: 6px solid transparent;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
  left: -6px;
}

.product__purchase {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  display: block;
}
@media (max-width: 768px) {
  .product__purchase.merch--product .wrapper {
    padding: 0;
  }
}
.product__purchase .product-title-top {
  margin-bottom: 10px;
  text-align: left;
}
@media (max-width: 768px) {
  .product__purchase .product-title-top {
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  .product__purchase .product-title-main {
    display: none;
  }
}
.product__purchase .wrapper {
  display: flex;
  padding: 30px;
}
@media (max-width: 1024px) {
  .product__purchase .wrapper {
    padding-top: 10px;
  }
}
@media (max-width: 768px) {
  .product__purchase .wrapper {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.product__purchase--image {
  width: 65%;
  text-align: center;
  padding-right: 30px;
  position: relative;
}
.product__purchase--image h3 {
  margin-top: 10px !important;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0 !important;
  margin-bottom: 10px !important;
}
.product__purchase--image span {
  position: relative;
  display: block;
}
@media (max-width: 1024px) {
  .product__purchase--image {
    width: 60% !important;
  }
  .product__purchase--image h3 {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .product__purchase--image {
    width: 100% !important;
    padding: 0;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .product__purchase--image h3 {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .product__purchase--image.merch--product {
    width: 55%;
  }
  .product__purchase--image.merch--product h3 {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .product__purchase--image.merch--product {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .product__purchase--image.merch--product h3 {
    font-size: 18px;
  }
  .product__purchase--image.merch--product .product__purchase--image--thumbnails {
    padding-left: 30px;
    padding-right: 30px;
  }
  .product__purchase--image.merch--product .product__purchase--image--thumbnails ul {
    justify-content: center;
    flex-wrap: wrap;
  }
  .product__purchase--image.merch--product .product__purchase--image--thumbnails ul li {
    width: 25%;
  }
}
.product__purchase--info {
  width: 35%;
}
@media (min-width: 1025px) {
  .product__purchase--info {
    padding-top: 50px;
  }
}
@media (max-width: 1024px) {
  .product__purchase--info {
    width: 40% !important;
  }
}
@media (max-width: 768px) {
  .product__purchase--info {
    width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1024px) {
  .product__purchase--info.merch--product {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .product__purchase--info.merch--product {
    width: 100%;
  }
  .product__purchase--info.merch--product .product__purchase--form {
    padding: 30px;
  }
}

.product_purchase--cart--control {
  padding-top: 10px;
}

.product__purchase--method--container {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
}
@media (max-width: 768px) {
  .product__purchase--method--container {
    padding: 10px;
  }
}
@media (max-width: 410px) {
  .product__purchase--method--container {
    flex-direction: column;
    padding: 0;
  }
  .product__purchase--method--container .product__purchase--method, .product__purchase--method--container .product__purchase--radio-buttons {
    padding: 10px;
  }
  .product__purchase--method--container .product__purchase--method:last-child, .product__purchase--method--container .product__purchase--radio-buttons:last-child {
    border-top: 1px solid #eee;
  }
}
.product__purchase--method--container.all-products-oos {
  position: relative;
}
.product__purchase--method--container.all-products-oos::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  cursor: not-allowed;
  opacity: 0.8;
}

.product__purchase--method, .product__purchase--radio-buttons {
  flex-grow: 1;
  font-size: 14px;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.product__purchase--method .product__purchase--method--button, .product__purchase--radio-buttons .product__purchase--method--button {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #0b0b0b;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
.product__purchase--method.active .product__purchase--method--button::before, .active.product__purchase--radio-buttons .product__purchase--method--button::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #0b0b0b;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
}
.product__purchase--method span, .product__purchase--radio-buttons span {
  font-weight: 700;
  color: #f58523;
  font-size: 12px;
  padding-left: 5px;
}

.tshirt-container {
  position: relative;
}
.tshirt-container__section {
  padding: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.tshirt-container__section .product-tshirts__blocks .hide-step {
  display: none;
}
.tshirt-container__section .product-tshirts__blocks .tshirt-step {
  display: flex;
}
.tshirt-container__section .product-tshirts__blocks .tshirt-step .product__purchase--radio-buttons {
  margin-right: 15px;
}
.tshirt-container__section .product-tshirts__blocks .tshirt-step .product__purchase--radio-buttons .product__purchase--method--button {
  margin-right: 5px;
}
.tshirt-container__section .product-tshirts__blocks .tshirt-step .product__purchase--radio-buttons:last-child {
  margin-right: 0px;
}
.tshirt-container__disabled {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 20px;
  text-align: center;
  display: none;
}
.tshirt-container__disabled .text-content {
  text-align: left;
}
.tshirt-container.disabled .tshirt-container__section {
  opacity: 0.4;
  filter: blur(2px);
}
.tshirt-container.disabled .tshirt-container__disabled {
  display: block;
}
.tshirt-container--v2 {
  margin-top: 8px;
}
.tshirt-container--v2 .tshirt-container__section {
  padding: 10px 0px;
}
.tshirt-container--v2 .tshirt-container__section .product-tshirts__blocks {
  width: 100%;
}
.tshirt-container--v2 .tshirt-container__section .product-tshirts__blocks .add-bottom-border {
  border-bottom: 1px solid #eee;
}
.tshirt-container--v2 .tshirt-container__section .product-tshirts__blocks .tshirt-step {
  padding: 10px 20px;
  justify-content: space-between;
}
@media screen and (max-width: 400px) {
  .tshirt-container--v2 .tshirt-container__section .product-tshirts__blocks .tshirt-step span {
    font-size: 12px;
  }
  .tshirt-container--v2 .tshirt-container__section .product-tshirts__blocks .tshirt-step .open--sizeguide {
    font-size: 12px;
  }
}
.tshirt-container--v2 .tshirt-container__section .product-tshirts__blocks .tshirt-step .product__purchase--radio-buttons:last-child {
  margin-right: 0px;
}
.tshirt-container--v2 .open--sizeguide {
  font-size: 14px;
  margin-left: 0px;
}

.product__purchase--subscription--options {
  padding: 20px;
  display: block;
}
.product__purchase--subscription--options header {
  margin: 0;
}
.product__purchase--subscription--options header span {
  font-size: 13px;
  font-weight: 700;
}
.product__purchase--subscription--options select {
  width: 100%;
  padding: 0 18px;
  border: 1px solid #dadada;
  height: 40px;
  line-height: 41px;
}
.product__purchase--subscription--options footer span {
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: #878787;
  display: block;
}
.product__purchase--subscription--options footer span a {
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: #36a8de;
}
.product__purchase--subscription--options footer span:nth-of-type(1) {
  margin-top: 6px;
}

.product__purchase--calculated--container {
  display: -webkit-flex;
  display: flex;
}
.product__purchase--calculated--container .product__purchase--calculated {
  width: 50%;
}
.product__purchase--calculated--container .product__purchase--calculated:nth-of-type(2) {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.product__purchase--totalmeals,
.product__purchase--costperhundred {
  font-size: 13px;
  font-weight: 400;
  display: block;
  color: #878787;
  line-height: 20px;
}

.product__purchase--costpermeal {
  font-size: 13px;
  font-weight: 700;
  display: block;
  line-height: 20px;
}

.product__purchase--wasprice {
  font-size: 18px;
  text-decoration: line-through;
  color: #878787;
  line-height: 16px;
  padding-right: 10px;
}

.product__purchase--price {
  font-size: 24px;
  font-weight: 400;
  color: #f58523;
  line-height: 0.9;
}

.product__purchase--totalmeals,
.product__purchase--costperhundred,
.product__purchase--costpermeal,
.product__purchase--wasprice,
.product__purchase--price {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product__purchase--totalmeals.no-data,
.product__purchase--costperhundred.no-data,
.product__purchase--costpermeal.no-data,
.product__purchase--wasprice.no-data,
.product__purchase--price.no-data {
  color: #878787;
  opacity: 0.5;
}

.total__bags {
  display: none;
}

.product__purchase--image--thumbnails {
  max-width: 100%;
  position: relative;
  order: 2;
}
.product__purchase--image--thumbnails ul {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.product__purchase--image--thumbnails ul li {
  cursor: pointer;
  display: block;
}
.product__purchase--image--thumbnails ul li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #fafafa;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.product__purchase--image--thumbnails ul li img:hover {
  border: 1px solid #f58523;
}

@media (max-width: 768px) {
  .product__purchase--image--main {
    padding: 0;
  }
}
.product__purchase--image--main img {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .product__purchase--image--main img {
    margin-bottom: 0;
  }
}

.product__purchase--form [data-product-price] {
  font-size: 40px;
  margin-top: 10px;
  display: block;
  margin-bottom: 20px;
  line-height: 40px;
  font-weight: 700;
  color: #f58523;
}
.product__purchase--form label[for=Quantity] {
  margin: 0.5em 0;
  font-size: 12px;
  font-weight: 700;
}
.product__purchase--form input#Quantity {
  width: 64px;
  padding: 0 10px 0 20px;
  margin-left: 10px;
  height: 40px;
  margin-bottom: 10px;
}
.product__purchase--form .button {
  width: 100%;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .product__purchase--form h1 {
    text-align: center !important;
    margin-bottom: 40px !important;
  }
}

.callout, .spice-levels {
  color: #f58523;
  font-weight: 700;
  font-size: 12px;
  padding-bottom: 3px;
}

.spice-levels {
  padding-top: 3px;
  display: flex;
  align-items: flex-end;
}
.spice-levels *:first-child {
  margin-right: 5px;
  height: 15px;
}

.flv--name > :first-child {
  margin-right: 5px;
}

.flv--name {
  width: 100%;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  transition: all linear 0.15s;
  text-decoration: none;
  color: #0b0b0b;
  padding-top: 0;
  padding-bottom: 2px;
  font-weight: 700;
  text-transform: capitalize;
}
.flv--mealNum {
  font-size: 10px !important;
  font-weight: normal;
  text-transform: lowercase;
  margin-bottom: -3px;
}
.flv--desc {
  font-size: 11px !important;
  transition: all 0.2s ease-out;
  border-bottom: 1px solid rgba(238, 238, 238, 0);
}
.flv .desc--underline {
  border-bottom: 1px solid #eee;
}
.flv .flavour-more-info-icon {
  height: 12px;
  width: 12px;
  margin-left: 5px;
  cursor: pointer;
}
.flv .flavour-more-info-text {
  display: block;
  opacity: 0;
  max-height: 0;
  transition: all 0.5s ease-in-out;
  font-size: 11px;
  overflow: hidden;
  cursor: default;
}
.flv .info-full-height {
  margin-top: 10px;
  max-height: 500px;
  transition: all 1s ease-in-out;
}

.dlv--question {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  transition: all linear 0.15s;
  text-decoration: none;
  color: #0b0b0b;
  padding-top: 10px;
  padding-bottom: 5px;
}
.dlv--question:active {
  color: #0b0b0b;
}
.dlv--question::after {
  content: none !important;
}
.dlv--question span {
  padding-left: 10px;
  color: #5a5a5a;
}
.dlv--answer {
  display: none;
  font-size: 14px;
}
.dlv--answer span {
  font-size: 12px;
  padding: 10px 0;
}
.dlv--answer span a {
  font-size: 12px;
}
.dlv.active .dlv--answer {
  display: block;
}

.meta-hidden {
  display: none;
}

@media screen and (max-width: 350px) {
  .flv .infobox .flv--desc {
    display: inline-block;
    width: 72px;
  }
  .flv .infobox .flavour-more-info-icon {
    margin-left: 0;
  }
}
@keyframes loading {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.loading {
  position: relative;
  cursor: progress;
}

.loading div,
.loading div:after {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid #ffffff;
  border-top-color: transparent;
  border-radius: 50%;
}

.loading div {
  -webkit-animation: loading 0.6s linear infinite;
  animation: loading 0.6s linear infinite;
  top: 47%;
  left: 50%;
}

.loading div:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.loading {
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

@media screen and (max-width: 420px), (min-width: 769px) and (max-width: 1080px) {
  .callout-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .callout-container .flv--mealNum {
    padding-left: 0;
    margin: 5px 0 0;
  }
}
.product--carousel {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.product--carousel .wrapper {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 1080px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.product--carousel .wrapper .product--description__content {
  padding-right: 50px;
  max-width: 480px;
  width: 50%;
}
@media (max-width: 768px) {
  .product--carousel .wrapper {
    justify-content: flex-start;
    z-index: 9;
    padding-top: 0;
    padding-bottom: 0;
  }
  .product--carousel .wrapper .product--description__content {
    max-width: 60%;
    padding: 0;
    width: 60%;
    z-index: 9;
  }
}

.custom--pager {
  text-align: center;
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  width: 100%;
}
.custom--pager li {
  display: inline-block;
  padding: 7.5px 5px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  color: #c9c9c9;
  border-bottom: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.custom--pager li.active {
  color: #0b0b0b;
  border-bottom: 1px solid #0b0b0b;
}

.product--carousel__item {
  display: none;
}
.product--carousel__item h2 {
  font-size: 48px;
  line-height: 48px;
  margin-top: 60px !important;
  text-align: left !important;
}
.product--carousel__item h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
  text-align: left !important;
  margin-bottom: 30px !important;
}
.product--carousel__item::after {
  background: none;
}
.product--carousel__item.active {
  display: block;
}

.product--description__pullquote {
  border-left: 1px solid #0b0b0b;
  padding-left: 30px;
  max-width: 380px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 80px;
  margin-bottom: 40px;
}

.product--description__name {
  font-size: 13px;
}

.product__description {
  color: #0b0b0b;
  font-size: 14px;
  line-height: 30px;
}
@media (max-width: 768px) {
  .product__description {
    line-height: 20px;
  }
}

.product--description__image {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-content: center;
}
.product--description__image .product--description__image--conatainer {
  align-self: center;
}
.product--description__image .product--description__image--conatainer img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .product--description__image {
    width: 100%;
    position: absolute;
    left: 38%;
    padding-top: 50px;
  }
  .product--description__image.product--description__image--granola {
    left: 55%;
  }
}

.slick__video--carousel {
  height: 600px;
}
.slick__video--carousel .slick-slide {
  padding: 0 10px;
}

.video__panel {
  border-radius: 5px;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  width: 36.3636363636vw;
  position: relative;
}
.video__panel img {
  opacity: 0;
}
.video__panel--cover {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.video__panel--cover svg {
  width: 120px;
  height: 120px;
  cursor: pointer;
}
.video__panel--info {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  height: 130px !important;
}
.video__panel--info span {
  color: #fff;
}
.video__panel--info h3 {
  margin: 0 auto;
  color: #fff;
  width: 100px;
}
.video__panel--video {
  background: #0b0b0b;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  height: 400px !important;
  width: 100%;
  display: none;
}
.video__panel--video.video--playing {
  height: 100% !important;
  display: block;
}

.slick-center.slick-video-play {
  width: 75vw;
  max-width: 1024px;
  background: #0b0b0b;
}

.product__whatsinit {
  display: block;
}
.product__whatsinit .wrapper {
  max-width: 960px;
  padding: 80px 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .product__whatsinit .wrapper {
    padding: 60px 30px;
  }
}
@media (max-width: 768px) {
  .product__whatsinit .wrapper {
    flex-direction: column;
  }
}
.product__whatsinit--panel {
  width: 50%;
}
.product__whatsinit--panel:nth-of-type(odd) {
  padding-right: 100px;
}
@media (max-width: 768px) {
  .product__whatsinit--panel:nth-of-type(odd) {
    padding-right: 0;
  }
}
.product__whatsinit--panel h2 {
  font-size: 48px;
  line-height: 48px;
  margin-top: 60px !important;
  text-align: left !important;
}
.product__whatsinit--panel h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
  text-align: left !important;
  margin-bottom: 30px !important;
}
.product__whatsinit--panel p {
  color: #0b0b0b;
  font-size: 14px;
  line-height: 30px;
}
.product__whatsinit--panel ul li {
  color: #0b0b0b;
  font-size: 14px;
  line-height: 30px;
}
.product__whatsinit--panel span {
  font-size: 13px;
  font-style: italic;
  color: #0b0b0b;
  display: block;
  width: 360px;
  text-align: center;
  line-height: 18px;
  margin-left: auto;
  margin-right: auto;
}
.product__whatsinit--panel img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .product__whatsinit--panel {
    width: 100%;
  }
  .product__whatsinit--panel span {
    width: 100%;
  }
}

.chart__container {
  display: flex;
  justify-content: center;
  align-content: center;
}

.product__whatsinit--chart {
  position: relative;
}

.product__whatsinit--legend {
  display: flex;
  justify-content: center;
  align-items: center;
}

#nutrition__chart {
  margin-top: 50px;
  margin-bottom: 50px;
}

.product__uses {
  background-color: #0B0B0B;
}
.product__uses .wrapper {
  max-width: 960px;
  padding: 180px 0;
}
.product__uses .wrapper h2 {
  text-align: left !important;
  color: #fff;
  margin-bottom: 40px;
  font-size: 64px;
  font-weight: 700;
  line-height: 60px;
  max-width: 530px;
}
.product__uses .wrapper p {
  color: #fff;
  margin-bottom: 82px;
  font-size: 26px;
  line-height: 40px;
}
@media (max-width: 768px) {
  .product__uses .wrapper {
    padding: 60px 30px;
  }
  .product__uses .wrapper h2 {
    width: 100%;
    text-align: center !important;
    margin: 0 auto;
  }
  .product__uses .wrapper p {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .product__uses .wrapper {
    padding: 60px 30px;
  }
}
.product__uses--container {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
}
.product__uses--container:nth-of-type(odd) .product__uses--image {
  order: 1;
}
.product__uses--container:nth-of-type(odd) .product__uses--info {
  order: 2;
}
.product__uses--container:nth-of-type(even) .product__uses--image {
  order: 2;
  text-align: right;
}
.product__uses--container:nth-of-type(even) .product__uses--info {
  order: 1;
}
@media (max-width: 768px) {
  .product__uses--container:nth-of-type(even) .product__uses--image {
    order: 1;
    text-align: center;
  }
  .product__uses--container:nth-of-type(even) .product__uses--info {
    order: 2;
  }
}
@media (max-width: 768px) {
  .product__uses--container {
    flex-direction: column;
  }
}
.product__uses--image {
  width: 50%;
}
.product__uses--image img {
  border-radius: 50%;
}
@media (max-width: 768px) {
  .product__uses--image {
    width: 100%;
    text-align: center;
  }
}
.product__uses--info {
  width: 50%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product__uses--info h3 {
  text-align: left !important;
  margin-bottom: 25px !important;
  background: #fff;
  width: auto;
  margin-right: auto;
  padding: 10px 15px;
  margin-bottom: 10px !important;
  position: relative;
}
.product__uses--info h3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.product__uses--info p {
  font-size: 14px !important;
  line-height: 30px !important;
  color: #999999 !important;
  max-width: 400px;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .product__uses--info {
    width: 100%;
    margin-top: -25px;
    text-align: center;
  }
  .product__uses--info h3 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .product__uses--info p {
    margin-left: auto;
    margin-right: auto;
  }
}

.faq__pageHeader.wrapper {
  padding-bottom: 0;
}

.product__faq--container .wrapper {
  padding-top: 70px;
  padding-bottom: 70px;
  max-width: 960px;
}
@media (max-width: 768px) {
  .product__faq--container .wrapper {
    padding: 60px 30px;
  }
}
.product__faq--container .title {
  text-align: center;
}
.product__faq--container.has-mb {
  margin-bottom: 70px;
}

.full__faq--container .wrapper {
  max-width: 1980px;
}
.other__faq--container .wrapper {
  padding-top: 60px;
  max-width: 1980px;
}
@media (max-width: 768px) {
  .other__faq--container .wrapper {
    padding: 60px 30px;
  }
}

.faq--container {
  overflow: hidden;
  max-width: 798px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #d9d9d9;
}
.faq--container:nth-of-type(1) {
  border-top: none;
}

.faq__icon {
  margin: 0 2.14282rem 0 0;
  height: 40px;
  display: flex;
  align-items: center;
}

.faq--question {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  transition: all linear 0.15s;
  text-decoration: none;
  color: #0b0b0b;
  padding-top: 10px;
  padding-bottom: 10px;
}
.faq--question svg {
  height: 20px;
  width: 20px;
  transition: transform 350ms ease-in-out;
}
.faq--question svg #Rectangle1 {
  transition: opacity 0.2s ease-in-out;
}
.faq--question.active svg {
  transform: rotate(90deg);
}
.faq--question.active svg #Rectangle1 {
  opacity: 0;
}
.faq--question:active {
  color: #0b0b0b;
}
.faq--question::after {
  content: none !important;
}
.faq--question span {
  padding-left: 10px;
  color: #5a5a5a;
}
.faq--answer {
  display: none;
  padding-left: 45px;
  font-size: 14px;
  padding-bottom: 20px;
}
.faq--answer p {
  font-size: 14px;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.faq:last-child .faq--question {
  border-bottom: none;
}

.faq--footer {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
.faq--footer a {
  display: inline-block;
}
.faq--footer a:nth-of-type(1) {
  margin-right: 20px;
}
.faq--footer a:nth-of-type(2) {
  margin-left: 20px;
}

.product__flavour--boosts {
  position: relative;
}
.product__flavour--boosts img {
  width: 100%;
  height: 100%;
}
.product__flavour--boosts .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.product__flavour--boosts .wrapper h2 {
  color: #fff;
  text-align: left;
  max-width: 500px;
}
.product__flavour--boosts .wrapper .product__flavour--container {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 50px;
}
.product__flavour--boosts .button {
  color: #5a5a5a;
}
.product__flavour--boosts .button:hover {
  color: #fff;
}
@media (max-width: 768px) {
  .product__flavour--boosts {
    display: none;
  }
}

ul.product__flavour--boosts--list {
  width: 400px;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
ul.product__flavour--boosts--list li {
  width: 200px;
  padding-bottom: 5px;
  letter-spacing: -0.5px;
  list-style: none;
}

.boost__add-on {
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  cursor: pointer;
}
.boost__add-on.active {
  color: #fff;
}

.product__flavour--container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.boost__price {
  display: inline-block;
  font-weight: 700;
}

section.product--testimonial {
  background: #f9f9f9;
}

.product--testimonial__item {
  display: flex;
  margin-bottom: 20px;
}
.product--testimonial__item:last-of-type {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .product--testimonial__item {
    margin-bottom: 40px;
  }
  .product--testimonial__item:last-of-type {
    margin-bottom: 0px;
  }
}
.product--testimonial__item--img {
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .product--testimonial__item--img {
    text-align: center;
  }
}
.product--testimonial__item--info {
  flex: auto;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .product--testimonial__item--info {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    width: 100%;
    padding-left: 0;
  }
}
.product--testimonial__item--info h2 {
  text-align: left !important;
  margin-bottom: 30px !important;
}
@media (max-width: 768px) {
  .product--testimonial__item--info h2 {
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
  }
}
.product--testimonial__item--info span {
  font-weight: 700;
}
.product--testimonial__item--info p {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .product--testimonial__item {
    display: block;
  }
}

.huel__range--container .wrapper .shopify-section {
  width: 100%;
}
.huel__range--container .wrapper .shopify-section ul {
  display: -webkit-flex;
  display: flex;
}
.huel__range--container .wrapper .shopify-section ul li {
  width: 20%;
  text-align: center;
}
.huel__range--container .wrapper .shopify-section ul li a p {
  margin-bottom: 5px;
  color: #0b0b0b;
  font-weight: 700;
}
.huel__range--container .wrapper .shopify-section ul li a span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #f58523;
}
.huel__range--container .wrapper .shopify-section ul li a .header__menu--panel--img img:nth-of-type(2) {
  display: none;
}
@media (max-width: 1024px) {
  .huel__range--container .wrapper {
    padding: 60px 30px;
  }
  .huel__range--container .wrapper .shopify-section ul li {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .huel__range--container .wrapper h2 {
    text-align: center;
    margin-bottom: 30px;
  }
  .huel__range--container .wrapper ul {
    flex-wrap: wrap;
  }
  .huel__range--container .wrapper ul li {
    width: 50%;
  }
}
.huel__range--container.hide--header .wrapper {
  padding-top: 0;
}

.product-headline-section {
  text-align: center;
  margin-top: 55px;
  margin-bottom: 55px;
  max-width: 740px;
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .product-headline-section {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.product-margin-section {
  margin-top: 120px;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .product-margin-section {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.product-section-wrapper {
  max-width: 1180px;
  width: 100%;
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
}

.product-press-section {
  padding-bottom: 30px;
  border-bottom: 1px solid #E8E8E8;
}
.product-press-section .product-headline-section {
  margin-top: 15px;
  margin-bottom: 15px;
}
.product-press-section .product-headline-section .title {
  color: #777;
}
.product-press-section__container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-press-section__container .single-press-logo {
  padding: 0 20px;
  opacity: 0.5;
  transition: 0.4s ease-in opacity;
}
.product-press-section__container .single-press-logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 25px;
}
.product-press-section__container .single-press-logo:hover {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .product-press-section__container .single-press-logo.hide-mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .product-press-section__container {
    flex-wrap: wrap;
  }
  .product-press-section__container .single-press-logo {
    width: 50%;
    padding: 20px 20px 0 20px;
  }
}

.product-four-blocks-section {
  margin-top: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #E8E8E8;
}
.product-four-blocks-section__flex {
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .product-four-blocks-section__flex {
    flex-direction: column;
  }
}
.product-four-blocks-section__flex > * {
  padding: 0 12px;
  width: 25%;
}
@media (max-width: 1024px) {
  .product-four-blocks-section__flex > * {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .product-four-blocks-section__flex > * {
    width: 100%;
  }
  .product-four-blocks-section__flex > *:last-child {
    margin-bottom: 0px;
  }
}

.product-small-block {
  display: flex;
}
@media (max-width: 1024px) {
  .product-small-block {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}
.product-small-block__left {
  width: 32px;
  margin-right: 10px;
}
.product-small-block__left img {
  height: 32px;
}
.product-small-block__right {
  flex: 1;
}
.product-small-block__right .title {
  margin-top: 0px;
  margin-bottom: 7px;
}

.product-nutrition-section {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .product-nutrition-section {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .product-nutrition-section .mobile_header {
    font-size: 28.6px;
  }
}
.product-nutrition-section .flex-wrapper {
  display: flex;
}
@media (max-width: 768px) {
  .product-nutrition-section .flex-wrapper {
    flex-direction: column;
  }
}
.product-nutrition-section__aside {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.product-nutrition-section__aside .title {
  margin-bottom: 0.5em;
}
.product-nutrition-section__aside--right {
  text-align: right;
}
.product-nutrition-section__aside--right .product-nutrition-section__info-block div {
  margin-left: auto;
}
@media (max-width: 768px) {
  .product-nutrition-section__aside {
    width: 100%;
    text-align: center;
  }
}
.product-nutrition-section__image {
  width: 33.33%;
  align-self: center;
}
.product-nutrition-section__image img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 768px) {
  .product-nutrition-section__image {
    width: 100%;
  }
  .product-nutrition-section__image img {
    max-height: 400px;
    margin: 40px auto;
  }
}
.product-nutrition-section__info-block .h2 {
  margin-top: 0px;
}
.product-nutrition-section__info-block div {
  max-width: 295px;
}
@media (max-width: 1024px) {
  .product-nutrition-section__info-block div {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .product-nutrition-section__info-block {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
  }
  .product-nutrition-section__info-block:last-child {
    margin-bottom: 0px;
  }
}
.product-nutrition-section .wrap-buttons-centred {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
}
@media (max-width: 1024px) {
  .product-nutrition-section .wrap-buttons-centred {
    flex-direction: column;
  }
}
.product-nutrition-section .wrap-buttons-centred div {
  height: 55px;
  width: 1px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #eee;
}
@media (max-width: 1024px) {
  .product-nutrition-section .wrap-buttons-centred div {
    display: none;
  }
}
@media (max-width: 1024px) {
  .product-nutrition-section .wrap-buttons-centred .button-2021 {
    margin-bottom: 15px;
  }
}

.product-more-facts-section {
  background-color: #0B0B0B;
}
.product-more-facts-section .product-headline-section {
  margin-top: 0px;
}
.product-more-facts-section .product-headline-section .title {
  color: #fff;
  margin-top: 0px;
}
.product-more-facts-section .product-section-wrapper {
  max-width: 600px;
}
.product-more-facts-section__container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.product-more-facts-section .flex-grid {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.product-more-facts-section .flex-grid > * {
  width: 48%;
}
@media (max-width: 768px) {
  .product-more-facts-section .flex-grid > * {
    width: 100%;
  }
}
.product-more-facts-section .single-fact {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
.product-more-facts-section .single-fact img {
  width: 20px;
  margin-bottom: 1px;
  height: auto;
}
.product-more-facts-section .single-fact span {
  margin-left: 7px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

.product-full-nutrition-section {
  background-color: #fff;
}
.product-full-nutrition-section__container {
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
  width: 100%;
}
@media (max-width: 1024px) {
  .product-full-nutrition-section__container {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.product-full-nutrition-section__container .main-block {
  flex: 1;
  max-width: 550px;
  padding-right: 100px;
}
.product-full-nutrition-section__container .main-block .h1 {
  margin-top: 0px;
}
.product-full-nutrition-section__container .main-block .button-2021 {
  display: table;
  margin-top: 2em;
}
@media (max-width: 1024px) {
  .product-full-nutrition-section__container .main-block {
    padding-right: 0px;
  }
}
.product-full-nutrition-section__container .secondary-block {
  display: flex;
  flex: 1;
  padding-left: 40px;
}
@media (max-width: 1024px) {
  .product-full-nutrition-section__container .secondary-block {
    display: block;
    padding-top: 50px;
    padding-left: 0px;
  }
}
.product-full-nutrition-section__left {
  padding-right: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .product-full-nutrition-section__left {
    padding-right: 0px;
    border-right: none;
  }
  .product-full-nutrition-section__left svg {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
  }
}
.product-full-nutrition-section__right {
  padding-left: 30px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .product-full-nutrition-section__right {
    display: block;
    padding-left: 0px;
  }
}
.product-full-nutrition-section__right .flex-items {
  width: 100%;
}
.product-full-nutrition-section .single-macro {
  display: block;
  padding-bottom: 5px;
}
.product-full-nutrition-section .single-macro__title {
  padding-top: 15px;
  margin-bottom: 5px;
  color: #232323;
}
.product-full-nutrition-section .single-macro:first-child .single-macro__title {
  padding-top: 0px;
}
.product-full-nutrition-section .progress-bar {
  background-color: transparent;
  height: 16px;
  flex: 1;
}
.product-full-nutrition-section .progress-bar__status {
  height: 100%;
  border-radius: 8px;
  background: #4ADFE2;
}
.product-full-nutrition-section .button {
  border: 1px solid #0b0b0b !important;
  background-color: transparent;
  color: #5a5a5a;
  line-height: 36px;
  height: 40px;
  min-width: 200px;
  text-align: center;
  transition: all 0.4s;
}
.product-full-nutrition-section .button:hover {
  border-color: #f58523 !important;
  color: #f58523;
}

.product-information-modal .fancybox-content {
  padding: 0;
  max-width: 650px;
  width: 100%;
}
.product-information-modal .modal-tabs {
  display: flex;
}
.product-information-modal .modal-tabs__tab {
  flex-grow: 1;
  text-align: center;
  padding: 12px 10px;
  border-bottom: 5px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-information-modal .modal-tabs__tab.active {
  border-color: #232323;
}
.product-information-modal .modal-tabs__tab:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
.product-information-modal .modal-container {
  padding: 20px;
}
.product-information-modal .modal-container .h1 {
  margin-top: 0px;
}
.product-information-modal .modal-container .modal-content {
  margin: 0;
  height: 400px;
  overflow-y: scroll;
}
@media (max-width: 768px) {
  .product-information-modal .modal-container .modal-content {
    overflow: scroll;
  }
}

.product-bg-image-content-section {
  background-color: #F4F4F4;
}
.product-bg-image-content-section__wrapper {
  max-width: 750px;
  display: flex;
  padding: 0 30px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .product-bg-image-content-section__wrapper {
    flex-direction: column;
  }
}
.product-bg-image-content-section__left {
  max-width: 230px;
  width: 100%;
  margin-right: 50px;
  padding-top: 35px;
}
.product-bg-image-content-section__left img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .product-bg-image-content-section__left {
    display: none;
  }
}
.product-bg-image-content-section__right {
  flex: 1;
  display: flex;
  align-items: center;
}
.product-bg-image-content-section__right .h2 {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .product-bg-image-content-section__right {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.product-bg-image-content-section .product-nutrition-table .h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.product-bg-image-content-section .product-nutrition-table table {
  width: 100%;
  border-top: 1px solid #0b0b0b;
  border-bottom: 1px solid #0b0b0b;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 768px) {
  .product-bg-image-content-section .product-nutrition-table table tr th {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .product-bg-image-content-section .product-nutrition-table table tr td:nth-child(1) {
    font-size: 12px;
  }
}
.product-bg-image-content-section .product-nutrition-table table tr td:nth-child(2), .product-bg-image-content-section .product-nutrition-table table tr td:nth-child(4) {
  text-align: right;
}
.product-bg-image-content-section .product-nutrition-table table tr td:nth-child(3), .product-bg-image-content-section .product-nutrition-table table tr td:nth-child(5) {
  text-align: center;
}

.product-reward-section {
  background-color: #F4F4F4;
  background-size: cover;
  background-position: center center;
}
.product-reward-section__container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  justify-content: flex-end;
}

.product-reward-block {
  background-color: #fff;
  max-width: 460px;
  width: 100%;
  padding: 30px 25px;
  text-align: center;
}
.product-reward-block .h1 {
  margin-top: 0px;
  margin-bottom: 15px;
}
.product-reward-block .h3 {
  margin-top: 15px;
}
.product-reward-block .button {
  margin-top: 10px;
  width: 100%;
}

.product-content-section .product-section-wrapper {
  max-width: 100%;
  padding: 0;
}
.product-content-section__block {
  display: flex;
}
@media (max-width: 1024px) {
  .product-content-section__block {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.product-content-section__block .flex-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-content-section__block .block-content {
  max-width: 580px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
}
.product-content-section__block .left-block {
  width: 50%;
}
.product-content-section__block .left-block .title {
  margin-top: 0px;
}
.product-content-section__block .left-block .text-content {
  text-align: justify;
}
.product-content-section__block .left-block .button-2021 {
  display: table;
  margin-top: 1.5em;
}
@media (max-width: 1024px) {
  .product-content-section__block .left-block {
    width: 100%;
    padding-right: 0px;
    order: 2;
  }
}
.product-content-section__block .right-block {
  width: 50%;
  flex-direction: column;
}
.product-content-section__block .right-block .h4 {
  align-self: start;
  margin: 0 0 18px 0;
}
@media (max-width: 1024px) {
  .product-content-section__block .right-block {
    width: 100%;
    padding-left: 0px;
    order: 1;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 769px) {
  .product-content-section__block--inverted .left-block {
    order: 2;
    padding-right: 0px;
  }
  .product-content-section__block--inverted .right-block {
    order: 1;
    padding-left: 0px;
  }
}
.product-content-section__block .progress-bars {
  width: 100%;
}
.product-content-section__block .progress-bars__block {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.product-content-section__block .progress-bars__block:last-child {
  margin-bottom: 0px;
}
.product-content-section__block .progress-bars__block .block-title {
  width: 115px;
}
.product-content-section__block .progress-bars__block .block-quantity {
  width: 35px;
  padding-left: 5px;
  text-align: right;
}
.product-content-section__block .progress-bars .progress-bar {
  background-color: #eee;
  border-radius: 5px;
  height: 10px;
  flex: 1;
}
.product-content-section__block .progress-bars .progress-bar__status {
  height: 100%;
  border-radius: 5px;
  background: #4ADFE2;
}
.product-content-section__block .button {
  border: 1px solid #0b0b0b !important;
  background-color: transparent;
  color: #5a5a5a;
  line-height: 36px;
  height: 40px;
  min-width: 200px;
  text-align: center;
  transition: all 0.4s;
}
.product-content-section__block .button:hover {
  border-color: #f58523 !important;
  color: #f58523;
}

.product-video-section__background {
  background-size: cover;
  background-position: center bottom;
  min-height: 540px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .product-video-section__background {
    display: none !important;
  }
}
.product-video-section__background .play-button {
  height: 90px;
  width: 90px;
  opacity: 0.85;
  cursor: pointer;
  transition: 0.4s ease-in opacity;
}
.product-video-section__background .play-button:hover {
  opacity: 1;
}
.product-video-section__background .play-button svg #a {
  fill: #fff;
}
.product-video-section__background .play-button svg #b {
  fill: black;
}
.product-video-section__container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 100000;
}
.product-video-section__modal {
  min-height: 100%;
  display: flex;
  align-items: center;
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
}
.product-video-section .product-video-content {
  background-color: #fff;
  padding: 2.5vw 0.5vw 0.5vw 0.5vw;
  position: relative;
}
.product-video-section .close-button {
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  padding: 0;
  border: none;
  font-size: 24px;
  right: 0;
  top: 0;
  color: #888c8f;
}

.product-video-section__mobile {
  position: relative;
}
@media (max-width: 768px) {
  .product-video-section__mobile {
    display: block !important;
  }
}
.product-video-section__mobile .video-image {
  display: block;
}
.product-video-section__mobile .play-button {
  position: absolute;
  height: 90px;
  width: 90px;
  opacity: 0.85;
  cursor: pointer;
  transition: 0.4s ease-in opacity;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-video-section__mobile .play-button:hover {
  opacity: 1;
}
.product-video-section__mobile .play-button svg #a {
  fill: #fff;
}
.product-video-section__mobile .play-button svg #b {
  fill: black;
}

@media (max-width: 768px) {
  .product-reviews-section .product-section-wrapper {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .product-reviews-section {
    padding-top: 10px;
  }
}

.slick-reviews .slick-prev,
.slick-reviews .slick-next {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #EDEDED;
  border-radius: 5px;
}
@media screen and (max-width: 1180px) {
  .slick-reviews .slick-prev,
  .slick-reviews .slick-next {
    display: none !important;
  }
}
.slick-reviews .slick-prev img,
.slick-reviews .slick-next img {
  height: 38px;
}
.slick-reviews .slick-prev {
  left: -80px;
}
.slick-reviews .slick-next {
  right: -80px;
  left: auto;
}
@media (max-width: 768px) {
  .slick-reviews .slick-slide {
    opacity: 0.35;
    transition: 0.3s ease-in opacity;
  }
  .slick-reviews .slick-slide.slick-active {
    opacity: 1;
  }
}

.product-review-block {
  padding: 40px;
  margin: 10px;
  background: #FFFFFF;
  box-shadow: 0 0 14px -7px rgba(0, 0, 0, 0.5);
}
.product-review-block .h4 {
  margin-top: 0px;
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .product-review-block .h4 {
    margin-top: 5px;
  }
}
.product-review-block .reviews-top {
  display: flex;
}
.product-review-block .reviews-top__image {
  padding-right: 15px;
}
.product-review-block .reviews-top__image img {
  border-radius: 50%;
  max-height: 70px;
}
.product-review-block .reviews-top__verified {
  display: flex;
  align-items: center;
}
.product-review-block .reviews-top__verified img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.product-review-block .reviews-top__info p {
  margin-top: 5px;
  margin-bottom: 0px;
}
.product-review-block .text-content {
  text-align: justify;
  min-height: 100px;
}
.product-review-block .reviews-stars ul li {
  float: left;
  margin-right: 5px;
}
.product-review-block .reviews-stars ul li img {
  height: 20px;
}
@media (max-width: 768px) {
  .product-review-block {
    padding: 20px;
  }
  .product-review-block .text-content {
    width: 300px;
    text-align: initial;
  }
}
@media screen and (max-width: 400px) {
  .product-review-block .text-content {
    width: 250px;
  }
}

.no-scroll-old-modal .fancybox-content {
  width: 100%;
}
.no-scroll-old-modal .modal-tabs {
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .no-scroll-old-modal .modal-tabs.stack-mobile {
    padding: 20px 20px 0 20px;
  }
}
@media (max-width: 768px) {
  .no-scroll-old-modal .modal-tabs .modal-tabs__tab:first-child:nth-last-child(n+3),
  .no-scroll-old-modal .modal-tabs .modal-tabs__tab:first-child:nth-last-child(n+3) ~ .modal-tabs__tab {
    width: 100%;
    border: 2px solid #0b0b0b;
    border-bottom: 0;
  }
  .no-scroll-old-modal .modal-tabs .modal-tabs__tab:first-child:nth-last-child(n+3):last-of-type,
  .no-scroll-old-modal .modal-tabs .modal-tabs__tab:first-child:nth-last-child(n+3) ~ .modal-tabs__tab:last-of-type {
    border-bottom: 2px solid #0b0b0b;
  }
  .no-scroll-old-modal .modal-tabs .modal-tabs__tab:first-child:nth-last-child(n+3).active,
  .no-scroll-old-modal .modal-tabs .modal-tabs__tab:first-child:nth-last-child(n+3) ~ .modal-tabs__tab.active {
    background-color: #0b0b0b;
    color: #ffffff;
  }
}
.no-scroll-old-modal .modal-tabs__tab {
  flex: 1;
}
@media (max-width: 768px) {
  .no-scroll-old-modal .modal-tabs__tab {
    flex: none;
  }
}
.no-scroll-old-modal .modal-container {
  padding: 20px 0;
}
.no-scroll-old-modal .modal-container .modal-content {
  overflow: auto;
  width: 100%;
  padding: 0 20px;
}
.no-scroll-old-modal .modal-container .modal-content h1,
.no-scroll-old-modal .modal-container .modal-content h2,
.no-scroll-old-modal .modal-container .modal-content h3 {
  margin: 0 0 12px 0;
}
.no-scroll-old-modal .modal-container .modal-content p {
  margin: 0 0 8px 0;
}
.no-scroll-old-modal .modal-container .modal-content .table__responsive {
  margin-bottom: 30px;
}
.no-scroll-old-modal .modal-container .modal-content .table__responsive {
  width: 100% !important;
}
.no-scroll-old-modal .modal-container .modal-content .table__responsive td {
  white-space: normal;
  padding: 8px 10px 8px 0;
}
@media (max-width: 400px) {
  .no-scroll-old-modal .modal-container .modal-content .table__responsive td {
    max-width: 175px;
  }
}
@media (max-width: 768px) {
  .no-scroll-old-modal .modal-container .modal-content {
    font-size: 14px;
  }
  .no-scroll-old-modal .modal-container .modal-content.is-redcued-height-mobile {
    height: calc(100vh - 300px);
  }
}

.homepage_hero-panel {
  margin-top: 90px;
  padding-top: 90px;
  height: calc(100vh - 90px);
  min-height: 80vh;
}
.homepage_hero-panel .hph_container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.homepage_hero-panel .hph_container .hph_text-container h2 {
  margin-bottom: 0;
}
.homepage_hero-panel .hph_container .hph_text-container p {
  color: #818D95;
  margin-top: 1em;
  margin-bottom: 1em;
}
.homepage_hero-panel .hph_container .button {
  position: relative;
  z-index: 10;
}
.homepage_hero-panel .hph_container .hph_img-container img {
  max-width: 100%;
  height: auto;
  max-height: 80vh;
  margin-top: -70px;
}

@media (max-width: 1200px) {
  .homepage_hero-panel {
    height: initial;
    min-height: initial;
  }
  .homepage_hero-panel .hph_container {
    width: 80vw;
  }
  .homepage_hero-panel .hph_container .hph_img-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
  .homepage_hero-panel .hph_container .hph_img-container img {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .homepage_hero-panel {
    margin-top: 60px;
    padding-top: 10vw;
  }
}
@media (max-width: 325px) {
  .hph_text-container .title {
    font-size: 23px !important;
  }
}
.hero-content-container {
  display: flex;
  align-items: center;
  height: 100%;
}

.main-hero .hero {
  margin-top: 87px;
}
.main-hero .hero-body {
  flex-grow: inherit;
  padding: 0;
}
.main-hero .hero-body .container {
  margin: 0;
  max-width: none;
}
.main-hero .hero-body .columns {
  margin: 0;
  height: 100%;
}
.main-hero .hero-body .columns .column {
  padding: 0;
}
.main-hero .hero-body .columns .column:first-child {
  flex-basis: 40%;
}
.main-hero .hero-body .columns .column:last-child {
  flex-basis: 60%;
}
.main-hero .hero-body .hero-content {
  max-width: 490px;
  margin-left: 5vw;
}
.main-hero .hero-body .hero-image {
  margin: 0;
}
.main-hero .title {
  margin-top: 0;
  margin-bottom: 16px;
}
.main-hero .subtitle {
  margin-bottom: 40px;
}

.discount-hero {
  margin: 170px auto 60px;
  max-width: 1200px;
}

@media screen and (min-width: 1600px) {
  .main-hero .hero-body .hero-content {
    margin-left: 8vw;
  }
}
@media screen and (max-width: 1120px) {
  .main-hero .hero {
    margin-top: 60px;
  }
  .main-hero .hero-body .columns:not(.is-desktop) {
    display: block;
  }
  .main-hero .hero-body .hero-content {
    margin: 60px 10px 0;
  }
  .main-hero .hero-content-container {
    margin-top: 0;
    justify-content: center;
  }
  .discount-hero {
    margin: 115px 20px 60px;
  }
}
@media screen and (max-width: 768px) {
  .main-hero .hero-body .hero-content {
    max-width: 300px;
    margin-left: 7%;
  }
  .main-hero .hero-content-container {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 550px) {
  .main-hero .hero-body .hero-content {
    margin-left: 1.5rem;
  }
}
.VideoPlayer {
  width: 100%;
}

.VideoPlayer[poster] {
  object-fit: cover;
}

/*================ REACT COMPONENTS ================*/
.StoreLocator {
  position: relative;
  width: 100%;
  height: calc(100vh - calc(var(--promo-bar-height, 0px) + var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px)));
  background-color: #dedede;
}
.StoreLocator .cluster {
  display: flex;
  align-items: center;
}
.StoreLocator .cluster div {
  font-weight: 600;
  margin: 1px 0 0 1px;
}

.StoreLocator__search {
  width: 56px;
  height: 56px;
  background-color: #0b0b0b;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 22px;
  left: 22px;
  box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.25);
}
.StoreLocator__search .IconSearch {
  width: 22px;
}
@media (min-width: 767px) {
  .StoreLocator__search {
    display: none;
  }
}

.StoreLocator__zoom {
  display: flex;
  position: absolute;
  top: 22px;
  right: 30px;
  z-index: 1;
  flex-direction: column;
  border-radius: 6px;
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.25);
  transition: box-shadow 100ms linear;
}
.StoreLocator__zoom:hover {
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.4);
}
.StoreLocator__zoom .StoreLocator__zoom-btn:first-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #e5e5e5;
}
.StoreLocator__zoom .StoreLocator__zoom-btn:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.StoreLocator__zoom-btn {
  outline: none;
  border-radius: 6px;
  background-color: #ffffff;
  width: 38px;
  height: 38px;
  transform: scale(1);
  cursor: pointer;
  transition: transform 100ms linear;
}
.StoreLocator__zoom-btn:hover {
  transform: scale(1.03);
}

.StoreLocator__panel-wrap {
  height: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.StoreLocatorMap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 150ms linear;
}
.StoreLocatorMap a[href^="http://maps.google.com/maps"],
.StoreLocatorMap a[href^="https://maps.google.com/maps"] {
  display: none !important;
}
.StoreLocatorMap .gmnoprint a,
.StoreLocatorMap .gmnoprint span,
.StoreLocatorMap .gm-style-cc {
  display: none;
}
.StoreLocatorMap .gmnoprint div {
  background: none !important;
}

.StoreLocatorMap--is-visible {
  opacity: 1;
}

.StoreLocatorPanel {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0px 2px 32px 0px rgba(11, 11, 11, 0.2);
  padding-top: 36px;
  overflow: hidden;
  pointer-events: auto;
}
.StoreLocatorPanel.has-gradient:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
@media (min-width: 767px) {
  .StoreLocatorPanel.has-gradient:after {
    display: none;
  }
}
.StoreLocatorPanel:not(.StoreLocatorPanel--stage-1) {
  box-shadow: none;
}
@media (min-width: 767px) {
  .StoreLocatorPanel:not(.StoreLocatorPanel--stage-1) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    bottom: auto;
    top: 0;
    width: 332px;
    height: 100vh;
  }
}

.StoreLocatorPanel__inner {
  position: relative;
  padding: 0 22px;
}

.StoreLocatorPanel__heading.title {
  margin-bottom: 36px;
  padding: 0 22px;
}
.StoreLocatorPanel__heading.title.has-sub-heading {
  margin-bottom: 10px;
}
@media (min-width: 767px) {
  .StoreLocatorPanel__heading.title {
    max-width: 300px;
  }
}

.StoreLocatorPanel__sub-heading {
  margin-bottom: 36px;
  font-size: 12px;
  color: #545454;
  padding: 0 22px;
}
.StoreLocatorPanel__sub-heading.is-orange {
  color: #f58523;
}

.StoreLocatorPanel__line-break {
  margin: 25px 0;
  display: block;
  height: 1px;
  background-color: #e5e5e5;
}

.StoreLocatorPanel__use-current {
  padding-left: 17px;
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  transition: opacity 150ms linear;
}
.StoreLocatorPanel__use-current svg {
  margin: -2px 17px 0 0;
}
.StoreLocatorPanel__use-current:focus {
  outline: none;
}
.StoreLocatorPanel__use-current:hover {
  opacity: 0.5;
}
@media (min-width: 767px) {
  .StoreLocatorPanel__use-current {
    padding-left: 0;
    font-size: 14px;
    cursor: pointer;
  }
  .StoreLocatorPanel__use-current svg {
    width: 17px;
    height: 17px;
    margin: -2px 8px 0 0;
  }
}

.StoreLocatorPanel__results-toggle {
  position: absolute;
  z-index: 2;
  bottom: 34px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.StoreLocatorPanel__results-toggle .btn-pill {
  position: absolute;
  bottom: 15px;
}

.StoreLocatorPanel__directions {
  width: 100%;
  position: relative;
  z-index: 1;
}
.StoreLocatorPanel__directions:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 32px;
  bottom: -32px;
  left: 0;
  transform: rotate(180deg);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.StoreLocatorPanel__directions span {
  position: relative;
  font-weight: 400;
  margin-left: 16px;
}
.StoreLocatorPanel__directions span:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 1px;
  height: 16px;
  background-color: #ffffff;
}

.StoreLocatorPanel__address-box {
  background-color: #f6f6f6;
  border-radius: 12px;
  padding: 22px 18px;
  color: #545454;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.StoreLocatorPanel__address-box p {
  flex: 1;
}

.StoreLocatorPanel__address-box-img {
  width: 68px;
  height: 68px;
  margin-right: 14px;
}
.StoreLocatorPanel__address-box-img svg {
  width: 100%;
  height: 100%;
}

.StoreLocatorPanel__close-location {
  position: absolute;
  top: 22px;
  right: 22px;
}
.StoreLocatorPanel__close-location svg {
  width: 15px;
  height: 15px;
}
.StoreLocatorPanel__close-location svg .st0 {
  fill: none;
  stroke: #0b0b0b;
  stroke-width: 3;
  stroke-linecap: round;
}
@media (min-width: 767px) {
  .StoreLocatorPanel__close-location {
    width: 26px;
    height: 26px;
  }
  .StoreLocatorPanel__close-location svg {
    width: 9px;
    height: 9px;
  }
}

.StoreLocatorPanel__whats-in-store.title {
  margin-bottom: 22px;
}

.StoreLocatorPanel__products-scroll {
  overflow: scroll;
  padding: 32px 0 100px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: height 600ms cubic-bezier(0.535, 0, 0, 1);
}
@media (min-width: 767px) {
  .StoreLocatorPanel__products-scroll {
    transition: none;
  }
}

.StoreLocatorPanel__products-scroll::-webkit-scrollbar {
  display: none;
}

.StoreLocatorPanel__products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.StoreLocatorPanel__product {
  width: calc(50% - 12px);
  margin-bottom: 36px;
}

.StoreLocatorPanel__product-img {
  width: 100%;
  background-color: #f6f6f6;
  border-radius: 12px;
  margin-bottom: 16px;
}

.StoreLocatorPanel__product-type.title {
  margin-bottom: 4px;
}

.StoreLocatorPanel__product-title {
  font-size: 12px;
  color: #545454;
}

.StoreLocatorPanel__desktop-stock {
  display: none;
  position: absolute;
  bottom: 0;
  right: 30px;
  font-size: 14px;
  align-items: center;
  outline: none;
  cursor: pointer;
  transition: opacity 150ms linear;
}
.StoreLocatorPanel__desktop-stock svg {
  width: 12px;
  transform: rotate(0deg);
  margin-left: 10px;
  transition: transform 250ms ease-in-out;
}
.StoreLocatorPanel__desktop-stock:hover {
  opacity: 0.5;
}
@media (min-width: 767px) {
  .StoreLocatorPanel__desktop-stock {
    display: flex;
  }
}

.StoreLocatorPanel__disclaimer {
  font-size: 12px;
  color: #545454;
}

.StoreLocatorPanel__opening {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e5e5e5;
}

.StoreLocatorPanel__is-open {
  position: absolute;
  top: 0;
  right: 0;
  color: #f58523;
}

.StoreLocatorPanel__day {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #545454;
  margin-bottom: 3px;
}

@media (min-width: 767px) {
  .StoreLocatorPanel--stage-1 {
    width: 75%;
    max-width: 850px;
    right: 0;
    margin: auto;
    bottom: 62px;
    border-radius: 12px;
    padding-top: 32px;
  }
  .StoreLocatorPanel--stage-1 .StoreLocatorPanel__heading {
    display: none;
  }
  .StoreLocatorPanel--stage-1 .StoreLocatorPanel__inner {
    padding: 0 32px;
  }
  .StoreLocatorPanel--stage-1 .StoreLocatorPanel__line-break {
    display: none;
  }
}
@media (min-width: 1600px) {
  .StoreLocatorPanel--stage-1 {
    bottom: 12vh;
  }
}
@media (min-width: 1920px) {
  .StoreLocatorPanel--stage-1 {
    bottom: 15vh;
  }
}

@media (max-height: 685px) {
  .StoreLocatorPanel--stage-2 {
    overflow-y: scroll;
  }
}
.StoreLocatorPanel--stage-2 .StoreLocatorPanel__close-location {
  display: none;
}
@media (min-width: 767px) {
  .StoreLocatorPanel--stage-2 .StoreLocatorPanel__close-location {
    display: flex;
  }
}

.StoreLocatorPanel--retailer-is-open .StoreLocatorPanel__desktop-stock svg {
  transform: rotate(180deg);
}

.StoreLocatorRetailer {
  width: 100%;
  background-color: #f6f6f6;
  padding: 0 22px;
}
@media (min-width: 767px) {
  .StoreLocatorRetailer {
    padding: 0 30px;
  }
}

.StoreLocatorRetailer__btn {
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.StoreLocatorRetailer__btn.title {
  margin-bottom: 0;
  line-height: 1.3;
  text-align: left;
}
.StoreLocatorRetailer__btn svg {
  width: 14px;
  transform: rotate(180deg);
  transition: transform 250ms ease-in-out;
}
.StoreLocatorRetailer__btn:focus {
  outline: none;
}
@media (min-width: 767px) {
  .StoreLocatorRetailer__btn {
    display: none;
  }
}

.StoreLocatorRetailer__inner {
  width: 100%;
  padding-bottom: 52px;
}
@media (min-width: 767px) {
  .StoreLocatorRetailer__inner {
    padding: 25px 0;
  }
}
.StoreLocatorRetailer__inner p {
  font-size: 14px;
  color: #545454;
  margin-bottom: 22px;
}

.StoreLocatorRetailer--is-open svg {
  transform: rotate(0deg);
}

.StoreLocatorResults {
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
  overflow-y: scroll;
  padding-bottom: 50px;
  transition: height 600ms cubic-bezier(0.535, 0, 0, 1);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.StoreLocatorResults li {
  transition: opacity 150ms linear;
}
@media (min-width: 767px) {
  .StoreLocatorResults {
    transition: none;
    padding-bottom: 20px;
  }
  .StoreLocatorResults:hover > li {
    opacity: 0.25;
  }
  .StoreLocatorResults:hover > li:hover {
    opacity: 1;
  }
}

.StoreLocatorResults::-webkit-scrollbar {
  display: none;
}

.StoreLocatorResults__result {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 22px 0;
  text-align: left;
  cursor: pointer;
}

.StoreLocatorResults__img {
  margin-right: 15px;
  width: 48px;
  height: 48px;
}
.StoreLocatorResults__img svg {
  width: 100%;
  height: 100%;
}

.StoreLocatorResults__middle {
  flex: 1;
  margin-top: 5px;
}

.StoreLocatorResults__heading.title {
  margin-bottom: 4px;
}

.StoreLocatorResults__products {
  margin-bottom: 12px;
  font-size: 14px;
  color: #545454;
}

.StoreLocatorResults__postcode {
  font-size: 12px;
}

.StoreLocatorResults__distance {
  color: #f58523;
  font-size: 14px;
  width: 80px;
  margin-top: 5px;
  text-align: right;
}

.StoreLocatorFilters .title {
  margin-bottom: 20px;
}

.StoreLocatorFilters__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.StoreLocatorFilters__toggle {
  color: #12c7d4;
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 150ms linear;
}
.StoreLocatorFilters__toggle svg {
  margin-right: 6px;
}
.StoreLocatorFilters__toggle svg line {
  stroke: #12c7d4;
}
.StoreLocatorFilters__toggle:hover {
  opacity: 0.5;
}

.StoreLocatorFilters__clear {
  margin-left: 12px;
  font-size: 14px;
  color: #545454;
  cursor: pointer;
}
.StoreLocatorFilters__clear:hover {
  opacity: 0.5;
}

.StoreLocatorFilters__filters {
  display: none;
}
.StoreLocatorFilters__filters .button {
  margin-bottom: 40px;
}

.StoreLocatorFilters__row {
  margin-bottom: 45px;
  display: flex;
}

.StoreLocatorFilters__checkbox {
  position: relative;
  margin-right: 10px;
}
.StoreLocatorFilters__checkbox label {
  background-color: #f6f6f6;
  border-radius: 6px;
  font-weight: bold;
  font-size: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  transition: all 150ms linear;
}
@media (min-width: 410px) {
  .StoreLocatorFilters__checkbox label {
    padding: 10px 20px;
  }
}
.StoreLocatorFilters__checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  transition: all 150ms linear;
}
.StoreLocatorFilters__checkbox input[type=checkbox]:checked + label {
  background-color: #0b0b0b;
  color: #ffffff;
}
@media (min-width: 767px) {
  .StoreLocatorFilters__checkbox:hover input[type=checkbox] + label {
    background-color: #0b0b0b;
    color: #ffffff;
  }
}

.StoreLocatorFilters__radio {
  position: relative;
  height: 32px;
  width: 83px;
  margin-right: 10px;
}
.StoreLocatorFilters__radio .checkmark {
  background-color: #f6f6f6;
  border-radius: 6px;
  font-weight: bold;
  font-size: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 150ms linear;
}
.StoreLocatorFilters__radio input {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  left: 0;
  top: 0;
}
.StoreLocatorFilters__radio input:checked ~ .checkmark {
  background-color: #0b0b0b;
  color: #ffffff;
}
.StoreLocatorFilters__radio:hover .checkmark {
  background-color: #0b0b0b;
  color: #ffffff;
}

.StoreLocatorFilters--is-open .StoreLocatorFilters__filters {
  display: block;
}

.ContactForm {
  margin-bottom: 10px;
}
.ContactForm .button {
  width: 100%;
}

.ContactForm__inquirySelect {
  margin-bottom: 10px;
}

.ContactForm__inquirySelectLabel {
  font-size: 0.75rem;
  line-height: 2;
  display: block;
  margin-bottom: 5px;
}

.ContactForm__suggestionMessage {
  margin: 20px 0;
}

.ContactForm__successMessage {
  font-size: 24px;
  font-weight: 700;
  margin: 40px 0;
}

.ContactForm__errorMessage {
  font-size: 24px;
  color: #ff3860;
  margin: 40px 0;
}

.ContactForm__gdpr-links {
  margin-top: 48px;
}
.ContactForm__gdpr-links p,
.ContactForm__gdpr-links p:not(:last-child) {
  margin-bottom: 16px;
}

.EnterAddressOrPostcode {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 15px 17px;
  display: flex;
  align-items: center;
}
@media (min-width: 767px) {
  .EnterAddressOrPostcode {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 18px 0;
    position: relative;
    margin-bottom: 24px;
  }
}

.EnterAddressOrPostcode__icon {
  margin-right: 17px;
}
@media (min-width: 767px) {
  .EnterAddressOrPostcode__icon {
    position: absolute;
    right: 0;
    margin-right: 0;
    width: 18px;
    height: 18px;
  }
}

.EnterAddressOrPostcode__input {
  color: #0b0b0b;
  flex: 1;
  font-size: 16px;
  border: 0;
  height: 24px;
  line-height: 28px;
  padding: 0 5px 0 0;
}
.EnterAddressOrPostcode__input::-moz-placeholder {
  color: #aaaaaa;
}
.EnterAddressOrPostcode__input::-webkit-input-placeholder {
  color: #aaaaaa;
}
.EnterAddressOrPostcode__input:-moz-placeholder {
  color: #aaaaaa;
}
.EnterAddressOrPostcode__input:-ms-input-placeholder {
  color: #aaaaaa;
}
.EnterAddressOrPostcode__input:focus {
  outline: 0;
}
@media (min-width: 767px) {
  .EnterAddressOrPostcode__input {
    font-size: 20px;
  }
}

@media (min-width: 767px) {
  .EnterAddressOrPostcode__btn-desc {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 28px;
    bottom: 24px;
  }
}

.EnterAddressOrPostcode--is-focussed {
  border-color: #0b0b0b;
}

@media screen and (max-width: 767px) {
  [data-thistemplate="page.cross-sell"] {
    padding-bottom: 100px;
  }
}

.upsell {
  background-color: #f2f2f2;
}
.upsell h3 {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .upsell__container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 30px 30px;
  }
}

.upsell__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 850px;
  padding: 40px 20px 20px;
  background-color: #fff;
}
.upsell__header h1 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.125;
  margin: 0 8px 8px 0;
}
.upsell__header p {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .upsell__header {
    background-color: transparent;
    padding: 50px 0;
    margin: 0 auto;
  }
  .upsell__header h1 {
    font-size: 1.625rem;
    margin-bottom: 0;
  }
  .upsell__header p {
    font-size: 1rem;
  }
}

.upsell__mobileLinks {
  max-width: 850px;
  display: block;
  position: sticky;
  top: calc(var(--promo-bar-height, 0px) + var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px));
  z-index: 1;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.upsell__mobileLinks ul {
  display: flex;
  justify-content: space-between;
  overflow: auto;
}
.upsell__mobileLinks a {
  display: block;
  padding: 20px 10px;
  outline: none;
  color: #0b0b0b;
  font-weight: 700;
  font-size: 0.875rem;
}
.upsell__mobileLinks a.selectedCategory {
  border-bottom: 2px solid #0b0b0b;
}
@media screen and (min-width: 768px) {
  .upsell__mobileLinks {
    border-radius: 12px;
    top: calc(var(--promo-bar-height, 0px) + var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px) + 101px);
  }
  .upsell__mobileLinks ul {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1120px) {
  .upsell__mobileLinks {
    display: none;
  }
}

@media screen and (min-width: 1120px) {
  .upsell__body {
    display: grid;
    grid-template-columns: 1fr 850px 1fr;
  }
}

.upsellDesktopLinks {
  display: none;
}
.upsellDesktopLinks ul {
  position: sticky;
  display: block;
  top: 350px;
  margin-right: 30px;
}
.upsellDesktopLinks li {
  padding: 15px;
}
.upsellDesktopLinks a {
  outline: none;
  color: #9a9a9a;
  font-weight: 700;
}
.upsellDesktopLinks a.selectedCategory, .upsellDesktopLinks a:hover, .upsellDesktopLinks a:focus {
  color: #0b0b0b;
}
@media screen and (min-width: 1120px) {
  .upsellDesktopLinks {
    display: block;
  }
}

.upsellCategories {
  max-width: 850px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .upsellCategories {
    margin: 0 auto;
  }
}

.upsellCategory h2 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.125;
  padding: 40px 20px 20px;
}
@media screen and (min-width: 768px) {
  .upsellCategory h2 {
    font-size: 1.625rem;
  }
}

#upsellCategory__samples {
  padding-top: 160px;
  margin-top: -160px;
}

.upsellEmphasized {
  font-weight: 700 !important;
  color: #fcb53b !important;
}

.upsellSuccessIcon {
  display: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.upsellSuccessIcon.is-visible {
  display: flex;
}

.upsellButtonContainer {
  padding: 22px;
  background-color: #ffffff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.18);
  border-style: solid;
  border-color: #e5e5e5;
  border-top-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.upsellButtonContainer--main {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.upsellButtonContainer--main button {
  width: 100%;
  height: 56px;
}
@media screen and (min-width: 768px) {
  .upsellButtonContainer--main {
    display: none;
    box-shadow: none;
    border: none;
  }
}

.upsellButtonContainer__pricings {
  height: 100%;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.upsellButtonContainer__pricings h4 {
  font-size: 1.25rem;
  font-weight: 700;
}
.upsellButtonContainer__pricings p {
  color: #545454;
  font-size: 12px;
}

.upsellAddedToCart {
  display: none;
  align-items: center;
  border-bottom: 2px solid #e5e5e5;
  position: sticky;
  top: calc(var(--promo-bar-height, 0px) + var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px));
  background: #f2f2f2;
  z-index: 2;
  padding: 20px 0;
  min-height: 102px;
}
@media screen and (min-width: 768px) {
  .upsellAddedToCart {
    display: flex;
  }
}
.upsellAddedToCart button {
  min-width: 175px;
}

.upsellAddedToCart__msg {
  display: flex;
  max-width: 219px;
  width: 100%;
}
.upsellAddedToCart__msg > span {
  color: #31b96a;
  font-weight: 700;
  margin-right: 12px;
}

.upsellAddedToCart__content {
  flex: 1;
  display: flex;
  align-items: center;
}
.upsellAddedToCart__content h3 {
  font-weight: 700;
  font-size: 0.875rem;
}
.upsellAddedToCart__content p {
  font-size: 0.75rem;
  color: #545454;
}

.upsellAddedToCart__image {
  height: 60px;
  margin-right: 12px;
  border-radius: 12px;
  overflow: hidden;
}
.upsellAddedToCart__image img {
  height: 100%;
}

.upsellAddedToCart__flavours {
  display: flex;
  flex-wrap: wrap;
  color: #545454;
  font-size: 0.75rem;
}

.upsellAddedToCartModal__modal {
  z-index: 70 !important;
}

.upsellAddedToCartModal {
  position: relative;
  background-color: #fff;
  max-width: 330px;
  border-radius: 22px;
  overflow: visible !important;
}
.upsellAddedToCartModal h3 {
  font-weight: 700;
}
.upsellAddedToCartModal p {
  color: #1bd93b;
  font-size: 20px;
}
.upsellAddedToCartModal::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 261px;
  height: 10px;
  background-color: #1bd93b;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}

.upsellAddedToCartModal__container {
  padding: 45px 35px;
  text-align: center;
  z-index: 70 !important;
}

.upsellAddedToCartModal__image {
  width: 172px;
  height: 172px;
  margin: 0 auto 30px;
}
.upsellAddedToCartModal__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #1bd93b;
}

.upsellLoader {
  height: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
}

.upsellLoader__spinner {
  border: 16px solid #f2f2f2;
  border-top: 16px solid #0b0b0b;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: upsellLoaderSpin 2s linear infinite;
}

@keyframes upsellLoaderSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.upsellProduct {
  display: flex;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  transition: background-color 0.2s ease;
}
.upsellProduct:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.upsellProduct--main .upsellMedia__price,
.upsellProduct--main .upsellMedia__pricePer,
.upsellProduct--main .upsellMedia__beforePrice {
  display: none;
}
.upsellProduct--main .upsellMedia__pricePer--mobile {
  padding-top: 10px;
}
.upsellProduct--main .upsellMedia__price--mobile {
  padding-top: 3px;
}
@media screen and (min-width: 768px) {
  .upsellProduct--main {
    margin-bottom: 12px;
    border-radius: 12px;
  }
  .upsellProduct--main.upsellFeaturedProduct {
    margin: 0 0 12px 0;
  }
  .upsellProduct--main .upsellMedia__left {
    flex: 0 0 140px;
    height: 140px;
  }
  .upsellProduct--main .upsellProduct__button {
    padding: 32px 0;
  }
  .upsellProduct--main .upsellMedia__title {
    font-size: 1.25rem;
  }
  .upsellProduct--main .upsellMedia__price--mobile,
  .upsellProduct--main .upsellMedia__pricePer--mobile,
  .upsellProduct--main .upsellMedia__beforePrice--mobile {
    display: none;
  }
  .upsellProduct--main .upsellMedia__price,
  .upsellProduct--main .upsellMedia__pricePer,
  .upsellProduct--main .upsellMedia__beforePrice {
    display: inline-block;
  }
  .upsellProduct--main .upsellMedia__price {
    font-size: 1.25rem;
  }
  .upsellProduct--main .upsellMedia__beforePrice {
    margin-right: 6px;
  }
  .upsellProduct--main .upsellMedia__pricePer {
    font-size: 0.875rem;
  }
  .upsellProduct--main .upsellMedia__callout {
    font-size: 0.875rem;
  }
  .upsellProduct--main .upsellMedia__description {
    font-size: 1rem;
  }
  .upsellProduct--main .upsellMedia__selectedFlavours {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
  }
}

.upsellProduct--modal .upsellMedia__left {
  flex: 0 0 72px;
  height: 72px;
  margin-right: 12px;
}
.upsellProduct--modal .upsellMedia__title {
  font-size: 1rem;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .upsellProduct--featured {
    margin: 12px 0;
    border-bottom: 1px solid #f0f0f0;
  }
}

.upsellProduct--added {
  background-color: #e4fee2;
}

.upsellMedia {
  display: flex;
  flex: 1;
  padding: 24px 24px 24px 0;
}
.upsellMedia:last-child {
  border-bottom: 1px solid #f0f0f0;
}
@media screen and (min-width: 768px) {
  .upsellMedia {
    padding: 24px 32px;
  }
}

.upsellMedia--padded {
  padding-top: 44px;
}

.upsellMedia__left {
  flex: 0 0 100px;
  height: 100px;
  margin-right: 12px;
}
.upsellMedia__left img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 360px) {
  .upsellMedia__left {
    flex: 0 0 72px;
    height: 72px;
  }
}

.upsellMedia__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.upsellMedia__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

.upsellMedia__title,
.upsellMedia__price,
.upsellMedia__price--mobile,
.upsellMedia__beforePrice,
.upsellMedia__beforePrice--mobile {
  font-weight: 700;
}

.upsellMedia__beforePrice,
.upsellMedia__beforePrice--mobile {
  text-decoration: line-through;
  color: #8f8f8f;
}

.upsellMedia__beforePrice--mobile {
  margin-left: 6px;
  font-size: 0.75rem;
}

.upsellMedia__offset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .upsellMedia__offset {
    position: absolute;
    top: -20px;
  }
}

.upsellMedia__pricePer,
.upsellMedia__pricePer--mobile {
  color: #545454;
  font-size: 0.75rem;
}

.upsellMedia__description {
  color: #545454;
  font-size: 0.875rem;
}

.upsellMedia__selected {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #e4fee2;
  border-radius: 6px;
  font-size: 0.875rem;
  margin-top: 14px;
}
.upsellMedia__selected div {
  display: block;
  padding: 15px;
}
.upsellMedia__selected button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 15px;
}

.upsellProduct__button {
  flex: 0;
  display: flex;
  align-items: stretch;
}
.upsellProduct__button button {
  cursor: pointer;
  background: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 56px;
  border-left: 1px solid #f0f0f0;
}
.upsellProduct__button button span {
  transition: transform 0.3s ease;
}
.upsellProduct__button button:hover span {
  transform: scale(1.35);
}

.upsellModal {
  overflow: visible;
  z-index: 70 !important;
}
.upsellModal .upsellModal__CardBody {
  padding: 0;
}
.upsellModal .upsellModal__content {
  background-color: #f2f2f2;
  min-height: 100%;
}
.upsellModal .upsellModal__CardFooter {
  padding: 22px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.upsellModal .upsellModal__CardFooter button {
  width: 100%;
}
.upsellModal .upsellModal__CardFooter button[disabled] {
  background: #c9c9c9;
}
@media screen and (min-width: 768px) {
  .upsellModal .upsellModal__Card {
    width: 550px;
    height: 700px;
  }
  .upsellModal .upsellModal__CardFooter {
    padding: 22px 40px;
    border: none;
  }
  .upsellModal .upsellModal__CardFooter::before {
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .upsellModal .upsellModal__Card {
    position: relative;
    margin: 0;
    max-height: none;
    height: 100%;
    width: 100%;
  }
  .upsellModal .upsellModal__CardHead {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .upsellModal .upsellModal__CardFooter {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.upsellModalHero {
  padding: 20px;
  margin-bottom: 12px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .upsellModalHero {
    padding: 0 40px 32px;
  }
  .upsellModalHero .upsellModalHero__callout {
    font-size: 0.875rem;
  }
}

.upsellModalHero__top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.upsellModalHero__top:first-child {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .upsellModalHero__top {
    display: none;
  }
}

.upsellModalHero__image {
  height: 120px;
  width: 120px;
}
.upsellModalHero__image img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

.upsellModalHero__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.upsellModalHero__header h6 {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .upsellModalHero__header h6,
  .upsellModalHero__header strong {
    font-size: 1.25rem;
  }
}

.upsellModalHero__offset {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.upsellModalHero__description {
  color: #545454;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .upsellModalHero__description {
    font-size: 1rem;
  }
}

.upsellModalHero__beforePrice {
  text-decoration: line-through;
  color: #8f8f8f;
  font-weight: 700;
  margin-right: 6px;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .upsellModalHero__beforePrice {
    font-size: 1rem;
  }
}

.upsellModalHeroPricePer {
  color: #545454;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .upsellModalHeroPricePer {
    font-size: 0.875rem;
  }
}

.upsellModalHero__backButton {
  position: fixed;
  z-index: 2;
  cursor: pointer;
  width: 45px;
  height: 45px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s ease;
}

.upsellModalExtraContent {
  padding: 22px;
}

.upsellMerchSelector {
  min-height: 450px;
  background-color: #fff;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .upsellMerchSelector {
    padding: 40px;
  }
}

.upsellMerchSelector__input {
  margin-top: 10px;
  margin-bottom: 40px;
  display: flex;
}
.upsellMerchSelector__input input {
  opacity: 0;
  width: 0;
  height: 0;
}
.upsellMerchSelector__input label {
  cursor: pointer;
  position: relative;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  transition: transform 0.1s ease;
  margin-right: -1px;
}
.upsellMerchSelector__input label:focus, .upsellMerchSelector__input label:focus-within, .upsellMerchSelector__input label:active, .upsellMerchSelector__input label:hover, .upsellMerchSelector__input label.merch-selected {
  border: 2px solid #0b0b0b;
  border-radius: 4px;
  z-index: 2;
}

.upsellMerchSelector__input--genders label {
  width: auto;
  min-width: 120px;
  padding: 10px;
}
.upsellMerchSelector__input--genders svg {
  overflow: visible;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.upsellMerchSelector__input--genders .st0 {
  fill: none;
  stroke: #0b0b0b;
  stroke-width: 20;
  stroke-miterlimit: 10;
}

.upsellMerchSelector__colorBox {
  width: 22px;
  height: 22px;
}
.upsellMerchSelector__colorBox.merch-dark-grey {
  background-color: #545454;
}
.upsellMerchSelector__colorBox.merch-light-grey {
  background-color: #e5e5e5;
}
.upsellMerchSelector__colorBox.merch-black {
  background-color: #0b0b0b;
}

.upsellMerchSelector__inputQuantity {
  max-width: 150px;
}
.upsellMerchSelector__inputQuantity p {
  margin-bottom: 10px;
}

.option-is-oos {
  position: relative;
}
.option-is-oos::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 0.7;
}

.upsellOutOfStockMessage {
  color: #ff3860;
  text-align: center;
  margin-bottom: 10px;
}

.landingPageForm {
  max-width: 480px;
  margin: 0 auto;
}
.landingPageForm .button:hover {
  color: #fff;
}

.landingPageForm__input {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.landingPageForm__input label {
  font-size: 12px;
  margin-bottom: 5px;
}
.landingPageForm__input input::-webkit-outer-spin-button,
.landingPageForm__input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.landingPageForm__input input[type=number] {
  -moz-appearance: textfield;
}

.g-recaptcha-forms {
  margin-bottom: 10px;
}

.recaptcha-forms-notice {
  margin-bottom: 10px;
  font-size: 12px;
}

:root {
  --swiper-navigation-size: 20px !important;
  --swiper-navigation-color: $colorHuelBlack !important;
  --swiper-theme-color: $colorHuelBlack !important;
}

.h-product-form {
  padding-top: 22px;
}
@media screen and (min-width: 1382px) {
  .h-product-form .container {
    max-width: 1200px;
  }
}
.h-product-form .h-product-title {
  margin-top: 0;
}
.h-product-form .h-product-slider {
  position: sticky;
  top: 130px;
}
.h-product-form .h-product-slider .swiper-slide {
  cursor: zoom-in;
}
.h-product-form .h-product-slider .swiper-slide img {
  border-radius: 6px;
  display: block;
}
.h-product-form .gallery-thumbs-container {
  position: relative;
}
.h-product-form .gallery-thumbs-container .gallery-thumbs {
  margin-top: 10px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.h-product-form .gallery-thumbs-container .gallery-thumbs .swiper-slide {
  opacity: 1;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .h-product-form .gallery-thumbs-container {
    display: none;
  }
}
.h-product-form .gallery-top-pagination {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.h-product-form .gallery-top-pagination .swiper-pagination-bullet {
  margin: 0 10px;
  opacity: 1;
  background-color: #dddddd;
  border: 2px solid transparent;
  outline: none;
  transition: all 150ms linear;
}
.h-product-form .gallery-top-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: hsl(0deg, 0%, 4%);
}
.h-product-form .gallery-top-pagination .swiper-pagination-bullet:focus {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
@media screen and (min-width: 769px) {
  .h-product-form .gallery-top-pagination {
    display: none;
  }
}

#product-form-app .panel .panel-heading, #product-form-app .panel .panel-footer {
  padding: 1rem;
  color: #8F8F8F;
  background-color: transparent;
  border: none;
}
#product-form-app .panel-flavours .panel-block {
  padding: 0;
  border: none;
}
#product-form-app .panel-purchase-types .panel-heading, #product-form-app .panel-purchase-types .panel-footer {
  font-weight: bold;
}
#product-form-app .panel-purchase-types .panel-tabs {
  border: none;
}
#product-form-app .panel-purchase-types .panel-tabs .field {
  display: flex;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab {
  border: 1px solid #dbdbdb;
  padding: 0;
  background-color: #f6f6f6;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab label {
  width: 100%;
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab label:before, #product-form-app .panel-purchase-types .panel-tabs .panel-tab label:after {
  top: 1rem;
  left: 1rem;
  border-radius: 50%;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab.is-active {
  border-bottom-color: transparent;
  background-color: transparent;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab .tab-label {
  font-weight: bold;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab .tab-secondary {
  color: #f58523;
  padding-left: 0.25rem;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab--first {
  width: 60%;
  border-right-color: transparent;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab--first.is-active {
  border-right-color: #dbdbdb;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab--second {
  width: 40%;
  border-left-color: transparent;
}
#product-form-app .panel-purchase-types .panel-tabs .panel-tab--second.is-active {
  border-left-color: #dbdbdb;
}
#product-form-app .panel-purchase-types .panel-block {
  padding: 1rem;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  display: block;
}
#product-form-app .panel-purchase-types .purchase-type-bonus {
  display: flex;
}
#product-form-app .panel-purchase-types .purchase-type-bonus .pt-icon {
  margin-right: 0.5rem;
}
#product-form-app .panel-purchase-types .purchase-type-bonus .pt-icon img {
  display: block;
  width: 24px;
}
#product-form-app .panel-purchase-types .purchase-type-bonus .pt-content {
  flex: 1;
}
#product-form-app .panel-purchase-types .purchase-type-bonus .pt-content .pt-title {
  font-size: 13px;
  font-weight: 700;
}
#product-form-app .panel-purchase-types .purchase-type-bonus .pt-content .pt-text {
  font-size: 11px;
  color: #8f8f8f;
}
#product-form-app .panel-purchase-types .purchase-type-bonus:not(:last-child) {
  margin-bottom: 1rem;
}
#product-form-app .panel-purchase-types .purchase-type-bonus.is-larger .pt-title {
  font-size: 16px;
}
#product-form-app .panel-purchase-types .purchase-type-bonus.is-larger .pt-text {
  font-size: 14px;
}
#product-form-app .h-product-form-overview {
  position: sticky;
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background-color: #fff;
  width: 100%;
  bottom: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#product-form-app .h-product-form-overview .product-overview {
  padding: 1rem;
}
#product-form-app .h-product-form-overview .product-overview:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
#product-form-app .h-product-form-overview .product-overview .product-minimum {
  flex-grow: 1;
  text-align: center;
  opacity: 0.8;
}
#product-form-app .h-product-form-overview .product-price {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
}
#product-form-app .h-product-form-overview .product-price .product-price__addon {
  display: block;
  font-size: 0.85em;
}
#product-form-app .h-product-form-overview .product-price .product-price__current {
  font-size: 1.75em;
  line-height: 1.75rem;
  color: #f58523;
  font-weight: bold;
}
#product-form-app .h-product-form-overview .product-price .product-price__full {
  text-decoration: line-through;
  font-size: 1.25em;
  font-weight: bold;
  color: #8F8F8F;
  padding-left: 0.5em;
}
@media screen and (max-width: 1380px) {
  #product-form-app .h-product-form-overview .product-price {
    display: flex;
    font-size: 0.9rem;
  }
  #product-form-app .h-product-form-overview .product-price .product-price__full {
    padding-left: 0;
  }
  #product-form-app .h-product-form-overview .product-price .product-price__both {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  #product-form-app .h-product-form-overview .product-price {
    font-size: 0.75rem;
  }
  #product-form-app .h-product-form-overview .product-price .product-price__current {
    line-height: 1.3rem;
  }
}
#product-form-app .h-product-form-overview .product-pricing-message {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
}
#product-form-app .h-product-form-overview .product-info .product-info__head {
  font-size: 11px;
  line-height: 11px;
  color: #8f8f8f;
}
#product-form-app .h-product-form-overview .product-info .product-info__main {
  font-size: 1.25em;
  line-height: 1.25rem;
  font-weight: bold;
}
@media screen and (max-width: 1380px) {
  #product-form-app .h-product-form-overview .product-info {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 768px) {
  #product-form-app .h-product-form-overview .product-info {
    font-size: 0.75rem;
  }
  #product-form-app .h-product-form-overview .product-info .product-info__main {
    line-height: 1.1rem;
  }
}
#product-form-app .h-product-bottom {
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#product-form-app .h-product-bottom .block-padding {
  padding: 1rem;
}
#product-form-app .h-product-bottom .button {
  text-transform: uppercase;
  height: 56px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#product-form-app .h-product-bottom .button:hover {
  color: #fff;
}
#product-form-app .h-product-bottom .h-trustpilot-badge {
  border-top: 1px solid #dbdbdb;
  padding: 10px;
  height: 40px;
}
@media screen and (max-width: 1381px) {
  #product-form-app .h-product-bottom .h-trustpilot-badge {
    height: 62px;
  }
}
@media screen and (max-width: 768px) {
  #product-form-app .h-product-bottom .h-trustpilot-badge {
    height: 40px;
  }
}
@media screen and (max-width: 441px) {
  #product-form-app .h-product-bottom .h-trustpilot-badge {
    height: 62px;
  }
}
#product-form-app .h-product-bottom .h-trustpilot-badge .image {
  max-width: 250px;
}
#product-form-app .h-product-bottom .h-trustpilot-badge .reviews-count {
  white-space: nowrap;
  font-size: 14px;
  color: #0b0b0b;
}
#product-form-app .delivery-info {
  margin: 0.5rem 0.5rem 1rem 0.5rem;
}
#product-form-app .delivery-info .delivery-info-main {
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
}
#product-form-app .delivery-info .delivery-info-main .delivery-info-label {
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
}
#product-form-app .delivery-info .delivery-info-main .delivery-info-icon {
  margin-right: 0.5rem;
}
#product-form-app .delivery-info .delivery-info-main svg {
  margin-left: 0.5rem;
}
#product-form-app .delivery-info .delivery-info-content {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  #product-form-app {
    margin-left: -19px;
    margin-right: -19px;
  }
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.gallery-top {
  height: 80%;
  width: 100%;
}

.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after {
  background-color: #0b0b0b;
}
.is-checkradio[type=radio]:hover:not([disabled]) + label::before, .is-checkradio[type=radio]:hover:not([disabled]) + label:before {
  border-color: #0b0b0b !important;
}

.GridGallery {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: sticky;
  top: calc(var(--promo-bar-height, 0px) + var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px));
}
@media (max-width: 1023px) {
  .GridGallery {
    margin-bottom: 18px;
    background-color: #f6f6f6;
  }
}
.GridGallery .swiper-pagination {
  background-color: #ffffff;
  height: 30px;
  border-top-right-radius: 22px;
  border-top-left-radius: 22px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.GridGallery .swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px;
  opacity: 1;
  background-color: #dddddd;
  border: 2px solid transparent;
  outline: none;
  transition: all 150ms linear;
}
.GridGallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: hsl(0deg, 0%, 4%);
}
.GridGallery .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
.GridGallery .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}
.GridGallery .swiper-container-autoheight {
  padding-bottom: 12px;
}
.GridGallery .swiper-button-next,
.GridGallery .swiper-button-prev {
  outline: none;
  border: 2px solid transparent;
  border-radius: 50%;
  box-shadow: 0 0 12px transparent;
  width: 50px;
  height: 50px;
  background-color: transparent;
  transition: all 150ms linear;
}
.GridGallery .swiper-button-next:after,
.GridGallery .swiper-button-prev:after {
  top: 14px;
  position: absolute;
  left: 20px;
}
.GridGallery .swiper-button-next:focus-visible,
.GridGallery .swiper-button-prev:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
  background-color: #ffffff;
}
.GridGallery .swiper-button-next.swiper-button-prev:after,
.GridGallery .swiper-button-prev.swiper-button-prev:after {
  left: 17px;
}

.GridGalleryItem {
  background: #f6f6f6;
  position: relative;
  margin-bottom: 12px;
  width: calc(50% - 6px);
  padding-top: calc(105.24% / 2);
  height: 0;
}
.GridGalleryItem .OpenFullscreenGalleryButton:not(:focus) {
  opacity: 0;
}
@media (max-width: 1023px) {
  .GridGalleryItem {
    width: 100vw;
    padding-top: 105.24%;
    margin-bottom: 0;
    border-radius: 0;
  }
  .GridGalleryItem .OpenFullscreenGalleryButton {
    display: none;
  }
}
.GridGalleryItem:hover .OpenFullscreenGalleryButton {
  opacity: 1;
}

.GridGalleryItem__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #f6f6f6;
}

.GridGalleryItem--is-full-width {
  width: 100%;
  padding-top: 105.24%;
}

.GridGalleryItem--is-rounded {
  overflow: hidden;
  border-radius: 22px;
  z-index: 0;
}

.GridGalleryItem--is-tall {
  padding-top: calc(128.3% / 2);
}
@media (max-width: 1023px) {
  .GridGalleryItem--is-tall {
    padding-top: 128.3%;
  }
}
.GridGalleryItem--is-tall.GridGalleryItem--is-full-width {
  padding-top: 128.3%;
}

.OpenFullscreenGalleryButton {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 46px;
  height: 46px;
  z-index: 2;
}
.OpenFullscreenGalleryButton svg {
  width: 18px;
}

.FullscreenGallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FullscreenGallery .swiper-container,
.FullscreenGallery .swiper-container-autoheight .swiper-slide {
  height: 100%;
}
.FullscreenGallery .swiper-button-next,
.FullscreenGallery .swiper-button-prev {
  outline: none;
  border: 2px solid transparent;
  border-radius: 50%;
  box-shadow: 0 0 12px transparent;
  width: 50px;
  height: 50px;
  background-color: transparent;
  transition: all 150ms linear;
}
.FullscreenGallery .swiper-button-next:after,
.FullscreenGallery .swiper-button-prev:after {
  top: 14px;
  position: absolute;
  left: 20px;
}
.FullscreenGallery .swiper-button-next:focus-visible,
.FullscreenGallery .swiper-button-prev:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
  background-color: #ffffff;
}
.FullscreenGallery .swiper-button-next.swiper-button-prev:after,
.FullscreenGallery .swiper-button-prev.swiper-button-prev:after {
  left: 17px;
}
.FullscreenGallery .swiper-button-prev {
  left: calc(calc((100vw - calc((calc(100vh - 120px) / 100) * 95)) / 4) - 32px);
}
@media (max-width: 768px) {
  .FullscreenGallery .swiper-button-prev {
    left: 12px;
  }
}
.FullscreenGallery .swiper-button-next {
  right: calc(calc((100vw - calc((calc(100vh - 120px) / 100) * 95)) / 4) - 32px);
}
@media (max-width: 768px) {
  .FullscreenGallery .swiper-button-next {
    right: 12px;
  }
}

.FullscreenGallery__container {
  width: calc((calc(100vh - 120px) / 100) * 95);
  height: calc(100vh - 120px);
}
@media (max-width: 768px) {
  .FullscreenGallery__container {
    width: 100%;
  }
}

.FullscreenGallery__pagination {
  position: absolute;
  bottom: 18px;
}
.FullscreenGallery__pagination .swiper-pagination-bullet {
  margin: 0 10px;
  opacity: 1;
  background-color: #dddddd;
  border: 2px solid transparent;
  outline: none;
  transition: all 150ms linear;
}
.FullscreenGallery__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: hsl(0deg, 0%, 4%);
}
.FullscreenGallery__pagination .swiper-pagination-bullet:focus {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.FullscreenGallery__close {
  position: absolute;
  top: 60px;
  right: calc(calc((100vw - calc((calc(100vh - 120px) / 100) * 95)) / 4) - 36px);
  width: 56px;
  height: 56px;
  z-index: 2;
}
.FullscreenGallery__close svg {
  stroke: black;
  width: 20px;
}
@media (max-width: 1400px) {
  .FullscreenGallery__close {
    top: 30px;
    right: 30px;
  }
}

.FullscreenGallery__img {
  width: 100%;
  height: 100%;
}

.FullscreenGallery--is-tall .swiper-button-prev {
  left: calc(calc((100vw - calc((calc(100vh - 120px) / 100) * 78)) / 4) - 32px);
}
@media (max-width: 820px) {
  .FullscreenGallery--is-tall .swiper-button-prev {
    left: 12px;
  }
}
.FullscreenGallery--is-tall .swiper-button-next {
  right: calc(calc((100vw - calc((calc(100vh - 120px) / 100) * 78)) / 4) - 32px);
}
@media (max-width: 820px) {
  .FullscreenGallery--is-tall .swiper-button-next {
    right: 12px;
  }
}
.FullscreenGallery--is-tall .FullscreenGallery__container {
  width: calc((calc(100vh - 120px) / 100) * 78);
  padding: 0 12px;
}
@media (max-width: 820px) {
  .FullscreenGallery--is-tall .FullscreenGallery__container {
    width: 100%;
    height: 100%;
  }
}
.FullscreenGallery--is-tall .FullscreenGallery__container .ZoomImage__img {
  object-fit: contain;
  background-color: hsl(0deg, 0%, 100%);
}
.FullscreenGallery--is-tall .FullscreenGallery__close {
  right: calc(calc((100vw - calc((calc(100vh - 120px) / 100) * 78)) / 4) - 36px);
}
@media (max-width: 1400px) {
  .FullscreenGallery--is-tall .FullscreenGallery__close {
    top: 30px;
    right: 30px;
  }
}

.ZoomImage {
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 200%;
}
.ZoomImage:hover .ZoomImage__img {
  opacity: 0;
}
@media (max-width: 1023px) {
  .ZoomImage:hover .ZoomImage__img {
    opacity: 1;
  }
}

.ZoomImage__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #f6f6f6;
}

.SizeSelectorOption {
  margin-right: 5px;
  width: calc(20% - 5px);
  height: 50px;
}

.SizeSelectorOption__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.SizeSelectorOption__radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  border-radius: 12px;
  cursor: pointer;
}
.SizeSelectorOption__radio:hover + .SizeSelectorOption__label {
  border-color: #0b0b0b;
}
.SizeSelectorOption__radio:focus-visible + .SizeSelectorOption__label {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.SizeSelectorOption__label {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  transition: border-color 150ms linear;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

.SizeSelectorOption__size {
  font-size: 1.125rem;
}

.SizeSelectorOption__oos {
  position: absolute;
  color: #545454;
  font-weight: 600;
  font-size: 0.75rem;
  z-index: 1;
  line-height: 1.2;
  text-align: center;
  display: none;
}
@media (max-width: 375px) {
  .SizeSelectorOption__oos {
    font-size: 0.6rem;
    max-width: 50px;
  }
}

.SizeSelectorOption--is-selected .SizeSelectorOption__label {
  border-color: #0b0b0b;
}

.SizeSelectorOption--is-oos .SizeSelectorOption__label {
  border-color: #f7f7f7;
}
.SizeSelectorOption--is-oos .SizeSelectorOption__size {
  color: #f7f7f7;
}
.SizeSelectorOption--is-oos .SizeSelectorOption__oos {
  display: block;
}

.SizeSelectorOption--is-selected.SizeSelectorOption--is-oos .SizeSelectorOption__label {
  border-color: #0b0b0b;
}

.ColorSelectorOption {
  margin-right: 12px;
}

.ColorSelectorOption__inner {
  position: relative;
  width: 70px;
  height: 70px;
}

.ColorSelectorOption__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  transition: border-color 150ms linear;
}

.ColorSelectorOption__radio {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  border-radius: 8px;
  cursor: pointer;
}
.ColorSelectorOption__radio:hover + .ColorSelectorOption__img {
  border-color: #0b0b0b;
}
.ColorSelectorOption__radio:focus-visible + .ColorSelectorOption__img {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.ColorSelectorOption__label {
  font-size: 0.75rem;
  color: #afafaf;
  font-weight: 500;
}

.ColorSelectorOption--is-selected .ColorSelectorOption__img {
  border-color: #0b0b0b;
}
.ColorSelectorOption--is-selected .ColorSelectorOption__label {
  color: #0b0b0b;
}

.VariantSelector__block {
  margin-bottom: 42px;
}
.VariantSelector__block.is-color {
  margin-bottom: 30px;
}

.VariantSelector__label {
  color: #545454;
  font-size: 0.875rem;
  margin-bottom: 14px;
}

.VariantSelector__options {
  display: flex;
}
.VariantSelector__options .ColorSelectorOption:last-of-type,
.VariantSelector__options .SizeSelectorOption:last-of-type {
  margin-right: 0;
}

.MerchTemplateSidePanel {
  position: sticky;
  top: calc(calc(var(--promo-bar-height, 0px) + var(--main-menu-bar-height, 0px) + var(--desktop-sub-menu-bar-height, 0px) + var(--geolocator-bar-height, 0px)) + 20px);
  margin: 65px 0 12px 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .MerchTemplateSidePanel {
    margin: 36px 0 0 0;
    position: relative;
    top: auto;
  }
}
.MerchTemplateSidePanel .TrustPilotBadge {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.MerchTemplateSidePanel__inner {
  width: 100%;
}

.MerchTemplateSidePanel__name-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 42px;
}
.MerchTemplateSidePanel__name-price .title {
  margin: 0;
  font-size: 1.5rem;
  margin-right: 12px;
}
.MerchTemplateSidePanel__name-price.has-less-mb {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .MerchTemplateSidePanel__name-price {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .MerchTemplateSidePanel__name-price .title {
    margin-bottom: 12px;
  }
}

.MerchTemplateSidePanel__price {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 2px;
  line-height: 1;
  color: #363636;
}
.MerchTemplateSidePanel__price.is-on-sale {
  display: flex;
  flex-direction: column;
}
.MerchTemplateSidePanel__price.is-on-sale .MerchTemplateSidePanel__normal-price {
  text-decoration: line-through;
  font-size: 0.875rem;
  text-align: right;
}
@media (max-width: 768px) {
  .MerchTemplateSidePanel__price.is-on-sale .MerchTemplateSidePanel__normal-price {
    text-align: left;
  }
}
.MerchTemplateSidePanel__price.is-on-sale .MerchTemplateSidePanel__sale-price {
  color: #f58523;
}

.MerchTemplateSidePanel__short-features {
  color: #545454;
  margin-bottom: 46px;
  padding: 0;
  list-style: none;
}
.MerchTemplateSidePanel__short-features li a {
  color: #51bced;
  transition: all 150ms linear;
}
.MerchTemplateSidePanel__short-features li a:hover {
  color: #0b0b0b;
}
.MerchTemplateSidePanel__short-features.variant-selector-is-visible {
  margin-bottom: 28px;
}

.MerchTemplateSidePanel__accordion {
  margin-bottom: 24px;
}

.MerchTemplateProductForm__purchase {
  display: flex;
  margin-bottom: 20px;
  position: relative;
}
.MerchTemplateProductForm__purchase .button-2021 {
  flex: 1;
}

.MerchTemplateProductForm__qty {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 70px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  margin-right: 5px;
  padding-left: 12px;
  color: #545454;
}
.MerchTemplateProductForm__qty:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.MerchTemplateProductForm__qty-label {
  color: #545454;
  font-size: 0.875rem;
  margin-bottom: 14px;
  display: block;
}

.StickyBuyNow {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  padding: 0 20px;
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.25);
  z-index: 20;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(6px);
}
.StickyBuyNow button {
  width: 100%;
}
.StickyBuyNow span {
  margin: 0 8px;
}

.GreyBoxFeatures {
  background-color: #f6f6f6;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 32px;
}
.GreyBoxFeatures .GreyBoxFeatures__feature:last-of-type {
  margin-bottom: 0;
}

.GreyBoxFeatures__feature {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.GreyBoxFeatures__icon {
  margin-right: 12px;
  width: 22px;
  height: 22px;
}
.GreyBoxFeatures__icon svg {
  width: 100%;
  height: 100%;
}

.GreyBoxFeatures__text {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 600;
}

.Accordion {
  border-bottom: 1px solid #e5e5e5;
}
.Accordion h3 {
  margin-bottom: 0;
}

.Accordion__panel {
  border-top: 1px solid #e5e5e5;
}
.Accordion__panel.is-active .Accordion__icon::after {
  transform: rotate(0deg);
}
.Accordion__panel.is-active .Accordion__panel-content {
  display: block;
  border-top: 1px solid #e5e5e5;
}

.Accordion__trigger {
  width: 100%;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  height: 56px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  position: relative;
  outline: none;
}
.Accordion__trigger:focus-visible {
  border-bottom: 1px solid #51bced;
  box-shadow: 0 10px 12px -12px #51bced;
}

.Accordion__icon {
  position: absolute;
  right: 0;
  width: 14px;
  height: 2px;
  background-color: #0b0b0b;
}
.Accordion__icon:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
  transform: rotate(90deg);
  top: 0;
  right: 0;
  transition: transform 150ms linear;
}

.Accordion__panel-content {
  display: none;
  color: #545454;
  padding: 18px 0;
}
.Accordion__panel-content a:not(.button-2021):not(.btn):not(.button):not(.btn-pill):not(.button-link) {
  color: #51bced;
  transition: all 150ms linear;
}
.Accordion__panel-content a:not(.button-2021):not(.btn):not(.button):not(.btn-pill):not(.button-link):hover {
  color: #0b0b0b;
}
.Accordion__panel-content .button-2021 {
  display: table;
  margin: 25px 0 40px;
}

.Accordion--large-style .Accordion__trigger {
  font-size: 1.5rem;
  padding-left: 50px;
}
@media (max-width: 768px) {
  .Accordion--large-style .Accordion__trigger {
    font-size: 1.125rem;
  }
}
.Accordion--large-style .Accordion__icon {
  right: auto;
  left: 0;
  border: 2px solid #0b0b0b;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background-color: transparent;
}
.Accordion--large-style .Accordion__icon:before, .Accordion--large-style .Accordion__icon:after {
  width: 13px;
  height: 2px;
  background-color: #0b0b0b;
  top: 10px;
  right: 4px;
}
.Accordion--large-style .Accordion__icon:before {
  content: "";
  position: absolute;
  transition: transform 150ms linear;
}

.FeatureGrid {
  margin-bottom: 50px;
}
.FeatureGrid .container2020 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .FeatureGrid .container2020 {
    padding: 0;
  }
}

.FeatureGrid__section-heading.title {
  width: 100%;
  margin-bottom: 45px;
  font-size: 1.875rem;
}
@media (max-width: 1200px) {
  .FeatureGrid__section-heading.title {
    padding-left: calc((100vw - 1280px) / 2);
    padding-right: calc((100vw - 1280px) / 2);
  }
}
@media (max-width: 1200px) and (max-width: 1320px) {
  .FeatureGrid__section-heading.title {
    padding-left: 28px;
  }
}
@media (max-width: 1200px) and (max-width: 360px) {
  .FeatureGrid__section-heading.title {
    padding-left: 20px;
  }
}
@media (max-width: 1200px) and (max-width: 1320px) {
  .FeatureGrid__section-heading.title {
    padding-right: 28px;
  }
}
@media (max-width: 1200px) and (max-width: 360px) {
  .FeatureGrid__section-heading.title {
    padding-right: 20px;
  }
}

.FeatureGrid__col {
  width: calc(33.333% - 8px);
  margin-bottom: 110px;
}

.FeatureGrid__pagination {
  position: relative !important;
}
.FeatureGrid__pagination .swiper-pagination-bullet {
  margin: 0 10px;
  opacity: 1;
  background-color: #dddddd;
  border: 2px solid transparent;
  outline: none;
  transition: all 150ms linear;
}
.FeatureGrid__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: hsl(0deg, 0%, 4%);
}
.FeatureGrid__pagination .swiper-pagination-bullet:focus {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.FeatureGridCard__img-mask {
  width: 100%;
  height: 0;
  padding-bottom: 52.38%;
  position: relative;
  margin-bottom: 45px;
}

.FeatureGridCard__img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  border-radius: 12px;
}

.FeatureGridCard__heading.title {
  font-size: 1.25rem;
  padding: 0 15% 0 7.5%;
}

.FeatureGridCard__desc {
  color: #545454;
  padding: 0 15% 0 7.5%;
}

.PolaroidCard {
  display: block;
  background-color: #ffffff;
  border-radius: 22px;
  padding: 12px 12px 30px;
  width: 100%;
  box-shadow: none;
  transform: scale(1);
  color: #0b0b0b;
  border: 1px solid transparent;
  transition: all 600ms cubic-bezier(0.535, 0, 0, 1);
}
.PolaroidCard:hover {
  transform: scale(1.025);
  box-shadow: 0 12px 42px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
  .PolaroidCard:hover {
    box-shadow: none;
    transform: scale(1);
  }
}
.PolaroidCard:focus {
  transform: scale(1.025);
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
@media (max-width: 1024px) {
  .PolaroidCard:focus {
    transform: scale(1);
  }
}

.PolaroidCard__details {
  padding: 0 20px;
}

.PolaroidCard__img-wrap {
  width: 100%;
  height: 0;
  padding-bottom: 103.47%;
  margin-bottom: 30px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: relative;
  overflow: hidden;
}

.PolaroidCard__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.PolaroidCard__name {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0;
}

.PolaroidCard__variant {
  font-size: 0.875rem;
  color: #545454;
  margin-bottom: 10px;
}

.PolaroidCard__price {
  font-size: 0.875rem;
}

.RelatedProducts {
  background-color: #f6f6f6;
  padding: 50px 0;
  margin-bottom: 4px;
}
.RelatedProducts .CardSlider::after {
  background: -moz-linear-gradient(right, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background: -webkit-linear-gradient(right, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
  background: linear-gradient(to left, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);
}

.RelatedProducts__heading.title {
  font-size: 1.5rem;
  margin-bottom: 40px;
}

.RelatedProducts__cards {
  display: flex;
  justify-content: space-between;
}

.RelatedProducts__card {
  width: calc(25% - 12px);
}

.RelatedProducts__pagination {
  position: relative !important;
}
.RelatedProducts__pagination .swiper-pagination-bullet {
  margin: 0 10px;
  opacity: 1;
  background-color: #dddddd;
  border: 2px solid transparent;
  outline: none;
  transition: all 150ms linear;
}
.RelatedProducts__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: hsl(0deg, 0%, 4%);
}
.RelatedProducts__pagination .swiper-pagination-bullet:focus {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
.RelatedProducts__pagination .swiper-pagination-bullet {
  background-color: #ffffff;
}
.RelatedProducts__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0b0b0b;
}

.DraggableTable {
  max-width: 100%;
  overflow: auto;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin: 0 auto;
}

.DraggableTable__table {
  white-space: nowrap;
  margin: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border-radius: 12px;
}
.DraggableTable__table td,
.DraggableTable__table th {
  padding: 20px 20px 16px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: table-cell;
  vertical-align: middle;
}
.DraggableTable__table td:not([align]),
.DraggableTable__table th:not([align]) {
  text-align: center;
}
@media (max-width: 375px) {
  .DraggableTable__table td,
  .DraggableTable__table th {
    padding: 16px 16px 16px;
    font-size: 0.875rem;
  }
}
.DraggableTable__table th {
  position: relative;
  position: sticky;
  left: 0;
  z-index: 1;
  font-weight: 600;
}
.DraggableTable__table th:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 6px;
  box-shadow: 4px 0 6px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) {
  .DraggableTable__table th:before {
    display: block;
  }
}
.DraggableTable__table td {
  text-align: center;
}
.DraggableTable__table tr:nth-of-type(odd) th, .DraggableTable__table tr:nth-of-type(odd) td {
  background-color: #f0f0f0;
}
.DraggableTable__table tr:nth-of-type(even) th, .DraggableTable__table tr:nth-of-type(even) td {
  background-color: #ffffff;
}
.DraggableTable__table tr:last-of-type th {
  border-bottom-left-radius: 12px;
}
.DraggableTable__table tr:first-of-type th {
  border-top-left-radius: 12px;
}
.DraggableTable__table tr:last-of-type th, .DraggableTable__table tr:last-of-type td {
  border-bottom: 0;
}
.DraggableTable__table tr td:last-of-type {
  border-right: 0;
}
.DraggableTable__table .no-side-padding {
  padding-left: 0;
  padding-right: 0;
}

.BenefitsTable {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .BenefitsTable {
    margin-bottom: 40px;
  }
}

.BenefitsTable__product-img {
  width: 120px;
  height: 55px;
  position: relative;
  overflow: hidden;
  margin-bottom: 7px;
}
.BenefitsTable__product-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.BenefitsTable__product-icon {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.BenefitsTable__product-icon svg {
  max-height: 100%;
}

.BenefitsTable__star-list {
  text-align: left;
  width: 220px;
}
.BenefitsTable__star-list li {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  white-space: normal;
}
.BenefitsTable__star-list li:last-of-type {
  margin-bottom: 0;
}
.BenefitsTable__star-list svg {
  width: 17px;
  margin: 5px 12px 0 0;
}
@media (max-width: 375px) {
  .BenefitsTable__star-list svg {
    margin-top: 3px;
  }
}

.FullNutritionTable__inner {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  flex-direction: column;
}
.FullNutritionTable__inner a:not(.button-2021):not(.btn):not(.button):not(.btn-pill):not(.button-link) {
  color: #51bced;
  transition: all 150ms linear;
}
.FullNutritionTable__inner a:not(.button-2021):not(.btn):not(.button):not(.btn-pill):not(.button-link):hover {
  color: #0b0b0b;
}
.FullNutritionTable__inner .DraggableTable__table .FullNutritionTable__left-th {
  text-align: left;
}
.FullNutritionTable__inner td {
  padding: 20px 36px 16px;
}

.FullNutritionTable__left-th span {
  display: block;
  font-weight: 300;
  max-width: 125px;
  white-space: normal;
}

.FullNutritionTable__caption {
  font-style: italic;
  text-align: left;
  font-size: 0.875rem;
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .FullNutritionTable__caption {
    margin-bottom: 35px;
  }
}

.BubbleCTA {
  width: 100%;
  background-color: #f58523;
  border-radius: 12px;
  padding: 19px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: hsl(0deg, 0%, 100%);
  transition: background-color 150ms linear;
}
.BubbleCTA:hover {
  background-color: #e06e0b;
  color: hsl(0deg, 0%, 100%);
}
.BubbleCTA:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.BubbleCTA__heading {
  font-size: 0.875rem;
  font-weight: bold;
}

.BubbleCTA__callout {
  font-size: 0.75rem;
}

.BubbleCTA__text {
  padding-right: 12px;
}

/* Liquid version of the 
component where we don't 
have access to the UI kit */
.BubbleCTA__icon path {
  fill: hsl(0deg, 0%, 100%);
}

.BubbleCTA__wrapper {
  margin-top: 20px;
  width: 50%;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .BubbleCTA__wrapper {
    width: 100%;
  }
}

.SlidingToggle {
  min-height: 56px;
  width: fit-content;
  background: #f6f6f6;
  border-radius: 28px;
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-areas: "leftButton rightButton";
}
@media (max-width: 768px) {
  .SlidingToggle {
    font-size: min(3.68vw, 1rem);
  }
}

.SlidingToggle__button {
  width: 100%;
  height: 100%;
  border-radius: 28px;
  border: 1px solid transparent;
  color: #0b0b0b;
  padding: 13px;
  z-index: 3;
  font-weight: bold;
  cursor: pointer;
  transition: all 150ms linear;
}
.SlidingToggle__button:hover {
  opacity: 0.5;
}
.SlidingToggle__button:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
.SlidingToggle__button:nth-of-type(1) {
  grid-area: leftButton;
}
.SlidingToggle__button:nth-of-type(2) {
  grid-area: rightButton;
}

.SlidingToggle__button--is-active {
  color: #ffffff;
  cursor: default;
}
.SlidingToggle__button--is-active:hover {
  opacity: 1;
}

.SlidingToggle__fake-button {
  height: 100%;
  width: 100%;
  background: #0b0b0b;
  border-radius: 28px;
  position: absolute;
  z-index: 2;
  transition: transform 150ms linear;
  grid-area: leftButton;
}

.SlidingToggle__fake-button--is-right {
  transform: translateX(100%);
}

.WeDoThingsDifferently {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently {
    margin-bottom: 60px;
  }
}

.WeDoThingsDifferently__container {
  background-color: #f6f6f6;
  padding: 70px 1.75rem 85px;
  text-align: center;
  border-radius: 22px;
  font-size: 1rem;
}
@media (max-width: 1023px) {
  .WeDoThingsDifferently__container {
    border-radius: 0px;
  }
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__container {
    padding: 80px 1.75rem 60px;
  }
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__container {
    padding: 80px 1.25rem 60px;
  }
}

.WeDoThingsDifferently__heading {
  margin-bottom: 11px;
  font-family: "Neue Helvetica Pro 96 Black Italic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.WeDoThingsDifferently__sub-heading {
  font-size: 1.375em;
  margin-bottom: 42px;
  font-family: "HelveticaNowDisplay Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__sub-heading {
    font-size: 1.125em;
    margin-top: 14px;
  }
}

.WeDoThingsDifferently__points-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px;
}
@media (max-width: 1315px) {
  .WeDoThingsDifferently__points-container {
    max-width: 800px;
    margin: 0 auto;
  }
}
@media (max-width: 1023px) {
  .WeDoThingsDifferently__points-container {
    max-width: 650px;
  }
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__points-container {
    flex-direction: column;
  }
}

.WeDoThingsDifferently__point {
  width: 180px;
  margin: 0 10px 30px;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__point {
    display: flex;
    width: auto;
  }
}

.WeDoThingsDifferently__point-icon {
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__point-icon {
    margin-right: 18px;
  }
}

@media (max-width: 768px) {
  .WeDoThingsDifferently__point-info {
    text-align: left;
  }
}

.WeDoThingsDifferently__point-heading {
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__point-heading {
    margin-bottom: 2px;
  }
}

.WeDoThingsDifferently__point-text {
  font-size: 0.8125em;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__point-text {
    font-size: 1em;
  }
}

.WeDoThingsDifferently__message {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 445px;
  font-size: 1.125em;
  font-style: italic;
  font-weight: bold;
  font-family: "Neue Helvetica Pro 96 Black Italic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__message {
    margin-top: 60px;
  }
}

.WeDoThingsDifferently__horizonal-line {
  display: none;
}
@media (max-width: 768px) {
  .WeDoThingsDifferently__horizonal-line {
    display: block;
    border-top: 1px solid #afafaf;
    margin-top: 62px;
    margin-bottom: 0;
    border-radius: 1px;
  }
}

.HuelWearLogo {
  display: block;
  margin: 33px auto 0 auto;
}

.FaqsSection {
  display: flex;
  justify-content: center;
  padding: 100px 0 122px;
  background-color: #f6f6f6;
}
@media (max-width: 768px) {
  .FaqsSection {
    padding: 64px 0;
  }
}

.FaqsSection__container {
  width: 100%;
}

.FaqsSection__heading {
  text-align: center;
}

.FaqsSection__tabs-container {
  position: relative;
  margin: 42px -16px 50px;
}
@media (max-width: 768px) {
  .FaqsSection__tabs-container {
    margin-bottom: 28px;
  }
}
.FaqsSection__tabs-container::before, .FaqsSection__tabs-container::after {
  content: "";
  position: absolute;
  top: 0;
  width: 48px;
  height: calc(100% - 9px);
  z-index: 1;
  pointer-events: none;
}
.FaqsSection__tabs-container::before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #f6f6f6);
}
.FaqsSection__tabs-container::after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f6f6f6);
}

.FaqsSection__tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 32px 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-snap-align: start;
  scroll-padding-left: 48px;
}
@media (max-width: 768px) {
  .FaqsSection__tabs::after {
    content: "";
    padding-right: 0.02px;
  }
}

.FaqsSection__tab {
  position: relative;
  margin: 8px 14px;
  color: #a0a0a0;
  font-weight: bold;
  text-transform: uppercase;
  transition: color 150ms linear;
  cursor: pointer;
  outline: none;
  scroll-snap-align: start;
}
@media (max-width: 768px) {
  .FaqsSection__tab:last-child {
    margin-right: 32px;
  }
}
.FaqsSection__tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  opacity: 0;
  background-color: #a0a0a0;
  transition: opacity 150ms linear, background-color 150ms linear;
}
.FaqsSection__tab:hover::after {
  opacity: 1;
}
.FaqsSection__tab:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.FaqsSection__tab--selected {
  color: #0b0b0b;
}
.FaqsSection__tab--selected:after {
  background-color: #0b0b0b;
  opacity: 1;
}

.FaqsSection__accordion {
  display: none;
}

.FaqsSection__accordion--selected {
  display: block;
}

.ProductCard {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.ProductCard__hoverable-image {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 150ms linear;
  border-radius: 22px;
}

.ProductCard__hoverable-image--primary {
  opacity: 1;
}

.ProductCard__hoverable-image--secondary,
.ProductCard__hoverable-image--hidden {
  opacity: 0;
}

.ProductCard__video-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 129%;
  margin-bottom: 15px;
}
.ProductCard__video-wrap:hover .ProductCard__hoverable-image--primary, .ProductCard__video-wrap:focus-within .ProductCard__hoverable-image--primary {
  opacity: 0;
}
.ProductCard__video-wrap:hover .ProductCard__hoverable-image--secondary, .ProductCard__video-wrap:focus-within .ProductCard__hoverable-image--secondary {
  opacity: 1;
}

.ProductCard__video-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 22px;
  background-color: #e5e5e5;
  transform-style: preserve-3d;
}
.ProductCard__video-link:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.ProductCard__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  border-radius: 22px;
  transition: opacity 150ms linear;
}

.ProductCard__video--is-hidden {
  opacity: 0;
}

.ProductCard__details {
  padding: 0 22px;
  flex: 1;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.ProductCard__name {
  display: block;
  transition: opacity 150ms linear;
}
.ProductCard__name:hover {
  opacity: 0.5;
}
.ProductCard__name:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.ProductCard__price {
  font-size: 0.875rem;
  line-height: 1.4;
}

.ProductCard--is-dark-theme {
  color: #e5e5e5;
}

.VariantSelector {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.VariantSelector__option {
  display: flex;
  flex-direction: column;
}
.VariantSelector__option:not(:last-child) {
  margin-bottom: 32px;
}

.VariantSelector__option-label {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 18px;
}

.VariantSelector__option-name {
  color: #545454;
}

.VariantSelector__option-value {
  color: #0b0b0b;
  font-weight: 500;
  font-style: italic;
}

.VariantSelector__option-selectors {
  display: flex;
  flex-wrap: wrap;
}
.VariantSelector__option-selectors .OptionSelector {
  margin-right: 6px;
  margin-bottom: 6px;
}
.VariantSelector__option-selectors .OptionSelector:last-of-type {
  margin-right: 0;
}

.ColourSelector {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}

.ColourSelector__colors {
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
}
.ColourSelector__colors .OptionSelector {
  margin-right: 4px;
  margin-bottom: 4px;
}

.ColourSelector__active-color {
  font-size: 0.813rem;
  color: #545454;
}

.ColourSelector--is-dark-theme .ColourSelector__active-color {
  color: #e5e5e5;
}

.OptionSelector {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  color: #0b0b0b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition: border-color 150ms linear;
}
.OptionSelector:hover {
  border-color: #0b0b0b;
}
.OptionSelector:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.OptionSelector__colour-swatch {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: 6px;
  left: 6px;
  border: 1px solid;
}

.OptionSelector__colour-swatch--Black {
  background-color: #0b0b0b;
  border-color: #0b0b0b;
}

.OptionSelector__colour-swatch--White {
  background-color: #ffffff;
  border-color: #e5e5e5;
}

.OptionSelector__colour-swatch--Grey {
  background-color: #cecece;
  border-color: #cecece;
}

.OptionSelector__colour-swatch--Blue {
  background-color: #050551;
  border-color: #050551;
}

.OptionSelector--is-small {
  width: 22px;
  height: 22px;
}
.OptionSelector--is-small .OptionSelector__colour-swatch {
  width: 12px;
  height: 12px;
  top: 4px;
  left: 4px;
}

.OptionSelector--is-active {
  border-color: #0b0b0b;
  cursor: default;
}
.OptionSelector--is-active:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.OptionSelector--is-disabled {
  cursor: not-allowed;
}
.OptionSelector--is-disabled:hover {
  border-color: #e5e5e5;
}

.OptionSelector--is-dark-theme {
  border-color: transparent;
}
.OptionSelector--is-dark-theme:hover {
  border-color: #ffffff;
}
.OptionSelector--is-dark-theme.OptionSelector--is-active {
  border-color: #ffffff;
}
.OptionSelector--is-dark-theme .OptionSelector__colour-swatch--White {
  border-color: #ffffff;
}
.OptionSelector--is-dark-theme .OptionSelector__colour-swatch--Black,
.OptionSelector--is-dark-theme .OptionSelector__colour-swatch--Blue {
  border-color: #f0f0f0;
}

.VideoButton {
  background-color: #ffffff;
  padding: 12px 20px;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: bold;
  position: absolute;
  bottom: 12px;
  right: 22px;
  z-index: 1;
  display: flex;
  align-items: center;
  color: #0b0b0b;
  cursor: pointer;
}
.VideoButton:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.VideoButton__icon {
  margin-right: 6px;
}

.VideoButton--icon-only {
  right: 12px;
  padding: 0;
}
.VideoButton--icon-only .VideoButton__icon {
  margin: 10px 9px 10px 11px;
}

.MakingAChange {
  padding: 75px 7px 75px 7px;
  background-color: #0b0b0b;
  text-align: center;
  color: white;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .MakingAChange {
    padding: 75px 30px 75px 30px;
  }
}

.MakingAChange__heading {
  font-family: "Neue Helvetica Pro 96 Black Italic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.MakingAChange__sub-heading {
  margin-top: 12px;
  font-size: 1.375em;
  font-family: "HelveticaNowDisplay Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .MakingAChange__sub-heading {
    font-size: 1.125em;
  }
}

.MakingAChange__points-container {
  margin-top: 83px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 42px 7vw;
}
@media (max-width: 768px) {
  .MakingAChange__points-container {
    margin-top: 75px;
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}

@media (max-width: 768px) {
  .MakingAChange__point {
    width: auto;
    text-align: start;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .MakingAChange__point-icon {
    align-self: flex-start;
  }
}

.MakingAChange__point-container {
  margin-top: 18px;
}
@media (max-width: 768px) {
  .MakingAChange__point-container {
    margin-left: 18px;
    margin-top: 0px;
  }
}

.MakingAChange__point-heading {
  font-size: 1em;
  text-decoration: line-through;
}

.MakingAChange__point-sub-heading {
  font-size: 1.375em;
  font-family: "Neue Helvetica Pro 96 Black Italic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: bold;
}

.BeABetterHumanIcon {
  margin-top: 95px;
}
@media (max-width: 768px) {
  .BeABetterHumanIcon {
    margin-top: 85px;
    width: 100%;
    text-align: start;
  }
}

.Traceability {
  margin-bottom: 93px;
}
@media (max-width: 768px) {
  .Traceability {
    margin-bottom: 90px;
  }
}

.Traceability__top-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px;
}
@media (max-width: 768px) {
  .Traceability__top-container {
    display: block;
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  .Traceability__heading {
    margin-bottom: 30px;
    text-align: center;
  }
}

.Traceability__cards-container {
  position: relative;
}
@media (max-width: 768px) {
  .Traceability__cards-container {
    display: block;
  }
}
.Traceability__cards-container:after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 15vw;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
@media (max-width: 768px) {
  .Traceability__cards-container:after {
    display: none;
  }
}
.Traceability__cards-container .SwiperCards {
  position: relative;
  overflow-x: hidden;
  height: 100%;
}
@media (max-width: 768px) {
  .Traceability__cards-container .SwiperCards {
    overflow-x: unset;
    height: auto;
  }
}
.Traceability__cards-container .SwiperCards .swiper-container {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: visible;
  cursor: ew-resize;
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media (max-width: 768px) {
  .Traceability__cards-container .SwiperCards .swiper-container {
    width: auto;
    height: auto;
    overflow: hidden;
    cursor: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.Traceability__cards-container .SwiperCards .swiper-slide {
  width: calc(50% - 6px);
  flex: none;
}
@media (max-width: 1336px) {
  .Traceability__cards-container .SwiperCards .swiper-slide {
    width: calc(50% - 36px);
  }
}
@media (max-width: 768px) {
  .Traceability__cards-container .SwiperCards .swiper-slide {
    width: 80vw;
  }
}
.Traceability__cards-container .SwiperCards .swiper-slide:first-of-type {
  padding-left: 0;
}
@media (max-width: 1336px) {
  .Traceability__cards-container .SwiperCards .swiper-slide:first-of-type {
    padding-left: 1.75rem;
  }
}
@media (max-width: 768px) {
  .Traceability__cards-container .SwiperCards .swiper-slide:first-of-type {
    padding-left: 1.25rem;
  }
}
.Traceability__cards-container .SwiperCards .swiper-slide:last-of-type {
  margin-right: 0;
}
@media (max-width: 1336px) {
  .Traceability__cards-container .SwiperCards .swiper-slide:last-of-type {
    margin-right: 1.75rem;
  }
}
@media (max-width: 768px) {
  .Traceability__cards-container .SwiperCards .swiper-slide:last-of-type {
    margin-right: 1.25rem;
  }
}

.Traceability__cards-container--default-cursor .SwiperCards .swiper-container {
  cursor: default;
}

.RecommendedProducts {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .RecommendedProducts {
    margin-bottom: 60px;
  }
}
.RecommendedProducts .ColorSelector--is-small span {
  /* --------------------
    Positioning fix for when this component
    is rendered inside Swiper slider
  -------------------- */
  top: 4px;
  left: 4px;
}

.RecommendedProducts__heading {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .RecommendedProducts__heading {
    margin-bottom: 40px;
  }
}

.RecommendedProducts__flex-container {
  display: flex;
  align-items: stretch;
}
.RecommendedProducts__flex-container .ProductCard {
  margin-right: 12px;
  flex: 0.25;
}
.RecommendedProducts__flex-container .ProductCard:last-of-type {
  margin-right: 0;
}

.ApparelTemplateSidePanel {
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .ApparelTemplateSidePanel {
    margin: -18px 0 0;
    position: relative;
    top: auto;
  }
}
.ApparelTemplateSidePanel .TrustPilotBadge {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ApparelTemplateSidePanel__card {
  background: #0b0b0b;
  border-radius: 22px;
  padding: 12px;
  width: 500px;
}
@media (max-width: 1300px) {
  .ApparelTemplateSidePanel__card {
    width: 460px;
  }
}
@media (max-width: 1200px) {
  .ApparelTemplateSidePanel__card {
    width: 420px;
  }
}
@media (max-width: 1023px) {
  .ApparelTemplateSidePanel__card {
    width: 100%;
  }
}

.ApparelTemplateSidePanel__label {
  color: #ffffff;
  font-weight: 600;
  font-size: 0.813rem;
  text-align: center;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.ApparelTemplateSidePanel__inner {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 25px 34px 58px;
}
@media (max-width: 768px) {
  .ApparelTemplateSidePanel__inner {
    padding: 30px 22px 50px;
  }
}
@media (max-width: 360px) {
  .ApparelTemplateSidePanel__inner {
    padding: 30px 12px 50px;
  }
}

.ApparelTemplateSidePanel__callouts {
  color: #545454;
  font-size: 0.813rem;
  margin-bottom: 19px;
  font-weight: 600;
  text-transform: uppercase;
}

.ApparelTemplateSidePanel__desc {
  margin-bottom: 34px;
}
.ApparelTemplateSidePanel__desc span {
  margin-left: 6px;
}

.ApparelTemplateSidePanel__accordion-content {
  display: block;
  margin-bottom: 30px;
}

.ProductNameAndPrice__name {
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  .ProductNameAndPrice__name {
    margin-bottom: 17px;
  }
}

.ProductNameAndPrice__price {
  font-size: 1.125rem;
  margin-bottom: 30px;
  line-height: 1;
}
@media (max-width: 1023px) {
  .ProductNameAndPrice__price {
    margin-bottom: 23px;
  }
}

.ProductNameAndPrice__price--is-on-sale {
  display: flex;
  flex-direction: column;
}
.ProductNameAndPrice__price--is-on-sale .ProductNameAndPrice__normal-price {
  text-decoration: line-through;
  font-size: 0.875rem;
}
.ProductNameAndPrice__price--is-on-sale .ProductNameAndPrice__sale-price {
  color: #f58523;
}

.TraceabilityCard {
  width: 100%;
}
@media (max-width: 768px) {
  .TraceabilityCard {
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 22px;
    padding-bottom: 40px;
  }
}
.TraceabilityCard:nth-of-type(2) {
  margin-left: auto;
}

.TraceabilityCard__img-container {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 47.37%;
  margin-bottom: 38px;
}
@media (max-width: 768px) {
  .TraceabilityCard__img-container {
    height: 179px;
    padding-top: 0;
    margin-bottom: 35px;
  }
}

.TraceabilityCard__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 22px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .TraceabilityCard__img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.TraceabilityCard__content-container {
  padding: 0 22px;
}

.TraceabilityCard__tag {
  font-family: "Neue Helvetica Pro 96 Black Italic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #545454;
}

.TraceabilityCard__heading {
  margin-bottom: 15px;
}

.TraceabilityCard__description {
  font-size: 16px;
  text-align: left;
  color: #545454;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  .TraceabilityCard__description {
    margin-bottom: 28px;
  }
}

.ApparelTemplateProductForm {
  margin-bottom: 43px;
}
@media (max-width: 768px) {
  .ApparelTemplateProductForm {
    margin-bottom: 33px;
  }
}

.ApparelTemplateProductForm__purchase {
  display: flex;
}

.ApparelTemplateProductForm__add-to-cart-button {
  flex: 1;
  -webkit-appearance: none;
}

.ApparelTemplateProductForm__add-to-cart-button-scroll {
  display: contents;
}

.ApparelTemplateProductForm__qty {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 70px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  margin-right: 5px;
  padding-left: 12px;
  color: #545454;
}
.ApparelTemplateProductForm__qty:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
@media (max-resolution: 190dpi) {
  .ApparelTemplateProductForm__qty {
    height: 50px;
  }
}

.ApparelTemplateProductForm__qty-label {
  color: #545454;
  font-size: 0.875rem;
  margin-bottom: 10px;
  display: block;
}

.ApparelTemplateProductForm__hidden-submit-button {
  display: none;
}

.ApparelTemplateProductForm__button-text-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.ApparelTemplateProductForm__delivery-text {
  width: 100%;
  font-size: 0.875rem;
  font-family: "HelveticaNowDisplay Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
}

.ApparelTemplateProductForm__add-to-cart-button--margin-bottom {
  margin-bottom: 8px;
}

.SwiperCards {
  /* --------------------
    BEM cannot be fully implemented due
    to Swiper having it's own classes
  -------------------- */
}
.SwiperCards .swiper-wrapper {
  align-items: stretch;
}
.SwiperCards .swiper-slide {
  flex: 1;
  height: auto;
  display: flex;
}
.SwiperCards .swiper-slide:first-of-type {
  padding-left: 1.75rem;
}
.SwiperCards .swiper-slide:last-of-type {
  margin-right: 1.75rem;
}
@media (max-width: 1024px) {
  .SwiperCards .swiper-slide {
    width: 43vw;
  }
  .SwiperCards .swiper-slide .ProductCard,
  .SwiperCards .swiper-slide .ShopAllCard {
    width: 43vw;
  }
}
@media (max-width: 768px) {
  .SwiperCards .swiper-slide {
    width: 80vw;
  }
  .SwiperCards .swiper-slide:first-of-type {
    padding-left: 1.25rem;
  }
  .SwiperCards .swiper-slide:last-of-type {
    margin-right: 1.25rem;
  }
  .SwiperCards .swiper-slide .ProductCard,
  .SwiperCards .swiper-slide .TraceabilityCard,
  .SwiperCards .swiper-slide .ShopAllCard {
    width: 80vw;
  }
}

.SwiperCards__pagination-container {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SwiperCards__pagination-container .swiper-pagination-bullet {
  background: black;
  width: 8px;
  height: 8px;
  opacity: 0.4;
  margin-right: 10px;
}
.SwiperCards__pagination-container .swiper-pagination-bullet-active {
  opacity: 1;
  width: 12px;
  height: 12px;
}
.SwiperCards__pagination-container .swiper-pagination-bullet:last-of-type {
  margin-right: 0px;
}

.TraceabilityModal__top {
  display: flex;
  align-items: center;
  margin: 62px 0 25px;
}

.TraceabilityModal__color-block {
  width: 52px;
  height: 64px;
  background-color: #0b0b0b;
  border-right: 18px #545454 solid;
  margin-right: 32px;
}

.TraceabilityModal__main {
  max-width: 850px;
  margin: 0 auto 32px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 1.75rem;
}
@media (max-width: 768px) {
  .TraceabilityModal__main {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 82px;
  }
}
@media (max-width: 360px) {
  .TraceabilityModal__main {
    padding: 0 1.25rem;
  }
}

@media (max-width: 768px) {
  .TraceabilityModal__col {
    width: 100%;
  }
}

.TraceabilityModal__card {
  position: sticky;
  width: 342px;
  top: 32px;
  border-radius: 22px;
  background-color: #f6f6f6;
  padding: 12px;
  margin-right: 58px;
}
@media (max-width: 980px) {
  .TraceabilityModal__card {
    width: 300px;
    margin-right: 30px;
  }
}
@media (max-width: 768px) {
  .TraceabilityModal__card {
    position: relative;
    top: auto;
    width: auto;
    margin: 0 0 60px 0;
    padding: 0;
    background-color: transparent;
  }
}

.TraceabilityModal__img {
  position: relative;
  width: 100%;
  padding-bottom: 56.6%;
  margin-bottom: 32px;
}
.TraceabilityModal__img img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
}

.TraceabilityModal__points {
  padding: 0 40px 50px;
}
@media (max-width: 768px) {
  .TraceabilityModal__points {
    padding: 0;
  }
}

.TraceabilityModal__point {
  color: #545454;
  margin-bottom: 17px;
}
.TraceabilityModal__point strong {
  font-weight: 600;
  font-style: italic;
  color: #0b0b0b;
  margin-right: 4px;
}
@media (max-width: 768px) {
  .TraceabilityModal__point {
    margin-bottom: 2px;
  }
}

.TraceabilityModal__block {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .TraceabilityModal__block {
    margin-bottom: 40px;
  }
}

.SizingInfo {
  width: 100%;
  margin-bottom: 30px;
}

.SizingInfo__buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.SizingInfo__model-size {
  font-style: italic;
  font-size: 0.875rem;
  font-weight: 500;
}

#primeai_button {
  display: none !important;
}

.GreenStory {
  border: 1px solid #363636;
  border-radius: 22px;
  padding: 28px 20px 28px 20px;
  margin-bottom: 42px;
}
.GreenStory .impact-toggle .slider {
  overflow: visible;
  background-color: #f58523 !important;
}
.GreenStory .impact-toggle .slider:before {
  width: 21px;
  height: 21px;
  border: 1px solid #545454;
}
@media (max-width: 360px) {
  .GreenStory {
    padding: 14px 10px 14px 10px;
    margin-bottom: 40px;
  }
}

.GreenStory__leaf-icon {
  width: 32px;
  height: 32px;
  float: left;
  margin-top: 6px;
}

.GreenStory__headings-wrapper {
  margin-left: 40px;
  margin-bottom: 10px;
}

.GreenStory__sub-heading {
  font-size: 0.75rem;
  color: #545454;
}

.GreenStory__data-from-banner {
  background: #f6f6f6;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 25px;
  margin-bottom: 22px;
}

.GreenStory__link-text {
  margin-right: 10px;
  color: #545454;
  font-size: 14px;
  font-style: italic;
}

.GreenStory__logo-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.GreenStory__green-story-logo {
  height: 21px;
}

/**
  This is an external intergration that we don't have full control over.
  Don't expect the css below to follow css guidlines.
**/
.template-header {
  visibility: hidden;
  display: none;
}

.template-root {
  margin: 0 !important;
}

.metrics__container {
  margin-top: 0px !important;
}
@media (max-width: 768px) {
  .metrics__container {
    margin-bottom: 15px !important;
  }
}

.metrics {
  gap: 6px;
  padding-top: 0px !important;
  margin-bottom: 25px;
}
@media (max-width: 500px) {
  .metrics {
    display: flex !important;
    flex-direction: column !important;
  }
}

.metric {
  padding: 6px;
  background-color: #f6f6f6;
  border-radius: 12px;
  align-items: start !important;
}
@media (max-width: 500px) {
  .metric {
    flex-direction: row !important;
    justify-content: start !important;
  }
}

.metric-box {
  max-width: none !important;
}

.metric__value-box {
  text-align: start !important;
  line-height: 12px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .metric__value-box {
    flex: 1 !important;
    margin-left: 5px !important;
  }
}

.metric__icon {
  height: 60px !important;
}

.metric__value {
  font-style: italic;
}

span.metric__unit {
  line-break: anywhere;
  font-size: 0.688rem;
}

.metric__description {
  font-size: 0.688rem;
}

.metrics-container {
  min-height: 108px !important;
  margin-bottom: 15px !important;
  margin-top: 15px;
}

.metrics__toggle-btn {
  right: 15px !important;
}
.metrics__toggle-btn img {
  width: 18px !important;
}

@media (max-width: 768px) {
  .text-slideshow {
    padding: 14px 0px 0px !important;
  }
}

.text-slideshow__icon-box {
  flex: 0 0 30% !important;
}

.text-slideshow__text {
  text-align: start !important;
}

@media (max-width: 768px) {
  .text-slideshow__heading {
    width: 100%;
  }
}

.impact-toggle {
  align-items: center;
}
.impact-toggle input:checked + .slider::before {
  transform: translateX(20px) !important;
}
.impact-toggle p {
  font-weight: bold;
}

.gs-switch {
  margin-top: 0px !important;
}

.impact-details__title-box {
  justify-content: flex-start;
}

.impact-details__title {
  font-size: 12px !important;
  color: #0b0b0b;
}

.impact-toggle-traceability {
  margin-top: 18px !important;
}

.impact-details {
  float: none !important;
  margin: 0px !important;
}

.SizeGuideModal__content {
  padding: 42px;
  max-width: 552px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .SizeGuideModal__content {
    padding: 32px 1.25rem;
  }
}

.SizeGuideModal__heading {
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .SizeGuideModal__heading {
    margin-bottom: 30px;
  }
}

.SizeGuideModal__toggle-button-container {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .SizeGuideModal__toggle-button-container {
    margin-bottom: 30px;
  }
}
.SizeGuideModal__toggle-button-container .SlidingToggle__button {
  min-width: 94px;
}

.SizeGuideModal__box {
  border-radius: 22px;
  background-color: #f6f6f6;
  padding: 30px;
  display: flex;
  margin: 0 auto 42px;
}
@media (max-width: 768px) {
  .SizeGuideModal__box {
    flex-direction: column;
  }
}

.SizeGuideModal__img {
  width: 170px;
  margin-right: 44px;
}
@media (max-width: 768px) {
  .SizeGuideModal__img {
    margin: 0 0 32px 0;
  }
}

.SizeGuideModal__info {
  flex: 1;
}

.SizeGuideModal__info-heading {
  margin-bottom: 6px;
}

.SizeGuideModal__intro {
  margin-bottom: 32px;
}

.SizeGuideModal__block {
  margin-bottom: 22px;
}
.SizeGuideModal__block:last-of-type {
  margin-bottom: 0;
}

.ImageWithSideTextApparel {
  position: relative;
  margin-bottom: 70px;
}

.ImageWithSideTextApparel__container {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-areas: "left right";
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  align-items: center;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel__container {
    grid-template-areas: "top" "bottom";
  }
}

.ImageWithSideTextApparel__content-container {
  grid-area: left;
  display: flex;
  flex-direction: column;
  margin-right: 8%;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel__content-container {
    grid-area: bottom;
    align-items: center;
    margin-right: 0;
  }
}

.ImageWithSideTextApparel__heading {
  font-family: "Neue Helvetica Pro 96 Black Italic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel__heading {
    margin-right: auto;
  }
}

.ImageWithSideTextApparel__description {
  font-family: "HelveticaNowDisplay Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.375rem;
  color: #e5e5e5;
}

.ImageWithSideTextApparel__button {
  margin-top: 35px;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel__button {
    margin-right: auto;
  }
}

.ImageWithSideTextApparel__image-container {
  grid-area: right;
  position: relative;
  margin-left: 8%;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel__image-container {
    grid-area: top;
    margin-left: 0;
    margin-bottom: 60px;
  }
}

.ImageWithSideTextApparel--image-is-left .ImageWithSideTextApparel__content-container {
  grid-area: right;
  margin-right: 0;
  margin-left: 8%;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel--image-is-left .ImageWithSideTextApparel__content-container {
    grid-area: top;
    margin: 0;
  }
}
.ImageWithSideTextApparel--image-is-left .ImageWithSideTextApparel__image-container {
  grid-area: left;
  margin-left: 0;
  margin-right: 8%;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel--image-is-left .ImageWithSideTextApparel__image-container {
    grid-area: bottom;
    margin: 0;
  }
}
.ImageWithSideTextApparel--image-is-left .ImageWithSideTextApparel__image {
  object-position: right;
}
@media (max-width: 768px) {
  .ImageWithSideTextApparel--image-is-left .ImageWithSideTextApparel__image {
    object-position: center;
  }
}

.ApparelHomepage {
  background: #0b0b0b;
}

.ApparelHomepage__panel-container {
  overflow-x: hidden;
}

.ApparelHeader {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 70vh;
  margin-bottom: 60px;
  padding: 40px 0;
  background: #0b0b0b;
  color: #ffffff;
}
@media (max-width: 767px) {
  .ApparelHeader {
    justify-content: flex-end;
    margin-bottom: 40px;
  }
}

.ApparelHeader__text-container {
  position: relative;
  width: min-content;
  max-width: 100%;
  z-index: 2;
}

.ApparelHeader__heading {
  width: max-content;
  max-width: 100%;
  margin-bottom: 20px;
}

.ApparelHeader__text {
  margin-bottom: 43px;
  font-size: 1.375rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .ApparelHeader__text {
    margin-bottom: 40px;
    font-size: 1.125rem;
  }
}

.ApparelHeader__video-button {
  display: inline-grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  gap: 12px;
  font-size: 1rem;
  font-weight: 600;
  transition: opacity 150ms linear;
  cursor: pointer;
}
.ApparelHeader__video-button:hover {
  opacity: 0.7;
}
.ApparelHeader__video-button:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.ApparelHeader__video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.ApparelHeader__video-container:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.ApparelHeader__inline-video,
.ApparelHeader__inline-image {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  object-fit: cover;
  transition: opacity 150ms linear;
}

.ApparelHeader__full-screen-video {
  display: none;
}
.ApparelHeader__full-screen-video:fullscreen {
  display: block;
}

.FeaturedProducts {
  border-bottom: 1px solid #4f4f4f;
  padding: 122px 0 162px;
  background-color: #0b0b0b;
  color: #ffffff;
}
@media (max-width: 768px) {
  .FeaturedProducts {
    border-bottom: 4px solid #4f4f4f;
  }
}
@media (max-width: 1024px) {
  .FeaturedProducts {
    padding: 82px 0;
  }
}

.FeaturedProducts__heading {
  margin-bottom: 62px;
  text-align: center;
}
@media (max-width: 1024px) {
  .FeaturedProducts__heading {
    margin-bottom: 42px;
  }
}

.FeaturedProducts__row {
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .FeaturedProducts__row {
    margin-bottom: 82px;
  }
}
.FeaturedProducts__row:last-child {
  margin-bottom: 0;
}

.FeaturedProducts__row-heading {
  margin-bottom: 42px;
}

.FeaturedProducts__flex-container {
  display: flex;
  align-items: stretch;
}
.FeaturedProducts__flex-container .ProductCard,
.FeaturedProducts__flex-container .ShopAllCard {
  margin-right: 12px;
  flex: 0.25;
}
.FeaturedProducts__flex-container .ProductCard:last-child,
.FeaturedProducts__flex-container .ShopAllCard:last-child {
  margin-right: 0;
}

.ShopAllCard {
  flex: 1;
}

.ShopAllCard__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 129%;
}

.ShopAllCard__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 22px;
  background-color: #161616;
  transition: opacity 150ms linear;
  color: #ffffff;
  overflow: hidden;
}
.ShopAllCard__content:hover {
  color: #ffffff;
  opacity: 0.7;
}
.ShopAllCard__content:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
.ShopAllCard__content::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background-color: #545454;
  filter: blur(72px);
  z-index: 1;
  top: -34px;
  right: -34px;
  opacity: 0.4;
}
.ShopAllCard__content::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background-color: #545454;
  filter: blur(72px);
  z-index: 1;
  bottom: -34px;
  left: -34px;
  opacity: 0.6;
}

.ShopAllCard__icon {
  width: 68px;
  height: 68px;
  margin-bottom: 31px;
  z-index: 2;
}

.ShopAllCard__text {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 600;
  font-style: italic;
  z-index: 2;
}

.PanelsLayout {
  border-bottom: 1px solid #4f4f4f;
  background: #0b0b0b;
  padding-bottom: 100px;
  position: relative;
}
@media (max-width: 768px) {
  .PanelsLayout {
    border-bottom: 4px solid #4f4f4f;
  }
}
@media (max-width: 768px) {
  .PanelsLayout {
    padding-bottom: 70px;
  }
}

.PanelsLayout__glow-container .ApparelGlow {
  top: -1.2%;
  left: -19%;
  height: 348px;
}
@media (max-width: 768px) {
  .PanelsLayout__glow-container .ApparelGlow {
    width: 117vw;
    top: -2.2%;
  }
}

.PanelsLayout__heading {
  margin-bottom: 105px;
  word-break: break-word;
}
@media (max-width: 768px) {
  .PanelsLayout__heading {
    margin-bottom: 130px;
    text-align: center;
  }
}

.SizeGuideTable .DraggableTable__table th,
.SizeGuideTable .DraggableTable__table td {
  min-width: min(6vw, 115px);
}
.SizeGuideTable .DraggableTable__table tr:first-of-type th,
.SizeGuideTable .DraggableTable__table tr:first-of-type td {
  background-color: #0b0b0b;
}
.SizeGuideTable .DraggableTable__table tr:first-of-type th strong,
.SizeGuideTable .DraggableTable__table tr:first-of-type td strong {
  color: #ffffff;
}
.SizeGuideTable .DraggableTable__table th:before {
  box-shadow: none;
}

.SizeGuideTable__label {
  margin: 12px 0 37px;
}

.DraggableTable__table--full-width {
  width: 100%;
}

.ProductCallouts__callout {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  color: #0b0b0b;
}

.ProductCallouts__callout--link {
  transition: opacity 150ms linear;
}
.ProductCallouts__callout--link:hover {
  opacity: 0.75;
}
.ProductCallouts__callout--link:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.ProductCallouts__icon {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}

.ProductCallouts__text {
  font-weight: bold;
  font-style: italic;
}

.Journal {
  border-bottom: 1px solid #4f4f4f;
  background: #0b0b0b;
  padding: 100px 0;
}
@media (max-width: 768px) {
  .Journal {
    border-bottom: 4px solid #4f4f4f;
  }
}
@media (max-width: 1024px) {
  .Journal {
    padding-top: 82px 0;
  }
}

.Journal__heading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .Journal__heading-container {
    margin-bottom: 40px;
  }
}

.Journal__cards-container {
  display: flex;
  justify-content: center;
}

.JournalCard {
  width: 420px;
  margin-right: 10px;
  color: #e5e5e5;
}
.JournalCard:last-of-type {
  margin-right: 0;
}
@media (max-width: 768px) {
  .JournalCard {
    margin-right: 0;
  }
}

.JournalCard__image-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  max-width: 420px;
}
.JournalCard__image-container:hover .JournalCard__hover-button, .JournalCard__image-container:focus-within .JournalCard__hover-button {
  transform: translateY(0);
  opacity: 1;
}
.JournalCard__image-container:hover .JournalCard__opacity-hover, .JournalCard__image-container:focus-within .JournalCard__opacity-hover {
  opacity: 1;
}

.JournalCard__opacity-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.42);
  opacity: 0;
  z-index: 2;
  border-radius: 22px;
  transition: opacity 150ms linear;
}

.JournalCard__heading-link {
  display: block;
  transition: opacity 150ms linear;
}
.JournalCard__heading-link:hover {
  opacity: 0.5;
}
.JournalCard__heading-link:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.JournalCard__image-link {
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
}
.JournalCard__image-link:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.JournalCard__image {
  display: block;
  border-radius: 22px;
  opacity: 1;
  transition: opacity 300ms linear;
}

.JournalCard__hover-button {
  position: absolute;
  opacity: 0;
  transform: translateY(100px);
  transition: all 750ms cubic-bezier(0.535, 0, 0, 1);
  z-index: 3;
}

.JournalCard__content-container {
  padding: 0 32px;
  text-align: left;
}

.JournalCard__description {
  font-size: 1rem;
  margin-bottom: 32px;
}

.JournalCard__read-time {
  font-size: 0.875rem;
}

.ApparelGlow {
  position: absolute;
  width: 67.92%;
  height: 68.13%;
  top: 0%;
  right: -17%;
  z-index: 0;
  filter: blur(80px);
  opacity: 0.2;
}
@media (max-width: 768px) {
  .ApparelGlow {
    opacity: 0.3;
  }
}

.ApparelGlow--is-left {
  transform: scale(-1, 1);
  left: -17%;
}

.PressSection {
  border-bottom: 1px solid #4f4f4f;
  color: #ffffff;
  padding: 122px 0 110px;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .PressSection {
    border-bottom: 4px solid #4f4f4f;
  }
}
@media (max-width: 1023px) {
  .PressSection {
    padding: 82px 0;
    background-color: #161616;
  }
  .PressSection .swiper-wrapper {
    align-items: flex-start;
  }
}

.PressSection__heading {
  margin-bottom: 48px;
  text-align: center;
}

.PressSection__columns {
  columns: 4;
  column-gap: 12px;
}
.PressSection__columns .PressCard {
  display: inline-block;
  margin-bottom: 12px;
}

.PressSection__swiper-cards .swiper-slide {
  margin-right: 12px;
}
.PressSection__swiper-cards .swiper-slide:last-of-type {
  margin-right: 0;
}

.PressCard {
  padding: 42px 32px;
  background-color: #161616;
  border-radius: 22px;
  font-size: 1rem;
  line-height: 1.4;
}
@media (max-width: 1023px) {
  .PressCard {
    width: 50vw;
    background-color: #0b0b0b;
  }
}
@media (max-width: 375px) {
  .PressCard {
    width: 80vw;
  }
}

.PressCard__text {
  margin-bottom: 50px;
}

.PressCard__author {
  color: #afafaf;
  font-style: italic;
}

.CollectionHeader {
  margin-bottom: 62px;
  padding: 13.3% 10%;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  .CollectionHeader {
    margin-bottom: 0;
    padding: 30px 0 42px;
    border-bottom: none;
  }
}

.CollectionHeader__heading {
  margin-bottom: 12px;
}

.CollectionHeader__description {
  margin-bottom: 40px;
  color: #545454;
}
@media (max-width: 768px) {
  .CollectionHeader__description {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .CollectionSizeRangeSelector {
    margin-top: 30px;
  }
}

.CollectionSizeRangeSelector__fieldset {
  padding: 0;
}

.CollectionSizeRangeSelector__legend {
  display: block;
  margin-bottom: 12px;
  line-height: 1.4;
  font-weight: 600;
  font-style: italic;
}

.CollectionSizeRangeSelector__buttons {
  display: flex;
  flex-wrap: wrap;
}

.CollectionSizeRangeSelector__label {
  position: relative;
  margin-right: 6px;
  margin-bottom: 6px;
}

.CollectionSizeRangeSelector__button {
  padding: 9px 22px;
  border: 1px solid #0b0b0b;
  border-radius: 8px;
  transition: color 150ms linear, background-color 150ms linear;
  cursor: pointer;
  user-select: none;
}
.CollectionSizeRangeSelector__button:hover {
  background-color: #545454;
}

.CollectionSizeRangeSelector__button-text {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  font-style: italic;
}

.CollectionSizeRangeSelector__input {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  opacity: 0.00001;
  appearance: none;
}
.CollectionSizeRangeSelector__input:focus-visible + .CollectionSizeRangeSelector__button {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.CollectionSizeRangeSelector__input:checked + .CollectionSizeRangeSelector__button,
.CollectionSizeRangeSelector__button:hover {
  color: #ffffff;
  background-color: #0b0b0b;
}

.CollectionsLayout__columns-container {
  display: flex;
  justify-content: center;
}

.CollectionsLayout__card-container {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .CollectionsLayout__card-container {
    margin-bottom: 83px;
  }
}

.CollectionsLayout__column {
  width: 33%;
}
@media (max-width: 1024px) {
  .CollectionsLayout__column {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .CollectionsLayout__column {
    width: 100%;
  }
}

.CollectionsLayout__column--left {
  margin-right: 6px;
}

.CollectionsLayout__column--right {
  margin-left: 6px;
  margin-top: 240px;
}

.CollectionsLayout__slider-container {
  margin-bottom: 121px;
}
@media (max-width: 767px) {
  .CollectionsLayout__slider-container {
    margin-bottom: 83px;
  }
}

.CollectionsCardSlider .swiper-container {
  border-radius: 22px;
}
.CollectionsCardSlider .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.CollectionsCardSlider .swiper-slide {
  display: block;
  flex: none;
}
.CollectionsCardSlider .swiper-slide:first-of-type {
  padding-left: 0;
}
.CollectionsCardSlider .swiper-slide:last-of-type {
  margin-right: 0;
}

.CollectionsCardSlider__card-container {
  margin: 0;
  position: relative;
}

.CollectionsCardSlider__content {
  position: absolute;
  bottom: 32px;
  left: 32px;
  padding-right: 32px;
  z-index: 1;
  color: var(--text-color);
}

.CollectionsCardSlider__text {
  font-size: 1.875rem;
  line-height: 140%;
  font-weight: bold;
}

.CollectionsCardSlider__image-container {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 129%;
}

.CollectionsCardSlider__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.FeaturedCollectionCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.FeaturedCollectionCard__text-container {
  width: 100%;
}
.FeaturedCollectionCard__text-container:hover .FeaturedCollectionCard__link,
.FeaturedCollectionCard__text-container:hover .FeaturedCollectionCard__heading {
  color: #ffffff;
  opacity: 0.6;
}

.FeaturedCollectionCard__image-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 130%;
  margin-bottom: 17px;
  border-radius: 22px;
  overflow: hidden;
}
.FeaturedCollectionCard__image-container:focus-visible {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}

.FeaturedCollectionCard__image {
  position: absolute;
  top: 0;
  height: 100%;
  object-fit: cover;
}

.FeaturedCollectionCard__link,
.FeaturedCollectionCard__heading {
  padding: 0 22px;
  margin-bottom: 12px;
}

.FeaturedCollectionCard__heading {
  transition: opacity 150ms linear;
}

.FeaturedCollectionCard__link {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: underline;
  z-index: 1;
}
.FeaturedCollectionCard__link:focus-visible {
  outline: none;
}
.FeaturedCollectionCard__link:focus-visible::before {
  outline: none;
  border-color: #51bced;
  box-shadow: 0 0 12px #51bced;
}
.FeaturedCollectionCard__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 22px;
}

.FeaturedCollectionCard__text-container--static {
  width: 100%;
}

.FeaturedCollections {
  margin-bottom: 142px;
}

.FeaturedCollections__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1024px) {
  .FeaturedCollections__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 24px;
  }
}

.HuelImage {
  position: relative;
  width: 100%;
  background-color: #e5e5e5;
}

.HuelImage__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 150ms linear;
}

.HuelImage__img--is-hidden {
  opacity: 0;
}

.SocialColumn {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}

.SocialColumn--has-two-children .SocialColumn__post:first-child {
  margin-bottom: 6px;
}
.SocialColumn--has-two-children .SocialColumn__post:last-child {
  margin-top: 6px;
}

.SocialColumn__post {
  flex: 1 0;
}

.SocialText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .SocialText {
    padding: 0;
  }
}

.SocialText--main {
  padding: 0 60px;
}
@media (max-width: 767px) {
  .SocialText--main {
    text-align: center;
    padding: 0;
  }
}

.SocialText__heading {
  margin-bottom: 12px;
}

.SocialText__text {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.4;
}

.InstagramPost {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
}

.InstagramPost__link:hover {
  opacity: 0.7;
  transition: opacity 150ms linear;
}

.InstagramPost__text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 22px;
  background: linear-gradient(180deg, transparent 0%, #0b0b0b 100%);
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 600;
  font-style: italic;
}

.InstagramPost__likes {
  display: flex;
}

.InstagramPost__likes-count {
  margin-left: 8px;
}

.SocialVideo {
  position: relative;
  height: 100%;
  border-radius: 22px;
  overflow: hidden;
}

.SocialVideo__video {
  display: block;
  height: 100%;
  object-fit: cover;
}

.SocialVideo__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(11, 11, 11, 0.6);
  transition: background-color 150ms linear;
  cursor: pointer;
}
.SocialVideo__overlay:hover {
  background-color: rgba(11, 11, 11, 0.7);
}
.SocialVideo__overlay:hover .SocialVideo__icon {
  opacity: 0.6;
}

.SocialVideo__icon {
  transition: opacity 150ms linear;
}

.SocialSideScroll {
  border-bottom: 1px solid #4f4f4f;
}
@media (max-width: 768px) {
  .SocialSideScroll {
    border-bottom: 4px solid #4f4f4f;
  }
}

.SocialSideScroll__container {
  position: sticky;
  overflow: hidden;
}

.SocialSideScroll__background {
  position: absolute;
  height: 100%;
  fill: #232323;
  left: -120px;
}

.SocialSideScroll__scroll {
  display: flex;
  height: 100%;
  padding: 64px 128px;
}
@media (max-width: 767px) {
  .SocialSideScroll__scroll {
    flex-direction: column;
    padding: 82px 0;
  }
}

.SocialSideScroll__posts > .SocialText:not(:last-child), .SocialSideScroll__posts > .InstagramPost:not(:last-child), .SocialSideScroll__posts > .SocialVideo:not(:last-child) {
  margin-bottom: 62px;
}

.FreeCapModal__content {
  padding: 2rem;
}

.FreeCapModal__subtitle {
  margin-bottom: 1rem;
}

.FreeCapModal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1.75rem 1.5rem;
  background: #f4f4f6;
}

.FreeCapModal__cancel {
  margin-right: 1rem;
}

.FreeCapModal__spinner {
  padding: 0.5rem;
}

.TolstoyStories {
  margin-bottom: 24px;
}