@font-face {
  font-family: Inter Regular;
  src: url('../fonts/Inter-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Bold Italic;
  src: url('../fonts/Inter-BoldItalic.woff2') format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Black Italic;
  src: url('../fonts/Inter-BlackItalic.woff2') format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Black;
  src: url('../fonts/Inter-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Extra Bold Italic;
  src: url('../fonts/Inter-ExtraBoldItalic.woff2') format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Bold;
  src: url('../fonts/Inter-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Extra Bold;
  src: url('../fonts/Inter-ExtraBold.woff2') format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Extra Light Italic;
  src: url('../fonts/Inter-ExtraLightItalic.woff2') format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Extra Light;
  src: url('../fonts/Inter-ExtraLight.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Italic;
  src: url('../fonts/Inter-Italic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Medium Italic;
  src: url('../fonts/Inter-MediumItalic.woff2') format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Semi Bold Italic;
  src: url('../fonts/Inter-SemiBoldItalic.woff2') format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Light;
  src: url('../fonts/Inter-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Thin;
  src: url('../fonts/Inter-Thin.woff2') format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Light Italic;
  src: url('../fonts/Inter-LightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Thin Italic;
  src: url('../fonts/Inter-ThinItalic.woff2') format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter Medium;
  src: url('../fonts/Inter-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Semi Bold;
  src: url('../fonts/Inter-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral--whitesmoke: #f5f5f5;
  --neutral--black: #373737;
  --_typography---font-size--fs-copy: clamp(1rem, .96rem + .25vw, 1.125rem);
  --_typography---line-height--lh-body: 1.6;
  --_typography---letter-spacing--ls-body: -.01em;
  --_layout---layout--width--max-width-h: 24ch;
  --_typography---font-size--fs-h1: clamp(2.2rem, 1.7rem + 2vw, 3.2rem);
  --_typography---line-height--lh-header: 1.1;
  --_typography---letter-spacing--ls-heading: -.04em;
  --_layout---spacing-fluid--space-md: clamp(1rem, .8rem + .5vw, 1.5rem);
  --primary--modern-blue: #007aff;
  --_layout---corner-radius--corner-radius: 4vh;
  --primary--vintage-green: #5ebd3e;
  --primary--vintage-yellow: #ffb900;
  --primary--vintage-orange: #f78200;
  --primary--vintage-red: #e23838;
  --primary--vintage-purple: #973999;
  --primary--vintage-blue: #009cdf;
  --_layout---spacing-fluid--space-lg: clamp(1.5rem, 1.2rem + .8vw, 2.25rem);
  --_layout---spacing-fluid--space-xxl: clamp(3rem, 2.4rem + 1.6vw, 4.5rem);
  --_layout---padding--padding-outter: 5rem;
  --_typography---line-height--lh-button: 1;
  --_layout---layout--width--content-max-width: 68ch;
  --_layout---spacing-fluid--space-xl: clamp(2rem, 1.6rem + 1.2vw, 3rem);
  --primary--modern-green: #34c759;
  --primary--modern-yellow: #fc0;
  --primary--modern-red: #ff3b30;
  --primary--modern-purple: #af52de;
  --neutral--black-40: #37373766;
  --_typography---font-size--fs-all-caps: clamp(.875rem, .84rem + .2vw, 1rem);
  --_typography---letter-spacing--ls-all-caps: .12em;
  --neutral--black-10: #3737371a;
  --black: black;
  --_layout---corner-radius--corner-radius-pill: 9999px;
  --light-gray: silver;
  --white: white;
  --_layout---spacing-fluid--space-micro: clamp(.125rem, .11rem + .08vw, .25rem);
  --primary--transparent--modern-green-30: #34c7594d;
  --primary--transparent--modern-yellow-30: #ffcc004d;
  --primary--transparent--vintage-orange-30: #f782004d;
  --primary--transparent--modern-red-30: #ff3b304d;
  --primary--transparent--modern-purple-30: #af52de4d;
  --primary--transparent--vintage-blue-30: #009cdf4d;
  --transparent: transparent;
  --neutral--black-5: #3737370d;
  --neutral--whitesmoke-10: #f5f5f51a;
  --neutral--black-90: #373737e6;
  --_layout---ui-elements--navbar: 7rem;
  --transparent-1: #ffffff03;
  --_layout---corner-radius--no-corner-radius: 0vh;
  --_layout---spacing-fluid--space-xxs: clamp(.2rem, .21rem + .15vw, .5rem);
  --_layout---spacing-fluid--space-sm: clamp(.75rem, .6rem + .3vw, 1rem);
  --neutral--whitesmoke-20: #f5f5f533;
  --_typography---font-size--fs-copy-xs: clamp(.75rem, .72rem + .15vw, .85rem);
  --_layout---spacing-fluid--space-xs: clamp(.5rem, .4rem + .2vw, .75rem);
  --_typography---letter-spacing--ls-small: .01em;
  --_typography---font-size--fs-button-sm: clamp(.875rem, .84rem + .2vw, 1rem);
  --neutral--whitesmoke-60: #f5f5f599;
  --_layout---ui-elements--tags-blur: .09rem;
  --neutral--whitesmoke-70: #f5f5f5b3;
  --_typography---font-size--fs-copy-sm: clamp(.875rem, .84rem + .2vw, 1rem);
  --gray: #666;
  --primary--transparent--vintage-red-10: #e238381a;
  --primary--transparent--vintage-red-20: #e2383833;
  --dark-gray: #333;
  --primary--transparent--vintage-orange-70: #f78200b3;
  --neutral--whitesmoke-5: #f5f5f50d;
  --neutral--black-50: #37373780;
  --neutral--whitesmoke-80: #f5f5f5cc;
  --neutral--black-70: #373737b3;
  --neutral--black-30: #3737374d;
  --neutral--black-20: #37373733;
  --_layout---title-space: 3rem;
  --neutral--black-80: #373737cc;
  --_layout---ui-elements--slice-nav-back-btn: 10rem;
  --_layout---corner-radius--corner-radius-small: 25%;
  --primary--transparent--vintage-blue-90: #009cdfe6;
  --primary--transparent--vintage-red-90: #e23838e6;
  --primary--transparent--vintage-yellow-90: #ffb900e6;
  --primary--transparent--vintage-green-20: #5ebd3e33;
  --_typography---font-size--fs-h2: clamp(1.8rem, 1.5rem + 1.5vw, 2.6rem);
  --_typography---font-size--fs-h3: clamp(1.4rem, 1.2rem + 1vw, 2rem);
  --_typography---line-height--lh-header-2: 1.25;
  --neutral--black-60: #37373799;
  --_typography---font-size--fs-xxs: clamp(.6875rem, .66rem + .1vw, .75rem);
  --neutral--whitesmoke-50: #f5f5f580;
  --primary--transparent--vintage-green-70: #5ebd3eb3;
  --primary--transparent--vintage-yellow-70: #ffb900b3;
  --neutral--whitesmoke-40: #f5f5f566;
  --primary--transparent--vintage-red-70: #e23838b3;
  --primary--transparent--vintage-purple-70: #973999b3;
  --primary--transparent--vintage-blue-70: #009cdfb3;
  --primary--transparent--modern-red-80: #ff3b30cc;
  --primary--transparent--vintage-blue-20: #009cdf33;
  --primary--transparent--modern-green-20: #34c75933;
  --_typography---font-size--fs-copy-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);
  --_typography---ls-heading-3: .025em;
  --_layout---container--max-width-1: 60ch;
  --neutral--whitesmoke-30: #f5f5f54d;
  --neutral--whitesmoke-90: #f5f5f5e6;
  --_typography---font-size--fs-h4: clamp(1.2rem, 1.1rem + .6vw, 1.5rem);
  --_typography---font-size--fs-micro: clamp(.625rem, .6rem + .08vw, .6875rem);
  --primary--transparent--modern-green-90: #34c759e6;
  --primary--transparent--modern-yellow-90: #ffcc00e6;
  --primary--transparent--vintage-orange-90: #f78200e6;
  --primary--transparent--modern-red-90: #ff3b30e6;
  --primary--transparent--modern-purple-90: #af52dee6;
  --_layout---ui-elements--blur-effekt: clamp(.075rem, .065rem + .045vw, .085rem);
  --primary--transparent--modern-green-50: #34c75980;
  --primary--transparent--modern-yellow-40: #fc06;
  --primary--transparent--vintage-orange-40: #f7820066;
  --primary--transparent--modern-red-50: #ff3b3080;
  --primary--transparent--modern-purple-50: #af52de80;
  --primary--transparent--vintage-blue-50: #009cdf80;
  --_layout---padding--padding-bite: 4rem;
  --_layout---padding--padding-site: 2rem;
  --_layout---optical-alignment--round-edges: -.4em;
  --_layout---optical-alignment--one-pixel: -1px;
  --_layout---optical-alignment--negative-em-xs: -.125em;
  --_layout---optical-alignment--negative-em-md: -.4em;
  --primary--modern-orange: #ff9500;
  --primary--transparent--vintage-green-90: #5ebd3ee6;
  --primary--transparent--vintage-green-80: #5ebd3ecc;
  --primary--transparent--vintage-green-60: #5ebd3e99;
  --primary--transparent--vintage-green-50: #5ebd3e80;
  --primary--transparent--vintage-green-40: #5ebd3e66;
  --primary--transparent--vintage-green-30: #5ebd3e4d;
  --primary--transparent--vintage-green-10: #5ebd3e1a;
  --primary--transparent--vintage-green-5: #5ebd3e0d;
  --primary--transparent--vintage-yellow-80: #ffb900cc;
  --primary--transparent--vintage-yellow-60: #ffb90099;
  --primary--transparent--vintage-yellow-50: #ffb90080;
  --primary--transparent--vintage-yellow-40: #ffb90066;
  --primary--transparent--vintage-yellow-30: #ffb9004d;
  --primary--transparent--vintage-yellow-20: #ffb90033;
  --primary--transparent--vintage-yellow-10: #ffb9001a;
  --primary--transparent--vintage-yellow-5: #ffb9000d;
  --primary--transparent--vintage-orange-80: #f78200cc;
  --primary--transparent--vintage-orange-60: #f7820099;
  --primary--transparent--vintage-orange-50: #f7820080;
  --primary--transparent--vintage-orange-20: #f7820033;
  --primary--transparent--vintage-orange-10: #f782001a;
  --primary--transparent--vintage-orange-5: #f782000d;
  --primary--transparent--vintage-red-80: #e23838cc;
  --primary--transparent--vintage-red-60: #e2383899;
  --primary--transparent--vintage-red-50: #e2383880;
  --primary--transparent--vintage-red-40: #e2383866;
  --primary--transparent--vintage-red-30: #e238384d;
  --primary--transparent--vintage-red-5: #e238380d;
  --primary--transparent--vintage-purple-90: #973999e6;
  --primary--transparent--vintage-purple-80: #973999cc;
  --primary--transparent--vintage-purple-60: #97399999;
  --primary--transparent--vintage-purple-50: #97399980;
  --primary--transparent--vintage-purple-40: #97399966;
  --primary--transparent--vintage-purple-30: #9739994d;
  --primary--transparent--vintage-purple-20: #97399933;
  --primary--transparent--vintage-purple-10: #9739991a;
  --primary--transparent--vintage-purple-5: #9739990d;
  --primary--transparent--vintage-blue-80: #009cdfcc;
  --primary--transparent--vintage-blue-60: #009cdf99;
  --primary--transparent--vintage-blue-40: #009cdf66;
  --primary--transparent--vintage-blue-10: #009cdf1a;
  --primary--transparent--vintage-blue-5: #009cdf0d;
  --primary--transparent--modern-green-80: #34c759cc;
  --primary--transparent--modern-green-70: #34c759b3;
  --primary--transparent--modern-green-60: #34c75999;
  --primary--transparent--modern-green-40: #34c75966;
  --primary--transparent--modern-green-10: #34c7591a;
  --primary--transparent--modern-green-5: #34c7590d;
  --primary--transparent--modern-yellow-80: #fc0c;
  --primary--transparent--modern-yellow-70: #ffcc00b3;
  --primary--transparent--modern-yellow-60: #fc09;
  --primary--transparent--modern-yellow-50: #ffcc0080;
  --primary--transparent--modern-yellow-20: #fc03;
  --primary--transparent--modern-yellow-10: #ffcc001a;
  --primary--transparent--modern-yellow-5: #ffcc000d;
  --primary--transparent--modern-orange-90: #ff9500e6;
  --primary--transparent--modern-orange-80: #ff9500cc;
  --primary--transparent--modern-orange-70: #ff9500b3;
  --primary--transparent--modern-orange-60: #ff950099;
  --primary--transparent--modern-orange-50: #ff950080;
  --primary--transparent--modern-orange-40: #ff950066;
  --primary--transparent--modern-orange-30: #ff95004d;
  --primary--transparent--modern-orange-20: #ff950033;
  --primary--transparent--modern-orange-10: #ff95001a;
  --primary--transparent--modern-orange-5: #ff95000d;
  --primary--transparent--modern-red-70: #ff3b30b3;
  --primary--transparent--modern-red-60: #ff3b3099;
  --primary--transparent--modern-red-40: #ff3b3066;
  --primary--transparent--modern-red-20: #ff3b3033;
  --primary--transparent--modern-red-10: #ff3b301a;
  --primary--transparent--modern-red-5: #ff3b300d;
  --primary--transparent--modern-purple-80: #af52decc;
  --primary--transparent--modern-purple-70: #af52deb3;
  --primary--transparent--modern-purple-60: #af52de99;
  --primary--transparent--modern-purple-40: #af52de66;
  --primary--transparent--modern-purple-20: #af52de33;
  --primary--transparent--modern-purple-10: #af52de1a;
  --primary--transparent--modern-purple-5: #af52de0d;
  --primary--transparent--modern-blue-90: #007affe6;
  --primary--transparent--modern-blue-80: #007affcc;
  --primary--transparent--modern-blue-70: #007affb3;
  --primary--transparent--modern-blue-60: #007aff99;
  --primary--transparent--modern-blue-50: #007aff80;
  --primary--transparent--modern-blue-40: #007aff66;
  --primary--transparent--modern-blue-30: #007aff4d;
  --primary--transparent--modern-blue-20: #007aff33;
  --primary--transparent--modern-blue-10: #007aff1a;
  --primary--transparent--modern-blue-5: #007aff0d;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

body {
  background-color: var(--neutral--whitesmoke);
  color: var(--neutral--black);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-body);
  letter-spacing: var(--_typography---letter-spacing--ls-body);
  font-weight: 500;
}

h1 {
  max-width: var(--_layout---layout--width--max-width-h);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-h1);
  line-height: var(--_typography---line-height--lh-header);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 700;
}

h2 {
  letter-spacing: -.025rem;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Inter Bold, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  margin-top: var(--_layout---spacing-fluid--space-md);
  margin-bottom: var(--_layout---spacing-fluid--space-md);
  letter-spacing: -.05rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

p {
  margin-bottom: 2rem;
  text-decoration: none;
}

a {
  color: var(--primary--modern-blue);
  font-family: Inter Bold, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
}

img {
  border-radius: var(--_layout---corner-radius--corner-radius);
  display: inline-block;
}

.body {
  background-color: var(--neutral--whitesmoke);
  background-image: none;
  margin-left: auto;
  margin-right: auto;
}

.container-1440 {
  grid-column-gap: var(--_layout---spacing-fluid--space-md);
  grid-row-gap: var(--_layout---spacing-fluid--space-md);
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header {
  display: none;
}

.main-home {
  padding-right: var(--_layout---spacing-fluid--space-lg);
  padding-left: var(--_layout---spacing-fluid--space-lg);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.main-home.iwishlist {
  min-height: 100%;
}

.main-home.shop {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  min-height: auto;
}

.div-bite {
  grid-column-gap: 6svw;
  grid-row-gap: 6svw;
  flex-flow: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-bite-vid {
  max-width: 22ch;
  display: none;
}

.div-cta-bar {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.footer {
  z-index: -2;
  padding: var(--_layout---spacing-fluid--space-xxl) var(--_layout---padding--padding-outter);
  background-color: var(--neutral--black);
  min-width: 100%;
}

.div-tag-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.btn-more-details {
  line-height: var(--_typography---line-height--lh-button);
  border-radius: 10rem;
  order: -1;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: -.2rem;
  font-style: normal;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-bite-content {
  max-width: var(--_layout---layout--width--content-max-width);
  margin-top: var(--_layout---spacing-fluid--space-xl);
  margin-bottom: var(--_layout---spacing-fluid--space-xl);
  grid-column-gap: var(--_layout---spacing-fluid--space-md);
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-category {
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  color: var(--neutral--black-40);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-all-caps);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-all-caps);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: .4rem;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding-top: .2rem;
  padding-bottom: .2rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.div-bite-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-bite {
  aspect-ratio: 1;
  border-radius: var(--_layout---corner-radius--corner-radius);
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  object-fit: cover;
  width: 50vw;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.btn-link-text-gradient {
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 22%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.btn-hover-bg-blur {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: linear-gradient(180deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 85%, var(--primary--vintage-blue));
  filter: blur(.25rem);
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.btn-like {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  aspect-ratio: 1;
  background-color: var(--neutral--black);
  cursor: pointer;
  background-image: none;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
}

.div-btn-like-circle {
  color: var(--black);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-hover-icon-bg-border {
  aspect-ratio: 1;
  background-color: var(--neutral--whitesmoke);
  border-radius: 10rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: .2rem;
  padding: .2rem;
  display: flex;
}

.svg-icon-arrow-right {
  height: var(--_typography---font-size--fs-copy);
  color: var(--neutral--black);
  line-height: var(--_typography---line-height--lh-button);
}

.btn-share-hover, .btn-copy-link-hover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  aspect-ratio: 1;
  background-image: linear-gradient(180deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 85%, var(--primary--vintage-blue));
  border-radius: 10rem;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: none;
  position: relative;
}

.btn-hover-bg-blur-horizontal {
  z-index: 1;
  grid-column-gap: var(--_layout---spacing-fluid--space-md);
  grid-row-gap: var(--_layout---spacing-fluid--space-md);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  opacity: .6;
  filter: blur(.25rem);
  order: -1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading {
  color: var(--light-gray);
  margin-bottom: 2rem;
}

.code-embed {
  display: none;
}

.div-bite-wrapper {
  margin-bottom: var(--_layout---spacing-fluid--space-xl);
  padding-top: var(--_layout---spacing-fluid--space-xl);
  padding-right: var(--_layout---spacing-fluid--space-xl);
  padding-bottom: var(--_layout---spacing-fluid--space-xl);
  padding-left: var(--_layout---spacing-fluid--space-xl);
  border-top-style: solid;
  border-top-width: .15vh;
  border-top-color: var(--white);
  border-right-style: solid;
  border-right-width: .15vh;
  border-right-color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: .15vh;
  border-bottom-color: var(--white);
  border-left-style: solid;
  border-left-width: .15vh;
  border-left-color: var(--white);
  border-top-left-radius: var(--_layout---corner-radius--corner-radius);
  border-top-right-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-left-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-right-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  flex-flow: column;
  justify-content: center;
  min-height: calc(100svh - 9rem);
  display: flex;
}

.container-full-width {
  z-index: 0;
  padding-bottom: var(--_layout---spacing-fluid--space-lg);
  background-image: none;
  min-width: 100%;
  min-height: 100%;
}

.container-full-width.shop {
  margin-top: var(--_layout---spacing-fluid--space-micro);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  min-height: auto;
  padding-bottom: 0;
  display: flex;
}

.div-bg-gradient-fixed {
  z-index: -2;
  background-color: var(--neutral--whitesmoke);
  background-image: linear-gradient(180deg, var(--primary--transparent--modern-green-30), var(--primary--transparent--modern-yellow-30) 20%, var(--primary--transparent--vintage-orange-30) 40%, var(--primary--transparent--modern-red-30) 60%, var(--primary--transparent--modern-purple-30) 80%, var(--primary--transparent--vintage-blue-30));
  min-width: 100vw;
  min-height: 100vh;
  position: fixed;
  inset: 0%;
}

.div-icon-nav-six-color-dots {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100%;
  display: flex;
}

.dot-six-colors {
  aspect-ratio: 1;
  background-color: var(--black);
  border-radius: .3rem;
  width: .3rem;
}

.dot-six-colors.green {
  background-color: var(--primary--vintage-green);
}

.dot-six-colors.yellow {
  background-color: var(--primary--vintage-yellow);
}

.dot-six-colors.orange {
  background-color: var(--primary--vintage-orange);
}

.dot-six-colors.red {
  background-color: var(--primary--vintage-red);
}

.dot-six-colors.purple {
  background-color: var(--primary--vintage-purple);
}

.dot-six-colors.blue {
  background-color: var(--primary--vintage-blue);
}

.div-icon-nav-six-color-hover-big-dot {
  aspect-ratio: 1;
  background-image: linear-gradient(180deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  border-radius: 50%;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-width: 50%;
  max-width: 50%;
  display: block;
}

.btn-nav-label-menu {
  text-align: center;
  flex-flow: wrap;
  font-size: .8rem;
  display: block;
}

.btn-nav-label-menu.open {
  margin-top: -.3rem;
  font-family: Inter Extra Bold, sans-serif;
  font-weight: 800;
  display: none;
}

.btn-nav-label-menu.open.hover {
  display: block;
}

.btn-nav-label-menu.close {
  margin-top: -.3rem;
  font-family: Inter Extra Bold, sans-serif;
  font-weight: 800;
  display: none;
}

.btn-nav-label-menu.close.click {
  display: block;
}

.grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div-wrapper-cards {
  padding: 3rem;
}

.style-card {
  border: .025rem solid var(--white);
  background-color: var(--neutral--whitesmoke);
  box-shadow: 0 .15rem .3rem 0 var(--neutral--black-10);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 33vh;
  padding: 1rem;
  display: flex;
}

.btn {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  color: var(--neutral--black);
  background-image: none;
  border-radius: 10rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-nav-btn-border {
  z-index: 2;
  background-color: var(--white);
  border-radius: 10rem;
  flex: 1;
  position: absolute;
  inset: 0%;
}

.div-nav-btn-border.hover {
  background-color: var(--transparent);
}

.div-nav-btn-border.open {
  background-color: var(--transparent);
  background-image: linear-gradient(180deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
}

.btn-hover-icon-bg-border-1 {
  aspect-ratio: 1;
  background-color: var(--neutral--whitesmoke);
  box-shadow: inset 0 -.25rem .25rem .0125rem var(--neutral--black-5);
  outline-color: var(--neutral--whitesmoke-10);
  outline-offset: .125rem;
  object-fit: cover;
  border-radius: 10rem;
  outline-width: .1rem;
  outline-style: solid;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: .2rem;
  padding: .2rem;
  display: flex;
}

.btn-hover-icon-bg-border-1.hover {
  background-color: var(--white);
}

.btn-hover-icon-bg-border-1.open {
  background-color: var(--transparent);
}

.div-btn-nav-circle-1 {
  color: var(--black);
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-nav-btn-gradient {
  z-index: 0;
  background-image: linear-gradient(180deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  filter: blur(.025rem);
  border-radius: 10rem;
  flex: 1;
  position: absolute;
  inset: 0%;
  transform: scale(1.025);
}

.div-nav-btn-gradient.hover {
  opacity: 1;
  filter: blur(.2rem);
  transform: scale(1.05);
}

.div-nav-btn-gradient.open {
  filter: brightness(200%) blur(.025rem);
  transform: scale(1.025);
}

.div-nav-btn-blur {
  z-index: 0;
  background-color: var(--neutral--black);
  background-image: linear-gradient(180deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  opacity: .35;
  filter: blur(.5rem);
  border-radius: 10rem;
  flex: 1;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-nav-btn-blur.open {
  filter: blur(.5rem);
}

.div-btn-nav-icon {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
}

.style-card-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.style-card-title {
  border-bottom: .025rem solid var(--light-gray);
  padding-left: .5rem;
  padding-right: .5rem;
}

.style-section {
  background-color: var(--neutral--black);
  min-height: 100vh;
}

.div-wrapper-icon {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: auto;
  display: flex;
}

.close-vertical {
  background-color: var(--white);
  border-radius: 10rem;
  width: .2rem;
  height: 100%;
  position: absolute;
  transform: rotate(-45deg);
}

.close-vertical._45 {
  transform: rotate(45deg);
}

.div-icon-close {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  display: flex;
  position: relative;
}

.styleguide-headline {
  color: var(--neutral--whitesmoke);
  padding-top: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.heading-2 {
  color: var(--neutral--black-90);
  font-family: Inter Medium, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.div-block-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-logo-wrapper {
  z-index: 999999;
  height: var(--_layout---ui-elements--navbar);
  padding-right: var(--_layout---padding--padding-outter);
  padding-left: var(--_layout---padding--padding-outter);
  background-image: linear-gradient(180deg, var(--transparent-1), var(--transparent));
  -webkit-backdrop-filter: blur(1.5rem);
  backdrop-filter: blur(1.5rem);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.img-logo-wordmark {
  border-radius: var(--_layout---corner-radius--no-corner-radius);
  cursor: pointer;
  height: 2rem;
}

.div-nav-bar {
  margin: var(--_layout---spacing-fluid--space-xxs);
  padding: var(--_layout---spacing-fluid--space-sm) var(--_layout---spacing-fluid--space-lg);
  grid-column-gap: var(--_layout---spacing-fluid--space-lg);
  grid-row-gap: var(--_layout---spacing-fluid--space-lg);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--black);
  background-image: linear-gradient(180deg, var(--neutral--black) 15%, black 85%);
  -webkit-backdrop-filter: blur(var(--_typography---font-size--fs-copy));
  backdrop-filter: blur(var(--_typography---font-size--fs-copy));
  outline-color: var(--neutral--whitesmoke-20);
  outline-offset: .0625rem;
  mix-blend-mode: hard-light;
  outline-width: .0625rem;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-link-text-item {
  color: var(--neutral--whitesmoke);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  font-weight: 600;
  transition: background-color .3s ease-in-out;
}

.nav-link-text-item:hover {
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.nav-link {
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  font-style: normal;
  text-decoration: none;
  display: inline-flex;
}

.nav-link.first {
  margin-left: var(--_layout---spacing-fluid--space-lg);
  font-family: Inter Semi Bold, sans-serif;
  line-height: var(--_typography---line-height--lh-button);
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.nav-link.last {
  margin-right: 2.5rem;
}

.div-menu {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 3rem;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.div-hover-six-colors-line {
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  border-radius: 50rem;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: .125rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-hover-six-colors-line-blur {
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  filter: blur(.15rem);
  border-radius: 50rem;
  justify-content: flex-start;
  align-items: center;
  height: .125rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-hover-six-colors {
  width: var(--_layout---spacing-fluid--space-md);
  height: var(--_layout---spacing-fluid--space-micro);
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-self: flex-end;
  align-items: stretch;
  display: flex;
}

.div-nav-bar-blur {
  z-index: -1;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  filter: blur(var(--_layout---spacing-fluid--space-xs));
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: scale3d(1.015, 1.1, 1);
}

.div-wrapper-nav {
  margin-left: -3rem;
  position: relative;
}

.div-nav-line {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--black);
  align-self: flex-end;
  height: .25rem;
  margin-top: .1rem;
  margin-bottom: .1rem;
}

.text-menu {
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  letter-spacing: var(--_typography---letter-spacing--ls-small);
  margin-top: .25rem;
  font-weight: 600;
  display: block;
}

.pagination {
  margin-bottom: var(--_layout---spacing-fluid--space-lg);
  grid-column-gap: var(--_layout---spacing-fluid--space-lg);
  grid-row-gap: var(--_layout---spacing-fluid--space-lg);
  line-height: var(--_typography---line-height--lh-button);
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.nav-link-text-item-hover {
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 21%, var(--primary--vintage-orange) 44%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  color: var(--neutral--whitesmoke);
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  display: none;
}

.svg-icon-share, .svg-icon-copy-link {
  color: var(--neutral--black);
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 1rem;
  display: inline-flex;
}

.div-wrapper-nav-link {
  font-family: Inter Semi Bold, sans-serif;
  line-height: var(--_typography---line-height--lh-button);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
  position: relative;
}

.div-wrapper-nav-link.beta {
  position: relative;
}

.div-nav-bar-border {
  z-index: -1;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-green) 21%, var(--primary--vintage-orange) 41%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--modern-blue));
  box-shadow: inset 0rem 0rem .094rem .1rem var(--neutral--whitesmoke-60), 0 0 .125rem .125rem var(--neutral--black-10);
  filter: none;
  mix-blend-mode: soft-light;
  position: absolute;
  inset: 0%;
}

.div-btn-like-hover-circle {
  z-index: 1;
  background-color: var(--white);
  color: var(--black);
  border-radius: 10rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: .2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.svg-icon-hover-heart {
  color: var(--neutral--black);
  justify-content: center;
  align-items: center;
  height: 1rem;
  display: flex;
}

.btn-like-hover-border-bg {
  aspect-ratio: 1;
  background-color: var(--white);
  background-image: linear-gradient(180deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  text-align: center;
  border-radius: 10rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-like-border-bg {
  aspect-ratio: 1;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-btn-like-initial-circle {
  z-index: 1;
  background-color: var(--white);
  color: var(--black);
  border-radius: 10rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: .2rem;
  padding: .2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.svg-icon-initial-heart {
  color: var(--neutral--black);
  justify-content: center;
  align-items: center;
  height: 1rem;
}

.div-menue-fullscreen {
  z-index: 999999999;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 100svw;
  min-height: 100svh;
  padding: 0 4rem 6rem;
  display: flex;
  position: fixed;
  inset: 0;
  transform: translate(100%);
}

.menue-item-text {
  color: var(--neutral--black);
  letter-spacing: -.1rem;
  font-family: Inter Bold, sans-serif;
  font-size: 3rem;
  font-weight: 700;
}

.link-block {
  color: var(--neutral--black);
  flex-flow: column;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-style: normal;
  text-decoration: none;
  display: flex;
}

.text-block {
  color: var(--light-gray);
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
}

.wrapper-fullscreen-menue-logo-close-btn {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 7rem;
  display: flex;
}

.div-animation-stripe-green {
  background-color: var(--primary--vintage-green);
  border-radius: 50svh;
  min-width: 150%;
  min-height: 16.75%;
  position: absolute;
  inset: 0% 0% auto;
}

.div-animation-stripe-yellow {
  background-color: var(--primary--vintage-yellow);
  border-radius: 25vh;
  min-width: 150%;
  min-height: 16.8333%;
  margin-top: 16.6667svh;
  position: absolute;
  inset: 0% 0% auto;
}

.div-animation-stripe-orange {
  background-color: var(--primary--vintage-orange);
  border-radius: 25vh;
  min-width: 150%;
  min-height: 16.8333%;
  margin-top: 33.3333svh;
  position: absolute;
  inset: 0% 0% auto;
}

.div-animation-stripe-red {
  background-color: var(--primary--vintage-red);
  border-radius: 25vh;
  min-width: 150%;
  min-height: 16.75%;
  margin-top: 50svh;
  position: absolute;
  inset: 0% 0% auto;
}

.div-animation-stripe-purple {
  background-color: var(--primary--vintage-purple);
  border-radius: 25vh;
  min-width: 150%;
  min-height: 16.75%;
  margin-top: 66.6667svh;
  position: absolute;
  inset: 0% 0% auto;
}

.div-animation-stripe-blue {
  background-color: var(--primary--vintage-blue);
  border-radius: 25vh;
  min-width: 150%;
  min-height: 16.75%;
  margin-top: 83.3333svh;
  position: absolute;
  inset: auto 0% 0;
}

.btn-hover-bg-border-black {
  z-index: 3;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--black);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-hover-bg-inset-white {
  z-index: 4;
  margin: var(--_layout---spacing-fluid--space-micro);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--whitesmoke);
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-more-bg-gradient {
  z-index: 2;
  grid-column-gap: var(--_layout---spacing-fluid--space-md);
  grid-row-gap: var(--_layout---spacing-fluid--space-md);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  box-shadow: inset 0 0 .094rem .125rem var(--neutral--whitesmoke-70), 0 0 .05rem .125rem var(--neutral--black-5);
  filter: none;
  mix-blend-mode: soft-light;
  order: -1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-more-wrapper-text {
  z-index: 5;
  margin: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-lg);
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.div-btn-text-gradient {
  grid-column-gap: var(--_layout---spacing-fluid--space-sm);
  grid-row-gap: var(--_layout---spacing-fluid--space-sm);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: none;
}

.div-btn-text-black {
  grid-column-gap: var(--_layout---spacing-fluid--space-sm);
  grid-row-gap: var(--_layout---spacing-fluid--space-sm);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: translate(0, -50%);
}

.btn-link-text-black {
  background-color: var(--neutral--black);
  color: var(--neutral--black);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
  -webkit-text-fill-color: transparent;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}

.path-arrow-gradient {
  color: var(--primary--vintage-blue);
}

.text-open-menue {
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  letter-spacing: var(--_typography---letter-spacing--ls-small);
  margin-top: .25rem;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.div-nav-line-2, .div-nav-line-3 {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--black);
  align-self: flex-end;
  height: .25rem;
  margin-top: .1rem;
  margin-bottom: .1rem;
}

.div-wrapper-text-menue-open {
  justify-content: center;
  align-self: flex-end;
  display: flex;
  overflow: hidden;
}

.div-menu-close {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 3rem;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.div-nav-line-close-1 {
  background-color: var(--neutral--black);
  border-radius: 5rem;
  width: 2rem;
  height: .25rem;
  position: absolute;
  transform: rotate(45deg);
}

.div-nav-line-close-2 {
  background-color: var(--neutral--black);
  border-radius: 5rem;
  width: 2rem;
  height: .25rem;
  position: absolute;
  transform: rotate(-45deg);
}

.text-menu-close {
  margin-top: .25rem;
  font-family: Inter Semi Bold, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  display: block;
}

.div-close-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-wrapper-text-menue-close {
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.div-slice-wrapper {
  padding-top: var(--_layout---spacing-fluid--space-xxl);
  padding-right: var(--_layout---spacing-fluid--space-xxl);
  padding-bottom: var(--_layout---spacing-fluid--space-xxl);
  padding-left: var(--_layout---spacing-fluid--space-xxl);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--white);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--white);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--white);
  border-top-left-radius: var(--_layout---corner-radius--corner-radius);
  border-top-right-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-left-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-right-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: calc(100svh - 9rem);
  display: flex;
}

.div-slice-wrapper.test {
  justify-content: flex-start;
  align-items: stretch;
  min-height: calc(100svh - 9rem);
  transition-property: height;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.div-slice-wrapper.iwishlist {
  flex: 1 0 auto;
  min-height: 100%;
  margin-bottom: 0;
  padding-top: 6rem;
  padding-bottom: 0;
}

.div-slice-wrapper.shop {
  border-radius: [object Object];
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100%;
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 0;
}

.div-slice-container {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.div-slice-container.test {
  align-self: stretch;
  align-items: stretch;
}

.div-slice-container.category {
  flex: 1;
  align-self: stretch;
}

.div-slice {
  margin-top: var(--_layout---spacing-fluid--space-xl);
  margin-right: var(--_layout---spacing-fluid--space-xl);
  margin-left: var(--_layout---spacing-fluid--space-xl);
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-slice-content {
  margin-top: var(--_layout---spacing-fluid--space-xl);
  grid-column-gap: var(--_layout---spacing-fluid--space-md);
  grid-row-gap: 0rem;
  flex-flow: column;
  align-self: stretch;
  max-width: 66ch;
  display: flex;
}

.div-tags-content {
  margin-top: var(--_layout---spacing-fluid--space-xl);
  margin-bottom: var(--_layout---spacing-fluid--space-xxl);
  min-width: 100%;
  display: flex;
}

.collection-list-tags-white {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.richt-text-block-slice {
  margin-bottom: var(--_layout---spacing-fluid--space-md);
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-body);
  align-self: stretch;
  font-weight: 500;
}

.collection-list-tags-item {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.btn-tag {
  font-size: var(--_typography---font-size--fs-copy-sm);
  line-height: var(--_typography---line-height--lh-button);
  cursor: pointer;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  font-style: normal;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn-tag-text-white {
  z-index: 3;
  margin-right: var(--_layout---spacing-fluid--space-md);
  margin-left: var(--_layout---spacing-fluid--space-md);
  padding-top: var(--_layout---spacing-fluid--space-xs);
  padding-bottom: var(--_layout---spacing-fluid--space-xs);
  background-color: var(--neutral--whitesmoke-70);
  opacity: 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
  position: relative;
}

.section {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.btn-link-huha {
  color: var(--gray);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-huha-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--primary--transparent--vintage-red-10);
  border-radius: 10rem;
  position: relative;
  overflow: hidden;
}

.text-huha-red {
  color: var(--primary--vintage-red);
  margin: .5rem 1rem;
  font-size: .8rem;
}

.collection-list-wrapper-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  display: flex;
}

.collection-list-5 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.div-huha-hover-red {
  z-index: 2;
  background-color: var(--primary--transparent--vintage-red-20);
  border-radius: 10rem;
  margin: .25rem;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.text-huha-black {
  z-index: 2;
  color: var(--dark-gray);
  margin: .5rem 1rem;
  font-size: .8rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-huha-hover-orange {
  z-index: 1;
  background-color: var(--primary--transparent--vintage-orange-70);
  border-radius: 10rem;
  margin: .25rem;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-tag-hover-border-gradient {
  z-index: 1;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  box-shadow: inset 0 0 .094rem .125rem var(--neutral--whitesmoke-70);
  position: absolute;
  inset: 0%;
}

.btn-tag-hover-border-gradient.bg {
  mix-blend-mode: normal;
}

.btn-tag-hover-bg-pureblack {
  z-index: 2;
  margin: var(--_typography---letter-spacing--ls-all-caps);
  background-color: var(--black);
  background-image: linear-gradient(to bottom, var(--neutral--whitesmoke-10), var(--neutral--whitesmoke-10));
  border-radius: 10rem;
  position: absolute;
  inset: 0%;
}

.btn-tag-text-gradient {
  z-index: 3;
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  font-family: Inter Medium, sans-serif;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-tag-text-gradient.big {
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
}

.btn-tag-bg-darkgray {
  background-color: var(--neutral--whitesmoke-5);
  border-radius: 50rem;
  position: absolute;
  inset: 0%;
}

.div-wrapper-img-bite {
  aspect-ratio: 1;
  border-radius: var(--_layout---corner-radius--corner-radius);
  object-fit: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  max-width: 50vh;
  max-height: 33vw;
  display: flex;
}

.div-category-date {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.text-publish-date-2 {
  color: var(--light-gray);
  font-family: Inter Medium, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  display: none;
}

.div-bite-catergory-date {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  line-height: var(--_typography---line-height--lh-button);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-bite-publish-date {
  color: var(--neutral--black-50);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  margin-left: auto;
  font-weight: 500;
}

.richt-text-block-bite {
  margin-bottom: var(--_layout---spacing-fluid--space-md);
  color: var(--neutral--black);
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-body);
}

.text-go-back {
  white-space: nowrap;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: none;
}

.div-content-wrapper-slice {
  flex-flow: column;
  align-self: center;
  min-width: 66ch;
  max-width: 66ch;
  display: flex;
}

.img-bite-slice-full {
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  object-fit: cover;
  width: 100vw;
  min-width: 66ch;
  max-width: 66vw;
  height: auto;
}

.div-wrapper-slice-full {
  border: .15vh solid var(--neutral--whitesmoke);
  border-radius: var(--_layout---corner-radius--corner-radius);
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  max-height: 50vh;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-content-wrapper-slice-full {
  margin-top: var(--_layout---spacing-fluid--space-xl);
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
  min-width: 66ch;
  max-width: 66ch;
  display: flex;
}

.text-label-sponsoring {
  background-color: var(--light-gray);
  color: var(--white);
  border-radius: .3rem;
  align-self: flex-start;
  padding: .35rem .65rem;
  font-family: Inter Semi Bold, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.div-wrapper-video-bite {
  aspect-ratio: 1;
  border-radius: var(--_layout---corner-radius--corner-radius);
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  object-fit: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  max-width: 50vh;
  max-height: 33vw;
  display: flex;
}

.video-bite {
  aspect-ratio: 1;
  border-radius: var(--_layout---corner-radius--corner-radius);
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  object-fit: cover;
  width: 50vw;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.icon-arrow-left {
  aspect-ratio: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: Inter Bold, sans-serif;
  font-size: .9rem;
  font-weight: 700;
}

.icon-text-dark {
  aspect-ratio: 1;
  border-radius: 50%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-pagination-dark {
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-md);
  grid-column-gap: var(--_layout---spacing-fluid--space-xs);
  grid-row-gap: var(--_layout---spacing-fluid--space-xs);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--black);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--neutral--whitesmoke-80);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-sm);
  line-height: var(--_typography---line-height--lh-button);
  cursor: pointer;
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
}

.btn-pagination-dark.prev {
  justify-content: flex-end;
  align-items: center;
}

.link-title-h2 {
  color: var(--neutral--black);
  font-style: normal;
  text-decoration: none;
}

.text-slice-publish-date {
  color: var(--neutral--black-70);
  margin-bottom: 1rem;
  margin-left: auto;
  font-family: Inter Medium, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.video-slice {
  aspect-ratio: 16 / 9;
  border-radius: var(--_layout---corner-radius--corner-radius);
  box-shadow: .125rem .125rem .35rem 0 var(--neutral--black-10);
  object-fit: cover;
  align-self: center;
  width: 140%;
  height: auto;
  margin-bottom: 3rem;
  overflow: hidden;
}

.btn-link-back {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: var(--neutral--black-30);
  filter: invert();
  color: var(--gray);
  white-space: nowrap;
  border-radius: 50rem;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  padding: .4rem .6rem;
  font-family: Inter Semi Bold, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: all .15s ease-in-out;
  display: flex;
}

.btn-link-back:hover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--light-gray);
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
}

.div-link-back-category-date-title {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 10rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: -.25rem;
  margin-left: -.25rem;
  padding: .25rem;
  display: flex;
  position: fixed;
  top: 10rem;
  left: 5.1rem;
  overflow: visible;
}

.slice-text-label-sponsoring {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xs);
  background-color: var(--light-gray);
  color: var(--white);
  border-radius: .3rem;
  margin-left: 2.5ch;
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
}

.slice-text-label-sponsoring.meta {
  margin-left: 0;
}

.slice-text-category {
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  color: var(--neutral--black-40);
  letter-spacing: var(--_typography---letter-spacing--ls-all-caps);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter Semi Bold, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.slice-text-slice-publish-date {
  transition: color .3s ease-in-out;
}

.slice-text-slice-publish-date:hover {
  color: var(--gray);
}

.div-path-category-date-title {
  margin-left: var(--_layout---spacing-fluid--space-xl);
  padding-right: var(--_layout---spacing-fluid--space-md);
  grid-column-gap: 1.5ch;
  grid-row-gap: 1.5ch;
  color: var(--neutral--black-50);
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter Medium, sans-serif;
  font-weight: 500;
  display: flex;
}

.slice-text-publish-name {
  letter-spacing: var(--_typography---letter-spacing--ls-small);
  cursor: auto;
}

.slice-text-publish-name.iwishlist {
  cursor: auto;
}

.divider-icon {
  color: var(--neutral--black-10);
  font-family: Inter Regular, sans-serif;
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  font-weight: 400;
}

.div-category-date-slice {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: none;
}

.collection-list-slices-empty-state {
  background-color: var(--neutral--whitesmoke);
  text-align: center;
  border-radius: 3vh;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10rem 1rem;
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
  display: flex;
}

.div-fullscreen-page-load {
  z-index: 9999;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 100svw;
  min-height: 100svh;
  padding: 0 4rem 6rem;
  display: none;
  position: fixed;
  inset: 0;
  transform: translate(100%);
}

.btn-link-logo {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-tag-white {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  justify-content: center;
  align-items: center;
  font-style: normal;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn-tag-white.big {
  font-size: var(--_typography---font-size--fs-copy-sm);
  line-height: var(--_typography---line-height--lh-button);
}

.btn-tag-text-lightgrey {
  z-index: 4;
  margin: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-md);
  color: var(--light-gray);
  font-family: Inter Medium, sans-serif;
  font-weight: 500;
  position: relative;
}

.btn-tag-text-lightgrey.big {
  margin: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-md);
}

.btn-tag-bg-whitesmoke {
  z-index: 3;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--white);
  position: absolute;
  inset: 0%;
}

.btn-tag-hover-bg-white {
  z-index: 2;
  margin: var(--_layout---spacing-fluid--space-micro);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--white);
  position: absolute;
  inset: 0%;
}

.div-like-count {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  display: none;
}

.icon-heart {
  color: var(--light-gray);
}

.list-category-link {
  padding-top: var(--_layout---spacing-fluid--space-micro);
  padding-bottom: var(--_layout---spacing-fluid--space-micro);
  color: var(--dark-gray);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-sm);
  line-height: var(--_typography---line-height--lh-button);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 40ch;
  max-width: 60ch;
  margin-left: 1.2rem;
  font-weight: 600;
  text-decoration: none;
  overflow: hidden;
}

.text-block-6 {
  color: var(--light-gray);
  text-align: right;
  max-width: 4ch;
  font-family: Inter Medium, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  display: none;
  overflow: hidden;
}

.div-status {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-follow-up {
  padding-top: var(--_layout---spacing-fluid--space-micro);
  padding-bottom: var(--_layout---spacing-fluid--space-micro);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.divider {
  background-image: linear-gradient(90deg, var(--transparent-1), var(--neutral--black-5) 15%, var(--neutral--black-5) 85%, var(--transparent-1));
  width: 100%;
  height: 1px;
}

.like-container.iwishlist {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--neutral--black-50);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.like-container.bite {
  align-self: stretch;
  text-decoration: none;
  display: flex;
}

.like-container.bite.back-drop-blur {
  z-index: 2;
  padding: var(--_layout---spacing-fluid--space-xxs);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  justify-content: center;
  position: relative;
}

.like-container.tags, .like-container.category {
  grid-column-gap: .5ch;
  grid-row-gap: .5ch;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.like-count.bite {
  color: var(--neutral--black);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  text-align: right;
  font-weight: 600;
}

.like-count.slice {
  color: var(--neutral--black);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  text-align: right;
  font-weight: 600;
}

.like-button.iwishlist {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1rem;
  line-height: 1;
}

.like-button.category {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.div-wrapper-title-row-wishlist {
  background-color: var(--neutral--whitesmoke);
  box-shadow: 0 .75rem .75rem -1rem var(--neutral--black-20);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  display: flex;
  position: sticky;
}

.grid-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 6ch minmax(40ch, 60ch) 4ch minmax(16ch, 24ch);
  justify-content: center;
  align-self: center;
  max-width: 100%;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.text-block-8 {
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-sm);
  text-align: center;
  font-weight: 700;
}

.text-block-9 {
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-sm);
  text-align: right;
  font-weight: 700;
}

.text-block-10 {
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-sm);
  margin-left: 1.2rem;
  font-weight: 700;
}

.text-block-11 {
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-sm);
  font-weight: 700;
}

.link-follow-up {
  color: var(--neutral--black-50);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  white-space: nowrap;
  max-width: 23ch;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
}

.div-title {
  margin-top: var(--_layout---title-space);
  margin-bottom: var(--_layout---spacing-fluid--space-xxl);
  border-bottom: 1px dotted var(--neutral--black-10);
  border-radius: 1rem 1rem 0 0;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  min-height: 15svh;
  max-height: 20svh;
  font-family: Inter Bold, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-list-item-scroll {
  padding-top: var(--_layout---spacing-fluid--space-md);
  padding-bottom: var(--_layout---spacing-fluid--space-md);
  grid-column-gap: var(--_layout---spacing-fluid--space-xxl);
  grid-row-gap: var(--_layout---spacing-fluid--space-xxl);
  border-bottom: 1px dotted var(--neutral--black-10);
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-width: 1320px;
  display: flex;
}

.div-list-bottom-blur {
  z-index: 11;
  background-image: linear-gradient(180deg, var(--neutral--whitesmoke-5), whitesmoke 95%);
  width: 100%;
  min-height: 10svh;
  position: sticky;
  inset: auto auto 0%;
}

.body-category {
  min-height: 100%;
}

.icon-status {
  vertical-align: middle;
  align-self: flex-start;
  width: 1.4rem;
}

.icon-status.tooltip {
  margin-top: -3px;
}

.div-icon-status-text {
  padding: var(--_layout---spacing-fluid--space-sm);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--_layout---spacing-fluid--space-sm);
  background-color: var(--neutral--whitesmoke-5);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-wrapper-explanation {
  z-index: 1;
  padding: var(--_layout---spacing-fluid--space-sm);
  grid-column-gap: var(--_layout---spacing-fluid--space-sm);
  grid-row-gap: var(--_layout---spacing-fluid--space-sm);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-status {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  align-self: center;
  display: flex;
}

.div-tooltip-status {
  z-index: 1;
  background-color: var(--dark-gray);
  border-radius: calc(var(--_layout---spacing-fluid--space-sm)  + var(--_layout---spacing-fluid--space-sm));
}

.text-block-12 {
  color: var(--neutral--whitesmoke);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  font-weight: 700;
}

.text-block-13 {
  color: var(--neutral--whitesmoke);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  max-width: 30ch;
}

.div-tooltip-arrow {
  z-index: -1;
  background-color: var(--dark-gray);
  border-radius: .3vh;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  position: absolute;
  inset: -.7rem 15% -.7rem 0%;
  transform: rotate(45deg);
}

.btn-show-tooltip {
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-sm);
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--black-10);
  color: var(--neutral--black-50);
  font-family: Inter Semi Bold, sans-serif;
  line-height: var(--_typography---line-height--lh-button);
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

.btn-show-tooltip:hover {
  background-color: var(--dark-gray);
  color: var(--neutral--whitesmoke);
  white-space: nowrap;
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
}

.text-show-tooltip {
  font-size: var(--_typography---font-size--fs-copy-xs);
  white-space: nowrap;
  font-weight: 600;
  text-decoration: none;
}

.container-tooltip {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.container-tooltip.test {
  align-self: flex-start;
}

.wrapper-touch-klick-area {
  cursor: help;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  padding: .5rem;
  display: flex;
}

.div-tooltip-container-fixed {
  z-index: 999;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 10rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: -.25rem;
  padding: .25rem;
  display: flex;
  position: fixed;
  top: 9.5rem;
  left: auto;
  right: 5.1rem;
  overflow: visible;
}

.btn-link-back-category {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: var(--neutral--black-30);
  filter: invert();
  color: var(--gray);
  white-space: nowrap;
  border-radius: 50rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  padding: .4rem .8rem .4rem .6rem;
  font-family: Inter Semi Bold, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: all .15s ease-in-out;
  display: flex;
}

.btn-link-back-category:hover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--light-gray);
  margin-left: -.4rem;
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
}

.div-go-back-wrapper {
  z-index: 99;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-left: .4rem;
  display: flex;
  position: fixed;
  top: 10rem;
  left: 4.7rem;
}

.div-go-back {
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-sm);
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: var(--neutral--black-10);
  color: var(--neutral--black-50);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  white-space: nowrap;
  border-radius: 3rem;
  justify-content: flex-end;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  transition: all .15s ease-in-out;
  display: flex;
}

.div-go-back:hover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral--black-80);
  margin-left: -.4rem;
  padding-left: 1rem;
}

.text-arrow-left {
  font-family: Inter Bold, sans-serif;
  font-weight: 700;
}

.div-go-back-slice-wrapper {
  left: var(--_layout---spacing-fluid--space-lg);
  top: var(--_layout---ui-elements--slice-nav-back-btn);
  margin-left: var(--_layout---spacing-fluid--space-xxl);
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xxs);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--whitesmoke-70);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--neutral--black-50);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: fixed;
}

.div-go-back-slice {
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-sm);
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--black-10);
  color: var(--neutral--black-50);
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .15s ease-in-out;
  display: flex;
}

.div-go-back-slice:hover {
  grid-column-gap: 1.5ch;
  grid-row-gap: 1.5ch;
  color: var(--neutral--black-80);
  margin-left: -.5ch;
}

.div-iwishlist-wrapper {
  z-index: 10;
  padding-top: var(--_layout---spacing-fluid--space-xxs);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-iwishlist-item-wrapper {
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.div-iwishlist-content {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-self: stretch;
  margin-top: 2rem;
  font-size: 1.2rem;
  display: flex;
}

.div-iwishlist-content.iwishlist {
  margin-top: 0;
  margin-bottom: var(--_layout---spacing-fluid--space-sm);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-height: 100svh;
  overflow: hidden;
}

.div-iwishlist {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
}

.div-iwishlist.iwishlist {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  max-height: calc(100svh - 16rem);
  margin-top: 1rem;
}

.div-iwishlist-container {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.div-iwishlist-container.iwishlist {
  flex: 1;
  align-self: stretch;
}

.div-category-item-img {
  z-index: 99;
  padding-top: var(--_layout---spacing-fluid--space-xxs);
  padding-bottom: var(--_layout---spacing-fluid--space-xxs);
  aspect-ratio: 1;
  border-radius: var(--_layout---corner-radius--corner-radius-small);
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.collection-item-iwishlist {
  z-index: 1;
  position: relative;
}

.div-cta-elements {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  align-self: center;
  display: flex;
}

.elme-link-container {
  color: var(--neutral--whitesmoke);
  font-family: Inter Medium, sans-serif;
  text-decoration: none;
}

.div-elme-wrapper-text {
  z-index: 7;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
  position: relative;
}

.div-elme-bg {
  z-index: 6;
  background-color: var(--primary--transparent--vintage-blue-90);
  border-radius: 1rem;
  margin: 1rem;
  position: absolute;
  inset: 0%;
}

.div-block-5 {
  position: relative;
}

.div-elme-bg-1 {
  z-index: 5;
  background-color: var(--primary--transparent--vintage-red-90);
  border-radius: 1.5rem;
  margin: .5rem;
  position: absolute;
  inset: 0%;
}

.div-elme-bg-2 {
  z-index: 4;
  background-color: var(--primary--transparent--vintage-yellow-90);
  border-radius: 2rem;
  position: absolute;
  inset: 0%;
}

.div-wrapper-like-button {
  z-index: 8;
  margin: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-lg);
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-like-wrapper.like-button {
  padding-top: var(--_layout---spacing-fluid--space-xxs);
  padding-bottom: var(--_layout---spacing-fluid--space-xxs);
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-items: center;
  min-width: 6.5ch;
  display: flex;
  position: relative;
}

.div-like-border-black {
  z-index: 5;
}

.div-like-border-black.bite {
  z-index: 5;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--black);
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.div-like-border-black.slice {
  z-index: 5;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--dark-gray);
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.div-like-inset-whitesmoke.bite, .div-like-inset-whitesmoke.slice {
  z-index: 6;
  margin: var(--_layout---spacing-fluid--space-micro);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--whitesmoke);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-like-border-gradient.bite {
  z-index: 5;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  box-shadow: inset 0 0 .093rem .125rem var(--neutral--whitesmoke-70);
  opacity: 0;
  mix-blend-mode: soft-light;
  position: absolute;
  inset: 0%;
}

.div-like-border-gradient.bite.hover {
  box-shadow: inset 0 0 .094rem .125rem var(--neutral--whitesmoke-70);
}

.div-like-border-gradient.slice {
  z-index: 5;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  box-shadow: inset 0 0 .094rem .125rem var(--neutral--whitesmoke-70), 0 0 .05rem .125rem var(--neutral--black-5);
  opacity: 0;
  mix-blend-mode: soft-light;
  position: absolute;
  inset: 0%;
}

.div-like-blur-gradient.bite, .div-like-blur-gradient.slice {
  z-index: 4;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  opacity: 0;
  filter: blur(.25rem);
  position: absolute;
  inset: 0%;
}

.content.like-count {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--primary--transparent--vintage-green-20);
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: .25rem 1rem;
  display: flex;
}

.text-block-14 {
  font-size: .6rem;
}

.like-icon-heart-black {
  color: var(--neutral--black);
}

.like-icon-heart-black.bite {
  background-color: var(--neutral--black);
  opacity: 1;
  color: var(--neutral--black);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.like-icon-heart-black.slice {
  background-color: var(--dark-gray);
  opacity: 1;
  line-height: var(--_typography---line-height--lh-button);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.like-icon-heart-gradient.bite {
  background-image: linear-gradient(180deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  opacity: 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.like-icon-heart-gradient.slice {
  background-image: linear-gradient(180deg, var(--primary--modern-green), var(--primary--modern-yellow) 20%, var(--primary--vintage-orange) 35%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 75%, var(--primary--vintage-blue) 90%);
  opacity: 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.div-like-inset-white.bite {
  z-index: 7;
  margin: var(--_layout---spacing-fluid--space-micro);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--white);
  opacity: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-like-inset-white.bite.hover {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
}

.div-like-inset-white.slice {
  z-index: 7;
  margin: var(--_layout---spacing-fluid--space-micro);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--white);
  opacity: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-wraper-icon-relative {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 1.3rem;
  height: 1.2rem;
  margin-bottom: -1px;
  display: flex;
  position: relative;
}

.div-wraper-icon-relative.slice {
  margin-top: 1px;
}

.text-slice-btn-like-cta {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--primary--modern-green) 19%, var(--primary--modern-yellow) 30%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue));
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
  left: 0;
}

.div-slice-btn-like-wrapper-fixed {
  left: var(--_layout---spacing-fluid--space-lg);
  top: auto;
  right: auto;
  bottom: var(--_layout---spacing-fluid--space-xxl);
  z-index: 5;
  margin-left: var(--_layout---spacing-fluid--space-xxl);
  grid-column-gap: var(--_layout---spacing-fluid--space-xxs);
  grid-row-gap: var(--_layout---spacing-fluid--space-xxs);
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: fixed;
}

.collection-list-tags-template-wrapper {
  padding-top: var(--_layout---spacing-fluid--space-xs);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  opacity: .8;
  filter: blur(var(--_layout---ui-elements--tags-blur));
  position: absolute;
  overflow: hidden;
}

.collection-list-tags-template {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bg-tag-cloud {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-md);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--white);
  color: var(--neutral--whitesmoke);
  text-decoration: none;
}

.tag-title-name-gradient {
  z-index: 999;
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xl);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--vintage-green) 14%, var(--primary--vintage-yellow) 30%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 63%, var(--primary--vintage-purple) 83%, var(--primary--vintage-blue));
  color: var(--neutral--whitesmoke);
  font-size: var(--_typography---font-size--fs-h2);
  letter-spacing: -.1rem;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.tag-title-shape {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 27%, var(--primary--vintage-orange) 48%, var(--primary--vintage-red) 71%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
  align-self: center;
  position: relative;
}

.tag-title-shape-inner-form {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--white);
}

.tag-title-shape-name {
  z-index: 1;
  padding: var(--_layout---spacing-fluid--space-micro);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 27%, var(--primary--vintage-orange) 48%, var(--primary--vintage-red) 71%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  position: relative;
}

.tag-title-shape-blur {
  padding: var(--_layout---spacing-fluid--space-xxs);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 27%, var(--primary--vintage-orange) 48%, var(--primary--vintage-red) 71%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  filter: blur(.5rem);
  position: absolute;
  inset: 0%;
}

.div-link-back-tags {
  left: var(--_layout---spacing-fluid--space-lg);
  top: var(--_layout---ui-elements--slice-nav-back-btn);
  z-index: 99;
  margin-left: var(--_layout---spacing-fluid--space-xxl);
  padding-top: var(--_layout---spacing-fluid--space-xxs);
  padding-right: var(--_layout---spacing-fluid--space-xxs);
  padding-bottom: var(--_layout---spacing-fluid--space-xxs);
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--neutral--whitesmoke-60);
  -webkit-backdrop-filter: blur(var(--_typography---font-size--fs-copy));
  backdrop-filter: blur(var(--_typography---font-size--fs-copy));
  color: var(--neutral--black-50);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: fixed;
  overflow: visible;
}

.div-path-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-left: 2rem;
  padding-right: 1rem;
  display: flex;
}

.collection-list-bites-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-slice-info-meta-data {
  grid-column-gap: var(--_layout---spacing-fluid--space-xl);
  grid-row-gap: var(--_layout---spacing-fluid--space-xl);
  color: var(--neutral--black-50);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.list-title-slice {
  color: var(--dark-gray);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-h3);
  line-height: var(--_typography---line-height--lh-header-2);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
  max-width: 30ch;
  font-weight: 700;
  text-decoration: none;
}

.div-slice-info {
  grid-column-gap: var(--_layout---spacing-fluid--space-lg);
  grid-row-gap: var(--_layout---spacing-fluid--space-lg);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.link-tags-category {
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 21%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter Medium, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.text-block-15 {
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
}

.div-slice-info-last-update {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-category {
  grid-column-gap: .5ch;
  grid-row-gap: .5ch;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-17 {
  color: var(--neutral--black-50);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
}

.div-block-10 {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xxs);
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke-80);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 4% 2.25%;
}

.link-copyright {
  filter: none;
  color: var(--neutral--black-60);
  font-family: Inter Medium, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.text-block-18 {
  filter: none;
  color: var(--neutral--black-60);
}

.scrollable-section-tags {
  flex: 1;
  width: 100%;
  overflow: visible;
}

.page-content-tags {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

.grid-list-title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--neutral--whitesmoke);
  grid-template-rows: auto;
  grid-template-columns: 6ch minmax(40ch, 60ch) 4ch minmax(16ch, 24ch);
  justify-content: center;
  align-self: center;
  max-width: 100%;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  position: relative;
}

.div-title-iwishlist {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 10svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h1-iwishlist {
  z-index: 5;
  background-image: linear-gradient(90deg, var(--primary--modern-green) 10%, var(--primary--modern-yellow) 30%, var(--primary--vintage-orange) 45%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue) 90%);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  position: relative;
}

.div-title-header-iwishlist {
  position: relative;
}

.h1-iwishlist-blur {
  z-index: 4;
  background-image: linear-gradient(90deg, var(--primary--modern-green) 10%, var(--primary--modern-yellow) 30%, var(--primary--vintage-orange) 40%, var(--primary--modern-red) 60%, var(--primary--modern-purple) 80%, var(--primary--vintage-blue) 90%);
  opacity: .6;
  filter: blur(.2rem);
  color: var(--neutral--black-20);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  position: absolute;
  inset: 0%;
}

.collection-list-iwishlist-bg-1 {
  position: absolute;
  inset: 0% 0% auto;
}

.collection-list-iwishlist-bg-1._3 {
  padding-top: 4rem;
  padding-left: 10rem;
}

.collection-list-iwishlist-bg-1._5 {
  padding-top: 8rem;
}

.collection-list-iwihslist-list-1 {
  filter: blur(.1rem);
  color: var(--neutral--black-10);
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  display: flex;
}

.collection-list-iwihslist-item-1 {
  flex: none;
  justify-content: center;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.div-iwishstlist-bg-blur {
  z-index: 3;
  background-color: var(--white);
  filter: blur(1rem);
  position: absolute;
  inset: 0%;
}

.text-bg-iwishlist-items-blur {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-bg-iwishlist-items-blur._3 {
  filter: blur(.075rem);
  color: var(--neutral--black-20);
  font-size: 1rem;
}

.text-bg-iwishlist-items-blur._2 {
  filter: blur(.025rem);
  color: var(--neutral--black-5);
  font-size: 2rem;
}

.collection-list-iwishlist-bg-2 {
  padding-top: 1.45rem;
  position: absolute;
  inset: 0% 0% auto;
}

.collection-list-iwishlist-bg-2._4 {
  padding-top: 5.5rem;
  padding-right: 6rem;
}

.collection-list-iwihslist-list-2 {
  filter: blur(.1rem);
  color: var(--neutral--black-10);
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  display: flex;
}

.div-category-title {
  margin-top: var(--_layout---title-space);
  margin-bottom: var(--_layout---spacing-fluid--space-xxl);
  box-shadow: 0rem .5rem .75rem -.45rem var(--neutral--black-5);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 15svh;
  display: flex;
  overflow: hidden;
}

.h1-category {
  z-index: 5;
  color: var(--white);
  font-size: var(--_typography---font-size--fs-h1);
  line-height: var(--_typography---line-height--lh-button);
  text-shadow: 0 1px 1px var(--neutral--black-5);
  background-image: none;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  top: auto;
}

.h1-category.blur {
  z-index: 4;
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  filter: blur(var(--_typography---font-size--fs-copy-xs));
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  transform-style: preserve-3d;
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  top: 0;
  bottom: 0;
  transform: scale3d(3, 2.25, 1);
}

.div-container-category {
  align-self: center;
}

.div-link-container-title-img {
  text-decoration: none;
}

.div-category-date-likes-sponsored {
  grid-column-gap: 5ch;
  grid-row-gap: 5ch;
  color: var(--neutral--black-50);
  font-size: var(--_typography---font-size--fs-xxs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-category-date-2 {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.img-category-preview {
  box-shadow: .25rem .25rem .35rem 0 var(--neutral--black-5);
  object-fit: cover;
  width: 10rem;
  height: 10rem;
}

.collection-list-item-category {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-bottom: 1px dotted var(--neutral--black-20);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.text-categery-last-updated, .text-category-date {
  white-space: nowrap;
}

.h2-category-title-slice {
  color: var(--neutral--black);
  letter-spacing: -.05rem;
  max-width: 30ch;
  margin-bottom: 1.25rem;
  font-size: 1.6rem;
  line-height: 1.2;
  text-decoration: none;
  display: block;
}

.collection-list-category {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.collection-list-wrapper-category {
  max-width: 1320px;
}

.category-card-50 {
  z-index: 2;
  border-radius: var(--_layout---corner-radius--corner-radius) var(--_layout---corner-radius--corner-radius) var(--_layout---corner-radius--no-corner-radius) var(--_layout---corner-radius--no-corner-radius);
  background-color: var(--white);
  box-shadow: inset 0rem 0rem .015rem .2rem var(--white), inset 0rem 0rem .5rem .75rem var(--neutral--black-5);
  justify-content: space-between;
  width: 50%;
  height: 15.5svh;
  margin-bottom: -1svh;
  padding: 2.5svh 3svh;
  display: flex;
  position: relative;
}

.pill {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--primary--vintage-green);
  background-image: linear-gradient(180deg, var(--neutral--whitesmoke-50) 20%, var(--transparent-1) 50%);
  box-shadow: 0rem 0rem 1rem .075rem var(--primary--transparent--vintage-green-70), 0 0 .5px 1px var(--neutral--black-30), 0 0 0 4px var(--neutral--whitesmoke);
  width: 3svh;
  height: 1svh;
}

.pill.yellow {
  background-color: var(--primary--vintage-yellow);
  box-shadow: 0rem 0rem 1rem .075rem var(--primary--transparent--vintage-yellow-70), 0 0 .5px 1px var(--neutral--black-30), 0 0 0 4px var(--neutral--whitesmoke);
}

.pill.orange {
  background-color: var(--primary--vintage-orange);
  background-image: linear-gradient(180deg, var(--neutral--whitesmoke-40) 20%, var(--transparent-1) 50%);
  box-shadow: 0rem 0rem 1rem .075rem var(--primary--transparent--vintage-orange-70), 0 0 .5px 1px var(--neutral--black-30), 0 0 0 4px var(--neutral--whitesmoke);
}

.pill.red {
  background-color: var(--primary--vintage-red);
  box-shadow: 0rem 0rem 1rem .075rem var(--primary--transparent--vintage-red-70), 0 0 .5px 1px var(--neutral--black-30), 0 0 0 4px var(--neutral--whitesmoke);
}

.pill.purple {
  background-color: var(--primary--vintage-purple);
  box-shadow: 0rem 0rem .5rem .075rem var(--primary--transparent--vintage-purple-70), 0 0 .5px 1px var(--neutral--black-30), 0 0 0 4px var(--neutral--whitesmoke);
}

.pill.blue {
  background-color: var(--primary--vintage-blue);
  box-shadow: 0rem 0rem 1rem .075rem var(--primary--transparent--vintage-blue-70), 0 0 .5px 1px var(--neutral--black-30), 0 0 0 4px var(--neutral--whitesmoke);
}

.pill-container {
  display: inline-block;
  position: relative;
}

.pill-container.blue-2 {
  top: 0;
  right: 0;
}

.category-card-70 {
  z-index: 1;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--white);
  box-shadow: inset 0rem 0rem .015rem .2rem var(--white), inset 0rem 0rem .5rem .75rem var(--neutral--black-5);
  justify-content: space-between;
  width: 70%;
  height: 20svh;
  margin-bottom: -6svh;
  padding: 2.5svh 3svh;
  display: flex;
  position: absolute;
  top: 3svh;
}

.div-category-cards-title {
  flex: 1;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.category-card-90 {
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--white);
  box-shadow: inset 0rem 0rem .015rem .2rem var(--white), inset 0rem 0rem .5rem .75rem var(--neutral--black-5);
  justify-content: space-between;
  width: 90%;
  height: 20svh;
  margin-bottom: -6svh;
  padding: 2.5svh 3svh;
  display: flex;
  position: absolute;
  top: 6svh;
}

.glass-riffle {
  z-index: 4;
  box-shadow: 0 -.75rem 1.65rem -1.25rem var(--neutral--black-10);
  background-image: linear-gradient(#ffffff4d, #fff0);
  width: 44%;
  height: 5svh;
  position: absolute;
  inset: 4svh auto auto;
}

.glass-riffle._2 {
  top: 6svh;
}

.glass-riffle._3 {
  top: 8svh;
}

.glass-riffle._4 {
  top: 10svh;
}

.glass-riffle._5 {
  background-image: linear-gradient(#ffffff4d, #fff0);
  top: 12svh;
}

.div-shop-container {
  margin-bottom: var(--_layout---spacing-fluid--space-xl);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  display: flex;
}

.div-shop-content {
  grid-column-gap: var(--_layout---spacing-fluid--space-xl);
  grid-row-gap: var(--_layout---spacing-fluid--space-xl);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: auto;
  place-items: start;
  display: grid;
}

.div-shop-subnav {
  z-index: 99;
  margin-bottom: var(--_layout---spacing-fluid--space-xl);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-wrapper-subnav-action-itemes {
  grid-column-gap: var(--_layout---spacing-fluid--space-sm);
  grid-row-gap: var(--_layout---spacing-fluid--space-sm);
  font-size: var(--_typography---font-size--fs-copy-xs);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-shop-sidenav {
  padding-right: var(--_layout---spacing-fluid--space-md);
  grid-column-gap: 5ch;
  grid-row-gap: 5ch;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-image: linear-gradient(90deg, var(--neutral--whitesmoke) 10%, white);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  display: flex;
}

.div-shop-product-card {
  aspect-ratio: 3 / 2;
  box-shadow: inset .125rem .125rem .375rem 0 var(--neutral--whitesmoke-50), .125rem .125rem .25rem 0rem var(--neutral--black-5);
  cursor: pointer;
  object-fit: cover;
  border-radius: calc(var(--_layout---spacing-fluid--space-sm)  + var(--_layout---spacing-fluid--space-sm));
  background-image: url('../images/ChatGPT-Image-Jun-22-2025-at-02_06_26-PM.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-shop-message-container {
  background-color: #1e1c1a;
  border-radius: 4svh;
  justify-content: center;
  align-items: center;
  max-height: 25svh;
  margin-bottom: 2rem;
  display: none;
  overflow: hidden;
}

.div-shop-message-img-bg {
  object-fit: cover;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  max-width: 33%;
  display: flex;
}

.div-shop-message-text {
  flex: 1;
  max-width: 60ch;
  margin: 4svh 8svh;
}

.image {
  height: 100%;
}

.heading-3 {
  color: var(--light-gray);
}

.paragraph {
  color: var(--primary--vintage-red);
}

.div-shop-sidenav-2 {
  z-index: 999;
  border-right: 2px solid var(--white);
  background-color: var(--neutral--whitesmoke);
  box-shadow: .25rem 0rem .25rem .075rem var(--neutral--black-80);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 33svw;
  min-height: 100%;
  padding: 3rem 5rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: scroll;
}

.div-shop-containerr-sidenav {
  z-index: 102;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
  position: relative;
}

.div-shop-containerr-sidenav.last {
  margin-bottom: 0;
}

.text-block-20 {
  color: var(--dark-gray);
  letter-spacing: -.15rem;
  margin-bottom: 2rem;
  font-family: Inter Bold, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  display: none;
}

.div-badge-beta {
  left: auto;
  top: var(--_layout---spacing-fluid--space-micro);
  background-color: var(--white);
  background-image: linear-gradient(180deg, var(--primary--transparent--modern-red-80), var(--primary--modern-red));
  color: var(--neutral--whitesmoke);
  font-size: .5rem;
  line-height: var(--_typography---line-height--lh-button);
  border-radius: 1rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .1rem .3rem;
  display: none;
  position: absolute;
  bottom: auto;
  right: auto;
  transform: translate(65%);
}

.text-block-21 {
  letter-spacing: .05rem;
  text-transform: uppercase;
}

.text-category-title {
  color: var(--dark-gray);
  letter-spacing: -.075rem;
  font-family: Inter Bold, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}

.div-block-12 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.div-category-item-badge {
  background-color: var(--neutral--black-10);
  border-radius: 1rem;
  padding: .25rem .75rem;
}

.text-category-item-count {
  color: var(--dark-gray);
  font-family: Inter Bold, sans-serif;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
}

.text-block-23 {
  letter-spacing: -.05rem;
  font-size: 1.2rem;
  line-height: 1;
}

.div-category-wrapper-item {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.category-divider {
  background-color: var(--neutral--black-10);
  width: 155%;
  height: 1px;
  margin-left: -50%;
}

.div-block-14 {
  z-index: 999999;
  -webkit-backdrop-filter: blur(.7rem);
  backdrop-filter: blur(.7rem);
  background-color: #000000d9;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.div-category-item-badge-sale {
  background-color: var(--primary--vintage-red);
  border-radius: 1rem;
  padding: .25rem .75rem;
}

.text-category-item-count-copy-copy {
  color: var(--neutral--whitesmoke);
  font-family: Inter Bold, sans-serif;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
}

.div-badge-new {
  background-color: var(--primary--transparent--vintage-blue-20);
  border-radius: 1rem;
  padding: .25rem .75rem;
}

.text-category-item-new {
  color: var(--primary--vintage-blue);
  font-family: Inter Bold, sans-serif;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
}

.btn-category-menue-close {
  background-color: var(--neutral--whitesmoke);
  box-shadow: .25rem .25rem .25rem .015rem var(--neutral--black-80);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-size: 3rem;
  line-height: 1;
  display: flex;
  position: absolute;
  left: 38%;
}

.text-block-24 {
  font-family: Inter Extra Bold, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  transform: rotate(45deg);
}

.category-item-divider {
  background-color: var(--neutral--black-10);
  width: 110%;
  height: 1px;
  margin-left: -5%;
}

.category-item-soon {
  color: var(--light-gray);
  letter-spacing: -.05rem;
  font-size: 1.2rem;
  line-height: 1;
}

.div-badge-soon {
  background-color: var(--primary--transparent--modern-green-20);
  border-radius: 1rem;
  padding: .25rem .75rem;
}

.text-category-item-soon {
  color: var(--primary--vintage-green);
  text-transform: uppercase;
  font-family: Inter Bold, sans-serif;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
}

.subnav-logo {
  border-radius: 0;
  margin-bottom: 6rem;
}

.category-soon {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.text-category-title-soon {
  color: var(--light-gray);
  letter-spacing: -.075rem;
  font-family: Inter Bold, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}

.image-2 {
  position: absolute;
}

.div-product-info-area {
  z-index: 5;
  padding: var(--_layout---spacing-fluid--space-lg) var(--_layout---spacing-fluid--space-lg) var(--_layout---spacing-fluid--space-sm);
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-price {
  color: var(--dark-gray);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  font-weight: 600;
}

.div-price-tag {
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-sm);
  grid-column-gap: .35svw;
  grid-row-gap: .35svw;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  box-shadow: .1rem .1rem .2rem 0 var(--neutral--black-30);
  font-family: Inter Medium, sans-serif;
  line-height: var(--_typography---line-height--lh-button);
  text-transform: none;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h3-product-title {
  color: var(--white);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-lg);
  line-height: var(--_typography---line-height--lh-header);
  letter-spacing: var(--_typography---ls-heading-3);
  text-shadow: .1rem .1rem .1rem var(--neutral--black-30);
  font-weight: 700;
}

.btn-shop-filter {
  grid-column-gap: 1.5ch;
  grid-row-gap: 1.5ch;
  border-top-left-radius: var(--_layout---corner-radius--corner-radius);
  border-top-right-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-left-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-right-radius: var(--_layout---corner-radius--corner-radius);
  background-image: linear-gradient(to bottom, var(--primary--transparent--vintage-blue-20), var(--primary--transparent--vintage-blue-20)), linear-gradient(to bottom, var(--white), var(--white));
  color: var(--neutral--whitesmoke);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  border-radius: calc(4svh + .6ch);
  justify-content: center;
  align-items: center;
  padding: .6ch .7ch .6ch 2ch;
  font-weight: 600;
  display: flex;
}

.label-text {
  color: var(--primary--vintage-blue);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  -webkit-text-stroke-color: var(--primary--modern-blue);
}

.text-block-27 {
  color: var(--primary--vintage-blue);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  -webkit-text-stroke-color: var(--primary--modern-blue);
  margin-bottom: -1px;
  font-weight: 700;
}

.label-bubble-indicator {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xs);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-items: center;
  min-width: 5ch;
  display: flex;
}

.btn-shop-subnav {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-md);
  grid-column-gap: 1.5ch;
  grid-row-gap: 1.5ch;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--black-10);
  color: var(--neutral--whitesmoke);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-xxs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.btn-shop-subnav.filter-on {
  background-color: var(--primary--transparent--vintage-blue-20);
}

.btn-shop-subnav-text {
  color: var(--gray);
  font-size: var(--_typography---font-size--fs-xxs);
  line-height: var(--_typography---line-height--lh-button);
}

.btn-shop-subnav-text.filter-on {
  color: var(--primary--vintage-blue);
  font-size: var(--_typography---font-size--fs-xxs);
  line-height: var(--_typography---line-height--lh-button);
}

.btn-shop-subnav-bubble {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xs);
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  color: var(--dark-gray);
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 4ch;
  display: flex;
}

.btn-shop-subnav-text-option {
  font-family: Inter Regular, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  font-weight: 400;
}

.tet-gradient {
  z-index: 1;
  border-top-left-radius: var(--_layout---corner-radius--corner-radius);
  border-top-right-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-left-radius: var(--_layout---corner-radius--corner-radius);
  border-bottom-right-radius: var(--_layout---corner-radius--corner-radius);
  background-image: linear-gradient(180deg, var(--transparent), var(--black) 60%);
  opacity: .83;
  filter: blur(1rem);
  mix-blend-mode: normal;
  mask-composite: inherit;
  transform-style: preserve-3d;
  justify-content: space-between;
  align-items: center;
  min-height: 30%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  transform: scale3d(1.2, 1.5, 1);
}

.img-product {
  object-fit: cover;
  border-radius: 0;
  position: absolute;
}

.div-path-shop-category {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  display: flex;
}

.shop-text-category {
  background-image: linear-gradient(90deg, var(--primary--vintage-green), var(--primary--vintage-yellow) 20%, var(--primary--vintage-orange) 40%, var(--primary--vintage-red) 60%, var(--primary--vintage-purple) 80%, var(--primary--vintage-blue));
  color: var(--neutral--black-40);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-all-caps);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: flex-start;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.shop-text-category.w--current {
  font-size: var(--_typography---font-size--fs-copy-xs);
}

.slice-text-shop {
  color: var(--neutral--black-50);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  font-weight: 500;
  text-decoration: none;
  transition: color .3s ease-in-out;
  display: block;
}

.slice-text-shop:hover {
  color: var(--gray);
}

.slice-text-shop:lang(en) {
  display: block;
}

.slice-text-shop.w--current {
  font-size: var(--_typography---font-size--fs-copy-xs);
  text-decoration: none;
}

.slice-text-publish-shop {
  filter: invert(40%);
  color: var(--neutral--whitesmoke);
  font-family: Inter Medium, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1;
}

.shop-text-label-sponsoring {
  background-color: var(--light-gray);
  color: var(--white);
  -webkit-text-stroke-color: var(--gray);
  border-radius: .3rem;
  margin-left: .4rem;
  padding: .35rem .65rem;
  font-family: Inter Semi Bold, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
}

.btn-categories {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-md) var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xxs);
  grid-column-gap: 1.5ch;
  grid-row-gap: 1.5ch;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-image: linear-gradient(to bottom, var(--neutral--black-10), var(--neutral--black-10)), linear-gradient(to bottom, var(--neutral--whitesmoke), var(--neutral--whitesmoke));
  box-shadow: .35rem 0 .5rem 1px var(--neutral--black-5);
  color: var(--neutral--whitesmoke);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-xxs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.bubble-categories-icon {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xs);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 5ch;
  display: flex;
}

.text-categories {
  color: var(--gray);
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
}

.svg-icon-categories {
  height: var(--_typography---font-size--fs-copy-xs);
  aspect-ratio: 1;
  color: var(--gray);
  font-size: .5rem;
  line-height: var(--_typography---line-height--lh-button);
  width: auto;
}

.icon-shop-subnav-svg {
  height: var(--_typography---font-size--fs-copy-xs);
  aspect-ratio: 1;
  color: var(--gray);
}

.div-price-info {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-add-to-cart-icon {
  color: var(--dark-gray);
  text-transform: none;
  flex: 1;
  font-family: Inter Semi Bold, sans-serif;
  font-size: 1.5svh;
  font-weight: 600;
  line-height: 1;
}

.svg-icon-bag {
  color: var(--dark-gray);
  width: 1.5svh;
  height: 1.5svh;
  font-size: .5rem;
  line-height: 1;
}

.btn-add-to-cart-icon {
  grid-column-gap: .35svw;
  grid-row-gap: .35svw;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  box-shadow: .1rem .1rem .2rem 0 var(--neutral--black-30);
  text-transform: none;
  padding: .3svw .65svw;
  font-family: Inter Medium, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: none;
}

.shop-collection-list-wrapper {
  width: 100%;
  position: relative;
}

.link-shop-product-card {
  aspect-ratio: 3 / 2;
  box-shadow: none;
  cursor: pointer;
  object-fit: cover;
  border-radius: calc(var(--_layout---spacing-fluid--space-sm)  + var(--_layout---spacing-fluid--space-sm));
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-product-page {
  grid-column-gap: 6svh;
  grid-row-gap: 6svh;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: auto;
  justify-content: space-around;
  align-self: center;
  place-items: flex-start start;
  max-width: 1440px;
  display: flex;
}

.productimage {
  background-color: var(--neutral--black-5);
  background-image: url('../images/SVG_yabooka__WORDMARK_black_web.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.productimage.macbook {
  aspect-ratio: 4 / 2.8;
  border-radius: 1px 1svh 0 0;
  width: 54%;
  min-width: auto;
  height: auto;
  margin-top: -.5px;
  transition-property: none;
  display: block;
  position: static;
}

.productimage.blur {
  aspect-ratio: auto;
  contain: paint;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: scale(1.4);
  will-change: filter !important;
}

.productimage.iphone {
  aspect-ratio: 1 / 2.07;
  border-radius: 13.25%;
  width: 26.5%;
  height: auto;
  display: block;
  position: static;
  overflow: visible;
}

.productimage.imac {
  aspect-ratio: 16 / 9;
  border-radius: 1px 1svh 0 0;
  width: 52%;
  min-width: auto;
  max-width: none;
  height: auto;
  margin-top: -18%;
  transition-duration: .26s;
  transition-timing-function: ease-out;
  display: block;
  position: static;
}

.productimage.ipad {
  aspect-ratio: 4 / 3;
  border-radius: 1px 1svh 0 0;
  width: 45%;
  min-width: auto;
  max-width: none;
  height: auto;
  margin-top: -.5px;
  transition-property: none;
  display: block;
  position: static;
}

.productimage.iphone-lock {
  background-repeat: no-repeat;
  border-radius: 15%;
  justify-content: center;
  align-items: stretch;
  width: 99%;
  height: 97%;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 1% 1% 2%;
  overflow: hidden;
}

.productimage.bg {
  z-index: 1;
  aspect-ratio: auto;
  filter: blur(20px);
  object-fit: fill;
  justify-content: center;
  align-items: stretch;
  width: 140%;
  min-width: 0;
  height: 140%;
  margin: -20%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.productimage.ipadpro {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1%;
  justify-content: center;
  align-items: stretch;
  width: 88%;
  height: 89%;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 7% 6% 5% 5%;
  overflow: hidden;
}

.productimage.imac {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1%;
  justify-content: center;
  align-items: stretch;
  width: 90%;
  height: 89%;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 7% 5% 4%;
  overflow: hidden;
}

.productimage.imacpro {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 1%;
  justify-content: center;
  align-items: stretch;
  width: 80%;
  height: 63%;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 2% 10% 35%;
  overflow: hidden;
}

.productimage.macbookpro {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1%;
  justify-content: center;
  align-items: stretch;
  width: 80%;
  height: 75%;
  transition-property: none;
  display: flex;
  position: absolute;
  inset: 10% 10% 15%;
  overflow: hidden;
}

.product-info {
  max-width: var(--_layout---layout--width--content-max-width);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.productname {
  margin-bottom: var(--_layout---spacing-fluid--space-xs);
  font-size: var(--_typography---font-size--fs-h3);
  line-height: var(--_typography---line-height--lh-header);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
}

.productdescription {
  max-width: var(--_layout---container--max-width-1);
  margin-bottom: var(--_layout---spacing-fluid--space-md);
  color: var(--neutral--black-40);
  font-size: var(--_typography---font-size--fs-copy-sm);
  line-height: var(--_typography---line-height--lh-body);
  letter-spacing: var(--_typography---letter-spacing--ls-body);
}

.productcolors {
  margin-bottom: 2.5svh;
}

.device-selector {
  grid-column-gap: 1svh;
  grid-row-gap: 1svh;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8svh;
  display: flex;
}

.div-block-19 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.price-tag-m {
  margin-bottom: var(--_layout---spacing-fluid--space-xl);
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-lg);
  background-color: var(--neutral--black-10);
  color: var(--neutral--black);
  border-radius: 1.5svh;
  justify-content: center;
  align-items: center;
  font-family: Inter Semi Bold, sans-serif;
  font-weight: 600;
  display: inline-flex;
}

.text-block-28 {
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
}

.btn-selected-device {
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-lg);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--dark-gray);
  color: var(--neutral--whitesmoke);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.btn-unselected-device {
  padding: var(--_layout---spacing-fluid--space-xs) var(--_layout---spacing-fluid--space-lg);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--black-10);
  color: var(--dark-gray);
  font-family: Inter Medium, sans-serif;
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.btn-color-inside {
  z-index: 3;
  border: .15rem solid var(--neutral--whitesmoke-80);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  box-shadow: inset 0 -5px 5px 3px var(--neutral--whitesmoke-30);
  background-image: url('../images/wallpaper_2024_2.webp');
  background-position: 50%;
  background-size: cover;
  width: 4svh;
  height: 4svh;
  transition: all .4s ease-in-out;
  position: absolute;
  inset: 0%;
}

.btn-color-blur {
  z-index: 2;
  border: .15rem solid var(--white);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  filter: blur(5px);
  background-image: url('../images/wallpaper_2024_2.webp');
  background-position: 0 0;
  background-size: cover;
  width: 4svh;
  height: 4svh;
  position: absolute;
  inset: 0%;
}

.btn-color-wrapper {
  border: .175rem solid var(--transparent-1);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke);
  justify-content: center;
  align-items: center;
  width: 4svh;
  height: 4svh;
  display: flex;
  position: relative;
}

.text-block-30, .text-block-31, .text-block-32 {
  font-size: 2svh;
  line-height: 1;
}

.btn-add-to-cart {
  padding: var(--_layout---spacing-fluid--space-sm) var(--_layout---spacing-fluid--space-md);
  grid-column-gap: .75svh;
  grid-row-gap: .75svh;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--primary--modern-blue);
  color: var(--neutral--whitesmoke);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.btn-add-to-cart.disabled {
  background-color: var(--neutral--black-10);
  color: var(--neutral--black-20);
}

.text-add-to-cart {
  font-size: var(--_typography---font-size--fs-copy);
  line-height: var(--_typography---line-height--lh-button);
}

.svg-icon-cart-svg {
  color: var(--neutral--whitesmoke);
  width: 1.5svh;
  height: 2svh;
  margin-bottom: -2px;
  line-height: 1;
}

.shop {
  flex-flow: column;
  display: flex;
}

.div-open-product-macbook {
  filter: none;
  object-fit: cover;
  background-image: url('../images/macbook_air_transparent.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 66%;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.btn-product-img-prev {
  left: var(--_layout---spacing-fluid--space-md);
  z-index: 99;
  min-height: var(--_typography---font-size--fs-button-sm);
  padding: var(--_layout---spacing-fluid--space-sm) var(--_typography---font-size--fs-copy);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke-70);
  -webkit-backdrop-filter: blur(var(--_typography---font-size--fs-xxs));
  backdrop-filter: blur(var(--_typography---font-size--fs-xxs));
  color: var(--neutral--black-80);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 700;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: auto;
}

.btn-product-img-prev:hover {
  background-color: var(--neutral--whitesmoke-90);
}

.btn-product-img-next {
  top: 50%;
  left: auto;
  right: var(--_layout---spacing-fluid--space-md);
  z-index: 99;
  aspect-ratio: 1;
  background-color: var(--neutral--whitesmoke-70);
  -webkit-backdrop-filter: blur(var(--_typography---font-size--fs-xxs));
  backdrop-filter: blur(var(--_typography---font-size--fs-xxs));
  color: var(--neutral--black-80);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-h4);
  line-height: var(--_typography---line-height--lh-button);
  text-align: center;
  letter-spacing: 0;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4ch;
  min-width: 40px;
  height: 4ch;
  min-height: 40px;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 700;
  transition: all .3s;
  display: flex;
  position: absolute;
  bottom: 50%;
}

.btn-product-img-next:hover {
  background-color: var(--neutral--whitesmoke-90);
}

.product-device {
  object-fit: fill;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.overlay-bg-blur {
  background-color: var(--neutral--black-60);
  filter: contrast(200%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: scale(1.4);
}

.overlay-bg-blur.fallback {
  background-color: var(--neutral--black-70);
}

.slider-product-image {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-items: flex-start;
  width: 40svw;
  max-width: 50%;
  max-height: 65svh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide {
  z-index: 2;
  opacity: 0;
  cursor: auto;
  width: 100%;
  height: 100%;
  transition: opacity .5s ease-in-out;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.slider-fade {
  clip-path: inset(0 round var(--_layout---corner-radius--corner-radius));
  border-radius: 4svh;
  align-self: stretch;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-open-product-iphone {
  filter: none;
  background-image: url('../images/iPhone_transparent_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 66%;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.collection-list-wrapper-5 {
  margin-top: var(--_layout---spacing-fluid--space-xl);
}

.div-open-product-imac {
  filter: none;
  background-image: url('../images/iMac_transparent.webp');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: 66%;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-open-product-ipad {
  filter: none;
  background-image: url('../images/iPad_transparent_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 45%;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-open-product-iphonelock {
  background-image: url('../images/SVG_mockup__iPhone_17_Pro_v000006.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.wrapper-device {
  aspect-ratio: 1 / 2.1;
  object-fit: cover;
  position: relative;
  overflow: hidden;
}

.wrapper-device.ipad {
  aspect-ratio: 4 / 3;
  width: 66%;
  height: auto;
  max-height: 80%;
}

.wrapper-device.iphone {
  width: auto;
  max-width: 66%;
  height: 80%;
}

.wrapper-device.imac, .wrapper-device.macbookpro {
  aspect-ratio: 4 / 3;
  width: 66%;
  height: auto;
  max-height: 80%;
}

.div-open-product-ipadpro {
  background-image: url('../images/iPad_transparent_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-3 {
  mix-blend-mode: difference;
  border-radius: 0;
  width: 51%;
  position: absolute;
  inset: 33% 0% auto;
}

.div-open-product-imacpro {
  background-image: url('../images/iMac_transparent.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: -5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-open-product-macbookpro {
  background-image: url('../images/macbook_air_transparent.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-4 {
  mix-blend-mode: difference;
  position: absolute;
  inset: 0%;
}

.text-block-33 {
  color: var(--neutral--whitesmoke-50);
  justify-content: center;
  align-items: center;
  font-family: Inter Extra Bold, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  display: flex;
  position: absolute;
  inset: 0%;
}

.clock-time {
  justify-content: center;
  align-items: center;
  font-family: Inter Extra Bold, sans-serif;
  font-size: 4rem;
  font-weight: 800;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-4 {
  margin-bottom: var(--_layout---spacing-fluid--space-lg);
  font-size: var(--_typography---font-size--fs-h1);
  line-height: var(--_typography---line-height--lh-header);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
}

.heading-5, .heading-6 {
  margin-bottom: var(--_layout---spacing-fluid--space-lg);
}

.label-sale {
  padding: var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-xxs) var(--_layout---spacing-fluid--space-md);
  grid-column-gap: 1.5ch;
  grid-row-gap: 1.5ch;
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--primary--transparent--vintage-red-90);
  color: var(--neutral--whitesmoke);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-xxs);
  line-height: var(--_typography---line-height--lh-button);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.label-text-sale {
  color: var(--neutral--whitesmoke);
  font-size: var(--_typography---font-size--fs-xxs);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-all-caps);
  text-transform: uppercase;
}

.bubble-filter-text {
  color: var(--primary--vintage-blue);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  -webkit-text-stroke-color: var(--primary--modern-blue);
  margin-bottom: -1px;
  font-weight: 700;
}

.bubble-filter-text.sale {
  color: var(--primary--transparent--vintage-red-90);
  font-family: Inter Black, sans-serif;
  font-weight: 900;
}

.code-embed-4 {
  padding: var(--_layout---spacing-fluid--space-xxs);
  font-size: var(--_typography---font-size--fs-copy);
  min-width: 40px;
  min-height: auto;
}

.text-block-34 {
  font-size: var(--_typography---font-size--fs-xxs);
  letter-spacing: var(--_typography---letter-spacing--ls-small);
  text-transform: uppercase;
}

.btn-product-img-nexxt {
  top: 50%;
  left: auto;
  right: var(--_layout---spacing-fluid--space-md);
  z-index: 99;
  min-height: var(--_typography---font-size--fs-button-sm);
  padding: var(--_layout---spacing-fluid--space-sm) var(--_typography---font-size--fs-copy);
  border-radius: var(--_layout---corner-radius--corner-radius);
  background-color: var(--neutral--whitesmoke-70);
  -webkit-backdrop-filter: blur(var(--_typography---font-size--fs-xxs));
  backdrop-filter: blur(var(--_typography---font-size--fs-xxs));
  color: var(--neutral--black-80);
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-button-sm);
  line-height: var(--_typography---line-height--lh-button);
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 700;
  transition: all .3s;
  display: flex;
  position: absolute;
  bottom: 50%;
}

.btn-product-img-nexxt:hover {
  background-color: var(--neutral--whitesmoke-90);
}

.page-count {
  font-family: Inter Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-copy-xs);
  width: auto;
  min-width: 10ch;
  margin-top: 0;
  font-weight: 700;
}

.div-footer-items {
  margin-top: var(--_layout---spacing-fluid--space-xxl);
  color: var(--neutral--whitesmoke-60);
  font-size: var(--_typography---font-size--fs-copy-xs);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.copyright {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  line-height: var(--_typography---line-height--lh-button);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-footer-legal {
  grid-column-gap: 3ch;
  grid-row-gap: 3ch;
  font-size: var(--_typography---font-size--fs-copy-xs);
  line-height: var(--_typography---line-height--lh-button);
  display: flex;
}

.text-footer-links {
  color: var(--neutral--whitesmoke-60);
  font-family: Inter Medium, sans-serif;
  line-height: var(--_typography---line-height--lh-button);
  white-space: nowrap;
  text-underline-offset: var(--_typography---letter-spacing--ls-all-caps);
  -webkit-text-decoration-color: var(--neutral--whitesmoke-40);
  text-decoration-color: var(--neutral--whitesmoke-40);
  text-underline-position: under;
  cursor: pointer;
  font-weight: 500;
  text-decoration-style: solid;
  transition: color .3s ease-in-out;
}

.text-footer-links:hover {
  color: var(--neutral--whitesmoke);
}

.collection-list-tags-template-item {
  font-size: var(--_typography---font-size--fs-h4);
  line-height: var(--_typography---line-height--lh-button);
}

.text-meta-data {
  white-space: nowrap;
}

.text-block-35 {
  letter-spacing: var(--_typography---letter-spacing--ls-all-caps);
}

.link-build-in-public {
  color: var(--neutral--black-90);
  font-size: var(--_typography---font-size--fs-micro);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-body);
  -webkit-text-stroke-color: var(--neutral--black-80);
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.link-build-in-public:hover {
  color: var(--black);
}

.div-wrapper-header-left {
  grid-column-gap: 2ch;
  grid-row-gap: 2ch;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body-2 {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-offline-container {
  aspect-ratio: 9 / 19.5;
  background-color: var(--neutral--whitesmoke);
  background-image: linear-gradient(to bottom, var(--neutral--whitesmoke-90), var(--neutral--whitesmoke-90)), linear-gradient(180deg, var(--primary--transparent--modern-green-90), var(--primary--transparent--modern-yellow-90) 20%, var(--primary--transparent--vintage-orange-90) 40%, var(--primary--transparent--modern-red-90) 60%, var(--primary--transparent--modern-purple-90) 80%, var(--primary--transparent--vintage-blue-90));
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: auto;
  height: 80svh;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.nav-top {
  z-index: 3;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  justify-content: center;
  align-items: center;
  margin-left: -73%;
  display: flex;
  position: relative;
  transform: scale(1.8);
}

.nav-bottom {
  z-index: 3;
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  justify-content: center;
  align-items: center;
  margin-right: -133%;
  display: flex;
  position: relative;
  transform: scale(1.8);
}

.div-text {
  z-index: 3;
  grid-column-gap: 6svh;
  grid-row-gap: 6svh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 80%;
  margin-top: 2rem;
  display: flex;
  position: relative;
}

.text-block-36 {
  z-index: 1;
  filter: blur(.1rem);
  color: var(--neutral--black);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-h4);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
  white-space: nowrap;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.buildinpublic-black {
  color: var(--neutral--black-80);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-micro);
  text-transform: uppercase;
  position: absolute;
  right: 0;
}

.waaat {
  border-radius: var(--_layout---corner-radius--no-corner-radius);
  width: 60%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.div-block-21 {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  min-width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.coming-soon-black {
  z-index: 1;
  color: var(--neutral--black);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-h4);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
  white-space: nowrap;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.buildinpublic-blur {
  filter: blur(.1rem);
  color: var(--neutral--black-80);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-micro);
  text-transform: uppercase;
  position: absolute;
  right: 0;
}

.div-y-logo {
  justify-content: center;
  align-items: center;
  width: 18svw;
  min-width: 250px;
  height: auto;
  min-height: 60px;
  display: flex;
  position: relative;
}

.waaat-blur {
  border-radius: var(--_layout---corner-radius--no-corner-radius);
  filter: blur(.1rem);
  width: 60%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.div-offline-stripe {
  background-color: var(--neutral--whitesmoke-80);
  mix-blend-mode: soft-light;
  width: 110%;
  height: .25rem;
  display: none;
}

.div-offline-stripes {
  z-index: 1;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  filter: blur(.1rem);
  mix-blend-mode: overlay;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-height: 100svh;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-bip {
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: auto;
  margin-top: 2.25svh;
  position: relative;
}

.div-six-colors-pill-wrapper {
  filter: blur(.75rem);
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: absolute;
  inset: 0 0% 0%;
}

.pill2 {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--primary--transparent--modern-green-90);
  width: 11%;
  height: 10rem;
}

.pill2.yellow {
  background-color: var(--primary--transparent--modern-yellow-90);
  margin-top: 60%;
}

.pill2.orange {
  background-color: var(--primary--transparent--vintage-orange-90);
  margin-top: 55%;
}

.pill2.red {
  background-color: var(--primary--transparent--modern-red-90);
  margin-top: 50%;
}

.pill2.purple {
  background-color: var(--primary--transparent--modern-purple-90);
  margin-top: 45%;
}

.pill2.blue {
  background-color: var(--primary--transparent--vintage-blue-90);
  margin-top: 40%;
}

.pill2.green {
  margin-top: 65%;
}

.svg-logo-xe {
  color: var(--neutral--black);
  width: 100%;
  position: absolute;
}

.div-logo-elmedin {
  justify-content: flex-start;
  align-items: flex-start;
  width: 75px;
  position: relative;
}

.svg-logo-xe-blur {
  filter: blur(.1rem);
  color: var(--neutral--black);
  width: 100%;
  position: absolute;
}

.div-logo-coming-soon {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.div-tag-wolke {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tag-wolke-story {
  filter: blur(.1rem);
  color: var(--neutral--black-70);
  font-size: var(--_typography---font-size--fs-copy-sm);
  white-space: nowrap;
}

.div-block-25 {
  grid-column-gap: 3ch;
  grid-row-gap: 3ch;
  flex-flow: row;
  height: 43%;
}

.collection-item-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.collection-list-6 {
  grid-column-gap: 2ch;
  grid-row-gap: 0ch;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.body-offline {
  justify-content: center;
  align-items: center;
}

.div-offline-container-2 {
  z-index: 2;
  background-color: var(--neutral--whitesmoke);
  background-image: linear-gradient(to bottom, var(--neutral--whitesmoke-90), var(--neutral--whitesmoke-90)), linear-gradient(180deg, var(--primary--transparent--modern-green-90), var(--primary--transparent--modern-yellow-90) 20%, var(--primary--transparent--vintage-orange-90) 40%, var(--primary--transparent--modern-red-90) 60%, var(--primary--transparent--modern-purple-90) 80%, var(--primary--transparent--vintage-blue-90));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 100svw;
  min-height: 100svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-offline-six-colors-pill-wrapper {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  filter: blur(1svw);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: absolute;
  inset: auto;
}

.div-offline-text {
  z-index: 3;
  grid-column-gap: 8svh;
  grid-row-gap: 8svh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 23svh;
  display: flex;
  position: absolute;
}

.div-offline-y-logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-offline-logo-coming-soon {
  justify-content: space-between;
  align-items: flex-start;
  min-width: 50%;
  display: flex;
}

.div-offline-logo-elmedin {
  height: var(--_typography---font-size--fs-copy);
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  line-height: 0;
  position: relative;
  overflow: visible;
}

.div-offline-coming-soon {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.div-offline-bip {
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.svg-offline-logo-yabooka {
  border-radius: var(--_layout---corner-radius--no-corner-radius);
  width: 67%;
  height: auto;
}

.svg-offline-logo-yabooka-blur {
  border-radius: var(--_layout---corner-radius--no-corner-radius);
  filter: blur(.25svh);
  width: 67%;
  height: auto;
  position: absolute;
  inset: 0% auto;
}

.svg-offline-logo-yabooka-blur.white {
  background-color: var(--primary--vintage-red);
  filter: blur(.25svh);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.svg-logo-elmedin {
  z-index: 2;
  vertical-align: text-bottom;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 100%;
}

.svg-logo-elmedin.blur {
  z-index: 1;
  filter: blur(var(--_layout---ui-elements--blur-effekt));
  position: absolute;
  inset: 0%;
}

.svg-offline-logo-xe-blur {
  z-index: 1;
  filter: blur(.1rem);
  inset: 0;
}

.text-offline-coming-soon-black {
  z-index: 1;
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-h4);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
  white-space: nowrap;
  font-weight: 600;
}

.text-offline-coming-soon-black-blur {
  z-index: 1;
  filter: blur(var(--_layout---ui-elements--blur-effekt));
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-h4);
  line-height: var(--_typography---line-height--lh-button);
  letter-spacing: var(--_typography---letter-spacing--ls-heading);
  white-space: nowrap;
  font-weight: 600;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.pill2-copy {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--primary--transparent--modern-green-90);
  width: 11%;
  height: 10rem;
}

.pill2-copy.yellow {
  background-color: var(--primary--transparent--modern-yellow-90);
  margin-top: 60%;
}

.pill2-copy.orange {
  background-color: var(--primary--transparent--vintage-orange-90);
  margin-top: 55%;
}

.pill2-copy.red {
  background-color: var(--primary--transparent--modern-red-90);
  margin-top: 50%;
}

.pill2-copy.purple {
  background-color: var(--primary--transparent--modern-purple-90);
  margin-top: 45%;
}

.pill2-copy.blue {
  background-color: var(--primary--transparent--vintage-blue-90);
  margin-top: 40%;
}

.pill2-copy.green {
  margin-top: 65%;
}

.offline-pill {
  border-radius: var(--_layout---corner-radius--corner-radius-pill);
  background-color: var(--primary--transparent--modern-green-90);
  width: 15svw;
  height: 15svw;
}

.offline-pill.yellow {
  background-color: var(--primary--transparent--modern-yellow-90);
  margin-top: 60%;
}

.offline-pill.orange {
  background-color: var(--primary--transparent--vintage-orange-90);
  margin-top: 55%;
}

.offline-pill.red {
  background-color: var(--primary--transparent--modern-red-90);
  margin-top: 50%;
}

.offline-pill.purple {
  background-color: var(--primary--transparent--modern-purple-90);
  margin-top: 45%;
}

.offline-pill.blue {
  background-color: var(--primary--transparent--vintage-blue-90);
  margin-top: 40%;
}

.offline-pill.green {
  margin-top: 65%;
}

.offline-pill.off-green {
  background-color: var(--primary--transparent--modern-green-50);
}

.offline-pill.off-yellow {
  background-color: var(--primary--transparent--modern-yellow-40);
}

.offline-pill.off-orange {
  background-color: var(--primary--transparent--vintage-orange-40);
}

.offline-pill.off-red {
  background-color: var(--primary--transparent--modern-red-50);
}

.offline-pill.off-purple {
  background-color: var(--primary--transparent--modern-purple-50);
}

.offline-pill.off-blue {
  background-color: var(--primary--transparent--vintage-blue-50);
}

.div-offline-container-center {
  justify-content: center;
  align-items: center;
  width: 100%;
max-width: 1200px;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.div-offline-by-xe {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  color: var(--neutral--black);
  cursor: pointer;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-offline-by {
  flex: none;
  justify-content: center;
  align-items: center;
  position: relative;
}

.by-black {
  color: var(--neutral--black-80);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-micro);
  text-transform: uppercase;
}

.by-blur {
  filter: blur(var(--_layout---ui-elements--blur-effekt));
  color: var(--neutral--black-80);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-micro);
  text-transform: uppercase;
  position: absolute;
  inset: 0%;
}

.div-offline-coming-soon-bip {
  grid-column-gap: .25svh;
  grid-row-gap: .25svh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.offline-buildinpublic-black {
  color: var(--neutral--black-80);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-micro);
  text-transform: uppercase;
  font-weight: 600;
}

.offline-buildinpublic-blur {
  filter: blur(.1svh);
  color: var(--neutral--black-80);
  font-family: Inter Semi Bold, sans-serif;
  font-size: var(--_typography---font-size--fs-micro);
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: auto;
}

.div-offline-social-media {
  grid-column-gap: 3ch;
  grid-row-gap: 3ch;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  display: flex;
}

.div-offline-ig {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3ch;
  height: 3ch;
  display: flex;
  position: relative;
  overflow: visible;
}

.image-5 {
  color: var(--primary--modern-red);
}

.svg-offline-ig {
  justify-content: center;
  align-items: center;
  min-width: 3ch;
  display: flex;
}

.svg-offline-ig-blur {
  filter: blur(var(--_layout---ui-elements--blur-effekt));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.div-offline-ig-tag {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text-offline-ig-tag-text {
  color: var(--neutral--black);
  font-size: var(--_typography---font-size--fs-copy-sm);
  line-height: var(--_typography---line-height--lh-button);
}

.text-offline-ig-tag-text-blur {
  filter: blur(var(--_layout---ui-elements--blur-effekt));
  color: var(--neutral--black);
  font-size: var(--_typography---font-size--fs-copy-sm);
  line-height: var(--_typography---line-height--lh-button);
  position: absolute;
}

.link-wrap-ig, .link-wrap-twitter {
  color: var(--neutral--black);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-offline-twitter {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3ch;
  height: 3ch;
  display: flex;
  position: relative;
}

.div-offline-by-xe-footer {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  color: var(--neutral--black-80);
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  text-decoration: none;
  display: none;
}

.div-offline-coming-soon-bip-footer {
  grid-column-gap: .25svh;
  grid-row-gap: .25svh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: relative;
}

.retro-scanlines {
  z-index: 1;
  background-image: repeating-linear-gradient(180deg, var(--neutral--whitesmoke), #fff0);
  inset: 0%;
}

.svg-logo-wordmark-elmedin {
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .div-offline-text {
    margin-top: 23svh;
  }

  .div-offline-logo-elmedin {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .svg-offline-logo-xe-blur {
    top: auto;
    bottom: auto;
  }

  .offline-pill {
    height: 25svw;
  }

  .div-offline-container-center {
    width: 90svw;
  }
}

@media screen and (max-width: 767px) {
  .div-offline-six-colors-pill-wrapper {
    grid-column-gap: 2svw;
    grid-row-gap: 2svw;
    filter: blur(2svw);
  }

  .div-offline-text {
    grid-column-gap: 4svh;
    grid-row-gap: 4svh;
    width: 90%;
    margin-top: 24svh;
  }

  .div-offline-logo-coming-soon {
    min-width: 80%;
    margin-top: 8svh;
  }

  .svg-offline-logo-yabooka {
    width: 80%;
  }

  .svg-offline-logo-yabooka-blur {
    filter: blur(.15svh);
    width: 80%;
  }

  .offline-pill {
    height: 25svh;
  }

  .div-offline-container-center {
    width: 100svw;
  }
}

@media screen and (max-width: 479px) {
  .div-offline-container-2 {
    background-image: linear-gradient(to bottom, var(--neutral--whitesmoke-90), var(--neutral--whitesmoke-90)), linear-gradient(180deg, var(--neutral--whitesmoke), var(--primary--transparent--modern-green-90) 15%, var(--primary--transparent--modern-yellow-90) 30%, var(--primary--transparent--vintage-orange-90) 45%, var(--primary--transparent--modern-red-90) 55%, var(--primary--transparent--modern-purple-90) 70%, var(--primary--transparent--vintage-blue-90) 85%, var(--neutral--whitesmoke));
  }

  .div-offline-six-colors-pill-wrapper {
    justify-content: center;
    align-items: flex-start;
    min-height: 100svh;
  }

  .div-offline-text {
    justify-content: flex-start;
    min-height: 50svh;
    margin-top: 0;
    margin-bottom: 10svh;
  }

  .div-offline-logo-coming-soon {
    grid-column-gap: 5svw;
    grid-row-gap: 5svw;
    flex-flow: column;
    flex: 1;
    order: 2;
    justify-content: space-between;
    align-items: center;
    display: none;
  }

  .div-offline-coming-soon {
    justify-content: center;
    align-items: center;
  }

  .div-offline-bip {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .svg-logo-elmedin {
    font-size: var(--_typography---font-size--fs-copy-xs);
    min-width: 20svw;
  }

  .svg-offline-logo-xe-blur {
    filter: blur(.1svh);
    color: var(--neutral--black-50);
  }

  .text-offline-coming-soon-black {
    font-family: Inter Bold, sans-serif;
    font-size: var(--_typography---font-size--fs-copy-xs);
    font-weight: 700;
  }

  .text-offline-coming-soon-black-blur {
    font-family: Inter Bold, sans-serif;
    font-size: var(--_typography---font-size--fs-copy-xs);
    font-weight: 700;
    right: auto;
  }

  .offline-pill {
    height: 65svh;
    margin-top: -10svh;
  }

  .div-offline-container-center {
    justify-content: center;
    align-items: flex-end;
  }

  .div-offline-by-xe {
    order: 1;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .by-black {
    color: var(--neutral--black);
  }

  .by-blur {
    filter: blur(.5svw);
    color: var(--neutral--black-80);
  }

  .div-offline-coming-soon-bip {
    justify-content: flex-start;
    align-items: center;
  }

  .offline-buildinpublic-black {
    font-size: var(--_typography---font-size--fs-copy);
  }

  .offline-buildinpublic-blur {
    font-size: var(--_typography---font-size--fs-copy);
    right: auto;
  }

  .div-offline-social-media {
    grid-column-gap: 6svw;
    grid-row-gap: 6svw;
    flex-flow: row;
    margin-top: auto;
  }

  .div-offline-ig, .svg-offline-ig {
    width: 5ch;
    height: 5ch;
  }

  .svg-offline-ig-blur {
    inset: 0%;
  }

  .div-offline-ig-tag {
    display: none;
  }

  .div-offline-twitter {
    width: 5ch;
    height: 5ch;
  }

  .div-offline-by-xe-footer {
    z-index: 99;
    color: var(--neutral--black);
    mix-blend-mode: hard-light;
    justify-content: center;
    align-items: center;
    padding-top: 5svh;
    text-decoration: none;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .div-offline-coming-soon-bip-footer {
    font-size: var(--_typography---font-size--fs-copy-xs);
    justify-content: flex-start;
    align-self: flex-end;
    align-items: center;
    margin-top: -4.5svh;
    margin-right: 12%;
    display: flex;
  }
}

#w-node-_7b14dba9-c9e5-4af3-a995-d73abc949e9b-38e0b889, #w-node-ca8d3457-beae-ff03-9a6f-527c15fa7dd5-38e0b889, #w-node-_82b0a536-6e99-50be-6433-034ba93dc3a4-38e0b889, #w-node-_8ac36177-d5d7-179e-5ce6-3d17e954eb97-38e0b889, #w-node-_43e1d3e4-e47a-24d4-8bde-08dbd151e63a-38e0b889, #w-node-_87469465-153b-d1a4-b5a8-2a4a08e5c1f6-38e0b889, #w-node-a49dd3e0-d179-7392-3c4b-ebaaa5544682-38e0b889, #w-node-_475bc864-e052-a03b-c569-c571e35bd0f4-38e0b889, #w-node-_5a368946-941c-f682-d6d9-1759bc51151b-38e0b889 {
  align-self: stretch;
}

#w-node-_553e84ef-b150-ac75-41be-4d99a12cc656-38e0b889 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_3fc1b4ad-040b-43cf-e85c-550984be2ba0-38e0b889 {
  align-self: stretch;
}

#w-node-e35ec433-9bc7-ad03-8851-401566f51ef7-38e0b889, #w-node-cd6461c4-0870-d045-3634-ee8cdeb057fd-38e0b889 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-cde519f1-23d1-ca33-4a47-2ff99df2b7c0-ca39a7e1, #w-node-cde519f1-23d1-ca33-4a47-2ff99df2b7c2-ca39a7e1 {
  align-self: center;
}

#w-node-cde519f1-23d1-ca33-4a47-2ff99df2b7c4-ca39a7e1 {
  place-self: center;
}

#w-node-cde519f1-23d1-ca33-4a47-2ff99df2b7c6-ca39a7e1 {
  place-self: center start;
}

#w-node-_5a76ac53-5e5b-7958-74a3-3861a1bdc2ad-ca39a7e1 {
  align-self: center;
}

#w-node-_5a76ac53-5e5b-7958-74a3-3861a1bdc2ae-ca39a7e1 {
  place-self: center;
}

#w-node-_5a76ac53-5e5b-7958-74a3-3861a1bdc2b0-ca39a7e1 {
  align-self: center;
}


@font-face {
  font-family: 'Inter Regular';
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold Italic';
  src: url('../fonts/Inter-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Black Italic';
  src: url('../fonts/Inter-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Black';
  src: url('../fonts/Inter-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Extra Bold Italic';
  src: url('../fonts/Inter-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Bold';
  src: url('../fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Extra Bold';
  src: url('../fonts/Inter-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Extra Light Italic';
  src: url('../fonts/Inter-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Extra Light';
  src: url('../fonts/Inter-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Italic';
  src: url('../fonts/Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium Italic';
  src: url('../fonts/Inter-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semi Bold Italic';
  src: url('../fonts/Inter-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Light';
  src: url('../fonts/Inter-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Thin';
  src: url('../fonts/Inter-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Light Italic';
  src: url('../fonts/Inter-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Thin Italic';
  src: url('../fonts/Inter-ThinItalic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Semi Bold';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}