@font-face {
        font-family: "Avenir Roman";
        src: url("/cdn/shop/t/21/assets/Avenir-Roman.eot?v=115374018548039407391760645491");
        src: url("/assets/smallwonder.world/cdn/shop/t/21/assets/Avenir-Roman__q0c60d99c.woff2") format("woff2"),
        url("/assets/smallwonder.world/cdn/shop/t/21/assets/Avenir-Roman__q992de41a.woff") format("woff"),
        url("/cdn/shop/t/21/assets/Avenir-Roman.eot?v=115374018548039407391760645491#iefix") format("embedded-opentype"),
        url("/assets/smallwonder.world/cdn/shop/t/21/assets/Avenir-Roman__qeda8f9cf.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
      }
      
@font-face {
        font-family: "juana-medium";
        src: url("/cdn/shop/t/21/assets/juana-medium.eot?v=29865536060236615251760645491");
        src: url("/assets/smallwonder.world/cdn/shop/t/21/assets/juana-medium__qb0a4930c.woff2") format("woff2"),
        url("/assets/smallwonder.world/cdn/shop/t/21/assets/juana-medium__q20b4a0b8.woff") format("woff"),
        url("/cdn/shop/t/21/assets/juana-medium.eot?v=29865536060236615251760645491#iefix") format("embedded-opentype"),
        url("/assets/smallwonder.world/cdn/shop/t/21/assets/juana-medium__qf6aa48e8.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
        }
        
@font-face {
          font-family: "CraftworkGrotesk-Regular";
          src: url("/cdn/shop/t/21/assets/CraftworkGrotesk-Regular.eot?v=22389380152405085901760645491");
          src: url("/assets/smallwonder.world/cdn/shop/t/21/assets/CraftworkGrotesk-Regular__q2d55df7f.woff2") format("woff2"),
          url("/assets/smallwonder.world/cdn/shop/t/21/assets/CraftworkGrotesk-Regular__qc60a624f.woff") format("woff"),
          url("/cdn/shop/t/21/assets/CraftworkGrotesk-Regular.eot?v=22389380152405085901760645491#iefix") format("embedded-opentype"),
          url("/assets/smallwonder.world/cdn/shop/t/21/assets/CraftworkGrotesk-Regular__qcf9bad19.ttf") format("truetype");
          font-weight: normal;
          font-style: normal;
          font-display: swap;
        }
        
@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n3.9ac06d5955eb603264929711f38e40623ddc14db.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n3.797df4bf78042ba6106158fcf6a8d0e116fbfdae.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n5.250d51708d76acbac296b0e21ede8f81de4e37aa.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n5.535e8c56f4cbbdea416167af50ab0ff1360a3949.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n6.3d305d5382545b48404c304160aadee38c90ef9d.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n6.bb37be020157f87e181e5489d5e9137ad60c47a2.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n8.3ea3f404646c199d11ccbbb2edcc942a25a911b6.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_n8.d1830b4b646f875ca2c2a09cc9eafaa033b10e2d.woff") format("woff");
}


      @font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff");
}


      @font-face {
  font-family: Figtree;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n4.c0575d1db21fc3821f17fd6617d3dee552312137.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n7.ea05de92d862f9594794ab281c4c3a67501ef5fc.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n7.ea05de92d862f9594794ab281c4c3a67501ef5fc.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n6.9d1ea52bb49a0a86cfd1b0383d00f83d3fcc14de.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n6.f0fcdea525a0e47b2ae4ab645832a8e8a96d31d3.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n5.3b6b7df38aa5986536945796e1f947445832047c.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n5.f26bf6dcae278b0ed902605f6605fa3338e81dab.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n4.c0575d1db21fc3821f17fd6617d3dee552312137.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n3.e4cc0323f8b9feb279bf6ced9d868d88ce80289f.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_n3.db79ac3fb83d054d99bd79fccf8e8782b5cf449e.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_i4.89f7a4275c064845c304a4cf8a4a586060656db2.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_i4.6f955aaaafc55a22ffc1f32ecf3756859a5ad3e2.woff") format("woff");
}

      @font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_i7.06add7096a6f2ab742e09ec7e498115904eda1fe.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/figtree/figtree_i7.ee584b5fcaccdbb5518c0228158941f8df81b101.woff") format("woff");
}



      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n4.3930e6ddba458dc3cb725a82a2668eac3c63c104.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n7.0c73a613503672be244d2f29ab6ddd3fc3cc69ae.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n7.ef6ece86ba55f49c27c4904a493c283a40f3a66e.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n7.0c73a613503672be244d2f29ab6ddd3fc3cc69ae.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n7.ef6ece86ba55f49c27c4904a493c283a40f3a66e.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n6.c516dc992de767fe135f0d2baded23e033d4e3ea.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n6.881fbb9b185667f58f34ac71cbecd9f5ba6c3efe.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n5.753e8e75cdb3aced074986880588a95576768e7a.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n5.d077911a9ecebd041d38bbe886c8dc56d626fe74.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n4.3930e6ddba458dc3cb725a82a2668eac3c63c104.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n3.38291bb39188492034837c889e515fe4214c9ab1.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_n3.972a2971396f541bcf7e65620ec6e435f27c381b.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_i4.05c7f163ad2c00a3c4257606d1227691aff9070b.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_i4.04d9d87e0a45b49fc67a5b9eb5059e1540f5cda3.woff") format("woff");
}

      @font-face {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_i7.bed9f3a01efda68cdff8b63e6195c957a0da68cb.woff2") format("woff2"),
       url("/assets/smallwonder.world/cdn/fonts/roboto_condensed/robotocondensed_i7.9ca5759a0bcf75a82b270218eab4c83ec254abf8.woff") format("woff");
}


      
        :root,
        .color-background-1 {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-background-2 {
          --color-background: var(--hx-rgb-paper-02);
        
          --gradient-background: var(--hx-paper-04);
        

        

        --color-foreground: var(--hx-rgb-blue-02);
        --color-background-contrast: var(--hx-rgb-grey-03);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-blue-02);
        --color-secondary-button: var(--hx-rgb-paper-02);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-blue-02);
        --color-badge-background: var(--hx-rgb-paper-02);
        --color-badge-border: var(--hx-rgb-blue-02);
        --payment-terms-background-color: var(--hx-paper-04);
      }
      
        
        .color-inverse {
          --color-background: var(--hx-rgb-blue-02);
        
          --gradient-background: var(--hx-blue-03);
        

        

        --color-foreground: var(--hx-rgb-paper-01);
        --color-background-contrast: var(--hx-rgb-blue-04);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-paper-01);
        --color-button-text: var(--hx-rgb-ink-01);
        --color-secondary-button: var(--hx-rgb-blue-02);
        --color-secondary-button-text: var(--hx-rgb-paper-01);
        --color-link: var(--hx-rgb-paper-01);
        --color-badge-foreground: var(--hx-rgb-paper-01);
        --color-badge-background: var(--hx-rgb-blue-02);
        --color-badge-border: var(--hx-rgb-paper-01);
        --payment-terms-background-color: var(--hx-blue-03);
      }
      
        
        .color-accent-1 {
          --color-background: var(--hx-rgb-ink-02);
        
          --gradient-background: var(--hx-ink-08);
        

        

        --color-foreground: var(--hx-rgb-paper-01);
        --color-background-contrast: var(--hx-rgb-grey-05);
        --color-shadow: var(--hx-rgb-ink-02);
        --color-button: var(--hx-rgb-paper-01);
        --color-button-text: var(--hx-rgb-ink-02);
        --color-secondary-button: var(--hx-rgb-ink-02);
        --color-secondary-button-text: var(--hx-rgb-paper-01);
        --color-link: var(--hx-rgb-paper-01);
        --color-badge-foreground: var(--hx-rgb-paper-01);
        --color-badge-background: var(--hx-rgb-ink-02);
        --color-badge-border: var(--hx-rgb-paper-01);
        --payment-terms-background-color: var(--hx-ink-08);
      }
      
        
        .color-accent-2 {
          --color-background: var(--hx-rgb-blue-01);
        
          --gradient-background: var(--hx-blue-01);
        

        

        --color-foreground: var(--hx-rgb-paper-01);
        --color-background-contrast: var(--hx-rgb-blue-05);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-paper-01);
        --color-button-text: var(--hx-rgb-blue-01);
        --color-secondary-button: var(--hx-rgb-blue-01);
        --color-secondary-button-text: var(--hx-rgb-paper-01);
        --color-link: var(--hx-rgb-paper-01);
        --color-badge-foreground: var(--hx-rgb-paper-01);
        --color-badge-background: var(--hx-rgb-blue-01);
        --color-badge-border: var(--hx-rgb-paper-01);
        --payment-terms-background-color: var(--hx-blue-01);
      }
      
        
        .color-scheme-33fcf283-7db3-49cd-822a-c8e4d6ccf84f {
          --color-background: var(--hx-rgb-pink-02);
        
          --gradient-background: var(--hx-pink-04);
        

        

        --color-foreground: var(--hx-rgb-paper-01);
        --color-background-contrast: var(--hx-rgb-pink-03);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-pink-01);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-pink-02);
        --color-secondary-button-text: var(--hx-rgb-pink-01);
        --color-link: var(--hx-rgb-pink-01);
        --color-badge-foreground: var(--hx-rgb-paper-01);
        --color-badge-background: var(--hx-rgb-pink-02);
        --color-badge-border: var(--hx-rgb-paper-01);
        --payment-terms-background-color: var(--hx-pink-04);
      }
      
        
        .color-scheme-0748554c-2838-4f79-8b99-4ffd97243ca9 {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-ink-02);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-ink-02);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-ink-02);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-scheme-78f57d68-684f-4c2c-84f1-199204523267 {
          --color-background: var(--hx-rgb-paper-03);
        
          --gradient-background: var(--hx-paper-12);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-orange-01);
        --color-shadow: var(--hx-rgb-ink-03);
        --color-button: var(--hx-rgb-pink-01);
        --color-button-text: var(--hx-rgb-blue-01);
        --color-secondary-button: var(--hx-rgb-paper-03);
        --color-secondary-button-text: var(--hx-rgb-ink-03);
        --color-link: var(--hx-rgb-ink-03);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-03);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-12);
      }
      
        
        .color-scheme-416a9e8f-b19f-4096-aa71-7bef4752bde5 {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-purple-01);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-ink-02);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-purple-01);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-purple-01);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-scheme-803849cc-1f97-4fda-ac31-ec2b321871ab {
          --color-background: var(--hx-rgb-paper-03);
        
          --gradient-background: var(--hx-paper-12);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-orange-01);
        --color-shadow: var(--hx-rgb-ink-03);
        --color-button: var(--hx-rgb-blue-03);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-03);
        --color-secondary-button-text: var(--hx-rgb-blue-03);
        --color-link: var(--hx-rgb-blue-03);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-03);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-12);
      }
      
        
        .color-scheme-47766ac9-f3cd-4c89-ab97-9ae5f94097d0 {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-pink-01);
        --color-button-text: var(--hx-rgb-blue-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-ink-03);
        --color-link: var(--hx-rgb-ink-03);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-scheme-47b08d82-715a-451b-862c-3dcc5e9a11a3 {
          --color-background: var(--hx-rgb-paper-02);
        
          --gradient-background: var(--hx-paper-04);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-grey-03);
        --color-shadow: var(--hx-rgb-paper-04);
        --color-button: var(--hx-rgb-blue-01);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-02);
        --color-secondary-button-text: var(--hx-rgb-blue-01);
        --color-link: var(--hx-rgb-blue-01);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-02);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-04);
      }
      
        
        .color-scheme-581bdb41-56ce-48e4-9cc6-35962295363a {
          --color-background: var(--hx-rgb-paper-02);
        
          --gradient-background: var(--hx-paper-04);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-grey-03);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-02);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-02);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-04);
      }
      
        
        .color-scheme-29016b36-a1fb-402e-ad10-85ac054779bc {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-pink-01);
        --color-button: var(--hx-rgb-blue-01);
        --color-button-text: var(--hx-rgb-blue-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-pink-01);
        --color-link: var(--hx-rgb-pink-01);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-scheme-dfb0496f-da8a-4518-8f81-96a9f2d02208 {
          --color-background: var(--hx-rgb-paper-02);
        
          --gradient-background: var(--hx-paper-04);
        

        

        --color-foreground: var(--hx-rgb-grey-02);
        --color-background-contrast: var(--hx-rgb-grey-03);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-grey-02);
        --color-button-text: var(--hx-rgb-grey-02);
        --color-secondary-button: var(--hx-rgb-paper-02);
        --color-secondary-button-text: var(--hx-rgb-grey-02);
        --color-link: var(--hx-rgb-grey-02);
        --color-badge-foreground: var(--hx-rgb-grey-02);
        --color-badge-background: var(--hx-rgb-paper-02);
        --color-badge-border: var(--hx-rgb-grey-02);
        --payment-terms-background-color: var(--hx-paper-04);
      }
      
        
        .color-scheme-5d0be1f0-e774-4a56-8a22-833dbbf5ae88 {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-01);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-blue-01);
        --color-link: var(--hx-rgb-blue-01);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-scheme-691f9ac8-df1b-40ff-9300-9f8f0c0e7d14 {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-pink-01);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-grey-04);
        --color-link: var(--hx-rgb-grey-04);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-scheme-fa89df5b-9568-4cf1-b351-0f3483d1d0ad {
          --color-background: var(--hx-rgb-paper-04);
        
          --gradient-background: linear-gradient(180deg, var(--hx-paper-27), var(--hx-paper-28) 25%, var(--hx-paper-10) 35%, var(--hx-paper-10) 45%, var(--hx-paper-29) 55%, var(--hx-paper-13) 75%, var(--hx-paper-13) 100%, var(--hx-paper-13) 100%);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-blue-06);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-04);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-04);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-09);
      }
      
        
        .color-scheme-7eb5f142-68f0-4dc3-ab1c-4c6343a7d3bb {
          --color-background: var(--hx-rgb-paper-05);
        
          --gradient-background: var(--hx-paper-30);
        

        

        --color-foreground: var(--hx-rgb-ink-02);
        --color-background-contrast: var(--hx-rgb-orange-02);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-05);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-ink-02);
        --color-badge-background: var(--hx-rgb-paper-05);
        --color-badge-border: var(--hx-rgb-ink-02);
        --payment-terms-background-color: var(--hx-paper-30);
      }
      
        
        .color-scheme-14702163-57ce-4df5-9c9d-4d16308a0d42 {
          --color-background: var(--hx-rgb-paper-01);
        
          --gradient-background: var(--hx-paper-01);
        

        

        --color-foreground: var(--hx-rgb-paper-01);
        --color-background-contrast: var(--hx-rgb-grey-01);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-blue-02);
        --color-button-text: var(--hx-rgb-paper-01);
        --color-secondary-button: var(--hx-rgb-paper-01);
        --color-secondary-button-text: var(--hx-rgb-blue-02);
        --color-link: var(--hx-rgb-blue-02);
        --color-badge-foreground: var(--hx-rgb-paper-01);
        --color-badge-background: var(--hx-rgb-paper-01);
        --color-badge-border: var(--hx-rgb-paper-01);
        --payment-terms-background-color: var(--hx-paper-01);
      }
      
        
        .color-scheme-a2094c6e-b4e6-40cd-bf73-04402f0a7923 {
          --color-background: var(--hx-rgb-paper-03);
        
          --gradient-background: var(--hx-paper-12);
        

        

        --color-foreground: var(--hx-rgb-blue-01);
        --color-background-contrast: var(--hx-rgb-orange-01);
        --color-shadow: var(--hx-rgb-ink-01);
        --color-button: var(--hx-rgb-paper-01);
        --color-button-text: var(--hx-rgb-ink-04);
        --color-secondary-button: var(--hx-rgb-paper-03);
        --color-secondary-button-text: var(--hx-rgb-paper-01);
        --color-link: var(--hx-rgb-paper-01);
        --color-badge-foreground: var(--hx-rgb-blue-01);
        --color-badge-background: var(--hx-rgb-paper-03);
        --color-badge-border: var(--hx-rgb-blue-01);
        --payment-terms-background-color: var(--hx-paper-12);
      }
      

      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-33fcf283-7db3-49cd-822a-c8e4d6ccf84f, .color-scheme-0748554c-2838-4f79-8b99-4ffd97243ca9, .color-scheme-78f57d68-684f-4c2c-84f1-199204523267, .color-scheme-416a9e8f-b19f-4096-aa71-7bef4752bde5, .color-scheme-803849cc-1f97-4fda-ac31-ec2b321871ab, .color-scheme-47766ac9-f3cd-4c89-ab97-9ae5f94097d0, .color-scheme-47b08d82-715a-451b-862c-3dcc5e9a11a3, .color-scheme-581bdb41-56ce-48e4-9cc6-35962295363a, .color-scheme-29016b36-a1fb-402e-ad10-85ac054779bc, .color-scheme-dfb0496f-da8a-4518-8f81-96a9f2d02208, .color-scheme-5d0be1f0-e774-4a56-8a22-833dbbf5ae88, .color-scheme-691f9ac8-df1b-40ff-9300-9f8f0c0e7d14, .color-scheme-fa89df5b-9568-4cf1-b351-0f3483d1d0ad, .color-scheme-7eb5f142-68f0-4dc3-ab1c-4c6343a7d3bb, .color-scheme-14702163-57ce-4df5-9c9d-4d16308a0d42, .color-scheme-a2094c6e-b4e6-40cd-bf73-04402f0a7923 {
        color: rgba(var(--color-foreground), 1);
        background-color: rgb(var(--color-background));
      }

      :root {
        
           --wpdapp-side-background-image: url(/assets/smallwonder.world/cdn/shop/files/231128_SmallWonder_Launch_Us_V_Them-0657_Product_3956HB_C_1__q68876b78.png);
        
        
           --wpdapp-gradient-background: linear-gradient(180deg, var(--hx-paper-31) 34%, var(--hx-paper-01) 85%);
        
        --font-body-family: var(--hx-type-body);
        --font-body-style: normal;
        --font-body-weight: 400;
        --font-body-weight-bold: 700;
        --font-body-weight-extra-bold: 800;

        --font-body-secondary-family: var(--hx-type-body-secondary);
        --font-body-secondary-style: normal;
        --font-body-secondary-weight: 400;
        --font-body-secondary-weight-bold: 700;

        --font-body-tertiary-family: var(--hx-type-body-tertiary);
        --font-body-tertiary-style: normal;
        --font-body-tertiary-weight: 400;
        --font-body-tertiary-weight-bold: 700;

        --font-body-custom-family: var(--hx-type-body-custom);
        --font-body-custom-style: normal;
        --font-body-custom-weight: normal;

        --font-menu-family: var(--hx-type-menu);

        --font-heading-family: var(--hx-type-heading);
        --font-heading-style: 500;
        --font-heading-weight: normal;

        --font-body-scale: 1.0;
        --font-heading-scale: 1.0;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 24px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 120rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0.0rem;
        --product-card-corner-radius: 1.8rem;
        --product-card-text-alignment: center;
        --product-card-border-width: 0.0rem;
        --product-card-border-opacity: 0.1;
        --product-card-shadow-opacity: 0.0;
        --product-card-shadow-visible: 0;
        --product-card-shadow-horizontal-offset: 0.0rem;
        --product-card-shadow-vertical-offset: 0.4rem;
        --product-card-shadow-blur-radius: 0.5rem;

        --collection-card-image-padding: 0.0rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 8px;
        --grid-desktop-horizontal-spacing: 16px;
        --grid-mobile-vertical-spacing: 4px;
        --grid-mobile-horizontal-spacing: 8px;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 7px;
        --buttons-radius-outset: 8px;
        --buttons-border-width: 1px;
        --buttons-border-opacity: 1.0;
        --buttons-shadow-opacity: 0.0;
        --buttons-shadow-visible: 0;
        --buttons-shadow-horizontal-offset: 0px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 5px;
        --buttons-border-offset: 0.3px;

        --inputs-radius: 9px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 10px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
        --loader-image: url(/assets/smallwonder.world/cdn/shop/t/21/assets/loader__q9a12390e.gif);
        --section-hero-vertical-offset: 0;

        --color-border: var(--hx-blue-01);
        --header-height: 54px;
      }
      @media all and (min-width: 750px) {
        :root {
          --header-height: 60px;
        }
      }
      @media all and (min-width: 1510px) {
        :root {
          --header-height: 84px;
        }
      }
      @media all and (min-width: 1918px) {
        :root {
          --header-height: 87px;
        }
      }
      @media all and (min-width: 1963px) {
        :root {
          --header-height: 90px;
        }
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.5%);
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        grid-template-columns: 100%;
        min-height: 100%;
        margin: 0;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
      }
      body:has(.header-transparent) {
        grid-template-rows: auto 0 1fr auto;
      }
      /* Consentmo injects .csm-cookie-consent as direct body child; extra grid item breaks body 4-row grid (auto 0 1fr auto). Take out of flow so grid sees only theme children. */
      body > .csm-cookie-consent,
      body > .csm-ada-skip-buttons {
        position: fixed;
        z-index: 10000;
      }
      body > .csm-ada-skip-buttons {
        pointer-events: none;
      }
      body > .csm-cookie-consent.needsclick {
        pointer-events: auto;
      }
      body:not(.wpd-b2b-customer) .b2b {
        display: none!important;
      }

      body.wpd-b2b-customer .b2b {
         display: block;
      }

      body.wpd-b2b-customer .b2c {
        display: none!important;
      }

      
      swiper-component {
        --swiper-navigation-color:var(--color-foreground);
        --swiper-pagination-bullet-inactive-color: var(--hx-grey-40);
        --swiper-pagination-color: rgb(var(--color-foreground));
        --swiper-pagination-bullet-width: 1rem;
        --swiper-pagination-bullet-height: 1rem;
        --swiper-navigation-size: 18px;
      }

      @media screen and (min-width: 750px) {
        swiper-component {
          --swiper-pagination-bullet-width: 1.1rem;
          --swiper-pagination-bullet-height: 1.1rem;
          --swiper-navigation-size: 20px;
        }
        body {
          font-size: 1.6rem;
        }
      }
      @media (min-width: 1918px) {
        :root {
          --page-width: 154rem;
        }
      }
      @media (min-width: 1963px) {
        :root {
          --page-width: 158rem;
        }
      }