@charset "UTF-8";
/******************************************************
* Reset
******************************************************/
/******************************************************
* Import variables
******************************************************/
/******************************************************
* Import global style classes
******************************************************/
/* 
	This list will generally not change
	from project to project.
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Functions
******************************************************/
/******************************************************
* Functions: Units
******************************************************/
/******************************************************
* Utilities: Mixins
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Accessibility
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Breakpoints
******************************************************/
/******************************************************
* Mixins: Typography
******************************************************/
/*----- Base Styles -----*/
/*----- Named Styles -----*/
/*----- RTE Heading Type Sizes -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Layout
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Decorations
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Dropdown
******************************************************/
/******************************************************
* Mixins: Accordion
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Aspect Ratio
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Queries
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Positioning
******************************************************/
/******************************************************
* Mixins: Buttons
******************************************************/
/*----- Resets and Base Styles -----*/
/*----- Button Versions -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Mixins
******************************************************/
/******************************************************
* Mixins: Cards
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Containers
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Display
******************************************************/
/*----- SR-Only/Invisible -----*/
/*----- No-Flicker -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Drawers
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Grid
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: HTML Elements
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Links
******************************************************/
/*----- Named Link Styles -----*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Media
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Scrollbars
******************************************************/
/******************************************************
* Mixins: Modals
******************************************************/
/******************************************************
* Utilities: Main
******************************************************/
/*
	This file contains all existing variables,
	breakpoints, functions, mixins, and extends
	that can be used in the site SCSS. It should
	be used at the top of every new SCSS file, using
	the following format: 

	@use '../utilities/main' as *; 
*/
/******************************************************
* Mixins: Toggles
******************************************************/
/******************************************************
* Utilities: Mixins
******************************************************/
/******************************************************
* Base: Body
******************************************************/
html {
  opacity: 1 !important;
  -webkit-font-smoothing: antialiased;
}

/******************************************************
* Base: Buttons
******************************************************/
.btn, .button {
  --button-background: var(--button-background-primary) /
    var(--button-background-opacity, 1);
  --button-text-color: var(--button-text-primary);
  --button-outline-color: var(--button-background-primary);
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--rounded-button);
  background-color: rgb(var(--button-background));
  color: rgb(var(--button-text-color));
  text-align: center;
  font-size: var(--text-sm);
  min-height: 2.75rem;
  padding-block: var(--spacing-4);
  padding-inline: var(--spacing-10);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 16px */
  letter-spacing: 0.32px;
  text-transform: uppercase;
}

