@charset "UTF-8";
/* VENDOR ****************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/* Global styles */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}
[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.foundation-mq {
  font-family: "small=0em&medium=40em&large=48em&xlarge=64em&xxlarge=80.0625em&xxxlarge=90em&xxxxlarge=109.375em&xxxxxlarge=131.25em&xxxxxxlarge=162.5em";
}
html {
  box-sizing: border-box;
  font-size: 100%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}
select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}
[data-whatinput=mouse] button {
  outline: 0;
}
button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}
.is-visible {
  display: block !important;
}
.is-hidden {
  display: none !important;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
p {
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
em,
i {
  font-style: italic;
  line-height: inherit;
}
strong,
b {
  font-weight: bold;
  line-height: inherit;
}
small {
  font-size: 80%;
  line-height: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}
h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
  }
  h3, .h3 {
    font-size: 1.9375rem;
  }
  h4, .h4 {
    font-size: 1.5625rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: rgb(19.78, 104.06, 159.96);
}
a img {
  border: 0;
}
hr {
  clear: both;
  max-width: 87.5rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}
ul,
ol,
dl {
  margin-bottom: 0;
  list-style-position: outside;
  line-height: 1.6;
}
li {
  font-size: inherit;
}
ul {
  margin-left: 0;
  list-style-type: disc;
}
ol {
  margin-left: 0;
}
ul ul, ul ol, ol ul, ol ol {
  margin-left: 0;
  margin-bottom: 0;
}
dl {
  margin-bottom: 0;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}
blockquote {
  margin: 0 0 0;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}
abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}
figure {
  margin: 0;
}
kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}
.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}
.lead {
  font-size: 125%;
  line-height: 1.6;
}
.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}
.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}
.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 48em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-text-left {
    text-align: left;
  }
  .xxxlarge-text-right {
    text-align: right;
  }
  .xxxlarge-text-center {
    text-align: center;
  }
  .xxxlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-text-left {
    text-align: left;
  }
  .xxxxlarge-text-right {
    text-align: right;
  }
  .xxxxlarge-text-center {
    text-align: center;
  }
  .xxxxlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-text-left {
    text-align: left;
  }
  .xxxxxlarge-text-right {
    text-align: right;
  }
  .xxxxxlarge-text-center {
    text-align: center;
  }
  .xxxxxlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-text-left {
    text-align: left;
  }
  .xxxxxxlarge-text-right {
    text-align: right;
  }
  .xxxxxxlarge-text-center {
    text-align: center;
  }
  .xxxxxxlarge-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
/* Grids (choose one) */
.grid-container {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.grid-container {
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
}
.grid-container.fluid {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-container.fluid {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.grid-container.fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.grid-x {
  display: flex;
  flex-flow: row wrap;
}
.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.cell.auto {
  flex: 1 1 0;
}
.cell.shrink {
  flex: 0 0 auto;
}
.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}
.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 64em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 90em) {
  .grid-x > .xxxlarge-shrink, .grid-x > .xxxlarge-full, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 109.375em) {
  .grid-x > .xxxxlarge-shrink, .grid-x > .xxxxlarge-full, .grid-x > .xxxxlarge-1, .grid-x > .xxxxlarge-2, .grid-x > .xxxxlarge-3, .grid-x > .xxxxlarge-4, .grid-x > .xxxxlarge-5, .grid-x > .xxxxlarge-6, .grid-x > .xxxxlarge-7, .grid-x > .xxxxlarge-8, .grid-x > .xxxxlarge-9, .grid-x > .xxxxlarge-10, .grid-x > .xxxxlarge-11, .grid-x > .xxxxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 131.25em) {
  .grid-x > .xxxxxlarge-shrink, .grid-x > .xxxxxlarge-full, .grid-x > .xxxxxlarge-1, .grid-x > .xxxxxlarge-2, .grid-x > .xxxxxlarge-3, .grid-x > .xxxxxlarge-4, .grid-x > .xxxxxlarge-5, .grid-x > .xxxxxlarge-6, .grid-x > .xxxxxlarge-7, .grid-x > .xxxxxlarge-8, .grid-x > .xxxxxlarge-9, .grid-x > .xxxxxlarge-10, .grid-x > .xxxxxlarge-11, .grid-x > .xxxxxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 162.5em) {
  .grid-x > .xxxxxxlarge-shrink, .grid-x > .xxxxxxlarge-full, .grid-x > .xxxxxxlarge-1, .grid-x > .xxxxxxlarge-2, .grid-x > .xxxxxxlarge-3, .grid-x > .xxxxxxlarge-4, .grid-x > .xxxxxxlarge-5, .grid-x > .xxxxxxlarge-6, .grid-x > .xxxxxxlarge-7, .grid-x > .xxxxxxlarge-8, .grid-x > .xxxxxxlarge-9, .grid-x > .xxxxxxlarge-10, .grid-x > .xxxxxxlarge-11, .grid-x > .xxxxxxlarge-12 {
    flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  flex: 0 0 auto;
}
.grid-x > .small-1 {
  width: 8.3333333333%;
}
.grid-x > .small-2 {
  width: 16.6666666667%;
}
.grid-x > .small-3 {
  width: 25%;
}
.grid-x > .small-4 {
  width: 33.3333333333%;
}
.grid-x > .small-5 {
  width: 41.6666666667%;
}
.grid-x > .small-6 {
  width: 50%;
}
.grid-x > .small-7 {
  width: 58.3333333333%;
}
.grid-x > .small-8 {
  width: 66.6666666667%;
}
.grid-x > .small-9 {
  width: 75%;
}
.grid-x > .small-10 {
  width: 83.3333333333%;
}
.grid-x > .small-11 {
  width: 91.6666666667%;
}
.grid-x > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .medium-shrink {
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }
  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .large-shrink {
    width: auto;
  }
  .grid-x > .large-1 {
    width: 8.3333333333%;
  }
  .grid-x > .large-2 {
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    width: 91.6666666667%;
  }
  .grid-x > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .grid-x > .xlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xlarge-shrink {
    width: auto;
  }
  .grid-x > .xlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xlarge-3 {
    width: 25%;
  }
  .grid-x > .xlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xlarge-6 {
    width: 50%;
  }
  .grid-x > .xlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xlarge-9 {
    width: 75%;
  }
  .grid-x > .xlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-x > .xxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .grid-x > .xxxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxxlarge-12, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .grid-x > .xxxxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxxxlarge-12, .grid-x > .xxxxlarge-11, .grid-x > .xxxxlarge-10, .grid-x > .xxxxlarge-9, .grid-x > .xxxxlarge-8, .grid-x > .xxxxlarge-7, .grid-x > .xxxxlarge-6, .grid-x > .xxxxlarge-5, .grid-x > .xxxxlarge-4, .grid-x > .xxxxlarge-3, .grid-x > .xxxxlarge-2, .grid-x > .xxxxlarge-1, .grid-x > .xxxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxxxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxxxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxxxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxxxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .grid-x > .xxxxxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxxxxlarge-12, .grid-x > .xxxxxlarge-11, .grid-x > .xxxxxlarge-10, .grid-x > .xxxxxlarge-9, .grid-x > .xxxxxlarge-8, .grid-x > .xxxxxlarge-7, .grid-x > .xxxxxlarge-6, .grid-x > .xxxxxlarge-5, .grid-x > .xxxxxlarge-4, .grid-x > .xxxxxlarge-3, .grid-x > .xxxxxlarge-2, .grid-x > .xxxxxlarge-1, .grid-x > .xxxxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxxxxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxxxxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxxxxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxxxxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .grid-x > .xxxxxxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxxxxxlarge-12, .grid-x > .xxxxxxlarge-11, .grid-x > .xxxxxxlarge-10, .grid-x > .xxxxxxlarge-9, .grid-x > .xxxxxxlarge-8, .grid-x > .xxxxxxlarge-7, .grid-x > .xxxxxxlarge-6, .grid-x > .xxxxxxlarge-5, .grid-x > .xxxxxxlarge-4, .grid-x > .xxxxxxlarge-3, .grid-x > .xxxxxxlarge-2, .grid-x > .xxxxxxlarge-1, .grid-x > .xxxxxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxxxxxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxxxxxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxxxxxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxxxxxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxxxxxlarge-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}
.grid-margin-x {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-margin-x {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-margin-x > .cell {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 2rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 2rem);
  }
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 64em) {
  .grid-margin-x > .xlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xlarge-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .xlarge-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .xlarge-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .xlarge-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .xlarge-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .xlarge-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .xlarge-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .xlarge-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .xlarge-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .xlarge-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .xlarge-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .xlarge-12 {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-margin-x > .xxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxlarge-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .xxlarge-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .xxlarge-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .xxlarge-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .xxlarge-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .xxlarge-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .xxlarge-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .xxlarge-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .xxlarge-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .xxlarge-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .xxlarge-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .xxlarge-12 {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-x > .xxxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxxlarge-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxlarge-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxlarge-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .xxxlarge-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxlarge-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxlarge-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .xxxlarge-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxlarge-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxlarge-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .xxxlarge-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxlarge-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxlarge-12 {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 109.375em) {
  .grid-margin-x > .xxxxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxxxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxxxlarge-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxlarge-12 {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 131.25em) {
  .grid-margin-x > .xxxxxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxxxxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxxxxlarge-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxlarge-12 {
    width: calc(100% - 2rem);
  }
}
@media screen and (min-width: 162.5em) {
  .grid-margin-x > .xxxxxxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxxxxxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxxxxxlarge-1 {
    width: calc(8.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-2 {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-3 {
    width: calc(25% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-4 {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-5 {
    width: calc(41.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-6 {
    width: calc(50% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-7 {
    width: calc(58.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-8 {
    width: calc(66.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-9 {
    width: calc(75% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-10 {
    width: calc(83.3333333333% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-11 {
    width: calc(91.6666666667% - 2rem);
  }
  .grid-margin-x > .xxxxxxlarge-12 {
    width: calc(100% - 2rem);
  }
}
.grid-padding-x .grid-padding-x {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-padding-x > .cell {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.small-up-1 > .cell {
  width: 100%;
}
.small-up-2 > .cell {
  width: 50%;
}
.small-up-3 > .cell {
  width: 33.3333333333%;
}
.small-up-4 > .cell {
  width: 25%;
}
.small-up-5 > .cell {
  width: 20%;
}
.small-up-6 > .cell {
  width: 16.6666666667%;
}
.small-up-7 > .cell {
  width: 14.2857142857%;
}
.small-up-8 > .cell {
  width: 12.5%;
}
@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }
  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 48em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.3333333333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.6666666667%;
  }
  .large-up-7 > .cell {
    width: 14.2857142857%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-up-1 > .cell {
    width: 100%;
  }
  .xlarge-up-2 > .cell {
    width: 50%;
  }
  .xlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xlarge-up-4 > .cell {
    width: 25%;
  }
  .xlarge-up-5 > .cell {
    width: 20%;
  }
  .xlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxxxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxxxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxxxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxxxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxxxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxxxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxxxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxxxxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxxxxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxxxxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxxxxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxxxxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxxxxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxxxxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxxxxxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxxxxxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxxxxxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxxxxxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxxxxxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1rem);
}
.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1rem);
}
.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1rem);
}
.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1rem);
}
.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1rem);
}
.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1rem);
}
.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1rem);
}
.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
}
@media screen and (min-width: 64em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.xxlarge-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-x.xxxlarge-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.xxxlarge-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.xxxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.xxxlarge-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.xxxlarge-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.xxxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.xxxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.xxxlarge-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
}
@media screen and (min-width: 109.375em) {
  .grid-margin-x.xxxxlarge-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.xxxxlarge-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.xxxxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.xxxxlarge-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.xxxxlarge-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.xxxxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.xxxxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.xxxxlarge-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
}
@media screen and (min-width: 131.25em) {
  .grid-margin-x.xxxxxlarge-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.xxxxxlarge-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.xxxxxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.xxxxxlarge-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.xxxxxlarge-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.xxxxxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.xxxxxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.xxxxxlarge-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
}
@media screen and (min-width: 162.5em) {
  .grid-margin-x.xxxxxxlarge-up-1 > .cell {
    width: calc(100% - 2rem);
  }
  .grid-margin-x.xxxxxxlarge-up-2 > .cell {
    width: calc(50% - 2rem);
  }
  .grid-margin-x.xxxxxxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2rem);
  }
  .grid-margin-x.xxxxxxlarge-up-4 > .cell {
    width: calc(25% - 2rem);
  }
  .grid-margin-x.xxxxxxlarge-up-5 > .cell {
    width: calc(20% - 2rem);
  }
  .grid-margin-x.xxxxxxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2rem);
  }
  .grid-margin-x.xxxxxxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2rem);
  }
  .grid-margin-x.xxxxxxlarge-up-8 > .cell {
    width: calc(12.5% - 2rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .small-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .small-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .small-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .small-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .small-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .small-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .medium-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .medium-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .medium-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .medium-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .medium-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .large-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .large-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .large-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .large-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .large-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .xlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xlarge-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xlarge-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xlarge-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxlarge-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxlarge-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxlarge-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxlarge-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxlarge-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxlarge-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxlarge-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxlarge-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxlarge-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxlarge-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxxxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxlarge-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxxxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxxxxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .xxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .xxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-1 {
    width: 8.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-2 {
    width: 16.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-3 {
    width: 25%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-4 {
    width: 33.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-5 {
    width: 41.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-6 {
    width: 50%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-7 {
    width: 58.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-8 {
    width: 66.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-9 {
    width: 75%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-10 {
    width: 83.3333333333%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-11 {
    width: 91.6666666667%;
  }
  .xxxxxxlarge-margin-collapse > .xxxxxxlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxxxxxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}
.small-offset-0 {
  margin-left: 0%;
}
.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1rem / 2);
}
.small-offset-1 {
  margin-left: 8.3333333333%;
}
.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 1rem / 2);
}
.small-offset-2 {
  margin-left: 16.6666666667%;
}
.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 1rem / 2);
}
.small-offset-3 {
  margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1rem / 2);
}
.small-offset-4 {
  margin-left: 33.3333333333%;
}
.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 1rem / 2);
}
.small-offset-5 {
  margin-left: 41.6666666667%;
}
.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 1rem / 2);
}
.small-offset-6 {
  margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1rem / 2);
}
.small-offset-7 {
  margin-left: 58.3333333333%;
}
.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 1rem / 2);
}
.small-offset-8 {
  margin-left: 66.6666666667%;
}
.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 1rem / 2);
}
.small-offset-9 {
  margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1rem / 2);
}
.small-offset-10 {
  margin-left: 83.3333333333%;
}
.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 1rem / 2);
}
.small-offset-11 {
  margin-left: 91.6666666667%;
}
.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 1rem / 2);
}
@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1rem / 2);
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 1rem / 2);
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 1rem / 2);
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1rem / 2);
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 1rem / 2);
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 1rem / 2);
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1rem / 2);
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 1rem / 2);
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 1rem / 2);
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1rem / 2);
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 1rem / 2);
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 1rem / 2);
  }
}
@media print, screen and (min-width: 48em) {
  .large-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 2rem / 2);
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 2rem / 2);
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 2rem / 2);
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 2rem / 2);
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 2rem / 2);
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 2rem / 2);
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 2rem / 2);
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 2rem / 2);
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 2rem / 2);
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 2rem / 2);
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 2rem / 2);
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 2rem / 2);
  }
}
@media screen and (min-width: 64em) {
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 2rem / 2);
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2rem / 2);
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2rem / 2);
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 2rem / 2);
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2rem / 2);
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2rem / 2);
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 2rem / 2);
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2rem / 2);
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2rem / 2);
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 2rem / 2);
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2rem / 2);
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2rem / 2);
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxlarge-offset-0 {
    margin-left: calc(0% + 2rem / 2);
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2rem / 2);
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2rem / 2);
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxlarge-offset-3 {
    margin-left: calc(25% + 2rem / 2);
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2rem / 2);
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2rem / 2);
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxlarge-offset-6 {
    margin-left: calc(50% + 2rem / 2);
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2rem / 2);
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2rem / 2);
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxlarge-offset-9 {
    margin-left: calc(75% + 2rem / 2);
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2rem / 2);
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2rem / 2);
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxxlarge-offset-0 {
    margin-left: calc(0% + 2rem / 2);
  }
  .xxxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2rem / 2);
  }
  .xxxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2rem / 2);
  }
  .xxxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxxlarge-offset-3 {
    margin-left: calc(25% + 2rem / 2);
  }
  .xxxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2rem / 2);
  }
  .xxxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2rem / 2);
  }
  .xxxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxxlarge-offset-6 {
    margin-left: calc(50% + 2rem / 2);
  }
  .xxxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2rem / 2);
  }
  .xxxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2rem / 2);
  }
  .xxxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxxlarge-offset-9 {
    margin-left: calc(75% + 2rem / 2);
  }
  .xxxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2rem / 2);
  }
  .xxxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2rem / 2);
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxxxlarge-offset-0 {
    margin-left: calc(0% + 2rem / 2);
  }
  .xxxxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxxxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2rem / 2);
  }
  .xxxxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxxxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2rem / 2);
  }
  .xxxxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxxxlarge-offset-3 {
    margin-left: calc(25% + 2rem / 2);
  }
  .xxxxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxxxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2rem / 2);
  }
  .xxxxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxxxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2rem / 2);
  }
  .xxxxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxxxlarge-offset-6 {
    margin-left: calc(50% + 2rem / 2);
  }
  .xxxxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxxxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2rem / 2);
  }
  .xxxxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxxxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2rem / 2);
  }
  .xxxxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxxxlarge-offset-9 {
    margin-left: calc(75% + 2rem / 2);
  }
  .xxxxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxxxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2rem / 2);
  }
  .xxxxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxxxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2rem / 2);
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxxxxlarge-offset-0 {
    margin-left: calc(0% + 2rem / 2);
  }
  .xxxxxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxxxxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2rem / 2);
  }
  .xxxxxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxxxxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2rem / 2);
  }
  .xxxxxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxxxxlarge-offset-3 {
    margin-left: calc(25% + 2rem / 2);
  }
  .xxxxxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxxxxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2rem / 2);
  }
  .xxxxxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxxxxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2rem / 2);
  }
  .xxxxxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxxxxlarge-offset-6 {
    margin-left: calc(50% + 2rem / 2);
  }
  .xxxxxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxxxxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2rem / 2);
  }
  .xxxxxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxxxxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2rem / 2);
  }
  .xxxxxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxxxxlarge-offset-9 {
    margin-left: calc(75% + 2rem / 2);
  }
  .xxxxxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxxxxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2rem / 2);
  }
  .xxxxxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxxxxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2rem / 2);
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-0 {
    margin-left: calc(0% + 2rem / 2);
  }
  .xxxxxxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 2rem / 2);
  }
  .xxxxxxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 2rem / 2);
  }
  .xxxxxxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-3 {
    margin-left: calc(25% + 2rem / 2);
  }
  .xxxxxxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 2rem / 2);
  }
  .xxxxxxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 2rem / 2);
  }
  .xxxxxxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-6 {
    margin-left: calc(50% + 2rem / 2);
  }
  .xxxxxxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 2rem / 2);
  }
  .xxxxxxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 2rem / 2);
  }
  .xxxxxxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-9 {
    margin-left: calc(75% + 2rem / 2);
  }
  .xxxxxxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 2rem / 2);
  }
  .xxxxxxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxxxxxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 2rem / 2);
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 64em) {
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 90em) {
  .grid-y > .xxxlarge-shrink, .grid-y > .xxxlarge-full, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 109.375em) {
  .grid-y > .xxxxlarge-shrink, .grid-y > .xxxxlarge-full, .grid-y > .xxxxlarge-1, .grid-y > .xxxxlarge-2, .grid-y > .xxxxlarge-3, .grid-y > .xxxxlarge-4, .grid-y > .xxxxlarge-5, .grid-y > .xxxxlarge-6, .grid-y > .xxxxlarge-7, .grid-y > .xxxxlarge-8, .grid-y > .xxxxlarge-9, .grid-y > .xxxxlarge-10, .grid-y > .xxxxlarge-11, .grid-y > .xxxxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 131.25em) {
  .grid-y > .xxxxxlarge-shrink, .grid-y > .xxxxxlarge-full, .grid-y > .xxxxxlarge-1, .grid-y > .xxxxxlarge-2, .grid-y > .xxxxxlarge-3, .grid-y > .xxxxxlarge-4, .grid-y > .xxxxxlarge-5, .grid-y > .xxxxxlarge-6, .grid-y > .xxxxxlarge-7, .grid-y > .xxxxxlarge-8, .grid-y > .xxxxxlarge-9, .grid-y > .xxxxxlarge-10, .grid-y > .xxxxxlarge-11, .grid-y > .xxxxxlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 162.5em) {
  .grid-y > .xxxxxxlarge-shrink, .grid-y > .xxxxxxlarge-full, .grid-y > .xxxxxxlarge-1, .grid-y > .xxxxxxlarge-2, .grid-y > .xxxxxxlarge-3, .grid-y > .xxxxxxlarge-4, .grid-y > .xxxxxxlarge-5, .grid-y > .xxxxxxlarge-6, .grid-y > .xxxxxxlarge-7, .grid-y > .xxxxxxlarge-8, .grid-y > .xxxxxxlarge-9, .grid-y > .xxxxxxlarge-10, .grid-y > .xxxxxxlarge-11, .grid-y > .xxxxxxlarge-12 {
    flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-y > .large-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}
@media screen and (min-width: 64em) {
  .grid-y > .xlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xlarge-shrink {
    height: auto;
  }
  .grid-y > .xlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xlarge-3 {
    height: 25%;
  }
  .grid-y > .xlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xlarge-6 {
    height: 50%;
  }
  .grid-y > .xlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xlarge-9 {
    height: 75%;
  }
  .grid-y > .xlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-y > .xxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 90em) {
  .grid-y > .xxxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxxlarge-12, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxxlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .grid-y > .xxxxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxxxlarge-12, .grid-y > .xxxxlarge-11, .grid-y > .xxxxlarge-10, .grid-y > .xxxxlarge-9, .grid-y > .xxxxlarge-8, .grid-y > .xxxxlarge-7, .grid-y > .xxxxlarge-6, .grid-y > .xxxxlarge-5, .grid-y > .xxxxlarge-4, .grid-y > .xxxxlarge-3, .grid-y > .xxxxlarge-2, .grid-y > .xxxxlarge-1, .grid-y > .xxxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxxxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxxxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxxxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxxxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxxxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxxxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxxxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxxxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxxxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxxxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxxxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxxxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxxxlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .grid-y > .xxxxxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxxxxlarge-12, .grid-y > .xxxxxlarge-11, .grid-y > .xxxxxlarge-10, .grid-y > .xxxxxlarge-9, .grid-y > .xxxxxlarge-8, .grid-y > .xxxxxlarge-7, .grid-y > .xxxxxlarge-6, .grid-y > .xxxxxlarge-5, .grid-y > .xxxxxlarge-4, .grid-y > .xxxxxlarge-3, .grid-y > .xxxxxlarge-2, .grid-y > .xxxxxlarge-1, .grid-y > .xxxxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxxxxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxxxxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxxxxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxxxxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxxxxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxxxxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxxxxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxxxxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxxxxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxxxxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxxxxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxxxxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxxxxlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .grid-y > .xxxxxxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxxxxxlarge-12, .grid-y > .xxxxxxlarge-11, .grid-y > .xxxxxxlarge-10, .grid-y > .xxxxxxlarge-9, .grid-y > .xxxxxxlarge-8, .grid-y > .xxxxxxlarge-7, .grid-y > .xxxxxxlarge-6, .grid-y > .xxxxxxlarge-5, .grid-y > .xxxxxxlarge-4, .grid-y > .xxxxxxlarge-3, .grid-y > .xxxxxxlarge-2, .grid-y > .xxxxxxlarge-1, .grid-y > .xxxxxxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxxxxxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxxxxxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxxxxxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxxxxxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxxxxxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxxxxxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxxxxxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxxxxxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxxxxxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxxxxxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxxxxxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxxxxxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxxxxxlarge-12 {
    height: 100%;
  }
}
.grid-padding-y .grid-padding-y {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-padding-y > .cell {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.grid-margin-y {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1rem);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y > .cell {
    height: calc(100% - 2rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 2rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 2rem);
  }
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 64em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-y > .xxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 109.375em) {
  .grid-margin-y > .xxxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 131.25em) {
  .grid-margin-y > .xxxxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 162.5em) {
  .grid-margin-y > .xxxxxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxxxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxxxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}
.cell .grid-frame {
  width: 100%;
}
.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .medium-grid-frame {
    width: 100%;
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 48em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .large-grid-frame {
    width: 100%;
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xlarge-grid-frame {
    width: 100%;
  }
  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxlarge-grid-frame {
    width: 100%;
  }
  .xxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxxlarge-grid-frame {
    width: 100%;
  }
  .xxxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxxxlarge-grid-frame {
    width: 100%;
  }
  .xxxxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxxxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxxxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxxxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxxxxlarge-grid-frame {
    width: 100%;
  }
  .xxxxxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxxxxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxxxxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxxxxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxxxxxlarge-grid-frame {
    width: 100%;
  }
  .xxxxxxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxxxxxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxxxxxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxxxxxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media print, screen and (min-width: 48em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 64em) {
  .grid-y.xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-y.xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 90em) {
  .grid-y.xxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 109.375em) {
  .grid-y.xxxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 131.25em) {
  .grid-y.xxxxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 162.5em) {
  .grid-y.xxxxxxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 64em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 80.0625em) {
  .cell .grid-y.xxlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 90em) {
  .cell .grid-y.xxxlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 109.375em) {
  .cell .grid-y.xxxxlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 131.25em) {
  .cell .grid-y.xxxxxlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 162.5em) {
  .cell .grid-y.xxxxxxlarge-grid-frame {
    height: 100%;
  }
}
.grid-margin-y {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1rem);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y > .cell {
    height: calc(100% - 2rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 2rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 2rem);
  }
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 64em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-y > .xxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 109.375em) {
  .grid-margin-y > .xxxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 131.25em) {
  .grid-margin-y > .xxxxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
@media screen and (min-width: 162.5em) {
  .grid-margin-y > .xxxxxxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxxxxxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxxxxxlarge-1 {
    height: calc(8.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-2 {
    height: calc(16.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-3 {
    height: calc(25% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-4 {
    height: calc(33.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-5 {
    height: calc(41.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-6 {
    height: calc(50% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-7 {
    height: calc(58.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-8 {
    height: calc(66.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-9 {
    height: calc(75% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-10 {
    height: calc(83.3333333333% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-11 {
    height: calc(91.6666666667% - 2rem);
  }
  .grid-margin-y > .xxxxxxlarge-12 {
    height: calc(100% - 2rem);
  }
}
.grid-frame.grid-margin-y {
  height: calc(100vh + 1rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 109.375em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 131.25em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 162.5em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 2rem);
  }
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1rem);
  }
}
@media print, screen and (min-width: 48em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 64em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 80.0625em) {
  .grid-margin-y.xxlarge-grid-frame {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 90em) {
  .grid-margin-y.xxxlarge-grid-frame {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 109.375em) {
  .grid-margin-y.xxxxlarge-grid-frame {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 131.25em) {
  .grid-margin-y.xxxxxlarge-grid-frame {
    height: calc(100vh + 2rem);
  }
}
@media screen and (min-width: 162.5em) {
  .grid-margin-y.xxxxxxlarge-grid-frame {
    height: calc(100vh + 2rem);
  }
}
/* Generic components */
/* Basic components */
/* Containers */
.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}
.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}
.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}
.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}
.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}
.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}
.tabs.primary {
  background: #1779ba;
}
.tabs.primary > li > a {
  color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: rgb(21.85, 114.95, 176.7);
}
.tabs-title {
  float: left;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
.tabs-title > a:hover {
  background: #fefefe;
  color: rgb(19.78, 104.06, 159.96);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
  color: #1779ba;
}
.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease;
}
.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}
.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}
/* Menu-based containers */
/* Layout components */
.is-off-canvas-open {
  overflow: hidden;
}
.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}
.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas {
  position: fixed;
  z-index: 12;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas {
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute {
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}
.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}
.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}
.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}
.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}
.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}
.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}
.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}
@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 48em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 64em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 80.0625em) {
  .position-left.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 90em) {
  .position-left.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 109.375em) {
  .position-left.reveal-for-xxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxxxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxxxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxxxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxxxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 131.25em) {
  .position-left.reveal-for-xxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxxxxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxxxxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxxxxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxxxxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 162.5em) {
  .position-left.reveal-for-xxxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxxxxxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxxxxxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxxxxxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxxxxxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxxxxxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxxxxxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxxxxxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 80.0625em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 90em) {
  .off-canvas.in-canvas-for-xxxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxxlarge.position-left, .off-canvas.in-canvas-for-xxxlarge.position-right, .off-canvas.in-canvas-for-xxxlarge.position-top, .off-canvas.in-canvas-for-xxxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxxlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 109.375em) {
  .off-canvas.in-canvas-for-xxxxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxxxlarge.position-left, .off-canvas.in-canvas-for-xxxxlarge.position-right, .off-canvas.in-canvas-for-xxxxlarge.position-top, .off-canvas.in-canvas-for-xxxxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxxxlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 131.25em) {
  .off-canvas.in-canvas-for-xxxxxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxxxxlarge.position-left, .off-canvas.in-canvas-for-xxxxxlarge.position-right, .off-canvas.in-canvas-for-xxxxxlarge.position-top, .off-canvas.in-canvas-for-xxxxxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxxxxlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 162.5em) {
  .off-canvas.in-canvas-for-xxxxxxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxxxxxlarge.position-left, .off-canvas.in-canvas-for-xxxxxxlarge.position-right, .off-canvas.in-canvas-for-xxxxxxlarge.position-top, .off-canvas.in-canvas-for-xxxxxxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxxxxxlarge .close-button {
    display: none;
  }
}
html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
  overflow-y: hidden;
}
.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 0;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 87.5rem;
  }
}
.reveal {
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 87.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 87.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 87.5rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}
.sticky-container {
  position: relative;
}
.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}
.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}
/* Helpers */
.align-left {
  justify-content: flex-start;
}
.align-right {
  justify-content: flex-end;
}
.align-center {
  justify-content: center;
}
.align-justify {
  justify-content: space-between;
}
.align-spaced {
  justify-content: space-around;
}
.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}
.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
  justify-content: center;
}
.align-top {
  align-items: flex-start;
}
.align-self-top {
  align-self: flex-start;
}
.align-bottom {
  align-items: flex-end;
}
.align-self-bottom {
  align-self: flex-end;
}
.align-middle {
  align-items: center;
}
.align-self-middle {
  align-self: center;
}
.align-stretch {
  align-items: stretch;
}
.align-self-stretch {
  align-self: stretch;
}
.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}
.small-order-1 {
  order: 1;
}
.small-order-2 {
  order: 2;
}
.small-order-3 {
  order: 3;
}
.small-order-4 {
  order: 4;
}
.small-order-5 {
  order: 5;
}
.small-order-6 {
  order: 6;
}
@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 48em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-order-1 {
    order: 1;
  }
  .xxxlarge-order-2 {
    order: 2;
  }
  .xxxlarge-order-3 {
    order: 3;
  }
  .xxxlarge-order-4 {
    order: 4;
  }
  .xxxlarge-order-5 {
    order: 5;
  }
  .xxxlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-order-1 {
    order: 1;
  }
  .xxxxlarge-order-2 {
    order: 2;
  }
  .xxxxlarge-order-3 {
    order: 3;
  }
  .xxxxlarge-order-4 {
    order: 4;
  }
  .xxxxlarge-order-5 {
    order: 5;
  }
  .xxxxlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-order-1 {
    order: 1;
  }
  .xxxxxlarge-order-2 {
    order: 2;
  }
  .xxxxxlarge-order-3 {
    order: 3;
  }
  .xxxxxlarge-order-4 {
    order: 4;
  }
  .xxxxxlarge-order-5 {
    order: 5;
  }
  .xxxxxlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-order-1 {
    order: 1;
  }
  .xxxxxxlarge-order-2 {
    order: 2;
  }
  .xxxxxxlarge-order-3 {
    order: 3;
  }
  .xxxxxxlarge-order-4 {
    order: 4;
  }
  .xxxxxxlarge-order-5 {
    order: 5;
  }
  .xxxxxxlarge-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}
.flex-child-auto {
  flex: 1 1 auto;
}
.flex-child-grow {
  flex: 1 0 auto;
}
.flex-child-shrink {
  flex: 0 1 auto;
}
.flex-dir-row {
  flex-direction: row;
}
.flex-dir-row-reverse {
  flex-direction: row-reverse;
}
.flex-dir-column {
  flex-direction: column;
}
.flex-dir-column-reverse {
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 48em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 64em) {
  .xlarge-flex-container {
    display: flex;
  }
  .xlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xlarge-flex-dir-row {
    flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 80.0625em) {
  .xxlarge-flex-container {
    display: flex;
  }
  .xxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 90em) {
  .xxxlarge-flex-container {
    display: flex;
  }
  .xxxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 109.375em) {
  .xxxxlarge-flex-container {
    display: flex;
  }
  .xxxxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxxxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxxxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxxxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxxxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxxxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxxxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 131.25em) {
  .xxxxxlarge-flex-container {
    display: flex;
  }
  .xxxxxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxxxxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxxxxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxxxxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxxxxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxxxxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxxxxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 162.5em) {
  .xxxxxxlarge-flex-container {
    display: flex;
  }
  .xxxxxxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxxxxxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxxxxxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxxxxxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxxxxxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxxxxxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxxxxxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 47.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media screen and (max-width: 39.99875em), screen and (min-width: 48em) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 48em) {
  .hide-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 47.99875em) {
  .show-for-large {
    display: none !important;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media screen and (max-width: 47.99875em), screen and (min-width: 64em) {
  .show-for-large-only {
    display: none !important;
  }
}
@media screen and (min-width: 64em) {
  .hide-for-xlarge {
    display: none !important;
  }
}
@media screen and (max-width: 63.99875em) {
  .show-for-xlarge {
    display: none !important;
  }
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}
@media screen and (max-width: 63.99875em), screen and (min-width: 80.0625em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}
@media screen and (min-width: 80.0625em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}
@media screen and (max-width: 80.06125em) {
  .show-for-xxlarge {
    display: none !important;
  }
}
@media screen and (min-width: 80.0625em) and (max-width: 89.99875em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}
@media screen and (max-width: 80.06125em), screen and (min-width: 90em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}
@media screen and (min-width: 90em) {
  .hide-for-xxxlarge {
    display: none !important;
  }
}
@media screen and (max-width: 89.99875em) {
  .show-for-xxxlarge {
    display: none !important;
  }
}
@media screen and (min-width: 90em) and (max-width: 109.37375em) {
  .hide-for-xxxlarge-only {
    display: none !important;
  }
}
@media screen and (max-width: 89.99875em), screen and (min-width: 109.375em) {
  .show-for-xxxlarge-only {
    display: none !important;
  }
}
@media screen and (min-width: 109.375em) {
  .hide-for-xxxxlarge {
    display: none !important;
  }
}
@media screen and (max-width: 109.37375em) {
  .show-for-xxxxlarge {
    display: none !important;
  }
}
@media screen and (min-width: 109.375em) and (max-width: 131.24875em) {
  .hide-for-xxxxlarge-only {
    display: none !important;
  }
}
@media screen and (max-width: 109.37375em), screen and (min-width: 131.25em) {
  .show-for-xxxxlarge-only {
    display: none !important;
  }
}
@media screen and (min-width: 131.25em) {
  .hide-for-xxxxxlarge {
    display: none !important;
  }
}
@media screen and (max-width: 131.24875em) {
  .show-for-xxxxxlarge {
    display: none !important;
  }
}
@media screen and (min-width: 131.25em) and (max-width: 162.49875em) {
  .hide-for-xxxxxlarge-only {
    display: none !important;
  }
}
@media screen and (max-width: 131.24875em), screen and (min-width: 162.5em) {
  .show-for-xxxxxlarge-only {
    display: none !important;
  }
}
@media screen and (min-width: 162.5em) {
  .hide-for-xxxxxxlarge {
    display: none !important;
  }
}
@media screen and (max-width: 162.49875em) {
  .show-for-xxxxxxlarge {
    display: none !important;
  }
}
@media screen and (min-width: 162.5em) {
  .hide-for-xxxxxxlarge-only {
    display: none !important;
  }
}
@media screen and (max-width: 162.49875em) {
  .show-for-xxxxxxlarge-only {
    display: none !important;
  }
}
.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}
.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}
.show-for-dark-mode {
  display: none;
}
.hide-for-dark-mode {
  display: block;
}
@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}
.is-stuck .show-for-sticky {
  display: block;
}
.is-stuck .hide-for-sticky {
  display: none;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  z-index: 99;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-slide figure.image-wide {
  padding-bottom: 0;
}
.slick-slide figure.image-wide .button.button-video {
  bottom: 0;
}
.slick-arrow.slick-hidden {
  display: none;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 11px 11px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger:active, .hamburger:focus {
  outline: none;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #031927;
  transition: all 0.2s ease-out;
}
.hamburger-box {
  width: 15px;
  height: 11px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 15px;
  height: 3px;
  background-color: #031927;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -4px;
}
.hamburger-inner::after {
  bottom: -4px;
}
/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1.5px;
}
.hamburger--slider .hamburger-inner::before {
  top: 4px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 8px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 4px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-2.1428571429px, -1px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-90deg);
}
/* MODULES ***************************************************************************************/
@font-face {
  font-family: "Poppins";
  font-weight: 100;
  src: url(../fonts/Poppins-Thin.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 200;
  src: url(../fonts/Poppins-ExtraLight.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 300;
  src: url(../fonts/Poppins-Light.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  src: url(../fonts/Poppins-Regular.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url(../fonts/Poppins-Medium.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url(../fonts/Poppins-SemiBold.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 700;
  src: url(../fonts/Poppins-Bold.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 800;
  src: url(../fonts/Poppins-ExtraBold.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-weight: 900;
  src: url(../fonts/Poppins-Black.ttf) format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  font-weight: 500;
  src: url(../fonts/PlayfairDisplay-MediumItalic.ttf) format("truetype");
  font-style: italic;
  font-display: swap;
}
:root {
  --plyr-color-main: #916953;
}
/* PARTIALS **************************************************************************************/
.heading-xxl,
h1 {
  font-family: "Poppins", Work sans;
  font-weight: 900;
  font-size: 24px;
  line-height: 125%;
  color: #1E1E1E;
}
.heading-xl,
h2 {
  font-family: "Poppins", Work sans;
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #1E1E1E;
  text-transform: none;
}
.heading-l,
h3 {
  font-family: "Poppins", Work sans;
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #1E1E1E;
  text-transform: none;
}
.heading-m,
h4 {
  font-family: "Poppins", Work sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 125%;
  color: #1E1E1E;
  text-transform: none;
}
.heading-s,
h5 {
  font-family: "Poppins", Work sans;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #1E1E1E;
}
.heading-xs,
h6 {
  font-family: "Poppins", Work sans;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  color: #1E1E1E;
}
.font-text-l {
  font-family: "Poppins", Work sans;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #1E1E1E;
}
.font-text-m {
  font-family: "Poppins", Work sans;
  font-weight: 300;
  font-size: 18px;
  line-height: 100%;
}
.font-text-s {
  font-family: "Poppins", Work sans;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  text-transform: none;
}
.font-text-title {
  font-family: "Poppins", Work sans;
  font-weight: 500;
  font-size: 18px;
  line-height: 16px;
  color: #1E1E1E;
  text-transform: none;
}
h4 {
  font-family: "Poppins", Work sans;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #1E1E1E;
}
h3 {
  font-family: "Poppins", Work sans;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  color: #1E1E1E;
}
html,
body {
  height: 100%;
  background: #fff;
}
@media print, screen and (min-width: 48em) {
  html,
  body {
    min-height: 925px;
  }
}
html.is-reveal-open body {
  overflow-y: visible !important;
}
b, strong {
  font-weight: 500;
}
:root {
  --opacity: 0.7;
  --lineargradientrainbow: linear-gradient(
                  to right,
                  rgba(255, 0, 0, var(--opacity)),
                  rgba(255, 165, 0, var(--opacity)),
                  rgba(255, 255, 0, var(--opacity)),
                  rgba(0, 128, 0, var(--opacity)),
                  rgba(0, 0, 255, var(--opacity)),
                  rgba(75, 0, 130, var(--opacity)),
                  rgba(238, 130, 238, var(--opacity))
  );
  --transparentblack: rgba(0, 0, 0, 0.00) ;
}
#progressbar {
  position: fixed;
  top: 82px;
  left: 0;
  height: 1px;
  background: #4b2e2a;
  z-index: 56;
  border-radius: 4px;
  opacity: 0;
}
@media print, screen and (max-width: 80.06125em) {
  #progressbar {
    top: 62px;
  }
}
body {
  font-family: "Poppins", Work sans;
  font-weight: 300;
  font-size: 18px;
  line-height: 100%;
  color: #1E1E1E;
  scroll-behavior: smooth;
  font-size: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 80.06125em) {
  body.productt #progressbar {
    top: 62px;
  }
}
body.productt .products-highlight .item.product figure.image {
  background: #f5f3f5;
}
figure,
footer,
picture {
  position: relative;
}
.grid-container.full {
  margin: 0 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .grid-container.full {
    margin: 0 16px;
  }
}
picture {
  display: block;
}
p {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: 0;
}
li {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: 0;
}
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a p {
  color: #1E1E1E;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h4 {
  font-weight: 400;
}
table {
  border: none;
}
table td {
  border: none;
  padding: 5px 0;
}
@media print, screen and (max-width: 47.99875em) {
  table td {
    line-height: 1.3;
    padding-bottom: 25px;
  }
}
td img {
  padding: 30px;
}
.relative {
  position: relative;
}
.text-center {
  text-align: center;
}
@media print, screen and (max-width: 39.99875em) {
  .text-center {
    text-align: left;
  }
}
a, button, div, input, select, textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
section {
  margin: 64px 0;
}
@media print, screen and (min-width: 48em) {
  section {
    margin: 80px 0;
  }
}
@media screen and (min-width: 80.0625em) {
  section {
    margin: 120px 0;
  }
}
section:first-of-type {
  margin-top: 0;
}
@media print, screen and (max-width: 80.06125em) {
  section:first-of-type {
    padding-top: 0;
  }
}
section:first-of-type.overview-filter, section:first-of-type.account, section:first-of-type.review-overview-block, section:first-of-type.registration, section:first-of-type.login {
  margin-top: 140px;
}
@media print, screen and (max-width: 80.06125em) {
  section:first-of-type.overview-filter, section:first-of-type.account, section:first-of-type.review-overview-block, section:first-of-type.registration, section:first-of-type.login {
    padding-top: 0;
  }
}
section:first-of-type.cart {
  margin-top: 202px;
}
@media print, screen and (max-width: 80.06125em) {
  section:first-of-type.cart {
    margin-top: 182px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  section:first-of-type.cart {
    margin-top: 105px;
  }
}
section:first-of-type.video-hero {
  margin-top: 0;
}
@media print, screen and (max-width: 47.99875em) {
  section:first-of-type.content-big .title {
    margin-top: 0px;
  }
}
td, tr, tbody, table {
  border: none;
}
.alert {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9999;
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 20px 200px;
  -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.25);
  font-family: "Rubik";
}
@media print, screen and (max-width: 47.99875em) {
  .alert {
    padding: 20px 0;
    left: 0;
    transform: translateX(0);
    width: 100%;
    border-radius: 0;
    font-size: 20px;
  }
}
.alert--success {
  background-color: #20bf6b;
}
.alert--error {
  background-color: #eb4d4b;
}
.grecaptcha-badge {
  visibility: hidden;
  opacity: 0;
}
.slider-arrows button {
  outline: 0;
  font-size: 0;
  height: 32px;
  width: 32px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  background: #e6e6e6;
  border-radius: 50%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
}
.slider-arrows button:focus, .slider-arrows button:active {
  background: #e6e6e6;
}
.slider-arrows button:hover {
  background: #d8d8d8;
}
.slider-arrows button.slick-disabled:hover {
  background: #e6e6e6;
}
.slider-arrows button.slick-next:before, .slider-arrows button.slick-prev:before {
  content: "";
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 11px;
  height: 11px;
}
.slider-arrows button.slick-next {
  margin-left: 10px;
  right: -50px;
}
.slider-arrows button.slick-next:before {
  margin-left: 1px;
  background-image: url("/static/default/media/images/templating/svg/chevron-right-black.svg");
}
.slider-arrows button.slick-prev:before {
  background-image: url("/static/default/media/images/templating/svg/chevron-right-black.svg");
  transform: rotate(180deg);
}
.slider-arrows button.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout {
    margin-top: 75px !important;
  }
  .checkout .rotate-mobile {
    flex-direction: column-reverse;
  }
}
.checkout .checkout {
  margin-top: 0;
}
.checkout__confirmed .message p {
  margin-bottom: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__confirmed .message p {
    margin-bottom: 10px;
  }
}
.checkout .no-items .top {
  margin-bottom: 0;
}
.checkout .no-items .top h1 {
  margin: 0 0 5px 0;
}
@media print, screen and (max-width: 80.06125em) {
  .checkout .no-items .top h1 {
    margin: 0 0 5px 0;
  }
}
.checkout.no-items .top {
  margin: 0 0 5px 0;
}
@media print, screen and (max-width: 80.06125em) {
  .checkout.no-items .top {
    margin: 0 0 5px 0;
  }
}
.checkout.no-items .top h1 {
  margin-bottom: 0;
}
.checkout .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 50px 0;
}
@media print, screen and (max-width: 39.99875em) {
  .checkout .top {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 20px 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout .top.empty {
    margin-bottom: 0;
  }
}
.checkout .top.empty h1 {
  margin: 0 0 5px 0;
}
@media print, screen and (max-width: 80.06125em) {
  .checkout .top.empty h1 {
    margin: 0 0 5px 0;
  }
}
.checkout .top h1 {
  font-weight: 200;
  font-size: 45px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout .top h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.checkout .top .order {
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 20px 30px;
  border: none;
}
.checkout .top .order:hover, .checkout .top .order:focus, .checkout .top .order:active {
  background: #000;
  color: #fff;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout .top .order {
    padding: 15px 20px;
  }
}
.cart_heading {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 15% 45% 30% 10%;
  -ms-grid-columns: 15% 45% 30% 10%;
  padding: 10px 0;
  margin-top: 20px;
  border-top: 1px solid rgba(60, 60, 60, 0.1);
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(60, 60, 60, 0.6);
  font-weight: 400;
  font-size: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart_heading {
    display: none;
  }
}
.cart_heading--beschrijving {
  margin-left: 75px;
}
.cart_heading--totaal {
  text-align: right;
}
@media print, screen and (max-width: 47.99875em) {
  .cart .add-one {
    order: 2;
    padding-top: 25px;
    border-top: 1px solid rgba(60, 60, 60, 0.1);
    margin-bottom: 50px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.cart .add-one h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(60, 60, 60, 0.6);
  font-weight: 400;
  font-size: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart .add-one h2 {
    font-size: 14px;
    margin-left: 0.5rem;
  }
}
.cart .add-one .add-one-main {
  padding: 0 20px 20px 20px;
  background: #faf9f6;
  margin-top: 30px;
  border-radius: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart .add-one .add-one-main {
    padding: 0 0 20px 0;
    margin: 30px 0.5rem 0 0.5rem;
  }
}
.cart .add-one .add-one-main .recommended-product .product {
  display: grid;
  grid-template-columns: 150px 1fr;
}
.cart .add-one .add-one-main .recommended-product .product img {
  grid-column: 1;
  grid-row: 1;
  width: auto;
  height: 150px;
}
.cart .add-one .add-one-main .recommended-product .product .title-price {
  grid-row: 1;
  grid-column: 2;
  align-self: center;
}
.cart .add-one .add-one-main .recommended-product .product .title {
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 22px;
}
.cart .add-one .add-one-main .recommended-product .product .description {
  grid-row: 3;
  grid-column: 1/-1;
  font-size: 16px;
  line-height: 24px;
}
.cart .add-one .add-one-main .recommended-product .product.single .description {
  grid-row: 2;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select {
  grid-row: 2;
  grid-column: 1/-1;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option {
  margin: 5px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option.one-size {
  border-radius: 5px;
  width: auto;
  height: auto;
  padding: 5px;
  border: 1px solid #cacaca;
  font-size: 16px;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option.one-size.active {
  border: 1px solid #1e1e1e !important;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option[data-stock="0"] {
  pointer-events: none;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option[data-stock="0"] span {
  text-decoration: line-through;
  pointer-events: none;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option:hover {
  cursor: pointer;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option:hover[data-stock="0"] {
  pointer-events: none;
  cursor: unset;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option.active .code {
  border: 1px solid #1e1e1e !important;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .matrix-option.active:hover {
  cursor: unset;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .color-options {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .color-options .color-option {
  position: relative;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .color-options .color-option[data-stock="0"]:after {
  content: "";
  position: absolute;
  width: 120%;
  height: 1px;
  background-color: #1e1e1e;
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .color-options .color-option .code {
  display: block;
  border-radius: 50%;
  border: 1px solid #cacaca;
  width: 35px;
  height: 35px;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .color-options .color-option .name {
  display: none;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .size-options {
  display: flex;
  flex-wrap: wrap;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .size-options .size-option {
  border: 1px solid #cacaca;
  margin-right: 5px;
  width: auto;
  height: auto;
  padding: 5px;
  border-radius: 5px;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .size-options .size-option:last-child {
  margin-right: 0;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .size-options .size-option.active {
  border: 1px solid #1e1e1e !important;
}
.cart .add-one .add-one-main .recommended-product .product .matrix-select .size-options span {
  font-size: 16px;
}
.cart .add-one .add-one-main .recommended-product .product .price {
  font-weight: 400;
}
.cart .add-one .add-one-main .recommended-product .product .price span {
  font-size: 16px;
  font-weight: 300;
}
.cart .add-one .add-one-main .recommended-product .product.single .action {
  grid-row: 2;
  margin: 5px 0 0 0;
}
.cart .add-one .add-one-main .recommended-product .product .action {
  display: flex;
  margin: 25px 0 0 0;
  grid-row: 3;
  grid-column: 1/-1;
}
@media print, screen and (max-width: 63.99875em) {
  .cart .add-one .add-one-main .recommended-product .product .action {
    margin: 20px 0 0 0;
  }
}
.cart .add-one .add-one-main .recommended-product .product .action .button {
  padding: 8px 12px;
  font-size: 16px;
  height: 40px;
}
.cart .add-one .add-one-main .recommended-product .product .action .add-one-button-outer {
  position: relative;
}
.cart .add-one .add-one-main .recommended-product .product .action .add-one-button-outer .cart,
.cart .add-one .add-one-main .recommended-product .product .action .add-one-button-outer .plus {
  opacity: 1;
  width: 20px;
  height: auto;
  position: absolute;
  pointer-events: none;
  fill: #f9f8f6;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 0.2s ease-out;
}
.cart .add-one .add-one-main .recommended-product .product .action .add-one-button-outer .cart {
  left: calc(50% + 20px);
}
.cart .add-one .add-one-main .recommended-product .product .action .add-one-button-outer .plus {
  left: calc(50% - 5px);
}
.cart .add-one .add-one-main .recommended-product .product .action .add-one-button-outer .add-add-one {
  margin-left: 20px;
  width: 75px;
  height: 40px;
}
.cart .add-one .add-one-main .recommended-product .product .action .add-one-button-outer .spinner {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-10px, -50%);
}
.cart .add-one .add-one-main .recommended-product .product .action .change-add-one {
  position: relative;
  background: #fff;
  border: 1px solid #000;
  padding-right: 25px;
}
.cart .add-one .add-one-main .recommended-product .product .action .change-add-one:after {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/back.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.cart_items {
  position: relative;
  margin: 0 0 50px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items {
    margin: 0 0 25px 0;
  }
}
.cart_items .lock {
  display: flex;
  align-items: center;
  padding-left: 50px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  color: #4f4f4f;
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 5;
  transform: scale(0);
  transition: opacity 0.2s ease-out, scale 0.2s ease-out;
}
.cart_items .lock.active {
  transform: scale(1);
  opacity: 1;
  height: 100%;
  width: 100%;
}
.cart_items .item {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 15% 85%;
  -ms-grid-columns: 15% 85%;
  align-items: center;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item:first-of-type {
    border-top: 1px solid rgba(60, 60, 60, 0.1);
  }
}
@media print, screen and (max-width: 89.99875em) {
  .cart_items .item {
    padding: 25px 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item {
    grid-template-columns: 30% 70%;
    -ms-grid-columns: 30% 70%;
  }
}
.cart_items .item_product img {
  padding: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item_product img {
    padding: 0;
  }
}
.cart_items .item_product-info {
  display: grid;
  grid-template-columns: 52% 38% 10%;
  -ms-grid-columns: 52% 38% 10%;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item_product-info {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.cart_items .item_product-info .item-beschrijving {
  margin-left: 75px;
  z-index: 3;
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item_product-info .item-beschrijving {
    margin: 0 0 20px 25px;
  }
}
.cart_items .item_product-info .item-beschrijving div {
  line-height: 30px;
  font-size: 24px;
  font-weight: 300;
}
@media print, screen and (max-width: 80.06125em) {
  .cart_items .item_product-info .item-beschrijving div {
    max-width: 95%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item_product-info .item-beschrijving div {
    line-height: 24px;
    max-width: unset;
    font-size: 20px;
  }
}
.cart_items .item_product-info .item-hoeveelheid {
  position: relative;
}
@media print, screen and (max-width: 89.99875em) {
  .cart_items .item_product-info .item-hoeveelheid {
    transform: translateX(-18px);
  }
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item_product-info .item-hoeveelheid {
    transform: translateX(0);
  }
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item_product-info .item-hoeveelheid {
    margin-bottom: 10px;
  }
}
.cart_items .item_product-info .item-hoeveelheid .quantity {
  margin-top: 11px;
}
@media print, screen and (max-width: 39.99875em) {
  .cart_items .item_product-info .item-hoeveelheid .quantity {
    margin-top: 0;
  }
}
.cart_items .item_product-info .item-hoeveelheid .cart-item-remove-button {
  position: absolute;
  top: 3px;
  left: 144px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: underline;
  cursor: pointer;
}
.cart_items .item_product-info .item-hoeveelheid .cart-item-remove-button.mobile {
  left: 175px;
  text-decoration: none;
  font-size: 18px;
  background: #e6e6e6;
  padding: 5px 8px;
  top: 0;
  border-radius: 50%;
  font-weight: 300;
  color: #1E1E1E;
}
.cart_items .item_product-info .item-totaal {
  display: flex;
  justify-content: flex-end;
  z-index: 4;
}
@media print, screen and (max-width: 47.99875em) {
  .cart_items .item_product-info .item-totaal {
    margin-left: 25px;
    justify-content: flex-start;
  }
}
.final .coupon p {
  margin-top: 10px;
  margin-bottom: 25px;
  line-height: 23px;
}
@media print, screen and (max-width: 47.99875em) {
  .final .coupon .remove-coupon .button.primary {
    margin-bottom: 35px;
    padding: 14px 20px;
  }
}
.final .coupon-check {
  opacity: 0;
  width: 0;
  height: 0;
}
.final .coupon-check + label + form {
  display: none;
}
.final .coupon-check:checked {
  display: none;
}
.final .coupon-check:checked + label {
  display: none;
}
.final .coupon-check:checked + label + form {
  display: flex;
  margin-bottom: 30px;
  align-items: flex-end;
}
@media print, screen and (max-width: 47.99875em) {
  .final .coupon-check:checked + label + form {
    padding-right: 10px;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  }
}
.final .coupon-check:checked + label + form div {
  display: flex;
  flex-direction: column;
}
.final .coupon-check:checked + label + form div label {
  color: rgba(60, 60, 60, 0.6);
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  margin-bottom: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .final .coupon-check:checked + label + form div label {
    margin-bottom: 10px;
  }
}
.final .coupon-check:checked + label + form div input {
  background: 0;
  border: none;
  border-bottom: 1px solid rgba(60, 60, 60, 0.6);
  border-radius: 0;
  padding: 7px 3px 2px 5px;
  font-weight: 300;
}
.final .coupon-check:checked + label + form div input:focus {
  outline: 0;
}
.final .coupon-check:checked + label + form div input::placeholder {
  font-size: 13px;
}
.final .coupon-check:checked + label + form .button {
  border: none;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  text-decoration: underline;
}
.final .coupon .coupon-check-label {
  display: block;
  font-size: 16px;
  text-decoration: underline;
  cursor: pointer;
  margin-top: -18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(60, 60, 60, 0.6);
  font-weight: 400;
}
@media print, screen and (max-width: 47.99875em) {
  .final .coupon .coupon-check-label {
    font-size: 14px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(60, 60, 60, 0.1);
    margin: -20px 0 25px 0;
  }
}
.final .totals {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.final .totals .shipping,
.final .totals .discount {
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
}
.final .totals .shipping .text,
.final .totals .discount .text {
  color: rgba(60, 60, 60, 0.6);
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
}
@media print, screen and (max-width: 47.99875em) {
  .final .totals .shipping .text,
  .final .totals .discount .text {
    font-size: 14px;
  }
}
.final .totals .discount {
  padding-top: 20px;
}
.final .totals .total {
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0 75px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .final .totals .total {
    margin: 25px 0;
  }
}
.final .totals .total .text {
  color: rgba(60, 60, 60, 0.6);
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
}
@media print, screen and (max-width: 47.99875em) {
  .final .totals .total .text {
    font-size: 14px;
  }
}
.final .totals .total .number {
  font-weight: 500;
}
.final .totals .order {
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 20px 30px;
  border: none;
}
.final .totals .order:hover, .final .totals .order:focus, .final .totals .order:active {
  background: #000;
  color: #fff;
}
@media print, screen and (max-width: 47.99875em) {
  .final .totals .order {
    padding: 15px 20px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .final .form-checkout.desktop {
    display: none;
  }
}
.final .form-checkout.mobile {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .final .form-checkout.mobile {
    display: block;
    width: 100%;
    text-align: right;
    margin-right: 10px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .final .form-checkout {
    order: 2;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .final .form-checkout .button {
    margin-left: 10px;
  }
}
.account h1 {
  font-weight: 200;
  font-size: 45px;
  margin: 50px 0;
}
.account h1.beanbook {
  margin: 50px 0 30px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .account h1.beanbook {
    margin: 0px 0 20px 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .account h1 {
    font-size: 30px;
    margin: 0 0 15px 0;
  }
}
.account h2.beanbook {
  margin: 50px 0 30px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .account h2.beanbook {
    margin: 0px 0 20px 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout form span.error {
    margin-top: 0 !important;
  }
}
.checkout__mode {
  background: #f3f1ed;
  color: #1E1E1E;
  padding: 15px;
  border-radius: 5px;
  display: table;
  margin-bottom: 50px;
  margin-top: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__mode {
    margin-bottom: 40px;
    padding: 10px;
  }
}
.checkout__mode p {
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__mode p {
    line-height: 22px;
    font-size: 16px;
  }
  .checkout__mode p:not(:last-child) {
    margin-bottom: 8px;
  }
}
.checkout__steps {
  margin-bottom: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__steps {
    padding: 25px 10px 0 10px;
    border-radius: 5px;
    margin: 0 -10px 40px -10px;
  }
}
.checkout__steps-indicator {
  grid-gap: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__steps-indicator {
    grid-gap: 10px;
  }
}
.checkout__steps-step {
  position: relative;
  color: #1E1E1E;
  padding: 0 20px 0 0;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__steps-step {
    padding: 0 17px 0 0;
    font-size: 12px;
    height: 20px;
  }
}
.checkout__steps-step:not(:last-child):after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background-image: url(/static/default/media/images/templating/svg/chevron-right-white.svg);
  right: 0;
  top: 6px;
  background-size: 5px 10px;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__steps-step:not(:last-child):after {
    right: -2px;
    top: 6px;
    background-size: 5px 8px;
  }
}
.checkout__steps-step.active {
  font-weight: 500;
  pointer-events: none;
  cursor: auto;
}
.checkout__steps-step.active:after {
  background-image: url(/static/default/media/images/templating/svg/chevron-right-black.svg);
}
.checkout__steps-step.active a {
  color: #1E1E1E;
  font-weight: 600;
}
.checkout__steps-step a {
  color: #1E1E1E;
  transition: all 0.2s ease-out;
}
.checkout .cart__responses {
  margin-bottom: 50px;
  margin-top: -20px;
}
.checkout .cart__responses p {
  margin-bottom: 0;
}
.checkout__account h2 {
  margin-bottom: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account h2 {
    margin-bottom: 10px;
    line-height: 38px;
    font-size: 30px;
  }
}
.checkout__account p {
  margin-bottom: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account p {
    line-height: 24px;
  }
}
.checkout__account-new-user p {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-new-user p {
    margin-bottom: 25px;
  }
}
.checkout__account-guest-form button.button.primary {
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 20px 30px;
  border: none;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-guest-form button.button.primary {
    padding: 15px 30px;
  }
}
.checkout__account .button.primary {
  font-weight: 300;
}
.checkout__account-existing-user {
  order: 2;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user {
    margin-top: 50px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user h2 {
    line-height: 38px;
    font-size: 30px;
  }
}
.checkout__account-existing-user form {
  background: #fff;
  border-radius: 5px;
  padding: 30px 15px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form {
    padding: 20px 10px;
  }
}
.checkout__account-existing-user form .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  .checkout__account-existing-user form .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  .checkout__account-existing-user form .field.country {
    margin-bottom: 10px !important;
  }
}
.checkout__account-existing-user form .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field.registreren {
    margin-top: 30px;
  }
}
.checkout__account-existing-user form .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field.last {
    margin-top: 30px;
  }
}
.checkout__account-existing-user form .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
.checkout__account-existing-user form .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
.checkout__account-existing-user form .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.checkout__account-existing-user form .field.checkbox.save-profile {
  margin-top: 5px;
}
.checkout__account-existing-user form .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
.checkout__account-existing-user form .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.checkout__account-existing-user form .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .checkout__account-existing-user form .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field .info.hint {
    margin-bottom: 5px;
  }
}
.checkout__account-existing-user form .field .info.hint .hint {
  margin-top: 0;
}
.checkout__account-existing-user form .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
.checkout__account-existing-user form .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  .checkout__account-existing-user form .field .info .hint {
    margin-top: 0;
  }
}
.checkout__account-existing-user form .field.image input {
  display: none;
}
.checkout__account-existing-user form .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
.checkout__account-existing-user form .field.image label:hover {
  background-color: #666;
}
.checkout__account-existing-user form .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
.checkout__account-existing-user form .field input, .checkout__account-existing-user form .field textarea, .checkout__account-existing-user form .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field input, .checkout__account-existing-user form .field textarea, .checkout__account-existing-user form .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
.checkout__account-existing-user form .field input:focus, .checkout__account-existing-user form .field input:active, .checkout__account-existing-user form .field textarea:focus, .checkout__account-existing-user form .field textarea:active, .checkout__account-existing-user form .field select:focus, .checkout__account-existing-user form .field select:active {
  border: 1px solid #916953;
  outline: none;
}
.checkout__account-existing-user form .field input#address-shipping-remember, .checkout__account-existing-user form .field textarea#address-shipping-remember, .checkout__account-existing-user form .field select#address-shipping-remember {
  margin-top: 0;
}
.checkout__account-existing-user form .field input.read-only, .checkout__account-existing-user form .field textarea.read-only, .checkout__account-existing-user form .field select.read-only {
  background-color: #fdfdfc;
}
.checkout__account-existing-user form .field input::placeholder, .checkout__account-existing-user form .field textarea::placeholder, .checkout__account-existing-user form .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
.checkout__account-existing-user form .field.checkbox:hover {
  cursor: pointer;
}
.checkout__account-existing-user form .field.checkbox label:hover {
  cursor: pointer;
}
.checkout__account-existing-user form .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
.checkout__account-existing-user form .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
.checkout__account-existing-user form .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field select {
    padding: 0 0 0 1px;
  }
}
.checkout__account-existing-user form .field textarea {
  height: auto;
}
.checkout__account-existing-user form .field.nbm {
  margin-bottom: 0;
}
.checkout__account-existing-user form .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
.checkout__account-existing-user form .area.read-only {
  pointer-events: none;
}
.checkout__account-existing-user form .area .field:last-child {
  margin-bottom: 0;
}
.checkout__account-existing-user form .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
.checkout__account-existing-user form span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form span.error {
    margin: 0 0 0 0;
  }
}
.checkout__account-existing-user form .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .button.fill {
    margin-top: 20px;
  }
}
.checkout__account-existing-user form .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .actions {
    grid-column: 1;
  }
}
.checkout__account-existing-user form .field {
  margin-left: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field {
    margin-left: 0;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 47.99875em) and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field.actions {
    margin-top: 15px;
  }
}
.checkout__account-existing-user form .field.actions {
  margin-bottom: 0;
}
.checkout__account-existing-user form .field.checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-existing-user form .field.checkbox {
    margin-bottom: 35px;
  }
  .checkout__account-existing-user form .field.checkbox label {
    margin-bottom: 0 !important;
  }
}
.checkout__account-existing-user form .field.checkbox #c-login-rememberme {
  margin-top: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-new-user {
    order: 1;
  }
}
.checkout__account-new-user .checkout__account-guest-form {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__account-new-user .checkout__account-guest-form {
    grid-gap: 15px;
  }
}
.checkout__address {
  padding-left: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address {
    padding-left: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address + .checkout__summary .checkout__summary-order {
    padding-bottom: 0;
  }
}
.checkout__address .country-radio .radio-options {
  display: flex;
  margin-top: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .country-radio .radio-options {
    margin-bottom: 5px;
  }
}
.checkout__address .country-radio .radio-options .radio-option {
  display: flex;
  align-items: center;
}
.checkout__address .country-radio .radio-options .radio-option:not(:first-child) {
  margin-left: 25px;
}
.checkout__address .country-radio .radio-options .radio-option label {
  font-weight: 300;
}
.checkout__address .country-radio .radio-options .radio-option input {
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 6px;
}
.checkout__address .postcode-huisnummer {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-gap: 10px;
}
.checkout__address .straat-plaats,
.checkout__address .voornaam-achternaam {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-gap: 10px;
}
.checkout__address .straat-plaats .read-only {
  pointer-events: none;
}
.checkout__address .straat-plaats input {
  box-shadow: none;
}
.checkout__address .accordion {
  margin: 5px 0 30px 0;
  background: #fff;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .accordion {
    margin: 20px 0 20px 0;
  }
}
.checkout__address .accordion .accordion-item .accordion-title {
  border-radius: 4px;
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 400;
  padding: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .accordion .accordion-item .accordion-title {
    padding: 11px;
  }
}
.checkout__address .accordion .accordion-item .accordion-title:focus, .checkout__address .accordion .accordion-item .accordion-title:hover {
  background-color: #fff;
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 400;
}
.checkout__address .accordion .accordion-item .accordion-content {
  background-color: #fff;
}
.checkout__address .invoice-address {
  margin-bottom: 40px;
}
.checkout__address form h3.subtitle {
  margin-top: 10px;
  font-weight: 200;
  line-height: 1;
  margin-bottom: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field {
    margin: 0 !important;
    padding: 8px 0 !important;
  }
}
.checkout__address form .area {
  margin-top: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .area {
    margin-top: 25px !important;
  }
}
.checkout__address form .area h4 {
  color: #515559;
  width: 80%;
  margin-bottom: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .area h4 {
    width: 100%;
  }
}
.checkout__address .shipping-address-info {
  margin: 0 1rem 16px 1rem;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .shipping-address-info {
    margin: 0;
  }
}
.checkout__address .shipping-address-info h4 {
  color: #f1f1f1;
  font-size: 14px;
  font-weight: 400;
}
.checkout__address form .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  .checkout__address form .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  .checkout__address form .field.country {
    margin-bottom: 10px !important;
  }
}
.checkout__address form .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field.registreren {
    margin-top: 30px;
  }
}
.checkout__address form .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field.last {
    margin-top: 30px;
  }
}
.checkout__address form .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
.checkout__address form .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
.checkout__address form .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.checkout__address form .field.checkbox.save-profile {
  margin-top: 5px;
}
.checkout__address form .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
.checkout__address form .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.checkout__address form .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .checkout__address form .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field .info.hint {
    margin-bottom: 5px;
  }
}
.checkout__address form .field .info.hint .hint {
  margin-top: 0;
}
.checkout__address form .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
.checkout__address form .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  .checkout__address form .field .info .hint {
    margin-top: 0;
  }
}
.checkout__address form .field.image input {
  display: none;
}
.checkout__address form .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
.checkout__address form .field.image label:hover {
  background-color: #666;
}
.checkout__address form .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
.checkout__address form .field input, .checkout__address form .field textarea, .checkout__address form .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field input, .checkout__address form .field textarea, .checkout__address form .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
.checkout__address form .field input:focus, .checkout__address form .field input:active, .checkout__address form .field textarea:focus, .checkout__address form .field textarea:active, .checkout__address form .field select:focus, .checkout__address form .field select:active {
  border: 1px solid #916953;
  outline: none;
}
.checkout__address form .field input#address-shipping-remember, .checkout__address form .field textarea#address-shipping-remember, .checkout__address form .field select#address-shipping-remember {
  margin-top: 0;
}
.checkout__address form .field input.read-only, .checkout__address form .field textarea.read-only, .checkout__address form .field select.read-only {
  background-color: #fdfdfc;
}
.checkout__address form .field input::placeholder, .checkout__address form .field textarea::placeholder, .checkout__address form .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
.checkout__address form .field.checkbox:hover {
  cursor: pointer;
}
.checkout__address form .field.checkbox label:hover {
  cursor: pointer;
}
.checkout__address form .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
.checkout__address form .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
.checkout__address form .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .field select {
    padding: 0 0 0 1px;
  }
}
.checkout__address form .field textarea {
  height: auto;
}
.checkout__address form .field.nbm {
  margin-bottom: 0;
}
.checkout__address form .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
.checkout__address form .area.read-only {
  pointer-events: none;
}
.checkout__address form .area .field:last-child {
  margin-bottom: 0;
}
.checkout__address form .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
.checkout__address form span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form span.error {
    margin: 0 0 0 0;
  }
}
.checkout__address form .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .button.fill {
    margin-top: 20px;
  }
}
.checkout__address form .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address form .actions {
    grid-column: 1;
  }
}
.checkout__address .c-checkout-previous-address-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .c-checkout-previous-address-list .billing-address-wrapper {
    margin-top: -20px;
  }
}
.checkout__address .checkout__address-previous-list,
.checkout__address .c-checkout-previous-address-list {
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-top: 30px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .checkout__address-previous-list,
  .checkout__address .c-checkout-previous-address-list {
    margin-top: 15px;
    padding-bottom: 0;
  }
}
.checkout__address .checkout__address-previous-list .previous-outer,
.checkout__address .c-checkout-previous-address-list .previous-outer {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  margin-bottom: 35px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .checkout__address-previous-list .previous-outer,
  .checkout__address .c-checkout-previous-address-list .previous-outer {
    grid-gap: 0;
    margin-bottom: 30px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .checkout__address-previous-list .wrapper.shipping-address-wrapper,
  .checkout__address .c-checkout-previous-address-list .wrapper.shipping-address-wrapper {
    margin-top: -10px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .checkout__address-previous-list .wrapper.shipping-address-wrapper:last-child,
  .checkout__address .c-checkout-previous-address-list .wrapper.shipping-address-wrapper:last-child {
    margin-bottom: 30px;
  }
}
.checkout__address .checkout__address-previous-list .wrapper,
.checkout__address .c-checkout-previous-address-list .wrapper {
  position: relative;
}
.checkout__address .checkout__address-previous-list .wrapper input,
.checkout__address .c-checkout-previous-address-list .wrapper input {
  transform: translateX(4px) translateY(24px);
}
.checkout__address .checkout__address-previous-list .wrapper input:checked + .method-section label:hover,
.checkout__address .c-checkout-previous-address-list .wrapper input:checked + .method-section label:hover {
  cursor: pointer;
}
.checkout__address .checkout__address-previous-list .wrapper p,
.checkout__address .checkout__address-previous-list .wrapper .address-details div,
.checkout__address .c-checkout-previous-address-list .wrapper p,
.checkout__address .c-checkout-previous-address-list .wrapper .address-details div {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 0;
}
.checkout__address .checkout__address-previous-list .wrapper .method-section,
.checkout__address .c-checkout-previous-address-list .wrapper .method-section {
  background: #f3f1ed;
  color: #2b2b2b;
  padding: 8px;
  margin-top: -30px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address .checkout__address-previous-list .wrapper .method-section,
  .checkout__address .c-checkout-previous-address-list .wrapper .method-section {
    margin-top: 0;
  }
}
.checkout__address .checkout__address-previous-list .wrapper .method-section:hover,
.checkout__address .c-checkout-previous-address-list .wrapper .method-section:hover {
  cursor: pointer;
}
.checkout__address .checkout__address-previous-list .wrapper .method-section label:hover,
.checkout__address .c-checkout-previous-address-list .wrapper .method-section label:hover {
  cursor: pointer;
}
.checkout__address .checkout__address-previous-list .wrapper .method-radio:checked + .method-section,
.checkout__address .c-checkout-previous-address-list .wrapper .method-radio:checked + .method-section {
  background: #f3f1ed;
  color: #1e1e1e;
  border: 1px solid #1e1e1e;
}
.checkout__address .checkout__address-previous-list .wrapper .method-wrapper,
.checkout__address .c-checkout-previous-address-list .wrapper .method-wrapper {
  position: relative;
}
.checkout__address .shipping-address-wrapper,
.checkout__address .billing-address-wrapper {
  position: relative;
}
.checkout__address .shipping-address-wrapper:last-child,
.checkout__address .billing-address-wrapper:last-child {
  margin-bottom: 25px;
}
.checkout__address .shipping-address-wrapper.new-address,
.checkout__address .billing-address-wrapper.new-address {
  margin-bottom: 28px;
}
.checkout__address .shipping-address-wrapper.new-address .method-section.shipping-address-section,
.checkout__address .shipping-address-wrapper.new-address .method-section.billing-address-section,
.checkout__address .billing-address-wrapper.new-address .method-section.shipping-address-section,
.checkout__address .billing-address-wrapper.new-address .method-section.billing-address-section {
  background-color: #f9f8f6;
}
.checkout__address .shipping-address-wrapper.new-address .method-section.shipping-address-section:hover,
.checkout__address .shipping-address-wrapper.new-address .method-section.billing-address-section:hover,
.checkout__address .billing-address-wrapper.new-address .method-section.shipping-address-section:hover,
.checkout__address .billing-address-wrapper.new-address .method-section.billing-address-section:hover {
  background-color: #f9f8f6;
}
.checkout__address .shipping-address-wrapper:hover,
.checkout__address .billing-address-wrapper:hover {
  cursor: pointer;
}
.checkout__address .shipping-address-wrapper input,
.checkout__address .billing-address-wrapper input {
  z-index: 5;
  position: relative;
}
.checkout__address .shipping-address-wrapper .shipping-address-radio,
.checkout__address .shipping-address-wrapper .billing-address-radio,
.checkout__address .billing-address-wrapper .shipping-address-radio,
.checkout__address .billing-address-wrapper .billing-address-radio {
  margin-left: 4px;
  opacity: 0;
}
.checkout__address .shipping-address-wrapper .shipping-address-radio:checked + .shipping-address-section:hover label,
.checkout__address .shipping-address-wrapper .billing-address-radio:checked + .shipping-address-section:hover label,
.checkout__address .billing-address-wrapper .shipping-address-radio:checked + .shipping-address-section:hover label,
.checkout__address .billing-address-wrapper .billing-address-radio:checked + .shipping-address-section:hover label {
  cursor: auto;
}
.checkout__address .shipping-address-wrapper #shipping-address-new,
.checkout__address .shipping-address-wrapper #billing-address-new,
.checkout__address .billing-address-wrapper #shipping-address-new,
.checkout__address .billing-address-wrapper #billing-address-new {
  margin-left: 6px;
  opacity: 0;
}
.checkout__address .shipping-address-wrapper .shipping-address-section,
.checkout__address .shipping-address-wrapper .billing-address-section,
.checkout__address .billing-address-wrapper .shipping-address-section,
.checkout__address .billing-address-wrapper .billing-address-section {
  background-color: #f3f1ed;
  margin-top: -19px;
  transition: background-color 0.3s ease-in;
}
.checkout__address .shipping-address-wrapper .shipping-address-section:hover,
.checkout__address .shipping-address-wrapper .billing-address-section:hover,
.checkout__address .billing-address-wrapper .shipping-address-section:hover,
.checkout__address .billing-address-wrapper .billing-address-section:hover {
  cursor: pointer;
  background-color: #ebeae6;
}
.checkout__address .shipping-address-wrapper .shipping-address-section .shipping-address-section-label,
.checkout__address .shipping-address-wrapper .shipping-address-section .billing-address-section-label,
.checkout__address .shipping-address-wrapper .billing-address-section .shipping-address-section-label,
.checkout__address .shipping-address-wrapper .billing-address-section .billing-address-section-label,
.checkout__address .billing-address-wrapper .shipping-address-section .shipping-address-section-label,
.checkout__address .billing-address-wrapper .shipping-address-section .billing-address-section-label,
.checkout__address .billing-address-wrapper .billing-address-section .shipping-address-section-label,
.checkout__address .billing-address-wrapper .billing-address-section .billing-address-section-label {
  padding: 15px;
  margin-top: 0;
  background-color: #f3f1ed;
  color: #1E1E1E;
  font-size: 16px;
  margin-bottom: 20px;
  transition: all 0.3s ease-out;
}
.checkout__address .shipping-address-wrapper .shipping-address-section .shipping-address-section-label:hover,
.checkout__address .shipping-address-wrapper .shipping-address-section .billing-address-section-label:hover,
.checkout__address .shipping-address-wrapper .billing-address-section .shipping-address-section-label:hover,
.checkout__address .shipping-address-wrapper .billing-address-section .billing-address-section-label:hover,
.checkout__address .billing-address-wrapper .shipping-address-section .shipping-address-section-label:hover,
.checkout__address .billing-address-wrapper .shipping-address-section .billing-address-section-label:hover,
.checkout__address .billing-address-wrapper .billing-address-section .shipping-address-section-label:hover,
.checkout__address .billing-address-wrapper .billing-address-section .billing-address-section-label:hover {
  background-color: #ebeae6;
  cursor: pointer;
}
.checkout__address .shipping-address-wrapper .method-section .method-details,
.checkout__address .billing-address-wrapper .method-section .method-details {
  display: none;
}
.checkout__address .shipping-address-wrapper .method-radio:checked + .method-section .shipping-address-section-label,
.checkout__address .shipping-address-wrapper .method-radio:checked + .method-section .billing-address-section-label,
.checkout__address .billing-address-wrapper .method-radio:checked + .method-section .shipping-address-section-label,
.checkout__address .billing-address-wrapper .method-radio:checked + .method-section .billing-address-section-label {
  background: #f3f1ed;
  color: #1e1e1e;
  border: 1px solid #1e1e1e;
}
.checkout__address .shipping-address-wrapper .c-method-radio:checked + .c-method-section .c-method-gateway-form,
.checkout__address .shipping-address-wrapper .method-radio:checked + .method-section .method-details,
.checkout__address .billing-address-wrapper .c-method-radio:checked + .c-method-section .c-method-gateway-form,
.checkout__address .billing-address-wrapper .method-radio:checked + .method-section .method-details {
  display: block;
}
.checkout__address-billing-address {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.checkout__address-billing-address input {
  z-index: 5;
  transform: translateY(1px) translateX(8px);
  opacity: 0;
}
.checkout__address-billing-address input:checked + .shipping-address-section:hover label {
  cursor: auto;
}
.checkout__address-billing-address .method-section {
  margin-left: -14px;
  color: #f1f1f1;
  margin-bottom: 30px;
  transition: all 0.2s ease-out;
}
.checkout__address-billing-address .method-section label {
  font-size: 16px;
  background-color: #f3f1ed;
  color: #1E1E1E;
  padding: 15px;
  transition: all 0.3s ease-in;
}
.checkout__address-billing-address .method-section label:hover {
  background-color: #ebeae6;
  cursor: pointer;
}
.checkout__address-billing-address .method-radio:checked + .method-section label {
  background: #f3f1ed;
  color: #1E1E1E;
  border: 1px solid #1E1E1E;
}
.checkout__address-new-billing-address {
  position: relative;
}
.checkout__address-new-billing-address .c-checkout-billing-address-container {
  background: white;
  padding: 30px 15px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address-new-billing-address .c-checkout-billing-address-container {
    padding: 20px 10px;
  }
}
.checkout__address-new-billing-address .billing-address-radio {
  z-index: 5;
  transform: translateY(19px) translateX(7px);
  opacity: 0;
}
.checkout__address-new-billing-address .billing-address-radio:checked + .shipping-address-section:hover label {
  cursor: auto;
}
.checkout__address-new-billing-address .new-billing-address-label {
  padding: 15px;
  background-color: #f3f1ed;
  color: #2b2b2b;
  font-size: 16px;
  transition: all 0.3s ease-out;
}
.checkout__address-new-billing-address .new-billing-address-label:hover {
  cursor: pointer;
  background-color: #ebeae6;
}
.checkout__address-new-billing-address .method-radio:checked + .method-section .new-billing-address-label {
  background: #f3f1ed;
  color: #1E1E1E;
  border: 1px solid #1E1E1E;
}
.checkout__address-new-billing-address .method-details {
  display: none;
  margin-top: 50px;
}
.checkout__address-new-billing-address .method-radio:checked + .method-section .method-gateway-form,
.checkout__address-new-billing-address .method-radio:checked + .method-section .method-details {
  display: block;
}
.checkout__address-shipping {
  background: white;
  padding: 30px 15px;
  border-radius: 5px;
  margin-top: 32px;
  margin-bottom: 50px;
  cursor: auto;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address-shipping {
    padding: 20px 10px;
    margin-top: 35px;
    margin-bottom: 30px;
  }
}
.checkout__address-actions {
  margin-top: 35px;
  border-top: 1px solid rgba(60, 60, 60, 0.1);
  padding-top: 35px;
}
.checkout__address-actions .button.primary {
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 20px 30px;
  border: none;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__address-actions .button.primary {
    padding: 15px 30px;
    font-size: 18px;
  }
}
.checkout__address-actions .button.primary:hover, .checkout__address-actions .button.primary:focus, .checkout__address-actions .button.primary:active {
  background: #000;
  color: #fff;
}
.checkout__summary {
  border-right: 1px solid rgba(60, 60, 60, 0.1);
  padding-right: 50px;
}
@media print, screen and (max-width: 63.99875em) {
  .checkout__summary {
    border-left: none;
    padding-left: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary {
    padding-right: 0;
    border-right: none;
  }
}
.checkout__summary h2 {
  margin-bottom: 30px;
}
@media print, screen and (max-width: 80.06125em) {
  .checkout__summary-order {
    margin-top: 50px;
    padding-bottom: 30px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order {
    padding-bottom: 30px;
  }
}
.checkout__summary-order h3 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order h3 {
    font-size: 20px;
  }
}
.checkout__summary-order .items .item__details {
  margin-bottom: 10px;
}
.checkout__summary-order .items .item__details .grid-x {
  display: grid;
  grid-template-columns: 90% 10%;
  margin-bottom: 5px;
}
.checkout__summary-order .items .item__details .grid-x.details-numbers {
  grid-template-columns: 55% 45%;
}
.checkout__summary-order .items .item__details .grid-x.details-title {
  margin-bottom: 10px;
}
.checkout__summary-order .items .item__details .item {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 20px;
  align-items: center;
  padding: 10px;
  color: #1e1e1e;
  background: #fdfdfc;
}
.checkout__summary-order .items .item__details .item img {
  width: 100px;
}
.checkout__summary-order .items .item__details-label {
  font-size: 18px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order .items .item__details-label {
    font-size: 16px;
  }
}
.checkout__summary-order .items .item__details-label.name {
  font-weight: 400;
  color: #1e1e1e;
}
.checkout__summary-order .items .item__details-value {
  font-size: 18px;
  justify-self: flex-end;
  text-align: end;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order .items .item__details-value {
    font-size: 16px;
  }
}
.checkout__summary-order .items .totals {
  margin-top: 25px;
}
.checkout__summary-order .items .totals .grid-x {
  display: grid;
  grid-template-columns: 75% 25%;
  justify-items: flex-end;
  margin-bottom: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order .items .totals .grid-x {
    grid-template-columns: 65% 35%;
  }
}
.checkout__summary-order .items .totals .taxes {
  margin: 10px 0;
}
.checkout__summary-order .items .totals .taxes .grid-x {
  margin-bottom: 5px;
}
.checkout__summary-order .items .totals .taxes .label,
.checkout__summary-order .items .totals .taxes .value {
  font-size: 18px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order .items .totals .taxes .label,
  .checkout__summary-order .items .totals .taxes .value {
    font-size: 16px;
  }
}
.checkout__summary-order .items .totals .item {
  color: #1e1e1e;
  margin-top: 10px;
}
.checkout__summary-order .items .totals .item .total {
  margin-top: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order .items .totals .item .total {
    margin-top: 15px;
  }
}
.checkout__summary-order .items .totals .grid-x {
  margin-bottom: 5px;
}
.checkout__summary-order .items .totals .total div {
  font-weight: 300;
  color: #1e1e1e;
}
.checkout__summary-order .items .totals .total .value {
  font-weight: 500;
}
.checkout__summary-order .items .totals .label {
  font-size: 18px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order .items .totals .label {
    font-size: 16px;
  }
}
.checkout__summary-order .items .totals .value {
  font-size: 18px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-order .items .totals .value {
    font-size: 16px;
  }
}
.checkout__summary-data {
  border-top: 1px solid rgba(60, 60, 60, 0.1);
  padding-top: 25px;
  margin-top: 30px;
  justify-content: flex-end;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__summary-data {
    justify-content: flex-start;
    margin-top: 0;
  }
}
.checkout__summary-data .shipping {
  margin-bottom: 20px;
}
.checkout__summary-data p {
  margin-bottom: 0;
}
.checkout__summary-shipping {
  margin-right: 60px;
}
.checkout__summary-shipping h3 {
  margin-bottom: 10px;
}
.checkout__summary-shipping .shipping-address {
  border-left: 0;
  padding-left: 0;
}
.checkout__summary-billing h3 {
  margin-bottom: 10px;
}
.checkout__summary-billing .billing-address {
  border-left: 0;
  padding-left: 0;
}
.checkout__shipping-method h2 {
  margin-bottom: 25px;
}
.checkout__shipping-method ul {
  margin: 0 0 25px 20px;
}
.checkout__shipping-method .shipment-type-title {
  margin-top: 50px;
}
.checkout__shipping-method .shipping-subtitle {
  margin-bottom: 12px;
}
.checkout__shipping-method .multiple-shipments-text {
  margin-bottom: 0;
}
.checkout__shipping-method .c-method-section {
  display: table;
  background: #f1f1f1;
  color: #2b2b2b;
  padding: 8px;
  transition: all 0.2s ease-out;
}
.checkout__shipping-method .c-method-section > label {
  font-size: 16px;
  padding-left: 0;
}
.checkout__shipping-method .c-method-section > label:hover {
  color: #2b2b2b;
}
.checkout__shipping-method .c-method-radio {
  position: absolute;
  top: 12px;
  left: 10px;
  opacity: 0;
}
.checkout__shipping-method .c-method-radio:checked + .c-method-section {
  background: #0c659d;
  color: #f1f1f1;
}
.checkout__shipping-method .c-method-radio:checked + .c-method-section > label:hover {
  color: #f1f1f1;
}
.checkout__shipping-method .button.primary {
  margin-top: 50px;
}
.checkout__payment {
  padding-left: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__payment {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .checkout__payment + .checkout__summary {
    border-left: 1px solid rgba(60, 60, 60, 0.1);
    padding-left: 20px;
  }
  .checkout__payment + .checkout__summary .checkout__summary-order {
    padding-bottom: 0;
  }
}
.checkout__payment h2 {
  margin-bottom: 30px;
}
.checkout__payment .c-method-section {
  background: #f1f1f1;
  color: #2b2b2b;
  padding: 8px;
  display: table;
  transition: all 0.2s ease-out;
}
.checkout__payment .c-method-section > label {
  font-size: 16px;
  padding-left: 0;
}
.checkout__payment .c-method-section > label:hover {
  color: #2b2b2b;
}
.checkout__payment .c-method-radio {
  position: absolute;
  top: 12px;
  left: 10px;
  opacity: 0;
}
.checkout__payment .c-method-radio:checked + .c-method-section {
  background: #f3f1ed;
  color: #1E1E1E;
  border: 1px solid #1E1E1E;
}
.checkout__payment .c-method-radio:checked + .c-method-section > label:hover {
  color: #1E1E1E;
}
.checkout__payment .c-payment-method-wrapper .c-payment-method-section {
  width: 100%;
  padding: 0 !important;
  border: none !important;
  background: #f9f8f6 !important;
}
.checkout__payment .c-payment-method-wrapper .c-payment-method-section .c-method-gateway-form {
  padding-top: 0;
  min-height: 282px;
}
.checkout__payment .c-payment-method-wrapper .c-payment-method-section .c-stripe-payment-element {
  padding: 0;
  background-color: #f9f8f6;
  box-shadow: none;
  margin: 0;
}
.checkout__payment .button.primary {
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 20px 30px;
  border: none;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__payment .button.primary {
    padding: 15px 30px;
  }
}
.checkout__payment .button.primary:hover, .checkout__payment .button.primary:focus, .checkout__payment .button.primary:active {
  background: #000;
  color: #fff;
}
.checkout__pending h2 {
  margin-bottom: 25px;
}
.checkout__pending p {
  margin-bottom: 16px;
}
.checkout__pending .button.primary {
  margin-bottom: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .checkout__pending .button.primary {
    margin-bottom: 30px;
  }
}
.checkout__pending .commerce-pending-transaction-form-cancel .button.primary {
  margin-bottom: 0;
}
.checkout__confirmed h2 {
  margin-bottom: 25px;
}
.checkout__confirmed .cart__responses {
  margin-bottom: 25px;
}
.header-top-mobile {
  display: none;
  color: #000;
  font-size: 12px;
  padding: 8px 10px;
  margin: 64px 0 0 0;
  opacity: 0;
  font-weight: 400;
  height: 38px;
}
.header-top-mobile a {
  display: flex;
  justify-content: center;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
}
.header-top-mobile .item.shipping,
.header-top-mobile .item.signup-discount {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
}
.header-top-mobile span {
  margin-left: 8px;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  transform: translateY(2px);
}
.header-top-mobile span .star {
  fill: currentColor;
  width: 15px;
  height: 15px;
  color: #2c2c2c;
}
.header-top-mobile .item {
  text-align: center;
}
.header-top-mobile.slick-initialized {
  opacity: 1;
}
.temp-main.home .nav {
  --nav-logo-color: #fff;
  --nav-link-color: #fff;
  --nav-link-active-color: #000;
  --nav-cart-bg: #fff;
  --nav-cart-count-color: #000;
  --nav-search-placeholder-color: #fff;
  --nav-menu-bar-color: #fff;
}
.temp-main.home.nav-contrast-invert .nav {
  --nav-logo-color: #000;
  --nav-link-color: #000;
  --nav-link-active-color: #C76B3E;
  --nav-cart-bg: #000;
  --nav-cart-count-color: #fff;
  --nav-search-placeholder-color: #000;
  --nav-menu-bar-color: #000;
}
.nav {
  --nav-theme-transition-duration: .2s;
  --nav-theme-transition-easing: ease-in;
  --nav-logo-color: #000;
  --nav-link-color: #000;
  --nav-link-active-color: #000;
  --nav-cart-bg: #000;
  --nav-cart-count-color: #fff;
  --nav-search-placeholder-color: #000;
  --nav-menu-bar-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100% !important;
  padding: 24px 0 0 0;
  background-color: transparent;
  z-index: 50;
  border-bottom: 1px solid transparent;
  transition: all var(--nav-theme-transition-duration) var(--nav-theme-transition-easing), border-bottom-color var(--nav-theme-transition-duration) var(--nav-theme-transition-easing);
}
@media print, screen and (max-width: 47.99875em) {
  .nav {
    padding: 0 !important;
  }
}
.nav.nav-hidden {
  opacity: 0;
}
.nav .header-top-note {
  display: grid;
  display: none;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  color: #000;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  padding: 0 9999px 16px 9999px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  margin: 0 -9999px;
  opacity: 1;
  transition: opacity 0.2s ease, height 0.2s ease-in-out, padding-top 0.2s ease, padding-bottom 0.2s ease;
}
@media print, screen and (max-width: 63.99875em) {
  .nav .header-top-note {
    font-size: 15px;
    display: none;
    padding: 0;
    margin: 0;
  }
}
.nav .header-top-note span {
  margin: 0 0 0 8px;
  transform: translateY(1px);
}
.nav .header-top-note span .star {
  fill: currentColor;
  width: 18px;
  height: 18px;
  color: #2c2c2c;
}
.nav .header-top-note a {
  display: flex;
  color: #1e1e1e;
}
.nav .header-top-note .current-context {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: end;
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .nav .header-top-note .current-context {
    display: none;
  }
}
.nav .header-top-note .current-context .countrysl {
  filter: grayscale(0.5);
  width: 20px;
}
.nav .header-top-note .current-context .dropdownsl {
  width: 13px;
  position: absolute;
  top: -2px;
  right: -10px;
}
.nav .header-top-note .languages {
  display: none;
}
.nav .header-top-note .languages.active {
  display: block;
  position: absolute;
  right: -12px;
  top: 55px;
  padding: 30px 60px 30px 30px;
  z-index: 90;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 80.06125em) {
  .nav .header-top-note .languages.active {
    right: 0;
  }
}
.nav .header-top-note .languages .close-button {
  cursor: pointer;
  background-image: url(/static/default/media/images/templating/svg/cross.svg);
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.nav .header-top-note .languages .nl, .nav .header-top-note .languages .be {
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding-bottom: 15px;
}
.nav .header-top-note .languages .country {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.nav .header-top-note .languages .country-name {
  font-size: 20px;
  font-weight: 200;
  color: #1e1e1e;
  margin-bottom: 3px;
}
.nav .header-top-note .languages .country img {
  width: 17px;
  margin-right: 8px;
  width: 0;
  margin-right: 0;
}
.nav .header-top-note .languages .country-lang {
  display: flex;
  align-items: center;
}
.nav .header-top-note .languages .country-lang.active a {
  font-weight: 400;
}
.nav .header-top-note .languages .country-lang a {
  color: #1e1e1e;
  margin-left: 8px;
  font-size: 17px;
  font-weight: 200;
}
.nav .header-top-note .languages .country-lang img {
  filter: grayscale(0.4);
  width: 13px;
  height: 13px;
  opacity: 0.8;
}
.nav .header-top-note .languages .country-lang:not(:last-child) {
  margin-bottom: 10px;
}
.nav .grid-container {
  position: relative;
}
.nav__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
}
@media print, screen and (max-width: 80.06125em) {
  .nav__items {
    padding: 20px 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items {
    grid-template-columns: 1fr 40px 40px;
    justify-items: flex-end;
    align-items: center;
    padding: 15px 0;
  }
}
.nav__items ul li {
  display: flex;
  align-items: center;
  font-size: unset;
  line-height: unset;
  font-weight: unset;
  letter-spacing: unset;
}
.nav__items ul li a {
  color: var(--nav-link-color);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.nav__items ul li a.active {
  color: var(--nav-link-active-color);
}
.nav__items ul li a.shopping-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--nav-cart-bg);
  border-radius: 50%;
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items ul li a.shopping-cart {
    width: 24px;
    height: 24px;
  }
}
.nav__items ul li a.shopping-cart span {
  color: var(--nav-cart-count-color);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
.nav__items ul li a.text-link {
  position: relative;
}
.nav__items-logo {
  z-index: 25;
  align-items: center;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .nav__items-logo {
    width: auto !important;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items-logo {
    display: flex;
  }
}
.nav__items-logo a.logo-link {
  display: flex;
  margin-right: 48px;
}
.nav__items-logo a.logo-link svg path {
  fill: var(--nav-logo-color);
}
.nav__items-logo a span {
  white-space: nowrap;
  font-weight: 400;
  color: #916953;
  font-size: 18px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .nav__items-logo a span {
    display: none;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-logo a span {
    display: inline-block;
    font-size: 17px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items-logo a span {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-logo {
    text-align: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-main {
    display: none;
  }
}
.nav__items-main ul li:not(:last-child) {
  margin-right: 20px;
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-search {
    display: none;
    position: fixed;
    top: 100px;
    left: 10px;
  }
}
.nav__items-personal {
  justify-content: end;
  z-index: 20;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .nav__items-personal {
    justify-content: center;
    margin: 0 0 0 30px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items-personal {
    z-index: 25;
    margin: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items-personal .search-menu {
    display: none;
  }
}
.nav__items-personal .search input {
  outline: 0;
  border: none;
  padding: 5px;
  background: transparent;
  font-size: 14px;
  color: #000;
  width: 7ch;
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items-personal .search input {
    width: 75px;
  }
}
.nav__items-personal .search input:focus, .nav__items-personal .search input:active {
  width: 15ch;
  outline: none;
}
.nav__items-personal .search input::placeholder {
  font-weight: 400;
  color: var(--nav-search-placeholder-color);
}
.nav__items-personal .current-context {
  display: none;
  position: relative;
  margin-right: 48px;
  margin-top: 8px;
  z-index: 90;
  transition: opacity 0.2s ease-in;
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items-personal .current-context {
    display: block;
    display: none;
  }
}
.nav__items-personal .current-context .countrysl {
  filter: grayscale(0.5);
  width: 18px;
  opacity: 0.8;
}
.nav__items-personal .current-context .dropdownsl {
  width: 11px;
  position: absolute;
  right: -8px;
  top: 1px;
}
.nav__items-personal .languages {
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.nav__items-personal .languages.active {
  display: block;
  position: absolute;
  right: 0;
  top: 76px;
  padding: 20px 60px 20px 30px;
  z-index: 90;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  opacity: 1;
}
.nav__items-personal .languages .close-button {
  cursor: pointer;
  background-image: url(/static/default/media/images/templating/svg/cross.svg);
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.nav__items-personal .languages .nl, .nav__items-personal .languages .be {
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding-bottom: 15px;
}
.nav__items-personal .languages .country {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.nav__items-personal .languages .country-name {
  font-size: 22px;
  font-weight: 300;
  color: #1e1e1e;
}
.nav__items-personal .languages .country img {
  width: 17px;
  margin-right: 8px;
  width: 0;
  margin-right: 0;
}
.nav__items-personal .languages .country-lang {
  display: flex;
}
.nav__items-personal .languages .country-lang.active {
  font-weight: 400;
}
.nav__items-personal .languages .country-lang a {
  margin-left: 8px;
  color: #000;
  font-size: 18px;
}
.nav__items-personal .languages .country-lang img {
  filter: grayscale(0.5);
  width: 15px;
  opacity: 1;
}
.nav__items-personal .languages .country-lang:not(:last-child) {
  margin-bottom: 5px;
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-personal ul {
    justify-content: flex-end;
  }
}
.nav__items-personal ul li:not(:last-child) {
  margin-right: 20px;
}
.nav__items-personal .profile {
  display: none;
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-personal .profile {
    display: block;
    display: none;
    opacity: 1;
    position: absolute;
    top: 14px;
    right: 43px;
    transition: opacity 0.2s ease-in;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .nav__items-personal .profile {
    display: block;
    display: none;
  }
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .nav__items-personal .cart {
    margin-top: 2px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-personal .cart {
    top: 28px;
    right: 68px;
  }
}
.nav__items-personal .profile-mobile {
  display: none;
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-personal .profile-mobile {
    display: block;
    opacity: 1;
    width: auto;
    height: auto;
    transition: opacity 0.2s ease-in;
  }
}
.nav__items-personal .scroll-block {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
  transition: opacity 0.2s ease-in;
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-personal .scroll-block {
    display: block;
  }
}
.nav__items-personal .scroll-block .scroll-to-top {
  position: absolute;
  top: 42px;
  right: 123px;
}
@media print, screen and (min-width: 40em) and (max-width: 47.99875em) {
  .nav__items-personal .scroll-block .scroll-to-top {
    top: 27px;
    right: 108px;
    display: none;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .nav__items-personal .scroll-block .scroll-to-top {
    position: absolute;
    top: 29px;
    right: 102px;
    display: none;
  }
}
.nav__items-personal .scroll-block .scroll-to-top:after {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/scroll-top.svg);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25px;
  height: 25px;
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-personal .scroll-block .scroll-to-top:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 47.99875em) {
  .nav__items-personal .scroll-block .scroll-to-top:after {
    transform: translate(0);
    top: 5px;
    left: unset;
    right: 6px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .nav__items-personal .scroll-block .scroll-to-top:after {
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    right: unset;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .nav__items-personal .login {
    display: none;
  }
}
.nav .mobile-hamburger {
  width: 25px;
  margin-top: 4px;
  display: none;
}
@media print, screen and (max-width: 63.99875em) {
  .nav .mobile-hamburger {
    display: block;
  }
}
.nav .mobile-hamburger .menu-trigger, .nav .mobile-hamburger .close-trigger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: 333;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.nav .mobile-hamburger .menu-trigger:hover .menu-trigger-bar:before,
.nav .mobile-hamburger .menu-trigger:hover .close-trigger-bar:before, .nav .mobile-hamburger .close-trigger:hover .menu-trigger-bar:before,
.nav .mobile-hamburger .close-trigger:hover .close-trigger-bar:before {
  width: 100%;
}
.nav .mobile-hamburger .close-trigger {
  align-items: center;
  z-index: 5;
}
.nav .mobile-hamburger .close-trigger .close-menu-text {
  position: absolute;
  top: -8px;
  left: 26px;
  white-space: nowrap;
  display: none;
}
.nav .mobile-hamburger .close-trigger .close-trigger-bar {
  display: block;
  width: 75%;
  height: 2px;
  background-color: var(--nav-menu-bar-color);
  background-image: linear-gradient(-70deg, var(--nav-menu-bar-color) 0, var(--nav-menu-bar-color) 100%);
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.nav .mobile-hamburger .close-trigger .close-trigger-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.nav .mobile-hamburger .close-trigger .close-trigger-bar.left {
  transform: translateX(100px) translateY(-100px) rotate(-45deg);
}
.nav .mobile-hamburger .close-trigger .close-trigger-bar.right {
  transform: translateX(-100px) translateY(-100px) rotate(45deg);
  top: -2px;
}
.nav .mobile-hamburger .menu-trigger .menu-trigger-bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--nav-menu-bar-color);
  margin-bottom: 0;
  transform: rotate(-45deg) skew(178deg);
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.nav .mobile-hamburger .menu-trigger .menu-trigger-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.nav .mobile-hamburger .menu-trigger .menu-trigger-bar.top {
  width: 45%;
}
.nav .mobile-hamburger .menu-trigger .menu-trigger-bar.middle:before {
  left: auto;
  right: 0;
}
.nav .mobile-hamburger .menu-trigger .menu-trigger-bar.bottom {
  width: 45%;
  margin-left: 55%;
}
.nav.is-stuck {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.8);
}
.nav *,
.nav *::before,
.nav *::after {
  transition: none !important;
}
body .mobile-menu {
  pointer-events: none;
}
body .mobile-menu .inner-container, body .mobile-menu .menu-container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  pointer-events: none;
}
body .mobile-menu .inner-container {
  top: 91px;
  z-index: 50;
}
body .mobile-menu .inner-container .menu-bg {
  position: fixed;
  display: block;
  width: 1400px;
  height: 600px;
  background-color: rgb(255, 255, 255);
  visibility: hidden;
}
@media print, screen and (max-width: 39.99875em) {
  body .mobile-menu .inner-container .menu-bg {
    width: 1000px;
    height: 500px;
  }
}
body .mobile-menu .inner-container .menu-bg.top {
  top: -24%;
  left: 4%;
  transform: rotate(-45deg) translateY(-152%);
}
@media print, screen and (max-width: 39.99875em) {
  body .mobile-menu .inner-container .menu-bg.top {
    top: -49%;
    left: 38%;
  }
}
@media screen and (max-width: 370px) {
  body .mobile-menu .inner-container .menu-bg.top {
    top: -63%;
  }
}
body .mobile-menu .inner-container .menu-bg.middle {
  top: 35%;
  left: -54%;
  height: 426px;
  transform: rotate(-45deg) scaleY(0);
}
@media print, screen and (max-width: 39.99875em) {
  body .mobile-menu .inner-container .menu-bg.middle {
    top: 20%;
    left: -66%;
    height: 400px;
  }
}
@media screen and (max-width: 370px) {
  body .mobile-menu .inner-container .menu-bg.middle {
    top: 10%;
    left: -67%;
    height: 350px;
  }
}
body .mobile-menu .inner-container .menu-bg.bottom {
  top: 131%;
  left: -44%;
  transform: rotate(-45deg) translateY(25%);
}
@media print, screen and (max-width: 39.99875em) {
  body .mobile-menu .inner-container .menu-bg.bottom {
    top: 131%;
    left: -44%;
  }
}
@media screen and (max-width: 370px) {
  body .mobile-menu .inner-container .menu-bg.bottom {
    top: 135%;
  }
}
body .mobile-menu .inner-container .menu-container {
  display: flex;
  align-items: center;
  top: 0;
}
body .mobile-menu .inner-container .menu-container .menu-items {
  display: block;
  opacity: 0;
  width: 100%;
  padding: 100px 10px 50px 10px;
  position: fixed;
  top: 0;
  height: 100%;
  background: #f9f8f6;
  overflow: scroll;
  overflow-x: hidden;
}
body .mobile-menu .inner-container .menu-container .menu-items .grid-x {
  grid-row-gap: 5px;
}
body .mobile-menu .inner-container .menu-container .menu-items .nav__search-mobile {
  margin-bottom: 70px !important;
  margin-top: 15px;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first {
  width: 100%;
  padding: 0 0 32px 20px;
  position: relative;
  overflow: auto;
  -webkit-transition: transform 0.3s;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first.sub-open {
  transform: translateX(-100vw);
  overflow: unset;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li {
  width: 100%;
  padding-right: 64px;
  min-height: 70px;
  position: relative;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(2) a {
  transition-delay: 300ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(3) a {
  transition-delay: 350ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(4) a {
  transition-delay: 400ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(5) a {
  transition-delay: 450ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(6) a {
  transition-delay: 500ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(7) a {
  transition-delay: 550ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(8) a {
  transition-delay: 600ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(9) a {
  transition-delay: 650ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li:nth-child(10) a {
  transition-delay: 700ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li > a {
  font-size: 40px;
  font-weight: 200;
  text-decoration: none;
  text-align: left;
  line-height: 100%;
  display: block;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.6s ease-out;
  transition-delay: 250ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li > span {
  background-image: url(/static/default/media/images/templating/svg/submenu-arrow.svg);
  background-repeat: no-repeat;
  background-size: 11px 18px;
  background-position: right center;
  width: 100%;
  height: 36px;
  display: block;
  position: absolute;
  top: 6px;
  right: 24px;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.2s ease-out;
  transition-delay: 0.6s;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second {
  visibility: visible;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li {
  opacity: 1;
  transform: translateX(0);
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(2) {
  transition-delay: 300ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(3) {
  transition-delay: 350ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(4) {
  transition-delay: 400ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(5) {
  transition-delay: 450ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(6) {
  transition-delay: 500ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(7) {
  transition-delay: 550ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(8) {
  transition-delay: 600ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(9) {
  transition-delay: 650ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-first > li.sub-open .column-second li:nth-child(10) {
  transition-delay: 700ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .socials {
  display: flex;
  align-items: center;
  opacity: 0;
  position: absolute;
  bottom: 20px;
  left: 25px;
  transform: translateY(10px);
  transition-delay: 0.4s;
}
body .mobile-menu .inner-container .menu-container .menu-items .socials li {
  margin-bottom: 0 !important;
}
body .mobile-menu .inner-container .menu-container .menu-items .socials li:not(:last-child) {
  margin-right: 25px;
}
body .mobile-menu .inner-container .menu-container .menu-items .socials .tiktok {
  width: 25px;
  margin-left: 0;
  transform: translateY(1px);
  height: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  body .mobile-menu .inner-container .menu-container .menu-items .socials .tiktok {
    margin-left: 2px;
    width: 22px;
    height: 22px;
    transform: translateY(0);
  }
}
body .mobile-menu .inner-container .menu-container .menu-items .socials .instagram {
  width: 22px;
  margin-left: 14px;
  fill: url(#header-shape-gradient) #f3f1ed;
}
@media print, screen and (max-width: 47.99875em) {
  body .mobile-menu .inner-container .menu-container .menu-items .socials .instagram {
    width: 21px;
  }
}
body .mobile-menu .inner-container .menu-container .menu-items .socials .facebook {
  width: 26px;
  margin-left: 20px;
  transform: translateY(-1px);
}
@media print, screen and (max-width: 47.99875em) {
  body .mobile-menu .inner-container .menu-container .menu-items .socials .facebook {
    margin-left: 20px;
    width: 24px;
  }
}
body .mobile-menu .inner-container .menu-container .menu-items .socials .social-x {
  width: 23px;
  margin-left: 0;
}
@media print, screen and (max-width: 47.99875em) {
  body .mobile-menu .inner-container .menu-container .menu-items .socials .social-x {
    width: 21px;
    margin-left: 0;
  }
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second {
  width: 100vw;
  opacity: 1;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 20px 48px 20px;
  z-index: 10;
  transform: translateX(100%);
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second:before {
  content: "";
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second > li {
  width: 100%;
  text-align: left;
  min-height: 48px;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.4s ease-out;
  transition-delay: 250ms;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second > li a {
  color: #4c4741;
  font-size: 32px;
  font-weight: 200;
  line-height: 36px;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second > li a.main {
  display: block;
  margin-bottom: 5px;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second > li a.sub {
  font-size: 23px;
  margin-left: 15px;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second span {
  display: block;
  position: fixed;
  line-height: 26px;
  font-weight: 400;
  top: -50px;
  z-index: 11;
  left: 45px;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second span:before {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/submenu-back.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: block;
  width: 16px;
  height: 12px;
  position: absolute;
  left: -22px;
  top: 8px;
}
body .mobile-menu .inner-container .menu-container .menu-items .column-second .content {
  margin-top: 50px;
  opacity: 0;
  transform: translateY(10px);
  transition-delay: 0.2s;
}
body .mobile-menu .inner-container .menu-container .menu-items .grid-margin-y .cell {
  margin-bottom: 1.5rem;
}
body .mobile-menu .inner-container .menu-container .menu-items .search {
  position: relative;
  margin: 0 10px;
}
body .mobile-menu .inner-container .menu-container .menu-items .search .search-container {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%) rotate(-18deg);
}
body .mobile-menu .inner-container .menu-container .menu-items .search .search-container img {
  width: 14px;
  transform: translateY(-3px);
  opacity: 0.8;
}
@media print, screen and (max-width: 47.99875em) {
  body .mobile-menu .inner-container .menu-container .menu-items .search .search-container img {
    width: 15px;
    transform: translateY(-2px);
  }
}
body .mobile-menu .inner-container .menu-container .menu-items .search input {
  outline: 0;
  border: 1px solid rgba(60, 60, 60, 0.1);
  border-radius: 3px;
  padding: 8px 5px;
  background: #fff;
  font-size: 16px;
  color: #1e1e1e;
  width: 100%;
}
body .mobile-menu .inner-container .menu-container .menu-items .search input::placeholder {
  font-weight: 300;
  color: #1e1e1e;
}
body .mobile-menu .inner-container .menu-container .menu-items .heading-link h3 {
  position: relative;
  display: table;
}
body .mobile-menu .inner-container .menu-container .menu-items h3 {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 26px;
  font-weight: 300;
}
body .mobile-menu .inner-container .menu-container .menu-items ul li {
  display: block;
  line-height: 1.2;
}
body .mobile-menu .inner-container .menu-container .menu-items ul li:not(:last-child) {
  margin-bottom: 15px;
}
body .mobile-menu .inner-container .menu-container .menu-items ul li a {
  color: #1E1E1E;
  font-size: 17px;
  transition: color 0.2s ease-out;
}
body .mobile-menu .inner-container .menu-container .menu-items ul li svg {
  width: 25px;
}
body .mobile-menu .inner-container .menu-container .menu-items ul li svg.instagram {
  fill: url(#header-shape-gradient) #f9c846;
  height: 21px;
}
body .mobile-menu .inner-container .menu-container .menu-items ul li svg.email-basic path {
  fill: url(#header-shape-gradient) #f9c846;
}
body .mobile-menu .inner-container .menu-container .menu-items ul.icons {
  align-items: center;
}
body .mobile-menu .inner-container .menu-container .menu-items ul.icons li {
  margin-bottom: 0;
}
body .mobile-menu .inner-container .menu-container .menu-items ul.icons li:not(:last-child) {
  margin-right: 20px;
}
body.up .profile-mobile,
body.up .profile,
body.up .current-context {
  opacity: 0;
  width: 0;
  height: 0;
}
body.up .scroll-block {
  opacity: 1;
  width: auto;
  height: auto;
}
body.down .profile-mobile,
body.down .profile, body.top .profile-mobile,
body.top .profile {
  opacity: 1;
  width: 20px;
  height: 20px;
}
body.down .current-context, body.top .current-context {
  opacity: 1;
}
body.down .scroll-block, body.top .scroll-block {
  opacity: 0;
  width: 0;
  height: 0;
}
body.top .header-top-note {
  opacity: 1;
}
body.up .header-top-note, body.down .header-top-note {
  opacity: 0;
  height: 0;
  padding: 0;
}
body.up .nav, body.down .nav {
  padding: 0;
}
body:not(.home).up .nav, body:not(.home).down .nav, body.home.nav-contrast-invert.up .nav, body.home.nav-contrast-invert.down .nav {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #f2f2f1;
}
body.home.nav-contrast-invert.up .nav, body.home.nav-contrast-invert.down .nav {
  padding: 0;
}
body.home .nav {
  border-bottom: 1px solid transparent;
}
body.navigating {
  overflow: hidden;
}
body.navigating .mobile-menu {
  pointer-events: all;
  overflow: auto;
}
body.navigating .mobile-menu .menu-items {
  pointer-events: all;
  overflow: auto;
}
body.navigating .mobile-menu .menu-items .column-first > li a,
body.navigating .mobile-menu .menu-items .column-first > li span {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
body.navigating .mobile-menu .menu-items .column-first > li.sub-open .column-second .content {
  transform: translateY(0);
  opacity: 1;
}
body.navigating .mobile-menu .menu-items .socials {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
body.navigating .nav {
  background-image: unset;
  width: 100%;
}
body.navigating .nav .menu-trigger-outer {
  width: 0;
  height: 0;
}
body.unset-bg .nav {
  background-image: unset;
  z-index: 50;
}
body.unset-bg .add-to-cart {
  z-index: 5 !important;
}
@keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.home .header-top-mobile, body.productt .header-top-mobile {
    display: block;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.productt {
    display: block;
  }
}
.footer {
  background: #f5f3f5;
  margin-top: 64px;
  overflow: hidden;
}
@media print, screen and (max-width: 47.99875em) {
  .footer {
    margin-top: 50px;
  }
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.footer p,
.footer li,
.footer a,
.footer span {
  color: #1E1E1E;
}
.footer a {
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer a:hover {
  color: #6f4e3f;
}
.footer-service {
  border-top: 1px solid rgba(30, 30, 30, 0.1);
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 32px 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-service {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.footer-service__item {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer-service__item--reviews {
  margin-left: auto;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-service__item--reviews {
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer-service__reviews-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.footer-service__reviews-arrow {
  display: inline-flex;
  width: 14px;
  height: 14px;
}
.footer-service__reviews-arrow svg {
  width: 14px;
  height: 14px;
}
.footer-main {
  row-gap: 24px;
  padding: 80px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-main {
    padding: 32px 0;
    row-gap: 24px;
  }
}
.footer-main h3 {
  margin-bottom: 16px;
  font-family: "Poppins", Work sans;
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #1E1E1E;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-main h3 {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
  }
}
.footer-main p,
.footer-main li,
.footer-main a {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 300;
  text-transform: none;
}
.footer-main ul {
  margin: 0;
}
.footer-main__logo {
  display: inline-flex;
  margin-bottom: 16px;
}
.footer-main__logo svg {
  width: 168px;
  height: auto;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-main__brand {
    margin-bottom: 24px;
  }
}
.footer-main .footer-main__brand .footer-main__mission {
  font-family: Playfair Display, serif;
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  font-size: 32px;
  margin-top: 16px;
  color: #000;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-main .footer-main__brand .footer-main__mission {
    font-size: 24px;
  }
}
.footer-main__social {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 40px;
}
.footer-main__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1E1E1E;
  line-height: 1;
}
.footer-main__social .social-x,
.footer-main__social .instagram,
.footer-main__social .facebook,
.footer-main__social .tiktok {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.footer-main__social .facebook {
  width: 18px;
}
.footer-main__nav li:not(:last-child) {
  margin-bottom: 8px;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-main__nav li:not(:last-child) {
    margin-bottom: 8px;
  }
}
.footer-main__service li {
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-main__service li {
    font-weight: 300;
  }
}
.footer-main__service li:not(:last-child) {
  margin-bottom: 8px;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-main__service li:not(:last-child) {
    margin-bottom: 8px;
  }
}
.footer-main__service-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0;
  text-decoration: underline;
}
.footer-main__service-arrow {
  display: inline-flex;
  width: 14px;
  height: 14px;
}
.footer-main__service-arrow svg {
  width: 14px;
  height: 14px;
}
.footer-main__contact li:not(:last-child) {
  margin-bottom: 8px;
}
.footer-main__google-link {
  display: inline-flex;
  margin-top: 16px;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.footer-bottom-bar {
  border-top: 1px solid rgba(30, 30, 30, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-bottom-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.footer-bottom-bar__right {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .footer-bottom-bar__right {
    gap: 16px;
    flex-wrap: wrap;
  }
}
.footer-bottom-bar a {
  font-size: 14px;
}
.media-slider-large {
  margin-top: 100px !important;
}
@media print, screen and (max-width: 80.06125em) {
  .media-slider-large {
    margin: 75px -15px 0 -15px !important;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .media-slider-large {
    margin: 75px -10px 0 -10px !important;
  }
}
.media-slider-large .grid-container {
  max-width: 110rem;
}
.media-slider-large .slider-media-slider-large {
  overflow: hidden;
  opacity: 0;
}
.media-slider-large .slider-media-slider-large .slick-dots {
  bottom: 10px;
}
.media-slider-large .slider-media-slider-large .slick-dots li.slick-active button {
  opacity: 0.8;
}
.media-slider-large .slider-media-slider-large .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f9f8f6;
  opacity: 0.3;
  transition: opacity 0.25s ease-in-out;
  cursor: pointer;
}
.media-slider-large .slider-media-slider-large .slick-dots li button:before {
  content: none;
}
.media-slider-large .slide {
  position: relative;
  min-height: 625px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 5000ms ease-out 300ms;
  transform: scale(1.05);
}
.media-slider-large .slide.zoom-out {
  transform: scale(1);
}
.media-slider-large .slide.zoom-out .content {
  transform: translateY(50%) translateX(-50%) scale(1);
}
@media print, screen and (max-width: 39.99875em) {
  .media-slider-large .slide.zoom-out .content {
    transform: translateY(50%) translateX(0) scale(1);
  }
}
@media screen and (max-height: 930px) {
  .media-slider-large .slide {
    min-height: 525px;
  }
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .media-slider-large .slide {
    min-height: 400px;
    background-size: cover;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .media-slider-large .slide {
    min-height: 450px;
    background-size: cover;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .media-slider-large .slide {
    min-height: 375px;
  }
}
.media-slider-large .slide:after {
  content: "";
  background: #1e1e1e;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.media-slider-large .slide .content {
  position: absolute;
  bottom: 55%;
  left: 50%;
  z-index: 5;
  padding: 0 80px;
  text-align: center;
  transform: translateY(50%) translateX(-50%) scale(0.9524);
  transition: transform 5000ms ease-out 300ms;
  transform-origin: center;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .media-slider-large .slide .content {
    width: 75%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .media-slider-large .slide .content {
    padding: 0 60px;
    width: 90%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .media-slider-large .slide .content {
    width: 100%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .media-slider-large .slide .content {
    padding: 0 10px;
    transform: translateY(50%) translateX(0) scale(0.9524);
    left: 0;
  }
}
.media-slider-large .slide .content p {
  color: #f1f1f1;
  font-weight: 300;
  font-style: normal;
  font-size: 64px;
  line-height: 75px;
  user-select: text;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 89.99875em) {
  .media-slider-large .slide .content p {
    font-size: 54px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .media-slider-large .slide .content p {
    font-size: 50px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .media-slider-large .slide .content p {
    font-size: 46px;
    line-height: 60px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .media-slider-large .slide .content p {
    font-size: 32px;
    line-height: 42px;
  }
}
.media-slider-large .slide .content a {
  color: #f9f8f6;
  font-size: 16px;
}
.instagram h2 {
  margin-bottom: 40px;
  width: 325px;
}
@media print, screen and (max-width: 63.99875em) {
  .instagram h2 {
    margin-bottom: 30px;
    width: 100%;
  }
}
.instagram .posts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
@media print, screen and (max-width: 63.99875em) {
  .instagram .posts {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
.instagram .posts .insta-post {
  position: relative;
  display: block;
  width: calc(100% + 0.5px);
  height: 0;
  padding: 0;
  padding-bottom: 100%;
  margin: 0 0 -1px;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  transform: translateZ(0);
  align-self: stretch;
  transition: background 0.3s var(--ease);
  border: none;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
}
.instagram .posts .insta-post:before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .instagram .posts .insta-post:before {
    content: none;
  }
}
.instagram .posts .insta-post:after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 3;
  height: 12%;
  max-height: 20px;
  width: 100%;
  top: 50%;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35 35' enable-background='new 0 0 35 35' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M17.6,3.2c4.7,0,5.2,0,7.1,0.1c1.7,0.1,2.6,0.4,3.2,0.6c0.8,0.3,1.4,0.7,2,1.3c0.6,0.6,1,1.2,1.3,2 c0.2,0.6,0.5,1.5,0.6,3.3c0.1,1.8,0.1,2.4,0.1,7.1s0,5.2-0.1,7.1c-0.1,1.7-0.4,2.6-0.6,3.2c-0.6,1.5-1.8,2.7-3.3,3.3 c-0.6,0.2-1.5,0.5-3.2,0.6c-1.8,0.1-2.4,0.1-7.1,0.1s-5.2,0-7.1-0.1c-1.7-0.1-2.6-0.4-3.2-0.6c-0.8-0.3-1.4-0.7-2-1.3 c-0.6-0.6-1-1.2-1.3-2c-0.2-0.6-0.5-1.5-0.6-3.2c-0.1-1.8-0.1-2.4-0.1-7.1s0-5.2,0.1-7.1C3.4,8.7,3.7,7.8,4,7.2 c0.3-0.8,0.7-1.4,1.3-2c0.6-0.6,1.2-1,2-1.3c0.6-0.2,1.5-0.5,3.2-0.6C12.4,3.2,12.9,3.2,17.6,3.2 M17.6,0c-4.8,0-5.3,0-7.2,0.1 C8.5,0.2,7.2,0.5,6.1,0.9C5,1.4,3.9,2,3,2.9C2.1,3.8,1.5,4.9,1,6c-0.4,1.1-0.7,2.4-0.8,4.2c-0.1,1.9-0.1,2.5-0.1,7.2s0,5.3,0.1,7.2 C0.3,26.6,0.6,27.8,1,29c0.4,1.2,1.1,2.2,2,3.1c0.9,0.9,1.9,1.6,3.1,2c1.1,0.4,2.4,0.7,4.2,0.8s2.5,0.1,7.2,0.1s5.3,0,7.2-0.1 c1.9-0.1,3.1-0.4,4.2-0.8c2.3-0.9,4.2-2.8,5.1-5.1c0.4-1.1,0.7-2.4,0.8-4.2c0.1-1.9,0.1-2.5,0.1-7.2s0-5.3-0.1-7.2 c-0.1-1.9-0.4-3.1-0.8-4.2c-0.4-1.2-1.1-2.2-2-3.1c-0.9-0.9-1.9-1.6-3.1-2c-1.1-0.4-2.4-0.7-4.2-0.8C22.9,0,22.3,0,17.6,0L17.6,0 L17.6,0z'/%3E%3Cpath fill='%23FFFFFF' d='M17.6,8.5c-5,0-9,4-9,9s4,9,9,9s9-4,9-9l0,0C26.6,12.5,22.6,8.5,17.6,8.5z M17.6,23.3 c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8S20.8,23.3,17.6,23.3z'/%3E%3Ccircle fill='%23FFFFFF' cx='26.9' cy='8.2' r='2.1'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  opacity: 0;
  transform: translateY(-50%) scale(0.75);
  will-change: transform;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .instagram .posts .insta-post:after {
    content: none;
  }
}
.instagram .posts .insta-post:hover:before {
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.instagram .posts .insta-post:hover:after {
  opacity: 1;
  transform: translateY(-50%);
}
.instagram .posts .insta-post.video:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35 35' enable-background='new 0 0 35 35' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M30.1,15.5L7.2,2.3C5.7,1.4,3.7,2.5,3.7,4.2v26.5c0,1.7,1.9,2.9,3.4,1.9l22.9-13.2 C31.7,18.6,31.7,16.4,30.1,15.5z'/%3E%3C/svg%3E");
}
.instagram .posts .insta-post.image img:hover {
  transform: scale(1.05);
}
.instagram .posts .insta-post img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s ease;
  will-change: transform;
  object-fit: cover;
  object-position: center center;
  border-radius: 0px;
}
.instagram .posts .insta-post video {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s ease;
  will-change: transform;
  object-fit: cover;
  object-position: center center;
}
.instagram .posts .insta-post video.reel {
  object-position: center 25%;
}
.instagram .posts .insta-post .likes {
  position: absolute;
  left: 25px;
  top: 19px;
  font-size: 10px;
  color: #f3f1ed;
  font-weight: 500;
  z-index: 6;
}
@media print, screen and (max-width: 63.99875em) {
  .instagram .posts .insta-post .likes {
    left: 13px;
    top: 8px;
    font-size: 9px;
  }
}
.instagram .posts .insta-post .heart {
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(/static/default/media/images/templating/svg/heartfilled.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  opacity: 0.6;
  z-index: 5;
}
@media print, screen and (max-width: 63.99875em) {
  .instagram .posts .insta-post .heart {
    top: 3px;
    left: 3px;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }
}
.review-block {
  padding: 64px;
}
@media print, screen and (max-width: 47.99875em) {
  .review-block {
    padding: 40px 0;
  }
}
.review-block .review-block-inner {
  margin: 0 auto;
  text-align: center;
}
.review-block .review-meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 38px;
}
@media print, screen and (max-width: 47.99875em) {
  .review-block .review-meta {
    margin-bottom: 24px;
    gap: 8px;
    flex-wrap: wrap;
  }
}
.review-block .stars {
  display: flex;
  align-items: center;
  gap: 2px;
}
.review-block .stars > .star {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #ddd7cf;
}
.review-block .stars > .star.active {
  color: #161616;
}
.review-block .stars > .star svg {
  width: 16px;
  height: 16px;
  color: inherit;
}
.review-block .score {
  font-size: 15px;
  line-height: 20px;
  color: #46413c;
}
.review-block h2 {
  max-width: 900px;
  margin: 0 auto 40px;
  font-size: 80px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
  font-family: Playfair Display, serif;
  font-style: italic;
}
@media print, screen and (max-width: 63.99875em) {
  .review-block h2 {
    font-size: 58px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .review-block h2 {
    font-size: 42px;
    margin-bottom: 30px;
  }
}
.review-block .button.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 13px 18px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #151515;
  background: #151515;
  color: #fff;
  text-decoration: none;
}
.review-block .button.primary:hover, .review-block .button.primary:focus {
  background: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
@media print, screen and (max-width: 47.99875em) {
  .review-overview-block {
    margin-top: 90px !important;
  }
}
.review-overview-block .review-overview-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  background: transparent;
}
.review-overview-block .review-overview-card h2 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #241f1a;
  margin-bottom: 8px;
}
.review-overview-block .review-overview-card p {
  margin: 0;
  font-size: 15px;
  line-height: 22px;
  color: #423d37;
}
.review-overview-block .review-product-stage {
  margin: 0;
  min-height: 250px;
  padding: 18px;
  background: #f5f0f5;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  .review-overview-block .review-product-stage {
    min-height: 220px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .review-overview-block .review-product-stage {
    min-height: 180px;
    padding: 12px;
  }
}
.review-overview-block .review-product-stage.is-empty {
  background: #e3ddd6;
}
.review-overview-block .review-product-stage img {
  display: block;
  width: 200px;
  height: 200px;
  object-fit: contain;
}
@media print, screen and (max-width: 47.99875em) {
  .review-overview-block .review-product-stage img {
    width: 180px;
    height: 180px;
  }
}
.review-overview-block .review-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 2px;
}
.review-overview-block .review-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
}
.review-overview-block .review-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}
.review-overview-block .review-stars > .star {
  width: 16px;
  height: 16px;
  color: #d6cfc5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-overview-block .review-stars > .star.active {
  color: #141414;
}
.review-overview-block .review-stars > .star svg {
  width: 16px;
  height: 16px;
  color: inherit;
}
.review-overview-block .review-media-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: #fff;
}
.review-overview-block .review-media-tile {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1/1;
  background: #f5f3f5;
}
.review-overview-block .review-media-tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-overview-block .review-overview-empty {
  text-align: center;
  padding: 28px 14px;
  border: 1px dashed #d9d2c9;
  border-radius: 10px;
  color: #6f6963;
  background: #fcfbfa;
}
.instagram-widget h2 {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .instagram-widget h2 {
    margin-bottom: 25px;
  }
}
.instagram-widget .behold-grid-posts {
  max-width: 87.5rem !important;
  padding: 0 1rem;
}
@media print, screen and (max-width: 80.06125em) {
  .instagram-widget .behold-grid-posts {
    padding: 0 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .instagram-widget .behold-grid-posts {
    gap: 10px !important;
    padding: 0 10px;
  }
}
.header-image-text {
  margin-top: 0 !important;
}
@media print, screen and (max-width: 80.06125em) {
  .header-image-text {
    margin-top: 62px !important;
  }
}
.header-image-text .grid-container.full {
  margin: 0;
}
.header-image-text .text {
  background: #3c5544;
  display: flex;
  flex-direction: column;
  padding: 0 25px 75px 75px;
  justify-content: flex-end;
  align-items: flex-start;
}
@media print, screen and (max-width: 89.99875em) {
  .header-image-text .text {
    padding: 0 20px 40px 20px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .header-image-text .text {
    padding: 30px 10px;
    order: 2;
  }
}
.header-image-text .text span {
  color: hsla(40, 20%, 97%, 0.6);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}
.header-image-text .text h1 {
  color: #f9f8f6;
  max-width: 600px;
  font-weight: 200;
}
@media print, screen and (max-width: 131.24875em) {
  .header-image-text .text h1 {
    font-size: 52px;
  }
}
@media print, screen and (max-width: 109.37375em) {
  .header-image-text .text h1 {
    font-size: 44px;
  }
}
@media print, screen and (max-width: 80.06125em) {
  .header-image-text .text h1 {
    max-width: 400px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .header-image-text .text h1 {
    font-size: 40px;
  }
}
.header-image-text .image {
  min-height: 565px;
}
@media screen and (min-width: 109.375em) and (max-width: 131.24875em) {
  .header-image-text .image {
    min-height: 400px;
  }
}
@media print, screen and (max-width: 109.37375em) {
  .header-image-text .image {
    min-height: 300px;
  }
}
.header-image-text .image {
  background-position: center;
  background-size: cover;
}
section.more .grid-container {
  background: #f3f1ed;
  padding: 100px;
  max-width: 110rem;
}
@media print, screen and (max-width: 109.37375em) {
  section.more .grid-container {
    padding: 40px 20px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.more .grid-container {
    padding: 40px 10px;
  }
  section.more .grid-container .grid-margin-y > .cell {
    margin-bottom: 25px;
  }
}
section.more .grid-container .main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 50px;
}
@media print, screen and (max-width: 80.06125em) {
  section.more .grid-container .main {
    margin-right: 20px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  section.more .grid-container .main {
    margin-right: 0;
  }
}
section.more .grid-container .main h2 {
  font-weight: 200;
  line-height: 56px;
  margin-bottom: 25px;
}
@media print, screen and (max-width: 80.06125em) {
  section.more .grid-container .main h2 {
    margin-bottom: 10px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  section.more .grid-container .main h2 {
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.more .grid-container .main h2 {
    margin-bottom: 10px;
    line-height: 40px;
  }
}
section.more .grid-container .main a {
  color: #1e1e1e;
  padding: 25px 40px;
  background: #f9f8f6;
  font-weight: 300;
  margin-bottom: 40px;
  font-size: 22px;
}
@media print, screen and (max-width: 80.06125em) {
  section.more .grid-container .main a {
    padding: 20px 32px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.more .grid-container .main a {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
section.more .grid-container .item {
  margin: 0.5rem;
  width: calc(16.66667% - 1rem);
}
@media print, screen and (max-width: 89.99875em) {
  section.more .grid-container .item {
    margin: 1rem;
    width: calc(25% - 2rem);
  }
}
@media print, screen and (max-width: 80.06125em) {
  section.more .grid-container .item {
    margin: 1rem;
    width: calc(25% - 2rem);
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.more .grid-container .item {
    margin: 0.5rem;
    width: calc(50% - 1rem);
  }
}
section.more .grid-container .item.has-buy-button img {
  border-radius: 0 0 11px 0;
}
section.more .grid-container .item.has-buy-button .buy-now {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 10px 0 10px 0;
  background: #f3f1ed;
  opacity: 0.8;
  transition: all 0.3s ease-in;
}
section.more .grid-container .item.has-buy-button .buy-now:hover {
  opacity: 0.9;
}
section.more .grid-container .item.has-buy-button .buy-now:active {
  box-shadow: none;
}
@media print, screen and (max-width: 47.99875em) {
  section.more .grid-container .item.has-buy-button .buy-now {
    width: 40px;
    height: 40px;
  }
}
section.more .grid-container .item.has-buy-button .buy-now.show input {
  pointer-events: none;
}
section.more .grid-container .item.has-buy-button .buy-now input {
  outline: 0;
  border: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
section.more .grid-container .item.has-buy-button .buy-now svg {
  position: absolute;
  bottom: 50%;
  right: 50%;
  width: 20px;
  height: 20px;
  fill: #000;
  pointer-events: none;
  transform: translateY(50%) translateX(50%);
}
section.more .grid-container .item.has-buy-button .buy-now svg.cart {
  width: 18px;
  height: 18px;
}
section.more .grid-container .item.has-buy-button .buy-now .filter-icon {
  fill: #f9f8f6;
}
section.more .grid-container .item.has-buy-button .buy-now .filter-icon path {
  stroke: #515559;
}
section.more .grid-container .item.has-buy-button .buy-now .filter-icon circle {
  stroke: #515559;
}
section.more .grid-container .item.has-buy-button .buy-now .spinner {
  width: 40px;
  height: 40px;
}
section.more .grid-container .item.has-buy-button .buy-now .spinner circle {
  fill: #000;
}
section.more .grid-container .item.has-buy-button .uitverkocht {
  position: absolute;
  right: 0;
  bottom: -1px;
  background: #f3f1ed;
  opacity: 0.8;
  padding: 7px 10px;
  font-size: 15px;
  color: #1e1e1e;
  font-weight: 500;
  border-radius: 10px 0;
}
section.more .grid-container .item h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  section.more .grid-container .item h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
  }
}
section.more .grid-container .item .brand {
  color: #1E1E1E;
  font-size: 18px;
  font-weight: 500;
  margin-top: -5px;
}
@media print, screen and (max-width: 47.99875em) {
  section.more .grid-container .item .brand {
    font-size: 16px;
  }
}
section.more .grid-container .item .price {
  font-size: 16px;
  font-weight: 500;
}
.chat-with-us {
  background: #fefefe;
  padding: 80px;
}
@media print, screen and (max-width: 47.99875em) {
  .chat-with-us {
    padding: 60px 0px;
  }
}
.chat-with-us .grid-container {
  position: relative;
}
.chat-with-us .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.chat-with-us .content .subtitle {
  color: #916953;
  font-weight: 400;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .chat-with-us .content .subtitle {
    font-size: 16px;
  }
}
.chat-with-us .content h2 {
  margin-bottom: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .chat-with-us .content h2 {
    margin-bottom: 20px;
  }
}
.chat-with-us .content p {
  margin-bottom: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .chat-with-us .content p {
    margin-bottom: 12px;
  }
}
.chat-with-us .content .button {
  width: max-content;
  margin-top: 26px;
}
@media print, screen and (max-width: 47.99875em) {
  .chat-with-us .content .button {
    margin-top: 16px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .chat-with-us .image {
    display: none;
  }
}
.chat-with-us .image img {
  max-height: 300px;
}
.chat-with-us .image img:hover {
  cursor: pointer;
}
.chat-with-us .chat-icon {
  position: absolute;
  right: 40px;
  bottom: 40px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  background-color: #9C734E;
  display: none;
}
.chat-with-us .chat-icon:hover {
  cursor: pointer;
}
@media print, screen and (max-width: 47.99875em) {
  .chat-with-us .chat-icon {
    display: none;
  }
}
.chat-with-us .chat-icon .chat-icon-icon svg {
  display: inline-block;
  width: 33px;
  height: 28px;
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight {
    margin-top: 50px;
  }
}
.products-highlight header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, screen and (max-width: 63.99875em) {
  .products-highlight header {
    flex-direction: column;
  }
}
.products-highlight header h2,
.products-highlight header h1 {
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #1e1e1e;
  text-transform: none;
  letter-spacing: 0;
  width: 325px;
}
@media print, screen and (max-width: 63.99875em) {
  .products-highlight header h2,
  .products-highlight header h1 {
    width: 80%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight header h2,
  .products-highlight header h1 {
    width: 100%;
  }
}
.products-highlight header .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  .products-highlight header .title {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight header .title {
    align-items: flex-start;
  }
}
.products-highlight header img {
  margin-bottom: 25px;
}
.products-highlight header .button.text-int {
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  text-decoration: underline;
  height: auto;
}
.products-highlight header .button.text-int:hover {
  text-decoration: none;
}
.products-highlight header .button.text-int:after, .products-highlight header .button.text-int:before {
  content: none;
}
@media print, screen and (max-width: 63.99875em) {
  .products-highlight header .button.text-int {
    margin-top: 25px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight header .button.text-int {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight .grid-margin-y .cell {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.products-highlight .item .image,
.products-highlight .inspiration .image {
  overflow: hidden;
  position: relative;
}
.products-highlight .item .image img,
.products-highlight .inspiration .image img {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s ease;
}
.products-highlight .item:hover figure:before,
.products-highlight .inspiration:hover figure:before {
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.products-highlight .item:hover figure:after,
.products-highlight .inspiration:hover figure:after {
  opacity: 1;
  transform: translateY(-50%);
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight .item:hover figure img,
  .products-highlight .inspiration:hover figure img {
    transform: scale(1);
  }
}
.products-highlight .product {
  text-align: center;
}
.products-highlight .product .image {
  background: #F0EBE2;
  margin-bottom: 14px;
  padding: 26px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight .product .image {
    margin-bottom: 10px;
  }
}
.products-highlight .product .product-info {
  justify-content: space-between;
  position: relative;
}
.products-highlight .product .product-info .choose-matrix-options {
  height: min-content;
  position: relative;
}
.products-highlight .product .product-info.has-buy-button .buy-now {
  position: relative;
  width: 50px;
  height: 20px;
}
.products-highlight .product .product-info.has-buy-button .buy-now .cart {
  width: 18px;
  height: 18px;
}
.products-highlight .product .product-info.has-buy-button .buy-now:hover {
  opacity: 0.9;
}
.products-highlight .product .product-info.has-buy-button .buy-now:active {
  box-shadow: none;
}
.products-highlight .product .product-info.has-buy-button .buy-now.show input {
  pointer-events: none;
}
.products-highlight .product .product-info.has-buy-button .buy-now input {
  outline: 0;
  border: 0;
  opacity: 0;
  width: 20px;
  height: 50px;
  padding: 0 0 35px 50px;
  z-index: 99;
}
.products-highlight .product .product-info.has-buy-button .buy-now svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
}
.products-highlight .product .product-info.has-buy-button .buy-now svg.spinner {
  position: absolute;
  bottom: -10px;
  right: -10px;
}
.products-highlight .product .product-info.has-buy-button .buy-now .filter-icon {
  fill: #000;
}
.products-highlight .product .product-info.has-buy-button .buy-now .filter-icon path {
  stroke: #fff;
}
.products-highlight .product .product-info.has-buy-button .buy-now .filter-icon circle {
  stroke: #fff;
}
.products-highlight .product .product-info.has-buy-button .buy-now .spinner {
  width: 40px;
  height: 40px;
}
.products-highlight .product .product-info.has-buy-button .buy-now .spinner circle {
  fill: #000;
}
.products-highlight .product .product-info.has-buy-button .variants-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
}
.products-highlight .product .product-info.has-buy-button .color-swatches {
  display: flex;
  justify-content: flex-end;
  gap: 3px;
  margin-top: 8px;
  transform: translateX(-2px);
}
.products-highlight .product .product-info.has-buy-button .color-swatches .swatch {
  width: 8px;
  height: 8px;
  display: inline-block;
}
.products-highlight .product .product-info.has-buy-button .uitverkocht {
  position: absolute;
  right: 0;
  bottom: -1px;
  background: #f9f8f6;
  opacity: 0.8;
  padding: 7px 10px;
  font-size: 15px;
  color: #1e1e1e;
  font-weight: 500;
  border-radius: 10px 0;
}
.products-highlight .product .name {
  font-size: 14px;
  color: #1e1e1e;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
  font-weight: 500;
}
.products-highlight .product .brand {
  color: #929292;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
  line-height: 22px;
  margin-bottom: 8px;
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight .product .brand {
    font-size: 14px;
  }
}
.products-highlight .product .price-before {
  margin-right: 4px;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #929292;
  letter-spacing: 0;
  text-decoration: line-through;
}
.products-highlight .product .price {
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #000;
}
.products-highlight .product .color-swatches {
  display: flex;
  justify-content: flex-end;
  gap: 3px;
  margin-top: 8px;
  transform: translateX(-2px);
}
.products-highlight .product .color-swatches .swatch {
  width: 8px;
  height: 8px;
  display: inline-block;
}
.products-highlight .product.video .image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.products-highlight .product.video .image:before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 0, #1e1e1e 100%);
  top: 70%;
  height: 30%;
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.products-highlight .product.video .image .ratio-spacer {
  padding-top: 100%;
}
.products-highlight .product.video .image .text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #ddd;
  font-size: 20px;
  line-height: 30px;
  z-index: 5;
  font-weight: 300;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight .product.video .image .text {
    line-height: 22px;
    font-size: 14px;
    bottom: 10px;
    left: 10px;
  }
}
.products-highlight .product.video .image > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.products-highlight .inspiration span {
  margin-top: 20px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: 300;
  color: #8a8a8a;
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight .inspiration span {
    margin-top: 10px;
    font-size: 14px;
  }
}
.products-highlight .inspiration .name {
  color: #1E1E1E;
  font-weight: 300;
  line-height: 22px;
  margin-top: 5px;
  font-size: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .products-highlight .inspiration .name {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .popular .grid-margin-y .cell {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.popular h2 {
  margin-bottom: 5px;
}
@media print, screen and (max-width: 63.99875em) {
  .popular h2 {
    margin-bottom: 0;
  }
}
.popular .button.text-int {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .popular .button.text-int {
    display: block;
    margin-top: 25px;
  }
  .popular .button.text-int span {
    line-height: 60px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .popular .item:nth-child(3), .popular .item:nth-child(4) {
    display: none;
  }
}
.popular .item span {
  margin-top: 20px;
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #8a8a8a;
}
@media print, screen and (max-width: 47.99875em) {
  .popular .item span {
    margin-top: 10px;
    font-size: 14px;
  }
}
.popular .item h3 {
  color: #1E1E1E;
  font-weight: 300;
  line-height: 22px;
  margin-top: 5px;
  font-size: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .popular .item h3 {
    font-size: 18px;
  }
}
.popular .item figure {
  position: relative;
  overflow: hidden;
}
.popular .item figure:before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .popular .item figure:before {
    content: none;
  }
}
.popular .item figure:after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 3;
  height: 12%;
  max-height: 20px;
  width: 100%;
  top: 50%;
  left: 0;
  background-image: url("/static/default/media/images/templating/svg/move-to.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  opacity: 0;
  transform: translateY(-50%) scale(0.75);
  will-change: transform;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .popular .item figure:after {
    content: none;
  }
}
.popular .item figure:hover:before {
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.popular .item figure:hover:after {
  opacity: 1;
  transform: translateY(-50%);
}
.popular .item figure img {
  width: 100%;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.popular .item figure img:hover {
  transform: scale(1.05);
}
.popular .item.big a {
  position: relative;
  display: block;
  height: 100%;
}
.popular .item.big a figure {
  height: 100%;
}
@media print, screen and (max-width: 47.99875em) {
  .popular .item.big a figure {
    height: unset;
  }
}
.popular .item.big a figure img {
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .grid-margin-y .cell {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .inspiration h2 {
    margin-bottom: 0;
  }
}
.inspiration .button.text-int {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .button.text-int {
    display: block;
    margin-top: 25px;
  }
  .inspiration .button.text-int span {
    line-height: 60px;
  }
}
.inspiration .main-item {
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  .inspiration .main-item {
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .main-item {
    margin-bottom: 0;
  }
}
.inspiration .main-item-content {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: 60%;
  z-index: 9;
}
@media print, screen and (max-width: 63.99875em) {
  .inspiration .main-item-content {
    position: relative;
    width: 100%;
    margin-top: 20px;
    left: unset;
    bottom: unset;
  }
}
.inspiration .main-item-content span {
  background: #916953;
  padding: 4px 8px;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 100%;
}
.inspiration .main-item-content h3 {
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  z-index: 5;
  font-weight: 400;
  margin-top: 8px;
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .inspiration .main-item-content h3 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .main-item-content h3 {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    color: #000;
  }
}
.inspiration .main-item-content .article-intro {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  margin: 8px 0 0 0;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .main-item-content .article-intro {
    display: none;
  }
}
.inspiration .main-item-content .article-link-text {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  text-decoration: underline;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .main-item-content .article-link-text {
    display: none;
  }
}
.inspiration .main-item figure {
  overflow: hidden;
}
.inspiration .main-item figure:before {
  content: "";
  position: absolute;
  left: 0;
  top: 70%;
  width: 100%;
  height: 30%;
  z-index: 2;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .main-item figure:before {
    content: none;
  }
}
.inspiration .main-item figure img {
  position: relative;
  width: 100%;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.inspiration .main-item figure img:hover {
  transform: scale(1.05);
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .main-item figure img:hover {
    transform: scale(1);
  }
}
.inspiration .item:not(:last-child) {
  margin-bottom: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .item:not(:last-child) {
    margin-bottom: 0;
  }
}
.inspiration .item span {
  background: #916953;
  padding: 4px 8px;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 100%;
}
.inspiration .item h3 {
  color: #000;
  font-weight: 400;
  line-height: 30px;
  margin-top: 8px;
  font-size: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .item h3 {
    font-size: 14px;
    line-height: 20px;
  }
}
.inspiration .item .article-intro {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  margin: 8px 0 0 0;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .item .article-intro {
    display: none;
  }
}
.inspiration .item .article-link-text {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  text-decoration: underline;
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .item .article-link-text {
    display: none;
  }
}
.inspiration .item figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.inspiration .item figure:before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .item figure:before {
    content: none;
  }
}
.inspiration .item figure:after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 3;
  height: 12%;
  max-height: 20px;
  width: 100%;
  top: 50%;
  left: 0;
  background-image: url("/static/default/media/images/templating/svg/move-to.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  opacity: 0;
  transform: translateY(-50%) scale(0.75);
  will-change: transform;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .inspiration .item figure:after {
    content: none;
  }
}
.inspiration .item figure:hover:before {
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.inspiration .item figure:hover:after {
  opacity: 1;
  transform: translateY(-50%);
}
.inspiration .item figure img {
  width: 100%;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.inspiration .item figure img:hover {
  transform: scale(1.05);
}
@media print, screen and (max-width: 39.99875em) {
  .welcome {
    margin-bottom: 50px;
  }
}
.welcome .heading {
  margin-bottom: 40px;
}
.welcome .action-form h2 {
  margin-bottom: 2rem;
}
.welcome .banner {
  position: relative;
}
.welcome .banner picture {
  width: 75%;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .welcome .banner picture {
    width: 70%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .welcome .banner picture {
    width: 100%;
  }
}
.welcome .banner picture img {
  width: 100%;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .welcome .banner picture img {
    height: 500px;
  }
}
.welcome .banner svg {
  position: absolute;
  z-index: 5;
  left: 25px;
  top: 25px;
  width: 100px;
  height: 100px;
}
@media print, screen and (max-width: 63.99875em) {
  .welcome .banner svg {
    left: 15px;
    top: 10px;
  }
}
.welcome .banner svg .st0 {
  fill: #4b2e2a;
}
.welcome .banner svg .st1 {
  fill: none;
}
.welcome .banner svg .st2 {
  fill: #FFFFFF;
}
.welcome .action-form {
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .welcome .action-form {
    width: 45%;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .welcome .action-form {
    top: -25px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .welcome .action-form {
    position: relative;
    transform: translateX(0);
    width: calc(100% - 32px);
    margin: -30px auto 0 auto;
    padding: 24px 32px;
    top: 0;
  }
}
.welcome .action-form h2 {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 63.99875em) {
  .welcome .action-form h2 {
    margin-bottom: 15px;
  }
}
.welcome .action-form p {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 63.99875em) {
  .welcome .action-form p {
    margin-bottom: 25px;
  }
}
.welcome .action-form a {
  background: #000;
  border: none;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 15px 30px;
}
.welcome .action-form a:hover {
  background: #000;
  border: none;
  color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  .welcome .action-form a {
    padding: 15px 20px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .welcome .action-form a {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 14px;
  }
}
.categories-small .grid-container.full {
  margin-right: 0 !important;
}
.categories header, .categories-small header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .categories header, .categories-small header {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .categories header h2, .categories-small header h2 {
    transform: translateY(25px);
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .categories header a, .categories-small header a {
    transform: translateY(10px);
  }
}
@media print, screen and (max-width: 47.99875em) {
  .categories header a, .categories-small header a {
    margin-top: 25px;
    margin-bottom: 1rem;
  }
}
.categories .slider-grand-container, .categories-small .slider-grand-container {
  opacity: 0;
}
.categories .slider-grand-container.slick-initialized, .categories-small .slider-grand-container.slick-initialized {
  opacity: 1;
}
.categories .slider-grand-container .slick-list, .categories-small .slider-grand-container .slick-list {
  overflow: hidden;
  margin: 0 -12px;
}
@media print, screen and (max-width: 63.99875em) {
  .categories .slider-grand-container .slick-list, .categories-small .slider-grand-container .slick-list {
    margin: 0 -8px;
  }
}
.categories .slider-grand-container .slick-slide, .categories-small .slider-grand-container .slick-slide {
  padding: 0 12px;
}
@media print, screen and (max-width: 63.99875em) {
  .categories .slider-grand-container .slick-slide, .categories-small .slider-grand-container .slick-slide {
    padding: 0 8px;
  }
}
.categories .slider-grand-container .category, .categories-small .slider-grand-container .category {
  position: relative;
  overflow: hidden;
}
.categories .slider-grand-container .category:before, .categories-small .slider-grand-container .category:before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .categories .slider-grand-container .category:before, .categories-small .slider-grand-container .category:before {
    content: none;
  }
}
.categories .slider-grand-container .category:after, .categories-small .slider-grand-container .category:after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 3;
  height: 12%;
  max-height: 20px;
  width: 100%;
  top: 50%;
  left: 0;
  background-image: url("/static/default/media/images/templating/svg/move-to.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  opacity: 0;
  transform: translateY(-50%) scale(0.75);
  will-change: transform;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 47.99875em) {
  .categories .slider-grand-container .category:after, .categories-small .slider-grand-container .category:after {
    content: none;
  }
}
.categories .slider-grand-container .category:hover:before, .categories-small .slider-grand-container .category:hover:before {
  background-color: rgba(0, 0, 0, 0.25);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.categories .slider-grand-container .category:hover:after, .categories-small .slider-grand-container .category:hover:after {
  opacity: 1;
  transform: translateY(-50%);
}
.categories .slider-grand-container .category:before, .categories-small .slider-grand-container .category:before {
  content: "";
  position: absolute;
  left: 0;
  top: 70%;
  width: 100%;
  height: 30%;
  z-index: 2;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.categories .slider-grand-container .category img, .categories-small .slider-grand-container .category img {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s ease;
  width: 100%;
}
.categories .slider-grand-container .category:hover .link-text, .categories-small .slider-grand-container .category:hover .link-text {
  text-decoration: none;
}
.categories .slider-grand-container .category:hover figure img, .categories-small .slider-grand-container .category:hover figure img {
  transform: scale(1.05);
}
@media print, screen and (max-width: 47.99875em) {
  .categories .slider-grand-container .category:hover figure img, .categories-small .slider-grand-container .category:hover figure img {
    transform: scale(1);
  }
}
.categories .slider-grand-container .category:hover:before, .categories-small .slider-grand-container .category:hover:before {
  background-color: unset;
  transition: none;
}
.categories .slider-grand-container .category:hover:after, .categories-small .slider-grand-container .category:hover:after {
  opacity: unset;
  transform: translateY(0);
}
.categories .slider-grand-container .category span, .categories-small .slider-grand-container .category span {
  margin-top: 20px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: 300;
  color: #8a8a8a;
}
@media print, screen and (max-width: 47.99875em) {
  .categories .slider-grand-container .category span, .categories-small .slider-grand-container .category span {
    margin-top: 10px;
    font-size: 14px;
  }
}
.categories .slider-grand-container .category .content-info, .categories-small .slider-grand-container .category .content-info {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 10;
}
.categories .slider-grand-container .category .content-info h3, .categories-small .slider-grand-container .category .content-info h3 {
  color: #fff;
  font-size: 26px;
  line-height: 30px;
  z-index: 5;
  font-weight: 400;
  transition: all 0.3s ease-out;
}
.categories .slider-grand-container .category .content-info .link-text, .categories-small .slider-grand-container .category .content-info .link-text {
  margin-top: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  color: #fff;
  text-decoration: underline;
}
.categories .slider-grand-ui, .categories-small .slider-grand-ui {
  justify-content: space-between;
  margin-top: 40px;
}
@media print, screen and (max-width: 63.99875em) {
  .categories .slider-grand-ui, .categories-small .slider-grand-ui {
    margin-top: 15px;
  }
}
.categories .slider-grand-ui .slider-grand-progress, .categories-small .slider-grand-ui .slider-grand-progress {
  display: flex;
  align-items: center;
  height: 40px;
}
@media print, screen and (max-width: 63.99875em) {
  .categories .slider-grand-ui .slider-grand-progress, .categories-small .slider-grand-ui .slider-grand-progress {
    width: 60%;
  }
}
.categories .slider-grand-ui .slider-grand-progress .progress-bar, .categories-small .slider-grand-ui .slider-grand-progress .progress-bar {
  width: 100%;
  height: 2px;
  background-color: #f0f0f0;
}
.categories .slider-grand-ui .slider-grand-progress .progress-bar .progress-fill, .categories-small .slider-grand-ui .slider-grand-progress .progress-bar .progress-fill {
  background-color: #000;
  width: 8%;
  height: 2px;
  transform: translateY(1px);
  transition: width 0.3s ease;
}
.categories .slider-grand-ui .slider-grand-arrows, .categories-small .slider-grand-ui .slider-grand-arrows {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-left: 32px;
}
@media print, screen and (max-width: 63.99875em) {
  .categories .slider-grand-ui .slider-grand-arrows, .categories-small .slider-grand-ui .slider-grand-arrows {
    justify-content: flex-end;
    width: 40%;
  }
}
.categories .slider-grand-ui .slider-grand-arrows button, .categories-small .slider-grand-ui .slider-grand-arrows button {
  padding: 12px 14px;
  cursor: pointer;
}
.categories .slider-grand-ui .slider-grand-arrows button.slick-disabled svg path, .categories-small .slider-grand-ui .slider-grand-arrows button.slick-disabled svg path {
  transition: all 0.3s ease;
  fill: rgba(60, 60, 60, 0.1);
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero {
    margin-bottom: -20px;
  }
}
.video-hero .grid-container.full {
  margin: 0 !important;
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero .grid-container.full {
    padding: 0;
  }
}
.video-hero .grid-container.full .grid-x {
  position: relative;
}
.video-hero .grid-container.full .grid-x:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 5;
}
.video-hero .content {
  position: absolute;
  z-index: 10;
  color: #fefefe;
  bottom: 40px;
  left: 40px;
  width: 60%;
}
@media print, screen and (max-width: 89.99875em) {
  .video-hero .content {
    width: 100%;
    left: 25px;
    top: 125px;
    transform: translateY(0);
  }
}
@media print, screen and (max-width: 80.06125em) {
  .video-hero .content {
    left: 25px;
    top: 100px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .video-hero .content {
    left: 25px;
    top: 80px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero .content {
    width: calc(100% - 20px);
    left: 10px;
    bottom: 25px;
    top: unset;
  }
}
.video-hero .content.hero-content-small h1 {
  font-weight: 600;
  font-size: 96px;
  line-height: 110%;
  letter-spacing: -2.88px;
  color: white;
  max-width: 75%;
}
@media print, screen and (max-width: 80.06125em) {
  .video-hero .content.hero-content-small h1 {
    font-weight: 600;
    fill-size: 80px;
    line-height: 110%;
    letter-spacing: -2.4px;
    color: white;
    max-width: 90%;
    font-size: 66px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero .content.hero-content-small h1 {
    font-size: 48px;
    letter-spacing: -0.96px;
    line-height: 110%;
    font-weight: 500;
    color: white;
    max-width: 100%;
  }
}
.video-hero .content h1 {
  font-size: 120px;
  letter-spacing: -5.12px;
  line-height: 100%;
  font-weight: 600;
  color: white;
  max-width: 65%;
}
@media print, screen and (max-width: 109.37375em) {
  .video-hero .content h1 {
    font-size: 96px;
    letter-spacing: -2.88px;
    color: white;
    max-width: 65%;
  }
}
@media print, screen and (max-width: 89.99875em) {
  .video-hero .content h1 {
    max-width: 83%;
  }
}
@media print, screen and (max-width: 80.06125em) {
  .video-hero .content h1 {
    max-width: 90%;
    font-weight: 600;
    color: white;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero .content h1 {
    font-size: 48px;
    letter-spacing: -0.96px;
    line-height: 100%;
    font-weight: 600;
    max-width: 100%;
  }
}
.video-hero .content p {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: white;
  margin-top: 20px;
  margin-bottom: 0;
  max-width: 60%;
}
@media print, screen and (max-width: 80.06125em) {
  .video-hero .content p {
    font-size: 18px;
    color: white;
    max-width: 65%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .video-hero .content p {
    max-width: 70%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero .content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: -0.4px;
    margin-top: 16px;
    max-width: 100%;
  }
}
.video-hero .content .button.out-of {
  width: unset;
  height: unset;
  margin-top: 40px;
  color: #fff;
  letter-spacing: 0;
  z-index: 10;
  background: #000;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero .content .button.out-of {
    justify-content: center;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 24px;
  }
}
.video-hero .hero-video-container {
  max-height: 100svh;
  width: 100%;
}
.video-hero .hero-video-container figure {
  width: 100%;
  height: 100%;
}
.video-hero .hero-video-container figure img {
  width: 100%;
  height: 100%;
}
.video-hero .hero-video-container .plyr-video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media print, screen and (max-width: 47.99875em) {
  .video-hero .hero-video-container .plyr-video {
    height: 100%;
  }
}
.image-full {
  position: relative;
  min-height: 750px;
  background-size: cover;
  background-position: bottom;
}
@media print, screen and (max-width: 80.06125em) {
  .image-full {
    min-height: 400px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .image-full {
    min-height: 440px;
  }
}
.image-full:after {
  content: "";
  background: #1e1e1e;
  opacity: 0.4;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media print, screen and (max-width: 47.99875em) {
  .image-full:after {
    opacity: 0.5;
  }
}
.image-full .cell {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
@media print, screen and (max-width: 47.99875em) {
  .image-full .cell {
    padding: 0 10px;
  }
}
.image-full .cell h2 {
  color: #dddddd;
  font-weight: 200;
  user-select: all;
  margin-bottom: 25px;
}
.image-full .cell p {
  color: #dddddd;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 30px;
}
@media print, screen and (max-width: 47.99875em) {
  .image-full .cell p {
    font-size: 18px;
  }
}
section.images {
  max-height: 488px;
}
section.images header {
  margin-bottom: 30px;
}
@media print, screen and (max-width: 47.99875em) {
  section.images header {
    padding: 0 10px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  section.images {
    max-height: 546px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  section.images {
    max-height: 313px;
  }
}
section.images .grid-container {
  max-width: 110rem;
}
@media print, screen and (max-width: 131.24875em) {
  section.images .grid-container {
    max-width: 87.5rem;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.images .grid-container {
    padding: 0;
  }
}
section.images .items {
  opacity: 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .items {
    margin-left: 10px;
  }
}
section.images .items.slick-initialized {
  opacity: 1;
}
section.images .items .slick-list {
  overflow: visible;
  margin: 0 -10px;
}
@media print, screen and (max-width: 89.99875em) {
  section.images .items .slick-list {
    padding: 0 10% 0 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.images .items .slick-list {
    padding: 0 15% 0 0;
    margin: 0 -5px;
    overflow: hidden;
  }
}
section.images .items .slick-slide {
  margin: 0 10px;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .items .slick-slide {
    margin: 0 5px;
  }
}
section.images .items .slick-slide img {
  max-height: 450px;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .items .slick-slide img {
    max-height: unset;
  }
}
section.images .slider-controls {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .slider-controls {
    margin-top: 25px;
  }
}
section.images .slider-controls .slide-counter {
  display: flex;
  font-size: 15px;
  margin-right: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .slider-controls .slide-counter {
    margin-left: 10px;
    margin-right: 15px;
  }
}
section.images .slider-controls .slide-counter .current-slide {
  font-size: 28px;
  font-weight: 500;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .slider-controls .slide-counter .current-slide {
    font-size: 24px;
    line-height: 20px;
  }
}
section.images .slider-controls .slide-counter .two {
  display: flex;
}
section.images .slider-controls .slide-counter .two .sep {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #999;
  letter-spacing: -1px;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .slider-controls .slide-counter .two .sep {
    font-size: 11px;
  }
}
section.images .slider-controls .slide-counter .two .total-slides {
  color: #999;
  line-height: 24px;
  font-size: 18px;
  font-weight: 400;
}
@media print, screen and (max-width: 47.99875em) {
  section.images .slider-controls .slide-counter .two .total-slides {
    line-height: 25px;
    font-size: 16px;
  }
}
section.images .slider-controls .progress-container {
  width: 85%;
  height: 5px;
  background-color: #f3f1ed;
}
@media print, screen and (max-width: 89.99875em) {
  section.images .slider-controls .progress-container {
    width: 80%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  section.images .slider-controls .progress-container {
    width: 75%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.images .slider-controls .progress-container {
    width: 57%;
    height: 3px;
  }
}
section.images .slider-controls .progress-container .progress-bar {
  height: 100%;
  border-radius: 10px;
  background-color: rgba(60, 60, 60, 0.6);
  width: 0;
  transition: width 0.3s ease-out;
}
section.images .slider-controls .slider-arrows {
  margin: 0 0 0 50px;
  position: absolute;
  right: 0;
}
@media print, screen and (max-width: 63.99875em) {
  section.images .slider-controls .slider-arrows {
    margin: 0 10px 0 20px;
    display: flex;
  }
}
section.images .slider-controls .slider-arrows .arrow {
  position: relative;
  background: #f3f1ed;
  border: 1px solid #916953;
  height: 60px;
  width: 60px;
}
@media print, screen and (max-width: 80.06125em) {
  section.images .slider-controls .slider-arrows .arrow {
    height: 45px;
    width: 45px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  section.images .slider-controls .slider-arrows .arrow {
    height: 35px;
    width: 35px;
  }
}
section.images .slider-controls .slider-arrows .arrow:after {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/chevron-brown.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
@media print, screen and (max-width: 80.06125em) {
  section.images .slider-controls .slider-arrows .arrow:after {
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  section.images .slider-controls .slider-arrows .arrow:after {
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
  }
}
section.images .slider-controls .slider-arrows .arrow.prev:after {
  transform: translateX(50%) translateY(-50%) rotate(180deg);
}
section.images .slider-controls .slider-arrows .arrow.next {
  margin-left: 5px;
}
.product-detail {
  margin-top: 138px !important;
}
@media print, screen and (max-width: 80.06125em) {
  .product-detail {
    margin-top: 130px !important;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .product-detail {
    margin-top: 76px !important;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail {
    margin-top: 0px !important;
  }
}
.product-detail .details {
  overflow: hidden;
  background: #F9F8F6;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .details {
    justify-content: space-between;
  }
}
.product-detail .images {
  position: relative;
  background: #f3f2f1;
  padding: 80px 0 60px 0;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .images {
    padding: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .images {
    order: 0;
    height: 414px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(60, 60, 60, 0.1);
    background: #f2eff1;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .product-detail .images {
    height: 385px;
  }
}
.product-detail .images .detail-images-for {
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .images .detail-images-for {
    height: 250px;
  }
}
.product-detail .images .detail-images-for:not(.slick-initialized) figure:not(:first-of-type) {
  display: none;
}
.product-detail .images .detail-images-for:after {
  content: "Klik om te vergroten";
  position: absolute;
  background-image: url(/static/default/media/images/templating/svg/zoom.svg);
  right: 50%;
  transform: translateX(50%);
  bottom: -25px;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-color: #f9f8f6;
  padding: 7px 10px 7px 35px;
  font-size: 15px;
  border-radius: 5px;
  background-position: 10px;
  pointer-events: none;
  z-index: 5;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
@supports (-webkit-touch-callout: none) {
  @media screen and (min-width: 64em) and (max-width: 80.06125em) {
    .product-detail .images .detail-images-for:after {
      content: "Tik om te vergroten";
      background-image: url(/static/default/media/images/templating/svg/tik.svg);
    }
  }
  @media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
    .product-detail .images .detail-images-for:after {
      content: "Tik om te vergroten";
      background-image: url(/static/default/media/images/templating/svg/tik.svg);
    }
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .images .detail-images-for:after {
    content: "Tik om te vergroten";
    background-image: url(/static/default/media/images/templating/svg/tik.svg);
    font-size: 14px;
    background-size: 14px 14px;
    padding: 5px 5px 5px 30px;
    bottom: -10px;
    right: 50%;
  }
}
.product-detail .images .detail-images-for:after:hover {
  cursor: pointer;
}
.product-detail .images .detail-images-for.slick-initialized {
  opacity: 1;
}
.product-detail .images .detail-images-for figure a {
  display: flex;
  justify-content: center;
}
.product-detail .images .detail-images-for figure img {
  max-height: 500px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .images .detail-images-for figure img {
    max-height: 250px;
  }
}
.product-detail .images .detail-images-nav {
  opacity: 0;
  transition: opacity 0.3s ease-out;
  margin: 80px auto 0 auto;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .images .detail-images-nav {
    margin: 60px auto 0 auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .product-detail .images .detail-images-nav {
    padding: 0 10px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .images .detail-images-nav {
    margin: 30px 0 0 0;
  }
}
.product-detail .images .detail-images-nav .slick-track {
  display: flex;
  justify-content: center;
  transform: translate3d(0px, 0px, 0px) !important;
  width: 100% !important;
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .images .detail-images-nav .slick-track {
    margin-left: 10px;
  }
}
.product-detail .images .detail-images-nav .slick-arrow {
  display: none !important;
}
.product-detail .images .detail-images-nav .slick-arrow .slick-prev:before {
  color: #916953;
}
.product-detail .images .detail-images-nav .slick-arrow .slick-next:before {
  color: #916953;
}
.product-detail .images .detail-images-nav:not(.slick-initialized) figure {
  max-height: 100px;
}
.product-detail .images .detail-images-nav:not(.slick-initialized) figure:not(:first-of-type) {
  display: none;
}
.product-detail .images .detail-images-nav .slick-list {
  margin: 0 -20px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .images .detail-images-nav .slick-list {
    margin: 0 -5px;
  }
}
.product-detail .images .detail-images-nav .slick-slide {
  margin: 0 5px;
  width: 110px !important;
  max-width: 110px;
  height: 110px;
  min-height: 110px;
  padding: 5px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  transition: background-color 0.1s ease-in;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .images .detail-images-nav .slick-slide {
    width: 75px !important;
    max-width: 75px;
    height: 75px;
    min-height: 75px;
    padding: 2.5px;
  }
}
.product-detail .images .detail-images-nav .slick-slide img {
  transition: all 0.2s ease-out;
}
.product-detail .images .detail-images-nav .slick-slide:not(.slick-current) {
  cursor: pointer;
}
.product-detail .images .detail-images-nav.slick-initialized {
  opacity: 1;
}
.product-detail .product-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 746px;
  margin-top: 80px;
  margin-left: 3.5%;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .product-info {
    min-height: 715px;
    background: #fff;
    margin-top: 0;
    margin-left: 0;
    padding: 40px 15px 0 15px;
  }
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .product-detail .product-info {
    padding: 25px 15px 0 15px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .product-info {
    padding: 20px 15px 0 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info {
    min-height: unset;
    display: flex;
    flex-direction: column;
    order: 2;
    margin: 0 0.5rem 0 0.5rem;
    padding: 25px 10px 10px 10px;
  }
}
.product-detail .product-info .coffee-inclusive {
  margin: 10px 0 0 0;
  font-size: 18px;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .coffee-inclusive {
    margin: 20px 0 -10px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #1e1e1e;
  }
}
.product-detail .product-info.is-matrix .uses img {
  width: 80px;
  height: 80px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info.is-matrix .uses {
    order: 4;
    border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .product-info.is-matrix .color {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info.is-matrix .color {
    order: 1;
    border-top: none;
  }
}
.product-detail .product-info.is-matrix .color .matrix-color-options {
  width: 100%;
}
.product-detail .product-info.is-matrix .color .matrix-select .matrix-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #e5e5e5;
}
.product-detail .product-info.is-matrix .color .matrix-select .heading {
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0;
  color: #929292;
}
.product-detail .product-info.is-matrix .color .matrix-select .matrix-color-options {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  column-gap: 12px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info.is-matrix .color .matrix-select .matrix-color-options {
    column-gap: 16px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .name {
    text-align: center;
  }
}
.product-detail .product-info .brand-product {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .brand-product {
    text-align: center;
  }
}
.product-detail .product-info .brand-product .name {
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
}
.product-detail .product-info .brand-product .brand {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 125%;
  color: #929292;
  margin-bottom: 8px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .brand-product .brand {
    margin-bottom: 0;
  }
}
.product-detail .product-info .intro {
  padding: 20px 0 0 0;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .intro {
    order: 5;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.product-detail .product-info .intro p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 400;
}
.product-detail .product-info .uses {
  display: flex;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #e5e5e5;
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .product-info .uses {
    display: grid;
    grid-template-columns: 40% 60%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .uses {
    margin: 0;
    border-top: 0;
  }
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .product-detail .product-info .uses img {
    width: 80px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .product-info .uses img {
    width: 75px;
  }
}
.product-detail .product-info .uses .title {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .product-info .uses .title {
    line-height: 16px;
  }
}
.product-detail .product-info .shipping {
  padding: 16px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .shipping {
    order: 3;
  }
}
.product-detail .product-info .shipping-time {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0;
  font-weight: 400;
}
.product-detail .product-info .shipping-time + .shipping-date {
  margin-top: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .shipping-time + .shipping-date {
    margin-top: 10px;
  }
}
.product-detail .product-info .shipping-date {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0;
  font-weight: 400;
}
.product-detail .product-info .discount-date {
  margin-top: 5px;
  line-height: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .discount-date {
    margin-top: 10px;
  }
}
.product-detail .product-info .usps {
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .usps {
    padding-top: 20px;
    order: 6;
  }
}
.product-detail .product-info .usps p {
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .usps p {
    font-size: 13px;
  }
}
.product-detail .product-info .color {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 63.99875em) {
  .product-detail .product-info .color {
    margin-bottom: 0;
  }
}
.product-detail .product-info .color.center-item {
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .color.center-item {
    justify-content: center;
  }
}
.product-detail .product-info .color .matrix-select .matrix-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-detail .product-info .color .matrix-select .heading {
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0;
  color: #929292;
}
.product-detail .product-info .color .matrix-select .matrix-option {
  padding: 4px 8px;
  border: 1px solid #cacaca;
}
@media print, screen and (max-width: 63.99875em) {
  .product-detail .product-info .color .matrix-select .matrix-option {
    padding: 2px 4px;
  }
}
.product-detail .product-info .color .matrix-select .matrix-option:hover {
  cursor: pointer;
}
.product-detail .product-info .color .matrix-select .matrix-option.active {
  border: 1px solid #1e1e1e;
}
.product-detail .product-info .color .matrix-select .matrix-option.active:hover {
  cursor: unset;
}
.product-detail .product-info .color .matrix-select .color-options {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .color .matrix-select .color-options {
    grid-gap: 12px;
  }
}
.product-detail .product-info .color .matrix-select .color-options .color-option {
  width: 24px;
  height: 24px;
  border-radius: 0;
  padding: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .color .matrix-select .color-options .color-option {
    width: 32px;
    height: 32px;
  }
}
.product-detail .product-info .color .matrix-select .size-options {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .color .matrix-select .size-options {
    grid-gap: 12px;
  }
}
.product-detail .product-info .color .matrix-select .size-options .size-option.coffeestation {
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .color .matrix-select .size-options .size-option.coffeestation {
    grid-template-columns: 20px 1fr;
  }
}
.product-detail .product-info .color .name {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 400;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .color .name {
    font-size: 10px;
  }
}
.product-detail .product-info .color .code {
  width: 24px;
  display: block;
  height: 24px;
  margin-bottom: 16px;
}
.product-detail .product-info .color .product-type {
  width: 24px;
  height: 24px;
}
.product-detail .product-info .color .product-type:not(.active):hover {
  cursor: pointer;
  background-color: #f3f1ed;
}
.product-detail .product-info .color .product-type.active {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-detail .product-info .color .product-type .color .code {
  width: 20px;
  height: 20px;
}
.product-detail .product-info .rating {
  display: flex;
  align-items: center;
  padding-top: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .rating {
    padding-top: 20px;
    order: 2;
  }
}
.product-detail .product-info .rating .stars {
  display: flex;
  margin-right: 5px;
}
.product-detail .product-info .rating .stars svg {
  width: 22px;
  height: 22px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .rating .stars svg {
    width: 23px;
    height: 23px;
  }
}
.product-detail .product-info .rating .stars svg.star {
  color: #aaa;
}
.product-detail .product-info .rating .stars svg.full-star {
  color: #febd00;
}
.product-detail .product-info .rating .stars svg.empty-star {
  color: #aaa;
}
.product-detail .product-info .rating .numbers {
  font-size: 13px;
  margin-top: 3px;
  color: #1e1e1e;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
}
@media print, screen and (max-width: 80.06125em) {
  .product-detail .product-info .rating .numbers {
    margin-top: 2px;
  }
}
.product-detail .product-info .price-block {
  padding-top: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .price-block {
    padding-top: 25px;
  }
}
.product-detail .product-info .price-block .price {
  display: flex;
  align-items: center;
}
.product-detail .product-info .price-block .price__retail {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .product-info .price-block .price__retail {
    font-size: 13px;
  }
}
.product-detail .product-info .price-block .price__current {
  font-size: 18px;
  font-weight: 400;
}
.product-detail .actions {
  align-items: center;
  margin-top: 30px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .actions.single {
    margin-top: 0;
  }
}
.product-detail .actions .grid-y {
  align-items: flex-start;
}
.product-detail .actions .buy-outer {
  display: inline-flex;
  margin-bottom: 2px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add {
    height: unset !important;
    order: 1;
    background: #f9f8f6;
  }
}
.product-detail .action-add form {
  display: flex;
  align-items: center;
  height: 82px;
  background-color: #f2eff1;
  margin: 0 auto;
  padding: 10px 0;
  z-index: 57;
  max-width: 100% !important;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .action-add form {
    padding: 10px 15px;
  }
}
@media print, screen and (max-width: 80.06125em) {
  .product-detail .action-add form {
    height: 75px;
    padding: 5px 10px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add form {
    height: 104px;
    background-image: none;
    transition: none;
  }
  .product-detail .action-add form .price-block:not(.double),
  .product-detail .action-add form .actions-block:not(.double) {
    opacity: 1;
    transition: opacity 0.2s ease-in;
  }
}
.product-detail .action-add form:not(.sticky) {
  z-index: 49;
}
.product-detail .action-add form.sticky.is-stuck {
  border-bottom: 1px solid #f2f2f1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .action-add form.sticky.is-stuck {
    padding: 10px 15px;
  }
}
@media print, screen and (max-width: 80.06125em) {
  .product-detail .action-add form.sticky.is-stuck {
    padding: 5px 1rem;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add form.sticky.is-stuck {
    border-bottom: 1px solid rgba(60, 60, 60, 0.1);
    padding: 5px 0.5rem;
  }
  .product-detail .action-add form.sticky.is-stuck .price-block:not(.double),
  .product-detail .action-add form.sticky.is-stuck .actions-block:not(.double) {
    opacity: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add form {
    background-color: #fff;
    padding: 25px 0 0 0;
    transition: opacity 0.3s ease-in;
  }
  .product-detail .action-add form.sticky.is-stuck {
    border-bottom: 1px solid #f2f2f1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.8);
    padding: 14.5px 0;
    z-index: 55;
    height: 63px;
    opacity: 1;
  }
  .product-detail .action-add form.sticky.is-stuck .product-cta {
    justify-content: space-between;
  }
  .product-detail .action-add form.sticky.is-stuck .product-cta .section-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 25px;
  }
}
@media print, screen and (max-width: 47.99875em) and (max-width: 47.99875em) {
  .product-detail .action-add form.sticky.is-stuck .product-cta .section-two {
    padding: 0 10px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add form.sticky.is-stuck .product-cta .section-two .price {
    margin-bottom: 0;
  }
}
.product-detail .action-add form .inner {
  max-width: 93.5rem;
  margin: 0 auto;
  width: 93.5rem;
  padding: 0;
}
.product-detail .action-add .product-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta {
    justify-content: center;
  }
}
.product-detail .action-add .product-cta .section-one {
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-one {
    display: none;
  }
}
.product-detail .action-add .product-cta .section-one .image {
  margin-right: 50px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .product-detail .action-add .product-cta .section-one .image {
    margin-right: 15px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .product-detail .action-add .product-cta .section-one .image {
    margin-right: 10px;
  }
}
.product-detail .action-add .product-cta .section-one .image img {
  width: 80px;
}
@media print, screen and (max-width: 80.06125em) {
  .product-detail .action-add .product-cta .section-one .image img {
    width: 65px;
  }
}
.product-detail .action-add .product-cta .section-one .title {
  display: flex;
  flex-direction: column;
}
@media print, screen and (max-width: 63.99875em) {
  .product-detail .action-add .product-cta .section-one .title {
    max-width: 290px;
  }
}
.product-detail .action-add .product-cta .section-one .title .product-brand {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: #929292;
  line-height: 125%;
}
.product-detail .action-add .product-cta .section-one .title .product-name {
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
}
.product-detail .action-add .product-cta .section-two {
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two {
    flex-direction: column;
  }
}
.product-detail .action-add .product-cta .section-two .brand-block {
  opacity: 0;
  width: 0;
  height: 0;
}
.product-detail .action-add .product-cta .section-two .brand-block .brand {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #929292;
}
.product-detail .action-add .product-cta .section-two .brand-block .name {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: 0;
}
.product-detail .action-add .product-cta .section-two .price-block:not(.double) {
  margin-right: 44px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .product-detail .action-add .product-cta .section-two .price-block:not(.double) {
    margin-right: 30px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .action-add .product-cta .section-two .price-block:not(.double) {
    margin-right: 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .price-block:not(.double) {
    margin-right: 0;
  }
}
.product-detail .action-add .product-cta .section-two .price-block.double {
  opacity: 0;
  width: 0;
  height: 0;
  transition: none;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .price-block .price {
    margin-bottom: 15px;
  }
}
.product-detail .action-add .product-cta .section-two .price-block .price .price__original {
  color: #929292;
  text-decoration: line-through;
  font-weight: 400;
  margin-right: 8px;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0;
}
.product-detail .action-add .product-cta .section-two .price-block .price__sign {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.product-detail .action-add .product-cta .section-two .price-block .price__current {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.product-detail .action-add .product-cta .section-two .actions-block {
  position: relative;
}
.product-detail .action-add .product-cta .section-two .actions-block.double {
  opacity: 0;
  width: 0;
  height: 0;
  transition: none;
}
.product-detail .action-add .product-cta .section-two .actions-block.in-cart {
  opacity: 0;
  width: 0;
  height: 0;
}
.product-detail .action-add .product-cta .section-two .actions-block .uitverkocht {
  background: #f9f8f6;
  padding: 10px 16px;
  font-size: 15px;
  color: #1e1e1e;
  font-weight: 500;
  border-radius: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .actions-block .uitverkocht {
    background: #f3f1ed;
    font-weight: 300;
  }
}
.product-detail .action-add .product-cta .section-two .actions-block .button.buy {
  border: none;
  transition: none !important;
  color: #fff;
  letter-spacing: 0;
  z-index: 10;
  background: #000;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .actions-block .button.buy {
    padding: 10px 40px;
  }
}
.product-detail .action-add .product-cta .section-two .actions-block svg.cart,
.product-detail .action-add .product-cta .section-two .actions-block svg.plus {
  display: none;
}
.product-detail .action-add .product-cta .section-two .actions-block.show input.button.buy {
  color: #916953;
  pointer-events: none;
}
.product-detail .action-add .product-cta .section-two .actions-block.show svg {
  opacity: 1;
}
.product-detail .action-add .product-cta .section-two .actions-block svg {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease-out;
}
.product-detail .action-add .product-cta .section-two .actions-block svg.show {
  opacity: 1;
}
.product-detail .action-add .product-cta .section-two .actions-block svg.spinner {
  width: 35px;
  height: 35px;
  transform: translateX(-50%) translateY(50%);
  left: 50%;
  bottom: 50%;
  margin: auto;
  shape-rendering: auto;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .actions-block svg.spinner {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
}
.product-detail .action-add .product-cta .section-two .checkout-block .button {
  background: #000;
  border: none;
  color: #fff;
  padding: 15px 40px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
}
.product-detail .action-add .product-cta .section-two .checkout-block .button:hover, .product-detail .action-add .product-cta .section-two .checkout-block .button:active {
  background: #000;
  color: #fff;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .action-add .product-cta .section-two .checkout-block .button {
    padding: 15px 30px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .action-add .product-cta .section-two .checkout-block .button {
    margin-right: 125px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .checkout-block .button {
    padding: 10px 20px;
    font-size: 14px;
  }
}
.product-detail .action-add .product-cta .section-two .products-block {
  opacity: 0;
  height: 0;
  width: 0;
}
.product-detail .action-add .product-cta .section-two .products-block .button {
  background: #000;
  border: none;
  color: #fff;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 15px 40px;
}
.product-detail .action-add .product-cta .section-two .products-block .button:hover, .product-detail .action-add .product-cta .section-two .products-block .button:active {
  background: #000;
  color: #fff;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .action-add .product-cta .section-two .products-block .button {
    padding: 15px 30px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .product-detail .action-add .product-cta .section-two .products-block .button {
    margin-right: 125px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .products-block .button {
    font-size: 14px;
    padding: 10px 20px;
  }
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger {
  display: none;
}
@media print, screen and (max-width: 63.99875em) {
  .product-detail .action-add .product-cta .section-two .mobile-hamburger {
    display: block;
  }
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger, .product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: 20px;
  right: 15px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  z-index: 333;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger:hover .menu-trigger-bar:before,
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger:hover .close-trigger-bar:before, .product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger:hover .menu-trigger-bar:before,
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger:hover .close-trigger-bar:before {
  width: 100%;
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger {
  align-items: center;
  z-index: 5;
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger .close-menu-text {
  position: absolute;
  top: -8px;
  left: 26px;
  white-space: nowrap;
  display: none;
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger .close-trigger-bar {
  display: block;
  width: 75%;
  height: 2px;
  background-color: #bb9468;
  background-image: linear-gradient(-70deg, #1E1E1E 0, #1E1E1E 100%);
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger .close-trigger-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger .close-trigger-bar.left {
  transform: translateX(100px) translateY(-100px) rotate(-45deg);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger .close-trigger-bar.right {
  transform: translateX(-100px) translateY(-100px) rotate(45deg);
  top: -2px;
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger-outer {
  width: 35px;
  height: 35px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .close-trigger-outer {
  width: 0;
  height: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger .menu-trigger-bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #1E1E1E;
  margin-bottom: 0;
  transform: rotate(-45deg) skew(178deg);
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger .menu-trigger-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger .menu-trigger-bar.top {
  width: 45%;
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger .menu-trigger-bar.middle:before {
  left: auto;
  right: 0;
}
.product-detail .action-add .product-cta .section-two .mobile-hamburger .menu-trigger .menu-trigger-bar.bottom {
  width: 45%;
  margin-left: 55%;
}
.product-detail .action-add .product-cta .section-two .scroll-block {
  position: relative;
}
.product-detail .action-add .product-cta .section-two .scroll-block .scroll-to-top:after {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/scroll-top.svg);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25px;
  height: 25px;
}
@media print, screen and (max-width: 89.99875em) {
  .product-detail .action-add .product-cta .section-two .scroll-block .scroll-to-top:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 47.99875em) {
  .product-detail .action-add .product-cta .section-two .scroll-block .scroll-to-top:after {
    transform: translate(0);
    top: 5px;
    left: unset;
    right: 6px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .product-detail .action-add .product-cta .section-two .scroll-block .scroll-to-top:after {
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    right: unset;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .product-cta {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up {
  opacity: 1;
  width: auto;
  height: auto;
  transition: opacity 0.2s ease-in;
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo {
    margin-top: 10px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo {
    display: none;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo img {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo img {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo img {
    margin-right: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo img {
    width: 40px;
    height: 40px;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo span {
  white-space: nowrap;
  font-weight: 300;
  color: #916953;
  font-size: 18px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo span {
    display: none;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo span {
    display: inline-block;
    font-size: 17px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .up.logo span {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 15px;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-one .down {
  opacity: 0;
  width: 0;
  height: 0;
  transition: none;
}
@media print, screen and (max-width: 63.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up {
  opacity: 1;
  width: auto;
  height: auto;
  transition: opacity 0.2s ease-in;
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block {
  margin-right: 15px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block {
    margin-right: 20px;
    margin-top: 2px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block {
    width: 30px;
    margin-right: 0;
    position: absolute;
    right: 108px;
    top: 18px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block {
    top: 15px;
    right: 90px;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block .scroll-to-top {
  display: block;
  width: 66px;
  height: 66px;
}
@media print, screen and (max-width: 89.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block .scroll-to-top {
    width: 46px;
    height: 46px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block .scroll-to-top {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.scroll-block .scroll-to-top {
    margin-right: 20px;
    width: 30px;
    height: 30px;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.cart-block {
  margin-right: 50px;
  margin-top: 4px;
}
@media print, screen and (max-width: 63.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.cart-block {
    position: absolute;
    right: 68px;
    top: 31px;
    margin-right: 0;
    margin-top: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.cart-block {
    right: 55px;
    top: 20px;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.cart-block .shopping-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 50%;
}
@media print, screen and (max-width: 63.99875em) {
  body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.cart-block .shopping-cart {
    width: 24px;
    height: 24px;
  }
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .up.cart-block .shopping-cart .count {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .down {
  opacity: 0;
  width: 0;
  height: 0;
  transition: none;
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .down .button.buy {
  transition: none;
}
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block svg.cart,
body.up .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block svg.plus {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  body.down .product-detail .add-to-cart.sticky.is-stuck .product-cta {
    display: block;
  }
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .up,
body.down .product-detail .add-to-cart.sticky.is-stuck .section-one .up {
  opacity: 0;
  width: 0;
  height: 0;
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down,
body.down .product-detail .add-to-cart.sticky.is-stuck .section-one .down {
  opacity: 1;
  width: auto;
  height: auto;
  transition: opacity 0.2s ease-in;
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.brand-block,
body.down .product-detail .add-to-cart.sticky.is-stuck .section-one .down.brand-block {
  opacity: 0;
  width: 0;
  height: 0;
}
@media print, screen and (max-width: 47.99875em) {
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.brand-block,
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-one .down.brand-block {
    opacity: 1;
    width: auto;
    height: auto;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two {
    display: grid;
    grid-template-columns: 1fr max-content 80px;
    padding: 0 10px;
    align-items: center;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two.no-stock {
    grid-template-columns: 55% 45%;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two.no-stock .price-block {
    text-align: right;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .uitverkocht {
    display: none;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .price-block .price__original {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-decoration: line-through;
    color: #929292;
    margin-right: 0;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .price-block .price__current {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 500;
    color: #000;
    margin-right: 8px;
  }
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .up.mobile-hamburger {
  pointer-events: none;
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.price-block {
  margin-right: 44px;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.price-block {
    margin-right: 30px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.price-block {
    margin-right: 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.price-block {
    margin-right: 0;
  }
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.price-block:not(.double) {
  display: none;
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.price-block.double {
  transition: opacity 0.2s ease-in;
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block:not(.double) {
  display: none;
}
body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block.double {
  transition: opacity 0.2s ease-in;
}
@media print, screen and (max-width: 47.99875em) {
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block {
    justify-self: flex-end;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block .button.primary {
    transition: none;
    font-size: 0;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block svg.cart {
    pointer-events: none;
    display: block;
    fill: #fff;
    width: 17px;
    left: calc(50% + 9px);
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block svg.plus {
    pointer-events: none;
    display: block;
    fill: #fff;
    width: 17px;
    left: calc(50% - 15px);
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
  }
  body.down .product-detail .add-to-cart.sticky.is-stuck .section-two .down.actions-block svg.check {
    pointer-events: none;
    width: 25px;
    height: 25px;
    left: calc(50% - 15px);
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
    z-index: 10;
  }
}
body.yes.up .product-detail .add-to-cart.is-stuck .section-two .products-block {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
body.yes.up .product-detail .add-to-cart.is-stuck .section-two .checkout-block {
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
}
body.no.up .product-detail .add-to-cart.is-stuck .section-two .checkout-block {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
body.no.up .product-detail .add-to-cart.is-stuck .section-two .products-block {
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
}
body.in-cart.down .product-detail .add-to-cart.is-stuck .actions-block.in-cart {
  display: block;
}
body.in-cart.down .product-detail .add-to-cart.is-stuck .actions-block.not-in-cart {
  display: none;
}
body.not-in-cart.down .product-detail .add-to-cart.is-stuck .actions-block.in-cart {
  display: none;
}
body .product-detail .section-two .up,
body .product-detail .section-one .up {
  opacity: 0;
  width: 0;
  height: 0;
}
body .product-detail .section-two .down,
body .product-detail .section-one .down {
  opacity: 1;
  width: auto;
  height: auto;
}
body .product-detail .action-add.is-stuck .section-two .down,
body .product-detail .action-add.is-stuck .section-one .down {
  transition: opacity 0.2s ease-in;
}
.title-text.no-text h2 {
  margin-bottom: 0;
}
.title-text h2 {
  margin-bottom: 25px;
  line-height: 64px;
}
@media print, screen and (max-width: 63.99875em) {
  .title-text h2 {
    line-height: 38px;
  }
}
.featured .grid-container {
  background: #fefefe;
  padding: 80px;
  position: relative;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .grid-container {
    padding: 60px 20px;
  }
}
.featured .wrapper {
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .main {
    margin-bottom: 30px;
  }
}
.featured .wrapper .main h2 {
  margin-bottom: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .main h2 {
    margin-bottom: 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .main p {
    margin-bottom: 18px;
  }
}
.featured .wrapper .sub {
  position: relative;
  background: #f9f8f6;
  padding: 25px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .sub {
    padding: 15px;
  }
}
.featured .wrapper .sub h3 {
  font-weight: 300;
  margin-bottom: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .sub h3 {
    margin-bottom: 5px;
    font-size: 24px;
  }
}
.featured .wrapper .sub p {
  color: #5d5d5c;
  font-size: 18px;
  line-height: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .sub p {
    margin-bottom: 15px;
    font-size: 17px;
  }
}
.featured .wrapper .sub img {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .sub img {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    position: absolute;
    right: 0;
    top: 9px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .sub .button {
    padding: 0 10px 0 20px;
  }
}
.featured .wrapper .sub .button:before {
  background-color: #f3f1ed;
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .sub .button:before {
    top: 5px;
    width: 50px;
    height: 50px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .featured .wrapper .sub .button:after {
    left: -7px;
  }
}
.cta-image .grid-x {
  padding: 0 100px;
}
@media print, screen and (max-width: 80.06125em) {
  .cta-image .grid-x {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .cta-image .grid-x {
    padding: 0;
  }
}
.cta-image .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.cta-image .content img {
  margin-bottom: 25px;
}
.cta-image .content h2 {
  margin-bottom: 25px;
  line-height: 55px;
}
@media print, screen and (max-width: 47.99875em) {
  .cta-image .content h2 {
    line-height: 35px;
  }
}
.cta-image .content p {
  margin-bottom: 0;
}
.cta-image .content p a {
  color: #1e1e1e;
}
.cta-image .content ul,
.cta-image .content ol {
  margin-left: 10px;
}
@media print, screen and (max-width: 39.99875em) {
  .cta-image .content ul,
  .cta-image .content ol {
    margin-left: 10px;
  }
}
.cta-image .content ul li,
.cta-image .content ol li {
  margin-left: 20px;
}
@media print, screen and (max-width: 39.99875em) {
  .cta-image .content ul li,
  .cta-image .content ol li {
    margin-left: 25px;
  }
}
.cta-image .content table td {
  line-height: 28px;
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .cta-image .image {
    display: none;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .cta-image .image {
    margin-top: 35px;
  }
  .cta-image .image img {
    width: auto;
  }
}
.logos h2 {
  margin-bottom: 25px;
}
.logos .grid-container {
  background: #fefefe;
  padding: 80px;
  position: relative;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .logos .grid-container {
    padding: 60px 20px;
  }
}
.logos .grid-x {
  align-items: center;
}
.logos .grid-x .logo {
  background-color: #fefefe;
  padding: 50px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in;
}
.logos .grid-x .logo:nth-child(2) {
  border-right: 0;
}
.logos .grid-x .logo:nth-child(3) {
  border-right: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .logos .grid-x .logo {
    padding: 15px;
    height: 100px;
  }
  .logos .grid-x .logo:nth-child(3) {
    border-top: 0;
    border-right: 0;
  }
}
@media print, screen and (max-width: 47.99875em) and (max-width: 47.99875em) {
  .logos .grid-x .logo:nth-child(3) {
    border-bottom: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .logos .grid-x .logo:nth-child(4) {
    border-top: 0;
  }
}
.logos .grid-x .logo img {
  transform: scale(1);
  filter: grayscale(0.6);
  transition: all 0.2s ease-in;
}
.logos .grid-x .logo:hover {
  background-color: #f9f8f6;
}
.logos .grid-x .logo:hover img {
  transform: scale(1.05);
}
.content-small.no-text header {
  margin-bottom: 0 !important;
}
@media print, screen and (max-width: 47.99875em) {
  .content-small header {
    margin-bottom: 25px;
  }
}
.content-small .xxlarge-12 header {
  width: 75%;
  margin-bottom: 25px;
}
@media print, screen and (max-width: 63.99875em) {
  .content-small .xxlarge-12 header {
    width: 100%;
  }
}
.content-small .columns {
  columns: 2;
  column-gap: 50px;
}
@media print, screen and (max-width: 63.99875em) {
  .content-small .columns {
    columns: 1;
  }
}
.content-small p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1E1E1E;
  text-transform: none;
  margin-bottom: 13px;
}
.content-small p:last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 63.99875em) {
  .content-small ul {
    margin-left: 25px;
  }
}
.content-small ul li ul {
  margin-left: 25px;
}
.content-small strong {
  color: #1E1E1E;
  font-weight: 500;
  font-size: 18px;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big.extra-margin {
    margin: 50px 0 125px 0;
  }
}
.content-big header {
  margin-bottom: 20px;
}
.content-big header h2 {
  margin-bottom: 0 !important;
}
.content-big header h3 {
  margin-bottom: 0;
}
.content-big .grid-container {
  position: relative;
}
.content-big h1, .content-big h2, .content-big h3, .content-big h4, .content-big h5, .content-big h6 {
  margin-bottom: 10px;
}
.content-big p, .content-big li {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1E1E1E;
  text-transform: none;
}
.content-big p {
  margin-bottom: 13px;
}
.content-big table td {
  line-height: 28px;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big table td img {
    padding: 0;
  }
}
.content-big a:not(.click-social-share) {
  color: #07A7E3;
  text-decoration: underline;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big .title {
    margin-top: 60px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .content-big:not(.hassocials) .title {
    margin-top: 0;
  }
}
.content-big .social-bottom {
  margin-top: 50px;
}
@media print, screen and (max-width: 63.99875em) {
  .content-big .social-bottom {
    margin-top: 30px;
  }
}
.content-big .social-bottom .social-icons {
  position: relative;
  display: flex;
  left: unset;
  margin-left: 0;
}
.content-big .social-bottom .social-icons li {
  margin-left: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big .social-bottom .social-icons li {
    margin-left: 0;
  }
}
.content-big .social-bottom .social-icons li a {
  display: flex;
  align-items: center;
}
.content-big .social-bottom .social-icons li a:hover .social-hover:before {
  left: 50%;
  top: -5px;
  transform: rotate(90deg) translateX(-50%);
}
.content-big .social-bottom .social-icons li a .social-hover {
  left: calc(50% - 4px);
  top: 40px;
  transform: translateX(-50%);
}
.content-big .social-bottom .social-icons li:first-of-type {
  margin-left: 0;
}
.content-big .social-icons {
  display: grid;
  justify-items: center;
  grid-row-gap: 25px;
  position: absolute;
  left: 30px;
  top: 0;
  list-style: none;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big .social-icons {
    align-items: center;
    display: flex;
    left: 0;
    margin-left: 10px;
  }
  .content-big .social-icons a {
    display: flex;
  }
}
.content-big .social-icons .click-social-share .social-hover,
.content-big .social-icons .social-element .social-hover {
  display: none;
  position: absolute;
  left: 35px;
  top: -5px;
  line-height: 12px;
  font-weight: 400;
  font-size: 10px;
  color: #fff;
  background: #171316;
  padding: 8px 12px;
  white-space: nowrap;
}
.content-big .social-icons .click-social-share .social-hover:before,
.content-big .social-icons .social-element .social-hover:before {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #171316;
  position: absolute;
  left: -5px;
  top: 10px;
}
.content-big .social-icons .click-social-share:hover .social-hover,
.content-big .social-icons .social-element:hover .social-hover {
  display: block;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big .social-icons .click-social-share:hover .social-hover,
  .content-big .social-icons .social-element:hover .social-hover {
    display: none;
  }
}
.content-big .social-icons span {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #1E1E1E;
  font-weight: 600;
}
.content-big .social-icons li {
  position: relative;
  display: flex;
}
@media print, screen and (max-width: 39.99875em) {
  .content-big .social-icons li:not(:last-child) {
    margin: 0 30px 0 0;
  }
}
.content-big article ul,
.content-big article ol {
  margin-left: 10px;
}
@media print, screen and (max-width: 39.99875em) {
  .content-big article ul,
  .content-big article ol {
    margin-left: 10px;
  }
}
.content-big article ul li,
.content-big article ol li {
  margin-left: 20px;
}
@media print, screen and (max-width: 39.99875em) {
  .content-big article ul li,
  .content-big article ol li {
    margin-left: 25px;
  }
}
.content-big article h1, .content-big article h2, .content-big article h3, .content-big article h4, .content-big article h5, .content-big article h6 {
  color: #1E1E1E;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big article table tr {
    display: grid;
    grid-template-columns: 200%;
  }
}
.content-big .columns {
  columns: 2;
}
@media print, screen and (max-width: 47.99875em) {
  .content-big .columns {
    columns: 1;
  }
}
.content-big .content {
  margin-top: 20px;
}
.content-big .content p {
  margin-bottom: 0;
}
.faq {
  counter-reset: faqs;
}
@media print, screen and (max-width: 80.06125em) {
  .faq .image {
    justify-content: center;
    display: flex;
  }
  .faq .image img {
    width: auto;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .faq .image {
    display: none;
    margin-top: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .faq .image {
    margin-top: 40px;
  }
}
.faq header {
  margin-bottom: 1.25rem;
}
.faq p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1E1E1E;
  text-transform: none;
  font-size: 20px;
  margin: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .faq p {
    font-size: 18px;
  }
}
.faq img {
  width: 100%;
}
.faq .no-image {
  width: 60%;
}
@media print, screen and (max-width: 39.99875em) {
  .faq .no-image {
    width: 100%;
  }
}
.faq .accordion {
  background: none;
}
.faq .accordion-item {
  border-bottom: rgba(60, 60, 60, 0.1);
  padding: 8px 0 8px 50px;
  position: relative;
}
@media print, screen and (max-width: 80.06125em) {
  .faq .accordion-item {
    padding: 3px 0 3px 50px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .faq .accordion-item {
    padding: 0 0 0 40px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .faq .accordion-item:not(:last-child) {
    margin-bottom: 5px;
  }
}
.faq .accordion-item:before {
  counter-increment: faqs;
  position: absolute;
  left: 0;
  top: 29px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  color: gray;
}
@media print, screen and (max-width: 47.99875em) {
  .faq .accordion-item:before {
    top: 14px;
  }
}
.faq .accordion-item.is-active a:before {
  transform: rotate(90deg);
}
.faq .accordion-title {
  border: none !important;
  color: #1E1E1E;
  font-size: 26px;
  line-height: 24px;
  font-weight: 200;
  padding: 0.5rem 20px 0 0;
  position: relative;
}
@media print, screen and (max-width: 80.06125em) {
  .faq .accordion-title {
    font-size: 20px;
  }
}
.faq .accordion-title span {
  line-height: 32px;
}
.faq .accordion-title span.idx {
  position: absolute;
  left: -50px;
  top: 10px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  color: gray;
}
@media print, screen and (max-width: 80.06125em) {
  .faq .accordion-title span.idx {
    top: 8px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .faq .accordion-title span.idx {
    left: -38px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .faq .accordion-title span {
    line-height: 28px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .faq .accordion-title {
    font-size: 19.8px;
  }
}
.faq .accordion-title:hover, .faq .accordion-title:active, .faq .accordion-title:focus {
  background: none;
  color: #1E1E1E;
}
.faq .accordion-title:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-image: url(/static/default/media/images/templating/svg/chevron-right-black.svg);
  background-size: auto 100%;
  right: 0;
  top: 20px;
  background-repeat: no-repeat;
  transform: rotate(270deg);
}
@media print, screen and (max-width: 80.06125em) {
  .faq .accordion-title:before {
    top: 25px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .faq .accordion-title:before {
    right: 7px;
  }
}
.faq .accordion-content {
  margin-bottom: 10px;
  border: none;
  color: #515559;
  padding: 0;
  background: #f9f8f6;
}
.faq .accordion-content:last-child {
  border-bottom: none;
}
.faq .accordion-content p {
  margin: 12px 0 0 0;
}
.added-to-cart {
  position: fixed;
  top: 45%;
  width: 620px;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 87.5rem;
  background: #f9f8f6;
  padding: 25px 0;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  opacity: 0;
  z-index: 5;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 80.06125em) {
  .added-to-cart {
    width: 550px;
    padding: 15px 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart {
    top: 125px;
    transform: translateX(-50%) translateY(0);
    width: calc(100% - 15px);
    padding: 20px 10px;
  }
}
.added-to-cart.show {
  pointer-events: all;
  z-index: 360;
  opacity: 1;
}
.added-to-cart .heading-l {
  margin-bottom: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .heading-l {
    padding-right: 35px;
    margin-bottom: 25px;
  }
}
.added-to-cart .grid-container .close {
  background-image: url(/static/default/media/images/templating/svg/cross.svg);
  position: absolute;
  right: 20px;
  top: 27px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
@media print, screen and (max-width: 80.06125em) {
  .added-to-cart .grid-container .close {
    top: 20px;
  }
}
.added-to-cart p {
  margin-bottom: 0;
}
.added-to-cart {
  margin-bottom: 20px;
  font-weight: 300;
  color: #1e1e1e;
}
.added-to-cart .item-outer {
  border-radius: 5px;
  align-items: center;
  flex-wrap: nowrap;
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .item-outer {
    margin-bottom: 30px;
  }
}
.added-to-cart .item-brand {
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0;
  color: #929292;
  margin-bottom: 0;
}
.added-to-cart .item-name {
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.added-to-cart .item-subtitle {
  font-size: 16px;
  color: #8a8a8a;
  line-height: 1;
  margin-top: 4px;
}
.added-to-cart .item-image {
  width: 150px;
  margin-right: 20px;
}
@media print, screen and (max-width: 109.37375em) {
  .added-to-cart .item-image {
    width: 100px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .item-image {
    margin-right: 5px;
  }
}
.added-to-cart .item-amount {
  display: flex;
  margin-top: 10px;
  font-size: 16px;
}
.added-to-cart .item-amount .amount {
  margin-right: 10px;
}
.added-to-cart .item-amount .price {
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0;
  color: #000;
}
.added-to-cart .cart-total {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .cart-total {
    margin-top: 25px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .cart-total {
    margin-top: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .added-to-cart .cart-total {
    margin-top: 0;
  }
}
.added-to-cart .cart-total h4 {
  margin-bottom: 35px;
}
.added-to-cart .cart-total .to-cart {
  color: #fff;
  background: #000;
  padding: 10px 40px;
}
.added-to-cart .cart-total .to-cart:focus, .added-to-cart .cart-total .to-cart:active, .added-to-cart .cart-total .to-cart:hover {
  color: #fff;
  background: #000;
}
.added-to-cart .cart-total .to-cart.desktop {
  display: block;
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .cart-total .to-cart.desktop {
    display: none;
  }
}
.added-to-cart .cart-total .to-cart.mobile {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .cart-total .to-cart.mobile {
    width: min-content;
    padding: 10px 20px;
    display: block;
  }
}
.added-to-cart .cart-total .secondary {
  padding: 10px 50px;
  border: 1px solid #5e5e5e;
}
.added-to-cart .cart-total .secondary:focus, .added-to-cart .cart-total .secondary:active, .added-to-cart .cart-total .secondary:hover {
  color: #000;
}
.added-to-cart .cart-total .secondary.desktop {
  display: block;
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .cart-total .secondary.desktop {
    display: none;
  }
}
.added-to-cart .cart-total .secondary.mobile {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .added-to-cart .cart-total .secondary.mobile {
    padding: 10px 20px;
    display: block;
  }
}
.added-to-cart .items {
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 80.06125em) {
  .characteristics {
    margin: 0 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics {
    margin: 0 10px;
  }
}
.characteristics .outer {
  justify-content: center;
}
.characteristics h2 {
  margin-bottom: 75px;
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics h2 {
    margin-bottom: 35px;
  }
}
.characteristics .specs {
  margin-bottom: 160px;
}
@media print, screen and (max-width: 80.06125em) {
  .characteristics .specs {
    margin-bottom: 100px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics .specs {
    margin-bottom: 30px;
  }
}
.characteristics .specs.no-video {
  margin-bottom: 0;
}
.characteristics .specs .group:not(:last-child) {
  margin-bottom: 35px;
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics .specs .group:not(:last-child) {
    margin-bottom: 25px;
  }
}
.characteristics .specs .group-name {
  margin-bottom: 30px;
  height: min-content;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding-bottom: 9px;
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #1e1e1e;
  text-transform: none;
}
@media print, screen and (max-width: 63.99875em) {
  .characteristics .specs .group-name {
    margin-bottom: 30px;
    border-bottom: none;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics .specs .group-name {
    height: auto;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.characteristics .specs .group .spec-group {
  display: grid;
  grid-template-columns: 35% 65%;
  grid-gap: 10px;
  align-items: baseline;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding-bottom: 10px;
}
@media print, screen and (max-width: 131.24875em) {
  .characteristics .specs .group .spec-group {
    grid-template-columns: 40% 60%;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .characteristics .specs .group .spec-group {
    grid-template-columns: 40% 54%;
    grid-gap: 50px;
  }
}
.characteristics .specs .group .spec-group-key {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1e1e1e;
  text-transform: none;
}
.characteristics .specs .group .spec-group-value {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1e1e1e;
  text-transform: none;
}
.characteristics .video {
  margin-left: 3.5%;
  margin-top: -10px;
}
@media print, screen and (max-width: 89.99875em) {
  .characteristics .video {
    margin: -10px 0.5rem 0 0.5rem;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics .video {
    margin: 0 0.5rem 0 0.5rem;
  }
}
.characteristics .video .video-container {
  position: relative;
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics .video .video-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.characteristics .video .video-container:not(:last-child) {
  margin-bottom: 35px;
}
.characteristics .video .video-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.characteristics .video .video-container .play-button {
  background-color: transparent;
  background-image: url("/static/default/media/images/templating/svg/play.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transition: all 200ms ease-out;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.characteristics .video .video-container .play-button:hover {
  transform: translateX(-50%) translateY(-50%) scale(1.15);
}
.characteristics .video .video-container .video-label {
  color: #1e1e1e;
  z-index: 20;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 15px;
  font-weight: 200;
  font-size: 30.9px;
  line-height: 32px;
  text-align: center;
}
@media print, screen and (max-width: 47.99875em) {
  .characteristics .video .video-container .video-label {
    text-align: left;
    font-size: 25px;
  }
}
.characteristics .video .video-container .video-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 20;
  width: 35px;
  height: 35px;
}
.characteristics .video .video-container .video-picture {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding-top: 55%;
  position: relative;
}
.characteristics .video .video-container .video-picture img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.characteristics .video .video-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 15;
  transform: translate(-50%, -50%);
}
.cart-matrix {
  position: fixed;
  width: 600px;
  background: #fff;
  padding: 25px;
  margin: 0;
  top: 45%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix {
    top: 125px;
    transform: translateX(-50%) translateY(0);
    width: calc(100% - 15px);
    border: 1px solid #e5e5e5;
    padding: 20px;
    z-index: 99;
  }
}
.cart-matrix.show {
  opacity: 1;
  pointer-events: all;
  z-index: 350;
}
.cart-matrix .product-info {
  display: flex;
  align-items: center;
  position: relative;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .product-info {
    margin-bottom: 25px;
  }
}
.cart-matrix .product-info .matrix-content .matrix.desktop {
  display: block;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .product-info .matrix-content .matrix.desktop {
    display: none;
  }
}
.cart-matrix .product-info img {
  max-width: 150px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .product-info img {
    max-width: 125px;
  }
}
.cart-matrix .product-info header {
  margin-left: 30px;
}
.cart-matrix form {
  margin-top: 30px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix form {
    margin-top: 0;
  }
}
.cart-matrix form .matrix.mobile {
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix form .matrix.mobile {
    display: block;
  }
}
.cart-matrix .items .close {
  background-image: url(/static/default/media/images/templating/svg/cross.svg);
  position: absolute;
  right: 25px;
  top: 25px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.cart-matrix .items .close:hover {
  cursor: pointer;
}
.cart-matrix .items .product-name {
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.cart-matrix .items .product-brand {
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0;
  color: #929292;
  margin-bottom: 0;
}
.cart-matrix .items .price-buy {
  margin-bottom: 24px;
}
.cart-matrix .items .price-buy .product-price .price .price__currency {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.cart-matrix .items .price-buy .product-price .price .price__current {
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0;
  color: #000;
  margin-left: -5px;
}
.cart-matrix .items .button.text {
  font-size: 16px;
  position: absolute;
  left: 0;
}
.cart-matrix .matrix {
  justify-content: center;
  margin-top: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .matrix {
    margin-top: 16px;
  }
}
.cart-matrix .matrix .matrix-select .matrix-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-matrix .matrix .matrix-select .matrix-group.matrix-group--size {
  margin-top: 24px;
}
.cart-matrix .matrix .matrix-select .matrix-group.matrix-group--size .size-options {
  grid-gap: 8px;
}
.cart-matrix .matrix .matrix-select .matrix-group.matrix-group--size .size-options .size-option {
  padding: 4px;
  border: 1px solid #e5e5e5;
}
.cart-matrix .matrix .matrix-select .matrix-group .heading {
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0;
  margin-right: 24px;
  color: #929292;
}
.cart-matrix .matrix .matrix-select .matrix-group .color-options {
  margin-bottom: 0;
  grid-gap: 12px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .matrix .matrix-select .matrix-group .color-options {
    grid-gap: 16px;
  }
}
.cart-matrix .matrix .matrix-select p {
  margin-bottom: 10px;
  color: #555;
  font-size: 18px;
  line-height: 24px;
}
.cart-matrix .matrix .matrix-select .matrix-option[data-stock="0"] span {
  text-decoration: line-through;
  pointer-events: none;
}
.cart-matrix .matrix .matrix-select .matrix-option:hover {
  cursor: pointer;
}
.cart-matrix .matrix .matrix-select .matrix-option.active {
  border: 2px solid #1e1e1e !important;
}
.cart-matrix .matrix .matrix-select .matrix-option.active:hover {
  cursor: unset;
}
.cart-matrix .matrix .matrix-select .color-options {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .matrix .matrix-select .color-options {
    grid-gap: 12px;
  }
}
.cart-matrix .matrix .matrix-select .color-options .color-option {
  width: 24px;
  height: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .matrix .matrix-select .color-options .color-option {
    width: 32px;
    height: 32px;
  }
}
.cart-matrix .matrix .matrix-select .size-options {
  display: flex;
  flex-wrap: wrap;
}
.cart-matrix .matrix .matrix-select .size-options .size-option.coffeestation {
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .matrix .matrix-select .size-options .size-option.coffeestation {
    grid-template-columns: 20px 1fr;
  }
}
.cart-matrix .matrix .select-options {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  grid-gap: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .matrix .select-options {
    justify-content: center;
  }
}
.cart-matrix .matrix .select-options .column-start {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  margin-bottom: 10px;
}
.cart-matrix .matrix .select-options .name {
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  letter-spacing: 0;
  font-weight: 400;
}
.cart-matrix .matrix .select-options .code {
  width: 24px;
  display: block;
  height: 24px;
}
.cart-matrix .matrix .select-options .product-type {
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #5e5e5e;
  background-color: white;
  transition: background-color 0.2s ease-in;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .matrix .select-options .product-type {
    grid-template-columns: 20px 1fr;
    padding: 6px 10px;
  }
}
.cart-matrix .matrix .select-options .product-type:not(.active):hover {
  cursor: pointer;
  background-color: #f3f1ed;
}
.cart-matrix .matrix .select-options .product-type.active {
  border: 2px solid #1e1e1e !important;
}
.cart-matrix .matrix .select-options .product-type .color .code {
  width: 20px;
  height: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .price-block {
    order: 1;
  }
}
.cart-matrix .intro {
  margin: 25px 0;
}
.cart-matrix .intro p {
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .actions-block {
    order: 2;
  }
}
.cart-matrix .actions {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid #e5e5e5;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .actions {
    margin-top: 30px;
  }
}
.cart-matrix .actions .matrix-actions {
  justify-content: space-between;
  width: 100%;
}
.cart-matrix .actions .secondary {
  padding: 10px 50px;
  border: 1px solid #5e5e5e;
}
.cart-matrix .actions .secondary:focus, .cart-matrix .actions .secondary:active, .cart-matrix .actions .secondary:hover {
  color: #000;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .actions .secondary {
    padding: 10px 20px;
  }
}
.cart-matrix .actions .button.buy {
  color: #fff;
  background: #000;
  padding: 10px 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .cart-matrix .actions .button.buy {
    padding: 10px 20px;
  }
}
.cart-matrix .actions .grid-y {
  align-items: flex-start;
}
.cart-matrix .actions .matrix-out-of-stock-message {
  display: none;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #774936;
}
.cart-matrix .actions .matrix-out-of-stock-message.show {
  display: block;
}
.cart-matrix .actions .buy-outer {
  position: relative;
  height: 40px;
}
.cart-matrix .actions .buy-outer svg {
  opacity: 0;
  width: 20px;
  position: absolute;
  pointer-events: none;
}
.cart-matrix .actions .buy-outer svg.show {
  opacity: 1;
}
.cart-matrix .actions .buy-outer svg.filter-icon {
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cart-matrix .actions .buy-outer svg.filter-icon path {
  fill: #f9f8f6;
}
.cart-matrix .actions .buy-outer svg.plus {
  fill: #f9f8f6;
  left: calc(50% - 12px);
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cart-matrix .actions .buy-outer svg.cart {
  fill: #f9f8f6;
  left: calc(50% + 12px);
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin-top: 0 !important;
}
.cart-matrix .actions .buy-outer svg.spinner {
  width: 35px;
  height: 35px;
  top: 50%;
  margin: auto;
  shape-rendering: auto;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.search h2 {
  margin-bottom: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .search h2 {
    margin-bottom: 30px;
  }
}
.search-results--paging {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
}
.search-results--paging .simplesearch-page a {
  color: #30302f;
  padding: 5px 9px;
}
.search-results--paging .simplesearch-page {
  margin-left: 10px;
}
.search-results--paging .simplesearch-page:first-child {
  margin-left: 20px;
}
.search-results--paging .simplesearch-page.simplesearch-current-page {
  color: #fefefe;
  background: #9c734e;
  padding: 2px 9px;
  border-radius: 50px;
}
.search-results--info {
  margin-bottom: 35px;
}
@media print, screen and (max-width: 47.99875em) {
  .search-results--info {
    margin-bottom: 30px;
  }
}
.search-results--info span {
  font-weight: 500;
}
.search-results--none span {
  font-weight: 500;
}
.search-result {
  display: flex;
  color: #1E1E1E;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .search-result {
    display: grid;
    grid-template-columns: 100px 1fr;
    padding: 10px 0 25px 0;
  }
  .search-result:not(:last-of-type) {
    border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  }
}
.search-result:hover .search-result-text h3:after {
  opacity: 1;
}
.search-result img {
  max-width: 175px;
}
@media print, screen and (max-width: 47.99875em) {
  .search-result img {
    margin-bottom: 10px;
    max-width: 100px;
  }
}
.search-result .heading {
  margin-right: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .search-result .heading {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
}
.search-result .search-result-text h3 {
  display: table;
  position: relative;
  line-height: 1.2;
  font-size: 26px;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .search-result .search-result-text h3 {
    font-size: 23px;
  }
}
.search-result .search-result-text h3:after {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url(/static/default/media/images/templating/svg/arrow-long-dark.svg);
  right: -35px;
  top: 9px;
  opacity: 0.6;
  background-size: 9px 15px;
  background-repeat: no-repeat;
  transition: opacity 0.2s ease-out;
}
.search-result .search-result--introtext {
  margin-top: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .search-result .search-result--introtext {
    margin-top: 5px;
  }
}
.search-result .search-result--introtext p {
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .search-result .search-result--introtext p {
    line-height: 1.5;
  }
}
.search-result .search-result--extract .searched {
  color: #DEAB3A;
}
.search-result .search-result--extract p {
  margin-bottom: 0;
}
.overview-filter {
  position: relative;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter {
    margin-top: 84px !important;
  }
}
.overview-filter .heading {
  margin: 0;
}
.overview-filter .holder {
  padding: 40px 0;
  background: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder {
    padding: 16px 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder {
    background: none;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder {
    padding: 0px;
  }
}
.overview-filter .holder .filters {
  padding: 0;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder .filters + div {
    border-top: #d8d8d8 solid 1px;
  }
  .overview-filter .holder .filters:not(.fixed) {
    background: #fff;
    margin: 15px 0.5rem;
    max-width: calc(100% - 1rem);
  }
  .overview-filter .holder .filters:not(.fixed) .grid-x .filters-outer {
    padding: 0;
  }
}
@media print, screen and (max-width: 63.99875em) and (max-width: 47.99875em) {
  .overview-filter .holder .filters:not(.fixed) .grid-x .filters-outer {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 63.99875em) and (max-width: 47.99875em) {
  .overview-filter .holder .filters:not(.fixed) .grid-x .filters-outer .holder__filter {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder .filters:not(.fixed) .grid-x .filters-outer .holder__filter.one,
  .overview-filter .holder .filters:not(.fixed) .grid-x .filters-outer .holder__filter.two {
    margin-bottom: 8px;
  }
  .overview-filter .holder .filters:not(.fixed) .grid-x .filters-outer .holder__filter.two {
    padding-left: 1rem;
  }
  .overview-filter .holder .filters:not(.fixed) .grid-x .filters-outer .holder__filter.two .accordion-title:before {
    right: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder .filters:before {
    background-image: url(../../../static/default/media/images/templating/svg/corners/corner-f.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 125px;
    height: 125px;
    position: absolute;
    top: 25px;
    right: -10px;
    opacity: 0.08;
  }
}
.overview-filter .holder .filters .holder__filter:not(:last-child) {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder .filters .holder__filter:not(:last-child) {
    margin-bottom: 0;
  }
}
.overview-filter .holder .filters .close {
  height: 0;
  width: 0;
  opacity: 0;
}
.overview-filter .holder .filters.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  background: #fff;
  padding: 25px 10px;
  z-index: 200;
  overflow: hidden;
}
.overview-filter .holder .filters.fixed:before {
  content: none;
}
.overview-filter .holder .filters.fixed .top {
  margin-bottom: 30px;
}
.overview-filter .holder .filters.fixed .close {
  opacity: 1;
  background-image: url("/static/default/media/images/templating/svg/cross.svg");
  color: #fff;
  margin: 0;
  position: fixed;
  right: 25px;
  top: 25px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.overview-filter .holder .filters.fixed .quicksearch {
  background: #fff;
  margin: 30px 5% 50px 0;
}
.overview-filter .holder .filters.fixed .holder__info-reset {
  margin-top: -7px;
}
.overview-filter .holder .filters.fixed .holder__info-toggle {
  margin-top: -9px;
}
.overview-filter .holder .filters .grid-x {
  width: 75%;
}
@media print, screen and (max-width: 80.06125em) {
  .overview-filter .holder .filters .grid-x {
    width: 90%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder .filters .grid-x {
    width: 100%;
  }
}
.overview-filter .holder .filters .grid-x > div:nth-child(6) {
  padding-top: 30px;
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder .filters .grid-x > div:nth-child(6) {
    padding-top: 0;
  }
}
.overview-filter .holder .filters .quicksearch {
  display: none;
  height: 25px;
  width: 45%;
  border: none;
  padding: 5px 0 2px 0;
  margin: 25px 5% 30px 0;
  border-bottom: 1px solid rgba(60, 60, 60, 0.6);
  border-radius: 0;
  font-size: 16px;
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder .filters .quicksearch {
    display: block;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder .filters .quicksearch {
    background: #fff;
    width: 66.6666666667%;
    margin: 10px 0 30px 0;
  }
}
.overview-filter .holder .filters .quicksearch:focus {
  outline: none;
}
.overview-filter .holder .filters .quicksearch::placeholder {
  font-size: 15px;
  font-style: italic;
  color: #1E1E1E;
  font-weight: 300;
}
.overview-filter .holder .show-filters {
  background-color: #916953;
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  z-index: 18;
  transform: scale(0);
  opacity: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  transition: all 200ms ease;
}
.overview-filter .holder .show-filters:hover {
  cursor: pointer;
}
.overview-filter .holder .show-filters.active {
  opacity: 1;
  transform: scale(1);
}
.overview-filter .holder .show-filters:after {
  content: "";
  background-image: url("/static/default/media/images/templating/svg/filters.svg");
  transform: rotate(-180deg);
  color: #fff;
  margin: 0;
  position: fixed;
  left: 14px;
  top: 14px;
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
}
.overview-filter .holder .searchfilter {
  margin-left: -2rem;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding-bottom: 32px;
  margin-bottom: 32px;
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder .searchfilter {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder .searchfilter {
    display: none;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .overview-filter .holder .searchfilter {
    margin-left: 20px;
  }
}
.overview-filter .holder .searchfilter label {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.overview-filter .holder .searchfilter label span {
  margin-bottom: 10px;
  color: #1e1e1e;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder .searchfilter label span {
    font-size: 15px;
  }
}
.overview-filter .holder .searchfilter label input {
  background: #fff;
  outline: 0;
  padding-bottom: 5px;
  padding-left: 0;
  border-bottom: 1px solid #929292;
  border-top: none;
  border-left: none;
  border-right: none;
}
.overview-filter .holder .searchfilter label input::placeholder {
  font-style: italic;
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
  opacity: 0.7;
  color: #1E1E1E;
}
.overview-filter .holder__info {
  margin-bottom: 15px;
}
@media print, screen and (max-width: 80.06125em) {
  .overview-filter .holder__info.top {
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .overview-filter .holder__info.top {
    margin-bottom: 15px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__info.top {
    margin-bottom: 0;
  }
}
.overview-filter .holder__info:not(.top) {
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding-bottom: 0;
  margin-bottom: 32px;
}
@media print, screen and (max-width: 80.06125em) {
  .overview-filter .holder__info:not(.top) {
    padding-bottom: 34px;
  }
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  @supports (-webkit-touch-callout: none) {
    .overview-filter .holder__info:not(.top) {
      margin-bottom: 4px;
    }
  }
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder__info:not(.top) {
    height: 25px;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: end;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder__info {
    margin-bottom: 0;
    align-self: center;
  }
}
.overview-filter .holder__info-total {
  color: #1e1e1e;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
@media print, screen and (max-width: 80.06125em) {
  .overview-filter .holder__info-total {
    font-size: 17px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__info-total {
    font-size: 18px;
    line-height: 1;
  }
}
.overview-filter .holder__info-reset {
  text-decoration: underline;
  cursor: pointer;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 70px;
  padding: 0;
  border: 0;
  background-color: unset !important;
  font-weight: 500;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .holder__info-reset {
    margin-bottom: 0;
    width: 100%;
    font-size: 14px;
  }
}
.overview-filter .holder__info-reset:hover, .overview-filter .holder__info-reset:active {
  transform: none;
  box-shadow: none;
}
.overview-filter .holder__info-reset:after {
  content: none;
}
.overview-filter .holder__info-toggle {
  background-size: 20px 20px;
  transform: translateX(-5px);
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 10px;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__info-toggle {
    margin-top: 9px;
  }
}
.overview-filter .holder__info-toggle.tiles {
  background-image: url("/static/default/media/images/templating/svg/grid-2.svg");
}
.overview-filter .holder__info-toggle.list {
  background-image: url("/static/default/media/images/templating/svg/bar-2.svg");
}
.overview-filter .holder__filter svg {
  opacity: 0.2;
  margin-top: 10px;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__filter svg {
    display: none;
  }
}
.overview-filter .holder__filter-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #1e1e1e;
  cursor: pointer;
  letter-spacing: 0;
}
.overview-filter .holder__filter-item:not(:last-child) {
  margin-bottom: 5px;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__filter-item:not(:last-child) {
    margin-bottom: 0;
  }
}
.overview-filter .holder__filter-item:hover .item-holder span.checkmark {
  background-color: #F6F6F6;
}
.overview-filter .holder__filter-item .item-holder {
  position: relative;
  pointer-events: none;
  display: block;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.overview-filter .holder__filter-item .item-holder .tagname {
  color: #1E1E1E;
  line-height: 22px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder__filter-item .item-holder .tagname {
    line-height: 18px;
    padding-left: 28px;
    margin-bottom: 10px;
  }
}
.overview-filter .holder__filter-item .item-holder input {
  position: absolute;
  opacity: 0;
  top: 0;
}
.overview-filter .holder__filter-item .item-holder input:checked ~ .checkmark {
  background-color: #000;
  border: #000 solid 1px;
}
.overview-filter .holder__filter-item .item-holder input:checked ~ .checkmark:after {
  display: block;
}
.overview-filter .holder__filter-item .item-holder .count {
  opacity: 0.7;
  font-size: 12px;
}
.overview-filter .holder__filter-item .item-holder .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: #929292 solid 1px;
  border-radius: 3px;
  transition: all 200ms ease-out;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder__filter-item .item-holder .checkmark {
    height: 18px;
    width: 18px;
    top: -1px;
  }
}
.overview-filter .holder__filter-item .item-holder .checkmark:after {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/checked.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 11px;
  height: 9px;
  border-radius: 3px;
  display: none;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder__filter-item .item-holder .checkmark:after {
    top: 5px;
    left: 4px;
    width: 9px;
    height: 7px;
  }
}
.overview-filter .holder__filter .accordion {
  background: unset;
}
.overview-filter .holder__filter .accordion-title {
  color: #1E1E1E;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  padding: 0;
  border: 0;
  width: 100%;
  background-color: unset !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .holder__filter .accordion-title {
    font-size: 15px;
  }
}
.overview-filter .holder__filter .accordion-title:hover {
  background-color: unset;
}
.overview-filter .holder__filter .accordion-title:before {
  content: "";
  background-image: url("/static/default/media/images/templating/svg/chevron-right-blue.svg");
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  top: 12px;
  transform: rotate(90deg);
  transition: all 0.2s ease-out;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__filter .accordion-title {
    font-size: 13px;
  }
}
.overview-filter .holder__filter .accordion-title span {
  font-size: 14px;
  color: #929292;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 125%;
}
.overview-filter .holder__filter .accordion-item {
  margin-bottom: 10px;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__filter .accordion-item {
    margin-bottom: 0;
  }
}
.overview-filter .holder__filter .accordion-item.is-active .accordion-title:before {
  transform: rotate(270deg);
}
.overview-filter .holder__filter .accordion-content {
  padding: 0;
  border: 0;
  background-color: unset;
  margin: 15px 0 10px 0;
}
@media print, screen and (max-width: 80.06125em) {
  .overview-filter .holder__filter .accordion-content {
    margin: 20px 0 10px 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__filter .accordion-content {
    margin: 15px 0 5px 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .holder__filter .accordion-content .label {
    margin-bottom: 5px;
  }
}
.overview-filter .holder__filter .accordion-item:focus,
.overview-filter .holder__filter .accordion:focus,
.overview-filter .holder__filter .tag-item:focus,
.overview-filter .holder__filter .accordion-content:focus {
  border: 0;
  outline: 0;
}
.overview-filter .results {
  margin-left: -3rem;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .overview-filter .results {
    margin-left: -2.5rem;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .overview-filter .results {
    margin-left: 0.5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .overview-filter .results {
    margin: 0;
  }
}
.overview-filter .results__item {
  display: grid;
  display: -ms-grid;
  position: relative;
  background: #fff;
}
@media screen and (min-width: 64em) and (max-width: 80.06125em) {
  .overview-filter .results__item {
    margin: 0.5rem;
    width: calc(33.33333% - 2rem);
  }
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .results__item {
    background: #fff;
  }
  .overview-filter .results__item:before {
    background-image: url(../../../static/default/media/images/templating/svg/corners/corner-f.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: -10px;
    opacity: 0.08;
    transform: rotate(90deg);
  }
}
.overview-filter .results__item .lock {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999;
  transform: scale(0);
  transition: opacity 0.2s ease-out, scale 0.2s ease-out;
}
.overview-filter .results__item .lock.locked {
  transform: scale(1);
  opacity: 1;
  height: 100%;
  width: 100%;
}
.overview-filter .results__item.article .actions {
  margin-top: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .results__item.article .actions {
    margin-top: 16px;
  }
}
.overview-filter .results__item-link:hover {
  cursor: pointer;
}
.overview-filter .results__item-link figure {
  background: #f2eff1;
  padding: 26px 0;
}
.overview-filter .results__item-link figure .favorite {
  position: absolute;
  z-index: 25;
  right: 0;
  top: 0;
  width: 50px;
  height: 45px;
  background: #f9c846;
  border-radius: 0 5px 0 50px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.overview-filter .results__item-link figure .favorite.active svg path {
  fill: red !important;
}
.overview-filter .results__item-link figure .favorite:hover {
  cursor: pointer;
}
.overview-filter .results__item-link figure .favorite:hover svg path {
  fill: red;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .results__item-link figure .favorite:hover svg path {
    fill: white;
  }
}
.overview-filter .results__item-link figure .favorite svg {
  width: 25px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.overview-filter .results__item-link figure .favorite svg path {
  fill: white;
  transition: all 0.2s ease-out;
}
.overview-filter .results__item-link figure .price {
  display: table;
  padding: 3px 5px 3px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(51, 70, 87, 0.8);
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.3px;
  border-radius: 0 3px 0 0;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .results__item-link figure .price {
    display: none;
  }
}
.overview-filter .results__item-content {
  display: flex;
  justify-content: space-between;
  background: #fff;
  margin-top: 14px;
  grid-row: 2;
  -ms-grid-row: 2;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .results__item-content {
    margin-top: 14px;
  }
}
.overview-filter .results__item-content:hover {
  cursor: pointer;
}
.overview-filter .results__item-content.article h3 {
  font-size: 22px;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .overview-filter .results__item-content.article h3 {
    font-size: 18px;
    margin: 10px 0 10px 0;
  }
}
.overview-filter .results__item-content .price-items {
  display: flex;
}
.overview-filter .results__item-content .price-items .price {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.overview-filter .results__item-content .price-items .price-original {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #929292;
  margin-right: 4px;
  text-decoration: line-through;
}
.overview-filter .results__item-content .brand-name h3 {
  color: #1e1e1e;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .results__item-content .brand-name h3 {
    display: table;
    position: relative;
  }
}
.overview-filter .results__item-content .brand-name .brand {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #929292;
}
.overview-filter .results__item-content p {
  font-size: 15px;
  line-height: 1.6;
  margin: 20px 0 30px 0;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .results__item-content p {
    font-size: 14px;
    margin: 0;
  }
}
.overview-filter .results__item-content form {
  display: inline-flex;
}
.overview-filter .results__item-content .actions .variants-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.overview-filter .results__item-content .actions .variants-box .buy-outer {
  position: relative;
  width: 50px;
  height: 20px;
}
.overview-filter .results__item-content .actions .variants-box .buy-outer input.buy {
  outline: 0;
  border: 0;
  opacity: 0;
  width: 20px;
  height: 50px;
  padding: 0 0 35px 50px;
  z-index: 99;
}
.overview-filter .results__item-content .actions .variants-box .buy-outer svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
}
.overview-filter .results__item-content .actions .variants-box .buy-outer svg.spinner {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
}
.overview-filter .results__item-content .actions .color-swatches {
  display: flex;
  justify-content: flex-end;
  gap: 3px;
  margin-top: 8px;
  transform: translateX(-2px);
}
.overview-filter .results__item-content .actions .color-swatches .swatch {
  width: 8px;
  height: 8px;
  display: inline-block;
}
.overview-filter .results__item.listview {
  position: relative;
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .results__item.listview {
    display: grid;
    background: #fff;
  }
  .overview-filter .results__item.listview.article:after {
    display: none;
  }
  .overview-filter .results__item.listview.article .actions .text-int {
    display: inline-flex;
  }
  .overview-filter .results__item.listview.article .actions .text-int:before {
    background-color: rgba(145, 105, 83, 0.1);
  }
}
@media print, screen and (max-width: 39.99875em) {
  .overview-filter .results__item:not(.listview) {
    background: none;
  }
  .overview-filter .results__item:not(.listview) .results__item-link {
    grid-column: 1/3;
    -ms-grid-column: 1/3;
  }
  .overview-filter .results__item:not(.listview) .results__item-link figure {
    position: relative;
  }
  .overview-filter .results__item:not(.listview) .results__item-link figure:before {
    content: "";
    position: absolute;
    background-image: url("/static/default/media/images/templating/svg/expand.svg");
    background-size: 10px 10px;
    width: 20px;
    height: 20px;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: all 0.2s ease-out;
    background-color: #fff;
    padding: 5px;
    background-repeat: no-repeat;
    border-radius: 50px 0 0 0;
    background-position: 6px 6px;
    transform: rotate(90deg);
  }
  .overview-filter .results__item:not(.listview) .results__item-link figure .favorite {
    width: 42px;
    height: 37px;
  }
  .overview-filter .results__item:not(.listview) .results__item-link figure .favorite svg {
    width: 22px;
  }
  .overview-filter .results__item:not(.listview) .results__item-link figure .more-info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }
  .overview-filter .results__item:not(.listview) .results__item-content, .overview-filter .results__item:not(.listview) .actions {
    grid-column: span 2;
    -ms-grid-column: 1/3;
    margin-top: 15px;
    position: absolute;
    left: -9999px;
    transform: scale(0);
    opacity: 0;
    height: 0;
    transition: tranform 0.2s ease-out, opacity 0.2s ease-out, height 0.2s ease-out;
  }
  .overview-filter .results__item:not(.listview) .results__item-content h3:after {
    content: none;
  }
  .overview-filter .results__item:not(.listview) .actions {
    flex-direction: column-reverse;
    margin: 10px 0 20px 0;
  }
  .overview-filter .results__item:not(.listview) .actions .price {
    display: none !important;
  }
  .overview-filter .results__item:not(.listview) .actions .buy-outer {
    margin-bottom: 15px;
    margin-top: 5px;
  }
  .overview-filter .results__item:not(.listview) .actions .buy-outer .button.buy {
    font-size: 13px;
    border: none;
    box-shadow: none;
    background: #000;
    color: #fff;
  }
  .overview-filter .results__item:not(.listview) .actions .buy-outer .price {
    margin-bottom: 15px;
    order: 1;
  }
  .overview-filter .results__item:not(.listview).active .results__item-content, .overview-filter .results__item:not(.listview).active .actions {
    align-items: flex-start;
    position: relative;
    left: unset;
    opacity: 1;
    height: auto;
    padding: 0;
    transform: scale(1);
  }
  .overview-filter .results__item:not(.listview).active .results__item-content .price, .overview-filter .results__item:not(.listview).active .actions .price {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-row: 2;
    margin-bottom: 10px;
  }
}
.tracklink .grid-container {
  background: #fff;
  padding: 80px;
  position: relative;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .tracklink .grid-container {
    padding: 60px 20px;
  }
}
.tracklink h2 {
  margin-bottom: 15px;
}
.tracklink form input {
  background: white;
  padding: 18px 30px;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid rgba(60, 60, 60, 0.1);
  border-radius: 3px;
  color: #1e1e1e;
  margin-right: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .tracklink form input {
    margin-bottom: 20px;
    padding: 15px 20px;
  }
}
.tracklink form input::placeholder {
  color: #1e1e1e;
}
.tracklink form input:active, .tracklink form input:focus {
  border: 1px solid rgba(60, 60, 60, 0.1);
  outline: none;
}
.tracklink .tracktrace-result {
  margin-top: 20px;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
@media print, screen and (max-width: 47.99875em) {
  .tracklink .tracktrace-result {
    margin-top: 15px;
  }
}
.tracklink .tracktrace-result.hidden {
  opacity: 0;
}
.coffee-station .cs-visual {
  background: #d2ecef;
  border-radius: 8px;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coffee-station .cs-visual img {
  width: 100%;
  height: auto;
  display: block;
}
.coffee-station .cs-config {
  display: grid;
  grid-auto-rows: max-content;
  gap: 1rem;
}
.coffee-station .cs-group {
  display: grid;
  gap: 0.5rem;
}
.coffee-station .cs-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.coffee-station .cs-swatch {
  appearance: none;
  border: 1px solid #b7d8db;
  background: #cdebee;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  line-height: 1;
}
.coffee-station .cs-swatch.is-active {
  outline: 2px solid #0b7285;
}
.coffee-station .cs-fixed {
  margin: 0;
  padding-left: 1rem;
}
.coffee-station .cs-fixed li {
  margin: 0.125rem 0;
}
.coffee-station .cs-cart {
  margin-top: 0.5rem;
}
/* Coupon dashboard styles */
.coupon-wrap {
  --card-bg: #fff;
  --card-br: 14px;
  --card-bd: 1px solid #e8e8ee;
  --muted: #6b7280;
  --ink: #0f172a;
  --accent: #101827;
  --badge-bg: #eef2ff;
  --badge-tx: #3730a3;
  color: var(--ink);
  display: grid;
  gap: 16px;
}
.coupon-header {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}
.coupon-title h3 {
  margin: 0 0 4px 0;
  font-size: 1.25rem;
  font-weight: 500;
}
.coupon-sub {
  color: var(--muted);
  font-size: 0.95rem;
}
.coupon-logout {
  text-decoration: none;
  color: #2563eb;
  font-weight: 400;
}
.coupon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}
.coupon-card {
  background: var(--card-bg);
  border: var(--card-bd);
  border-radius: var(--card-br);
  padding: 14px 16px;
  display: grid;
  gap: 10px;
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.04);
}
.coupon-card--login {
  max-width: 520px;
  margin: 8px 0;
}
.coupon-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.badge {
  background: var(--badge-bg);
  color: var(--badge-tx);
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 0.85rem;
}
.product-info-block header {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-info-block header {
    margin-bottom: 24px;
  }
}
.product-info-block header h3 {
  color: rgba(30, 30, 30, 0.5);
}
.product-info-block__header {
  margin-bottom: 42px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-info-block__header {
    margin-bottom: 24px;
  }
}
.product-info-block__header h2 {
  margin-bottom: 0;
}
.product-info-block__desktop {
  align-items: flex-start;
  justify-content: space-between;
}
.product-info-block__description {
  padding-right: 42px;
}
@media print, screen and (max-width: 80.06125em) {
  .product-info-block__description {
    padding-right: 24px;
  }
}
.product-info-block__title {
  margin: 0 0 16px 0;
  font-weight: 300;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: 0;
  color: #1e1e1e;
  text-transform: none;
}
.product-info-block__text {
  color: #1e1e1e;
}
.product-info-block__text p {
  margin: 0 0 10px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0;
  color: #1e1e1e;
}
.product-info-block__text p:last-child {
  margin-bottom: 0;
}
.product-info-block__text-block:not(:last-child) {
  margin-bottom: 38px;
}
.product-info-block__spec-list {
  margin: 0;
}
.product-info-block__spec-item {
  display: grid;
  grid-template-columns: 38% 62%;
  grid-gap: 20px;
  align-items: baseline;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding: 12px 0;
}
.product-info-block__spec-key {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: rgba(30, 30, 30, 0.7);
}
.product-info-block__spec-value {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #1e1e1e;
}
.product-info-block__downloads {
  margin-top: 42px;
}
.product-info-block__download-list {
  margin: 0;
}
.product-info-block__download-list li {
  margin: 0;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
  padding: 12px 0;
}
.product-info-block__download-list a {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  color: #1e1e1e;
  text-decoration: underline;
}
.product-info-block__mobile .accordion-item:not(:last-child) {
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
}
.product-info-block__mobile .accordion-title {
  border: none !important;
  padding: 16px 32px 24px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0;
  color: #1e1e1e;
}
.product-info-block__mobile .accordion-title:hover, .product-info-block__mobile .accordion-title:active {
  background: none;
}
.product-info-block__mobile .accordion-title:before {
  color: #1e1e1e;
  top: 50%;
  transform: translateY(-50%);
}
.product-info-block__mobile .accordion-content {
  border: none;
  padding: 0 0 20px 0;
  background: transparent;
}
.product-info-block__mobile .product-info-block__title {
  font-size: 18px;
  margin-bottom: 16px;
}
.product-info-block__mobile .product-info-block__text-block:not(:last-child) {
  margin-bottom: 24px;
}
.product-info-block__mobile .product-info-block__spec-item {
  grid-template-columns: 44% 56%;
  grid-gap: 12px;
  padding: 10px 0;
}
.product-info-block__mobile .product-info-block__spec-key,
.product-info-block__mobile .product-info-block__spec-value,
.product-info-block__mobile .product-info-block__download-list a,
.product-info-block__mobile .product-info-block__text p {
  font-size: 15px;
  line-height: 155%;
}
.product-info-block__mobile .product-info-block__downloads {
  margin-top: 24px;
}
.time {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.coupon-card__body .row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px dashed #edf0f5;
}
.coupon-card__body .row:last-child {
  border-bottom: 0;
}
.label {
  color: var(--muted);
}
.value {
  font-weight: 400;
}
.row--emph .label {
  color: var(--ink);
}
.row--emph .value {
  font-size: 1.05rem;
}
.coupon-errors,
.coupon-empty,
.coupon-info,
.coupon-error {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  padding: 10px 12px;
  border-radius: 10px;
}
/* Form */
.coupon-field {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}
.coupon-field input {
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-size: 1rem;
}
.coupon-actions {
  display: flex;
  gap: 10px;
}
.btn {
  padding: 10px 14px;
  border-radius: 10px;
  background: #1f2937;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.btn:hover {
  background: #111827;
}
.card-total {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 12px 14px;
}
/* Items lijst */
.order-items {
  margin: 6px 0 0 0;
  padding-left: 18px;
  font-size: 0.95rem;
}
.order-items li {
  margin: 2px 0;
  line-height: 1.4;
}
/* Totaal en Korting niet vet */
.value.normal {
  font-weight: 400;
}
/* Alleen 'Totaal' vet; alles anders normaal */
.coupon-card .value {
  font-weight: 400;
}
.coupon-card .value.value--total {
  font-weight: 400;
}
/* Inklapbare producten; standaard dicht */
.order-details {
  margin-top: 6px;
}
.order-details__summary {
  cursor: pointer;
  font-size: 0.95rem; /* iets kleiner */
  color: #0f172a;
  opacity: 0.85;
}
.order-details__summary::-webkit-details-marker {
  display: none;
}
.order-details__body {
  margin-top: 0.5rem;
}
.order-items {
  margin: 0;
  padding-left: 18px;
  font-size: 0.9rem; /* kleiner dan body */
}
.order-items li {
  margin: 2px 0;
  line-height: 1.35;
}
/* Badge (Order N) mag opvallen */
.badge {
  background: var(--badge-bg);
  color: var(--badge-tx);
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 0.85rem;
}
.product-detail-v2 {
  background: #F9F8F6;
}
.product-detail-v2 .grid-container.full {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.product-detail-v2__layout {
  align-items: flex-start;
  background: #F9F8F6;
}
.product-detail-v2__media {
  padding: 0;
}
.product-detail-v2__media-set {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  background: #fff;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__media-set {
    margin-bottom: 0;
  }
}
.product-detail-v2__media-set.is-active {
  display: grid;
}
.product-detail-v2__media-item {
  margin: 0;
  background: #F3F2F1;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__media-item.is-square:nth-of-type(-n + 2) {
    padding-top: 32px;
  }
}
.product-detail-v2__media-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.product-detail-v2__media-item img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.product-detail-v2__media-item.is-square img {
  object-fit: cover;
}
.product-detail-v2__media-item.is-wide {
  grid-column: 1/-1;
}
.product-detail-v2__media-item.is-wide img {
  aspect-ratio: auto;
  object-fit: contain;
}
.product-detail-v2__sidebar {
  background: #F9F8F6;
  min-height: 100%;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__sidebar {
    height: auto !important;
  }
}
.product-detail-v2__content {
  padding: 24px 40px 32px 40px;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}
.product-detail-v2__content.is-stuck, .product-detail-v2__content.is-at-bottom {
  transform: translateY(0);
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__content {
    padding: 24px 16px 32px 16px;
    position: unset;
    top: unset;
    transform: translateY(0);
  }
}
.product-detail-v2__heading {
  display: flex;
  flex-direction: column;
}
.product-detail-v2__brand {
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  color: #929292;
  letter-spacing: 0;
  margin-bottom: 8px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__brand {
    margin-bottom: 4px;
  }
}
.product-detail-v2__name {
  font-size: 24px;
  line-height: 125%;
  color: #000;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.product-detail-v2__matrix {
  padding: 17px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-detail-v2__matrix .matrix-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-detail-v2__matrix .matrix-group--size {
  margin-top: 16px;
}
.product-detail-v2__matrix .heading {
  font-weight: 400;
  margin: 0;
  font-size: 14px;
  line-height: 125%;
  color: #929292;
}
.product-detail-v2__matrix .color-options,
.product-detail-v2__matrix .size-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.product-detail-v2__matrix .matrix-option {
  cursor: pointer;
}
.product-detail-v2__matrix .matrix-option[data-stock="0"] {
  opacity: 0.45;
  cursor: auto;
}
.product-detail-v2__matrix .color-option {
  width: 18px;
  height: 18px;
}
.product-detail-v2__matrix .color-option.active {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-detail-v2__matrix .size-option {
  border: 1px solid #d9d9d9;
  padding: 2px 8px;
  font-size: 11px;
  line-height: 18px;
}
.product-detail-v2__matrix .size-option.active {
  border-color: #101010;
}
.product-detail-v2__single-color {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.product-detail-v2__shipping {
  padding: 17px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-detail-v2__review {
  height: auto;
  padding: 16px 0;
}
.product-detail-v2__review a {
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  text-decoration: underline;
  color: #1e1e1e;
}
.product-detail-v2__shipping-time, .product-detail-v2__shipping-date {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  color: #929292;
}
.product-detail-v2__shipping-date {
  margin-top: 4px;
}
.product-detail-v2__uses {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding-bottom: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__uses {
    padding-bottom: 0;
  }
}
.product-detail-v2__uses .icons {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.product-detail-v2__uses img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__uses img {
    width: 80px;
    height: 80px;
  }
}
.product-detail-v2__intro {
  margin-bottom: 16px;
}
.product-detail-v2__intro p {
  font-size: 14px;
  line-height: 150%;
  color: #929292;
  letter-spacing: 0;
  margin-bottom: 0;
}
.product-detail-v2__usps {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ececec;
}
.product-detail-v2__usps p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.product-detail-v2__usps p + p {
  margin-top: 4px;
}
.product-detail-v2 .rating {
  margin-top: 16px;
}
.product-detail-v2 .rating .stars svg {
  width: 16px;
  height: 16px;
}
.product-detail-v2 .rating .numbers {
  margin-top: 0;
  font-size: 11px;
}
.product-detail-v2__form {
  margin: 40px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__form {
    margin: 24px 0;
  }
}
.product-detail-v2__price-line {
  display: flex;
  align-items: baseline;
  margin-bottom: 36px;
}
.product-detail-v2__price-original {
  color: #929292;
  text-decoration: line-through;
  font-weight: 400;
  margin-right: 8px;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0;
}
.product-detail-v2__price-sign, .product-detail-v2__price-current {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
.product-detail-v2__actions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-detail-v2__actions .button {
  justify-content: center;
  width: 100%;
  background: #000;
  color: white;
}
.product-detail-v2__actions .button:focus, .product-detail-v2__actions .button:hover, .product-detail-v2__actions .button:active {
  background: #000 !important;
  color: white !important;
}
.product-detail-v2__actions .spinner,
.product-detail-v2__actions .cart,
.product-detail-v2__actions .plus,
.product-detail-v2__actions .check {
  width: 12px;
  height: 12px;
  color: #fff;
  fill: #fff;
  flex-shrink: 0;
}
.product-detail-v2__sold-out {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.4;
}
@media print, screen and (max-width: 47.99875em) {
  .product-detail-v2__media-set {
    gap: 2px;
  }
  .product-detail-v2__content {
    border-bottom: 0;
  }
  .product-detail-v2__form {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }
}
.button {
  display: inline-flex;
  align-items: center;
  padding: 20px 30px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  line-height: 22px;
  cursor: pointer;
  border: 1px solid #000;
  outline: 0;
  border-radius: 4px;
  transition: all 0.2s ease-out;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
@media print, screen and (max-width: 47.99875em) {
  .button {
    padding: 15px 20px;
  }
}
.button:focus {
  outline: none;
}
.button:hover, .button:active {
  color: #1E1E1E;
}
.button.primary {
  position: relative;
  transition: all 0.2s ease-out;
}
.button.primary.premium {
  background-image: linear-gradient(-70deg, #d8a841 0, #FFBA08 100%);
}
.button.primary.premium:hover, .button.primary.premium:active, .button.primary.premium:focus {
  background-image: linear-gradient(-70deg, #d8a841 0, #FFBA08 100%);
}
.button.primary.js-anchor {
  padding-right: 25px;
}
.button.primary.js-anchor .arrow-small {
  width: 12px;
  height: 9px;
  position: absolute;
  display: block;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.2s ease-out;
}
.button.primary:hover, .button.primary:active, .button.primary:focus {
  background: none;
  color: #1E1E1E;
}
.button.primary.blue {
  font-size: 16px;
  border-color: #0c659d;
  background: #0c659d;
  color: #fff;
}
.button.primary.blue:hover, .button.primary.blue:active, .button.primary.blue:focus {
  background: #0c659d;
  border-color: #0c659d;
  color: #fff;
}
.button.primary.blue.hollow {
  background: transparent;
  color: #0c659d;
}
.button.primary.blue.hollow:hover, .button.primary.blue.hollow:active, .button.primary.blue.hollow:focus {
  background: #0c659d;
  color: #fff;
}
.button.primary.coffee {
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 20px 30px;
  border: none;
}
@media print, screen and (max-width: 47.99875em) {
  .button.primary.coffee {
    padding: 15px 20px;
  }
}
.button.primary.coffee :hover {
  background: #000;
  border: none;
  color: #fff;
}
.button.primary.small {
  padding: 12px 18px;
}
@media print, screen and (max-width: 47.99875em) {
  .button.primary.small {
    padding: 10px 16px;
  }
}
.button.text {
  border: none;
  position: relative;
  padding: 0 37px 0 0;
  transition: all 0.2s ease-out;
  color: #1E1E1E;
}
.button.text:after {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/chevron-right-black.svg);
  background-size: 11px 9px;
  background-repeat: no-repeat;
  width: 12px;
  height: 9px;
  position: absolute;
  display: block;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.button.text.no-arrow:after {
  content: none;
}
.button.text:hover:after {
  right: 15px;
}
.button.text-int {
  border: none;
  font-size: 14px;
  line-height: 60px;
  letter-spacing: 2.25px;
  text-transform: uppercase;
  display: inline-flex;
  margin-left: 20px;
  position: relative;
  text-align: left;
  border-radius: 30px;
  height: 60px;
  width: fit-content;
  padding: 0 10px 0 30px;
  transition: color 200ms ease-out;
}
.button.text-int:hover:before {
  width: calc(100% + 30px);
}
@media print, screen and (max-width: 47.99875em) {
  .button.text-int:hover:before {
    width: 60px;
  }
}
.button.text-int:active, .button.text-int:focus {
  color: #1E1E1E;
}
.button.text-int:before {
  content: "";
  background-color: #f3f1ed;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translateX(-20px);
  transition: all cubic-bezier(0.91, 0.075, 0.78, 0.6) 200ms;
}
.button.text-int:after {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/arrow-right-Ed.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 18px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 200ms ease-out;
  z-index: 2;
}
.button.text-int span {
  z-index: 3;
  position: relative;
  line-height: 19px;
  align-self: center;
  display: block;
}
.button.out-of {
  position: relative;
  width: 165px;
  height: 50px;
  border: none;
  background: rgba(255, 255, 255, 0.25);
  transition: all 0.7s;
}
@media print, screen and (max-width: 47.99875em) {
  .button.out-of {
    background: rgba(255, 255, 255, 0.2);
    width: 155px;
  }
}
.button.out-of span {
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.button.out-of .line {
  background: white;
  position: absolute;
  transition: none;
  transform: scale(0);
  opacity: 1;
}
.button.out-of .line:nth-child(1) {
  transform-origin: 100% 100%;
  height: 1px;
  width: 20%;
  bottom: 0;
}
.button.out-of .line:nth-child(4) {
  transform-origin: 0 100%;
  height: 1px;
  width: 20%;
  top: -1px;
  right: 0;
}
.button.out-of .line:nth-child(2) {
  transform-origin: 100% 100%;
  height: 100%;
  width: 1px;
  bottom: 0;
  left: -1px;
}
.button.out-of .line:nth-child(5) {
  transform-origin: 100% 0;
  height: 100%;
  width: 1px;
  bottom: 0;
  right: -1px;
}
.button.out-of .line:nth-child(3) {
  transform-origin: 0 100%;
  height: 1px;
  width: 100%;
  top: -1px;
  left: -1px;
}
.button.out-of .line:nth-child(6) {
  transform-origin: 100% 0;
  height: 1px;
  width: 100%;
  bottom: 0;
  right: -1px;
}
.button.out-of:hover > .line {
  transform: scale(1);
  opacity: 0;
  transition: all 0.7s;
}
.button.out-of:hover > .line:nth-child(2), .button.out-of:hover > .line:nth-child(5) {
  transition-delay: 0.2s;
}
.button.out-of:hover > .line:nth-child(3), .button.out-of:hover > .line:nth-child(6) {
  transition-delay: 0.5s;
}
.button.out-of:hover {
  background: rgba(255, 255, 255, 0.12);
}
select::-ms-expand {
  display: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-newsletter .success-message,
.form-newsletter .error-message {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #795548;
  font-weight: 400;
}
.quantity {
  position: relative;
  height: 23px;
  padding: 15px 35px;
  border-radius: 6px;
}
.quantity input {
  position: absolute;
  top: 13px;
  left: 52px;
  background: #fff;
  width: 20px;
  height: 22px;
  float: left;
  display: block;
  border: none;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
@media print, screen and (max-width: 80.06125em) {
  .quantity input {
    width: 30px;
    height: 30px;
    top: 9px;
    left: 61px;
  }
}
.quantity input:focus {
  outline: 0;
}
.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}
.quantity-nav .quantity-button {
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.quantity-nav .quantity-button.quantity-up {
  position: absolute;
  height: 30px;
  top: -7px;
  border: none;
  transition: background-color 0.2s ease-out;
  left: 46px;
  line-height: 2;
  color: #515559;
  background: #f3f1ed;
  width: 30px;
  border-radius: 4px;
  font-weight: 600;
  filter: drop-shadow(2px 2px 1px #d3d3d3);
  font-size: 16px;
}
@media print, screen and (max-width: 80.06125em) {
  .quantity-nav .quantity-button.quantity-up {
    line-height: 1.9;
    left: 60px;
  }
}
.quantity-nav .quantity-button.quantity-down {
  position: absolute;
  top: -7px;
  transition: background-color 0.2s ease-out;
  left: -23px;
  width: 30px;
  height: 30px;
  border: none;
  background: #f3f1ed;
  border-radius: 5px;
  line-height: 2;
  color: grey;
  font-weight: 600;
  filter: drop-shadow(2px 2px 1px #d3d3d3);
  font-size: 16px;
}
@media print, screen and (max-width: 80.06125em) {
  .quantity-nav .quantity-button.quantity-down {
    line-height: 1.9;
    left: -9px;
  }
}
.order-detail h1 {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 47.99875em) {
  .order-detail h1 {
    margin-bottom: 20px;
  }
}
.order-detail .info .pair {
  display: grid;
  grid-template-columns: 200px 200px;
}
.order-detail .info .pair:not(:last-child) {
  margin-bottom: 15px;
}
.order-detail .products {
  margin-top: 35px;
}
.order-detail .products .items {
  margin-bottom: 50px;
}
.order-detail .products .items .item {
  display: grid;
  border-radius: 5px;
  padding: 20px 15px 15px 15px;
  background: #fff;
}
@media print, screen and (max-width: 47.99875em) {
  .order-detail .products .items .item {
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: center;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .order-detail .products .items .item .extra {
    display: flex;
    flex-direction: column;
  }
}
.order-detail .products .items .item .extra .top .name {
  font-size: 26px;
  line-height: 26px;
}
@media print, screen and (max-width: 47.99875em) {
  .order-detail .products .items .item .extra .top .name {
    font-size: 22px;
  }
}
.order-detail .products .items .item .extra .top .count {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-left: 2px;
}
@media print, screen and (max-width: 47.99875em) {
  .order-detail .products .items .item .extra .top .count {
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.order-detail .products .items .item .extra .total {
  text-align: right;
  margin-top: -20px;
  font-size: 20px;
  margin-right: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .order-detail .products .items .item .extra .total {
    text-align: left;
    margin-top: 0;
    margin-right: 0;
  }
}
.order-detail .products .items .item img {
  padding: 10px 20px 20px 20px;
}
@media print, screen and (max-width: 80.06125em) {
  .order-detail .products .items .item img {
    padding: 0;
  }
}
.order-detail .products .items .item img.wallet-image {
  align-self: center;
  justify-self: center;
}
.account .my-card {
  margin-bottom: 140px;
  border-radius: 5px;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card {
    margin-bottom: 15px;
  }
}
@keyframes explode {
  0% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes float {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(1px) translateX(5px);
    -moz-transform: rotateX(0deg) translateY(10px) translateX(5px);
    -ms-transform: rotateX(0deg) translateY(30px) translateX(5px);
    -o-transform: rotateX(0deg) translateY(40px) translateX(5px);
    transform: rotateX(0deg) translateY(10px) translateX(5px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px) translateX(1px);
    -moz-transform: rotateX(0deg) translateY(0px) translateX(1px);
    -ms-transform: rotateX(0deg) translateY(0px) translateX(1px);
    -o-transform: rotateX(0deg) translateY(0px) translateX(1px);
    transform: rotateX(0deg) translateY(0px) translateX(1px);
  }
}
.account .my-card .header {
  margin-left: 0;
  margin-right: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card .text {
    line-height: 24px;
    font-size: 16px;
  }
}
.account .my-card header {
  margin-bottom: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card header {
    margin-bottom: 0;
  }
}
.account .my-card .outer-card {
  position: relative;
  width: fit-content;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card .outer-card {
    width: calc(100vw - 1rem);
  }
}
.account .my-card .outer-card .card {
  align-items: center;
  height: 260px;
  width: 420px;
  padding: 30px 30px 30px 30px;
  margin: 20px 0 30px 0;
  overflow: hidden;
  border-radius: 15px;
  background: #000;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card .outer-card .card {
    width: 100%;
    height: 240px;
    padding: 20px;
  }
}
.account .my-card .outer-card .card .logo {
  padding-bottom: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card .outer-card .card .logo {
    padding-bottom: 20px;
  }
}
.account .my-card .outer-card .card .logo img {
  width: 36px;
  height: 32px;
}
.account .my-card .outer-card .card .card-number {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 25px;
}
.account .my-card .outer-card .card .card-number .label {
  color: #969696;
  font-size: 12px;
  font-weight: normal;
  pointer-events: none;
  display: block;
  margin-bottom: 3px;
}
.account .my-card .outer-card .card .card-number .number {
  font-size: 30px;
  width: 100%;
  color: #fff;
  line-height: 1;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card .outer-card .card .card-number .number {
    font-size: 26px;
  }
}
.account .my-card .outer-card .card .card-number .number span:not(:last-child) {
  margin-right: 10px;
}
.account .my-card .outer-card .card .group {
  display: flex;
  justify-content: space-between;
  color: #f9f8f6;
}
.account .my-card .outer-card .card .group .card-name .label {
  color: #969696;
  font-size: 12px;
  font-weight: normal;
  pointer-events: none;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card .outer-card .card .group .card-name .label {
    margin-bottom: 2px;
  }
}
.account .my-card .outer-card .card .group .card-name .name {
  color: #fff;
}
.account .my-card .outer-card .card .group .card-value .label {
  color: #969696;
  font-size: 12px;
  font-weight: normal;
  pointer-events: none;
  margin-bottom: 2px;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-card .outer-card .card .group .card-value .label {
    margin-bottom: 5px;
  }
}
.account .my-card .outer-card .card .group .card-value .name {
  color: #fff;
  font-size: 24px;
}
.account .my-orders {
  margin-bottom: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-orders {
    margin-bottom: 50px;
  }
}
.account .my-orders header {
  margin-bottom: 35px;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-orders header {
    margin-bottom: 20px;
  }
}
.account .my-orders .orders .order {
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.account .my-orders .orders .order .title p {
  margin-bottom: 8px;
}
.account .my-orders .orders .order .extra {
  display: block;
}
.account .my-orders .orders .order .extra .image {
  background: #f5f3f5;
  margin-bottom: 14px;
  padding: 26px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-orders .orders .order .extra .image {
    margin-bottom: 10px;
  }
}
.account .my-orders .orders .order .extra .image img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-height: 280px;
}
.account .my-orders .orders .order .extra .actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.account .my-orders .orders .order .extra .actions .title p,
.account .my-orders .orders .order .extra .actions .title .name {
  margin-bottom: 8px;
}
.account .my-orders .orders .order .extra .actions .name,
.account .my-orders .orders .order .extra .actions .title p {
  font-size: 14px;
  color: #1e1e1e;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
  font-weight: 500;
}
.account .my-orders .orders .order .extra .actions .review,
.account .my-orders .orders .order .extra .actions .rating {
  display: flex;
  align-items: center;
}
.account .my-orders .orders .order .extra .actions .review:hover,
.account .my-orders .orders .order .extra .actions .rating:hover {
  cursor: pointer;
}
.account .my-orders .orders .order .extra .actions .review svg,
.account .my-orders .orders .order .extra .actions .rating svg {
  width: 15px;
  height: 15px;
  color: #141414;
}
.account .my-orders .orders .order .extra .actions .review .view-review svg,
.account .my-orders .orders .order .extra .actions .rating .view-review svg {
  margin-right: 0;
  width: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-orders .orders .order .extra .actions .review {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.account .my-orders .orders .order .extra .actions .write-review span {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  background-color: #000;
  color: white;
}
.account .my-orders .orders .order .extra .actions a {
  margin-top: 18px;
  width: fit-content;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0;
  text-decoration: underline;
  padding: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .account .my-orders .orders .order .extra .actions a {
    margin-top: 16px;
    padding: 0;
  }
  .account .my-orders .orders .order .extra .actions a:after {
    right: -2px;
  }
}
section.registration .wrapper {
  position: relative;
  z-index: 5;
  border-radius: 10px;
}
section.registration .wrapper header {
  margin: 0 0 50px 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper header {
    margin: 0 0 30px 0;
  }
}
section.registration .wrapper .form-register {
  background: #fff;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register {
    padding: 20px 10px;
  }
}
section.registration .wrapper .form-register .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  section.registration .wrapper .form-register .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  section.registration .wrapper .form-register .field.country {
    margin-bottom: 10px !important;
  }
}
section.registration .wrapper .form-register .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .field.registreren {
    margin-top: 30px;
  }
}
section.registration .wrapper .form-register .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .field.last {
    margin-top: 30px;
  }
}
section.registration .wrapper .form-register .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
section.registration .wrapper .form-register .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
section.registration .wrapper .form-register .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
section.registration .wrapper .form-register .field.checkbox.save-profile {
  margin-top: 5px;
}
section.registration .wrapper .form-register .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
section.registration .wrapper .form-register .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
section.registration .wrapper .form-register .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  section.registration .wrapper .form-register .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .field .info.hint {
    margin-bottom: 5px;
  }
}
section.registration .wrapper .form-register .field .info.hint .hint {
  margin-top: 0;
}
section.registration .wrapper .form-register .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
section.registration .wrapper .form-register .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  section.registration .wrapper .form-register .field .info .hint {
    margin-top: 0;
  }
}
section.registration .wrapper .form-register .field.image input {
  display: none;
}
section.registration .wrapper .form-register .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
section.registration .wrapper .form-register .field.image label:hover {
  background-color: #666;
}
section.registration .wrapper .form-register .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
section.registration .wrapper .form-register .field input, section.registration .wrapper .form-register .field textarea, section.registration .wrapper .form-register .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .field input, section.registration .wrapper .form-register .field textarea, section.registration .wrapper .form-register .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
section.registration .wrapper .form-register .field input:focus, section.registration .wrapper .form-register .field input:active, section.registration .wrapper .form-register .field textarea:focus, section.registration .wrapper .form-register .field textarea:active, section.registration .wrapper .form-register .field select:focus, section.registration .wrapper .form-register .field select:active {
  border: 1px solid #916953;
  outline: none;
}
section.registration .wrapper .form-register .field input#address-shipping-remember, section.registration .wrapper .form-register .field textarea#address-shipping-remember, section.registration .wrapper .form-register .field select#address-shipping-remember {
  margin-top: 0;
}
section.registration .wrapper .form-register .field input.read-only, section.registration .wrapper .form-register .field textarea.read-only, section.registration .wrapper .form-register .field select.read-only {
  background-color: #fdfdfc;
}
section.registration .wrapper .form-register .field input::placeholder, section.registration .wrapper .form-register .field textarea::placeholder, section.registration .wrapper .form-register .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
section.registration .wrapper .form-register .field.checkbox:hover {
  cursor: pointer;
}
section.registration .wrapper .form-register .field.checkbox label:hover {
  cursor: pointer;
}
section.registration .wrapper .form-register .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
section.registration .wrapper .form-register .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
section.registration .wrapper .form-register .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .field select {
    padding: 0 0 0 1px;
  }
}
section.registration .wrapper .form-register .field textarea {
  height: auto;
}
section.registration .wrapper .form-register .field.nbm {
  margin-bottom: 0;
}
section.registration .wrapper .form-register .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
section.registration .wrapper .form-register .area.read-only {
  pointer-events: none;
}
section.registration .wrapper .form-register .area .field:last-child {
  margin-bottom: 0;
}
section.registration .wrapper .form-register .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
section.registration .wrapper .form-register span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register span.error {
    margin: 0 0 0 0;
  }
}
section.registration .wrapper .form-register .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .button.fill {
    margin-top: 20px;
  }
}
section.registration .wrapper .form-register .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .actions {
    grid-column: 1;
  }
}
section.registration .wrapper .form-register .voornaam-achternaam {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-gap: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  section.registration .wrapper .form-register .area {
    margin-top: 20px;
  }
}
section.registration .wrapper .form-register .registered-before {
  color: #1E1E1E;
  font-size: 14px;
  text-decoration: underline;
}
section.login .wrapper {
  position: relative;
  z-index: 5;
  border-radius: 10px;
}
section.login .wrapper header {
  margin: 0 0 50px 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper header {
    margin: 0 0 30px 0;
  }
}
section.login .wrapper .form-login {
  background: #fff;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login {
    padding: 20px 10px;
  }
}
section.login .wrapper .form-login .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  section.login .wrapper .form-login .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  section.login .wrapper .form-login .field.country {
    margin-bottom: 10px !important;
  }
}
section.login .wrapper .form-login .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field.registreren {
    margin-top: 30px;
  }
}
section.login .wrapper .form-login .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field.last {
    margin-top: 30px;
  }
}
section.login .wrapper .form-login .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
section.login .wrapper .form-login .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
section.login .wrapper .form-login .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
section.login .wrapper .form-login .field.checkbox.save-profile {
  margin-top: 5px;
}
section.login .wrapper .form-login .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
section.login .wrapper .form-login .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
section.login .wrapper .form-login .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  section.login .wrapper .form-login .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field .info.hint {
    margin-bottom: 5px;
  }
}
section.login .wrapper .form-login .field .info.hint .hint {
  margin-top: 0;
}
section.login .wrapper .form-login .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
section.login .wrapper .form-login .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  section.login .wrapper .form-login .field .info .hint {
    margin-top: 0;
  }
}
section.login .wrapper .form-login .field.image input {
  display: none;
}
section.login .wrapper .form-login .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
section.login .wrapper .form-login .field.image label:hover {
  background-color: #666;
}
section.login .wrapper .form-login .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
section.login .wrapper .form-login .field input, section.login .wrapper .form-login .field textarea, section.login .wrapper .form-login .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field input, section.login .wrapper .form-login .field textarea, section.login .wrapper .form-login .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
section.login .wrapper .form-login .field input:focus, section.login .wrapper .form-login .field input:active, section.login .wrapper .form-login .field textarea:focus, section.login .wrapper .form-login .field textarea:active, section.login .wrapper .form-login .field select:focus, section.login .wrapper .form-login .field select:active {
  border: 1px solid #916953;
  outline: none;
}
section.login .wrapper .form-login .field input#address-shipping-remember, section.login .wrapper .form-login .field textarea#address-shipping-remember, section.login .wrapper .form-login .field select#address-shipping-remember {
  margin-top: 0;
}
section.login .wrapper .form-login .field input.read-only, section.login .wrapper .form-login .field textarea.read-only, section.login .wrapper .form-login .field select.read-only {
  background-color: #fdfdfc;
}
section.login .wrapper .form-login .field input::placeholder, section.login .wrapper .form-login .field textarea::placeholder, section.login .wrapper .form-login .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
section.login .wrapper .form-login .field.checkbox:hover {
  cursor: pointer;
}
section.login .wrapper .form-login .field.checkbox label:hover {
  cursor: pointer;
}
section.login .wrapper .form-login .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
section.login .wrapper .form-login .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
section.login .wrapper .form-login .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field select {
    padding: 0 0 0 1px;
  }
}
section.login .wrapper .form-login .field textarea {
  height: auto;
}
section.login .wrapper .form-login .field.nbm {
  margin-bottom: 0;
}
section.login .wrapper .form-login .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
section.login .wrapper .form-login .area.read-only {
  pointer-events: none;
}
section.login .wrapper .form-login .area .field:last-child {
  margin-bottom: 0;
}
section.login .wrapper .form-login .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
section.login .wrapper .form-login span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login span.error {
    margin: 0 0 0 0;
  }
}
section.login .wrapper .form-login .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .button.fill {
    margin-top: 20px;
  }
}
section.login .wrapper .form-login .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .actions {
    grid-column: 1;
  }
}
section.login .wrapper .form-login .loginMessage p {
  font-size: 18px;
  line-height: 24px;
  color: #1e1e1e;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .loginMessage p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.login .wrapper .form-login .field {
    margin-right: 0;
    margin-left: 0;
  }
}
section.login .wrapper .form-login .forgot-password {
  grid-column: 2;
  color: #1E1E1E;
  font-size: 14px;
  text-decoration: underline;
}
@media print, screen and (max-width: 39.99875em) {
  section.login .wrapper .form-login .forgot-password {
    grid-column: 1;
  }
}
section.forgot-password .wrapper {
  position: relative;
  z-index: 5;
  border-radius: 10px;
}
section.forgot-password .wrapper header {
  margin: 0 0 50px 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper header {
    margin: 0 0 30px 0;
  }
}
section.forgot-password .wrapper .form-forgot-password {
  background: #fff;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password {
    padding: 20px 10px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  section.forgot-password .wrapper .form-forgot-password .field.country {
    margin-bottom: 10px !important;
  }
}
section.forgot-password .wrapper .form-forgot-password .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field.registreren {
    margin-top: 30px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field.last {
    margin-top: 30px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
section.forgot-password .wrapper .form-forgot-password .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
section.forgot-password .wrapper .form-forgot-password .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
section.forgot-password .wrapper .form-forgot-password .field.checkbox.save-profile {
  margin-top: 5px;
}
section.forgot-password .wrapper .form-forgot-password .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
section.forgot-password .wrapper .form-forgot-password .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
section.forgot-password .wrapper .form-forgot-password .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field .info.hint {
    margin-bottom: 5px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field .info.hint .hint {
  margin-top: 0;
}
section.forgot-password .wrapper .form-forgot-password .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
section.forgot-password .wrapper .form-forgot-password .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field .info .hint {
    margin-top: 0;
  }
}
section.forgot-password .wrapper .form-forgot-password .field.image input {
  display: none;
}
section.forgot-password .wrapper .form-forgot-password .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
section.forgot-password .wrapper .form-forgot-password .field.image label:hover {
  background-color: #666;
}
section.forgot-password .wrapper .form-forgot-password .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field input, section.forgot-password .wrapper .form-forgot-password .field textarea, section.forgot-password .wrapper .form-forgot-password .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field input, section.forgot-password .wrapper .form-forgot-password .field textarea, section.forgot-password .wrapper .form-forgot-password .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field input:focus, section.forgot-password .wrapper .form-forgot-password .field input:active, section.forgot-password .wrapper .form-forgot-password .field textarea:focus, section.forgot-password .wrapper .form-forgot-password .field textarea:active, section.forgot-password .wrapper .form-forgot-password .field select:focus, section.forgot-password .wrapper .form-forgot-password .field select:active {
  border: 1px solid #916953;
  outline: none;
}
section.forgot-password .wrapper .form-forgot-password .field input#address-shipping-remember, section.forgot-password .wrapper .form-forgot-password .field textarea#address-shipping-remember, section.forgot-password .wrapper .form-forgot-password .field select#address-shipping-remember {
  margin-top: 0;
}
section.forgot-password .wrapper .form-forgot-password .field input.read-only, section.forgot-password .wrapper .form-forgot-password .field textarea.read-only, section.forgot-password .wrapper .form-forgot-password .field select.read-only {
  background-color: #fdfdfc;
}
section.forgot-password .wrapper .form-forgot-password .field input::placeholder, section.forgot-password .wrapper .form-forgot-password .field textarea::placeholder, section.forgot-password .wrapper .form-forgot-password .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
section.forgot-password .wrapper .form-forgot-password .field.checkbox:hover {
  cursor: pointer;
}
section.forgot-password .wrapper .form-forgot-password .field.checkbox label:hover {
  cursor: pointer;
}
section.forgot-password .wrapper .form-forgot-password .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
section.forgot-password .wrapper .form-forgot-password .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
section.forgot-password .wrapper .form-forgot-password .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field select {
    padding: 0 0 0 1px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field textarea {
  height: auto;
}
section.forgot-password .wrapper .form-forgot-password .field.nbm {
  margin-bottom: 0;
}
section.forgot-password .wrapper .form-forgot-password .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
section.forgot-password .wrapper .form-forgot-password .area.read-only {
  pointer-events: none;
}
section.forgot-password .wrapper .form-forgot-password .area .field:last-child {
  margin-bottom: 0;
}
section.forgot-password .wrapper .form-forgot-password .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
section.forgot-password .wrapper .form-forgot-password span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password span.error {
    margin: 0 0 0 0;
  }
}
section.forgot-password .wrapper .form-forgot-password .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .button.fill {
    margin-top: 20px;
  }
}
section.forgot-password .wrapper .form-forgot-password .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .actions {
    grid-column: 1;
  }
}
section.forgot-password .wrapper .form-forgot-password .loginMessage p {
  font-size: 18px;
  line-height: 24px;
  color: #1e1e1e;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .loginMessage p {
    font-size: 16px;
    line-height: 22px;
  }
}
section.forgot-password .wrapper .form-forgot-password .field.last.submitbutton {
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  section.forgot-password .wrapper .form-forgot-password .field {
    margin-right: 0;
    margin-left: 0;
  }
}
.account .diary-header {
  margin-bottom: 25px;
}
.account .orders header {
  margin-bottom: 60px;
}
@media print, screen and (max-width: 47.99875em) {
  .account .orders header {
    margin-bottom: 25px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .account .orders .c-orders-none {
    margin-top: 0;
  }
}
.account .orders .c-orders-none p {
  margin-left: 15px;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .account .orders .c-orders-none p {
    margin-left: 10px;
    margin-bottom: 0;
  }
}
.account .add-beans.button.primary.coffee {
  margin-bottom: 60px;
  padding-left: 40px;
  position: relative;
}
@media print, screen and (max-width: 47.99875em) {
  .account .add-beans.button.primary.coffee {
    margin-bottom: 40px;
  }
}
.account .add-beans.button.primary.coffee:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/static/default/media/images/templating/svg/add.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.account .add-beans.button.primary.coffee:before:hover {
  cursor: pointer;
}
.account .diary {
  margin-bottom: 50px;
}
.reveal {
  border: none;
  border-radius: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .reveal {
    top: 20px !important;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    margin-bottom: 50px;
    padding: 10px 5px 0 5px;
    height: auto;
    min-height: unset;
  }
}
.reveal .close-button {
  position: absolute;
  right: 20px;
  top: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .reveal .close-button {
    right: 10px;
  }
}
.reveal .close-button:hover {
  cursor: pointer;
}
.reveal .close-button span {
  font-size: 30px;
}
.form-add-beans {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans {
    padding: 20px 10px;
    box-shadow: none;
  }
}
.form-add-beans .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  .form-add-beans .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  .form-add-beans .field.country {
    margin-bottom: 10px !important;
  }
}
.form-add-beans .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.registreren {
    margin-top: 30px;
  }
}
.form-add-beans .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.last {
    margin-top: 30px;
  }
}
.form-add-beans .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
.form-add-beans .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
.form-add-beans .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.form-add-beans .field.checkbox.save-profile {
  margin-top: 5px;
}
.form-add-beans .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
.form-add-beans .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.form-add-beans .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .form-add-beans .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field .info.hint {
    margin-bottom: 5px;
  }
}
.form-add-beans .field .info.hint .hint {
  margin-top: 0;
}
.form-add-beans .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
.form-add-beans .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  .form-add-beans .field .info .hint {
    margin-top: 0;
  }
}
.form-add-beans .field.image input {
  display: none;
}
.form-add-beans .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
.form-add-beans .field.image label:hover {
  background-color: #666;
}
.form-add-beans .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
.form-add-beans .field input, .form-add-beans .field textarea, .form-add-beans .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field input, .form-add-beans .field textarea, .form-add-beans .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
.form-add-beans .field input:focus, .form-add-beans .field input:active, .form-add-beans .field textarea:focus, .form-add-beans .field textarea:active, .form-add-beans .field select:focus, .form-add-beans .field select:active {
  border: 1px solid #916953;
  outline: none;
}
.form-add-beans .field input#address-shipping-remember, .form-add-beans .field textarea#address-shipping-remember, .form-add-beans .field select#address-shipping-remember {
  margin-top: 0;
}
.form-add-beans .field input.read-only, .form-add-beans .field textarea.read-only, .form-add-beans .field select.read-only {
  background-color: #fdfdfc;
}
.form-add-beans .field input::placeholder, .form-add-beans .field textarea::placeholder, .form-add-beans .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
.form-add-beans .field.checkbox:hover {
  cursor: pointer;
}
.form-add-beans .field.checkbox label:hover {
  cursor: pointer;
}
.form-add-beans .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
.form-add-beans .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
.form-add-beans .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field select {
    padding: 0 0 0 1px;
  }
}
.form-add-beans .field textarea {
  height: auto;
}
.form-add-beans .field.nbm {
  margin-bottom: 0;
}
.form-add-beans .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
.form-add-beans .area.read-only {
  pointer-events: none;
}
.form-add-beans .area .field:last-child {
  margin-bottom: 0;
}
.form-add-beans .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
.form-add-beans span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans span.error {
    margin: 0 0 0 0;
  }
}
.form-add-beans .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .button.fill {
    margin-top: 20px;
  }
}
.form-add-beans .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .actions {
    grid-column: 1;
  }
}
.form-add-beans .bean-info {
  background: #f9f8f6;
  padding: 25px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  opacity: 1;
  transition: opacity 0.3s;
}
.form-add-beans .bean-info.hidden {
  opacity: 0;
  margin-bottom: 0;
  padding: 0;
}
.form-add-beans .bean-info .info .value {
  line-height: 24px;
}
.form-add-beans .bean-info .info .value:not(:last-child) {
  margin-bottom: 5px;
}
.form-add-beans .bean-info figure {
  margin-right: 20px;
}
.form-add-beans .bean-info figure img {
  max-height: 150px;
}
.form-add-beans .custom-bean-field {
  display: none;
}
.form-add-beans .custom-text {
  display: none;
  position: absolute;
  top: 63px;
  left: 5px;
  font-size: 17px;
  pointer-events: none;
}
.form-add-beans .new-bean-type-button {
  display: block;
  width: fit-content;
  color: #1e1e1e;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .new-bean-type-button {
    margin-top: 25px;
  }
}
.form-add-beans .new-bean-type-button#delete-new-bean-type {
  position: relative;
  margin-top: 0;
  transform: translateX(25px) translateY(-20px);
}
.form-add-beans .new-bean-type-button#delete-new-bean-type:before {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/submenu-back.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: block;
  width: 16px;
  height: 12px;
  position: absolute;
  left: -22px;
  top: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .new-bean-type-button#delete-new-bean-type:before {
    width: 14px;
    height: 10px;
  }
}
.form-add-beans #flavorContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.form-add-beans #flavorContainer #additionalFlavors {
  width: 100%;
}
.form-add-beans #flavorContainer #additionalFlavors .extra-flavor {
  position: relative;
}
.form-add-beans #flavorContainer #additionalFlavors .extra-flavor .delete-extra-flavor {
  background-image: url(/static/default/media/images/templating/svg/remove2.svg);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 5px;
  top: 23px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans #flavorContainer #additionalFlavors .extra-flavor .delete-extra-flavor {
    top: 16px;
  }
}
.form-add-beans #flavorContainer #additionalFlavors .extra-flavor .delete-extra-flavor:hover {
  cursor: pointer;
}
.form-add-beans #flavorContainer #addFlavorLink {
  text-align: right;
  display: block;
  color: #1e1e1e;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
}
.form-add-beans .custom-bean-value-input::placeholder {
  color: #757575 !important;
  font-size: 16px;
}
.form-add-beans .field .info label {
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 300;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field .info label {
    font-size: 16px;
    margin-bottom: -5px !important;
  }
}
.form-add-beans .field.image {
  margin-top: 35px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.image {
    margin-top: 25px;
  }
}
.form-add-beans .field.image .info label {
  color: #fff;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.image .info label {
    font-size: 14px;
    padding: 8px 14px;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.flavors .info {
    margin-bottom: -6px;
  }
  .form-add-beans .field.flavors .info .hint {
    margin-top: 3px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .field.flavors .select2-container--default {
    height: 65px;
  }
}
.form-add-beans .field.last {
  display: flex;
  justify-content: end;
}
.form-add-beans select, .form-add-beans textarea, .form-add-beans input {
  font-size: 16px !important;
}
.form-add-beans .select2-container--default {
  width: 100% !important;
  margin-top: 10px;
  border: 1px solid rgba(60, 60, 60, 0.1);
  border-radius: 5px;
}
.form-add-beans .select2-container--default .select2-search__field,
.form-add-beans .select2-container--default textarea:focus {
  border: none;
  border-radius: 5px;
}
.form-add-beans .select2-container--default .select2-selection.select2-selection--single {
  border: none;
}
.form-add-beans .select2-container--default .select2-selection__rendered {
  display: block;
  font-size: 17px;
}
.form-add-beans .select2-container--default .select2-selection__clear {
  display: none;
}
.form-add-beans .select2-container--default .select2-selection__choice {
  background-color: #eee;
  border: none;
}
@media print, screen and (max-width: 47.99875em) {
  .form-add-beans .select2-container--default .select2-selection__choice {
    font-size: 15px;
  }
}
.form-add-beans .select2-container--default .select2-selection__choice__remove {
  border-right: none;
  top: 6px;
}
.form-add-beans .select2-container--default .select2-selection.select2-selection--single.select2-selection--clearable, .form-add-beans .select2-container--default .select2-selection.select2-selection--multiple {
  border: none;
}
.form-add-beans .select2-container--default .select2-selection.select2-selection--multiple {
  height: 45px;
}
.form-add-beans .select2-container--default .select2-selection.select2-selection--multiple.select2-selection--clearable {
  display: flex;
}
.form-add-beans .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
  height: 45px;
}
.select2-container .select2-dropdown {
  border: 1px solid rgba(60, 60, 60, 0.1);
  border-top: none;
}
.select2-container .select2-search__field {
  border-radius: 5px;
  border: 1px solid #cacaca !important;
  margin: 5px 0;
}
.select2-container .select2-search__field:focus {
  outline: none;
}
.select2-container .select2-results {
  background: #f9f8f6;
}
.select2-container .select2-results li {
  font-size: 18px;
}
.select2-container ul#select2-beanNameDropdown-results li:nth-child(2),
.select2-container ul#select2-regionDropdown-results li:nth-child(2) {
  display: none;
}
.select2-container ul#select2-beanNameDropdown-results li:nth-child(2).show,
.select2-container ul#select2-regionDropdown-results li:nth-child(2).show {
  display: block;
}
.select2-selection--multiple .select2-search__field {
  border: none !important;
}
.form-register {
  background: #fff;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register {
    padding: 20px 10px;
  }
}
.form-register .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  .form-register .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  .form-register .field.country {
    margin-bottom: 10px !important;
  }
}
.form-register .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .field.registreren {
    margin-top: 30px;
  }
}
.form-register .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .field.last {
    margin-top: 30px;
  }
}
.form-register .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
.form-register .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
.form-register .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.form-register .field.checkbox.save-profile {
  margin-top: 5px;
}
.form-register .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
.form-register .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.form-register .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .form-register .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .field .info.hint {
    margin-bottom: 5px;
  }
}
.form-register .field .info.hint .hint {
  margin-top: 0;
}
.form-register .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
.form-register .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  .form-register .field .info .hint {
    margin-top: 0;
  }
}
.form-register .field.image input {
  display: none;
}
.form-register .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
.form-register .field.image label:hover {
  background-color: #666;
}
.form-register .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
.form-register .field input, .form-register .field textarea, .form-register .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .field input, .form-register .field textarea, .form-register .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
.form-register .field input:focus, .form-register .field input:active, .form-register .field textarea:focus, .form-register .field textarea:active, .form-register .field select:focus, .form-register .field select:active {
  border: 1px solid #916953;
  outline: none;
}
.form-register .field input#address-shipping-remember, .form-register .field textarea#address-shipping-remember, .form-register .field select#address-shipping-remember {
  margin-top: 0;
}
.form-register .field input.read-only, .form-register .field textarea.read-only, .form-register .field select.read-only {
  background-color: #fdfdfc;
}
.form-register .field input::placeholder, .form-register .field textarea::placeholder, .form-register .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
.form-register .field.checkbox:hover {
  cursor: pointer;
}
.form-register .field.checkbox label:hover {
  cursor: pointer;
}
.form-register .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
.form-register .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
.form-register .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .field select {
    padding: 0 0 0 1px;
  }
}
.form-register .field textarea {
  height: auto;
}
.form-register .field.nbm {
  margin-bottom: 0;
}
.form-register .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
.form-register .area.read-only {
  pointer-events: none;
}
.form-register .area .field:last-child {
  margin-bottom: 0;
}
.form-register .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
.form-register span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register span.error {
    margin: 0 0 0 0;
  }
}
.form-register .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .button.fill {
    margin-top: 20px;
  }
}
.form-register .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .actions {
    grid-column: 1;
  }
}
.form-register .voornaam-achternaam {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-gap: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .form-register .area {
    margin-top: 20px;
  }
}
.form-register .registered-before {
  color: #1E1E1E;
  font-size: 14px;
  text-decoration: underline;
}
.not-selectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.carousel {
  position: relative;
  box-sizing: border-box;
}
.carousel *, .carousel *:before, .carousel *:after {
  box-sizing: inherit;
}
.carousel.is-draggable {
  cursor: move;
  cursor: grab;
}
.carousel.is-dragging {
  cursor: move;
  cursor: grabbing;
}
.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}
.carousel__track {
  display: flex;
}
.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}
.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  user-select: none;
}
.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: 0.25;
  transition: opacity 0.15s ease-in-out;
}
.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}
.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity 0.15s ease;
}
.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.carousel__button.is-prev {
  left: 10px;
}
.carousel__button.is-next {
  right: 10px;
}
.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}
.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}
html.with-fancybox {
  scroll-behavior: auto;
}
body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none;
}
.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit;
}
.fancybox__container :focus {
  outline: none;
}
body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}
@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px;
  }
}
.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}
.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10;
}
.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}
.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}
.fancybox__track {
  display: flex;
  height: 100%;
}
.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}
.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}
@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}
.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none;
}
.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere;
}
.is-loading .fancybox__caption {
  visibility: hidden;
}
.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}
.fancybox__nav .carousel__button {
  z-index: 40;
}
.fancybox__nav .carousel__button.is-next {
  right: 8px;
}
@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}
.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}
@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}
.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40;
}
@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}
.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none;
}
.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}
.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}
.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1);
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  animation: 0.15s ease backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: 0.15s ease both fancybox-fadeOut;
}
.fancybox-fadeIn {
  animation: 0.15s ease both fancybox-fadeIn;
}
.fancybox-fadeOut {
  animation: 0.1s ease both fancybox-fadeOut;
}
.fancybox-zoomInUp {
  animation: 0.2s ease both fancybox-zoomInUp;
}
.fancybox-zoomOutDown {
  animation: 0.15s ease both fancybox-zoomOutDown;
}
.fancybox-throwOutUp {
  animation: 0.15s ease both fancybox-throwOutUp;
}
.fancybox-throwOutDown {
  animation: 0.15s ease both fancybox-throwOutDown;
}
@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab;
}
.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing;
}
.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}
.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}
.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}
.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}
.fancybox__image {
  transform-origin: 0 0;
  touch-action: none;
  user-select: none;
  transition: none;
}
.has-image .fancybox__content {
  padding: 0;
  background: transparent;
  min-height: 1px;
}
.is-closing .has-image .fancybox__content {
  overflow: visible;
}
.has-image[data-image-fit=contain] {
  overflow: visible;
  touch-action: none;
}
.has-image[data-image-fit=contain] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap;
}
.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto;
}
.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto;
}
.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto;
}
.has-image[data-image-fit=cover] {
  overflow: visible;
  touch-action: none;
}
.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%;
}
.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}
.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}
.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}
.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
  opacity: 0;
  transition: opacity 0.15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: 0.92;
}
.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  user-select: none;
}
.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}
.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}
@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}
.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}
.fancybox__toolbar__items {
  display: flex;
}
.fancybox__toolbar__items--left {
  margin-right: auto;
}
.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.fancybox__toolbar__items--right {
  margin-left: auto;
}
@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}
.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}
.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none;
}
.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}
.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}
.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}
.bean-card {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.5s;
}
.bean-card.hidden {
  opacity: 0;
}
.bean-card .bean-card-header {
  position: relative;
  display: flex;
  margin-bottom: 15px;
  height: 200px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-card .bean-card-header {
    margin-bottom: 0;
  }
}
.bean-card .bean-card-header.verified .review-action {
  border-radius: 0 0 0 20px;
}
.bean-card .bean-card-header .verified {
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0.3;
  z-index: 5;
}
.bean-card .bean-card-header .verified svg {
  width: 30px;
  height: 30px;
}
.bean-card .bean-card-header figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #fff;
  transform: translate(10px, 10px);
  background: #fff;
  margin-top: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px, rgba(0, 0, 0, 0.24) 0 1px 2px;
}
.bean-card .bean-card-header figure img {
  max-width: 150px;
  max-height: 150px;
  padding: 20px;
  object-fit: cover;
}
.bean-card .bean-card-header .rating.qdsg {
  margin-left: 40px;
}
.bean-card .bean-card-header .actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 60px 0 0 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-card .bean-card-header .actions {
    margin: 65px 0 0 0;
  }
}
.bean-card .bean-card-header .actions .item-base, .bean-card .bean-card-header .actions .review-action, .bean-card .bean-card-header .actions .edit-notes, .bean-card .bean-card-header .actions .edit-item, .bean-card .bean-card-header .actions .approve-item, .bean-card .bean-card-header .actions .trash-item, .bean-card .bean-card-header .actions .delete-item {
  position: absolute;
  right: 0;
  padding: 12px;
  background: #ece7e4;
  max-width: 43px;
  max-height: 50px;
}
.bean-card .bean-card-header .actions .item-base:hover, .bean-card .bean-card-header .actions .review-action:hover, .bean-card .bean-card-header .actions .edit-notes:hover, .bean-card .bean-card-header .actions .edit-item:hover, .bean-card .bean-card-header .actions .approve-item:hover, .bean-card .bean-card-header .actions .trash-item:hover, .bean-card .bean-card-header .actions .delete-item:hover {
  cursor: pointer;
}
.bean-card .bean-card-header .actions .item-base span, .bean-card .bean-card-header .actions .review-action span, .bean-card .bean-card-header .actions .edit-notes span, .bean-card .bean-card-header .actions .edit-item span, .bean-card .bean-card-header .actions .approve-item span, .bean-card .bean-card-header .actions .trash-item span, .bean-card .bean-card-header .actions .delete-item span {
  position: absolute;
  font-size: 16px;
}
.bean-card .bean-card-header .actions .item-base svg, .bean-card .bean-card-header .actions .review-action svg, .bean-card .bean-card-header .actions .edit-notes svg, .bean-card .bean-card-header .actions .edit-item svg, .bean-card .bean-card-header .actions .approve-item svg, .bean-card .bean-card-header .actions .trash-item svg, .bean-card .bean-card-header .actions .delete-item svg {
  width: 20px;
  height: 20px;
}
.bean-card .bean-card-header .actions .delete-item {
  top: 0;
}
.bean-card .bean-card-header .actions .delete-item span {
  left: -107px;
}
.bean-card .bean-card-header .actions .trash-item {
  top: 0;
}
.bean-card .bean-card-header .actions .trash-item span {
  left: -107px;
}
.bean-card .bean-card-header .actions .approve-item {
  top: 47px;
  border-top: 1px solid #cacaca;
}
.bean-card .bean-card-header .actions .approve-item span {
  left: -74px;
}
.bean-card .bean-card-header .actions .edit-item {
  top: 137px;
  border-radius: 0 0 0 20px;
  border-top: 1px solid #cacaca;
}
.bean-card .bean-card-header .actions .edit-item.manager {
  top: 95px;
}
.bean-card .bean-card-header .actions .edit-item span {
  left: -90px;
}
.bean-card .bean-card-header .actions .edit-item svg {
  width: 22px;
  height: 22px;
}
.bean-card .bean-card-header .actions .edit-item svg.spinner {
  width: 40px;
  height: 40px;
  transform: translate(-10px, -8px);
}
.bean-card .bean-card-header .actions .edit-item svg.spinner circle {
  fill: #000;
}
.bean-card .bean-card-header .actions .edit-notes {
  top: 44px;
  border-top: 1px solid #cacaca;
}
.bean-card .bean-card-header .actions .edit-notes span {
  left: -74px;
}
.bean-card .bean-card-header .actions .edit-notes svg {
  width: 22px;
  height: 22px;
  transform: translateX(-1px);
}
.bean-card .bean-card-header .actions .review-action {
  top: 89px;
  border-top: 1px solid #cacaca;
}
.bean-card .bean-card-header .actions .review-action span {
  left: -71px;
}
.bean-card .bean-card-header .actions .user-info {
  position: absolute;
  bottom: 10px;
  right: 8px;
  font-size: 16px;
  color: #916953;
}
.bean-card .bean-card-header .actions .user-info .username {
  margin-bottom: 3px;
}
.bean-card .bean-card-header .actions a {
  font-size: 16px;
  border: none;
  color: #515559;
  background-color: #fdfdfc;
  padding: 3px 6px;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  transition: all 0.2s ease-in;
}
.bean-card .bean-card-header .actions a:hover {
  background-color: #f9f8f6;
}
.bean-card .bean-card-header .actions a:not(:last-child) {
  margin-bottom: 15px;
}
.bean-card .bean-card-header .actions .review:not(.review-action),
.bean-card .bean-card-header .actions .notes:not(.edit-notes) {
  position: relative;
  padding-left: 25px;
}
.bean-card .bean-card-header .actions .review:not(.review-action):before,
.bean-card .bean-card-header .actions .notes:not(.edit-notes):before {
  content: "";
  background-image: url(/static/default/media/images/templating/svg/pencil.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.bean-card .bean-card-header .actions .rating:not(.review-action) {
  position: relative;
  display: flex;
  margin-bottom: 15px;
  margin-left: 40px;
}
.bean-card .bean-card-header .actions .rating:not(.review-action):before {
  background-image: url(/static/default/media/images/templating/svg/pencil.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.bean-card .bean-card-header .actions .rating:not(.review-action):hover {
  cursor: pointer;
}
.bean-card .bean-card-header .actions .rating:not(.review-action) svg {
  width: 25px;
  height: 25px;
  color: #febd00;
}
.bean-card .bean-card-body {
  position: relative;
  padding: 20px;
}
.bean-card .bean-card-body h3 {
  margin-top: 0;
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: 200;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-card .bean-card-body h3 {
    margin-bottom: 25px;
  }
}
.bean-card .bean-card-body .info .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  align-items: baseline;
}
.bean-card .bean-card-body .info .item:not(:last-child) {
  margin-bottom: 5px;
}
.bean-card .bean-card-body .info .item .key {
  font-weight: 400;
  line-height: 18px;
  font-size: 16px;
}
.bean-card .bean-card-body .info .item .value {
  line-height: 18px;
  font-size: 16px;
}
.bean-card .bean-card-body .flavors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  align-items: baseline;
  margin-top: 5px;
}
.bean-card .bean-card-body .flavors .key {
  font-weight: 400;
  line-height: 18px;
  font-size: 16px;
}
.bean-card .bean-card-body .flavors ul li {
  line-height: 18px;
  font-size: 16px;
}
.bean-card .bean-card-body .flavors ul li:not(:last-child) {
  margin-bottom: 4px;
}
.bean-notes .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-notes .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  .bean-notes .field.country {
    margin-bottom: 10px !important;
  }
}
.bean-notes .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .field.registreren {
    margin-top: 30px;
  }
}
.bean-notes .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .field.last {
    margin-top: 30px;
  }
}
.bean-notes .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
.bean-notes .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
.bean-notes .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.bean-notes .field.checkbox.save-profile {
  margin-top: 5px;
}
.bean-notes .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
.bean-notes .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.bean-notes .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-notes .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .field .info.hint {
    margin-bottom: 5px;
  }
}
.bean-notes .field .info.hint .hint {
  margin-top: 0;
}
.bean-notes .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
.bean-notes .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-notes .field .info .hint {
    margin-top: 0;
  }
}
.bean-notes .field.image input {
  display: none;
}
.bean-notes .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
.bean-notes .field.image label:hover {
  background-color: #666;
}
.bean-notes .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
.bean-notes .field input, .bean-notes .field textarea, .bean-notes .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .field input, .bean-notes .field textarea, .bean-notes .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
.bean-notes .field input:focus, .bean-notes .field input:active, .bean-notes .field textarea:focus, .bean-notes .field textarea:active, .bean-notes .field select:focus, .bean-notes .field select:active {
  border: 1px solid #916953;
  outline: none;
}
.bean-notes .field input#address-shipping-remember, .bean-notes .field textarea#address-shipping-remember, .bean-notes .field select#address-shipping-remember {
  margin-top: 0;
}
.bean-notes .field input.read-only, .bean-notes .field textarea.read-only, .bean-notes .field select.read-only {
  background-color: #fdfdfc;
}
.bean-notes .field input::placeholder, .bean-notes .field textarea::placeholder, .bean-notes .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
.bean-notes .field.checkbox:hover {
  cursor: pointer;
}
.bean-notes .field.checkbox label:hover {
  cursor: pointer;
}
.bean-notes .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
.bean-notes .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
.bean-notes .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .field select {
    padding: 0 0 0 1px;
  }
}
.bean-notes .field textarea {
  height: auto;
}
.bean-notes .field.nbm {
  margin-bottom: 0;
}
.bean-notes .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
.bean-notes .area.read-only {
  pointer-events: none;
}
.bean-notes .area .field:last-child {
  margin-bottom: 0;
}
.bean-notes .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
.bean-notes span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes span.error {
    margin: 0 0 0 0;
  }
}
.bean-notes .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .button.fill {
    margin-top: 20px;
  }
}
.bean-notes .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .actions {
    grid-column: 1;
  }
}
.bean-notes .header-main {
  padding: 20px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .header-main {
    padding: 0px 10px 10px 10px;
  }
}
.bean-notes .header-main div {
  font-weight: 400;
  text-align: center;
}
.bean-notes .content {
  padding: 16px 20px;
  margin-top: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .content {
    padding: 8px 15px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .content .bean-info {
    margin-top: 10px;
  }
}
.bean-notes .content .bean-info .bean-notes-title {
  font-size: 30px;
  font-weight: 200;
  margin-bottom: 5px;
  line-height: 32px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .content .bean-info .bean-notes-title {
    line-height: 28px;
  }
}
.bean-notes .content .bean-info .bean-notes-roaster {
  font-weight: 400;
  margin-bottom: 35px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .content .bean-info .bean-notes-roaster {
    margin-bottom: 25px;
  }
}
.bean-notes .content .bean-user-notes {
  display: flex;
  flex-direction: column;
}
.bean-notes .content .bean-user-notes .field label {
  font-size: 20px;
  font-weight: 300;
}
.bean-notes .content .bean-user-notes .field .hint {
  margin-top: 3px;
  font-size: 15px;
  font-weight: 200;
  color: #666;
}
.bean-notes .content .bean-user-notes .field #textarea-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.bean-notes .content .bean-user-notes .field #textarea-wrapper textarea {
  height: 500px;
  margin-top: 0;
  font-weight: 300;
  line-height: 26px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-notes .content .bean-user-notes .field #textarea-wrapper textarea {
    height: 350px;
  }
}
.bean-notes .content .bean-user-notes .field #textarea-wrapper .mask {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: white;
  z-index: 10;
  pointer-events: none;
  animation: slideMask 0.3s forwards;
}
@keyframes slideMask {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.bean-notes .content .bean-user-notes button {
  align-self: flex-end;
}
.bean-review .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-review .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  .bean-review .field.country {
    margin-bottom: 10px !important;
  }
}
.bean-review .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .field.registreren {
    margin-top: 30px;
  }
}
.bean-review .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .field.last {
    margin-top: 30px;
  }
}
.bean-review .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
.bean-review .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
.bean-review .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.bean-review .field.checkbox.save-profile {
  margin-top: 5px;
}
.bean-review .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
.bean-review .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.bean-review .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-review .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .field .info.hint {
    margin-bottom: 5px;
  }
}
.bean-review .field .info.hint .hint {
  margin-top: 0;
}
.bean-review .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
.bean-review .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-review .field .info .hint {
    margin-top: 0;
  }
}
.bean-review .field.image input {
  display: none;
}
.bean-review .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
.bean-review .field.image label:hover {
  background-color: #666;
}
.bean-review .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
.bean-review .field input, .bean-review .field textarea, .bean-review .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .field input, .bean-review .field textarea, .bean-review .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
.bean-review .field input:focus, .bean-review .field input:active, .bean-review .field textarea:focus, .bean-review .field textarea:active, .bean-review .field select:focus, .bean-review .field select:active {
  border: 1px solid #916953;
  outline: none;
}
.bean-review .field input#address-shipping-remember, .bean-review .field textarea#address-shipping-remember, .bean-review .field select#address-shipping-remember {
  margin-top: 0;
}
.bean-review .field input.read-only, .bean-review .field textarea.read-only, .bean-review .field select.read-only {
  background-color: #fdfdfc;
}
.bean-review .field input::placeholder, .bean-review .field textarea::placeholder, .bean-review .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
.bean-review .field.checkbox:hover {
  cursor: pointer;
}
.bean-review .field.checkbox label:hover {
  cursor: pointer;
}
.bean-review .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
.bean-review .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
.bean-review .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .field select {
    padding: 0 0 0 1px;
  }
}
.bean-review .field textarea {
  height: auto;
}
.bean-review .field.nbm {
  margin-bottom: 0;
}
.bean-review .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
.bean-review .area.read-only {
  pointer-events: none;
}
.bean-review .area .field:last-child {
  margin-bottom: 0;
}
.bean-review .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
.bean-review span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review span.error {
    margin: 0 0 0 0;
  }
}
.bean-review .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .button.fill {
    margin-top: 20px;
  }
}
.bean-review .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .actions {
    grid-column: 1;
  }
}
.bean-review .header-main {
  padding: 20px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.1);
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .header-main {
    padding: 0 10px 10px 10px;
  }
  .bean-review .header-main .close-button {
    top: 5px;
  }
}
.bean-review .header-main div {
  font-weight: 400;
  text-align: center;
}
.bean-review .progress-container {
  position: relative;
  height: 5px;
  background-color: #f3f1ed;
  width: 80%;
  margin: 25px auto 0 auto;
  border-radius: 10px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .progress-container {
    height: 3px;
  }
}
.bean-review .progress-container .progress-bar {
  height: 100%;
  border-radius: 10px;
  background-color: #916953;
  width: 0;
  transition: width 0.3s ease-out;
}
.bean-review .progress-container .progress-perc {
  position: absolute;
  left: 0;
  font-size: 12px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 28px;
  text-align: center;
  top: -12px;
  font-weight: 600;
  color: #515559;
  margin-left: 1px;
  transition: left 0.3s ease-out;
}
.bean-review .close-button {
  top: 15px;
}
.bean-review .back-button {
  display: none;
  position: absolute;
  left: 10px;
  top: 19px;
  background-image: url(/static/default/media/images/templating/svg/back.svg);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .back-button {
    top: 7px;
  }
}
.bean-review .back-button:hover {
  cursor: pointer;
}
.bean-review .form-step {
  display: none;
}
.bean-review .form-step.active {
  display: block;
}
.bean-review .content {
  padding: 15px 20px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content {
    padding: 10px;
    margin-bottom: 8px;
  }
}
.bean-review .content .header .title-main {
  text-align: center;
  font-weight: 200;
  font-size: 32px;
  line-height: 36px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .header .title-main {
    font-size: 26px;
  }
}
.bean-review .content .header .title-sub {
  text-align: center;
  color: #8a8a8a;
  font-size: 18px;
  max-width: 80%;
  margin: 20px auto 0 auto;
  line-height: 24px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .header .title-sub {
    font-size: 16px;
    margin: 10px auto 0 auto;
    line-height: 20px;
  }
}
.bean-review .content .field .validation-info {
  font-size: 14px;
  color: #696977;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  padding: 0 5px;
}
.bean-review .content .field .extra-review-info {
  font-size: 13px;
  margin-top: 15px;
  margin-left: 5px;
  list-style: none;
}
.bean-review .content .field .extra-review-info li:not(:last-child) {
  margin-bottom: 5px;
}
.bean-review .content .field .disabled-value {
  background-color: #eee;
  color: #aaa;
  font-weight: 300;
  pointer-events: none;
}
.bean-review .content .field .edit-user-review-info {
  font-size: 15px;
  color: #0c659d;
  font-weight: 400;
  text-align: left;
  margin: 30px 0 0 5px;
}
.bean-review .content .field .edit-user-review-info:hover {
  cursor: pointer;
}
.bean-review .content .field .actions {
  padding: 0;
  background: unset;
}
.bean-review .content .field .actions .add-button {
  opacity: 1;
  font-size: 16px;
  padding: 10px 16px;
  border-radius: 3px;
  background-color: #2196f3;
  color: #fefefe;
  font-weight: 400;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .actions .add-button {
    padding: 8px 12px;
    font-weight: 300;
  }
}
.bean-review .content .field .actions .add-button.faded {
  opacity: 0.6;
  background-color: #515559;
}
.bean-review .content .field .actions .add-button.faded:hover {
  cursor: auto;
}
.bean-review .content .field .actions .add-button:hover {
  cursor: pointer;
}
.bean-review .content .field .actions .skip-step {
  font-size: 15px;
  color: #1e1e1e;
  font-weight: 400;
  margin-right: 20px;
}
.bean-review .content .field .actions .skip-step:hover {
  cursor: pointer;
}
.bean-review .content .field .list .validation-info {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.bean-review .content .field .advantages-list {
  margin: 15px 0 5px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .advantages-list {
    margin: 15px 15px 5px 15px;
  }
}
.bean-review .content .field .advantages-list .advantage-item {
  display: flex;
  align-items: center;
  width: 375px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .advantages-list .advantage-item {
    width: 300px;
  }
}
.bean-review .content .field .advantages-list .advantage-item input::placeholder {
  font-size: 16px;
  font-weight: 300;
  color: #696977;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .advantages-list .advantage-item input::placeholder {
    font-size: 15px;
  }
}
.bean-review .content .field .advantages-list .advantage-item .remove-advantage {
  margin-left: 10px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bean-review .content .field .advantages-list .advantage-item .remove-advantage:hover {
  cursor: pointer;
}
.bean-review .content .field .advantages-list .advantage-item .remove-advantage svg {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.bean-review .content .field .disadvantages-list {
  margin: 15px 0 5px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .disadvantages-list {
    margin: 15px 15px 5px 15px;
  }
}
.bean-review .content .field .disadvantages-list .disadvantage-item {
  display: flex;
  align-items: center;
  width: 375px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .disadvantages-list .disadvantage-item {
    width: 300px;
  }
}
.bean-review .content .field .disadvantages-list .disadvantage-item input::placeholder {
  font-size: 16px;
  font-weight: 300;
  color: #696977;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .disadvantages-list .disadvantage-item input::placeholder {
    font-size: 15px;
  }
}
.bean-review .content .field .disadvantages-list .disadvantage-item .remove-disadvantage {
  margin-left: 10px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bean-review .content .field .disadvantages-list .disadvantage-item .remove-disadvantage:hover {
  cursor: pointer;
}
.bean-review .content .field .disadvantages-list .disadvantage-item .remove-disadvantage svg {
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.bean-review .content .field #imageUpload {
  display: none;
}
.bean-review .content .field .custom-file-upload {
  cursor: pointer;
  border-radius: 3px;
  background-color: #2196F3;
  color: #fefefe;
  font-size: 16px;
  padding: 10px 16px;
  font-weight: 400;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field .custom-file-upload {
    padding: 8px 12px;
    font-weight: 300;
  }
}
.bean-review .content .field #imagePreviewContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}
.bean-review .content .field #imagePreviewContainer .img-container {
  display: flex;
}
.bean-review .content .field #imagePreviewContainer .img-container img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}
.bean-review .content .field #imagePreviewContainer .img-container svg {
  width: 21px;
  height: 21px;
  margin-left: -11px;
  border-radius: 50%;
  padding: 3px;
  margin-top: -6px;
  background-color: #fff;
  transition: background-color 0.3s ease-out;
}
.bean-review .content .field #imagePreviewContainer .img-container svg:hover {
  cursor: pointer;
  background-color: #ff9800;
}
.bean-review .content .bean {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .bean {
    margin-top: 10px;
    margin-left: 25px;
    justify-content: flex-start;
  }
}
.bean-review .content .bean .spinner {
  position: absolute;
  width: 150px;
  height: 150px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .bean .spinner {
    width: 100px;
    height: 100px;
    left: 50%;
    transform: translateX(-50%) translateY(-5px);
  }
}
.bean-review .content .bean img {
  max-height: 150px;
  margin-right: 20px;
  border-radius: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .bean img {
    max-height: 100px;
    margin-right: 15px;
    border-radius: 10px;
  }
}
.bean-review .content .star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 35px;
}
.bean-review .content .star-rating input[type=radio] {
  display: none;
}
.bean-review .content .star-rating .star-label {
  color: #e6e6e8;
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: color 0.3s;
}
.bean-review .content .star-rating .star-label:hover, .bean-review .content .star-rating .star-label:hover ~ .star-label {
  color: #000;
}
.bean-review .content .star-rating .star-label svg {
  fill: currentColor;
  width: 40px;
  height: 40px;
}
.bean-review .content .star-rating #rating-1:checked ~ .star-label {
  color: #000;
}
.bean-review .content .star-rating #rating-2:checked ~ .star-label {
  color: #000;
}
.bean-review .content .star-rating #rating-3:checked ~ .star-label {
  color: #000;
}
.bean-review .content .star-rating #rating-4:checked ~ .star-label {
  color: #000;
}
.bean-review .content .star-rating #rating-5:checked ~ .star-label {
  color: #000;
}
.bean-review .content .star-rating {
  margin-top: 30px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .star-rating {
    margin-top: 25px;
  }
}
.bean-review .content .review-check {
  margin-top: 30px;
  text-align: center;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .review-check {
    margin-top: 25px;
  }
}
.bean-review .content .review-check .review-check-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
}
.bean-review .content .review-check .review-check-rating {
  margin-bottom: 5px;
}
.bean-review .content .review-check .review-check-rating svg {
  color: #febd00;
  width: 30px;
  height: 30px;
}
.bean-review .content .review-check .review-check-list {
  margin: 0 60px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .review-check .review-check-list {
    margin: 0 30px;
  }
}
.bean-review .content .review-check .review-check-images {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.bean-review .content .review-check .review-check-images img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}
.bean-review .content .review-check .review-check-advantages {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.bean-review .content .review-check .review-check-advantages div {
  position: relative;
  margin-bottom: 5px;
  font-size: 17px;
  text-align: left;
}
.bean-review .content .review-check .review-check-advantages div:after {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 20px;
  height: 20px;
  background-image: url(/static/default/media/images/templating/svg/add-square.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.bean-review .content .review-check .review-check-disadvantages {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.bean-review .content .review-check .review-check-disadvantages div {
  position: relative;
  font-size: 17px;
  text-align: left;
}
.bean-review .content .review-check .review-check-disadvantages div:not(:last-child) {
  margin-bottom: 5px;
}
.bean-review .content .review-check .review-check-disadvantages div:after {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 20px;
  height: 20px;
  background-image: url(/static/default/media/images/templating/svg/minus.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.bean-review .content .review-check .review-check-user {
  font-size: 16px;
  color: #aaa;
  margin-bottom: 20px;
}
.bean-review .content .review-check .review-check-text {
  font-size: 18px;
  max-width: 485px;
  line-height: 22px;
  margin: 0 auto 35px auto;
  text-align: left;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .review-check .review-check-text {
    margin: 0 8px 25px 8px;
  }
}
.bean-review .content .review-check .review-check-text.no-margin {
  margin: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .review-check .review-check-text {
    margin: 0 auto 25px auto;
  }
}
.bean-review .content .review-check .review-edit {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .review-check .review-edit {
    margin-top: 30px;
  }
}
.bean-review .content .field.title,
.bean-review .content .field.username,
.bean-review .content .field.age,
.bean-review .content .field.city {
  max-width: 350px;
  margin: 30px auto 0 auto;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field.title,
  .bean-review .content .field.username,
  .bean-review .content .field.age,
  .bean-review .content .field.city {
    margin: 25px auto 0 auto;
  }
}
.bean-review .content .field.age {
  margin-top: 20px;
}
.bean-review .content .field.age #select2-ageDropdown-container {
  font-size: 18px;
}
.bean-review .content .field.city {
  margin-top: 20px;
}
.bean-review .content .field.text {
  max-width: 350px;
  margin: 30px auto 0 auto;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .content .field.text {
    margin: 25px auto 0 auto;
  }
}
.bean-review .content .field.text textarea {
  height: 150px;
  font-weight: 300;
  line-height: 22px;
  font-size: 16px;
  padding: 8px;
}
.bean-review .actions {
  display: flex;
  justify-content: center;
  padding: 25px;
  background: #f9f8f6;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .actions {
    background: none;
    padding: 0 25px 25px 25px;
  }
}
.bean-review .actions .spinner {
  position: absolute;
  width: 50px;
  height: 50px;
}
.bean-review .actions .single {
  padding: 20px 100px;
}
.bean-review .actions .coffee {
  border: 1px solid #916953;
}
.bean-review .actions .prev-next {
  display: flex;
}
.bean-review .actions .prev-next .back-outer {
  position: relative;
}
.bean-review .actions .prev-next .back-outer .back {
  margin-right: 10px;
  padding-left: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .actions .prev-next .back-outer .back {
    padding: 14px 16px;
  }
}
.bean-review .actions .prev-next .back-outer svg {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 25px;
  top: 21px;
  transform: rotate(180deg);
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .actions .prev-next .back-outer svg {
    display: none;
  }
}
.bean-review .actions .prev-next .next-outer {
  position: relative;
}
.bean-review .actions .prev-next .next-outer svg {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 25px;
  top: 21px;
  z-index: 5;
  color: #f9f8f6;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .actions .prev-next .next-outer svg {
    display: none;
  }
}
.bean-review .actions .next:not(.start) {
  background-color: #916953;
  padding-right: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review .actions .next:not(.start) {
    padding: 14px 16px;
  }
}
.bean-review .actions .next:not(.start):disabled {
  cursor: auto;
  border: 1px solid #e7e7e9;
  background-color: #e7e7e9;
  color: #696977;
}
.bean-review .actions .next:not(.start):disabled + svg {
  color: #696977;
}
.bean-review.review-modal-simple {
  max-width: 620px;
  width: calc(100% - 32px);
  padding: 0;
  border-radius: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review.review-modal-simple {
    left: 50%;
    transform: translateX(-50%);
  }
}
.bean-review.review-modal-simple .progress-container,
.bean-review.review-modal-simple .back-button,
.bean-review.review-modal-simple .prev-next,
.bean-review.review-modal-simple .single.next.start,
.bean-review.review-modal-simple .review-check,
.bean-review.review-modal-simple .form-step {
  display: none !important;
}
.bean-review.review-modal-simple .header-main {
  padding: 14px 16px;
  border-bottom: 1px solid #ebe4db;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.bean-review.review-modal-simple .header-main div {
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #2a2520;
  padding-right: 28px;
}
.bean-review.review-modal-simple .header-main .close-button {
  top: 10px;
  right: 12px;
  color: #000;
}
.bean-review.review-modal-simple .header-main .close-button:hover {
  color: #000;
}
.bean-review.review-modal-simple .review-bean-form--simple {
  display: grid;
  gap: 10px;
  padding: 16px 32px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review.review-modal-simple .review-bean-form--simple {
    padding: 12px 16px;
  }
}
.bean-review.review-modal-simple .review-panel .header {
  margin-bottom: 10px;
}
.bean-review.review-modal-simple .review-panel .header .title-main {
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #231f1b;
}
.bean-review.review-modal-simple .review-panel .header .title-sub {
  text-align: left;
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #7f756d;
  max-width: none;
}
.bean-review.review-modal-simple .review-panel .field .info {
  display: none;
}
.bean-review.review-modal-simple .review-panel .field .validation-info {
  margin-top: 6px;
  padding: 0;
  font-size: 12px;
  color: #7b7269;
}
.bean-review.review-modal-simple .review-panel .field .extra-review-info {
  margin: 8px 0 0;
  padding-left: 16px;
  font-size: 12px;
  line-height: 18px;
  color: #7f776f;
}
.bean-review.review-modal-simple .review-panel-title .field.title,
.bean-review.review-modal-simple .review-panel-text .field.text,
.bean-review.review-modal-simple .review-panel-images .field.title {
  max-width: none;
  margin: 0;
}
.bean-review.review-modal-simple .review-panel input[type=text],
.bean-review.review-modal-simple .review-panel textarea {
  margin-bottom: 0;
  border: 1px solid #d7cfc5;
  border-radius: 10px;
  box-shadow: none;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  padding: 8px;
}
.bean-review.review-modal-simple .review-panel input[type=text]::placeholder,
.bean-review.review-modal-simple .review-panel textarea::placeholder {
  color: #a19890;
}
.bean-review.review-modal-simple .review-panel textarea {
  height: 128px;
  min-height: 110px;
  resize: vertical;
}
.bean-review.review-modal-simple .review-panel-subject {
  margin: 0;
  padding: 0;
}
.bean-review.review-modal-simple .review-panel-subject .header {
  margin-bottom: 8px;
}
.bean-review.review-modal-simple .review-panel-subject .bean {
  margin: 0;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.bean-review.review-modal-simple .review-panel-subject .bean .spinner {
  width: 48px;
  height: 48px;
  left: 8px;
  top: 8px;
  transform: none;
}
.bean-review.review-modal-simple .review-panel-subject .bean img {
  width: 96px;
  height: 96px;
  max-height: none;
  margin-right: 12px;
  border-radius: 10px;
  object-fit: cover;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review.review-modal-simple .review-panel-subject .bean img {
    width: 64px;
    height: 64px;
  }
}
.bean-review.review-modal-simple .review-panel-subject .bean .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #2c241d;
  word-break: break-word;
}
.bean-review.review-modal-simple .review-panel-rating .star-rating {
  margin-top: 0;
  justify-content: flex-end;
}
.bean-review.review-modal-simple .review-panel-rating .star-rating .star-label {
  width: 34px;
  height: 34px;
}
.bean-review.review-modal-simple .review-panel-rating .star-rating .star-label svg {
  width: 34px;
  height: 34px;
}
.bean-review.review-modal-simple .review-panel-images #imageUpload {
  display: none;
}
.bean-review.review-modal-simple .review-panel-images .upload-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  background: none;
}
.bean-review.review-modal-simple .review-panel-images .custom-file-upload {
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #F3F2F1;
  background: #fff;
  color: #000;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  padding: 8px 12px;
  transition: background-color 0.2s ease-out;
}
.bean-review.review-modal-simple .review-panel-images .custom-file-upload:hover {
  background-color: #F3F2F1;
}
.bean-review.review-modal-simple .review-panel-images #imagePreviewContainer {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bean-review.review-modal-simple .review-panel-images #imagePreviewContainer .img-container {
  display: flex;
}
.bean-review.review-modal-simple .review-panel-images #imagePreviewContainer .img-container .review-media-preview {
  width: 72px;
  height: 72px;
  max-width: 72px;
  max-height: 72px;
  border-radius: 8px;
  border: 1px solid #e5ddd3;
  box-shadow: none;
  object-fit: cover;
}
.bean-review.review-modal-simple .review-panel-images #imagePreviewContainer .img-container .review-media-preview-video {
  background: #111;
}
.bean-review.review-modal-simple .review-panel-images #imagePreviewContainer .img-container svg {
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -4px;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid #ddd2c6;
  background-color: #fff;
}
.bean-review.review-modal-simple .review-panel-images #imagePreviewContainer .img-container svg:hover {
  background-color: #f4ece2;
}
.bean-review.review-modal-simple .review-actions-simple {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 12px 16px 16px;
  background: transparent;
}
.bean-review.review-modal-simple .review-actions-simple .spinner {
  position: static;
  width: 26px;
  height: 26px;
}
.bean-review.review-modal-simple .review-actions-simple .button.ready {
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid #1f1f1f;
  background: #1f1f1f;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review.review-modal-simple {
    width: calc(100% - 20px);
    border-radius: 12px;
  }
  .bean-review.review-modal-simple .header-main {
    padding: 8px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .bean-review.review-modal-simple .header-main .close-button {
    top: 8px;
    right: 10px;
  }
  .bean-review.review-modal-simple .review-bean-form--simple {
    padding: 10px 10px 0;
    gap: 8px;
  }
  .bean-review.review-modal-simple .review-panel {
    padding: 10px;
  }
  .bean-review.review-modal-simple .review-panel .header {
    margin-bottom: 0;
  }
  .bean-review.review-modal-simple .review-panel .header .title-main {
    font-size: 14px;
    line-height: 18px;
  }
  .bean-review.review-modal-simple .bean img {
    width: 56px;
    height: 56px;
    margin-right: 10px;
  }
  .bean-review.review-modal-simple .bean .spinner {
    width: 42px;
    height: 42px;
    left: 7px;
    top: 7px;
  }
  .bean-review.review-modal-simple .star-rating .star-label {
    width: 30px;
    height: 30px;
  }
  .bean-review.review-modal-simple .star-rating .star-label svg {
    width: 30px;
    height: 30px;
  }
  .bean-review.review-modal-simple .review-actions-simple {
    padding: 10px;
  }
  .bean-review.review-modal-simple .review-actions-simple .button.ready {
    width: 100%;
    min-width: 0;
  }
}
.bean-review-edit .field {
  margin-bottom: 25px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-review-edit .field {
    grid-template-columns: 100%;
    margin-bottom: 16px;
  }
  .bean-review-edit .field.country {
    margin-bottom: 10px !important;
  }
}
.bean-review-edit .field.registreren {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .field.registreren {
    margin-top: 30px;
  }
}
.bean-review-edit .field.last {
  margin-top: 50px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .field.last {
    margin-top: 30px;
  }
}
.bean-review-edit .field label {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #30302f;
  text-transform: none;
}
.bean-review-edit .field.mobile-flex {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .field.mobile-flex {
    display: flex;
    align-items: center;
  }
}
.bean-review-edit .field.checkbox {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.bean-review-edit .field.checkbox.save-profile {
  margin-top: 5px;
}
.bean-review-edit .field.checkbox .info {
  padding-right: 0;
  margin-left: 7px;
}
.bean-review-edit .field .info {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.bean-review-edit .field .info.no-hint {
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-review-edit .field .info.no-hint label {
    margin-bottom: 5px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .field .info.hint {
    margin-bottom: 5px;
  }
}
.bean-review-edit .field .info.hint .hint {
  margin-top: 0;
}
.bean-review-edit .field .info label {
  font-weight: 400;
  font-size: 16px;
  color: #1E1E1E;
  text-transform: none;
  line-height: 1.2;
}
.bean-review-edit .field .info .hint {
  color: gray;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
@media print, screen and (max-width: 39.99875em) {
  .bean-review-edit .field .info .hint {
    margin-top: 0;
  }
}
.bean-review-edit .field.image input {
  display: none;
}
.bean-review-edit .field.image label {
  padding: 10px 20px;
  background-color: #555;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
.bean-review-edit .field.image label:hover {
  background-color: #666;
}
.bean-review-edit .field.image #file-name-beans {
  margin-left: 10px;
  font-size: 17px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .field.image #file-name-beans {
    font-size: 12px;
    line-height: 15px;
  }
}
.bean-review-edit .field input, .bean-review-edit .field textarea, .bean-review-edit .field select {
  position: relative;
  background-color: #fff;
  border: rgba(60, 60, 60, 0.1) solid 1px;
  color: #1E1E1E;
  font-family: "Poppins", Work sans;
  height: 45px;
  font-size: 18px;
  padding: 16px 10px;
  width: 100%;
  margin-top: 10px;
  caret-color: #1E1E1E;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .field input, .bean-review-edit .field textarea, .bean-review-edit .field select {
    margin-top: 5px;
    height: 40px;
    padding: 8px 5px;
    font-size: 16px;
  }
}
.bean-review-edit .field input:focus, .bean-review-edit .field input:active, .bean-review-edit .field textarea:focus, .bean-review-edit .field textarea:active, .bean-review-edit .field select:focus, .bean-review-edit .field select:active {
  border: 1px solid #916953;
  outline: none;
}
.bean-review-edit .field input#address-shipping-remember, .bean-review-edit .field textarea#address-shipping-remember, .bean-review-edit .field select#address-shipping-remember {
  margin-top: 0;
}
.bean-review-edit .field input.read-only, .bean-review-edit .field textarea.read-only, .bean-review-edit .field select.read-only {
  background-color: #fdfdfc;
}
.bean-review-edit .field input::placeholder, .bean-review-edit .field textarea::placeholder, .bean-review-edit .field select::placeholder {
  font-size: 16px;
  color: #1E1E1E;
}
.bean-review-edit .field.checkbox:hover {
  cursor: pointer;
}
.bean-review-edit .field.checkbox label:hover {
  cursor: pointer;
}
.bean-review-edit .field.checkbox input[type=checkbox] {
  align-self: center;
  height: auto;
  width: max-content;
  margin-top: 0;
}
.bean-review-edit .field.checkbox input[type=checkbox]:focus {
  outline: none;
}
.bean-review-edit .field select {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .field select {
    padding: 0 0 0 1px;
  }
}
.bean-review-edit .field textarea {
  height: auto;
}
.bean-review-edit .field.nbm {
  margin-bottom: 0;
}
.bean-review-edit .area {
  background: #f9f8f6;
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .area {
    margin: 0 0 20px 0;
    padding: 10px 10px;
    border-radius: 5px;
  }
}
.bean-review-edit .area.read-only {
  pointer-events: none;
}
.bean-review-edit .area .field:last-child {
  margin-bottom: 0;
}
.bean-review-edit .area .field label {
  color: #1e1e1e;
  font-weight: 400;
}
.bean-review-edit span.error {
  color: #916953;
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 0;
  line-height: 16px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit span.error {
    margin: 0 0 0 0;
  }
}
.bean-review-edit .button {
  grid-column: 2;
  max-width: max-content;
  justify-self: end;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .button {
    grid-column: 1;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .button.fill {
    margin-top: 20px;
  }
}
.bean-review-edit .actions {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-review-edit .actions {
    grid-column: 1;
  }
}
.bean-review-edit .star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 35px;
}
.bean-review-edit .star-rating input[type=radio] {
  display: none;
}
.bean-review-edit .star-rating .star-label {
  color: #e6e6e8;
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: color 0.3s;
}
.bean-review-edit .star-rating .star-label:hover, .bean-review-edit .star-rating .star-label:hover ~ .star-label {
  color: #000;
}
.bean-review-edit .star-rating .star-label svg {
  fill: currentColor;
  width: 40px;
  height: 40px;
}
.bean-review-edit .star-rating #rating-1:checked ~ .star-label {
  color: #000;
}
.bean-review-edit .star-rating #rating-2:checked ~ .star-label {
  color: #000;
}
.bean-review-edit .star-rating #rating-3:checked ~ .star-label {
  color: #000;
}
.bean-review-edit .star-rating #rating-4:checked ~ .star-label {
  color: #000;
}
.bean-review-edit .star-rating #rating-5:checked ~ .star-label {
  color: #000;
}
.bean-manager {
  margin: 40px 0;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-manager {
    margin-top: 25px;
  }
}
.bean-manager .wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 16px;
}
.bean-manager .wrapper .container {
  padding: 10px;
  background: #f3f1ed;
  border-radius: 5px;
}
.bean-manager .wrapper .container .title {
  font-weight: 400;
  margin-bottom: 15px;
}
.bean-manager .wrapper .container .item {
  display: grid;
  grid-template-columns: 85% 15%;
}
.bean-manager .wrapper .container .item:not(:last-child) {
  margin-bottom: 15px;
}
.bean-manager .wrapper .container .item .key {
  margin-right: 15px;
}
.bean-manager .wrapper .container .item img {
  width: 60px;
}
.bean-manager .wrapper .container .item .actions {
  display: flex;
  justify-content: space-between;
}
.bean-manager .wrapper .container .item .actions svg {
  width: 22px;
  height: 22px;
  opacity: 0.5;
}
.bean-manager .wrapper .container .item .actions svg:hover {
  cursor: pointer;
}
.bean-manager.reviews .review-card {
  position: relative;
  background: #f3f1ed;
  padding: 15px;
  border-radius: 5px;
}
.bean-manager.reviews .review-card .item:not(:last-child) {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 107px 1fr;
}
.bean-manager.reviews .review-card .item .key {
  margin-right: 10px;
  font-weight: 400;
}
.bean-manager.reviews .review-card .item .value {
  line-height: 24px;
}
.bean-manager.reviews .review-card .item .value .images img {
  width: 100px;
  height: auto;
  border-radius: 10px;
}
.bean-manager.reviews .review-card .rating {
  display: flex;
}
.bean-manager.reviews .review-card .rating svg {
  width: 25px;
  height: 25px;
  color: #febd00;
}
.bean-manager.reviews .review-card .approve-item {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
}
.bean-manager.reviews .review-card .approve-item:hover {
  cursor: pointer;
}
.bean-manager.reviews .review-card .approve-item svg {
  width: 25px;
  height: 25px;
}
.bean-overview header {
  margin-bottom: 60px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview header {
    margin-bottom: 0;
  }
}
.bean-overview header h1 {
  margin-bottom: 25px;
}
.bean-overview header .intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview header .intro {
    flex-direction: column;
  }
}
.bean-overview header .intro p {
  max-width: 60%;
}
@media print, screen and (max-width: 80.06125em) {
  .bean-overview header .intro p {
    max-width: 80%;
  }
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .bean-overview header .intro p {
    max-width: 72%;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview header .intro p {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview header .intro .button {
    margin-bottom: 40px;
  }
}
.bean-overview .bean-card .bean-card-header {
  display: grid;
  grid-template-columns: 145px 1fr;
  height: 142px;
  padding: 5px;
  margin-bottom: 5px;
}
@media print, screen and (max-width: 109.37375em) {
  .bean-overview .bean-card .bean-card-header {
    display: grid;
    grid-template-columns: 180px 1fr;
    padding: 10px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview .bean-card .bean-card-header {
    grid-template-columns: 135px 1fr;
    height: 140px;
  }
}
.bean-overview .bean-card .bean-card-header .verified svg {
  width: 25px;
  height: 25px;
}
.bean-overview .bean-card .bean-card-header figure {
  margin-top: 0;
  width: 110px;
  height: 110px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview .bean-card .bean-card-header figure {
    width: 100px;
    height: 100px;
  }
}
.bean-overview .bean-card .bean-card-header figure img {
  max-width: 110px;
  max-height: 110px;
  padding: 15px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview .bean-card .bean-card-header figure img {
    max-width: 100px;
    max-height: 100px;
    padding: 15px;
  }
}
.bean-overview .bean-card .bean-card-header .bean-type h2 {
  margin: 15px 0;
  font-size: 26px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview .bean-card .bean-card-header .bean-type h2 {
    font-size: 24px;
  }
}
.bean-overview .bean-card .bean-card-header .bean-type .rating {
  display: flex;
}
.bean-overview .bean-card .bean-card-header .bean-type .rating svg {
  width: 22px;
  height: 22px;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview .bean-card .bean-card-header .bean-type .rating svg {
    width: 23px;
    height: 23px;
  }
}
.bean-overview .bean-card .bean-card-header .bean-type .rating svg.star {
  color: #aaa;
}
.bean-overview .bean-card .bean-card-header .bean-type .rating svg.full-star {
  color: #febd00;
}
.bean-overview .bean-card .bean-card-header .bean-type .rating svg.empty-star {
  color: #aaa;
}
.bean-overview .bean-card .bean-card-body .item {
  grid-template-columns: 125px 1fr;
}
.bean-overview .bean-card .bean-card-body .flavors {
  grid-template-columns: 125px 1fr;
}
.bean-overview .add-your-bean {
  display: grid;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 47.99875em) {
  .bean-overview .add-your-bean {
    margin-top: 50px;
  }
}
.bean-overview .add-your-bean a {
  color: #916953;
  font-weight: 300;
}
html {
  visibility: visible;
}