@layer base {
  
  body, :host {
    /* Color */
    --neutral-0: #1c1d22;
--neutral-1: #1B1C22;
--neutral-2: #222328;
--neutral-3: #2A2B33;
--neutral-4: #2F313C;
--neutral-5: #343744;
--neutral-6: #3C3F4D;
--neutral-7: #474B5D;
--neutral-8: #5D627B;
--neutral-9: #696F8A;
--neutral-10: #757B96;
--neutral-11: #ADB3CB;
--neutral-12: #EDEEF3;
--neutral-overlay-dark: #1b1c2280;
--neutral-overlay-light: #edeef34f;
--brand-0: #252850;
--brand-1: #1A1B2A;
--brand-2: #1B1C31;
--brand-3: #262558;
--brand-4: #2E2779;
--brand-5: #352E89;
--brand-6: #3E3996;
--brand-7: #4944AA;
--brand-8: #5750CA;
--brand-9: #5C45F2;
--brand-10: #5132E1;
--brand-11: #ccd7ff;
--brand-12: #DBDFFF;
--brand-overlay-dark: #1A1B2A;
--brand-overlay-light: #dbdfff78;
--success-0: #1e2f22;
--success-1: #171F19;
--success-2: #1A231D;
--success-3: #1C3424;
--success-4: #1A4229;
--success-5: #1F4E31;
--success-6: #255B3A;
--success-7: #2B6B44;
--success-8: #2F7E4F;
--success-9: #1BA15C;
--success-10: #009450;
--success-11: #84ebac;
--success-12: #cffcdd;
--success-overlay-dark: #13201b82;
--success-overlay-light: #9cfcde80;
--warning-0: #202518;
--warning-1: #1B1E16;
--warning-2: #202318;
--warning-3: #2C311C;
--warning-4: #353E1E;
--warning-5: #3F4920;
--warning-6: #4A5624;
--warning-7: #566429;
--warning-8: #65762D;
--warning-9: #CDF245;
--warning-10: #C5E659;
--warning-11: #C4E558;
--warning-12: #E4F7B5;
--warning-overlay-dark: #1B1E16;
--warning-overlay-light: #e4f7b554;
--critical-0: #2c1b1b;
--critical-1: #231A1A;
--critical-2: #271C1D;
--critical-3: #441A20;
--critical-4: #581723;
--critical-5: #661B29;
--critical-6: #762634;
--critical-7: #8E3342;
--critical-8: #B94055;
--critical-9: #F24568;
--critical-10: #E3355C;
--critical-11: #FF8E9C;
--critical-12: #FFD1D5;
--critical-overlay-dark: #231A1A;
--critical-overlay-light: #ffd1d58a;
--neutral-0: #101d32;
--neutral-1: #D8770005;
--neutral-2: #F5D0000C;
--neutral-3: #FEF69B14;
--neutral-4: #F7FCED1A;
--neutral-5: #E0ECFD24;
--neutral-6: #D6E1FE31;
--neutral-7: #D4E1FD42;
--neutral-8: #D4DEFD62;
--neutral-9: #D5E0FF72;
--neutral-10: #D4DEFF83;
--neutral-11: #D5DEFFC9;
--neutral-12: #F2F5FFF7;
--brand-1: #0BD00004;
--brand-2: #72F6000A;
--brand-3: #20AFFE25;
--brand-4: #0892FE43;
--brand-5: #1D93FF58;
--brand-6: #329BFF6B;
--brand-7: #3C9BFF84;
--brand-8: #3B99FFA4;
--brand-9: #1788FFE5;
--brand-10: #0081FED4;
--brand-11: #7FB8FF;
--brand-12: #D0E4FFFE;
--success-1: #00EB000A;
--success-2: #00FC000F;
--success-3: #00FA3223;
--success-4: #00FB5A33;
--success-5: #00FF7640;
--success-6: #00FF8F50;
--success-7: #00FDA064;
--success-8: #00FFAD7B;
--success-9: #74FED3E2;
--success-10: #6CFFD2D5;
--success-11: #69FFD0D2;
--success-12: #B2FEE4F8;
--warning-1: #00FA0007;
--warning-2: #16F7000D;
--warning-3: #81FB001D;
--warning-4: #A0FB002B;
--warning-5: #B0FE0D37;
--warning-6: #BDFD2745;
--warning-7: #C8FD3E55;
--warning-8: #D0FF4A68;
--warning-9: #DFFE73E2;
--warning-10: #DEFE6BD7;
--warning-11: #E0FF75E3;
--warning-12: #EEFFC1F4;
--critical-1: #00EC0005;
--critical-2: #A9EB000A;
--critical-3: #FD92001D;
--critical-4: #FE7A0030;
--critical-5: #FF7E003E;
--critical-6: #FF8A264F;
--critical-7: #FE914467;
--critical-8: #FF93538D;
--critical-9: #FE9F74E1;
--critical-10: #FF9260D9;
--critical-11: #FEA781FB;
--critical-12: #FFDFD1F7;
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-sans: 'Inter',sans-serif;
--font-outfit: 'Outfit',sans-serif;

    /* Font size */
    --font-size-xxs: 0.75rem;
--font-size-xs: 0.875rem;
--font-size-sm: 1rem;
--font-size-md: 1.125rem;
--font-size-lg: 1.25rem;
--font-size-xl: 1.5rem;
--font-size-2xl: 1.875rem;
--font-size-3xl: 2.25rem;
--font-size-4xl: 3rem;
--font-size-5xl: 3rem;
--font-size-6xl: 3.5rem;
--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;
--font-size-6: 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;
--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);
--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 */
    --4xs: 0.125rem;
--3xs: 0.25rem;
--2xs: 0.375rem;
--xs: 0.5rem;
--sm: 0.75rem;
--md: 1rem;
--lg: 1.5rem;
--xl: 2rem;
--2xl: 2.5rem;
--3xl: 3rem;
--4xl: 4rem;
--5xl: 6rem;
--6xl: 8rem;
--7xl: 10rem;
--border-xs: 0.0625rem;
--border-sm: 0.125rem;
--border-md: 0.1875rem;
--border-lg: 0.25rem;
--border-focus: 0.2rem;
--rounding-xs: 0.125rem;
--rounding-sm: 0.25rem;
--rounding-md: 0.375rem;
--rounding-lg: 0.5rem;
--rounding-xl: 0.75rem;
--rounding-2xl: 1rem;
--rounding-3xl: 1.5rem;
--rounding-4xl: 2.25rem;
--none: 0rem;
--page: 85rem;
--modal-lg: 40rem;
--modal-md: 30rem;
--modal-sm: 22rem;
--menu-left: 15rem;
--menu-top: 4rem;
--menu-bottom: 4rem;
--menu-right: 12rem;
--font-family: Outfit;
--interactive-xs: 1.85rem;
--interactive-sm: 2.35rem;
--interactive-md: 2.75rem;
--interactive-lg: 3.25rem;
--icon-size: 1.35rem;
--rounding-full: 999%;
--4xs: 0.125rem;
--3xs: 0.25rem;
--2xs: 0.375rem;
--xs: 0.5rem;
--sm: 0.75rem;
--md: 1rem;
--lg: 1.5rem;
--xl: 2rem;
--2xl: 2.5rem;
--3xl: 3rem;
--4xl: 4rem;
--5xl: 6rem;
--6xl: 8rem;
--7xl: 10rem;
--border-xs: 0.0625rem;
--border-sm: 0.125rem;
--border-md: 0.1875rem;
--border-lg: 0.25rem;
--border-focus: 0.2rem;
--rounding-xs: 0.125rem;
--rounding-sm: 0.25rem;
--rounding-md: 0.375rem;
--rounding-lg: 0.5rem;
--rounding-xl: 0.75rem;
--rounding-2xl: 1rem;
--rounding-3xl: 1.5rem;
--rounding-4xl: 2.25rem;
--none: 0rem;
--page: 85rem;
--modal-lg: 40rem;
--modal-md: 30rem;
--modal-sm: 22rem;
--menu-left: 15rem;
--menu-top: 4rem;
--menu-bottom: 4rem;
--menu-right: 12rem;
--font-family: Outfit;
--interactive-md: 2.75rem;
--interactive-lg: 3.25rem;
--interactive-sm: 2.35rem;
    /* 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;
    }
  }
}

      
  .eGgJLb {
    color:var(--text-color);
  width:100%;
  display:flex;
  padding:var(--padding);
  background:var(--background-color);
  transition:all 250ms ease;
  border-radius:var(--border-radius);
  outline-color:var(--outline-color);
  outline-style:solid;
  outline-width:var(--outline-width);
  flex-direction:column;
  outline-offset:var(--outline-offset);
  }
      

      
          @media (max-width: 36rem) {
            
  .eGgJLb.is-mobile-vanished {
    background:transparent;
  padding-top:0px;
  padding-left:0px;
  outline-color:transparent;
  outline-style:none;
  outline-width:0px;
  padding-right:0px;
  padding-bottom:0px;
  }
      

          }
          

  .eGgJLb.is-loading {
    user-select:none;
  pointer-events:none;
  }
      

        
      
      
  .eqRXIw {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  opacity:0;
  overflow:hidden;
  position:absolute;
  background:var(--shimmer-background);
  transition:opacity 0.3s ease;
  align-items:center;
  border-radius:inherit;
  flex-direction:row;
  pointer-events:none;
  backdrop-filter:blur(2rem);
  justify-content:center;
  }
      

      
  .eqRXIw.is-loading {
    opacity:1;
  }
      

        
      
      
  .eUdxnm {
    top:0px;
  left:-100%;
  width:200%;
  height:100%;
  position:absolute;
  animation:2.5s linear infinite animation-shimmer-movement, 3.5s ease-in-out infinite animation-shimmer-pulse;
  background:linear-gradient(90deg, var(--shimmer-base) 0%, var(--shimmer-highlight) 50%, var(--shimmer-highlight) 50%, var(--shimmer-base) 100%);
  background-size:200% 100%;
  }
      

      
        
                  @keyframes animation-shimmer-pulse {
                    
                        0% {
                          opacity: 0.7;
                        }
                        

                        50% {
                          opacity: 1;
                        }
                        

                        100% {
                          opacity: 0.7;
                        }
                        
                  }
                  

                  @keyframes animation-shimmer-movement {
                    
                        0% {
                          background-position: -200% 0;
                        }
                        

                        100% {
                          background-position: 200% 0;
                        }
                        
                  }
                  
      
      
  
      

      
        
      
      
  .eEkeHQ {
    color:var(--color);
  margin:0px;
  overflow:hidden;
  font-size:var(--text-size-var);
  font-family:var(--font-family);
  line-height:var(--line-height-var);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
          @media (max-width: 48rem) {
            
  .eEkeHQ {
    font-size:var(--mobile-size-var);
  }
      

          }
          

  .eEkeHQ.line-clamp {
    display:-webkit-box;
  white-space:normal;
  text-overflow:unset;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--max-lines-var);
  }
      

        
      
      
  
      

      
        
      
      
  .bcjLOQ {
    color:var(--color);
  font-size:var(--text-size-var);
  font-family:var(--font-family);
  font-weight:700;
  line-height:var(--line-height-var);
  letter-spacing:-0.02em;
  }
      

      
          @media (max-width: 48rem) {
            
  .bcjLOQ {
    font-size:var(--text-size-mobile-var);
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  
      

      
  .dc-card-static\:j1jGv0SUrZNcwdzwr9zak.is-loading {
    opacity:0.57;
  }
      

        
      
      
  
      

      
        
      
      
  .cLeJQP {
    color:inherit;
  flex-grow:1;
  min-width:0px;
  flex-shrink:1;
  }
      

      
        
      
      
  .KDPCw {
    gap:var(--sm);
  display:flex;
  align-items:flex-start;
  flex-direction:row;
  }
      

      
        
      
      
  .bRCSmf {
    color:var(--neutral-11);
  display:inline-block;
  overflow:hidden;
  font-size:var(--text-size);
  font-family:var(--font-family);
  line-height:var(--line-height-ratio);
  white-space:var(--white-space-mode);
  text-overflow:var(--text-overflow-mode);
  }
      

      
          @media (max-width: 75rem) {
            
  .bRCSmf {
    font-size:var(--text-size-mobile);
  }
      

          }
          

  .bRCSmf.line-clamp {
    display:-webkit-box;
  white-space:normal;
  text-overflow:unset;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--clamp-lines);
  }
      

        
      
      
  .dc-callout\:IT-pNLb8lFAMynO4l94vF {
    color:inherit;
  }
      

      
        
      
      
  .djchVT {
    width:var(--icon-size);
  }
      

      
        
      
      
  .BEFTq {
    box-sizing:border-box;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dc-callout\:QwGJ6j7pXGVbKeZZHNeUB {
    width:var(--lg);
  height:var(--lg);
  flex-shrink:0;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bJFFaC {
    gap:var(--stack-gap);
  display:flex;
  position:static;
  max-width:100%;
  align-items:var(--align-items);
  flex-direction:column;
  justify-content:var(--justify-content);
  }
      

      
  .bJFFaC.stack-reverse {
    flex-direction:column-reverse;
  }
      


          @media (max-width: 75rem) {
            
  .bJFFaC {
    gap:calc(var(--stack-gap) * 0.8);
  }
      

          }
          

  
      

        
      
      
  
      

      
        
      
      
  .eMpcyq {
    flex-grow:1;
  flex-basis:1px;
  overflow-x:scroll;
  overflow-y:scroll;
  }
      

      
        
      
      
  
      

      
        
      
      
  .CUsZz {
    width:100%;
  height:100%;
  background: var(--neutral-0);
  align-items:stretch;
  justify-items:stretch;;
  }
      

      
        
      
      
  .cgPiEG {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  position:fixed;
  background: var(--neutral-0);
  flex-direction:column;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dJwUwD {
    position:static;
  }
      

      
  .dJwUwD.is-snap {
    width:100%;
  height:var(--height);
  scroll-snap-align:start;
  }
      


  .dJwUwD.overflow-hidden {
    overflow-x:hidden;
  overflow-y:hidden;
  }
      

        
                  @keyframes anim-aD8EzY {
                    
                  }
                  
      
      
  
      

      
        
      
      
  .dSpFNL {
    padding-top:var(--md);
  padding-bottom:var(--md);
  }
      

      
          @media (min-width: 75rem) {
            
  .dSpFNL {
    padding-top:6rem;
  padding-bottom:6rem;
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  .bNdiMT {
    padding-left:var(--sm);
  padding-right:var(--sm);
  }
      

      
        
      
      
  
      

      
        
      
      
  .dShpCZ {
    width:100%;
  margin:0 auto;
  max-width:var(--container-max-width);
  }
      

      
  .dShpCZ.container-fluid {
    max-width:100%;
  }
      

        
      
      
  
      

      
        
      
      
  .example-ecommerce-1\:FaVWNtmm0nsNbTBsgnp7X {
    display:none;
  }
      

      
        
      
      
  .eNWvoB {
    color:var(--font-color);
  width:fit-content;
  cursor:pointer;
  display:flex;
  padding:var(--spacing-lg);
  overflow:hidden;
  position:relative;
  font-size:var(--text-md);
  transform:scale(1);
  background: var(--neutral-2);
  transition:color 300ms ease  , background-color 300ms ease  , transform 150ms ease  , outline-color 300ms ease 0s ;
  align-items:stretch;
  font-family:var(--font-family);
  font-weight:var(--font-weight-semi-bold);
  user-select:none;
  outline-color:transparent;
  outline-style:solid;
  outline-width:var(--border-sm);
  backdrop-filter:blur(2rem);
  justify-content:center;
  border-top-left-radius:var(--rounding-2xl);
  border-top-right-radius:var(--rounding-2xl);
  border-bottom-left-radius:var(--rounding-2xl);
  border-bottom-right-radius:var(--rounding-2xl);
  }
      

      
  .eNWvoB:hover {
    background: var(--neutral-3);
  }
      


  .eNWvoB.is-active {
    transform:scale(0.98, 0.98);
  background: var(--brand-3);
  }
      


  .eNWvoB:focus-visible {
    width:fit-content;
  cursor:pointer;
  display:flex;
  background: var(--brand-4);
  transition:color 300ms ease, background-color 300ms ease, transform 150ms ease;
  align-items:center;
  user-select:none;
  outline-color:var(--neutral-10);
  outline-width:var(--border-focus);
  justify-content:center;
  }
      


  .eNWvoB.disabled {
    opacity:0.5;
  pointer-events:none;
  }
      


  .eNWvoB:active:focus-visible {
    transform:scale(0.95);
  background: var(--brand-5);
  }
      


  .eNWvoB.selected {
    background: var(--brand-2);
  outline-color:var(--brand-8);
  outline-style:solid;
  outline-width:var(--border-md);
  }
      


  .eNWvoB.selected:hover {
    background: var(--brand-3);
  }
      

        
      
      
  .bGUwhc {
    scale:5;
  width:fit-contents;
  height:fit-contents;
  opacity:0;
  position:absolute;
  min-width:100%;
  translate:var(--offset-left) var(--offset-top);
  background:radial-gradient(closest-side, var(--ripple-pressed-color) 65%, transparent 66%);
  min-height:100%;
  transition:scale var(--scale) cubic-bezier(0.4, 0.5, 0.2, 1) 0ms , opacity var(--opacity) cubic-bezier(0.77, 0.09, 0.52, 0.88) 0ms ;
  aspect-ratio:1;
  }
      

      
  .bGUwhc {
    @starting-style {
            scale:0.1;
  opacity:0.63;
          }
  }
      

        
      
      
  .cUQLhM {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  height:100%;
  z-index:0;
  overflow:hidden;
  position:absolute;
  transition:background-color 16ms linear 0ms normal;
  align-items:center;
  border-radius:inherit;
  pointer-events:none;
  justify-content:center;
  }
      

      
        
      
      
  .fayjYw {
    width:100%;
  height:100%;
  z-index:-999;
  position:absolute;
  user-select:none;
  pointer-events:none;
  }
      

      
  .fayjYw.disabled {
    user-select:none;
  }
      

        
      
      
  
      

      
        
      
      
  .eDSqPW {
    color:inherit;
  font-size:inherit;
  font-style:inherit;
  font-family:inherit;
  font-weight:inherit;
  line-height:inherit;
  padding-top:var(--xs);
  font-variant:inherit;
  padding-left:var(--xs);
  padding-right:var(--xs);
  padding-bottom:var(--xs);
  }
      

      
  .eDSqPW.vertical {
    padding-left:0rem;
  padding-right:0rem;
  }
      


  .eDSqPW.horizontal {
    padding-top:0rem;
  padding-bottom:0rem;
  }
      


  .eDSqPW.top {
    padding-left:0rem;
  padding-right:0rem;
  padding-bottom:0rem;
  }
      


  .eDSqPW.bottom {
    padding-top:0rem;
  padding-left:0rem;
  padding-right:0rem;
  }
      


  .eDSqPW.left {
    padding-top:0rem;
  padding-right:0rem;
  padding-bottom:0rem;
  }
      


  .eDSqPW.right {
    padding-top:0rem;
  padding-left:0rem;
  padding-bottom:0rem;
  }
      

        
      
      
  .dc-spacing-2xl\:root {
    padding-top:var(--md);
  padding-left:var(--md);
  padding-right:var(--md);
  padding-bottom:var(--md);
  }
      

      
          @media (min-width: 75rem) {
            
  .dc-spacing-2xl\:root {
    padding-top:var(--2xl);
  padding-left:var(--2xl);
  padding-right:var(--2xl);
  padding-bottom:var(--2xl);
  }
      

          }
          
        
      
      
  .dc-box-interactive-card\:qkkz-_fxBN4MOVLhcwI40 {
    width:20rem;
  height:40rem;
  }
      

      
        
      
      
  .du-product-card-2\:root {
    width:100%;
  background: var(--neutral-3);
  outline-color:var(--neutral-5);
  outline-style:solid;
  outline-width:var(--border-sm);
  }
      

      
  .du-product-card-2\:root:hover {
    background: var(--brand-3);
  outline-color:var(--brand-4);
  }
      

        
      
      
  .du-product-card-2\:1POFSeZkB8aAqgAy521uu {
    text-decoration:line-through;
  }
      

      
        
      
      
  .du-product-card-2\:9nbqn6cPBHGgrpfP3Ddv8 {
    font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  
      

      
        
      
      
  .du-product-card-2\:KNgpLrN84MTDUtNglZTpT {
    font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .bvKwDu {
    color:var(--color);
  font-size:var(--text-size-var);
  font-family:var(--font-family);
  font-weight:600;
  line-height:var(--line-height-var);
  letter-spacing:-0.01em;
  }
      

      
          @media (max-width: 48rem) {
            
  .bvKwDu {
    font-size:var(--text-size-mobile-var);
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  .cfqKRN {
    flex-direction:row;
  }
      

      
        
      
      
  .bjZmOD {
    color:var(--warning-10);
  z-index:1;
  box-sizing:border-box;
  }
      

      
        
      
      
  .eJTQiO {
    color:var(--warning-10);
  z-index:2;
  position:absolute;
  box-sizing:border-box;
  }
      

      
        
      
      
  .bNJdOx {
    width:var(--size);
  height:var(--size);
  }
      

      
        
      
      
  
      

      
        
      
      
  .cIRIFj {
    top:-1rem;
  right:var(--lg);
  display:flex;
  position:absolute;
  background:;
  align-items:flex-end;
  justify-content:center;
  }
      

      
        
      
      
  .eoBUMI {
    gap:var(--sm);
  width:100%;
  display:flex;
  align-items:flex-start;
  flex-direction:row;
  }
      

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


  .eoBUMI.column {
    flex-direction:column;
  }
      

        
      
      
  
      

      
        
      
      
  .bunHBi {
    top:0px;
  left:0px;
  right:0px;
  width:var(--width);
  bottom:0px;
  height:var(--height);
  position:absolute;
  overflow-x:hidden;
  overflow-y:hidden;
  user-select:none;
  aspect-ratio:var(--aspect-ratio);
  pointer-events:none;
  }
      

      
  .bunHBi.is-relative {
    position:relative;
  }
      

        
      
      
  .bKdUdn {
    color:var(--neutral-5, #323035);
  }
      

      
        
      
      
  .eBnIoV {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  position:absolute;
  pointer-events:all;
  }
      

      
        
      
      
  .eyQJSM {
    position:absolute;
  }
      

      
        
      
      
  .cQbGbZ {
    color:var(--brand-10, #8a75dd);
  display:none;
  font-size:2rem;
  text-align:center;
  font-family:'Outfit';
  user-select:none;
  pointer-events:none;
  }
      

      
        
      
      
  .dPbvpl {
    width:100%;
  height:100%;
  position:absolute;
  object-fit:cover;
  }
      

      
        
      
      
  .FxeZT {
    flex:1;
  align-items:center;
  pointer-events:none;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dc-spacing-sm\:root {
    padding-top:var(--sm);
  padding-left:var(--sm);
  padding-right:var(--sm);
  padding-bottom:var(--sm);
  }
      

      
        
      
      
  
      

      
        
      
      
  .du-product-card-2\:hU8SQ0SAT7A6lMIEAb3PR {
    color:var(--neutral-12);
  font-weight:bolder;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dKYnpW {
    color:var(--accent-text-default);
  width:fit-content;
  cursor:pointer;
  display:inline-block;
  position:relative;
  font-size:var(--text-size);
  box-shadow:;
  transition:color 300ms ease  , transform 300ms ease  ;
  font-family:var(--font-family);
  font-weight:var(--font-weight-semi-bold);
  line-height:var(--line-height);
  white-space:pre-wrap;
  text-decoration:none;
  }
      

      
  .dKYnpW:hover {
    color:var(--accent-text-hover);
  border-color:var(--brand-9);
  border-style:solid;
  border-width:0px;
  }
      


  .dKYnpW:active {
    transform:translate(0%, 10%);
  border-color:var(--accent-text-default);
  }
      

        
      
      
  .cbFGka {
    left:0px;
  right:0px;
  width:0%;
  bottom:5%;
  height:25%;
  opacity:0.44;
  position:absolute;
  background: var(--accent-text-default);
  transition:width 300ms ease  ;
  }
      

      
  .cbFGka.is-hovering {
    width:100%;
  box-shadow:;
  border-bottom-color:var(--accent-color-hover);
  }
      

        
      
      
  .nPAKd {
    left:0px;
  right:0px;
  width:100%;
  bottom:5%;
  height:25%;
  opacity:0.25;
  position:absolute;
  background: var(--accent-text-hover);
  box-shadow:;
  transition:width 300ms ease  ;
  border-bottom-color:var(--accent-color-default);
  border-bottom-style:solid;
  border-bottom-width:var(--border-lg);
  }
      

      
  .nPAKd.is-hovering {
    width:100%;
  box-shadow:;
  border-bottom-color:var(--accent-color-hover);
  }
      

        
      
      
  
      

      
        
      
      
  .example-ecommerce-1\:H7Q3D_rnsjuBPFRje6zyJ {
    width:100%;
  }
      

      
        
      
      
  .oWIwZ {
    gap:var(--grid-gap);
  width:100%;
  display:grid;
  min-width:0px;
  grid-auto-rows:auto;
  grid-template-columns:repeat(var(--cols-mobile), minmax(0, 1fr));
  }
      

      
  .oWIwZ.grid-dense {
    grid-auto-flow:dense;
  }
      


  .oWIwZ.grid-centered {
    place-items:center;
  }
      


  .oWIwZ.grid-stretched {
    place-items:stretch;
  }
      


          @media (max-width: 75rem) and (min-width: 45rem) {
            
  .oWIwZ {
    grid-template-columns:repeat(var(--cols-tablet), minmax(0, 1fr));
  }
      

          }
          

          @media (min-width: 75rem) {
            
  .oWIwZ {
    grid-template-columns:repeat(var(--cols-desktop), minmax(0, 1fr));
  }
      

          }
          
        
      
      
  .example-ecommerce-1\:HJeQsZjI6i8v94C1mOp0b {
    align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dkWKxB {
    width:100%;
  height:100%;
  position:absolute;
  flex-grow:1;
  overflow-y:auto;
  padding-left:var(--global-padding);
  padding-right:var(--global-padding);
  }
      

      
  .dkWKxB.is-snap {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  height:var(--height);
  position:absolute;
  overflow-x:auto;
  overflow-y:auto;
  scroll-behavior:smooth;
  scroll-snap-type:var(--sst);
  webkit-overflow-scrolling:touch;
  }
      


  .dkWKxB.is-horizontal {
    flex-direction:row;
  }
      


          @media (min-width: 60rem) {
            
  
      

          }
          

  .dkWKxB.hide-scrollbar {
    overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  }
      
.dkWKxB.hide-scrollbar::-webkit-scrollbar {
  width: 0;
}


        
      
      
  
      

      
        
      
      
  .example-ecommerce-1\:T2CR6Ufh7CHOQX58weHcb {
    height:100%;
  }
      

      
        
      
      
  .dNDilX {
    width:100dvw;
  height:100dvh;
  background: var(--neutral-0);
  overflow-x:hidden;
  overflow-y:hidden;
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dc-shell-menu-head-1\:root {
    height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .cOAByU {
    flex-grow:1;
  pointer-events:none;
  }
      

      
          @media (max-width: 75rem) {
            
  .cOAByU {
    display:none;
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  .bVQcCh {
    width:var(--logo-width);
  height:var(--logo-height);
  display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eQYjyl {
    color:var(--neutral-2);
  }
      

      
        
      
      
  .bFXCMg {
    flex-grow:1;
  }
      

      
          @media (min-width: 75rem) {
            
  .bFXCMg {
    flex-grow:0;
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .RBYJZ {
    width:100%;
  height:100%;
  display:flex;
  position:absolute;
  align-items:center;
  justify-content:center;
  }
      

      
          @media (max-width: 75rem) {
            
  .RBYJZ {
    display:none;
  }
      

          }
          
        
      
      
  .cOdSmk {
    color:var(--neutral-11);
  width:fit-content;
  cursor:pointer;
  display:flex;
  overflow:hidden;
  position:relative;
  font-size:var(--font-size-sm);
  background:var(--neutral-3);
  transition:scale 300ms cubic-bezier(0.3, -0.43, 0.64, 1.46) 0ms normal, all 300ms ease;
  align-items:center;
  font-family:var(--font-family);
  font-weight:600;
  user-select:none;
  border-radius:var(--rounding-lg);
  outline-color:var(--neutral-7);
  outline-style:none;
  outline-width:var(--border-md);
  flex-direction:row;
  outline-offset:var(--4xs);
  pointer-events:auto;
  backdrop-filter:blur(1.5rem);
  justify-content:center;
  }
      

      
  .cOdSmk.is-loading {
    pointer-events:none;
  }
      


  .cOdSmk.is-hovered {
    color:var(--neutral-12);
  background:var(--neutral-4);
  outline-color:var(--neutral-9);
  }
      


  .cOdSmk.is-pressed {
    scale:0.96;
  background:var(--neutral-5);
  outline-color:var(--neutral-11);
  }
      


  .cOdSmk.is-focused {
    color:var(--neutral-12);
  outline-color:var(--brand-9);
  outline-style:solid;
  }
      


  .cOdSmk.is-selected {
    color:var(--neutral-12);
  background:var(--neutral-6);
  outline-color:var(--neutral-8);
  }
      


  .cOdSmk.is-disabled {
    cursor:not-allowed;
  opacity:0.5;
  outline-color:var(--neutral-5);
  pointer-events:none;
  }
      


  .cOdSmk.cond-1-default {
    color:var(--brand-11);
  background:var(--brand-3);
  outline-color:var(--brand-7);
  }
      


  .cOdSmk.cond-1-hovered {
    color:var(--brand-12);
  background:var(--brand-3);
  outline-color:var(--brand-10);
  }
      


  .cOdSmk.cond-1-pressed {
    color:var(--brand-12);
  scale:0.96;
  background:var(--brand-4);
  outline-color:var(--brand-11);
  }
      


  .cOdSmk.cond-1-focused {
    color:var(--brand-12);
  background:var(--brand-6);
  outline-color:var(--brand-8);
  }
      


  .cOdSmk.cond-1-selected {
    color:var(--brand-12);
  background:var(--brand-6);
  outline-color:var(--brand-8);
  }
      


  .cOdSmk.cond-1-disabled {
    color:var(--neutral-8);
  cursor:not-allowed;
  opacity:0.6;
  background:var(--brand-3);
  outline-color:var(--brand-5);
  pointer-events:none;
  }
      


  .cOdSmk.cond-2-default {
    color:var(--warning-12);
  background:var(--warning-3);
  outline-color:var(--warning-7);
  }
      


  .cOdSmk.cond-2-hovered {
    color:var(--warning-12);
  background:var(--warning-4);
  outline-color:var(--warning-10);
  }
      


  .cOdSmk.cond-2-pressed {
    color:var(--warning-12);
  scale:0.96;
  background:var(--warning-5);
  outline-color:var(--warning-11);
  }
      


  .cOdSmk.cond-2-focused {
    color:var(--warning-12);
  outline-color:var(--warning-8);
  }
      


  .cOdSmk.cond-2-selected {
    color:var(--warning-12);
  background:var(--warning-6);
  outline-color:var(--warning-8);
  }
      


  .cOdSmk.cond-2-disabled {
    color:var(--warning-10);
  cursor:not-allowed;
  opacity:0.6;
  background:var(--warning-3);
  outline-color:var(--warning-5);
  pointer-events:none;
  }
      

        
      
      
  .ceOwqK {
    gap:var(--sm);
  height:var(--interactive-md);
  display:flex;
  padding:var(--sm) var(--lg);
  min-width:0px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .nijRE {
    gap:var(--sm);
  height:var(--interactive-md);
  display:flex;
  padding:var(--sm) var(--lg);
  min-width:0px;
  align-items:center;
  font-family:inherit;
  flex-direction:row;
  pointer-events:none;
  justify-content:center;
  }
      

      
        
      
      
  .eBzEdG {
    top:0px;
  left:0px;
  width:100%;
  border:none;
  cursor:pointer;
  height:100%;
  outline:none;
  z-index:999;
  position:absolute;
  background:transparent;
  font-family:inherit;
  user-select:none;
  touch-action:manipulation;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
  }
      

      
  .eBzEdG.disabled {
    cursor:not-allowed;
  pointer-events:none;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dqatOY {
    top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:1;
  overflow:hidden;
  position:absolute;
  border-radius:inherit;
  pointer-events:none;
  }
      

      
        
      
      
  .eoYBBd {
    color:var(--ripple-color);
  scale:var(--ripple-scale);
  width:fit-contents;
  height:fit-contents;
  opacity:var(--ripple-opacity);
  position:absolute;
  min-width:150%;
  translate:var(--ripple-x) var(--ripple-y);
  background:radial-gradient(closest-side, var(--ripple-color) 65%, transparent 66%);
  min-height:150%;
  transition:scale var(--ripple-duration) cubic-bezier(0.4, 0.5, 0.2, 1) 0ms normal, opacity 300ms ease 0ms normal, color 300ms ease  , background 300ms ease;
  aspect-ratio:1;
  pointer-events:none;
  }
      

      
  .eoYBBd {
    @starting-style {
            scale:0.1;
  opacity:0.25;
          }
  }
      

        
      
      
  
      

      
        
      
      
  .ekrsYa {
    width:100%;
  height:100%;
  display:flex;
  position:relative;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .du-button-flat\:root {
    gap:var(--sm);
  height:var(--interactive-md);
  display:flex;
  min-width:0px;
  align-items:center;
  padding-top:var(--sm);
  padding-left:var(--md);
  padding-right:var(--md);
  flex-direction:row;
  padding-bottom:var(--sm);
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .du-logo-button\:root {
    background: transparent;
  padding-top:var(--4xs);
  padding-left:var(--4xs);
  padding-right:var(--4xs);
  padding-bottom:var(--4xs);
  }
      

      
        
      
      
  
      

      
        
      
      
  .du-button-icon-flat\:root {
    width:var(--interactive-md);
  height:var(--interactive-md);
  display:flex;
  align-items:center;
  padding-top:initial;
  padding-left:initial;
  padding-right:initial;
  padding-bottom:initial;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

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

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cZJaio {
    width:var(--width);
  height:var(--height);
  flex-grow:1;
  }
      

      
        
      
      
  
      

      
        
      
      
  .du-product-card-3\:root {
    width:100%;
  height:100%;
  background: var(--neutral-3);
  outline-color:var(--neutral-4);
  outline-style:solid;
  outline-width:var(--border-sm);
  }
      

      
  .du-product-card-3\:root:hover {
    background: var(--brand-3);
  outline-color:var(--brand-3);
  }
      

        
      
      
  .du-product-card-3\:23Mh7E6fLiMrdIwwgWv8z {
    width:100%;
  border-top-left-radius:var(--md);
  border-top-right-radius:var(--md);
  border-bottom-left-radius:var(--md);
  border-bottom-right-radius:var(--md);
  }
      

      
        
      
      
  .sWCUY {
    width:fit-content;
  position:relative;
  }
      

      
        
      
      
  .du-product-card-3\:EHwb21FKA9IHrtC4rX24A {
    height:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  }
      

      
        
      
      
  .du-product-card-3\:MCstebpfhNvrfOOF5RfdT {
    color:inherit;
  height:100%;
  display:flex;
  background:;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dc-spacing-md\:root {
    padding-top:var(--md);
  padding-left:var(--md);
  padding-right:var(--md);
  padding-bottom:var(--md);
  }
      

      
        
      
      
  .du-product-card-3\:XpgJuUhAfldt0qWi1iXoi {
    height:100%;
  }
      

      
        
      
      
  .du-product-card-3\:hLWqsol_yzIwJYHPiuMhv {
    color:inherit;
  width:100%;
  height:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  .du-product-card-3\:nyoB-qb8kfavil6RGLfEZ {
    color:inherit;
  }
      

      
        
      
      
  .du-product-card-3\:xapuMUpPleVTeduNX4j3k {
    color:inherit;
  }
      

      
        
      
      
  .du-button-icon-heart\:root {
    width:var(--interactive-md);
  height:var(--interactive-md);
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  border-top-left-radius:var(--rounding-full);
  border-top-right-radius:var(--rounding-full);
  border-bottom-left-radius:var(--rounding-full);
  border-bottom-right-radius:var(--rounding-full);
  }
      

      
  .du-button-icon-heart\:root.is-selected {
    background:var(--critical-3);
  }
      

        
      
      
  .cwqfjZ {
    color:var(--critical-10);
  box-sizing:border-box;
  padding-top:2px;
  }
      

      
        
      
      
  .du-product-card-3\:yB-nESWpY9q1P0n79bwiy {
    border-top-left-radius:var(--sm);
  border-top-right-radius:var(--sm);
  border-bottom-left-radius:var(--sm);
  border-bottom-right-radius:var(--sm);
  }
      

      
        
      
      
  .Mcsvx {
    width:100%;
  flex-grow:1;
  background: var(--neutral-3);
  transition:background 300ms ease  , color 300ms ease  ;
  border-top-left-radius:var(--sm);
  border-top-right-radius:var(--sm);
  border-bottom-left-radius:var(--sm);
  border-bottom-right-radius:var(--sm);
  }
      

      
  .Mcsvx.is-hovered {
    color:var(--brand-12);
  background: var(--neutral-3);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .example-ecommerce-1\:k2IgIb2Payivx5dlFI9uH {
    width:100%;
  border-top-left-radius:var(--rounding-xl);
  border-top-right-radius:var(--rounding-xl);
  border-bottom-left-radius:var(--rounding-xl);
  border-bottom-right-radius:var(--rounding-xl);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dc-shell-list-controls-1\:Q-N1inZyw1LKLShYUQ2nv {
    width:fit-content;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dc-shell-list-controls-1\:_CO85plKRrVLOtmPLMVkZ {
    width:fit-content;
  }
      

      
        
      
      
  .dc-shell-list-controls-1\:dm8oaLnxFHwcPWGSiVsOE {
    width:var(--md);
  }
      

      
        
      
      
  .dc-shell-list-controls-1\:r-FsyqqBkibmNVG1NaxMW {
    width:var(--md);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dyRNwh {
    left:0rem;
  width:var(--width);
  height:100%;
  z-index:1;
  position:relative;
  transition:left 500ms ease 0ms normal;
  backdrop-filter:blur(2rem);
  }
      

      
          @media (max-width: 75rem) {
            
  .dyRNwh.overlay-mobile {
    left:calc(var(--width) * -1);
  position:absolute;
  }
      

          }
          

          @media (min-width: 74rem) {
            
  .dyRNwh.overlay-desktop {
    left:calc(var(--width) * -1);
  position:absolute;
  }
      

          }
          

  .dyRNwh.is-overlay-open {
    left:0rem;
  z-index:99;
  transition:left 350ms ease  ;
  }
      


  .dyRNwh.collapsed {
    width:fit-content;
  max-width:fit-content;
  min-width:0px;
  }
      


  .dyRNwh.is-swipeout {
    transition:left 0ms linear  ;
  }
      

        
      
      
  .fGFYrO {
    left:0rem;
  width:100%;
  height:var(--height);
  position:relative;
  transition:top 300ms ease 0ms normal;
  backdrop-filter:blur(2rem);
  }
      

      
          @media (max-width: 75rem) {
            
  .fGFYrO.overlay-mobile {
    top:calc(var(--height) * -1);
  position:absolute;
  }
      

          }
          

          @media (min-width: 74rem) {
            
  .fGFYrO.overlay-desktop {
    top:calc(var(--height) * -1);
  position:absolute;
  }
      

          }
          

  .fGFYrO.is-overlay-open {
    top:0rem;
  z-index:99;
  transition:top 0ms linear  ;
  }
      


  .fGFYrO.is-swipeout {
    transition:top 0ms linear  ;
  }
      

        
      
      
  .bsBME {
    width:100%;
  bottom:0px;
  height:var(--height);
  position:relative;
  transition:bottom 300ms ease  ;
  backdrop-filter:blur(2rem);
  }
      

      
          @media (max-width: 75rem) {
            
  .bsBME.overlay-mobile {
    top:calc(var(--height) * -1);
  position:absolute;
  }
      

          }
          

          @media (min-width: 74rem) {
            
  .bsBME.overlay-desktop {
    top:calc(var(--height) * -1);
  position:absolute;
  }
      

          }
          

  .bsBME.is-overlay-open {
    top:0rem;
  z-index:99;
  }
      


  .bsBME.is-swipeout {
    transition:bottom 0ms linear  ;
  }
      

        
      
      
  .cGmZZI {
    left:auto;
  right:0rem;
  width:var(--width);
  height:100dvh;
  z-index:2;
  position:relative;
  transition:right 300ms ease  ;
  backdrop-filter:blur(2rem);
  }
      

      
          @media (max-width: 75rem) {
            
  .cGmZZI.overlay-mobile {
    right:calc(var(--width) * -1);
  z-index:99;
  position:absolute;
  }
      

          }
          

          @media (min-width: 74rem) {
            
  .cGmZZI.overlay-desktop {
    right:calc(var(--width) * -1);
  position:absolute;
  }
      

          }
          

  .cGmZZI.is-overlay-open {
    right:0px;
  transition:right 0ms ease  ;
  }
      


  .cGmZZI.is-swipeout {
    transition:right 0ms linear  ;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .example-ecommerce-1\:vWw7r_OKRi-QSFAyqw41J {
    align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  .cqnhZV {
    opacity:0;
  translate:var(--translate_x) var(--translate_y);
  transition:translate var(--duration) cubic-bezier(0.13, 0.59, 0.39, 0.98) var(--delay) normal, opacity var(--duration) ease var(--delay) normal;
  }
      

      
  .cqnhZV.slided {
    translate:0rem 0rem;
  }
      


  .cqnhZV.opacity {
    opacity:1;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bQwYPS {
    gap:1rem;
  right:1rem;
  bottom:1rem;
  position:fixed;
  flex-direction:row;
  }
      

      
        
      
      
  .du-button-bordered\:root {
    height:var(--interactive-md);
  row-gap:var(--sm);
  background:var(--neutral-1);
  column-gap:var(--sm);
  padding-left:var(--lg);
  outline-style:solid;
  padding-right:var(--lg);
  outline-offset:calc(var(--border-md) * -1);
  }
      

      
  .du-button-bordered\:root.is-hovered {
    background:var(--neutral-3);
  }
      


  .du-button-bordered\:root.is-pressed {
    background:var(--neutral-4);
  }
      


  .du-button-bordered\:root.is-selected {
    background:var(--neutral-2);
  }
      


  .du-button-bordered\:root.is-focused {
    color:var(--brand-12);
  background:var(--brand-3);
  outline-color:var(--brand-11);
  }
      


  .du-button-bordered\:root.cond-1-default {
    color:var(--brand-11);
  background:var(--brand-3);
  outline-color:var(--brand-7);
  }
      


  .du-button-bordered\:root.cond-1-hovered {
    background:var(--brand-4);
  outline-color:var(--brand-9);
  }
      


  .du-button-bordered\:root.cond-1-pressed {
    background:var(--brand-5);
  outline-color:var(--brand-10);
  }
      


  .du-button-bordered\:root.cond-1-focused {
    background:var(--brand-3);
  outline-color:var(--brand-11);
  }
      


  .du-button-bordered\:root.cond-1-selected {
    color:var(--brand-12);
  background:var(--brand-5);
  outline-color:var(--brand-10);
  }
      


  .du-button-bordered\:root.cond-1-disabled {
    background:var(--brand-2);
  }
      


  .du-button-bordered\:root.cond-2-default {
    background:var(--warning-3);
  outline-color:var(--warning-5);
  }
      


  .du-button-bordered\:root.cond-2-hovered {
    background:var(--warning-4);
  outline-color:var(--warning-7);
  }
      


  .du-button-bordered\:root.cond-2-pressed {
    background:var(--warning-5);
  outline-color:var(--warning-7);
  }
      


  .du-button-bordered\:root.cond-2-focused {
    color:var(--warning-12);
  background:var(--warning-3);
  outline-color:var(--warning-11);
  }
      


  .du-button-bordered\:root.cond-2-selected {
    background:var(--warning-4);
  }
      


  .du-button-bordered\:root.cond-2-disabled {
    background:var(--warning-2);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .du-button-solid\:root {
    gap:var(--sm);
  color:var(--brand-12);
  height:var(--interactive-md);
  display:flex;
  padding:var(--sm) var(--lg);
  min-width:0px;
  background:var(--brand-9);
  box-shadow:0 8px 32px rgba(2, 137, 192, 0.25);
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
  .du-button-solid\:root.is-hovered {
    transform:translateY(-1px);
  background:var(--brand-10);
  box-shadow:0 12px 48px rgba(2, 137, 192, 0.35);
  }
      


  .du-button-solid\:root.is-pressed {
    transform:translateY(0);
  background:var(--brand-8);
  box-shadow:0 4px 16px rgba(2, 137, 192, 0.2);
  }
      


  .du-button-solid\:root.is-focused {
    outline:var(--border-md) solid var(--brand-8);
  box-shadow:0 12px 48px rgba(2, 137, 192, 0.35);
  }
      


  .du-button-solid\:root.is-disabled {
    opacity:0.6;
  background:var(--brand-5);
  box-shadow:none;
  }
      


  .du-button-solid\:root.is-selected {
    background:var(--brand-6);
  }
      


  .du-button-solid\:root.cond-1-default {
    color:var(--success-12);
  background:var(--success-9);
  box-shadow:0 8px 32px rgba(39, 194, 0, 0.25);
  }
      


  .du-button-solid\:root.cond-1-hovered {
    color:var(--success-12);
  transform:translateY(-1px);
  background:var(--success-10);
  box-shadow:0 12px 48px rgba(39, 194, 0, 0.35);
  }
      


  .du-button-solid\:root.cond-1-pressed {
    color:var(--success-12);
  transform:translateY(0);
  background:var(--success-8);
  box-shadow:0 4px 16px rgba(39, 194, 0, 0.2);
  }
      


  .du-button-solid\:root.cond-1-focused {
    color:var(--success-12);
  outline:var(--border-md) solid var(--success-8);
  background:var(--success-9);
  box-shadow:0 12px 48px rgba(39, 194, 0, 0.35);
  }
      


  .du-button-solid\:root.cond-1-selected {
    color:var(--success-12);
  background:var(--success-6);
  box-shadow:0 8px 32px rgba(39, 194, 0, 0.25);
  }
      


  .du-button-solid\:root.cond-1-disabled {
    color:var(--neutral-8);
  opacity:0.6;
  background:var(--success-5);
  box-shadow:none;
  }
      


  .du-button-solid\:root.cond-2-default {
    color:var(--critical-12);
  background:var(--critical-9);
  box-shadow:0 8px 32px rgba(193, 2, 28, 0.25);
  }
      


  .du-button-solid\:root.cond-2-hovered {
    color:var(--critical-12);
  transform:translateY(-1px);
  background:var(--critical-10);
  box-shadow:0 12px 48px rgba(193, 2, 28, 0.35);
  }
      


  .du-button-solid\:root.cond-2-pressed {
    color:var(--critical-12);
  transform:translateY(0);
  background:var(--critical-8);
  box-shadow:0 4px 16px rgba(193, 2, 28, 0.2);
  }
      


  .du-button-solid\:root.cond-2-focused {
    color:var(--critical-12);
  outline:var(--border-md) solid var(--critical-8);
  background:var(--critical-9);
  box-shadow:0 12px 48px rgba(193, 2, 28, 0.35);
  }
      


  .du-button-solid\:root.cond-2-selected {
    color:var(--critical-12);
  background:var(--critical-6);
  box-shadow:0 8px 32px rgba(193, 2, 28, 0.25);
  }
      


  .du-button-solid\:root.cond-2-disabled {
    color:var(--neutral-8);
  opacity:0.6;
  background:var(--critical-5);
  box-shadow:none;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .example-ecommerce-1\:ylqaMjK8M09PNdLxj7J0V {
    display:flex;
  align-items:center;
  justify-content:space-between;
  }