.button {
  /* Offset font spacing */
}
.button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-group {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: inline-flex;
}
.button-group > * {
  margin: 0;
}
.button--xs {
  font-size: var(--text-xs);
  min-height: 1.5625rem;
  padding-block-start: var(--spacing-2);
  padding-block-end: var(--spacing-2);
  padding-inline-start: var(--spacing-4);
  padding-inline-end: var(--spacing-4);
}
.button--sm {
  font-size: var(--text-xs);
  min-height: 2rem;
  padding-block-start: var(--spacing-3);
  padding-block-end: var(--spacing-3);
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
}
.button--lg {
  font-size: var(--text-base);
  padding-block-start: 0.8125rem;
  padding-block-end: 0.8125rem;
  padding-inline-start: var(--spacing-6);
  padding-inline-end: var(--spacing-6);
}
.button--xl {
  font-size: var(--text-base);
  padding-block-start: var(--spacing-4);
  padding-block-end: var(--spacing-4);
  padding-inline-start: var(--spacing-8);
  padding-inline-end: var(--spacing-8);
}
.button--secondary {
  --button-background: var(--button-background-secondary) /
    var(--button-background-opacity, 1);
  --button-text-color: var(--button-text-secondary);
  --button-outline-color: var(--button-background-secondary);
}
.button--subdued {
  --button-background: var(--text-color) / 0.1 !important;
  --button-text-color: var(--text-color) !important;
  --button-outline-color: var(--text-color) !important;
}
.button--outline {
  color: rgb(var(--button-outline-color)/var(--button-background-opacity, 1));
  background: none;
  box-shadow: inset 0 0 0 2px;
}
.button__text {
  display: block;
  margin-block-end: -0.1875rem;
}
.button__loader, .button__feedback {
  gap: var(--spacing-1-5);
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.button__loader > * {
  width: var(--spacing-1-5);
  height: var(--spacing-1-5);
  border-radius: var(--rounded-full);
  background: currentColor;
}

/******************************************************
* Base: Display
******************************************************/
/*----- General -----*/
.hide {
  display: none !important;
}

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

/*----- Device-Specific -----*/
.mobile-lg-only,
.mobile-lg-up,
.tablet-sm-only,
.tablet-sm-up,
.tablet-lg-only,
.tablet-lg-up,
.desktop-only,
.desktop-up,
.desktop-lg-only {
  display: none !important;
}
/******************************************************
* Base: Icons
******************************************************/
.icon-block {
  padding: var(--spacing-3);
  background: rgb(var(--background));
}
.icon-block img {
  margin-block: 0 !important;
}

/******************************************************
* Base: Images
******************************************************/
.image-icon {
  height: var(--mobile-icon-max-width, var(--icon-max-width));
  object-fit: contain;
  width: var(--mobile-icon-max-width, var(--icon-max-width));
}
.rich-text .image-icon {
  margin-block-end: 0 !important;
}

/******************************************************
* Base: Spacing
******************************************************/
.m-0 {
  margin: 0;
}

.m-0-5 {
  margin: var(--spacing-0-5);
}

.m-1 {
  margin: var(--spacing-1);
}

.m-1-5 {
  margin: var(--spacing-1-5);
}

.m-2 {
  margin: var(--spacing-2);
}

.m-2-5 {
  margin: var(--spacing-2-5);
}

.m-3 {
  margin: var(--spacing-3);
}

.m-3-5 {
  margin: var(--spacing-3-5);
}

.m-4 {
  margin: var(--spacing-4);
}

.m-4-5 {
  margin: var(--spacing-4-5);
}

.m-5 {
  margin: var(--spacing-5);
}

.m-5-5 {
  margin: var(--spacing-5-5);
}

.m-6 {
  margin: var(--spacing-6);
}

.m-6-5 {
  margin: var(--spacing-6-5);
}

.m-7 {
  margin: var(--spacing-7);
}

.m-7-5 {
  margin: var(--spacing-7-5);
}

.m-8 {
  margin: var(--spacing-8);
}

.m-8-5 {
  margin: var(--spacing-8-5);
}

.m-9 {
  margin: var(--spacing-9);
}

.m-9-5 {
  margin: var(--spacing-9-5);
}

.m-10 {
  margin: var(--spacing-10);
}

.m-11 {
  margin: var(--spacing-11);
}

.m-12 {
  margin: var(--spacing-12);
}

.m-14 {
  margin: var(--spacing-14);
}

.m-16 {
  margin: var(--spacing-16);
}

.m-18 {
  margin: var(--spacing-18);
}

.m-20 {
  margin: var(--spacing-20);
}

.m-24 {
  margin: var(--spacing-24);
}

.mx-0 {
  margin-inline: 0;
}

.mx-0-5 {
  margin-inline: var(--spacing-0-5);
}

.mx-1 {
  margin-inline: var(--spacing-1);
}

.mx-1-5 {
  margin-inline: var(--spacing-1-5);
}

.mx-2 {
  margin-inline: var(--spacing-2);
}

.mx-2-5 {
  margin-inline: var(--spacing-2-5);
}

.mx-3 {
  margin-inline: var(--spacing-3);
}

.mx-3-5 {
  margin-inline: var(--spacing-3-5);
}

.mx-4 {
  margin-inline: var(--spacing-4);
}

.mx-4-5 {
  margin-inline: var(--spacing-4-5);
}

.mx-5 {
  margin-inline: var(--spacing-5);
}

.mx-5-5 {
  margin-inline: var(--spacing-5-5);
}

.mx-6 {
  margin-inline: var(--spacing-6);
}

.mx-6-5 {
  margin-inline: var(--spacing-6-5);
}

.mx-7 {
  margin-inline: var(--spacing-7);
}

.mx-7-5 {
  margin-inline: var(--spacing-7-5);
}

.mx-8 {
  margin-inline: var(--spacing-8);
}

.mx-10 {
  margin-inline: var(--spacing-10);
}

.mx-12 {
  margin-inline: var(--spacing-12);
}

.mx-16 {
  margin-inline: var(--spacing-16);
}

.mx-20 {
  margin-inline: var(--spacing-20);
}

.mx-24 {
  margin-inline: var(--spacing-24);
}

.my-0 {
  margin-block: 0;
}

.my-0-5 {
  margin-block: var(--spacing-0-5);
}

.my-1 {
  margin-block: var(--spacing-1);
}

.my-1-5 {
  margin-block: var(--spacing-1-5);
}

.my-2 {
  margin-block: var(--spacing-2);
}

.my-2-5 {
  margin-block: var(--spacing-2-5);
}

.my-3 {
  margin-block: var(--spacing-3);
}

.my-3-5 {
  margin-block: var(--spacing-3-5);
}

.my-4 {
  margin-block: var(--spacing-4);
}

.my-4-5 {
  margin-block: var(--spacing-4-5);
}

.my-5 {
  margin-block: var(--spacing-5);
}

.my-5-5 {
  margin-block: var(--spacing-5-5);
}

.my-6 {
  margin-block: var(--spacing-6);
}

.my-6-5 {
  margin-block: var(--spacing-6-5);
}

.my-7 {
  margin-block: var(--spacing-7);
}

.my-7-5 {
  margin-block: var(--spacing-7-5);
}

.my-8 {
  margin-block: var(--spacing-8);
}

.my-10 {
  margin-block: var(--spacing-10);
}

.my-12 {
  margin-block: var(--spacing-12);
}

.my-16 {
  margin-block: var(--spacing-16);
}

.my-20 {
  margin-block: var(--spacing-20);
}

.my-24 {
  margin-block: var(--spacing-24);
}

.mt-0 {
  margin-block-start: 0;
}

.mt-0-5 {
  margin-block-start: var(--spacing-0-5);
}

.mt-1 {
  margin-block-start: var(--spacing-1);
}

.mt-1-5 {
  margin-block-start: var(--spacing-1-5);
}

.mt-2 {
  margin-block-start: var(--spacing-2);
}

.mt-2-5 {
  margin-block-start: var(--spacing-2-5);
}

.mt-3 {
  margin-block-start: var(--spacing-3);
}

.mt-3-5 {
  margin-block-start: var(--spacing-3-5);
}

.mt-4 {
  margin-block-start: var(--spacing-4);
}

.mt-4-5 {
  margin-block-start: var(--spacing-4-5);
}

.mt-5 {
  margin-block-start: var(--spacing-5);
}

.mt-5-5 {
  margin-block-start: var(--spacing-5-5);
}

.mt-6 {
  margin-block-start: var(--spacing-6);
}

.mt-6-5 {
  margin-block-start: var(--spacing-6-5);
}

.mt-7 {
  margin-block-start: var(--spacing-7);
}

.mt-7-5 {
  margin-block-start: var(--spacing-7-5);
}

.mt-8 {
  margin-block-start: var(--spacing-8);
}

.mt-10 {
  margin-block-start: var(--spacing-10);
}

.mt-12 {
  margin-block-start: var(--spacing-12);
}

.mt-16 {
  margin-block-start: var(--spacing-16);
}

.mt-20 {
  margin-block-start: var(--spacing-20);
}

.mt-24 {
  margin-block-start: var(--spacing-24);
}

.mb-0 {
  margin-block-end: 0;
}

.mb-0-5 {
  margin-block-end: var(--spacing-0-5);
}

.mb-1 {
  margin-block-end: var(--spacing-1);
}

.mb-1-5 {
  margin-block-end: var(--spacing-1-5);
}

.mb-2 {
  margin-block-end: var(--spacing-2);
}

.mb-2-5 {
  margin-block-end: var(--spacing-2-5);
}

.mb-3 {
  margin-block-end: var(--spacing-3);
}

.mb-3-5 {
  margin-block-end: var(--spacing-3-5);
}

.mb-4 {
  margin-block-end: var(--spacing-4);
}

.mb-4-5 {
  margin-block-end: var(--spacing-4-5);
}

.mb-5 {
  margin-block-end: var(--spacing-5);
}

.mb-5-5 {
  margin-block-end: var(--spacing-5-5);
}

.mb-6 {
  margin-block-end: var(--spacing-6);
}

.mb-6-5 {
  margin-block-end: var(--spacing-6-5);
}

.mb-7 {
  margin-block-end: var(--spacing-7);
}

.mb-7-5 {
  margin-block-end: var(--spacing-7-5);
}

.mb-8 {
  margin-block-end: var(--spacing-8);
}

.mb-10 {
  margin-block-end: var(--spacing-10);
}

.mb-12 {
  margin-block-end: var(--spacing-12);
}

.mb-16 {
  margin-block-end: var(--spacing-16);
}

.mb-20 {
  margin-block-end: var(--spacing-20);
}

.mb-24 {
  margin-block-end: var(--spacing-24);
}

.ms-0 {
  margin-inline-start: 0;
}

.ms-0-5 {
  margin-inline-start: var(--spacing-0-5);
}

.ms-1 {
  margin-inline-start: var(--spacing-1);
}

.ms-1-5 {
  margin-inline-start: var(--spacing-1-5);
}

.ms-2 {
  margin-inline-start: var(--spacing-2);
}

.ms-2-5 {
  margin-inline-start: var(--spacing-2-5);
}

.ms-3 {
  margin-inline-start: var(--spacing-3);
}

.ms-3-5 {
  margin-inline-start: var(--spacing-3-5);
}

.ms-4 {
  margin-inline-start: var(--spacing-4);
}

.ms-4-5 {
  margin-inline-start: var(--spacing-4-5);
}

.ms-5 {
  margin-inline-start: var(--spacing-5);
}

.ms-5-5 {
  margin-inline-start: var(--spacing-5-5);
}

.ms-6 {
  margin-inline-start: var(--spacing-6);
}

.ms-6-5 {
  margin-inline-start: var(--spacing-6-5);
}

.ms-7 {
  margin-inline-start: var(--spacing-7);
}

.ms-7-5 {
  margin-inline-start: var(--spacing-7-5);
}

.ms-8 {
  margin-inline-start: var(--spacing-8);
}

.ms-10 {
  margin-inline-start: var(--spacing-10);
}

.ms-12 {
  margin-inline-start: var(--spacing-12);
}

.ms-16 {
  margin-inline-start: var(--spacing-16);
}

.ms-20 {
  margin-inline-start: var(--spacing-20);
}

.ms-24 {
  margin-inline-start: var(--spacing-24);
}

.me-0 {
  margin-inline-end: 0;
}

.me-0-5 {
  margin-inline-end: var(--spacing-0-5);
}

.me-1 {
  margin-inline-end: var(--spacing-1);
}

.me-1-5 {
  margin-inline-end: var(--spacing-1-5);
}

.me-2 {
  margin-inline-end: var(--spacing-2);
}

.me-2-5 {
  margin-inline-end: var(--spacing-2-5);
}

.me-3 {
  margin-inline-end: var(--spacing-3);
}

.me-3-5 {
  margin-inline-end: var(--spacing-3-5);
}

.me-4 {
  margin-inline-end: var(--spacing-4);
}

.me-4-5 {
  margin-inline-end: var(--spacing-4-5);
}

.me-5 {
  margin-inline-end: var(--spacing-5);
}

.me-5-5 {
  margin-inline-end: var(--spacing-5-5);
}

.me-6 {
  margin-inline-end: var(--spacing-6);
}

.me-6-5 {
  margin-inline-end: var(--spacing-6-5);
}

.me-7 {
  margin-inline-end: var(--spacing-7);
}

.me-7-5 {
  margin-inline-end: var(--spacing-7-5);
}

.me-8 {
  margin-inline-end: var(--spacing-8);
}

.me-10 {
  margin-inline-end: var(--spacing-10);
}

.me-12 {
  margin-inline-end: var(--spacing-12);
}

.me-16 {
  margin-inline-end: var(--spacing-16);
}

.me-20 {
  margin-inline-end: var(--spacing-20);
}

.me-24 {
  margin-inline-end: var(--spacing-24);
}

.p-0 {
  padding: 0;
}

.p-0-5 {
  padding: var(--spacing-0-5);
}

.p-1 {
  padding: var(--spacing-1);
}

.p-1-5 {
  padding: var(--spacing-1-5);
}

.p-2 {
  padding: var(--spacing-2);
}

.p-2-5 {
  padding: var(--spacing-2-5);
}

.p-3 {
  padding: var(--spacing-3);
}

.p-3-5 {
  padding: var(--spacing-3-5);
}

.p-4 {
  padding: var(--spacing-4);
}

.p-4-5 {
  padding: var(--spacing-4-5);
}

.p-5 {
  padding: var(--spacing-5);
}

.p-5-5 {
  padding: var(--spacing-5-5);
}

.p-6 {
  padding: var(--spacing-6);
}

.p-6-5 {
  padding: var(--spacing-6-5);
}

.p-7 {
  padding: var(--spacing-7);
}

.p-7-5 {
  padding: var(--spacing-7-5);
}

.p-8 {
  padding: var(--spacing-8);
}

.p-10 {
  padding: var(--spacing-10);
}

.p-12 {
  padding: var(--spacing-12);
}

.p-16 {
  padding: var(--spacing-16);
}

.p-20 {
  padding: var(--spacing-20);
}

.p-24 {
  padding: var(--spacing-24);
}

.px-0 {
  padding-inline: 0;
}

.px-0-5 {
  padding-inline: var(--spacing-0-5);
}

.px-1 {
  padding-inline: var(--spacing-1);
}

.px-1-5 {
  padding-inline: var(--spacing-1-5);
}

.px-2 {
  padding-inline: var(--spacing-2);
}

.px-2-5 {
  padding-inline: var(--spacing-2-5);
}

.px-3 {
  padding-inline: var(--spacing-3);
}

.px-3-5 {
  padding-inline: var(--spacing-3-5);
}

.px-4 {
  padding-inline: var(--spacing-4);
}

.px-4-5 {
  padding-inline: var(--spacing-4-5);
}

.px-5 {
  padding-inline: var(--spacing-5);
}

.px-5-5 {
  padding-inline: var(--spacing-5-5);
}

.px-6 {
  padding-inline: var(--spacing-6);
}

.px-6-5 {
  padding-inline: var(--spacing-6-5);
}

.px-7 {
  padding-inline: var(--spacing-7);
}

.px-7-5 {
  padding-inline: var(--spacing-7-5);
}

.px-8 {
  padding-inline: var(--spacing-8);
}

.px-10 {
  padding-inline: var(--spacing-10);
}

.px-12 {
  padding-inline: var(--spacing-12);
}

.px-16 {
  padding-inline: var(--spacing-16);
}

.px-20 {
  padding-inline: var(--spacing-20);
}

.px-24 {
  padding-inline: var(--spacing-24);
}

.py-0 {
  padding-block: 0;
}

.py-0-5 {
  padding-block: var(--spacing-0-5);
}

.py-1 {
  padding-block: var(--spacing-1);
}

.py-1-5 {
  padding-block: var(--spacing-1-5);
}

.py-2 {
  padding-block: var(--spacing-2);
}

.py-2-5 {
  padding-block: var(--spacing-2-5);
}

.py-3 {
  padding-block: var(--spacing-3);
}

.py-3-5 {
  padding-block: var(--spacing-3-5);
}

.py-4 {
  padding-block: var(--spacing-4);
}

.py-4-5 {
  padding-block: var(--spacing-4-5);
}

.py-5 {
  padding-block: var(--spacing-5);
}

.py-5-5 {
  padding-block: var(--spacing-5-5);
}

.py-6 {
  padding-block: var(--spacing-6);
}

.py-6-5 {
  padding-block: var(--spacing-6-5);
}

.py-7 {
  padding-block: var(--spacing-7);
}

.py-7-5 {
  padding-block: var(--spacing-7-5);
}

.py-8 {
  padding-block: var(--spacing-8);
}

.py-10 {
  padding-block: var(--spacing-10);
}

.py-12 {
  padding-block: var(--spacing-12);
}

.py-16 {
  padding-block: var(--spacing-16);
}

.py-20 {
  padding-block: var(--spacing-20);
}

.py-24 {
  padding-block: var(--spacing-24);
}

.pt-0 {
  padding-block-start: 0;
}

.pt-0-5 {
  padding-block-start: var(--spacing-0-5);
}

.pt-1 {
  padding-block-start: var(--spacing-1);
}

.pt-1-5 {
  padding-block-start: var(--spacing-1-5);
}

.pt-2 {
  padding-block-start: var(--spacing-2);
}

.pt-2-5 {
  padding-block-start: var(--spacing-2-5);
}

.pt-3 {
  padding-block-start: var(--spacing-3);
}

.pt-3-5 {
  padding-block-start: var(--spacing-3-5);
}

.pt-4 {
  padding-block-start: var(--spacing-4);
}

.pt-4-5 {
  padding-block-start: var(--spacing-4-5);
}

.pt-5 {
  padding-block-start: var(--spacing-5);
}

.pt-5-5 {
  padding-block-start: var(--spacing-5-5);
}

.pt-6 {
  padding-block-start: var(--spacing-6);
}

.pt-6-5 {
  padding-block-start: var(--spacing-6-5);
}

.pt-7 {
  padding-block-start: var(--spacing-7);
}

.pt-7-5 {
  padding-block-start: var(--spacing-7-5);
}

.pt-8 {
  padding-block-start: var(--spacing-8);
}

.pt-10 {
  padding-block-start: var(--spacing-10);
}

.pt-12 {
  padding-block-start: var(--spacing-12);
}

.pt-16 {
  padding-block-start: var(--spacing-16);
}

.pt-20 {
  padding-block-start: var(--spacing-20);
}

.pt-24 {
  padding-block-start: var(--spacing-24);
}

.pb-0 {
  padding-block-end: 0;
}

.pb-0-5 {
  padding-block-end: var(--spacing-0-5);
}

.pb-1 {
  padding-block-end: var(--spacing-1);
}

.pb-1-5 {
  padding-block-end: var(--spacing-1-5);
}

.pb-2 {
  padding-block-end: var(--spacing-2);
}

.pb-2-5 {
  padding-block-end: var(--spacing-2-5);
}

.pb-3 {
  padding-block-end: var(--spacing-3);
}

.pb-3-5 {
  padding-block-end: var(--spacing-3-5);
}

.pb-4 {
  padding-block-end: var(--spacing-4);
}

.pb-4-5 {
  padding-block-end: var(--spacing-4-5);
}

.pb-5 {
  padding-block-end: var(--spacing-5);
}

.pb-5-5 {
  padding-block-end: var(--spacing-5-5);
}

.pb-6 {
  padding-block-end: var(--spacing-6);
}

.pb-6-5 {
  padding-block-end: var(--spacing-6-5);
}

.pb-7 {
  padding-block-end: var(--spacing-7);
}

.pb-7-5 {
  padding-block-end: var(--spacing-7-5);
}

.pb-8 {
  padding-block-end: var(--spacing-8);
}

.pb-10 {
  padding-block-end: var(--spacing-10);
}

.pb-12 {
  padding-block-end: var(--spacing-12);
}

.pb-16 {
  padding-block-end: var(--spacing-16);
}

.pb-20 {
  padding-block-end: var(--spacing-20);
}

.pb-24 {
  padding-block-end: var(--spacing-24);
}

.ps-0 {
  padding-inline-start: 0;
}

.ps-0-5 {
  padding-inline-start: var(--spacing-0-5);
}

.ps-1 {
  padding-inline-start: var(--spacing-1);
}

.ps-1-5 {
  padding-inline-start: var(--spacing-1-5);
}

.ps-2 {
  padding-inline-start: var(--spacing-2);
}

.ps-2-5 {
  padding-inline-start: var(--spacing-2-5);
}

.ps-3 {
  padding-inline-start: var(--spacing-3);
}

.ps-3-5 {
  padding-inline-start: var(--spacing-3-5);
}

.ps-4 {
  padding-inline-start: var(--spacing-4);
}

.ps-4-5 {
  padding-inline-start: var(--spacing-4-5);
}

.ps-5 {
  padding-inline-start: var(--spacing-5);
}

.ps-5-5 {
  padding-inline-start: var(--spacing-5-5);
}

.ps-6 {
  padding-inline-start: var(--spacing-6);
}

.ps-6-5 {
  padding-inline-start: var(--spacing-6-5);
}

.ps-7 {
  padding-inline-start: var(--spacing-7);
}

.ps-7-5 {
  padding-inline-start: var(--spacing-7-5);
}

.ps-8 {
  padding-inline-start: var(--spacing-8);
}

.ps-10 {
  padding-inline-start: var(--spacing-10);
}

.ps-12 {
  padding-inline-start: var(--spacing-12);
}

.ps-16 {
  padding-inline-start: var(--spacing-16);
}

.ps-20 {
  padding-inline-start: var(--spacing-20);
}

.ps-24 {
  padding-inline-start: var(--spacing-24);
}

.pe-0 {
  padding-inline-end: 0;
}

.pe-0-5 {
  padding-inline-end: var(--spacing-0-5);
}

.pe-1 {
  padding-inline-end: var(--spacing-1);
}

.pe-1-5 {
  padding-inline-end: var(--spacing-1-5);
}

.pe-2 {
  padding-inline-end: var(--spacing-2);
}

.pe-2-5 {
  padding-inline-end: var(--spacing-2-5);
}

.pe-3 {
  padding-inline-end: var(--spacing-3);
}

.pe-3-5 {
  padding-inline-end: var(--spacing-3-5);
}

.pe-4 {
  padding-inline-end: var(--spacing-4);
}

.pe-4-5 {
  padding-inline-end: var(--spacing-4-5);
}

.pe-5 {
  padding-inline-end: var(--spacing-5);
}

.pe-5-5 {
  padding-inline-end: var(--spacing-5-5);
}

.pe-6 {
  padding-inline-end: var(--spacing-6);
}

.pe-6-5 {
  padding-inline-end: var(--spacing-6-5);
}

.pe-7 {
  padding-inline-end: var(--spacing-7);
}

.pe-7-5 {
  padding-inline-end: var(--spacing-7-5);
}

.pe-8 {
  padding-inline-end: var(--spacing-8);
}

.pe-10 {
  padding-inline-end: var(--spacing-10);
}

.pe-12 {
  padding-inline-end: var(--spacing-12);
}

.pe-16 {
  padding-inline-end: var(--spacing-16);
}

.pe-20 {
  padding-inline-end: var(--spacing-20);
}

.pe-24 {
  padding-inline-end: var(--spacing-24);
}

/******************************************************
* Base: Responsive Spacing
******************************************************/
/******************************************************
* Base: Section
******************************************************/
.section {
  --context-section-spacing-block-start: var(--section-outer-spacing-block);
  --context-section-spacing-block-end: var(--section-outer-spacing-block);
  --context-section-spacing-inline: var(--container-gutter);
  --calculated-section-spacing-block-start: var(
    --section-spacing-block-start,
    var(--section-spacing-block, var(--context-section-spacing-block-start))
  );
  --calculated-section-spacing-block-end: var(
    --section-spacing-block-end,
    var(--section-spacing-block, var(--context-section-spacing-block-end))
  );
  --calculated-section-spacing-inline: var(
    --section-spacing-inline,
    var(--context-section-spacing-inline)
  );
  --container-inner-width: min(
    (100vw - var(--scrollbar-width, 0px)) -
      var(--calculated-section-spacing-inline, 0px) * 2,
    var(--container-max-width)
  );
  --container-outer-width: calc(
    ((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) /
      2
  );
  --section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px);
  padding-inline-start: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
  padding-inline-end: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
  padding-block-start: calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));
  padding-block-end: var(--calculated-section-spacing-block-end);
}
.section--tight {
  --calculated-section-spacing-block-start: min(
    48px,
    var(
      --section-spacing-block-start,
      var(--section-spacing-block, var(--context-section-spacing-block-start))
    )
  );
  --calculated-section-spacing-block-end: min(
    48px,
    var(
      --section-spacing-block-end,
      var(--section-spacing-block, var(--context-section-spacing-block-end))
    )
  );
  --calculated-section-spacing-inline: min(
    48px,
    var(--section-spacing-inline, var(--context-section-spacing-inline))
  );
}
.section--narrow {
  --container-max-width: var(--container-narrow-max-width);
}
.section--background-image, .section--block-padding {
  padding-block: var(--calculated-section-spacing-block-end);
}
.section--collapse-default-spacing {
  padding-block: 0;
}
.section-header {
  gap: var(--spacing-4);
  justify-items: start;
  display: grid;
}
.section-stack {
  gap: var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px);
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}
/******************************************************
* Base: Badge
******************************************************/
.badge {
  --badge-background: var(--text-color) / 0.05;
  --badge-color: var(--text-color);
  align-items: center;
  gap: var(--spacing-1-5);
  padding: var(--spacing-2) var(--spacing-3);
  background: rgb(var(--badge-background));
  width: max-content;
  color: rgb(var(--badge-color));
  border-radius: var(--rounded-button);
  display: flex;
  font-family: var(--fonts-text-font-numbers, "Space Grotesk");
  font-size: var(--text-xs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.badge-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.badge--primary {
  --badge-background: var(--primary-badge-background);
  --badge-color: var(--primary-badge-text);
}
.badge--sold-out {
  --badge-background: var(--sold-out-badge-background);
  --badge-color: var(--sold-out-badge-text);
}
.badge--on-sale {
  --badge-background: var(--on-sale-badge-background);
  --badge-color: var(--on-sale-badge-text);
}
.badge--current {
  --badge-background: var(--text-color) / 0.12;
  --badge-color: var(--text-color);
}
.badge--lg {
  padding: var(--spacing-1) var(--spacing-3);
  font-size: var(--text-sm);
}
.badge__text {
  margin-block-end: -0.0625rem;
}

/******************************************************
* Base: Price
******************************************************/
.price-range {
  gap: 24px;
  padding-block-start: 4px;
  display: grid;
}

.price-range--inline {
  padding: var(--spacing-1);
  grid-template-columns: minmax(110px, auto) 380px minmax(110px, auto);
  align-items: center;
}
.price-list {
  align-items: baseline;
  gap: var(--spacing-0-5) var(--spacing-2);
  flex-wrap: wrap;
  display: flex;
}
.price-list--lg {
  gap: var(--spacing-3);
}

/******************************************************
* Base: Typography
******************************************************/
.prose ol,
.list-decimal {
  list-style: inside decimal;
}

.prose ul,
.list-disc {
  list-style: inside;
}

.prose :is(ol, ul) :is(ol, ul) {
  margin-block-start: 1em;
  margin-inline-start: 1em;
}

.prose > :first-child,
.prose > :first-child :first-child {
  margin-block-start: 0 !important;
}

.prose > :last-child,
.prose > :last-child :last-child {
  margin-block-end: 0 !important;
}

.prose * + :is(p, div, ul, ol) {
  margin-block-start: var(--spacing-3);
}

.prose * + :is(.h0, .h1, .h2, h1, h2) {
  margin-block-start: var(--spacing-4);
}

.prose * + :is(.h3, .h4, .h5, .h6, h3, h4, h5, h6) {
  margin-block-start: var(--spacing-3);
}

.prose * + .button {
  margin-block-start: var(--spacing-6) !important;
}

.prose * + span:not(:empty, .metafield-multi_line_text_field) {
  display: inline-block;
}

.prose :is(.h0, .h1, .h2, .h3, .h4, h1, h2, h3, h4) + * {
  margin-block-start: var(--spacing-5);
}

.prose :is(.h5, .h6, h5, h6) + * {
  margin-block-start: var(--spacing-4);
}

.prose :is(p img:not([style*=float]):only-child,
div img:not([style*=float]):only-child,
figure,
video) {
  margin-block: var(--spacing-8);
}

.prose figcaption {
  font-style: italic;
  font-size: var(--text-sm);
  color: rgb(var(--text-color)/0.7);
  margin-block-start: 0.5em;
}

.prose ul,
.prose ol {
  row-gap: 0.6em;
  display: grid;
}

.prose br {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.prose :is(iframe[src*=youtube], iframe[src*="youtu.be"], iframe[src*=vimeo]) {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.link {
  text-decoration: underline;
}

.prose a:not(.button) {
  text-decoration: underline;
}

@supports (height: 1lh) {
  :is(.link, .prose a:not(.button)) {
    text-decoration: underline;
  }
}
.reversed-link {
  text-underline: none;
  background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em)/0 1px no-repeat;
  transition: background-size 0.3s ease-in-out;
}

@supports (height: 1lh) {
  .reversed-link {
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.2lh)/0 1px no-repeat;
  }
}
.link-faded {
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}
.link-faded-reverse {
  transition: opacity 0.2s ease-in-out;
}
p {
  line-height: 140%; /* 19.6px */
}

.bold {
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.text-xxs {
  font-size: 10px;
  line-height: 1.7;
}

.text-xs {
  font-size: var(--text-xs);
  line-height: 1.7;
}

.text-sm {
  font-size: var(--text-sm);
  line-height: 1.6;
}

.text-base {
  font-size: var(--text-base);
  line-height: 1.6;
}

.text-lg {
  font-size: var(--text-lg);
  line-height: 1.6;
}

.subheading {
  font-weight: normal;
  letter-spacing: 0.48px;
}

.heading,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.prose :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: var(--heading-letter-spacing);
  text-transform: var(--heading-text-transform);
  overflow-wrap: anywhere;
}

.h0 {
  font-size: var(--text-h0);
  line-height: 1;
}

.h1,
.prose h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h1);
  line-height: 1.1;
}

