@layer base {
  
  body, :host {
    /* Color */
      --neutral-100: #ffffff;
--neutral-200: #f6f6f3;
--neutral-300: #eaeae1;
--neutral-400: #deded3;
--neutral-500: #c6c6b4;
--neutral-600: #b6b6a0;
--neutral-700: #959575;
--neutral-800: #545245;
--neutral-900: #3a3a2c;
--neutral-1000: #1d1d16;
--primary_medium: #526eff;
--primary_light: #d1d9ff;
--alert_medium: #D74658;
--alert_light: #FF9EAF;
--stripe_medium: #635bff;
--stripe_light: #ceccff;
--active_medium: #abe137;
--active_light: #e2fda5;
--active_dark: #4c6a0c;
--stripe_price_light: #c7e3ff;
--stripe_price_medium: #0077f0;
--greys-100: #ffffff;
--greys-150: #f7f7f7;
--greys-200: #f0f0f0;
--greys-300: #e3e3e3;
--greys-400: #d6d6d6;
--greys-500: #c7c7c7;
--greys-600: #b3b3b3;
--greys-700: #999999;
--greys-800: #808080;
--greys-900: #666666;
--greys-1000: #4d4d4d;
--lime_bright: #c7f3b4;
--lime_medium: #ade594;
--lime_dark: #6dd440;
--sky_bright: #b4d4f9;
--sky_medium: #77aeee;
--sky_dark: #1e80f1;
--electric_bright: #f6d0dd;
--electric_medium: #f297b7;
--electric_dark: #ed2169;
--misty_bright: #baf3f3;
--misty_medium: #5ee4e4;
--misty_dark: #05a3a3;
--sunlit_bright: #f9e4d2;
--sunlit_medium: #efc29a;
--sunlit_dark: #e08738;
--indigo_bright: #d7cef2;
--indigo_medium: #9a85e0;
--indigo_dark: #4a2fa2;
--avo_primary_dark: #5a7500;
--avo_primary_medium: #a8db00;
--avo_primary_light: #f0ffbd;
--avo_secondary_medium: #f84fc9;
--avo_secondary_light: #ffc2ee;
  /* Fonts */
    --font-inter: 'Inter',sans-serif;
--font-caudex: 'Caudex',serif;
--font-itim: 'Itim',handwriting;
--font-montserratalternates: 'Montserrat Alternates',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
--markdown-block-font-size: 0.9rem;
--markdown-block-h1-size: 1.3rem;
--markdown-block-h2-size: 1.2rem;
--markdown-block-h3-size: 1.1rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --xs: 0.3rem;
--s: 0.5rem;
--sm: 0.75rem;
--m: 1rem;
--ml: 1.5rem;
--l: 2rem;
--xl: 3rem;
--2xl: 4rem;
--3xl: 6rem;
--section: 70rem;
--container: 60rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .ytrQB {
    height:100%;
  font-family:'Caudex';
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .eUlWqO {
    gap:0.1rem;
  flex-direction:row;
  }
      

      
        
        
      
      
  .eHYzqm {
    gap:var(--xs);
  width:100%;
  font-size:var(--font-size-xxs);
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
        
      
      
  .bfzmzg {
    align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .Gjybf {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  position:absolute;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .coKrzv {
    cursor:pointer;
  transition:color 300ms ease 0ms normal;
  }
      

      
  .coKrzv:hover {
    color:var(--active_dark, #4c6a0c);
  }
      

        
        
      
      
  .cfpgS {
    font-size:var(--font-size-base);
  }
      

      
        
        
      
      
  .bLaIRE {
    color:var(--neutral-900, #3a3a2c);
  width:100%;
  height:fit-content;
  resize:vertical;;
  min-height:9rem;
  transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal;
  padding-top:var(--m);
  border-color:#00000000;
  border-style:solid;
  border-width:1px;
  padding-left:var(--m);
  border-radius:0.5rem;
  padding-right:var(--m);
  padding-bottom:var(--m);
  background-color:var(--neutral-200, #f6f6f3);
  }
      

      
  .bLaIRE:focus {
    color:var(--primary_medium, #526eff);
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  background-color:var(--primary_light, #d1d9ff);
  }
      


  .bLaIRE::placeholder {
    color:var(--neutral-700, #959575);
  }
      

        
        
      
      
  .bfRcKO {
    color:var(--neutral-900, #3a3a2c);
  width:100%;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, height 300ms ease 0ms normal, border 300ms ease 0ms normal;
  align-items:start;
  padding-top:var(--s);
  padding-left:var(--m);
  border-radius:0.5rem;
  padding-right:var(--m);
  padding-bottom:var(--s);
  justify-content:center;
  background-color:var(--neutral-200, #f6f6f3);
  }
      

      
  .bfRcKO:focus {
    color:var(--primary_medium, #526eff);
  outline-color:var(--primary_medium, #526eff);
  outline-style:solid;
  outline-width:1px;
  background-color:var(--primary_light, #d1d9ff);
  }
      


  .bfRcKO::placeholder {
    color:var(--neutral-700, #959575);
  }
      

        
        
      
      
  .yekvI {
    flex:1;
  right:1rem;
  height:100%;
  position:absolute;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .ffbLhs {
    flex:1;
  }
      

      
        
        
      
      
  .fCWMAf {
    gap:var(--m);
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  z-index:33;
  position:absolute;
  align-items:center;
  border-radius:1rem;
  flex-direction:column;
  justify-content:center;
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
        
        
      
      
  .bsAOSm {
    color:var(--stripe_medium, #635bff);
  width:fit-content;
  cursor:pointer;
  padding-top:var(--xs);
  border-color:var(--stripe_medium, #635bff);
  border-style:solid;
  border-width:1px;
  padding-left:var(--xs);
  border-radius:6px;
  padding-right:var(--xs);
  padding-bottom:var(--xs);
  background-color:var(--stripe_light, #ceccff);
  }
      

      
  .bsAOSm:hover {
    color:var(--active_dark, #4c6a0c);
  border-color:var(--active_medium, #abe137);
  border-style:solid;
  border-width:1px;
  background-color:var(--active_light, #e2fda5);
  }
      


  .bsAOSm.not_active {
    color:var(--greys-800, #808080);
  border-color:#00000000;
  border-style:solid;
  border-width:;
  background-color:#00000000;
  }
      

        
        
      
      
  .eNyLhZ {
    font-size:var(--font-size-xl);
  font-weight:var(--font-weight-bold);
  }
      

      
        
        
      
      
  .dpTMzJ {
    color:#78ae04;
  cursor:pointer;
  transition:color 300ms ease 0ms normal, scale 300ms ease 0ms normal;
  }
      

      
  .dpTMzJ:hover {
    color:#6c9e00;
  scale:1.3;
  }
      

        
        
      
      
  .fkTqpx {
    width:2.5rem;
  border-radius:0.5rem;
  }
      

      
        
        
      
      
  .fwizqo {
    left:0px;
  height:100%;
  position:absolute;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .ddwPAj {
    width:100%;
  height:100%;
  opacity:0.5;
  position:absolute;
  background-color:var(--greys-800, #808080);
  }
      

      
        
        
      
      
  .flcdy {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  z-index:11;
  position:absolute;
  align-items:center;
  flex-direction:column;
  backdrop-filter:blur(1rem);
  justify-content:center;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .fldnVx {
    gap:var(--s);
  width:100%;
  }
      

      
        
        
      
      
  .bjPRho {
    flex:1;
  width:100%;
  }
      

      
        
        
      
      
  .cWfOYd {
    gap:var(--s);
  width:100%;
  max-height:35rem;
  overflow-y:scroll;
  align-items:center;
  justify-content:start;
  }
      

      
        
        
      
      
  .bonVTf {
    align-items:center;
  justify-content:start;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .cRLkLc {
    width:40rem;
  overflow-x:hidden;
  overflow-y:hidden;
  border-radius:1rem;
  background-color:var(--greys-600, #b3b3b3);
  }
      

      
        
        
      
      
  .byAYGQ {
    gap:var(--m);
  width:100%;
  max-width:50rem;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
        
      
      
  .bLXrVz {
    color:var(--greys-900, #666666);
  width:3rem;
  cursor:pointer;
  height:3rem;
  transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal;
  align-items:center;
  border-radius:0.5rem;
  justify-content:center;
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
  .bLXrVz:hover {
    color:var(--active_dark, #4c6a0c);
  background-color:var(--active_light, #e2fda5);
  }
      


  .bLXrVz.is_current {
    color:var(--primary_medium, #526eff);
  background-color:var(--primary_light, #d1d9ff);
  }
      


  .bLXrVz.is_current:hover {
    color:var(--primary_light, #d1d9ff);
  background-color:var(--primary_medium, #526eff);
  }
      

        
        
      
      
  .fBbTeC {
    flex:1;
  width:26rem;
  max-width:30rem;
  overflow-y:scroll;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
        
      
      
  .cThHHi {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  opacity:0.5;
  z-index:1;
  position:absolute;
  flex-direction:column;
  background-color:var(--greys-700, #999999);
  }
      

      
        
        
      
      
  .mIkTb {
    top:0px;
  left:0px;
  color:var(--alert_medium, #D74658);
  cursor:pointer;
  z-index:99;
  position:absolute;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:start;
  padding-top:var(--xs);
  padding-left:var(--xs);
  border-radius:0.5rem;
  padding-right:var(--xs);
  padding-bottom:var(--xs);
  backdrop-filter:blur(1rem);
  justify-content:start;
  background-color:#ffd6dd99;
  }
      

      
  .mIkTb:hover {
    color:var(--alert_light, #FF9EAF);
  background-color:var(--alert_medium, #D74658);
  }
      

        
        
      
      
  .eNEwub {
    transition:rotate 1000ms cubic-bezier(0.41, 0.19, 0.58, 1) 0ms normal;
  }
      

      
  .eNEwub.loading {
    rotate:z 1080deg;
  }
      

        
        
      
      
  .bNsvpD {
    color:var(--greys-700, #999999);
  }
      

      
  .bNsvpD:hover {
    color:var(--primary_medium, #526eff);
  cursor:pointer;
  }
      

        
        
      
      
  .buQzAX {
    gap:var(--s);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
  .buQzAX:hover {
    color:var(--active_dark, #4c6a0c);
  background-color:var(--active_light, #e2fda5);
  }
      


  .buQzAX.current_item {
    background-color:var(--greys-100, #ffffff);
  }
      

        
        
      
      
  .bzdRZJ {
    font-size:var(--font-size-lg);
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
        
      
      
  .BqkiY {
    flex:1;
  color:var(--greys-900, #666666);
  width:100%;
  font-size:var(--font-size-base);
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  padding-bottom:var(--s);
  background-color:var(--greys-100, #ffffff);
  }
      

      
  .BqkiY:focus {
    outline-color:#2463ebff;
  outline-style:solid;
  outline-width:1px;
  }
      

        
        
      
      
  .clTSSZ {
    z-index:9;
  position:relative;
  }
      

      
        
        
      
      
  .csbHlB {
    align-items:start;
  justify-content:center;
  }
      

      
        
        
      
      
  .cbWOQ {
    gap:var(--s);
  flex-direction:column;
  }
      

      
        
        
      
      
  .cMzdOw {
    gap:var(--s);
  flex-wrap:wrap;
  flex-direction:row;
  }
      

      
        
        
      
      
  .bAYnxH {
    gap:0.1rem;
  color:#052eff;
  width:fit-content;
  cursor:pointer;
  transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal;
  align-items:center;
  padding-top:0.1rem;
  padding-left:0.2rem;
  border-radius:0.3rem;
  padding-right:0.2rem;
  flex-direction:row;
  padding-bottom:0.1rem;
  justify-content:start;
  background-color:#052eff17;
  }
      

      
  .bAYnxH:hover {
    color:var(--active_dark, #4c6a0c);
  background-color:#abe1374d;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .cOJOId {
    right:0px;
  height:100%;
  position:absolute;
  align-items:end;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .dlJPJD {
    gap:var(--m);
  color:var(--neutral-700, #959575);
  cursor:pointer;
  font-size:var(--font-size-sm);
  font-style:italic;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, border-color 300ms ease 0ms normal;
  align-items:center;
  font-weight:var(--font-weight-normal);
  padding-top:var(--xs);
  border-color:#00000000;
  border-style:solid;
  border-width:1px;
  padding-left:var(--sm);
  border-radius:0.85rem;
  padding-right:var(--sm);
  flex-direction:row;
  padding-bottom:var(--xs);
  justify-content:start;
  }
      

      
  .dlJPJD:hover {
    color:var(--primary_medium, #526eff);
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  }
      


  .dlJPJD.is_current {
    color:var(--primary_medium, #526eff);
  background-color:var(--primary_light, #d1d9ff);
  }
      


  .dlJPJD.is_current:hover {
    color:var(--primary_medium, #526eff);
  background-color:#b3c0ff;
  }
      

        
        
      
      
  .dXplxq {
    color:var(--primary_medium, #526eff);
  font-size:var(--font-size-lg);
  align-items:center;
  font-weight:var(--font-weight-bold);
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  flex-direction:row;
  padding-bottom:var(--m);
  justify-content:space-between;
  background-color:var(--greys-100, #ffffff);
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  }
      

      
        
        
      
      
  .cCtDFV {
    color:var(--primary_medium, #526eff);
  font-size:var(--font-size-lg);
  font-weight:var(--font-weight-bold);
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  background-color:var(--greys-100, #ffffff);
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  }
      

      
        
        
      
      
  .eayUOJ {
    gap:var(--m);
  cursor:pointer;
  overflow-y:hidden;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
  .eayUOJ:hover {
    color:var(--active_dark, #4c6a0c);
  background-color:var(--active_light, #e2fda5);
  }
      


  .eayUOJ.current_item {
    background-color:var(--greys-100, #ffffff);
  }
      

        
        
      
      
  .JvZIa {
    display:none;
  }
      

      
        
        
      
      
  .zfFBl {
    width:100%;
  height:100%;
  display:flex;
  z-index:10;
  position:absolute;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
        
      
      
  .eQgVNy {
    width:100%;
  height:100%;
  opacity:0.7;
  position:absolute;
  background-color:var(--greys-900, #666666);
  }
      

      
        
        
      
      
  .WtdKo {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--blue-600, #2563EB);
  }
      

      
  .WtdKo:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

        
        
      
      
  .cxUDcj {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  position:absolute;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  border-radius:0.5rem;
  justify-content:start;
  }
      

      
        
        
      
      
  .bnebvC {
    gap:var(--m);
  width:15rem;
  position:absolute;
  padding-top:var(--m);
  padding-left:var(--m);
  border-radius:0.5rem;
  padding-right:var(--m);
  padding-bottom:var(--m);
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
        
        
      
      
  .fEAjnB {
    gap:var(--s);
  color:var(--greys-800, #808080);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, border-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:center;
  padding-top:var(--s);
  border-color:#80808000;
  border-style:solid;
  border-width:1px;
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  justify-content:start;
  background-color:var(--greys-300, #e3e3e3);
  }
      

      
  .fEAjnB:hover {
    color:var(--primary_medium, #526eff);
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  background-color:var(--greys-100, #ffffff);
  }
      


  .fEAjnB.current_one {
    color:var(--color_dark, #DD6D34);
  background-color:var(--color_light, #FABD9E);
  }
      

        
        
      
      
  .ftGIqf {
    width:200rem;
  height:5rem;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  justify-content:center;
  }
      

      
        
        
      
      
  .fgbEII {
    width:30rem;
  height:6rem;
  object-fit:cover;
  }
      

      
        
        
      
      
  .DmMyT {
    left:-30rem;
  width:100%;
  transition:left 1300ms cubic-bezier(0.19, 0.03, 0.78, 0.89) 0ms normal;
  flex-direction:row;
  }
      

      
  .DmMyT.step1 {
    left:0rem;
  }
      


  .DmMyT.step2 {
    left:-30rem;
  transition:flex-direction 10ms ease 0ms normal;
  }
      


  .DmMyT.step3 {
    left:-1rem;
  transition:flex-direction 30ms ease 0ms normal;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .ftiiiG {
    color:var(--neutral-100, #ffffff);
  cursor:pointer;
  position:relative;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  border-radius:0.5rem;
  background-color:var(--greys-600, #b3b3b3);
  }
      

      
  .ftiiiG:hover {
    color:var(--active_medium, #abe137);
  border-radius:0.3rem;
  background-color:var(--active_light, #e2fda5);
  }
      

        
        
      
      
  .brNYYF {
    gap:var(--s);
  color:var(--color_dark, #DD6D34);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, border-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:center;
  padding-top:var(--s);
  border-color:#80808000;
  border-style:solid;
  border-width:1px;
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  justify-content:start;
  background-color:var(--color_light, #FABD9E);
  }
      

      
  .brNYYF:hover {
    color:var(--primary_medium, #526eff);
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  background-color:var(--greys-100, #ffffff);
  }
      

        
        
      
      
  .GgxQT {
    color:var(--primary_medium, #526eff);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  border-radius:0.5rem;
  background-color:var(--primary_light, #d1d9ff);
  }
      

      
  .GgxQT:hover {
    color:var(--primary_light, #d1d9ff);
  background-color:var(--primary_medium, #526eff);
  }
      

        
        
      
      
  .bqGWCK {
    flex:1;
  color:var(--primary_medium, #526eff);
  cursor:pointer;
  font-size:var(--font-size-base);
  transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal;
  align-items:center;
  font-weight:var(--font-weight-black);
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  padding-bottom:var(--s);
  justify-content:center;
  background-color:var(--primary_light, #d1d9ff);
  }
      

      
  .bqGWCK:hover {
    color:var(--active_dark, #4c6a0c);
  background-color:var(--active_light, #e2fda5);
  }
      


  .bqGWCK.is_current {
    color:var(--greys-100, #ffffff);
  background-color:var(--primary_medium, #526eff);
  }
      


  .bqGWCK.is_current:hover {
    color:var(--greys-100, #ffffff);
  background-color:var(--active_medium, #abe137);
  }
      

        
        
      
      
  .bZMKRp {
    color:var(--greys-600, #b3b3b3);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:center;
  padding-top:var(--sm);
  padding-left:var(--m);
  border-radius:0.5rem;
  padding-right:var(--m);
  padding-bottom:var(--sm);
  justify-content:center;
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
  .bZMKRp:hover {
    color:var(--active_dark, #4c6a0c);
  background-color:var(--active_light, #e2fda5);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .dXgXJT {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  height:100%;
  z-index:80;
  position:fixed;
  align-items:center;
  backdrop-filter:blur(10px);;
  justify-content:center;
  }
      

      
        
        
      
      
  .cfqKRN {
    flex-direction:row;
  }
      

      
        
        
      
      
  .fczacM {
    flex:1;
  max-width:30rem;
  overflow-y:scroll;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bvLCIN {
    padding-top:var(--m);
  padding-left:var(--m);
  border-radius:0.5rem;
  padding-right:var(--m);
  padding-bottom:var(--m);
  background-color:#eaeae196;
  }
      

      
        
        
      
      
  .bDcqMh {
    left:2rem;
  color:var(--primary_medium, #526eff);
  bottom:0.5rem;
  cursor:pointer;
  position:absolute;
  box-shadow:1px 4px 14px 0px var(--greys-200,#f0f0f0);
  padding-top:var(--xs);
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  padding-left:var(--xs);
  border-radius:0.5rem;
  padding-right:var(--xs);
  padding-bottom:var(--xs);
  background-color:var(--primary_light, #d1d9ff);
  }
      

      
        
        
      
      
  .caCrZA {
    border-radius:1rem;
  }
      

      
        
        
      
      
  .ecoupP {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  position:absolute;
  overflow-x:hidden;
  overflow-y:hidden;
  border-radius:0.8rem;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .DiYS {
    flex-wrap:wrap;
  flex-direction:row;
  }
      

      
        
        
      
      
  .YtPfB {
    width:100%;
  height:100%;
  max-width:30rem;
  align-items:center;
  justify-content:center;
  }
      

      
  .YtPfB.expand {
    max-width:100%;
  align-items:center;
  justify-content:center;
  }
      

        
        
      
      
  .fiQAoh {
    color:var(--primary_medium, #526eff);
  right:var(--m);
  scale:1;
  bottom:var(--m);
  cursor:pointer;
  z-index:3;
  position:fixed;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, opacity 300ms ease 0ms normal, scale 300ms ease 0ms normal;
  align-items:end;
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  border-radius:0.5rem;
  justify-content:end;
  background-color:var(--primary_light, #d1d9ff);
  }
      

      
  .fiQAoh.show_text {
    color:var(--alert_medium, #D74658);
  border-color:var(--alert_medium, #D74658);
  border-style:solid;
  border-width:1px;
  background-color:#ff9eaf;
  }
      


  .fiQAoh:hover {
    scale:1.2;
  opacity:0.5;
  }
      

        
        
      
      
  .ckYRIx {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  z-index:1;
  position:relative;
  max-width:30rem;
  overflow-y:scroll;
  transition:top 300ms ease 0ms normal, bottom 300ms ease 0ms normal, justify-content 300ms ease 0ms normal, width 300ms ease 0ms normal, max-width 300ms ease 0ms normal, max-width 300ms ease 0ms normal;
  align-items:center;
  justify-content:start;
  }
      

      
  .ckYRIx.expand {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  z-index:99;
  position:fixed;
  max-width:100%;
  align-items:center;
  padding-top:var(--xl);
  padding-bottom:var(--xl);
  justify-content:start;
  background-color:var(--neutral-400, #deded3);
  }
      


  
      

        
        
      
      
  .dAxZJq {
    display:flex;
  aspect-ratio:1 / 1;;
  flex-direction:column;
  }
      

      
        
        
      
      
  .AChzm {
    width:100%;
  max-width:30rem;
  overflow-x:hidden;
  overflow-y:hidden;
  border-radius:1rem;
  }
      

      
  .AChzm.expanded {
    padding-left:var(--m);
  padding-right:var(--m);
  }
      

        
        
      
      
  .beCtvz {
    width:var(--width);
  height:var(--height);
  flex-wrap:wrap;
  max-width:var(--max_width);
  min-width:var(--min_width);
  background:var(--background);
  flex-basis:auto;;
  max-height:var(--max_height);
  min-height:var(--min_height);
  }
      

      
          @media (max-width: 640px) {
            
  .beCtvz {
    gap:var(--gap-mobile);
  width:100%;
  flex-wrap:wrap;
  align-items:stretch;
  padding-top:var(--padding_mobile);
  padding-left:var(--padding_mobile);
  padding-right:var(--padding_mobile);
  padding-bottom:var(--padding_mobile);
  }
      

          }
          

  .beCtvz.flex_0 {
    flex:0;
  }
      


  .beCtvz.flex_1 {
    flex:1;
  }
      


          @media (min-width: 640px) {
            
  .beCtvz.direction_row {
    flex-wrap:wrap;
  flex-direction:row;
  }
      

          }
          

          @media (max-width: 640px) {
            
  .beCtvz.direction_row {
    flex-wrap:wrap;
  flex-direction:column;
  }
      

          }
          

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


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


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


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


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


  .beCtvz.justify_center {
    justify-content:center;
  }
      


  .beCtvz.padding_s {
    padding-top:var(--s);
  padding-left:var(--s);
  padding-right:var(--s);
  padding-bottom:var(--s);
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.padding_s {
    padding-left:var(--xs);
  padding-right:var(--xs);
  }
      

          }
          

  .beCtvz.padding_m {
    padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.padding_m {
    padding-top:var(--s);
  padding-left:var(--s);
  padding-right:var(--s);
  padding-bottom:var(--s);
  }
      

          }
          

  .beCtvz.padding_l {
    padding-top:var(--l);
  padding-left:var(--l);
  padding-right:var(--l);
  padding-bottom:var(--l);
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.padding_l {
    padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      

          }
          

  .beCtvz.padding_xl {
    padding-top:var(--xl);
  padding-left:var(--xl);
  padding-right:var(--xl);
  padding-bottom:var(--xl);
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.padding_xl {
    padding-top:var(--ml);
  padding-left:var(--ml);
  padding-right:var(--ml);
  padding-bottom:var(--ml);
  }
      

          }
          

  .beCtvz.padding_0 {
    padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.padding_0 {
    padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  }
      

          }
          

  .beCtvz.gap_0 {
    gap:0px;
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.gap_0 {
    gap:0px;
  }
      

          }
          

  .beCtvz.gap_s {
    gap:var(--s);
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.gap_s {
    gap:var(--s);
  }
      

          }
          

  .beCtvz.gap_m {
    gap:var(--m);
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.gap_m {
    gap:var(--sm);
  }
      

          }
          

  .beCtvz.gap_l {
    gap:var(--ml);
  }
      


          @media (max-width: 500px) {
            
  .beCtvz.gap_l {
    gap:var(--m);
  }
      

          }
          

  .beCtvz.gap_xl {
    gap:var(--l);
  }
      


          @media (max-height: 500px) {
            
  .beCtvz.gap_xl {
    gap:var(--ml);
  }
      

          }
          

  .beCtvz.is_root {
    background-color:var(--neutral-200, #f6f6f3);
  }
      


  .beCtvz.justify_space_between {
    justify-content:space_between;
  }
      


  .beCtvz.justify_space_around {
    justify-content:space-around;
  }
      


  .beCtvz.justify_items_left {
    justify-items:left;;
  }
      


  .beCtvz.justify_items_right {
    justify-items:right;;
  }
      


  .beCtvz.justify_items_center {
    justify-items:center;
  }
      


  .beCtvz.justify_items_stretch {
    justify-items:stretch;
  }
      

        
        
      
      
  .dfexVo {
    color:var(--greys-1000, #4d4d4d);
  width:fit-content;
  display:inline-block;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  font-weight:700;
  white-space:pre-line;
  border-radius:0.8rem;
  }
      

      
  .dfexVo.wireframe_semi {
    color:var(--greys-800, #808080);
  background-color:var(--greys-300, #e3e3e3);
  }
      


  .dfexVo.wireframe {
    color:#00000000;
  background-color:var(--greys-300, #e3e3e3);
  }
      


  .dfexVo.h1 {
    font-size:3rem;
  }
      


          @media (max-width: 500px) {
            
  .dfexVo.h1 {
    font-size:2.5rem;
  }
      

          }
          

  .dfexVo.h2 {
    font-size:2.6rem;
  }
      


          @media (max-width: 500px) {
            
  .dfexVo.h2 {
    font-size:2rem;
  }
      

          }
          

  .dfexVo.h3 {
    font-size:2.25rem;
  }
      


          @media (max-width: 500px) {
            
  .dfexVo.h3 {
    font-size:1.75rem;
  }
      

          }
          

  .dfexVo.h4 {
    font-size:1.875rem;
  }
      


          @media (max-width: 500px) {
            
  .dfexVo.h4 {
    font-size:1.5rem;
  }
      

          }
          

  .dfexVo.h5 {
    font-size:1.5rem;
  }
      


          @media (max-width: 500px) {
            
  .dfexVo.h5 {
    font-size:1.25rem;
  }
      

          }
          

  .dfexVo.align_left {
    display:inline-block;
  text-align:left;
  }
      


  .dfexVo.align_center {
    display:inline-block;
  text-align:center;
  }
      


  .dfexVo.align_right {
    display:inline-block;
  text-align:right;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .cAifiW {
    color:var(--dark_color, #E08738);
  width:fit-content;
  font-size:var(--font-size-sm);
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  font-weight:700;
  border-radius:0.5rem;
  }
      

      
  .cAifiW.semi_wireframe {
    background-color:var(--bright_color, #F9E4D2);
  }
      


  .cAifiW.wireframe {
    color:#00000000;
  background-color:var(--bright_color, #F6D0DD);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .eRryoK {
    width:100%;
  align-items:stretch;
  justify-content:center;
  }
      

      
          @media (min-width: 500px) {
            
  .eRryoK {
    width:var(--width);
  }
      

          }
          
        
        
      
      
  .fxzMiG {
    :;
  flex:1;
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, border-radius 300ms ease 0ms normal;
  align-items:center;
  font-weight:var(--font-weight-semi-bold);
  padding-top:var(--sm);
  white-space:nowrap;
  border-color:var(--color_dark, #c7c7c7);
  border-style:solid;
  border-width:2px;
  padding-left:var(--sm);
  border-radius:0.5rem;
  padding-right:var(--sm);
  padding-bottom:var(--sm);
  justify-content:center;
  }
      

      
  .fxzMiG:hover {
    color:var(--color_medium, #ade594);
  background-color:var(--color_dark, #6dd440);
  }
      

        
        
      
      
  .deGwWM {
    color:var(--color_dark, #6dd440);
  position:absolute;
  border-radius:0.5rem;
  background-color:var(--color_dark, #6dd440);
  }
      

      
  .deGwWM.wireframe_1 {
    opacity:0;
  }
      


  .deGwWM.wireframe_2 {
    opacity:0.5;
  }
      


  .deGwWM.wireframe_3 {
    opacity:1;
  }
      

        
        
      
      
  .diIeLm {
    color:var(--color_medium, #ade594);
  }
      

      
  .diIeLm.wf1 {
    color:inherit;
  opacity:1;
  }
      


  .diIeLm.wf2 {
    opacity:0.5;
  }
      


  .diIeLm.wf3 {
    opacity:0;
  }
      

        
        
      
      
  .edEYEQ {
    flex:1;
  color:var(--neutral-100, #ffffff);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, border-radius 300ms ease 0ms normal;
  align-items:center;
  font-weight:600;
  padding-top:var(--sm);
  white-space:nowrap;
  padding-left:var(--sm);
  border-radius:0.5rem;
  padding-right:var(--sm);
  padding-bottom:var(--sm);
  justify-content:center;
  background-color:var(--color_dark, #6dd440);
  }
      

      
  .edEYEQ:hover {
    color:var(--color_dark, #6dd440);
  background-color:var(--color_medium, #ade594);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .cLxzhL {
    flex:1;
  color:var(--greys-700, #999999);
  white-space:pre-wrap;
  border-radius:0.5rem;
  }
      

      
  .cLxzhL.wireframe_1 {
    color:var(--greys-800, #808080);
  background-color:#00000000;
  }
      


  .cLxzhL.wireframe_2 {
    color:var(--greys-700, #999999);
  background-color:var(--greys-300, #e3e3e3);
  }
      


  .cLxzhL.wireframe_3 {
    color:#00000000;
  background-color:var(--greys-300, #e3e3e3);
  }
      


  .cLxzhL.text_align_start {
    text-align:left;
  }
      


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


  
      


  .cLxzhL.text_align_justified {
    text-align:justified;
  }
      


  .cLxzhL.text_size_s {
    font-size:var(--font-size-sm);
  }
      


          @media (max-width: 500px) {
            
  .cLxzhL.text_size_s {
    font-size:var(--font-size-xs);
  }
      

          }
          

  .cLxzhL.text_size_m {
    font-size:var(--font-size-base);
  }
      


          @media (max-width: 500px) {
            
  .cLxzhL.text_size_m {
    font-size:var(--font-size-sm);
  }
      

          }
          

  .cLxzhL.text_size_l {
    font-size:var(--font-size-lg);
  }
      


          @media (max-width: 500px) {
            
  .cLxzhL.text_size_l {
    font-size:var(--font-size-base);
  }
      

          }
          
        
        
      
      
  
      

      
        
        
      
      
  .boKdaW {
    :;
  flex:1;
  height:100%;
  min-width:10rem;
  overflow-x:hidden;
  overflow-y:hidden;
  border-radius:1rem;
  background-color:var(--greys-300, #e3e3e3);
  }
      

      
        
        
      
      
  .zQIEM {
    flex:1;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .cmkWhC {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  height:100%;
  position:absolute;
  object-fit:cover;
  }
      

      
        
        
      
      
  .eeOgIq {
    color:var(--greys-500, #c7c7c7);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .eDyjne {
    height:fit-content;
  z-index:;
  max-width:100%;
  overflow-x:scroll;
  }
      

      
        
        
      
      
  .epOdVR {
    align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .dBZRej {
    gap:var(--m);
  }
      

      
        
        
      
      
  .cTEbqU {
    color:var(--primary_medium, #526eff);
  cursor:pointer;
  font-size:var(--font-size-sm);
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:center;
  font-weight:var(--font-weight-bold);
  padding-top:var(--xs);
  padding-left:var(--xs);
  border-radius:0.3rem;
  padding-right:var(--xs);
  padding-bottom:var(--xs);
  justify-content:center;
  background-color:#526eff69;
  }
      

      
  .cTEbqU:hover {
    color:var(--avo_primary_medium, #a8db00);
  background-color:#5a750042;
  }
      

        
        
      
      
  .MeSDr {
    font-size:var(--font-size-lg);
  font-weight:700;
  }
      

      
        
        
      
      
  .dkHbYb {
    color:var(--greys-1000, #4d4d4d);
  z-index:;
  }
      

      
        
        
      
      
  .PhDpS {
    gap:0.2rem;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .ghhbT {
    gap:var(--ml);
  width:100%;
  height:340px;
  z-index:;
  max-width:100%;
  overflow-x:scroll;
  overflow-y:scroll;
  align-items:start;
  font-family:'Montserrat Alternates';
  flex-direction:row;
  padding-bottom:var(--m);
  justify-content:start;
  }
      

      
        
        
      
      
  .delzSv {
    gap:var(--sm);
  flex:1;
  display:flex;
  max-width:23rem;
  min-width:15rem;
  flex-direction:column;
  }
      

      
        
        
      
      
  .esewGh {
    color:var(--grey-900);
  font-size:var(--font-size-base);
  font-weight:700;
  }
      

      
        
        
      
      
  .fdjszA {
    color:var(--grey-800);
  font-size:var(--font-size-sm);
  font-weight:600;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .cODvyO {
    color:var(--primary_medium, #526eff);
  right:1rem;
  scale:1;
  bottom:var(--m);
  cursor:pointer;
  display:none;
  z-index:3;
  position:absolute;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, opacity 300ms ease 0ms normal, scale 300ms ease 0ms normal;
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  border-radius:0.5rem;
  background-color:var(--primary_light, #d1d9ff);
  }
      

      
  .cODvyO.show_text {
    color:var(--alert_medium, #D74658);
  border-color:var(--alert_medium, #D74658);
  border-style:solid;
  border-width:1px;
  background-color:#ff9eaf;
  }
      


  .cODvyO:hover {
    scale:1.2;
  opacity:0.5;
  }
      

        
        
      
      
  .eLYtgg {
    aspect-ratio:1 / 1;;
  border-radius:0.5rem;
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
        
        
      
      
  .bOkzSg {
    width:100%;
  height:100%;
  overflow-x:hidden;
  overflow-y:hidden;
  }
      

      
        
        
      
      
  .eDAmUW {
    flex:1;
  rotate:z 65deg;
  z-index:1;
  position:relative;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  align-items:center;
  aspect-ratio:1 / 1;;
  justify-content:center;
  }
      

      
  .eDAmUW.r1 {
    rotate:z var(--r1);
  transition:rotate 10ms linear 0ms normal;
  }
      


  .eDAmUW.r2 {
    rotate:z var(--r2);
  transition:rotate var(--dur1) ease var(--del1) normal;
  }
      


  .eDAmUW.r3 {
    rotate:z var(--r3);
  transition:rotate var(--dur2) ease var(--del2) normal;
  }
      


  .eDAmUW.r4 {
    rotate:z var(--r4);
  transition:rotate var(--dur3) ease var(--del3) normal;
  }
      


  .eDAmUW.r5 {
    rotate:z var(--r5);
  transition:rotate var(--dur4) ease var(--del4) normal;
  }
      


  .eDAmUW.r6 {
    rotate:z var(--r6);
  transition:rotate var(--dur5) ease var(--del5) normal;
  }
      


  .eDAmUW.r7 {
    rotate:z var(--r7);
  transition:rotate var(--dur6) ease var(--del6) normal;
  }
      


  .eDAmUW.r8 {
    rotate:z var(--r8);
  transition:rotate var(--dur7) ease var(--del7) normal;
  }
      


  .eDAmUW.r9 {
    rotate:z var(--r9);
  transition:rotate var(--dur8) ease var(--del8) normal;
  }
      


  .eDAmUW.r10 {
    rotate:z var(--r10);
  transition:rotate var(--dur9) ease var(--del9) normal;
  }
      


  .eDAmUW.r11 {
    rotate:z var(--r11);
  transition:rotate var(--dur10) ease var(--del10) normal;
  }
      


  .eDAmUW.r12 {
    rotate:z var(--r12);
  transition:rotate var(--dur11) ease var(--del11) normal;
  }
      


  .eDAmUW.r13 {
    rotate:z var(--r13);
  transition:rotate var(--dur12) ease var(--del12) normal;
  }
      

        
        
      
      
  .evNIcG {
    z-index:2;
  position:absolute;
  max-width:100%;
  aspect-ratio:1 / 1;;
  }
      

      
        
        
      
      
  .clpvlb {
    width:100%;
  height:100%;
  background-size:19rem;
  background-image:url("https://eulenwald.b-cdn.net/ui/generalFolder/noise_layer_1.webp");
  }
      

      
        
        
      
      
  .cdjuNf {
    width:100%;
  height:100%;
  display:flex;
  position:absolute;
  align-items:center;
  padding-top:var(--l);
  aspect-ratio:1 / 1;
  padding-left:var(--l);
  padding-right:var(--l);
  padding-bottom:var(--l);
  justify-content:center;
  background-color:var(--background_color, 100);
  }
      

      
        
        
      
      
  .rouqD {
    width:100%;
  height:100%;
  z-index:;
  position:absolute;
  mix-blend-mode:luminosity;
  }
      

      
        
        
      
      
  .XqKOE {
    display:flex;
  position:absolute;
  flex-direction:column;
  }
      

      
        
        
      
      
  .ciJPXU {
    filter:brightness(0) blur(4rem);;
  opacity:0.5;
  position:relative;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bDeVVm {
    :;
  width:100%;
  height:100%;
  background-size:40%;
  background-image:url("https://eulenwald.b-cdn.net/ui/generalFolder/noise_layer_1.webp");
  }
      

      
        
        
      
      
  .EKphp {
    flex:1;
  filter:blur(1rem);;
  height:100%;
  z-index:2;
  position:absolute;
  flex-grow:1;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  padding-top:var(--ml);
  padding-left:var(--ml);
  padding-right:var(--ml);
  padding-bottom:var(--ml);
  pointer-events:none;;
  }
      

      
        
        
      
      
  .ebeMDw {
    width:100%;
  height:100%;
  display:none;
  opacity:0.2;
  z-index:11;
  position:absolute;
  mix-blend-mode:luminosity;
  }
      

      
        
        
      
      
  .cJVCDM {
    width:100%;
  height:100%;
  background-size:11rem;
  background-image:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/eulenwald_shop:6568aa4a9b9f05fe7c408d4f_dddsaadsadanoise.webp/public");
  }
      

      
        
        
      
      
  .dheWFD {
    width:100%;
  height:100%;
  display:flex;
  position:absolute;
  align-items:center;
  padding-top:var(--l);
  aspect-ratio:1 / 1;
  padding-left:var(--l);
  padding-right:var(--l);
  padding-bottom:var(--l);
  justify-content:center;
  background-color:var(--background_color, <Value>);
  }
      

      
        
        
      
      
  .RCtuX {
    flex:1;
  z-index:2;
  position:relative;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  pointer-events:none;
  }
      

      
        
        
      
      
  .bmKHNK {
    width:100%;
  height:100%;
  z-index:;
  position:absolute;
  }
      

      
        
        
      
      
  .fyZrxi {
    width:100%;
  overflow:hidden;
  position:relative;
  aspect-ratio:1 / 1;
  }
      

      
        
        
      
      
  .eQyTa {
    width:100%;
  height:100%;
  overflow-x:hidden;
  overflow-y:hidden;
  aspect-ratio:1 / 1;;
  border-radius:1rem;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .eSRaks {
    gap:var(--s);
  font-size:var(--font-size-xl);
  align-items:center;
  font-weight:700;
  padding-top:var(--xs);
  padding-left:var(--xs);
  padding-right:var(--xs);
  flex-direction:row;
  padding-bottom:var(--xs);
  justify-content:start;
  }
      

      
        
        
      
      
  .eccPGU {
    width:100%;
  height:100%;
  display:flex;
  z-index:2;
  position:relative;
  max-width:30rem;
  flex-direction:column;
  background-size:5rem;
  background-image:url("");
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bHaRBX {
    gap:var(--s);
  flex:1;
  color:var(--greys-900, #666666);
  min-width:15rem;
  padding-top:var(--m);
  padding-left:var(--m);
  border-radius:0.5rem;
  padding-right:var(--m);
  padding-bottom:var(--m);
  justify-content:start;
  }
      

      
        
        
      
      
  .fjEeQE {
    font-size:var(--font-size-sm);
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
        
      
      
  .bUGCLc {
    color:var(--primary_medium, #526eff);
  width:100%;
  cursor:pointer;
  height:3rem;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:center;
  font-weight:var(--font-weight-bold);
  border-radius:0.85rem;
  justify-content:center;
  background-color:#526eff69;
  }
      

      
  .bUGCLc:hover {
    color:var(--primary_medium, #526eff);
  background-color:#526eff91;
  }
      

        
        
      
      
  .drykqI {
    flex:1;
  min-width:20rem;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .ecbRNn {
    gap:var(--s);
  }
      

      
        
        
      
      
  .ItLFN {
    font-size:var(--font-size-2xl);
  font-weight:var(--font-weight-bold);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bwMNDg {
    flex:1;
  align-items:center;
  justify-content:end;
  }
      

      
        
        
      
      
  .dKRhHE {
    font-size:var(--font-size-2xl);
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
        
      
      
  .bSjCNA {
    color:var(--greys-700, #999999);
  font-size:var(--font-size-sm);
  font-weight:var(--font-weight-regular);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .fbQNCv {
    height:15rem;
  overflow-y:hidden;
  padding-left:var(--m);
  padding-right:var(--m);
  }
      

      
  .fbQNCv.expand {
    height:fit-content;
  }
      

        
        
      
      
  .bnUhdp {
    max-height:100%;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
        
      
      
  .fHHaLr {
    display:inline-block;
  font-size:var(--font-size-2xl);
  font-weight:var(--font-weight-bolder);
  }
      

      
        
        
      
      
  .cgbIHY {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  position:absolute;
  backdrop-filter:blur(10px);;
  }
      

      
        
        
      
      
  .bnGdmF {
    line-height:1.4;
  }
      

      
        
        
      
      
  .erowKL {
    top:1rem;
  color:var(--stripe_medium, #635bff);
  right:1rem;
  cursor:pointer;
  z-index:99;
  position:absolute;
  }
      

      
  .erowKL:hover {
    color:var(--active_medium, #abe137);
  }
      

        
        
      
      
  .fcXnVY {
    display:inline-block;
  font-size:1.4rem;
  font-weight:var(--font-weight-bolder);
  }
      

      
        
        
      
      
  .fcLea-d {
    :;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:9999;
  position:fixed;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .cxBzPK {
    display:inline-block;
  font-size:1.2rem;
  font-weight:var(--font-weight-bolder);
  }
      

      
        
        
      
      
  .dCaqZd {
    font-size:var(--font-size-sm);
  }
      

      
        
        
      
      
  .cfONpC {
    margin-top:0.3rem;
  margin-bottom:0.1rem;
  }
      

      
        
        
      
      
  .fCgxWz {
    display:inline-block;
  font-size:1.3rem;
  font-weight:var(--font-weight-bolder);
  }
      

      
        
        
      
      
  .chjQLG {
    gap:var(--s);
  width:100%;
  overflow-x:scroll;
  flex-direction:row;
  }
      

      
        
        
      
      
  .eygtGa {
    width:fit-content;
  z-index:111;
  max-width:60%;
  max-height:80%;
  object-fit:contain;
  }
      

      
        
        
      
      
  .eskCAH {
    max-height:12rem;
  object-fit:contain;
  transition:scale 300ms ease 0ms normal, opacity 300ms ease 0ms normal, rotate 300ms ease 0ms normal;
  border-radius:0.5rem;
  }
      

      
  .eskCAH:hover {
    scale:0.9;
  rotate:z var(--round);
  opacity:0.7;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .IhlPV {
    gap:var(--m);
  width:var(--width);
  max-width:50rem;
  }
      

      
        
        
      
      
  .dfYDoI {
    color:var(--alert_medium, #D74658);
  align-items:start;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  padding-bottom:var(--s);
  justify-content:center;
  background-color:#ff9eafa3;
  }
      

      
        
        
      
      
  .dlvrbW {
    gap:var(--m);
  flex-direction:row;
  }
      

      
        
        
      
      
  .eQRtPR {
    gap:var(--xs);
  }
      

      
        
        
      
      
  .dqRSVV {
    font-size:var(--font-size-sm);
  font-weight:var(--font-weight-bold);
  }
      

      
        
        
      
      
  .ckFjut {
    font-size:var(--font-size-sm);
  font-weight:var(--font-weight-normal);
  }
      

      
        
        
      
      
  .fvJrCQ {
    color:#8fcf07;
  width:3rem;
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:center;
  aspect-ratio:1 / 1;;
  border-radius:0.5rem;
  justify-content:center;
  background-color:var(--active_light, #e2fda5);
  }
      

      
  .fvJrCQ:hover {
    color:#7cb503;
  background-color:var(--active_light, #e2fda5);
  }
      


  .fvJrCQ.loading {
    color:#ff943d;
  background-color:#fcd55f;
  }
      

        
        
      
      
  .cCYXsI {
    width:100%;
  }
      

      
        
        
      
      
  .bGsskQ {
    align-items:;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .bVlwoE {
    gap:var(--s);
  flex-direction:row;
  }
      

      
        
        
      
      
  .dEzgnO {
    gap:0.2rem;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .fvcRQD {
    gap:var(--m);
  padding-top:var(--s);
  padding-left:var(--s);
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  }
      

      
  .fvcRQD.current_one {
    color:var(--primary_medium, #526eff);
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  border-radius:0.5rem;
  background-color:var(--greys-100, #ffffff);
  }
      

        
        
      
      
  .bEaJji {
    width:30rem;
  height:20rem;
  z-index:10;
  position:absolute;
  border-radius:1rem;
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .eNXQJs {
    color:var(--greys-800, #808080);
  cursor:pointer;
  transition:color 300ms ease 0ms normal;
  }
      

      
  .eNXQJs:hover {
    color:var(--alert_medium, #D74658);
  }
      

        
        
      
      
  .fnjEUp {
    flex:1;
  color:var(--greys-800, #808080);
  width:100%;
  font-size:var(--font-size-base);
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  padding-bottom:var(--s);
  background-color:var(--greys-100, #ffffff);
  }
      

      
  .fnjEUp:focus {
    outline-color:#2463ebff;
  outline-style:solid;
  outline-width:1px;
  }
      

        
        
      
      
  .owoPo {
    width:100%;
  padding-left:var(--m);
  border-radius:1.5rem;
  padding-right:var(--m);
  }
      

      
        
        
      
      
  .NfNcB {
    gap:var(--s);
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  padding-bottom:var(--s);
  background-color:var(--greys-100, #ffffff);
  }
      

      
        
        
      
      
  .bTjeyW {
    gap:var(--s);
  align-items:start;
  aspect-ratio:1 / 1;;
  justify-content:center;
  }
      

      
        
        
      
      
  .bItuRI {
    flex:1;
  overflow-y:scroll;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
        
      
      
  .dxrPEI {
    width:23rem;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
        
        
      
      
  .dvhFEQ {
    gap:var(--m);
  width:100%;
  border-radius:0.5rem;
  flex-direction:row;
  }
      

      
        
        
      
      
  .bbzRAq {
    color:var(--greys-800, #808080);
  cursor:pointer;
  transition:color 300ms ease 0ms normal;
  }
      

      
  .bbzRAq:hover {
    color:var(--primary_medium, #526eff);
  }
      

        
        
      
      
  .oFijY {
    height:24rem;
  z-index:10;
  position:relative;
  border-radius:1rem;
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
        
        
      
      
  .ftmrQH {
    gap:var(--s);
  padding-top:var(--m);
  padding-left:var(--m);
  border-radius:0.5rem;
  padding-right:var(--m);
  padding-bottom:var(--m);
  background-color:var(--greys-300, #e3e3e3);
  }
      

      
        
        
      
      
  .dNSmYr {
    width:3rem;
  border-radius:0.5rem;
  }
      

      
        
        
      
      
  .ftJixY {
    color:#d94ad6;
  width:fit-content;
  cursor:pointer;
  display:flex;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:#ffccfe;
  }
      

      
  .ftJixY:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

        
        
      
      
  .damQkw {
    gap:var(--xs);
  flex-wrap:wrap;
  flex-direction:row;
  }
      

      
        
        
      
      
  .dcgcey {
    gap:var(--m);
  flex-wrap:wrap;
  flex-direction:row;
  }
      

      
        
        
      
      
  .ejVhCj {
    top:var(--xs);
  left:var(--xs);
  color:var(--alert_medium, #D74658);
  cursor:pointer;
  z-index:99;
  position:absolute;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  padding-top:var(--xs);
  padding-left:var(--xs);
  border-radius:0.5rem;
  padding-right:var(--xs);
  padding-bottom:var(--xs);
  backdrop-filter:blur(1rem);
  background-color:#ffd6dd99;
  }
      

      
  .ejVhCj:hover {
    color:var(--alert_light, #FF9EAF);
  background-color:var(--alert_medium, #D74658);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .bqUzKU {
    width:var(--width);
  border-radius:0.5rem;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .cFsbIB {
    gap:var(--s);
  width:100%;
  border-radius:0.5rem;
  }
      

      
        
        
      
      
  .dnFHp {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:11;
  position:absolute;
  align-items:center;
  backdrop-filter:blur(2rem);
  justify-content:center;
  }
      

      
        
        
      
      
  .nItpT {
    width:100%;
  display:none;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  padding-bottom:var(--s);
  background-color:var(--neutral-100, #ffffff);
  }
      

      
        
        
      
      
  .TgTwi {
    gap:var(--m);
  width:100%;
  align-items:center;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  justify-content:space-between;
  background-color:var(--greys-100, #ffffff);
  }
      

      
        
        
      
      
  .bASQhC {
    width:2rem;
  border-radius:0.5rem;
  }
      

      
        
        
      
      
  .IKpxL {
    width:100%;
  height:100%;
  font-family:'Montserrat Alternates';
  }
      

      
        
        
      
      
  .EwDlE {
    flex:1;
  padding-top:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
        
      
      
  .enBOsr {
    color:var(--greys-1000, #4d4d4d);
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--s);
  }
      

      
  .enBOsr:hover {
    color:var(--greys-1100, #1a1a1a);
  background-color:var(--greys-300, #e3e3e3);
  }
      

        
        
      
      
  .cKCMFB {
    flex:1;
  max-width:fit-content;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  }
      

      
        
        
      
      
  .fcYXQO {
    font-size:var(--font-size-sm);
  font-weight:700;
  }
      

      
        
        
      
      
  .crpeQx {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0;
  z-index:-99;
  position:absolute;
  overflow-x:hidden;
  transition:opacity 300ms ease 0ms normal;
  align-items:center;
  border-radius:0.5rem;
  justify-content:center;
  }
      

      
  .crpeQx.hide {
    opacity:1;
  z-index:2;
  }
      

        
        
      
      
  .cKJpQW {
    left:var(--xs);
  font-size:var(--font-size-lg);
  }
      

      
        
        
      
      
  .eBtBij {
    gap:var(--s);
  flex:1;
  height:2.5rem;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
        
      
      
  .eegPFq {
    flex:1;
  display:none;
  border-radius:1rem;
  }
      

      
        
        
      
      
  .fdEEyE {
    gap:var(--s);
  color:var(--greys-900, #666666);
  cursor:pointer;
  font-size:var(--font-size-sm);
  box-shadow:1px 4px 3px -10px #00000044;
  transition:color 300ms ease 0ms normal, box-shadow 300ms ease 0ms normal, background-color 900ms ease 0ms normal;
  align-items:center;
  font-weight:600;
  padding-top:var(--xs);
  border-color:#00000000;
  border-style:solid;
  border-width:1px;
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  flex-direction:row;
  padding-bottom:var(--xs);
  justify-content:start;
  background-color:var(--greys-400, #d6d6d6);
  }
      

      
  .fdEEyE:hover {
    color:var(--primary_medium, #526eff);
  z-index:10;
  box-shadow:1px 4px 8px -4px #0000007a;
  font-weight:700;
  border-color:var(--primary_medium, #526eff);
  border-style:solid;
  border-width:1px;
  background-color:var(--primary_light, #d1d9ff);
  }
      


  .fdEEyE.active {
    color:var(--greys-900, #666666);
  border-color:var(--greys-900, #666666);
  border-style:solid;
  border-width:1px;
  background-color:var(--greys-300, #e3e3e3);
  }
      

        
        
      
      
  .cYhbkf {
    gap:var(--s);
  flex:1;
  border-radius:1rem;
  }
      

      
        
        
      
      
  .fGElcx {
    font-weight:900;
  }
      

      
        
        
      
      
  .bqYgXN {
    height:1px;
  background-color:var(--greys-500, #c7c7c7);
  }
      

      
        
        
      
      
  .dZippc {
    flex:1;
  align-items:center;
  flex-direction:column;
  justify-content:end;
  }
      

      
  .dZippc.expanded {
    align-items:start;
  justify-content:end;
  }
      

        
        
      
      
  .bfmPjq {
    width:2.2rem;
  height:2.2rem;
  border-radius:0.5rem;
  background-color:var(--greys-500, #c7c7c7);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .dPFtqq {
    font-weight:600;
  }
      

      
        
        
      
      
  .Lbrl {
    font-size:var(--font-size-xs);
  font-weight:300;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .UYaNT {
    flex:1;
  height:100%;
  max-height:100%;
  overflow-x:hidden;
  overflow-y:hidden;
  flex-direction:row;
  background-color:var(--greys-400, #d6d6d6);
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bXXkQW {
    flex:1;
  box-shadow:1px 2px 8px -2px #00000044;
  overflow-y:scroll;
  padding-top:var(--m);
  padding-left:var(--m);
  padding-right:var(--m);
  padding-bottom:var(--m);
  background-color:var(--greys-300, #e3e3e3);
  border-top-left-radius:var(--m);
  border-bottom-left-radius:var(--m);
  }
      

      
        
        
      
      
  .dNzFPH {
    color:var(--greys-800, #808080);
  cursor:pointer;
  transition:color 300ms ease 0ms normal;
  }
      

      
  .dNzFPH:hover {
    color:var(--stripe_medium, #635bff);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bpzJjV {
    flex:1;
  width:100%;
  height:100%;
  overflow-x:clip;
  overflow-y:clip;
  align-items:center;
  border-radius:0px;
  justify-content:center;
  }
      

      
        
        
      
      
  .dAQyZp {
    width:100%;
  height:100%;
  align-items:start;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
        
      
      
  .nfiHv {
    color:var(--grey-200, #E5E5E5);
  width:fit-content;
  cursor:pointer;
  font-size:13px;
  padding-top:0.25rem;
  padding-left:0.5rem;
  border-radius:100px;
  padding-right:0.5rem;
  padding-bottom:0.25rem;
  background-color:var(--blue-600, #2563EB);
  }
      

      
  .nfiHv:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

        
        
      
      
  .cdCuwM {
    width:100%;
  height:100%;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

      
  .cdCuwM.grab {
    cursor:grab;
  }
      


  .cdCuwM.grabbing {
    cursor:grabbing;
  }
      

        
        
      
      
  .eSBOZs {
    color:var(--grey-900);
  font-weight:600;
  }
      

      
        
        
      
      
  .eAOQHz {
    top:-8000px;;
  left:-8000px;;
  color:var(--grey-700, #404040);
  width:100%;
  height:100%;
  display:flex;
  padding:8000px;
  position:absolute;
  transform:translate(var(--offset-left), var(--offset-top)) scale(var(--zoom));
  align-items:start;
  background:var(--grey-800);
  align-items:start;
  flex-direction:column;
  justify-content:center;
  background-size:1.5em 1.5em;;
  justify-content:start;
  background-color:#ffffff;
  background-image:url("");
  transform-origin:8000px 8000px;
  }
      

      
        
        
      
      
  .bSxqfL {
    gap:64px;
  width:100vw;
  height:fit-content;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
  .bSxqfL.hidden {
    display:none;;
  }
      


  .bSxqfL.grab {
    cursor:grab;
  }
      


  .bSxqfL.grabbing {
    cursor:grabbing;
  }
      


  .bSxqfL.full-screen {
    width:100vw;
  height:100vh;
  }
      

        
        
      
      
  .FPoDk {
    width:100%;
  border:1px solid var(--green-500);
  height:32px;
  display:flex;
  position:relative;
  align-items:center;
  padding-left:8px;
  border-radius:6px;
  padding-right:0px;
  justify-content:space-between;
  background-color:var(--green-500);
  }
      

      
  .FPoDk:hover {
    border:1px solid var(--green-400);
  cursor:pointer;
  background-color:var(--green-400);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .ccAmug {
    gap:0.5rem;
  top:-3rem;
  left:1rem;
  width:40rem;
  position:absolute;
  align-items:center;
  justify-content:center;
  }
      

      
        
        
      
      
  .cnnYKH {
    gap:0.5rem;
  }
      

      
        
        
      
      
  .eFhgBG {
    width:100%;
  align-items:center;
  padding-top:1rem;
  padding-left:1rem;
  outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:2px;
  padding-right:1rem;
  padding-bottom:1rem;
  justify-content:center;
  }
      

      
        
        
      
      
  
      

      
        
        
      
      
  .fgDhdJ {
    cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:start;
  padding-top:var(--s);
  padding-left:var(--s);
  border-radius:0.5rem;
  padding-right:var(--s);
  padding-bottom:var(--s);
  justify-content:center;
  background-color:var(--greys-200, #f0f0f0);
  }
      

      
  .fgDhdJ:hover {
    color:var(--primary_medium, #526eff);
  background-color:var(--primary_light, #d1d9ff);
  }
      


  .fgDhdJ.is_current {
    color:var(--neutral-100, #ffffff);
  background-color:var(--primary_medium, #526eff);
  }
      

        
        
      
      
  .eUbIoW {
    width:100%;
  height:100%;
  opacity:0.5;
  position:absolute;
  background-color:var(--greys-700, #999999);
  }
      

      
        
        
      
      
  .ddqlbI {
    font-size:var(--font-size-3xl);
  }
      

      
        
        
      
      
  .rDbOs {
    top:-0.3rem;
  left:-0.3rem;
  color:var(--primary_medium, #526eff);
  cursor:pointer;
  position:absolute;
  transition:backdrop-filter 300ms ease 0ms normal, color 300ms ease 0ms normal;
  border-radius:0.5rem;
  backdrop-filter:blur(1rem);
  }
      

      
  .rDbOs:hover {
    color:var(--alert_medium, #D74658);
  }
      

        
        
      
      
  .dGFaHM {
    color:#8fcf07;
  width:2.5rem;
  cursor:pointer;
  transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal;
  align-items:center;
  aspect-ratio:1 / 1;;
  border-radius:0.5rem;
  justify-content:center;
  background-color:var(--greys-100, #ffffff);
  }
      

      
  .dGFaHM:hover {
    color:#7cb503;
  background-color:var(--active_light, #e2fda5);
  }
      


  .dGFaHM.loading {
    color:#ff943d;
  background-color:#fcd55f;
  }
      

        
        
      
      
  
      

      
        
        
      
      
  
      

      
        
        
      
      
  .bDIFHp {
    color:var(--grey-200, #E5E5E5);
  width:fit-content;
  cursor:pointer;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--primary_medium, #526eff);
  }
      

      
  .bDIFHp:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

        
        
      
      
  .cyuaBx {
    width:12px;
  height:12px;
  position:absolute;
  transition:background-color 1000ms cubic-bezier(0.64, 0.04, 0.65, 0.99) 0ms normal, opacity 1000ms cubic-bezier(0.6, 0.03, 0.62, 0.8) 0ms normal;
  border-radius:100%;
  }
      

      
  .cyuaBx.current {
    opacity:0.5;
  background-color:var(--primary_medium, #526eff);
  }
      

        
        
      
      
  
      

      
        
        
      
      
  .cKOpDY {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:99;
  position:absolute;
  }
      

      
        
        
      
      
  .dTxkss {
    gap:var(--m);
  flex:1;
  align-items:center;
  justify-content:center;
  background-color:var(--greys-300, #e3e3e3);
  }