/******************************************************
* 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
******************************************************/
/******************************************************
* Components: Ajax Cart Tiered Meter
******************************************************/
/* ----- General Structure ----- */
.cart-meter-tiered {
  --border-color: var(--text-primary);
  --meter-height: 0.375rem;
  --image-border-width: 0.1875rem;
  --image-size: 2rem;
  padding: var(--spacing-2) var(--spacing-4) var(--spacing-1);
  position: relative;
  width: 100%;
  display: grid;
  gap: 0.25rem;
  /* ----- Status Message ----- */
  /* ----- Individual Tiers ----- */
}
.cart-meter-tiered__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  border: 0.0625rem solid rgb(var(--border-color));
  border-radius: var(--meter-height);
  height: calc(var(--meter-height) + 0.125rem);
  margin-block: calc(var(--image-size) / 2);
  position: relative;
}
.cart-meter-tiered__message {
  font-family: var(--fonts-text-font-family, "Edu Favorit");
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  text-align: center;
}
.cart-meter-tiered__item {
  display: flex;
  flex: 1;
  justify-content: end;
  position: relative;
}
.cart-meter-tiered__item:last-child .cart-meter-tiered__progress-bar {
  border-right: none;
}
.cart-meter-tiered__item:first-of-type .cart-meter-tiered__progress-bar {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.cart-meter-tiered__item:last-of-type .cart-meter-tiered__progress-bar {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.cart-meter-tiered__image {
  background: rgb(var(--cart-drawer-background));
  border: 1px solid rgb(var(--border-color));
  border-radius: 300px;
  box-shadow: 0 0 0 1px rgb(var(--border-color));
  height: var(--image-size);
  overflow: hidden;
  position: absolute;
  top: calc((var(--image-size) / 4 + var(--meter-height)) * -1);
  width: var(--image-size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-meter-tiered__image img {
  width: calc(var(--image-size) / 2);
  height: calc(var(--image-size) / 2);
}
.cart-meter-tiered__image-icon--locked {
  display: block;
}
.cart-meter-tiered__image-icon--unlocked {
  display: none;
}
.is-complete .cart-meter-tiered__image {
  background-color: rgb(var(--border-color));
}
.is-complete .cart-meter-tiered__image-icon--locked {
  display: none;
}
.is-complete .cart-meter-tiered__image-icon--unlocked {
  display: block;
}
.cart-meter-tiered__title {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0 0.15rem;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.cart-meter-tiered__progress-bar {
  appearance: none;
  height: var(--meter-height);
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-inline-end: calc(var(--image-size) - 2px);
}
.cart-meter-tiered__progress-bar::-webkit-progress-bar {
  background-color: transparent;
  box-shadow: none;
}
.cart-meter-tiered__progress-bar::-webkit-progress-value {
  background-color: rgb(var(--text-primary));
  transition: all 0.4s;
}
.cart-meter-tiered__progress-bar::-moz-progress-bar {
  background-color: rgb(var(--text-primary));
  transition: all 0.4s;
}
.cart-meter-tiered__progress-bar.in-progress::-moz-progress-bar {
  border-radius: 0 var(--meter-height) var(--meter-height) 0;
}
.cart-meter-tiered__progress-bar.in-progress::-webkit-progress-value {
  border-radius: 0 var(--meter-height) var(--meter-height) 0;
}
.cart-meter-tiered__progress-bar--visual {
  border-start-start-radius: var(--meter-height);
  border-end-start-radius: var(--meter-height);
  height: 100%;
  left: 0;
  position: absolute;
  width: calc(100% - var(--image-size) + 2px);
  z-index: -1;
}

/******************************************************
* Components: Line Item
******************************************************/
.line-item {
  --line-item-image-width: 4.5rem; /* 72px */
  align-items: start;
  background-color: rgb(var(--line-item-background));
  display: flex;
  flex-wrap: wrap;
  padding-block-end: 0.5rem;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
.line-item .badge {
  background-color: rgb(var(--discount-badge-background));
  color: rgb(var(--discount-badge-text-color));
}
.line-item .price-list {
  text-align: right;
  font-family: var(--fonts-text-font-numbers, "Space Grotesk");
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.line-item__remove svg {
  pointer-events: none;
}
.line-item--loading .quantity-button {
  opacity: 0.5;
  pointer-events: none;
}
.line-item--gwp {
  --line-item-image-width: 3.125rem; /* 50px */
  background-color: rgb(var(--line-item-free-gift-background));
  padding: 0;
}
.line-item--gwp .badge {
  text-transform: initial;
  background-color: rgb(var(--free-gift-badge-background));
  color: rgb(var(--free-gift-badge-text-color));
}
.line-item--gwp .line-item__media-wrapper {
  position: absolute;
  left: 0;
  top: 0;
}
.line-item--gwp .line-item__info {
  padding-inline-start: calc(var(--line-item-image-width) + 0.75rem);
  padding-block: 0.5rem;
}
.line-item__media-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--line-item-image-width);
  width: var(--line-item-image-width);
  position: absolute;
  display: flex;
  height: var(--line-item-image-width);
}
.line-item__media-wrapper img {
  object-fit: contain;
}
.line-item__media-wrapper > .pill-loader {
  position: absolute;
  top: calc(50% - 0.5rem);
}
.line-item__media-wrapper > .pill-loader: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(50% - 1rem);
}
.line-item__media-wrapper > .pill-loader: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(50% - 1rem);
}
.line-item__info {
  justify-items: start;
  display: grid;
  flex: 1;
  padding: 1rem 1rem 0 calc(var(--line-item-image-width) + 0.5rem);
}
.line-item__info line-item-quantity {
  margin-block-start: var(--spacing-1);
}
.line-item__info-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex: 1;
  width: 100%;
}
.line-item__info-title {
  font-size: 0.875rem;
  font-family: var(--fonts-heading-font-family, "Edu Favorit");
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.line-item__info-variant {
  font-family: var(--fonts-text-font-family, "Edu Favorit");
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.line-item__actions {
  width: 100%;
}
.line-item__actions-quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-inline-start: var(--line-item-image-width);
  padding: 0.25rem 1rem 0 0.5rem;
}
.line-item__actions-quantity-selector {
  display: flex;
  align-items: center;
}
.line-item__bundle-upgrade {
  margin-block-start: 0.5rem;
  background-color: rgb(var(--line-item-upgrade-background));
  font-family: var(--fonts-heading-font-family, "Edu Favorit");
  font-size: 0.875rem;
  color: rgb(var(--text-color));
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  margin-inline: 0.5rem;
}
.line-item__bundle-upgrade-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.line-item__bundle-upgrade-button {
  text-decoration: underline;
}

.line-item-add-on {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 1rem;
  background-color: rgb(var(--line-item-add-on-background));
  color: rgb(var(--text-color));
  font-family: var(--fonts-heading-font-family, "Edu Favorit");
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.line-item-add-on button[type=submit] {
  white-space: nowrap;
}
.line-item-add-on__infor {
  padding-inline-end: 0.5rem;
}
.line-item-add-on--loading {
  opacity: 0.5;
  pointer-events: none;
}

/******************************************************
* Block: Quantity Input
******************************************************/
.quantity-input {
  width: var(--quantity-input-characters-count, 1ch);
  border-radius: var(--rounded-input);
  text-align: center;
  min-width: 44px;
  font-size: var(--text-xs);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  background: none;
  border-width: 1px;
  outline: none;
  padding-block-start: var(--spacing-1);
  padding-block-end: var(--spacing-1);
}

.quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/******************************************************
* Block: Quantity Selector
******************************************************/
.quantity-selector {
  height: var(--input-height);
  background: rgb(var(--input-background, transparent));
  color: rgb(var(--input-text-color, var(--text-color)));
  border-radius: var(--rounded-button);
  border-width: 1px;
  display: inline-flex;
}

.quantity-selector__button {
  padding-inline-start: var(--spacing-5);
  padding-inline-end: var(--spacing-5);
}

.quantity-selector__input {
  -webkit-appearance: textfield;
  appearance: textfield;
  min-width: var(--spacing-6);
  width: var(--quantity-input-characters-count, 1ch);
  background: inherit;
  text-align: center;
}

.quantity-selector__input:focus {
  outline: none;
}

.quantity-selector__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/******************************************************
* Block: Quantity Button
******************************************************/
.quantity-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}
.quantity-button svg {
  pointer-events: none;
}

.quantity-display {
  min-width: 1.5rem;
  display: flex;
  padding-inline: 0.625rem;
  align-items: center;
  justify-content: center;
  margin-bottom: -0.1875rem;
}

/******************************************************
* Components: Trust Tooltips
******************************************************/
.trust-tooltips {
  --icon-max-width: 1.25rem;
  --icon-max-height: 1.25rem;
  display: flex;
  gap: 0.625rem;
  padding-bottom: var(--spacing-5);
}
.trust-tooltips .icon-block {
  padding: 0;
  background: var(--background);
  aspect-ratio: 1/1;
}
.trust-tooltips__item {
  align-items: center;
  display: flex;
  flex: 1 1 33.33%;
  flex-direction: column;
  gap: 0.5rem;
}
.trust-tooltips__title {
  font-size: var(--text-base, 14px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.28px;
  line-height: 120%; /* 16.8px */
  text-align: center;
}
.trust-tooltips__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 2.25rem;
  width: 2.25rem;
}

/******************************************************
* Sections: Cart Drawer
******************************************************/
.cart-drawer {
  --drawer-body-padding: 1rem;
  --drawer-footer-padding: 1rem 1.5rem 1.5rem 1.5rem;
  --drawer-content-max-height: none;
  height: 100%;
  top: 0;
}
.cart-drawer::part(content) {
  background-color: rgb(var(--cart-drawer-background));
}
.cart-drawer::part(footer) {
  background-color: rgb(var(--cart-drawer-footer-background));
  border-block-start: 2px solid rgb(var(--cart-drawer-footer-border-color));
  padding: 1rem;
}
.cart-drawer::part(body) {
  overflow-x: hidden;
  padding: 0 var(--drawer-body-padding) var(--drawer-body-padding);
}
.cart-drawer::part(outside-close-button) {
  display: none;
}
.cart-drawer > [is=close-button] {
  display: grid;
}
.cart-drawer .count-bubble {
  --size: 1.25rem; /* 20px */
  font-size: 0.6875rem;
}
.cart-drawer .trust-tooltips {
  gap: 1rem;
  padding-block: 0.75rem 0;
}
.cart-drawer .trust-tooltips img {
  width: 1rem;
}
.cart-drawer .trust-tooltips__item {
  flex-direction: row;
  gap: 0.375rem;
}
.cart-drawer .trust-tooltips__title {
  text-align: left;
  font-family: var(--fonts-heading-font-family, "Edu Favorit");
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
}
.cart-drawer .trust-tooltips__icon {
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1/1;
}
.cart-drawer__inner {
  height: calc(100% - var(--cart-drawer-top-height));
}
.cart-drawer__inner--loading {
  opacity: 0.5;
  pointer-events: none;
}
.cart-drawer__top {
  gap: var(--spacing-2);
  padding-block-start: var(--drawer-body-padding);
  padding-block-end: var(--spacing-2);
  display: grid;
}
.cart-drawer__top--sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: rgb(var(--cart-drawer-background));
}
.cart-drawer__top-title {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.45px;
}
.cart-drawer__line-items {
  display: grid;
  gap: var(--spacing-2);
}
.cart-drawer__line-items-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.cart-drawer__note {
  visibility: hidden;
  width: 100%;
  transition: visibility 0.2s ease-in-out;
  position: absolute;
  bottom: calc(100% + 1px);
  overflow: hidden;
}
.cart-drawer__note: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;
}
.cart-drawer__note: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;
}
.cart-drawer__note-inner {
  padding: var(--spacing-5);
  background: rgb(var(--dialog-background));
  border-block-start-width: 1px;
  transition: transform 0.2s ease-in-out;
  transform: translateY(100%);
}
.cart-drawer__note[open] {
  visibility: visible;
}
.cart-drawer__note[open] > .cart-drawer__note-inner {
  transform: translateY(0);
}
.cart-drawer__recommendations {
  --horizontal-product-width: 390px;
  padding-block-start: var(--spacing-2);
}
.cart-drawer__recommendations-title {
  font-family: var(--fonts-heading-font-family, "Edu Favorit");
  font-size: var(--text-base, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
.cart-drawer .horizontal-product-list-carousel > .horizontal-product-list:not(.separate) {
  border: none;
}
.cart-drawer .horizontal-product {
  border-radius: 0.75rem;
  padding: 0;
  gap: 0.5rem;
}
.cart-drawer .horizontal-product-list {
  gap: 0.25rem;
}
.cart-drawer .horizontal-product__cta {
  margin-inline-end: 0;
}
.cart-drawer .horizontal-product__info {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.cart-drawer__footer .badge {
  background-color: rgb(var(--footer-background));
  color: rgb(var(--footer-border-color));
  margin-block-end: 0.5rem;
}
.cart-drawer__footer-total-text {
  font-family: var(--fonts-heading-font-family, "Edu Favorit");
  font-size: var(--text-base, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
.cart-drawer__footer-total-price, .cart-drawer__footer-discount-price {
  text-align: right;
  font-family: var(--fonts-text-font-numbers, "Space Grotesk");
  font-size: var(--text-base, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
.cart-drawer__footer-total-price--original, .cart-drawer__footer-discount-price {
  opacity: 0.8;
}
.cart-drawer__footer-shipping, .cart-drawer__footer-note-button {
  font-family: var(--fonts-text-font-family, "Edu Favorit");
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
.cart-drawer__footer-buttons {
  padding-block-start: 0.5rem;
}
@media screen and (min-width: 700px) {
  .quantity-input {
    min-width: 48px;
    padding-block-start: var(--spacing-2);
    padding-block-end: var(--spacing-2);
  }
  .quantity-selector__button {
    padding-inline-start: var(--spacing-6);
    padding-inline-end: var(--spacing-6);
  }
  .cart-drawer {
    --drawer-footer-padding: 1.5rem 2.5rem 2.5rem 2.5rem;
  }
  .cart-drawer .free-shipping-bar {
    gap: var(--spacing-2-5);
  }
  .cart-drawer .horizontal-product-list-carousel {
    grid-template-columns: none;
  }
  .cart-drawer .trust-tooltips img {
    width: 1.25rem;
  }
  .cart-drawer .trust-tooltips__icon {
    width: 2rem;
    height: 2rem;
  }
  .cart-drawer .trust-tooltips__item {
    gap: 0.75rem;
  }
  .cart-drawer__note-inner {
    padding: var(--spacing-8) var(--spacing-10) var(--spacing-10) var(--spacing-10);
  }
}
@media only screen and (min-width: 48em) {
  .cart-meter-tiered {
    padding: var(--static-sm) var(--static-lg, 20px) var(--static-xs);
  }
}
@media screen and (min-width: 1000px) {
  .trust-tooltips {
    gap: 0.5rem;
  }
}