.h2,
.prose h2:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h2);
  line-height: 1.1;
}

.h3,
.prose h3:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h3);
  line-height: 1.2;
}

.h4,
.prose h4:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h4);
  line-height: 1.3;
}

.h5,
.prose h5:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h5);
  line-height: 1.4;
}

.h6,
.prose h6:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-size: var(--text-h6);
  line-height: 1.4;
}
.line-through {
  text-decoration: line-through;
}

.break-all {
  overflow-wrap: anywhere;
}

.hyphenate {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.truncate-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.line-clamp {
  -webkit-line-clamp: var(--line-clamp-count, 2);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.blockquote,
.prose blockquote {
  --quote-width: 51px;
  --quote-height: 37px;
  --quote-inset-block-start: calc(var(--spacing-5) * -1);
  --quote-inset-inline-start: var(--spacing-1);
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
  position: relative;
}

:is(.blockquote, .prose blockquote):before {
  content: "";
  width: var(--quote-width);
  height: var(--quote-height);
  background: rgb(var(--text-color)/0.1);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: var(--quote-width) var(--quote-height);
  mask-size: var(--quote-width) var(--quote-height);
  position: absolute;
  top: var(--quote-inset-block-start);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:is(.blockquote, .prose blockquote):not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)):before {
  left: var(--quote-inset-inline-start);
}

:is(.blockquote, .prose blockquote):is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)):before {
  right: var(--quote-inset-inline-start);
}

.blockquote {
  margin-block-start: var(--spacing-5);
}

.prose blockquote {
  --quote-inset-block-start: calc(var(--spacing-4) * -1);
  --quote-inset-inline-start: calc(50% - (var(--quote-width) / 2));
  text-align: center;
  font-size: var(--text-h3);
  margin-block-start: var(--spacing-14);
  margin-block-end: var(--spacing-10);
  line-height: 1.2;
}
.blockquote,
.prose blockquote {
  --quote-width: 51px;
  --quote-height: 37px;
  --quote-inset-block-start: calc(var(--spacing-5) * -1);
  --quote-inset-inline-start: var(--spacing-1);
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
  position: relative;
}

:is(.blockquote, .prose blockquote):before {
  content: "";
  width: var(--quote-width);
  height: var(--quote-height);
  background: rgb(var(--text-color)/0.1);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='86' height='55' viewBox='0 0 86 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.3163 54.6H42.5163L60.3163 0.400024H85.5163L71.3163 54.6ZM29.3163 54.6H0.716309L18.9163 0.400024H44.1163L29.3163 54.6Z' fill='%23252627'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: var(--quote-width) var(--quote-height);
  mask-size: var(--quote-width) var(--quote-height);
  position: absolute;
  top: var(--quote-inset-block-start);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:is(.blockquote, .prose blockquote):not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)):before {
  left: var(--quote-inset-inline-start);
}

:is(.blockquote, .prose blockquote):is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)):before {
  right: var(--quote-inset-inline-start);
}

.blockquote {
  margin-block-start: var(--spacing-5);
}

.prose blockquote {
  --quote-inset-block-start: calc(var(--spacing-4) * -1);
  --quote-inset-inline-start: calc(50% - (var(--quote-width) / 2));
  text-align: center;
  font-size: var(--text-h3);
  margin-block-start: var(--spacing-14);
  margin-block-end: var(--spacing-10);
  line-height: 1.2;
}
/******************************************************
* Import global classes for universal components/sections
******************************************************/
/*
	Styles added here should only be for global
	elements that are seen above the fold or are
	absolutely neccessary to the entire site.
*/
/******************************************************
* Sections: Header
******************************************************/
.header {
  --background: var(--header-background);
  --text-color: var(--header-text);
  --header-part-gap: var(--spacing-3);
  --header-icon-list-spacing: var(--spacing-4);
  --header-link-list-spacing: var(--spacing-6);
  --header-logo-opacity: 1;
  will-change: transform;
  margin-inline-start: auto;
  margin-inline-end: auto;
  transition: background 0.25s;
  display: block;
}
.header[allow-transparency] {
  transition: color 0.25s, background 0.25s, -webkit-backdrop-filter 0.25s, backdrop-filter 0.25s;
}
.header[allow-transparency]:not(.is-filled) {
  --header-background-opacity: 0;
  --header-logo-opacity: 0;
  --header-background-blur-radius: 0px;
  --text-color: var(--header-transparent-text-color);
}
.header[allow-transparency] .header__logo-image {
  transition: opacity 0.25s;
}
.header__wrapper {
  grid-template: var(--header-grid-template);
  align-items: center;
  gap: var(--header-part-gap);
  padding: var(--header-padding-block) max(var(--container-gutter), 50% - var(--container-max-width) / 2);
  color: rgb(var(--text-color));
  background: rgb(var(--background)/var(--header-background-opacity));
  -webkit-backdrop-filter: blur(var(--header-background-blur-radius));
  backdrop-filter: blur(var(--header-background-blur-radius));
  border-radius: inherit;
  transition: inherit;
  display: grid;
}
.header__logo {
  grid-area: logo;
  max-width: max-content;
  display: block;
  position: relative;
}
.header__logo-image {
  width: var(--header-logo-width);
  height: auto;
  opacity: var(--header-logo-opacity, 1);
}
.header__logo-image--transparent {
  opacity: calc(1 - var(--header-logo-opacity));
  position: absolute;
  top: 0;
}
.header__logo-image--transparent:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: 0;
}
.header__logo-image--transparent:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: 0;
}
.header__logo-image:not(.header__logo-image--transparent):last-child {
  --header-logo-opacity: 1;
}
.header__logo-text {
  max-width: min(50vw, 350px);
  display: block;
}
.header__main-nav {
  grid-area: main-nav;
}
.header__secondary-nav {
  justify-content: flex-end;
  justify-self: end;
  align-items: center;
  gap: var(--spacing-3) var(--header-part-gap);
  flex-wrap: wrap;
  grid-area: secondary-nav;
  display: flex;
}
.header__link-list {
  display: none;
}
.header__link-list .icon-chevron-bottom {
  position: relative;
  top: 1px;
}
.header__link-list details[open] .icon-chevron-bottom {
  transform: rotate(180deg);
}
.header__icon-list {
  align-items: center;
  gap: var(--header-icon-list-spacing);
  display: flex;
}
.header__cart-count {
  top: -0.3125rem;
  position: absolute;
}
.header__cart-count:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: 0.875rem;
}
.header__cart-count:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: 0.875rem;
}

@supports selector(:has(> *)) {
  :has(.shopify-section:first-child [allow-transparent-header]) .header:not(.is-filled) {
    --header-background-opacity: 0;
    --header-logo-opacity: 0;
    --text-color: var(--header-transparent-text-color);
  }
  :has(.shopify-section:first-child [allow-transparent-header]) .shopify-section--header:not(:has(.header.is-filled)) {
    position: relative !important;
    top: 0 !important;
  }
  .header:has([open]) {
    --header-background-opacity: 1;
  }
}
/******************************************************
* Globals: Footer
******************************************************/
.footer {
  --background: var(--footer-background);
  --text-color: var(--footer-text);
  --footer-padding-block: var(--spacing-12);
  --footer-part-gap: var(--spacing-10);
  --footer-block-list-gap: var(--spacing-10);
  --footer-block-gap: var(--spacing-4);
  --footer-aside-gap: var(--spacing-10);
  background: rgb(var(--background));
  color: rgb(var(--text-color));
  padding-block-start: var(--footer-padding-block);
  padding-block-end: var(--footer-padding-block);
}
.footer__wrapper {
  gap: var(--footer-part-gap);
  display: grid;
}
.footer__block-list {
  gap: var(--footer-block-list-gap);
  align-items: start;
  justify-content: var(--footer-block-list-justify-content, start);
  grid: auto-flow dense/repeat(2, minmax(0, 1fr));
  display: grid;
}
.footer__block {
  gap: var(--footer-block-gap);
  display: grid;
}
.footer__block--text, .footer__block--newsletter, .footer__block--app {
  grid-column: span 2;
}
.footer__block--newsletter {
  gap: var(--spacing-8);
  display: grid;
}
.footer__block--newsletter .floating-label {
  opacity: 1;
}
.footer__block--newsletter .circle-chevron {
  background: rgb(var(--brand-colors-brand-secondary));
}
.footer__block--newsletter .circle-chevron svg {
  color: rgb(var(--text-primary));
}
.footer__block--newsletter input {
  border-color: rgb(var(--text-color));
}
.footer__block--menu {
  max-width: 250px;
}
.footer__aside {
  gap: var(--footer-aside-gap);
  display: grid;
}
.footer__aside-top, .footer__aside-bottom {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-8);
  display: grid;
}
.footer__policy-links {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}
.footer__policy-links li + li:before {
  content: "•";
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.5rem;
  font-size: 0.75rem;
}

/******************************************************
* Globals: Dropdown Menu
******************************************************/
.dropdown-menu {
  gap: var(--spacing-3);
  width: max-content;
  max-width: 350px;
  padding: var(--spacing-5) var(--spacing-7);
  background: rgb(var(--header-background));
  color: rgb(var(--header-text));
  border-radius: var(--rounded-sm);
  opacity: 0;
  box-shadow: var(--shadow), 0 0 0 1px rgb(var(--text-color)/0.12);
  z-index: 1;
  display: grid;
  position: absolute;
  top: calc(100% + var(--spacing-4-5));
}
.dropdown-menu:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: calc(-1 * var(--spacing-4));
}
.dropdown-menu:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: calc(-1 * var(--spacing-4));
}
.dropdown-menu:before {
  content: "";
  width: 100%;
  height: var(--spacing-4-5);
  position: absolute;
  bottom: 100%;
}
.dropdown-menu--restrictable {
  max-height: 80vh;
  overflow-y: auto;
}
.dropdown-menu .dropdown-menu {
  top: calc(-1 * var(--spacing-5));
}
.dropdown-menu .dropdown-menu:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: calc(100% + var(--spacing-7));
}
.dropdown-menu .dropdown-menu:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: calc(100% + var(--spacing-7));
}
.dropdown-menu__item {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-6);
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
  display: flex;
}

[open] > .dropdown-menu__item,
.dropdown-menu__item:hover {
  opacity: 1;
}

/******************************************************
* Globals: Mega Menu
******************************************************/
.mega-menu {
  --mega-menu-block-padding: var(--spacing-12);
  --mega-menu-gap: var(--spacing-12);
  --mega-menu-nav-column-gap: var(--spacing-8);
  gap: var(--mega-menu-gap);
  justify-content: var(--mega-menu-justify-content);
  width: 100%;
  padding: 0 max(var(--container-gutter), 50% - var(--container-max-width) / 2) var(--mega-menu-block-padding);
  max-height: calc(100vh - var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) - var(--header-height, 0px) - 20px);
  overscroll-behavior-y: contain;
  opacity: 0;
  background: rgb(var(--header-background));
  color: rgb(var(--header-text));
  mix-blend-mode: plus-lighter;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 100%;
  overflow: hidden auto;
  justify-content: space-between;
  box-shadow: 0 9999px 0 9999px rgba(0, 0, 0, 0.4);
  border-radius: 0 0 2rem 2rem;
}
.mega-menu:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: 0;
}
.mega-menu:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: 0;
}
.mega-menu__promo-carousel {
  max-width: 300px;
  position: relative;
}
.mega-menu__carousel {
  grid: auto/auto-flow 45vw;
  display: grid;
}
.mega-menu__nav {
  max-width: max-content;
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  padding-block: 0.5rem;
}
.mega-menu__nav .h5 {
  line-height: 1;
}
.mega-menu__nav > li {
  width: var(--mega-menu-nav-column-max-width);
}
.mega-menu__nav-link, .mega-menu__nav-link.h5 {
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 26.4px */
  letter-spacing: -0.44px;
}

/******************************************************
* Globals: Navigation Drawer
******************************************************/
.navigation-drawer {
  --panel-link-image-size: var(--spacing-12);
  --navigation-drawer-width: 100vw;
  width: var(--navigation-drawer-width);
}
.navigation-drawer.drawer {
  --drawer-body-padding: 1.25rem;
}
.navigation-drawer::part(body) {
  gap: var(--spacing-6);
  grid-template-rows: minmax(0, 1fr);
  padding: 0;
  display: grid;
  overflow-y: hidden;
}
.navigation-drawer::part(content) {
  grid-template-rows: minmax(0, 1fr);
  min-height: 70vh;
  display: grid;
}
.navigation-drawer .panel__scroller {
  align-content: flex-start;
  height: 100%;
  overflow-y: auto;
}
.navigation-drawer > [is=close-button] {
  margin-inline-start: var(--drawer-body-padding);
  width: var(--spacing-10);
  height: var(--spacing-10);
  border-radius: var(--rounded-full);
  border-width: 1px;
  place-items: center;
  position: static;
}
.navigation-drawer[mobile-opening=bottom] .panel__scroller {
  margin-block-start: calc(var(--drawer-body-padding) * -1);
  padding-block-start: var(--drawer-body-padding);
}
.navigation-drawer[mobile-opening=left] {
  height: 100%;
}
.navigation-drawer[mobile-opening=left]::part(body) {
  grid-template-rows: auto minmax(0, 1fr);
  padding-block-start: var(--drawer-body-padding);
}
.navigation-drawer[mobile-opening=left] > [is=close-button] {
  display: grid;
}
.navigation-drawer[mobile-opening=left] .panel__wrapper {
  padding-block-start: 0;
}

/******************************************************
* Globals: Navigation Promo
******************************************************/
.navigation-promo {
  grid: var(--navigation-promo-grid);
  align-content: start;
  align-items: start;
  gap: var(--navigation-promo-gap);
  display: grid;
}
.navigation-promo .product-card {
  padding: 0;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}
.navigation-promo .product-card.content-over-media:before {
  z-index: 2;
}
.navigation-promo .product-card__title {
  font-size: var(--promo-heading-font-size);
  line-height: 100%;
}
.navigation-promo .product-card__title-wrapper {
  padding: var(--content-over-media-row-gap, var(--content-over-media-gap, var(--container-gutter)));
}
.navigation-promo .product-card__info {
  position: absolute;
  font-size: var(--promo-heading-font-size);
  line-height: 100%;
  bottom: 0;
  text-align: left;
}
.navigation-promo .product-card__figure {
  margin: 0;
}
.navigation-promo .product-card__quick-buy {
  display: none;
}
.navigation-promo .product-card__info {
  padding: 0;
  z-index: 2;
}
.navigation-promo .product-card__image {
  border-radius: 0;
}
.mega-menu .navigation-promo__wrapper {
  flex: 1;
  max-width: max-content;
}
.navigation-promo .content-over-media {
  aspect-ratio: 1/1;
}
.navigation-promo__carousel-controls {
  gap: var(--spacing-2);
  color: rgb(var(--text-color));
  z-index: 1;
  transition: color 0.2s ease-in-out;
  display: flex;
  position: absolute;
}
.navigation-promo__carousel-controls:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: var(--content-over-media-column-gap);
}
.navigation-promo__carousel-controls:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: var(--content-over-media-column-gap);
}
.navigation-promo__wrapper {
  width: 100%;
}

/******************************************************
* Globals: Panel
******************************************************/
.panel {
  gap: var(--spacing-8);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.panel__list-item {
  padding-block: 0.75rem;
}
.panel__list-item--button {
  padding-block: 0rem;
}
.panel__list-item--back {
  border-bottom: 1px solid var(--brand-colors-brand-neutral, #ddcdbf);
}
.panel .button {
  display: flex;
  height: 3.75rem;
  min-height: 3.75rem;
  padding: 1rem 1.25rem;
  align-items: center;
  align-self: stretch;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.44px;
  text-transform: capitalize;
  justify-content: space-between;
}
.panel .circle-chevron {
  background: rgb(var(--brand-colors-brand-secondary));
}
.panel .circle-chevron svg {
  color: rgb(var(--header-text));
}
.panel + .panel {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
}
.panel__wrapper {
  justify-content: var(--panel-wrapper-justify-content, space-between);
  gap: var(--spacing-6);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-y: auto;
}
.panel__wrapper--has-links {
  justify-content: space-between;
}

.panel-list__wrapper {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.panel-footer {
  background-color: rgb(var(--background));
}
.panel-footer__localization-wrapper {
  padding-block-start: var(--spacing-4);
}
.panel-footer__account-link:not(:only-child) {
  margin-inline-start: auto;
}

.panel-link__image {
  min-width: var(--panel-link-image-size);
  width: var(--panel-link-image-size);
  height: var(--panel-link-image-size);
  object-fit: contain;
}

/******************************************************
* Globals: Count Bubble
******************************************************/
.count-bubble {
  --size: var(--spacing-4);
  width: var(--size);
  height: var(--size);
  min-width: min-content;
  border-radius: var(--rounded-full);
  background: rgb(var(--brand-colors-brand-secondary));
  color: rgb(var(--text-primary));
  place-items: center;
  padding-inline-start: var(--spacing-1);
  padding-inline-end: var(--spacing-1);
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  display: grid;
}
.count-bubble--md, .count-bubble--lg {
  --size: var(--spacing-5);
  font-size: var(--text-xs);
}
.count-bubble__count {
  margin-block-end: -0.0625rem;
}

.text-with-bubble {
  position: relative;
}
.text-with-bubble > .count-bubble {
  margin-inline-start: var(--spacing-2);
  position: absolute;
  top: 0;
}
.text-with-bubble > .count-bubble:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: 100%;
}
.text-with-bubble > .count-bubble:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: 100%;
}

/******************************************************
* Project-Specific Global Components
******************************************************/
/*
	This will likely change per-project,
	so add or remove components here as needed.
	Componenets should only be added here if they are
	universal and seen above-the fold, or are absolutely
	neccessary to the entire site.
*/
/******************************************************
* Components: Size Chart
******************************************************/
.c-size-chart__table-container {
  border-radius: var(--rounded-md);
  max-width: 100%;
  outline: 1px solid rgb(var(--brand-colors-brand-accent));
  outline-offset: -1px;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.c-size-chart__table {
  white-space: nowrap;
  width: 100%;
}
.c-size-chart__table * {
  border-color: rgb(var(--brand-colors-brand-accent));
  border-width: 1px;
}
.c-size-chart__table-header {
  background-color: rgb(var(--brand-colors-brand-accent-lt));
}
.c-size-chart th,
.c-size-chart td {
  font-size: var(--text-base, 16px);
  font-style: normal;
  font-weight: 400;
  padding: 8px;
  text-align: center;
}
.c-size-chart th {
  line-height: 120%; /* 19.2px */
}
.c-size-chart td {
  line-height: 140%; /* 22.4px */
}
.c-size-chart thead th {
  padding: 0.5rem;
}
.c-size-chart table:not(.table--bordered) :is(th, td):first-child {
  padding: 0.5rem;
}
.c-size-chart tbody tr:nth-child(even) {
  background: rgba(229, 240, 251, 0.25);
}
.c-size-chart__image {
  height: auto;
  max-width: 25rem;
  width: 80vw;
}

/******************************************************
* Components: Size Guide Steps
******************************************************/
.c-size-guide-steps__title {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 32px */
  letter-spacing: -0.64px;
  padding-block-end: 1.5rem;
}
.c-size-guide-steps__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0;
}
.c-size-guide-steps__item {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 1rem;
}
.c-size-guide-steps__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-size-guide-steps__step-title {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.36px;
  line-height: 120%; /* 21.6px */
}
.c-size-guide-steps__step-description {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.c-size-guide-steps__number {
  align-items: center;
  background: rgb(var(--brand-colors-brand-secondary));
  border-radius: 3.375rem;
  display: flex;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  height: 3rem;
  justify-content: center;
  line-height: 120%;
  letter-spacing: -0.48px;
  width: 3rem;
  padding: 1.125rem;
}

/******************************************************
* Components: Size Guide
******************************************************/
.c-size-guide {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.c-size-guide-drawer.drawer::part(body) {
  display: block;
  --drawer-body-padding: 2rem 1.25rem 1.25rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--brand-colors-brand-primary)) transparent;
}
.c-size-guide-drawer.drawer::part(body)::-webkit-scrollbar {
  width: 0.25rem;
}
.c-size-guide-drawer.drawer::part(body)::-webkit-scrollbar-track {
  background: transparent;
}
.c-size-guide-drawer.drawer::part(body)::-webkit-scrollbar-thumb {
  background-color: rgba(var(--brand-colors-brand-primary));
  border-radius: 0.125rem;
}
.c-size-guide-drawer.drawer::part(body)::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--brand-colors-brand-primary));
}
.c-size-guide-drawer__header {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  top: 0;
  width: 100%;
}
.c-size-guide-drawer__close-button {
  position: absolute;
  top: -2rem;
  right: -1.25rem;
}
.c-size-guide-drawer svg.icon-close {
  height: 2rem;
  width: 2rem;
}
.c-size-guide__header {
  display: flex;
  gap: 0.75rem;
  flex-direction: column;
}
.c-size-guide__title {
  letter-spacing: -0.8px;
  line-height: 100%;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
}
.c-size-guide__chart-container, .c-size-guide__steps-container {
  display: flex;
  flex-direction: column;
}
.c-size-guide__chart-container {
  gap: 0.75rem;
}
.c-size-guide__steps-container {
  gap: 1.5rem;
}
.c-size-guide__tabs.tabs-inner {
  gap: 1.5rem;
}
.c-size-guide .tabs-nav__button {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.48px;
  line-height: 100%; /* 24px */
}

/******************************************************
* Components: Tabs
******************************************************/
.tabs {
  --tabs-underline-height: 0.375rem;
  display: grid;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-width: var(--tabs-max-width);
}
.tabs-inner {
  display: grid;
  gap: var(--spacing-10);
}
.tabs-inner::part(tab-list) {
  align-items: end;
  box-shadow: inset 0 -2px rgb(var(--text-color)/0.1);
  display: grid;
  grid: auto/auto-flow 1fr;
  position: relative;
}
.tabs-inner::part(tab-list):after {
  background: rgb(var(--text-color));
  border-radius: calc(var(--tabs-underline-height) / 2);
  bottom: -2px;
  content: "";
  height: var(--tabs-underline-height);
  width: calc(100% / var(--item-count));
  transform: translateX(calc(var(--selected-index) * var(--transform-logical-flip) * 100%));
  transition: transform 0.3s;
  position: absolute;
}
.tabs-inner::part(tab-list):not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)):after {
  left: 0;
}
.tabs-inner::part(tab-list):is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)):after {
  right: 0;
}
.tabs-nav__button {
  font-size: var(--text-h3, 24px);
  font-style: normal;
  font-weight: 400;
  padding-block-end: var(--spacing-6);
  padding-block-start: var(--spacing-6);
  line-height: 100%; /* 24px */
  transition: color 0.2s ease-in-out;
  letter-spacing: -0.48px;
}
.tabs-nav__button[aria-selected=true] {
  color: rgb(var(--text-color));
}
/******************************************************
* Apps: Junip Product Summary
******************************************************/
.junip-product-summary--custom-wrapper {
  margin-inline-start: auto;
}
.junip-product-summary--custom-wrapper .junip-product-summary-stars-wrapper {
  display: none;
}
.junip-product-summary--custom-wrapper .rating {
  pointer-events: none;
}

/******************************************************
* Apps: Junip Product Review
******************************************************/
.junip-product-review {
  --junipPrimaryColor: rgba(var(--brand-colors-brand-primary));
  --junipStarColor: rgba(var(--brand-colors-brand-primary));
  --junipButtonTextColor: #fff;
  --junipBorderColor: rgba(var(--brand-colors-brand-accent));
  display: block;
  border-radius: 1rem;
  border: 1px solid rgba(var(--brand-colors-brand-accent, #88b1e8));
  background-color: rgba(var(--brand-colors-brand-accent-lt, #e5f0fb));
  margin-block: 1.25rem;
}
.junip-product-review .junip-separator {
  height: 0.1875rem;
}
.junip-product-review .junip-select {
  border: 1px solid var(--junipPrimaryColor);
}
.junip-product-review .junip-product-review-bar {
  background-color: transparent;
  border: 1px solid var(--junipPrimaryColor);
}
.junip-product-review .junip-product-review-container {
  padding-block: 2rem;
}
.junip-product-review .junip-product-review-container.junip-button-border-radius-rounded .junip-btn,
.junip-product-review .junip-product-review-container.junip-button-border-radius-rounded .junip-btn-sm {
  border-radius: var(--rounded-button);
}
.junip-product-review .junip-product-review-container > .junip-separator {
  display: none;
}
.junip-product-review .junip-product-review-title {
  font-family: var(--fonts-text-font-family, "Edu Favorit");
  font-size: var(--text-base, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14px */
}
.junip-product-review .junip-btn,
.junip-product-review .junip-btn-sm,
.junip-product-review .junip-btn.junip-btn-sm {
  --button-background: var(--button-background-primary) /
    var(--button-background-opacity, 1);
  --button-text-color: var(--button-text-primary);
  --button-outline-color: var(--button-background-primary);
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--rounded-button);
  background-color: rgb(var(--button-background));
  color: rgb(var(--button-text-color));
  text-align: center;
  font-size: var(--text-sm);
  min-height: 2.75rem;
  padding-block: var(--spacing-4);
  padding-inline: var(--spacing-10);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 16px */
  letter-spacing: 0.32px;
  text-transform: uppercase;
}
.junip-product-review .junip-see-more,
.junip-product-review .junip-see-more.junip-btn.junip-btn-sm {
  display: flex;
  margin-block-start: 1.5rem;
}

/******************************************************
* Components: Product List
******************************************************/
.product-list {
  grid: var(--product-list-grid);
  gap: var(--product-list-gap);
  scroll-padding-top: calc(var(--sticky-area-height) + 20px);
  display: grid;
  position: relative;
}
.product-list__promo {
  grid-column: var(--product-list-promo-grid-column, span 2);
  min-height: 200px;
  display: grid;
}

/******************************************************
* Components: Product Card
******************************************************/
.product-card {
  --product-card-badge-spacing: var(--spacing-2);
  --product-card-info-padding: var(--spacing-4);
  --product-card-quick-buy-inset: var(--spacing-2);
  border-radius: var(--rounded-sm);
  isolation: isolate;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  align-items: start;
  display: grid;
  position: relative;
  overflow: hidden;
}
.product-card__figure {
  display: block;
  position: relative;
}
.product-card__badge-list {
  gap: var(--spacing-2);
  pointer-events: none;
  z-index: 5;
  display: grid;
  position: absolute;
  top: var(--product-card-badge-spacing);
}
.product-card__badge-list:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: var(--product-card-badge-spacing);
}
.product-card__badge-list:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: var(--product-card-badge-spacing);
}
.product-card__image {
  object-fit: contain;
  object-position: center;
  transition: opacity 0.2s ease-in-out;
}
.product-card__image:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  border-top-left-radius: var(--rounded-sm);
  border-top-right-radius: var(--rounded-sm);
}
.product-card__image:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  border-top-right-radius: var(--rounded-sm);
  border-top-left-radius: var(--rounded-sm);
}
.product-card__image--secondary {
  display: none;
}
.product-card__title {
  line-height: 1.5;
}
.product-card__quick-buy {
  position: absolute;
  bottom: var(--product-card-quick-buy-inset);
}
.product-card__quick-buy:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: var(--product-card-quick-buy-inset);
}
.product-card__quick-buy:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: var(--product-card-quick-buy-inset);
}
.product-card__mobile-quick-buy-button {
  background: rgb(var(--background-primary));
  width: 2.25rem;
  height: 2.25rem;
  color: rgb(var(--text-primary)/0.7);
  border-radius: var(--rounded-button);
  border-width: 1px;
  place-content: center;
  display: grid;
}
.product-card__mobile-quick-buy-button > .button__loader {
  gap: var(--spacing-1);
}
.product-card__mobile-quick-buy-button > .button__loader > * {
  width: var(--spacing-1);
  height: var(--spacing-1);
}
.product-card__info {
  gap: var(--spacing-1);
  padding: var(--product-card-info-padding);
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  display: grid;
}
.product-card--blends .product-card__info {
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.product-card__info--center {
  text-align: center;
  justify-content: center;
  justify-items: center;
}
.product-card__variant-list {
  display: none;
}

/******************************************************
* Components: Horizontal Products
******************************************************/
.horizontal-product {
  --horizontal-product-image-size: var(--spacing-16);
  align-items: flex-start;
  gap: var(--spacing-4);
  padding: 0;
  min-width: 0;
  display: flex;
  overflow: hidden;
  border: none;
}
.horizontal-product--loading {
  opacity: 0.5;
  pointer-events: none;
}
.horizontal-product__image {
  width: var(--horizontal-product-image-size);
  flex: 0 0 var(--horizontal-product-image-size);
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: center;
}
.horizontal-product__info {
  gap: var(--spacing-2);
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  padding: 1rem 1rem 1rem 0;
  height: 100%;
}
.horizontal-product-list.separate {
  gap: var(--spacing-2);
  display: grid;
}
.horizontal-product-list-carousel > .horizontal-product-list {
  grid: auto/auto-flow 73vw;
  display: grid;
}
.horizontal-product-list-carousel > .horizontal-product-list:not(.separate) {
  border-radius: var(--rounded-xs);
  border-width: 1px;
}

/******************************************************
* Components: Rating
******************************************************/
.rating {
  align-items: center;
  gap: var(--spacing-1-5);
  display: flex;
}

.rating__stars {
  display: contents;
}

.rating__star {
  color: rgb(var(--brand-colors-brand-primary, #01483a));
  position: relative;
  top: -1px;
}

.rating__star--empty {
  opacity: 0.6;
}
.rating-with-text {
  gap: var(--spacing-2);
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  align-items: baseline;
  display: grid;
}

/******************************************************
* Components: Name
******************************************************/
.drawer {
  --container-outer-width: var(--spacing-6);
  --background: var(--dialog-background);
  --text-color: var(--text-primary);
  --drawer-header-padding: var(--spacing-5);
  --drawer-body-padding: var(--spacing-5) var(--spacing-6);
  --drawer-footer-padding: var(--spacing-6);
  --drawer-content-max-height: none;
  visibility: hidden;
  width: 100%;
  padding: var(--spacing-2);
  z-index: 999;
  position: fixed;
  right: 0;
}
.drawer::part(overlay) {
  background: rgba(0, 0, 0, 0.4);
  min-height: 100lvh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.drawer.show-close-cursor::part(overlay) {
  cursor: var(--cursor-close-svg-url) 28 28, auto;
}
.drawer::part(content) {
  height: 100%;
  max-height: var(--drawer-content-max-height);
  border-radius: var(--rounded-sm);
  background: rgb(var(--dialog-background));
  color: rgb(var(--text-color));
  flex-direction: column;
  display: flex;
  position: relative;
}
.drawer::part(header) {
  padding: var(--drawer-header-padding);
}
.drawer::part(body) {
  padding: var(--drawer-body-padding);
  overscroll-behavior-y: contain;
  flex: auto;
  align-items: start;
  display: grid;
  overflow-y: auto;
}
.drawer::part(footer) {
  padding: var(--drawer-footer-padding);
  border-block-start: 1px solid rgb(var(--border-color));
  margin-block-start: auto;
  position: relative;
}
.drawer .empty-state {
  margin-block-start: auto;
  margin-block-end: auto;
}
.drawer .empty-state p {
  text-align: center;
  font-family: var(--fonts-heading-font-family, "Edu Favorit");
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.45px;
}
.drawer .empty-state__icon-wrapper .count-bubble {
  top: -0.1875rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.drawer .empty-state__icon-wrapper > svg {
  width: 4rem;
  height: 4rem;
}
.drawer > [is=close-button] {
  display: none;
  position: absolute;
  top: 1.5rem;
}
.drawer > [is=close-button]:not(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  right: 1.5rem;
}
.drawer > [is=close-button]:is(:lang(ae),
:lang(ar),
:lang(arc),
:lang(bcc),
:lang(bqi),
:lang(ckb),
:lang(dv),
:lang(fa),
:lang(glk),
:lang(he),
:lang(ku),
:lang(mzn),
:lang(nqo),
:lang(pnb),
:lang(ps),
:lang(sd),
:lang(ug),
:lang(ur),
:lang(yi)) {
  left: 1.5rem;
}
.drawer--md {
  max-width: 516px;
  width: 100%;
}
.drawer--lg {
  max-width: 680px;
  width: 100%;
}
.drawer--xl {
  max-width: 1344px;
  width: 100%;
}

/******************************************************
* Import helpers
******************************************************/
/*
	Impact theme helper classes. Atomic classes need need to override other styles so order matters.
*/
/******************************************************
* Helpers: Display
* imported from Impact theme
******************************************************/
:not(.is-scrollable) ~ .peer-not-scrollable\:hidden,
.hidden,
.empty\:hidden:empty {
  display: none;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.contents {
  display: contents;
}
.invisible {
  visibility: hidden;
}

.relative {
  position: relative;
}

.wrap {
  flex-wrap: wrap;
}

.grow {
  flex-grow: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.text-start {
  text-align: start;
}

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

.text-end {
  text-align: end;
}

.justify-start {
  justify-content: start;
}

.justify-center {
  justify-content: safe center;
}

.justify-end {
  justify-content: end;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-end {
  justify-self: end;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: safe center;
}

.justify-items-end {
  justify-items: end;
}

.align-start {
  align-items: start;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: end;
}

.align-self-start {
  align-self: start;
}

.align-self-center {
  align-self: center;
}

.align-self-end {
  align-self: end;
}

.align-self-stretch {
  align-self: stretch;
}

.place-self-start {
  place-self: start;
}

.place-self-start-center {
  place-self: start center;
}

.place-self-start-end {
  place-self: start end;
}

.place-self-center {
  place-self: center;
}

.place-self-center-start {
  place-self: center start;
}

.place-self-center-end {
  place-self: center end;
}

.place-self-end {
  place-self: end;
}

.place-self-end-start {
  place-self: end start;
}

.place-self-end-center {
  place-self: end center;
}
.align-top {
  vertical-align: top;
}

.align-center {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.w-0 {
  width: 0;
}

.min-w-full {
  min-width: 100%;
}

.min-h-full {
  min-height: 100%;
}

.mx-auto {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.my-auto {
  margin-block-start: auto;
  margin-block-end: auto;
}

.aspect-short {
  aspect-ratio: 4/3;
}

.aspect-tall {
  aspect-ratio: 2/3;
}

.aspect-square {
  aspect-ratio: 1;
}

.aspect-video {
  aspect-ratio: 16/9;
}

.aspect-video iframe {
  width: 100%;
  height: 100%;
}

.gap-0\.5 {
  gap: var(--spacing-0-5);
}

.gap-1 {
  gap: var(--spacing-1);
}

.gap-1\.5 {
  gap: var(--spacing-1-5);
}

.gap-2 {
  gap: var(--spacing-2);
}

.gap-2\.5 {
  gap: var(--spacing-2-5);
}

.gap-3 {
  gap: var(--spacing-3);
}

.gap-3\.5 {
  gap: var(--spacing-3-5);
}

.gap-4 {
  gap: var(--spacing-4);
}

.gap-4\.5 {
  gap: var(--spacing-4-5);
}

.gap-5 {
  gap: var(--spacing-5);
}

.gap-5\.5 {
  gap: var(--spacing-5-5);
}

.gap-6 {
  gap: var(--spacing-6);
}

.gap-8 {
  gap: var(--spacing-8);
}

.gap-10 {
  gap: var(--spacing-10);
}

.gap-12 {
  gap: var(--spacing-12);
}

@media only screen and (min-width: 30em){
  .mobile-only {
    display: none !important;
  }
  .mobile-lg-only,
  .mobile-lg-up {
    display: block !important;
  }
}

@media screen and (min-width: 700px){
  .btn, .button {
    padding-block-start: var(--spacing-3);
    padding-block-end: var(--spacing-3);
    padding-inline-start: var(--spacing-6);
    padding-inline-end: var(--spacing-6);
  }
  .button {
    padding-block-start: var(--spacing-3);
    padding-block-end: var(--spacing-3);
    padding-inline-start: var(--spacing-6);
    padding-inline-end: var(--spacing-6);
  }
  .button--xs {
    padding-block-start: var(--spacing-2);
    padding-block-end: var(--spacing-2);
    padding-inline-start: var(--spacing-4);
    padding-inline-end: var(--spacing-4);
  }
  .button--sm {
    padding-block-start: var(--spacing-2);
    padding-block-end: var(--spacing-2);
    padding-inline-start: var(--spacing-5);
    padding-inline-end: var(--spacing-5);
  }
  .button--lg {
    padding-block-start: var(--spacing-3-5);
    padding-block-end: var(--spacing-3-5);
    padding-inline-start: var(--spacing-10);
    padding-inline-end: var(--spacing-10);
  }
  .button--xl {
    padding-block-start: 1.075rem;
    padding-block-end: 1.075rem;
    padding-inline-start: var(--spacing-10);
    padding-inline-end: var(--spacing-10);
  }
  .image-icon {
    height: var(--icon-max-width);
    width: var(--icon-max-width);
  }
  .spacing-top-small__desktop {
    padding-block-start: 1.5rem;
  }
  .spacing-bottom-small__desktop {
    padding-block-end: 1.5rem;
  }
  .spacing-top-medium__desktop {
    padding-block-start: 3rem;
  }
  .spacing-bottom-medium__desktop {
    padding-block-end: 3rem;
  }
  .spacing-top-large__desktop {
    padding-block-start: 4rem;
  }
  .spacing-bottom-large__desktop {
    padding-block-end: 4rem;
  }
  .spacing-top-xlarge__desktop {
    padding-block-start: 6rem;
  }
  .spacing-bottom-xlarge__desktop {
    padding-block-end: 6rem;
  }
  .section--tight {
    --calculated-section-spacing-block-start: min(
      48px,
      var(
        --section-spacing-block-start,
        var(
          --section-spacing-block,
          var(--context-section-spacing-block-start, 0px)
        )
      )
    );
    --calculated-section-spacing-block-end: min(
      48px,
      var(
        --section-spacing-block-end,
        var(
          --section-spacing-block,
          var(--context-section-spacing-block-end, 0px)
        )
      )
    );
  }
  .section-boxed {
    --context-section-spacing-block-start: min(
      var(
        --section-inner-max-spacing-block,
        var(--section-outer-spacing-block)
      )
    );
    --context-section-spacing-block-end: min(
      var(
        --section-inner-max-spacing-block,
        var(--section-outer-spacing-block)
      )
    );
    --context-section-spacing-inline: var(--section-inner-spacing-inline);
    --container-inner-width: calc(
      var(--container-max-width) - var(--container-outer-width) * 2
    );
    --container-outer-width: var(--calculated-section-spacing-inline);
    border-radius: var(--rounded-lg);
    box-shadow: var(--shadow-block);
    margin-block-start: calc(var(--background-differs-from-previous) * var(--section-outer-spacing-block-start, var(--section-outer-spacing-block)));
    margin-block-end: var(--section-outer-spacin-block-end, var(--section-outer-spacing-block));
    margin-inline-start: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
    margin-inline-end: max(var(--container-gutter), 50% - var(--container-max-width) / 2);
    padding-block-start: var(--calculated-section-spacing-block-start);
    padding-inline-start: var(--calculated-section-spacing-inline);
    padding-inline-end: var(--calculated-section-spacing-inline);
  }
  .shopify-section:first-child {
    --section-outer-spacing-block-start: 24px;
  }
  .badge .badge:not(.badge--lg) {
    font-size: var(--text-xs);
    padding-block-start: var(--spacing-0-5);
    padding-block-end: var(--spacing-0-5);
  }
  .prose * + :is(p, div, ul, ol) {
    margin-block-start: var(--spacing-4);
  }
  .prose * + :is(.h0, .h1, .h2, h1, h2) {
    margin-block-start: var(--spacing-6);
  }
  .prose * + :is(.h3, .h4, h3, h4) {
    margin-block-start: var(--spacing-5);
  }
  .prose * + :is(.h5, .h6, h5, h6) {
    margin-block-start: var(--spacing-4);
  }
  .prose * + .button {
    margin-block-start: var(--spacing-8) !important;
  }
  .prose .h0 + .button {
    margin-block-start: var(--spacing-10) !important;
  }
  .prose :is(.h0, .h1, .h2, .h3, h1, h2, h3) + * {
    margin-block-start: var(--spacing-6);
  }
  .prose :is(.h4, h4) + * {
    margin-block-start: var(--spacing-5);
  }
  .prose :is(.h5, .h6, h5, h6) + * {
    margin-block-start: var(--spacing-4);
  }
  .prose :is(p img:not([style*=float]):only-child,
  div img:not([style*=float]):only-child,
  figure,
  video) {
    margin-block: var(--spacing-12);
  }
  .sm\:text-xxs {
    font-size: 10px;
    line-height: 1.7;
  }
  .sm\:text-xs {
    font-size: var(--text-xs);
    line-height: 1.7;
  }
  .sm\:text-sm {
    font-size: var(--text-sm);
    line-height: 1.6;
  }
  .sm\:text-base {
    font-size: var(--text-base);
    line-height: 1.6;
  }
  .sm\:text-lg {
    font-size: var(--text-lg);
    line-height: 1.6;
  }
  .sm\:h0 {
    font-size: var(--text-h0);
    line-height: 1;
  }
  .sm\:h1 {
    font-size: var(--text-h1);
    line-height: 1.1;
  }
  .sm\:h2 {
    font-size: var(--text-h2);
    line-height: 1.1;
  }
  .sm\:h3 {
    font-size: var(--text-h3);
    line-height: 1.2;
  }
  .sm\:h4 {
    font-size: var(--text-h4);
    line-height: 1.3;
  }
  .sm\:h5 {
    font-size: var(--text-h5);
    line-height: 1.4;
  }
  .sm\:h6 {
    font-size: var(--text-h6);
    line-height: 1.4;
  }
  .blockquote,
  .prose blockquote {
    --quote-width: 70px;
    --quote-height: 45px;
  }
  .blockquote {
    --quote-inset-block-start: calc(var(--spacing-6) * -1);
    margin-block-start: var(--spacing-8);
  }
  .blockquote,
  .prose blockquote {
    --quote-width: 70px;
    --quote-height: 45px;
  }
  .blockquote {
    --quote-inset-block-start: calc(var(--spacing-6) * -1);
    margin-block-start: var(--spacing-8);
  }
  .header {
    --header-part-gap: var(--spacing-6);
    --header-icon-list-spacing: var(--spacing-6);
  }
  .footer {
    --footer-padding-block: var(--spacing-16);
    --footer-part-gap: var(--spacing-16);
    --footer-block-list-gap: var(--spacing-10) var(--spacing-24);
    --footer-block-gap: var(--spacing-6);
    --footer-aside-gap: var(--spacing-12);
  }
  .footer__block-list {
    flex-wrap: wrap;
    display: flex;
  }
  .footer__block--text {
    flex-basis: 25%;
  }
  .footer__block--newsletter, .footer__block--app {
    flex-basis: 100%;
  }
  .footer__block--menu {
    flex-shrink: 0;
  }
  .footer__aside-top, .footer__aside-bottom {
    display: flex;
  }
  .footer__copyright {
    order: -1;
  }
  .mega-menu__carousel {
    --content-over-media-column-gap: var(--spacing-8);
    --content-over-media-row-gap: var(--spacing-6);
    --content-over-media-content-max-width: 70%;
    grid: none;
  }
  .mega-menu__carousel > * {
    grid-area: 1/-1;
  }
  .mega-menu__carousel-controls button {
    transition: transform 0.2s;
  }
  .mega-menu__carousel-controls button:hover {
    transform: scale(1.1);
  }
  .navigation-drawer {
    --panel-link-image-size: 3.25rem;
    --navigation-drawer-width: 412px;
  }
  .navigation-drawer::part(body) {
    gap: var(--spacing-8);
    grid-template-rows: auto minmax(0, 1fr);
    padding-block-start: var(--drawer-body-padding);
  }
  .navigation-drawer [is=close-button] {
    width: var(--spacing-12);
    min-height: var(--spacing-12);
    height: var(--spacing-12);
  }
  .navigation-drawer[mobile-opening=bottom] .panel__scroller {
    margin-block-start: 0;
    padding-block-start: 0;
  }
  .panel__wrapper {
    padding-block-start: 0;
  }
  .count-bubble--md {
    --size: var(--spacing-6);
  }
  .count-bubble--lg {
    --size: var(--spacing-7);
  }
  .c-size-chart th,
  .c-size-chart td {
    padding: 8px;
  }
  .c-size-chart__image {
    max-width: 600px;
    width: 60vw;
  }
  .c-size-guide-steps__title {
    font-size: 2.25rem;
    letter-spacing: -0.72px;
  }
  .c-size-guide-steps__step-title {
    font-size: 1.5rem;
    letter-spacing: -0.48px;
  }
  .c-size-guide-steps__number {
    font-size: 2.25rem;
    letter-spacing: -0.72px;
  }
  .c-size-guide-drawer {
    padding-block: 3rem;
  }
  .c-size-guide-drawer.drawer::part(body) {
    --drawer-body-padding: 3rem 4.5rem;
  }
  .c-size-guide-drawer svg.icon-close {
    height: 3rem;
    width: 3rem;
  }
  .c-size-guide-drawer__close-button {
    padding: 0.25rem;
    top: -3rem;
    right: -4.5rem;
  }
  .c-size-guide__header {
    flex: 1 1 18.75rem;
    gap: 1.5rem;
    padding-block: 2rem;
  }
  .c-size-guide__chart-container, .c-size-guide__steps-container {
    flex-direction: row;
    gap: 4.5rem;
  }
  .c-size-guide__title {
    font-size: 2.75rem;
    letter-spacing: -0.96px;
  }
  .c-size-guide__tabs {
    flex: 1 1 auto;
  }
  .c-size-guide__tabs .tab-content {
    overflow: auto;
  }
  .c-size-guide .tabs-nav__button {
    font-size: 2.25rem;
    letter-spacing: -0.72px;
  }
  .c-size-guide .c-size-guide-steps {
    flex: 1 1 21.375rem;
  }
  .c-size-guide__image-container {
    flex: 1 1 auto;
    height: max-content;
    max-width: 46.375rem;
    position: relative;
  }
  .c-size-guide__image-icon {
    position: absolute;
  }
  .c-size-guide__image-icon--top {
    left: -20%;
    top: -3.75rem;
  }
  .c-size-guide__image-icon--bottom {
    bottom: -10rem;
    right: -5%;
    transform: rotate(180deg);
  }
  .c-size-guide__image-icon svg {
    max-width: 11.5rem;
    width: 10vw;
  }
  .junip-product-review {
    margin-block: 3rem;
  }
  .junip-product-review .junip-product-review-container {
    padding: 3rem;
  }
  .junip-product-review .junip-pb-5 {
    padding-block-end: 3rem;
  }
  .junip-product-review .junip-pt-5 {
    padding-block-start: 3rem;
  }
  .junip-product-review .junip-btn,
  .junip-product-review .junip-btn-sm {
    padding-block-start: var(--spacing-3);
    padding-block-end: var(--spacing-3);
    padding-inline-start: var(--spacing-6);
    padding-inline-end: var(--spacing-6);
  }
  .junip-product-review .junip-see-more,
  .junip-product-review .junip-see-more.junip-btn.junip-btn-sm {
    margin-block-start: 3rem;
  }
  .junip-product-review .junip-product-review-title {
    font-family: var(--fonts-heading-font-family, "Edu Favorit");
    font-size: var(--text-h2, 48px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 48px */
    letter-spacing: -0.96px;
  }
  @supports (grid-template-rows: subgrid) {
    .product-list {
      grid-template-rows: auto auto;
    }
    .product-list > * {
      grid-template-rows: subgrid;
      grid-row: span 2;
      gap: 0;
    }
    .product-list__promo :is(img, video-media) {
      position: absolute;
    }
    .product-list:not(:has(.product-card--blends)) .product-list__promo .content-over-media {
      grid-row: span 2;
      min-height: 300px;
    }
    .product-list .product-card__info {
      align-content: start;
    }
  }
  .product-card {
    --product-card-badge-spacing: var(--spacing-4);
    --product-card-info-padding: var(--spacing-5);
    --product-card-quick-buy-inset: var(--spacing-4);
  }
  .product-card__aside {
    margin-block-start: var(--spacing-1);
  }
  .product-card__variant-list {
    gap: var(--spacing-2);
    margin-block: var(--spacing-2) 2px;
    flex-wrap: wrap;
    display: flex;
  }
  .horizontal-product {
    --horizontal-product-image-size: var(--spacing-20);
    gap: var(--spacing-5);
    align-items: center;
  }
  .horizontal-product--sm {
    --horizontal-product-image-size: var(--spacing-16);
  }
  .horizontal-product__cta {
    flex-shrink: 0;
  }
  .horizontal-product-list-carousel {
    border-radius: var(--rounded-xs);
    grid-template-columns: minmax(0, 1fr);
  }
  .horizontal-product-list-carousel > .horizontal-product-list {
    grid: auto/auto-flow var(--horizontal-product-width, 100%);
  }
  .rating__star {
    width: 15px;
    height: 15px;
  }
  .drawer {
    --container-outer-width: var(--spacing-10);
    --drawer-header-padding: var(--spacing-8) var(--spacing-10);
    --drawer-body-padding: var(--spacing-8) var(--spacing-10);
    --drawer-footer-padding: var(--spacing-8) var(--spacing-10);
    height: 100%;
  }
  .drawer .empty-state__icon-wrapper > svg {
    width: 4rem;
    height: 4rem;
  }
  .drawer::part(header) {
    align-items: center;
    gap: var(--spacing-4);
    display: flex;
    position: relative;
  }
  .drawer[header-bordered]::part(header) {
    border-bottom: 1px solid rgb(var(--border-color));
  }
  .drawer:not([header-bordered])::part(header) {
    padding-block-end: 0;
  }
  .drawer:not([header-bordered])::part(header):after {
    content: "";
    width: 100%;
    height: var(--spacing-8);
    background: linear-gradient(to bottom, rgb(var(--dialog-background)), rgb(var(--dialog-background)/0.6) 50%, rgb(var(--dialog-background)/0));
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
  }
  .drawer > [is=close-button] {
    display: grid;
    top: 2.25rem;
  }
  .drawer > [is=close-button]:not(:lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)) {
    right: 2.25rem;
  }
  .drawer > [is=close-button]:is(:lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)) {
    left: 2.25rem;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:table-cell {
    display: table-cell;
  }
  .sm\:contents {
    display: contents;
  }
  .sm\:text-start {
    text-align: start;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-end {
    text-align: end;
  }
  .sm\:place-self-start {
    place-self: start;
  }
  .sm\:place-self-start-center {
    place-self: start center;
  }
  .sm\:place-self-start-end {
    place-self: start end;
  }
  .sm\:place-self-center {
    place-self: center;
  }
  .sm\:place-self-center-start {
    place-self: center start;
  }
  .sm\:place-self-center-end {
    place-self: center end;
  }
  .sm\:place-self-end {
    place-self: end;
  }
  .sm\:place-self-end-start {
    place-self: end start;
  }
  .sm\:place-self-end-center {
    place-self: end center;
  }
  .sm\:justify-items-center {
    justify-items: safe center;
  }
  .sm\:gap-0\.5 {
    gap: var(--spacing-0-5);
  }
  .sm\:gap-1 {
    gap: var(--spacing-1);
  }
  .sm\:gap-1\.5 {
    gap: var(--spacing-1-5);
  }
  .sm\:gap-2 {
    gap: var(--spacing-2);
  }
  .sm\:gap-2\.5 {
    gap: var(--spacing-2-5);
  }
  .sm\:gap-3 {
    gap: var(--spacing-3);
  }
  .sm\:gap-3\.5 {
    gap: var(--spacing-3-5);
  }
  .sm\:gap-4 {
    gap: var(--spacing-4);
  }
  .sm\:gap-4\.5 {
    gap: var(--spacing-4-5);
  }
  .sm\:gap-5 {
    gap: var(--spacing-5);
  }
  .sm\:gap-5\.5 {
    gap: var(--spacing-5-5);
  }
  .sm\:gap-6 {
    gap: var(--spacing-6);
  }
  .sm\:gap-8 {
    gap: var(--spacing-8);
  }
  .sm\:gap-10 {
    gap: var(--spacing-10);
  }
  .sm\:gap-12 {
    gap: var(--spacing-12);
  }
}

@media only screen and (min-width: 48em){
  .mobile-lg-only,
  .mobile-lg-down {
    display: none !important;
  }
  .tablet-sm-only,
  .tablet-sm-up {
    display: block !important;
  }
}

@media screen and (min-width: 1000px){
  .footer {
    --footer-block-list-gap: var(--spacing-10) var(--spacing-12);
  }
  .footer__block-list {
    flex-wrap: nowrap;
  }
  .footer__block--newsletter, .footer__block--app {
    flex-basis: 33.3333%;
  }
  .footer__block--newsletter:only-child, .footer__block--app:only-child {
    flex-basis: 50%;
  }
  .footer__newsletter-form {
    max-width: 400px;
  }
  .c-size-guide__image-icon svg {
    width: 11vw;
  }
  .md\:hidden {
    display: none;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:table-cell {
    display: table-cell;
  }
  .md\:contents {
    display: contents;
  }
}

@media only screen and (min-width: 64em){
  .tablet-sm-only,
  .tablet-sm-down {
    display: none !important;
  }
  .tablet-lg-only,
  .tablet-lg-up {
    display: block !important;
  }
}

@media screen and (min-width: 1150px){
  .section-header {
    grid-template-columns: 700px;
    justify-content: space-between;
    align-items: end;
  }
  .section-header > .text-with-icon {
    grid-column-start: 2;
  }
  .section-stack--horizontal {
    justify-content: center;
    display: flex;
  }
  .section-stack--center {
    justify-items: center;
  }
  .section-stack--reverse {
    flex-direction: row-reverse;
  }
  .section-stack__intro {
    width: var(--section-stack-intro, 50%);
  }
  .section-stack__main {
    width: var(--section-stack-main, 50%);
  }
  .prose * + p {
    margin-block-start: var(--spacing-2);
  }
  .prose * + :is(.h0, .h1, h1) {
    margin-block-start: var(--spacing-8);
  }
  .prose * + :is(.h2, .h3, .h4, h2, h3, h4) {
    margin-block-start: var(--spacing-6);
  }
  .prose * + :is(.h5, .h6, h5, h6) {
    margin-block-start: var(--spacing-4);
  }
  .prose :is(.h0, .h1, .h2, h1, h2) + * {
    margin-block-start: var(--spacing-6);
  }
  .prose :is(.h3, .h4, h3, h4) + * {
    margin-block-start: var(--spacing-6);
  }
  .prose :is(.h5, .h6, h5, h6) + * {
    margin-block-start: var(--spacing-4);
  }
  .prose blockquote {
    --quote-width: 85px;
    --quote-height: 55px;
    --quote-inset-block-start: calc(var(--spacing-5) * -1);
    margin-block-start: var(--spacing-18);
    margin-block-end: var(--spacing-12);
  }
  .blockquote {
    --quote-inset-inline-start: var(--spacing-2-5);
  }
  .prose blockquote {
    --quote-width: 85px;
    --quote-height: 55px;
    --quote-inset-block-start: calc(var(--spacing-5) * -1);
    margin-block-start: var(--spacing-18);
    margin-block-end: var(--spacing-12);
  }
  .blockquote {
    --quote-inset-inline-start: var(--spacing-2-5);
  }
  .header__link-list {
    gap: var(--spacing-4) var(--header-link-list-spacing);
    display: flex;
  }
  .footer {
    --footer-block-list-gap: var(--spacing-10) var(--spacing-24);
  }
  .footer__block--menu:last-child {
    margin-inline-end: var(--spacing-10);
  }
  .navigation-drawer[mega-menu] {
    --panel-link-image-size: 3.75rem;
    --navigation-drawer-width: 472px;
  }
  .navigation-drawer[mega-menu]::part(body) {
    grid-template-rows: auto;
    padding: 0;
  }
  .navigation-drawer[mega-menu]::part(content):before {
    content: "";
    background-color: rgb(var(--text-color)/0.12);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 440px;
  }
  .navigation-drawer[mega-menu] [is=close-button] {
    display: grid;
  }
  .navigation-drawer[mega-menu] > .panel-list__wrapper {
    grid-template-columns: repeat(2, minmax(440px, 1fr));
    display: grid;
  }
  .navigation-drawer[mega-menu] > .panel-list__wrapper > .panel {
    position: static;
  }
  .navigation-drawer[mega-menu] .panel + .panel > .panel__wrapper {
    padding-block-start: 6.5rem;
  }
  .navigation-drawer[mega-menu] .panel__wrapper {
    padding: var(--drawer-body-padding);
  }
  .navigation-drawer[mega-menu] .panel__scroller {
    overflow-y: initial;
  }
  .navigation-drawer [is=close-button] {
    transition: transform 0.2s ease-in-out;
  }
  .navigation-drawer [is=close-button]:hover {
    transform: rotate(90deg);
  }
  [dir=rtl] .navigation-drawer[mega-menu]::part(content):before {
    left: auto;
    right: 440px;
  }
  .navigation-promo .product-card__figure {
    max-width: 100%;
  }
  .navigation-promo .product-card__figure img {
    width: 100%;
  }
  .mega-menu .navigation-promo {
    grid: var(--navigation-promo-grid);
    gap: var(--navigation-promo-gap);
    display: flex;
    justify-content: center;
  }
  .mega-menu .navigation-promo__wrapper {
    max-width: 75%;
  }
  .mega-menu .navigation-promo__wrapper--items-count-1, .mega-menu .navigation-promo__wrapper--items-count-2 {
    margin-inline: auto;
  }
  .mega-menu .navigation-promo__wrapper--items-count-1 .content-over-media, .mega-menu .navigation-promo__wrapper--items-count-2 .content-over-media {
    aspect-ratio: 3/2;
  }
  .mega-menu .navigation-promo__wrapper--items-count-3 .content-over-media, .mega-menu .navigation-promo__wrapper--items-count-4 .content-over-media {
    aspect-ratio: 1/1;
  }
  .mega-menu .navigation-promo--carousel {
    display: grid;
  }
  .mega-menu .navigation-promo__item-heading {
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 22px */
  }
  .navigation-promo__carousel-controls > button svg {
    transition: scale 0.2s ease-in-out;
  }
  .navigation-promo__carousel-controls > button:hover svg {
    scale: 1.1;
  }
  .c-size-guide__image-icon svg {
    width: 12vw;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:table-cell {
    display: table-cell;
  }
  .lg\:contents {
    display: contents;
  }
}

@media only screen and (min-width: 80em){
  .tablet-lg-only,
  .tablet-lg-down {
    display: none !important;
  }
  .desktop-only,
  .desktop-up {
    display: block !important;
  }
}

@media screen and (min-width: 1400px){
  .header {
    --header-part-gap: var(--spacing-10);
    --header-link-list-spacing: var(--spacing-10);
  }
  .mega-menu {
    --mega-menu-gap: var(--spacing-16);
    --mega-menu-nav-column-gap: var(--spacing-12);
  }
  .mega-menu__promo-carousel {
    max-width: 360px;
  }
  .c-size-guide__image-icon svg {
    width: 14vw;
  }
  .product-card__info {
    --product-card-info-padding: var(--spacing-6) var(--spacing-8)
      var(--spacing-8) var(--spacing-8);
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:table-cell {
    display: table-cell;
  }
  .xl\:contents {
    display: contents;
  }
}

@media screen and (min-width: 1600px){
  .section--tight {
    --calculated-section-spacing-block-start: min(
      64px,
      var(
        --section-spacing-block-start,
        var(
          --section-spacing-block,
          var(--context-section-spacing-block-start, 0px)
        )
      )
    );
    --calculated-section-spacing-block-end: min(
      64px,
      var(
        --section-spacing-block-end,
        var(
          --section-spacing-block,
          var(--context-section-spacing-block-end, 0px)
        )
      )
    );
  }
  .mega-menu {
    --mega-menu-gap: var(--spacing-20);
    --mega-menu-nav-column-gap: var(--spacing-16);
  }
  .\32 xl\:hidden {
    display: none;
  }
  .\32 xl\:block {
    display: block;
  }
  .\32 xl\:flex {
    display: flex;
  }
  .\32 xl\:grid {
    display: grid;
  }
  .\32 xl\:table-cell {
    display: table-cell;
  }
  .\32 xl\:contents {
    display: contents;
  }
}

@media only screen and (min-width: 120em){
  .desktop-only,
  .desktop-down {
    display: none !important;
  }
  .desktop-lg-only {
    display: block !important;
  }
}

@media screen and (max-width: 1599px){
  .\32 xl-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1399px){
  .xl-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1149px){
  .lg-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 999px){
  .md-max\:hidden {
    display: none;
  }
}

@media screen and (max-width: 699px){
  .spacing-top-small__mobile {
    padding-block-start: 1.5rem;
  }
  .spacing-bottom-small__mobile {
    padding-block-end: 1.5rem;
  }
  .spacing-top-medium__mobile {
    padding-block-start: 3rem;
  }
  .spacing-bottom-medium__mobile {
    padding-block-end: 3rem;
  }
  .spacing-top-large__mobile {
    padding-block-start: 4rem;
  }
  .spacing-bottom-large__mobile {
    padding-block-end: 4rem;
  }
  .spacing-top-xlarge__mobile {
    padding-block-start: 6rem;
  }
  .spacing-bottom-xlarge__mobile {
    padding-block-end: 6rem;
  }
  .section--overflow-hidden-mobile {
    overflow: hidden;
  }
  .navigation-promo__item-heading {
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
  }
  .c-size-guide-drawer.drawer {
    --drawer-content-max-height: calc(100vh - 120px);
  }
  .c-size-guide-drawer__close-button {
    padding: 0.875rem;
  }
  .c-size-guide__tabs .tab-content {
    padding-block-start: 1.5rem;
  }
  .c-size-guide__image-icon {
    display: none;
  }
  .tabs-inner {
    display: none;
  }
  .tabs-inner--size-guide {
    display: block;
  }
  .drawer {
    --drawer-content-max-height: 75vh;
  }
  .drawer::part(header) {
    text-align: center;
    border-bottom: 1px solid rgb(var(--border-color));
  }
  .sm-max\:hidden {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce){
  .motion-reduce\:hidden {
    display: none;
  }
  .motion-reduce\:block {
    display: block;
  }
}

@media not screen and (pointer: fine){
  .pointer-coarse\:hidden {
    display: none;
  }
  .pointer-coarse\:block {
    display: block;
  }
}

@media screen and (pointer: fine){
  :is(.link, .prose a:not(.button)):hover {
    background-size: 0 1px;
  }
  .text-subdued :is(.link, .prose a:not(.button)):hover {
    color: rgb(var(--text-color));
  }
  .group:hover .reversed-link,
  .reversed-link.hover\:show:hover {
    background-size: 100% 1px;
  }
  .link-faded:hover {
    opacity: 1;
  }
  .link-faded-reverse:hover {
    opacity: 0.7;
  }
  .product-card--show-secondary-media .product-card__figure:hover .product-card__image--primary {
    opacity: 0;
  }
  .product-card--show-secondary-media .product-card__figure:hover .product-card__image--secondary {
    opacity: 1;
  }
  .product-card__image--secondary {
    opacity: 0;
    display: block;
  }
  .product-card__quick-buy {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
    transform: translateY(5px);
  }
  .product-card:hover .product-card__quick-buy {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .pointer-fine\:hidden {
    display: none;
  }
  .pointer-fine\:block {
    display: block;
  }
}

@media screen and not (pointer: fine){
  .price-range {
    row-gap: 18px;
    padding-block-start: 10px;
  }
}