@font-face {
    font-family: 'Jost';
    src: local('Jost Regular'), local('Jost-Regular'), url("/assets/fonts/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLm15c2hvcGlmeS5jb20&hmac=0b513f55ea1b572aece15a3d6a0b0603dc759dcba6dea68e861f198f4235e45a") format('woff2'),url("/assets/fonts/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLm15c2hvcGlmeS5jb20&hmac=5f2525fa76e9cca5d7d99c54ebd9a32a2c5263e37904c509a141dcc990304c50") format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Jost';
    src: local('Jost Bold'), local('Jost-Bold'), url("/assets/fonts/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLm15c2hvcGlmeS5jb20&hmac=bbeecfa11e07a6a60e750129aa4b531a9345f01c58433bc2e3fb3fdbb70506c3") format('woff2'),url("/assets/fonts/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLm15c2hvcGlmeS5jb20&hmac=9ca8064f82dfd8b920d36fb26c26e3a3fccd1ddf4fedb0c6c0c9a5b932e89a6b") format('woff');
    font-style: normal;
    font-weight: 700;
}


@font-face {
    font-family: Jost;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n5.27698701ced4525271fbd6aa7680b3ef3af857d5fa27.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=61650e0913f5fe1d887c0791b9522034cdcc964ed64a60effaa9ff52fc28806a") format("woff2"), url("/assets/fonts/jost_n5.a5faaea4e073ae0e35f8a5788135d645a226abbb63f3.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0c11e68b111a5010fe639659898f4cdf739c9496c006fb3a3dd0ba867f76325") format("woff");
}


@font-face {
    font-family: Jost;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n3.72cf14f9afb61974cb47f6d0c5076a0352312359a36e.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=36188060278a753f3b68ec7dc3db3777a8013c12a2b2e2d3a0cc922a1e4cbeb1") format("woff2"), url("/assets/fonts/jost_n3.fdee4f8ace9734f2dd31aceffca8f10415b8b12c42c5.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1f34c7439d9d4d9ae0ae061994349d88de1a249fd07aa212fd40edf6cebd890a") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n5.27698701ced4525271fbd6aa7680b3ef3af857d5fa27.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=61650e0913f5fe1d887c0791b9522034cdcc964ed64a60effaa9ff52fc28806a") format("woff2"), url("/assets/fonts/jost_n5.a5faaea4e073ae0e35f8a5788135d645a226abbb63f3.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0c11e68b111a5010fe639659898f4cdf739c9496c006fb3a3dd0ba867f76325") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n6.36c6929b2a68c3136be702c7fbd010a1aee8f8b55ec6.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a448a80228c1a88e2f2e747ef03ceeb277e2a2bb14dd8b4e96c7ad9429a514a2") format("woff2"), url("/assets/fonts/jost_n6.a44966b479e252ad0ee3fc2168d8d5de838b1e0411a6.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4b5c008b9f4b980f5374acad81a21dd55a5124618598183453c147f351d5f788") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n7.6a8446891d221db531fbc167df8e659da8018e6a0c1d.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=05d49e03dbd641e9d85bc45f08337f81840356d8c38a4b1cefa15737168b07d1") format("woff2"), url("/assets/fonts/jost_n7.a71d682bf58b9f7d49486289a8e277f3616e4ec3df5e.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=72708f5144b5f982528e4c79f8c159f11fc571d65259cbca79ed587f634da72e") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n8.ea744c6398b0d1398877c1cc45eedfc70a4f6084688c.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=174a08c59a3bec5fff5eff53e06a1dc3864365097a3225d8dfcaf29bd3a8771d") format("woff2"), url("/assets/fonts/jost_n8.9b6103a0fec2bb3c7f7872fed4b4bc3bbc2a45f1ac9c.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0a0414f1fbe289a6210925b90a43f91e6932591305d2abcacb4f4db070bf04f") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n9.028c2c098f0f9f4983d7626d5d533b3f50d575834f52.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a665db45355f9e0b264794295cd5a49a6c936e7d64389645c4aaa3d1bdb84d38") format("woff2"), url("/assets/fonts/jost_n9.5e2aec08c019b246c2a1c4d736f05112bee4197670c3.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=b5198ead38a91fb74dd9aeefd11993f221a7d6ded7518f47337faef96ecf42a7") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i5.f0c976def0dc2a353b5653534ad922644c5058664493.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1cc44e16fa3574e2a45903fd6eaf5b1885c2b6f80b2d3e220cfba8b49ed3b7a9") format("woff2"), url("/assets/fonts/jost_i5.fafe41709f6803ba4689d90be27b4c494cb3327bdf27.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0d3c8fa014c0522d782cd20cd312f14e21dd6b02581cbcd364cf475b7a9718c") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i3.bd56aa1be57ac965fa7cb87c224a5b71316726b23e40.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=0a456f50ea7eca7a68748bd0e10bc005978fee722ee424b4db7fab7d8b54df5d") format("woff2"), url("/assets/fonts/jost_i3.0938d748319f06252b797e71037671370626b6a2c207.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9adef5a542832b872a18afc4926f907bfaa8f2447ba97f87444e350bfe8c2cc6") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i5.f0c976def0dc2a353b5653534ad922644c5058664493.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1cc44e16fa3574e2a45903fd6eaf5b1885c2b6f80b2d3e220cfba8b49ed3b7a9") format("woff2"), url("/assets/fonts/jost_i5.fafe41709f6803ba4689d90be27b4c494cb3327bdf27.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0d3c8fa014c0522d782cd20cd312f14e21dd6b02581cbcd364cf475b7a9718c") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i6.43abda5b9e64874c8f0853cb51851a5813dfa13e7d01.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=bfa6cceaec22b9f45862198e517aae32da6806b91c9e7fbfd2f1a1e6ba42fa0f") format("woff2"), url("/assets/fonts/jost_i6.d1a2ce7873b1f167d6983985e492657b0c11460b335a.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=3430a0dfd9e36f40d70c99af0746c350cc8cf46e5c26681fab0c234c7daf832e") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i7.c5d03376547b4dff8f0af44cb27c4d78fb9e9d045fc9.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=99997a425e4b259984933333c78a1db02529bdb20bf140f3a2e52afea69e23c2") format("woff2"), url("/assets/fonts/jost_i7.307b3d84782e324d0c0e68017af6d6692db0c5e627f5.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=7b462a71be0374a4d1169e1f5ef6dc1c3908bae1d732e4ea08a6244dccab233c") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i8.ee38ac3e37baa69a562aaa6a6f63bb5138425c5902b5.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=7c0ed0347712621e2db7467e5f58210b2dddb5b6c69c72007e7231208b8c5578") format("woff2"), url("/assets/fonts/jost_i8.1300fef3082b6ebc4b83de0947add858a8323ec4ba05.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=ad36e73be9ed8e287c83e8039b2f988f5bb8e8fdfda060c1726a30ef6e3b6100") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i9.22b4f000b699bf6972eb94a935c282078232975686dc.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=20410e858027a92a346afb17473748b2c5b5ff49114c2923de0d3c27884c986a") format("woff2"), url("/assets/fonts/jost_i9.b88eef4aaad02feb59cd7d91d3affae18bf6213905c0.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=92535ebfd6c40396e5f96065850e48f0b430546f283ec1c43c888452c9732d0f") format("woff");
}


@font-face {
    font-family: Jost;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n4.8313dc181c968576a9a52ff37f6dfeac6a771a8b2d0a.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=34af7c6758217161184422ac73f77a7e53a175cc4d2a609393452b8fa76f0a60") format("woff2"), url("/assets/fonts/jost_n4.1825002981f6ff340d28116fea30c2052045c49df0f7.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e3dbf20744333fb61893e548c4a043c6cbede681394dca0d3eb2de0c3c7b050b") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n3.72cf14f9afb61974cb47f6d0c5076a0352312359a36e.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=36188060278a753f3b68ec7dc3db3777a8013c12a2b2e2d3a0cc922a1e4cbeb1") format("woff2"), url("/assets/fonts/jost_n3.fdee4f8ace9734f2dd31aceffca8f10415b8b12c42c5.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1f34c7439d9d4d9ae0ae061994349d88de1a249fd07aa212fd40edf6cebd890a") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n4.8313dc181c968576a9a52ff37f6dfeac6a771a8b2d0a.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=34af7c6758217161184422ac73f77a7e53a175cc4d2a609393452b8fa76f0a60") format("woff2"), url("/assets/fonts/jost_n4.1825002981f6ff340d28116fea30c2052045c49df0f7.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e3dbf20744333fb61893e548c4a043c6cbede681394dca0d3eb2de0c3c7b050b") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n5.27698701ced4525271fbd6aa7680b3ef3af857d5fa27.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=61650e0913f5fe1d887c0791b9522034cdcc964ed64a60effaa9ff52fc28806a") format("woff2"), url("/assets/fonts/jost_n5.a5faaea4e073ae0e35f8a5788135d645a226abbb63f3.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0c11e68b111a5010fe639659898f4cdf739c9496c006fb3a3dd0ba867f76325") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n6.36c6929b2a68c3136be702c7fbd010a1aee8f8b55ec6.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a448a80228c1a88e2f2e747ef03ceeb277e2a2bb14dd8b4e96c7ad9429a514a2") format("woff2"), url("/assets/fonts/jost_n6.a44966b479e252ad0ee3fc2168d8d5de838b1e0411a6.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4b5c008b9f4b980f5374acad81a21dd55a5124618598183453c147f351d5f788") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n7.6a8446891d221db531fbc167df8e659da8018e6a0c1d.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=05d49e03dbd641e9d85bc45f08337f81840356d8c38a4b1cefa15737168b07d1") format("woff2"), url("/assets/fonts/jost_n7.a71d682bf58b9f7d49486289a8e277f3616e4ec3df5e.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=72708f5144b5f982528e4c79f8c159f11fc571d65259cbca79ed587f634da72e") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n8.ea744c6398b0d1398877c1cc45eedfc70a4f6084688c.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=174a08c59a3bec5fff5eff53e06a1dc3864365097a3225d8dfcaf29bd3a8771d") format("woff2"), url("/assets/fonts/jost_n8.9b6103a0fec2bb3c7f7872fed4b4bc3bbc2a45f1ac9c.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0a0414f1fbe289a6210925b90a43f91e6932591305d2abcacb4f4db070bf04f") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/jost_n9.028c2c098f0f9f4983d7626d5d533b3f50d575834f52.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a665db45355f9e0b264794295cd5a49a6c936e7d64389645c4aaa3d1bdb84d38") format("woff2"), url("/assets/fonts/jost_n9.5e2aec08c019b246c2a1c4d736f05112bee4197670c3.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=b5198ead38a91fb74dd9aeefd11993f221a7d6ded7518f47337faef96ecf42a7") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i3.bd56aa1be57ac965fa7cb87c224a5b71316726b23e40.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=0a456f50ea7eca7a68748bd0e10bc005978fee722ee424b4db7fab7d8b54df5d") format("woff2"), url("/assets/fonts/jost_i3.0938d748319f06252b797e71037671370626b6a2c207.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=9adef5a542832b872a18afc4926f907bfaa8f2447ba97f87444e350bfe8c2cc6") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i4.cf9afc09196cbe9f6c0ab38443e68c2e565b5650bbff.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d822eedad697ea911219b03ccac0f46295ae40fd3c8da483ce58cbcf2ead8796") format("woff2"), url("/assets/fonts/jost_i4.70e5e633ee7133b33c7592ff5214b9547add84840878.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=2b78f8ca9bb0936ddb4f4f6a8c61c1296df20aa6af3b819baeb5fa38d3e95c13") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i4.cf9afc09196cbe9f6c0ab38443e68c2e565b5650bbff.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d822eedad697ea911219b03ccac0f46295ae40fd3c8da483ce58cbcf2ead8796") format("woff2"), url("/assets/fonts/jost_i4.70e5e633ee7133b33c7592ff5214b9547add84840878.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=2b78f8ca9bb0936ddb4f4f6a8c61c1296df20aa6af3b819baeb5fa38d3e95c13") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i5.f0c976def0dc2a353b5653534ad922644c5058664493.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1cc44e16fa3574e2a45903fd6eaf5b1885c2b6f80b2d3e220cfba8b49ed3b7a9") format("woff2"), url("/assets/fonts/jost_i5.fafe41709f6803ba4689d90be27b4c494cb3327bdf27.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d0d3c8fa014c0522d782cd20cd312f14e21dd6b02581cbcd364cf475b7a9718c") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i6.43abda5b9e64874c8f0853cb51851a5813dfa13e7d01.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=bfa6cceaec22b9f45862198e517aae32da6806b91c9e7fbfd2f1a1e6ba42fa0f") format("woff2"), url("/assets/fonts/jost_i6.d1a2ce7873b1f167d6983985e492657b0c11460b335a.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=3430a0dfd9e36f40d70c99af0746c350cc8cf46e5c26681fab0c234c7daf832e") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i7.c5d03376547b4dff8f0af44cb27c4d78fb9e9d045fc9.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=99997a425e4b259984933333c78a1db02529bdb20bf140f3a2e52afea69e23c2") format("woff2"), url("/assets/fonts/jost_i7.307b3d84782e324d0c0e68017af6d6692db0c5e627f5.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=7b462a71be0374a4d1169e1f5ef6dc1c3908bae1d732e4ea08a6244dccab233c") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i8.ee38ac3e37baa69a562aaa6a6f63bb5138425c5902b5.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=7c0ed0347712621e2db7467e5f58210b2dddb5b6c69c72007e7231208b8c5578") format("woff2"), url("/assets/fonts/jost_i8.1300fef3082b6ebc4b83de0947add858a8323ec4ba05.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=ad36e73be9ed8e287c83e8039b2f988f5bb8e8fdfda060c1726a30ef6e3b6100") format("woff");
}

@font-face {
    font-family: Jost;
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src: url("/assets/fonts/jost_i9.22b4f000b699bf6972eb94a935c282078232975686dc.woff2?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=20410e858027a92a346afb17473748b2c5b5ff49114c2923de0d3c27884c986a") format("woff2"), url("/assets/fonts/jost_i9.b88eef4aaad02feb59cd7d91d3affae18bf6213905c0.woff?h1=ZWxla3RyYS10aGVtZS1kZW1vLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=92535ebfd6c40396e5f96065850e48f0b430546f283ec1c43c888452c9732d0f") format("woff");
}



:root,
.color-scheme-1 {
    --color-background: 255,255,255;
    --gradient-background: #ffffff;
    --color-foreground: 23,23,23;
    --color-secondary-foreground: 102,102,102;
    --color-heading: 118,118,118;
    --color-accent: 23,23,23;
    --color-outline: 220,220,220;
    --color-background-contrast: 191,191,191;
    --color-shadow: 23,23,23;
    --color-button: 23,23,23;
    --color-button-text: 255,255,255;
    --color-button-outline: 23,23,23;
    --color-button-hover: 23,23,23;
    --color-button-text-hover: 255,255,255;
    --color-button-outline-hover: 23,23,23;
    --color-button-transparent: 23,23,23;
    --color-secondary-button: 255,255,255;
    --color-secondary-button-text: 23,23,23;
    --color-secondary-button-outline: 23,23,23;
    --color-secondary-button-hover: 255,255,255;
    --color-secondary-button-text-hover: 23,23,23;
    --color-secondary-button-outline-hover: 23,23,23;
    --color-secondary-button-transparent: 23,23,23;
    --socials-button: 23,23,23;
    --socials-button-text: 255,255,255;
    --socials-button-outline: 23,23,23;
    --socials-button-hover: 23,23,23;
    --socials-button-text-hover: 255,255,255;
    --socials-button-outline-hover: 23,23,23;
    --slider-button: 23, 23, 23;
    --slider-button-text: 255,255,255;
    --slider-button-outline: 23,23,23;
    --slider-button-hover: 23,23,23;
    --slider-button-text-hover: 255,255,255;
    --slider-button-outline-hover: 23,23,23;
    --color-badge-foreground: var(--color-secondary-button-text);
    --color-badge-background: var(--color-secondary-button);
    --color-badge-border: var(--color-secondary-button-outline);
    --color-badge-foreground-hover: var(--color-secondary-button-text-hover);
    --color-badge-background-hover: var(--color-secondary-button-hover);
    --color-badge-border-hover: var(--color-secondary-button-outline-hover);
    --payment-terms-background-color: rgb(255 255 255);
    --input-border-color: 220, 220, 220;
}


.color-scheme-2 {
    --color-background: 246,246,246;
    --gradient-background: #f6f6f6;
    --color-foreground: 23,23,23;
    --color-secondary-foreground: 102,102,102;
    --color-heading: 220,220,220;
    --color-accent: 23,23,23;
    --color-outline: 220,220,220;
    --color-background-contrast: 182,182,182;
    --color-shadow: 23,23,23;
    --color-button: 23,23,23;
    --color-button-text: 255,255,255;
    --color-button-outline: 23,23,23;
    --color-button-hover: 23,23,23;
    --color-button-text-hover: 255,255,255;
    --color-button-outline-hover: 23,23,23;
    --color-button-transparent: 23,23,23;
    --color-secondary-button: 255,255,255;
    --color-secondary-button-text: 23,23,23;
    --color-secondary-button-outline: 255,255,255;
    --color-secondary-button-hover: 255,255,255;
    --color-secondary-button-text-hover: 23,23,23;
    --color-secondary-button-outline-hover: 255,255,255;
    --color-secondary-button-transparent: 23,23,23;
    --socials-button: 255,255,255;
    --socials-button-text: 23,23,23;
    --socials-button-outline: 23,23,23;
    --socials-button-hover: 255,255,255;
    --socials-button-text-hover: 23,23,23;
    --socials-button-outline-hover: 23,23,23;
    --slider-button: 23, 23, 23;
    --slider-button-text: 255,255,255;
    --slider-button-outline: 23,23,23;
    --slider-button-hover: 23,23,23;
    --slider-button-text-hover: 255,255,255;
    --slider-button-outline-hover: 23,23,23;
    --color-badge-foreground: var(--color-secondary-button-text);
    --color-badge-background: var(--color-secondary-button);
    --color-badge-border: var(--color-secondary-button-outline);
    --color-badge-foreground-hover: var(--color-secondary-button-text-hover);
    --color-badge-background-hover: var(--color-secondary-button-hover);
    --color-badge-border-hover: var(--color-secondary-button-outline-hover);
    --payment-terms-background-color: rgb(246 246 246);
    --input-border-color: 220, 220, 220;
}


.color-scheme-3 {
    --color-background: 46,55,52;
    --gradient-background: #2e3734;
    --color-foreground: 255,255,255;
    --color-secondary-foreground: 246,246,246;
    --color-heading: 255,255,255;
    --color-accent: 220,220,220;
    --color-outline: 220,220,220;
    --color-background-contrast: 58,69,65;
    --color-shadow: 255,255,255;
    --color-button: 255,255,255;
    --color-button-text: 46,55,52;
    --color-button-outline: 255,255,255;
    --color-button-hover: 255,255,255;
    --color-button-text-hover: 46,55,52;
    --color-button-outline-hover: 255,255,255;
    --color-button-transparent: 255,255,255;
    --color-secondary-button: 46,55,52;
    --color-secondary-button-text: 255,255,255;
    --color-secondary-button-outline: 255,255,255;
    --color-secondary-button-hover: 46,55,52;
    --color-secondary-button-text-hover: 255,255,255;
    --color-secondary-button-outline-hover: 255,255,255;
    --color-secondary-button-transparent: 255,255,255;
    --socials-button: 255,255,255;
    --socials-button-text: 46,55,52;
    --socials-button-outline: 255,255,255;
    --socials-button-hover: 255,255,255;
    --socials-button-text-hover: 46,55,52;
    --socials-button-outline-hover: 255,255,255;
    --slider-button: 255, 255, 255;
    --slider-button-text: 46,55,52;
    --slider-button-outline: 255,255,255;
    --slider-button-hover: 255,255,255;
    --slider-button-text-hover: 46,55,52;
    --slider-button-outline-hover: 255,255,255;
    --color-badge-foreground: var(--color-secondary-button-text);
    --color-badge-background: var(--color-secondary-button);
    --color-badge-border: var(--color-secondary-button-outline);
    --color-badge-foreground-hover: var(--color-secondary-button-text-hover);
    --color-badge-background-hover: var(--color-secondary-button-hover);
    --color-badge-border-hover: var(--color-secondary-button-outline-hover);
    --payment-terms-background-color: rgb(46 55 52);
    --input-border-color: 220, 220, 220;
}


.color-scheme-4 {
    --color-background: 34,45,37;
    --gradient-background: #222d25;
    --color-foreground: 255,255,255;
    --color-secondary-foreground: 255,255,255;
    --color-heading: 255,255,255;
    --color-accent: 220,220,220;
    --color-outline: 220,220,220;
    --color-background-contrast: 45,60,49;
    --color-shadow: 255,255,255;
    --color-button: 255,255,255;
    --color-button-text: 34,45,37;
    --color-button-outline: 255,255,255;
    --color-button-hover: 255,255,255;
    --color-button-text-hover: 34,45,37;
    --color-button-outline-hover: 255,255,255;
    --color-button-transparent: 255,255,255;
    --color-secondary-button: 34,45,37;
    --color-secondary-button-text: 255,255,255;
    --color-secondary-button-outline: 255,255,255;
    --color-secondary-button-hover: 255,255,255;
    --color-secondary-button-text-hover: 34,45,37;
    --color-secondary-button-outline-hover: 34,45,37;
    --color-secondary-button-transparent: 255,255,255;
    --socials-button: 255,255,255;
    --socials-button-text: 34,45,37;
    --socials-button-outline: 255,255,255;
    --socials-button-hover: 255,255,255;
    --socials-button-text-hover: 34,45,37;
    --socials-button-outline-hover: 255,255,255;
    --slider-button: 255, 255, 255;
    --slider-button-text: 34,45,37;
    --slider-button-outline: 255,255,255;
    --slider-button-hover: 255,255,255;
    --slider-button-text-hover: 34,45,37;
    --slider-button-outline-hover: 255,255,255;
    --color-badge-foreground: var(--color-secondary-button-text);
    --color-badge-background: var(--color-secondary-button);
    --color-badge-border: var(--color-secondary-button-outline);
    --color-badge-foreground-hover: var(--color-secondary-button-text-hover);
    --color-badge-background-hover: var(--color-secondary-button-hover);
    --color-badge-border-hover: var(--color-secondary-button-outline-hover);
    --payment-terms-background-color: rgb(34 45 37);
    --input-border-color: 220, 220, 220;
}


.color-scheme-5 {
    --color-background: 28,34,33;
    --gradient-background: #1c2221;
    --color-foreground: 255,255,255;
    --color-secondary-foreground: 246,246,246;
    --color-heading: 255,255,255;
    --color-accent: 220,220,220;
    --color-outline: 220,220,220;
    --color-background-contrast: 40,48,47;
    --color-shadow: 255,255,255;
    --color-button: 255,255,255;
    --color-button-text: 28,34,33;
    --color-button-outline: 255,255,255;
    --color-button-hover: 255,255,255;
    --color-button-text-hover: 28,34,33;
    --color-button-outline-hover: 255,255,255;
    --color-button-transparent: 255,255,255;
    --color-secondary-button: 28,34,33;
    --color-secondary-button-text: 255,255,255;
    --color-secondary-button-outline: 255,255,255;
    --color-secondary-button-hover: 28,34,33;
    --color-secondary-button-text-hover: 255,255,255;
    --color-secondary-button-outline-hover: 255,255,255;
    --color-secondary-button-transparent: 255,255,255;
    --socials-button: 255,255,255;
    --socials-button-text: 28,34,33;
    --socials-button-outline: 255,255,255;
    --socials-button-hover: 255,255,255;
    --socials-button-text-hover: 28,34,33;
    --socials-button-outline-hover: 255,255,255;
    --slider-button: 255, 255, 255;
    --slider-button-text: 28,34,33;
    --slider-button-outline: 255,255,255;
    --slider-button-hover: 255,255,255;
    --slider-button-text-hover: 28,34,33;
    --slider-button-outline-hover: 255,255,255;
    --color-badge-foreground: var(--color-secondary-button-text);
    --color-badge-background: var(--color-secondary-button);
    --color-badge-border: var(--color-secondary-button-outline);
    --color-badge-foreground-hover: var(--color-secondary-button-text-hover);
    --color-badge-background-hover: var(--color-secondary-button-hover);
    --color-badge-border-hover: var(--color-secondary-button-outline-hover);
    --payment-terms-background-color: rgb(28 34 33);
    --input-border-color: 220, 220, 220;
}


.color-scheme-6 {
    --color-background: 23,23,23;
    --gradient-background: #171717;
    --color-foreground: 255,255,255;
    --color-secondary-foreground: 246,246,246;
    --color-heading: 255,255,255;
    --color-accent: 220,220,220;
    --color-outline: 220,220,220;
    --color-background-contrast: 151,151,151;
    --color-shadow: 255,255,255;
    --color-button: 255,255,255;
    --color-button-text: 23,23,23;
    --color-button-outline: 255,255,255;
    --color-button-hover: 255,255,255;
    --color-button-text-hover: 23,23,23;
    --color-button-outline-hover: 255,255,255;
    --color-button-transparent: 255,255,255;
    --color-secondary-button: 23,23,23;
    --color-secondary-button-text: 255,255,255;
    --color-secondary-button-outline: 255,255,255;
    --color-secondary-button-hover: 23,23,23;
    --color-secondary-button-text-hover: 255,255,255;
    --color-secondary-button-outline-hover: 255,255,255;
    --color-secondary-button-transparent: 255,255,255;
    --socials-button: 255,255,255;
    --socials-button-text: 23,23,23;
    --socials-button-outline: 255,255,255;
    --socials-button-hover: 255,255,255;
    --socials-button-text-hover: 23,23,23;
    --socials-button-outline-hover: 255,255,255;
    --slider-button: 255, 255, 255;
    --slider-button-text: 23,23,23;
    --slider-button-outline: 255,255,255;
    --slider-button-hover: 255,255,255;
    --slider-button-text-hover: 23,23,23;
    --slider-button-outline-hover: 255,255,255;
    --color-badge-foreground: var(--color-secondary-button-text);
    --color-badge-background: var(--color-secondary-button);
    --color-badge-border: var(--color-secondary-button-outline);
    --color-badge-foreground-hover: var(--color-secondary-button-text-hover);
    --color-badge-background-hover: var(--color-secondary-button-hover);
    --color-badge-border-hover: var(--color-secondary-button-outline-hover);
    --payment-terms-background-color: rgb(23 23 23);
    --input-border-color: 220, 220, 220;
}


body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6 {
    color: rgba(var(--color-foreground), 1);
    background-color: rgb(var(--color-background));
}

:root {
    --compare-hover: 23,23,23;
    --compare-text-hover: 255,255,255;
    --compare-transparent: 23,23,23;
    --font-body-family: Jost, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
    --font-heading-family: Jost, sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 500;
    --font-heading-0-size: 12.0rem;
    --font-heading-0-size-mb: 6.4rem;
    --font-heading-0-xs-size: 8rem;
    --font-heading-0-xs-size-mb: 4.8rem;
    --font-heading-1-size: 5.6rem;
    --font-heading-1-size-mb: 3.4rem;
    --font-heading-2-size: 4.8rem;
    --font-heading-2-size-mb: 3.2rem;
    --font-heading-3-size: 4.0rem;
    --font-heading-3-size-mb: 2.8rem;
    --font-heading-4-size: 3.2rem;
    --font-heading-4-size-mb: 2.4rem;
    --font-heading-5-size: 2.4rem;
    --font-heading-5-size-mb: 2.0rem;
    --font-heading-6-size: 2.0rem;
    --font-heading-6-size-mb: 1.6rem;
    --f-size-text-lg: 2rem;
    --f-size-text-md: 1.6rem;
    --f-size-text-sm: 1.4rem;
    --f-size-text-x-sm: 1.2rem;
    --letter-spacing-hero: -0.03em;
    --letter-spacing-h1: -0.03em;
    --letter-spacing-h2: -0.02em;
    --letter-spacing-h3: -0.02em;
    --letter-spacing-h4: -0.02em;
    --letter-spacing-h5: -0.02em;
    --letter-spacing-h6: -0.02em;
    --media-padding: px;
    --media-border-opacity: 0.05;
    --media-border-width: 1px;
    --media-radius: 16px;
    /* --media-shadow-opacity: 0.0;
                --media-shadow-horizontal-offset: px;
                --media-shadow-vertical-offset: px;
                --media-shadow-blur-radius: px;
                --media-shadow-visible: 0; */

    --page-width: 180rem;
    --container-padding: 5rem;
    --page-width-margin: 0rem;
    --product-card-image-padding: 0.0rem;
    --product-card-corner-radius: 1.6rem;
    --product-card-text-alignment: left;
    --product-card-border-width: 0.0rem;
    --product-card-border-opacity: 0.0;
    /* --product-card-shadow-opacity: 0.0;
                --product-card-shadow-visible: 0;
                --product-card-shadow-horizontal-offset: 0.0rem;
                --product-card-shadow-vertical-offset: 0.0rem;
                --product-card-shadow-blur-radius: 0.0rem; */

    --collection-card-image-padding: 0.0rem;
    --collection-card-corner-radius: 1.6rem;
    --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.0rem;
                --collection-card-shadow-blur-radius: 0.0rem; */

    --blog-card-image-padding: 0.0rem;
    --blog-card-corner-radius: 1.6rem;
    --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.0rem;
    --blog-card-shadow-blur-radius: 0.0rem;
    --badge-corner-radius: 4.0rem;
    --popup-border-width: 1px;
    --popup-border-opacity: 1.0;
    --popup-corner-radius: 16px;
    --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: 16px;
    --grid-desktop-horizontal-spacing: 16px;
    --grid-mobile-vertical-spacing: 16px;
    --grid-mobile-horizontal-spacing: 16px;
    --text-boxes-border-opacity: 0.0;
    --text-boxes-border-width: 0px;
    --text-boxes-radius: 16px;
    --buttons-radius: 10px;
    --buttons-radius-outset: 11px;
    --buttons-border-width: 1px;
    --buttons-border-opacity: 1.0;
    --button-font-weight: 500;
    --link-font-size: 1.4rem;
    --link-font-weight: 600;
    --inputs-radius: 40px;
    --inputs-border-width: 1px;
    --inputs-border-opacity: 1.0;
    --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: 41px;
    --textarea-radius: 40px;
    --variant-pills-radius: 40px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 1.0;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 4px;
    --variant-pills-shadow-blur-radius: 5px;
    --title-space-bottom: 1.6rem;
    --title-space-bottom-sm: .8rem;
    --title-space-bottom-mobile: 1.2rem;
    --title-space-bottom-sm-mobile: .8rem;
    --text-space-bottom: 4rem;
    --text-space-bottom-mobile: 2.4rem;
    --button-space-top: 4rem;
    --button-space-top-mobile: 2.4rem;
}

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

html {
    box-sizing: border-box;
    font-size: calc(1 * 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: var(--f-size-text-md);
    letter-spacing: 0;
    line-height: 1.5;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
}

header-drawer {
    justify-self: start;
    margin-left: -.5rem;
}

@media screen and (max-width: 749px) {
    header-drawer {
        margin-left: 0;
    }
}

@media screen and (min-width: 990px) {
    header-drawer {
        display: none;
    }
}

.menu-drawer-container {
    display: flex;
}

.list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
}

.list-menu__item {
    display: flex;
    align-items: center;
    line-height: 1.375;
}

.list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: 1.8;
}

@media screen and (min-width: 750px) {
    .list-menu__item--link {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
}

@media screen and (min-width: 750px) {
    .list-menu__item--link {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
}

.header {
    padding: 12px 1.5rem 12px 1.5rem;
}

.section-header {
    --counter-foreground: #ffffff;
    --counter-bg: #171717;
    --logo-width: 130px;
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
}

@media screen and (min-width: 990px) {
    .header {
        padding-top: 20px;
        padding-bottom: 24px;
    }
}

#ecommerce-section-template--16962487877720__slideshow_D8FbXA {
    --padding-top: 24px;
    --padding-bottom: 0px;
    --padding-top-mb: 16px;
    --padding-bottom-mb: 0px;
    /* slider setup */
    --slides-per-view: 1;
    --slides-per-view-tb: 1;
    --slides-per-view-pc: 1;
    --swiper-autoplay-delay: 7s;
    /* end slider setup */
}

@media screen and (max-width: 749px) {
    #Slider-template--16962487877720__slideshow_D8FbXA:not(.banner--mobile-bottom) .slideshow-banner__item-wrapper::before,
    #Slider-template--16962487877720__slideshow_D8FbXA .media::before {
        padding-bottom: 39.26136363636364%;
        content: '';
        display: block;
    }

    #Slider-template--16962487877720__slideshow_D8FbXA:not(.banner--mobile-bottom) .slideshow-banner__item-wrapper::before,
    #Slider-template--16962487877720__slideshow_D8FbXA .media::before {
        padding-bottom: 95.94202898550724%;
    }
}

@media screen and (min-width: 750px) {
    #Slider-template--16962487877720__slideshow_D8FbXA .slideshow-banner__item-wrapper::before,
    #Slider-template--16962487877720__slideshow_D8FbXA .media::before {
        padding-bottom: 39.26136363636364%;
        content: '';
        display: block;
    }
}

@media screen and (max-width: 749px) {
    #Banner-template--16962487877720__image_banner_f7tzkF::before,
    #Banner-template--16962487877720__image_banner_f7tzkF .banner__media::before,
    #Banner-template--16962487877720__image_banner_f7tzkF:not(.banner--mobile-bottom) .banner__content::before {
        padding-bottom: 104.34782608695652%;
        content: '';
        display: block;
    }
}

@media screen and (min-width: 750px) {
    #Banner-template--16962487877720__image_banner_f7tzkF::before, #Banner-template--16962487877720__image_banner_f7tzkF .banner__media::before {
        padding-bottom: 42.29607250755287%;
        content: '';
        display: block;
    }
}

#Banner-template--16962487877720__image_banner_f7tzkF::after {
    opacity: 0.0;
}

#ecommerce-section-template--16962487877720__image_banner_f7tzkF {
    --padding-top: 0px;
    --padding-bottom: 120px;
    --padding-top-mb: 0px;
    --padding-bottom-mb: 80px;
}

#ecommerce-section-sections--16962487615576__mobile_sticky_bar_pYnka8 {
    --counter-foreground: #ffffff;
    --counter-bg: #171717;
}

@media screen and (max-width:749px) {
    #ecommerce-section-footer {
        padding-bottom: 5.5rem;
    }

    .menu-drawer .list-social {
        margin-top: 0;
        margin-bottom: 4rem;
    }
}

.footer {
    --logo-width: 130px;
    margin-top: 0px;
    padding-top: 40px;
}

.footer__content-bottom {
    padding-bottom: 36px;
}

@media screen and (min-width: 750px) {
    .footer__content-bottom {
        padding-bottom: 40px;
    }

    .footer {
        margin-top: 0px;
        padding-top: 80px;
    }
}

@media only screen and (min-width: 1560px) {
    .extra-large-layout .footer {
        margin-top: calc(0px * 1.333333);
        padding-top: calc(80px * 1.333333);
    }
}

#ecommerce-buyer-consent {
    margin-top: 1em;
    display: inline-block;
    width: 100%;
}

    #ecommerce-buyer-consent.hidden {
        display: none;
    }

#ecommerce-subscription-policy-button {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    font-size: inherit;
    cursor: pointer;
}

    #ecommerce-subscription-policy-button::before {
        box-shadow: none;
    }

.drawer {
    visibility: hidden;
}

#ecommerce-section-template--16962487877720__featured_slideshow_GQRVeQ .featured-slideshow {
    --padding-top: 80px;
    --padding-bottom: 0px;
    --padding-top-mb: 80px;
    --padding-bottom-mb: 0px;
    /* slider setup */
    --slides-per-view: 1.2;
    --slides-per-view-tb: 2.2;
    --slides-per-view-pc: 3.6;
    /* end slider setup */
}

#ecommerce-section-template--16962487877720__sticky_products_ymJwhR {
    --padding-top: 120px;
    --padding-bottom: 0px;
    --padding-top-mb: 80px;
    --padding-bottom-mb: 0px;
}


#ecommerce-section-template--16962487877720__slideshow_D8FbXA {
    --padding-top: 24px;
    --padding-bottom: 0px;
    --padding-top-mb: 16px;
    --padding-bottom-mb: 0px;
    /* slider setup */
    --slides-per-view: 1;
    --slides-per-view-tb: 1;
    --slides-per-view-pc: 1;
    --swiper-autoplay-delay: 7s;
    /* end slider setup */
}

@media screen and (max-width: 749px) {
    #Slider-template--16962487877720__slideshow_D8FbXA:not(.banner--mobile-bottom) .slideshow-banner__item-wrapper::before,
    #Slider-template--16962487877720__slideshow_D8FbXA .media::before {
        padding-bottom: 39.26136363636364%;
        content: '';
        display: block;
    }

    #Slider-template--16962487877720__slideshow_D8FbXA:not(.banner--mobile-bottom) .slideshow-banner__item-wrapper::before,
    #Slider-template--16962487877720__slideshow_D8FbXA .media::before {
        padding-bottom: 95.94202898550724%;
    }
}

@media screen and (min-width: 750px) {
    #Slider-template--16962487877720__slideshow_D8FbXA .slideshow-banner__item-wrapper::before,
    #Slider-template--16962487877720__slideshow_D8FbXA .media::before {
        padding-bottom: 39.26136363636364%;
        content: '';
        display: block;
    }
}

#ecommerce-section-sections--16962487615576__mobile_sticky_bar_pYnka8 {
    --counter-foreground: #ffffff;
    --counter-bg: #171717;
}

@media screen and (max-width:749px) {
    #ecommerce-section-footer {
        padding-bottom: 5.5rem;
    }

    .menu-drawer .list-social {
        margin-top: 0;
        margin-bottom: 4rem;
    }
}
#Slide-template--16962487877720__slideshow_D8FbXA-3 .slideshow__media {
    --overlay-opacity: 0;
}
#Slide-template--16962487877720__slideshow_D8FbXA-2 .slideshow__media {
    --overlay-opacity: 0;
}
#Slide-template--16962487877720__slideshow_D8FbXA-1 .slideshow__media {
    --overlay-opacity: 0;
}

#ecommerce-section-sections--16962487517272__scrolling_banner_EedWVe {
    --padding-top: 10px;
    --padding-bottom: 10px;
    --padding-top-mb: 10px;
    --padding-bottom-mb: 12px;
    --_c-column-gap: 55px;
    --_c-column-gap-mb: 40px;
}

#ecommerce-section-template--16962488303704__main .customer {
    --padding-top: 80px;
    --padding-bottom: 120px;
    --padding-top-mb: 40px;
    --padding-bottom-mb: 80px;
}
/* Sticky header for mobile and tablet screens */
@media (max-width: 1024px) {
    sticky-header {
        position: sticky;
        top: 0;
        z-index: 1000;
        width: 100%;
        background: inherit;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
}

@media (max-width: 768px) {
    header {
        position: sticky;
        top: 0;
    }
}

header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #fff; /* Ensure it's not transparent */
}

@media screen and (min-width: 990px) {
    .header {
        padding-top: 20px;
        padding-bottom: 24px;
    }
}

@media screen and (max-width: 749px) {
    .header {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
}

.header {
    padding: 12px 1.5rem 12px 1.5rem !important;
}

#ecommerce-section-template--16962488172632__multicolumn_38RDWr .multicolumn {
    --padding-top: 120px;
    --padding-bottom: 0px;
    --padding-top-mb: 56px;
    --padding-bottom-mb: 0px;
    --title-width: 780px;
}

#Slide-template--16962488172632__multicolumn_38RDWr-1 {
    --bg-image: url('/assets/img/overlay93f5.png');
    --overlay-opacity: 0.0;
}

#Slide-template--16962488172632__multicolumn_38RDWr-2 {
    --bg-image: url('/assets/img/overlay93f5.png');
    --overlay-opacity: 0.0;
}

#Slide-template--16962488172632__multicolumn_38RDWr-3 {
    --bg-image: url('/assets/img/overlay93f5.png');
    --overlay-opacity: 0.0;
}

#ecommerce-section-template--16962488172632__scrolling_banner {
    --padding-top: 120px;
    --padding-bottom: 120px;
    --padding-top-mb: 80px;
    --padding-bottom-mb: 80px;
    --_c-column-gap: 80px;
    --_c-column-gap-mb: 40px;
}

#Icon-icon_H46NBi-template--16962488172632__scrolling_banner {
    --icon-width: 120px;
}

#ecommerce-section-template--16962488172632__form {
    --padding-top: 80px;
    --padding-bottom: 120px;
    --padding-top-mb: 40px;
    --padding-bottom-mb: 80px;
}

#ecommerce-section-template--16962488172632__main {
    --padding-top: 120px;
    --padding-bottom: 120px;
    --padding-top-mb: 80px;
    --padding-bottom-mb: 80px;
}

#ecommerce-section-template--16962488172632__main .main-page-banner {
    --padding-top: 90px;
    --padding-bottom: 90px;
    --padding-top-mb: 56px;
    --padding-bottom-mb: 24px;
}







/*Check out page styles*/


:root {
    --x-skeleton-color-global-accent: hsl(214, 100%, 41%);
    --x-skeleton-color-global-background: hsl(0, 0%, 100%);
    --x-skeleton-color-global-backgroundSubdued: hsl(0, 0%, 96%);
    --x-skeleton-color-global-border: hsl(0, 0%, 87%);
    --x-skeleton-color-global-text: hsl(0, 0%, 0%);
    --x-skeleton-color-global-textContrast: hsl(0, 0%, 100%);
    --x-skeleton-color-global-textSubdued: hsl(0, 0%, 44%);
    --x-skeleton-color-global-textSubdued200: hsl(0, 0%, 90%);
    --x-skeleton-color-schemes-scheme2-base-background: hsl(0, 0%, 96%);
    --x-skeleton-color-schemes-scheme2-base-backgroundSubdued: hsl(0, 0%, 93%);
    --x-skeleton-color-schemes-scheme2-base-border: hsl(0, 0%, 84%);
    --x-skeleton-color-schemes-scheme2-base-text: hsl(0, 0%, 0%);
    --x-skeleton-color-schemes-scheme2-base-textContrast: hsl(0, 0%, 96%);
    --x-skeleton-color-schemes-scheme2-base-textSubdued: hsl(0, 0%, 40%);
    --x-skeleton-color-schemes-scheme2-base-textSubdued200: hsl(0, 0%, 80%);
    --x-skeleton-color-global-accent: #171717;
    --x-skeleton-color-schemes-scheme1-base-background: #f6f6f6;
    --x-skeleton-color-schemes-scheme1-base-backgroundSubdued: #ededed;
    --x-skeleton-color-schemes-scheme1-base-border: #d6d6d6;
    --x-skeleton-color-schemes-scheme1-base-text: #000000;
    --x-skeleton-color-schemes-scheme1-base-textContrast: #ffffff;
    --x-skeleton-color-schemes-scheme1-base-textSubdued: #0000008f;
    --x-skeleton-color-schemes-scheme1-base-textSubdued200: #0000001a;
    --x-skeleton-color-schemes-scheme2-base-background: #ffffff;
    --x-skeleton-color-schemes-scheme2-base-backgroundSubdued: #f6f6f6;
    --x-skeleton-color-schemes-scheme2-base-border: #dfdfdf;
    --x-skeleton-color-schemes-scheme2-base-text: #000000;
    --x-skeleton-color-schemes-scheme2-base-textContrast: #ffffff;
    --x-skeleton-color-schemes-scheme2-base-textSubdued: #0000008f;
    --x-skeleton-color-schemes-scheme2-base-textSubdued200: #0000001a;
    --x-skeleton-typography-line-small: 1.2;
    --x-skeleton-typography-line-base: 1.5;
    --x-skeleton-line-quantity-size: 2.1rem;
    --x-skeleton-typography-size-small: 1.2rem;
    --x-skeleton-typography-size-default: 1.4rem;
    --x-skeleton-typography-size-medium: 1.6rem;
    --x-skeleton-typography-size-large: 1.9rem;
    --x-skeleton-typography-size-extra-large: 2.1rem;
    --x-skeleton-typography-size-extra-extra-large: 2.4rem;
    --x-skeleton-typography-primary-weight-bold: 700;
    --x-skeleton-typography-primary-fonts: Jost;
    --x-skeleton-typography-secondary-weight-bold: 700;
    --x-skeleton-typography-secondary-fonts: Jost;
    --x-skeleton-spacing-none: 0;
    --x-skeleton-spacing-small-100: 1.1rem;
    --x-skeleton-spacing-small-200: 0.9rem;
    --x-skeleton-spacing-small-300: 0.7rem;
    --x-skeleton-spacing-small-400: 0.5rem;
    --x-skeleton-spacing-small-500: 0.3rem;
    --x-skeleton-spacing-base: 1.4rem;
    --x-skeleton-spacing-large-100: 1.7rem;
    --x-skeleton-spacing-large-200: 2.1rem;
    --x-skeleton-spacing-large-300: 2.6rem;
    --x-skeleton-spacing-large-400: 3.2rem;
    --x-skeleton-spacing-large-500: 3.8rem;
    --x-skeleton-border-radius-none: 0;
    --x-skeleton-border-radius-base: 5px;
    --x-skeleton-border-radius-small: 2px;
    --x-skeleton-border-radius-large: 10px;
}



@keyframes SkeletonPulse {
    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

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

body,
html {
    height: 100%;
    margin: 0;
    width: 100%;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 62.5%;
    font-family: var(--x-skeleton-typography-primary-fonts);
    line-height: var(--x-skeleton-typography-line-base);
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: scroll;
}

    body.Loading {
        position: fixed;
    }

        /* TODO: need to take it out of the accessibility tree, too? */
        body.Loading > .LoadingShell {
            opacity: 1;
        }


.BlockStack {
    display: grid;
}

.BlockStack--spacing-small500 {
    gap: var(--x-skeleton-spacing-small-500);
}

.BlockStack--spacing-small300 {
    gap: var(--x-skeleton-spacing-small-300);
}

.BlockStack--spacing-small100 {
    gap: var(--x-skeleton-spacing-small-100);
}

.BlockStack--spacing-base {
    gap: var(--x-skeleton-spacing-base);
}

.BlockStack--spacing-large100 {
    gap: var(--x-skeleton-spacing-large-100);
}

.BlockStack--spacing-large200 {
    gap: var(--x-skeleton-spacing-large-200);
}

.BlockStack--min-inline-size-full {
    flex: 1;
}

.BlockStack--inline-alignment-center {
    justify-items: center;
}

.BlockStack--inline-alignment-end {
    justify-items: end;
}

.LoadingHeaderHeading {
    margin: 0;
    font-size: var(--x-skeleton-typography-size-extra-large);
    font-weight: var(--x-skeleton-typography-secondary-weight-bold);
    font-family: var(--x-skeleton-typography-secondary-fonts);
    line-height: var(--x-skeleton-typography-line-small);
}

.LoadingHeaderHeading-uplift {
    font-size: var(--x-skeleton-typography-size-large);
}

.LoadingHeaderImage {
    display: block;
    max-width: 100%;
    height: auto;
}

.InlineStack {
    display: flex;
    min-height: 100%;
    min-width: 100%;
}

.InlineStack--spacing-base {
    column-gap: var(--x-skeleton-spacing-base);
}

.InlineStack--spacing-small100 {
    column-gap: var(--x-skeleton-spacing-small-100);
}

.InlineStack--spacing-large200 {
    column-gap: var(--x-skeleton-spacing-large-200);
}

.InlineStack--inline-alignment-spaceBetween {
    justify-content: space-between;
}

.InlineStack--block-alignment-start {
    align-items: start;
}

.InlineStack--block-alignment-center {
    align-items: center;
}

.Divider {
    width: 100%;
    height: 1px;
    background-color: var(--x-skeleton-default-color-border);
}

.SkeletonButton {
    background-color: var(--x-skeleton-default-color-textSubdued200);
    border-radius: var(--x-skeleton-border-radius-base);
    animation: SkeletonPulse 4000ms ease infinite;
    width: 100%;
}

.SkeletonButtonInner {
    width: 100%;
    height: 4.8rem;
}

.SkeletonImage {
    background-color: var(--x-skeleton-default-color-textSubdued200);
    animation: SkeletonPulse 4000ms ease infinite;
    width: 100%;
}

.SkeletonImage--corner-radius-small {
    border-radius: var(--x-skeleton-border-radius-small);
}

.SkeletonImage--corner-radius-base {
    border-radius: var(--x-skeleton-border-radius-base);
}

.SkeletonImage--corner-radius-large {
    border-radius: var(--x-skeleton-border-radius-large);
}

.SkeletonImage--corner-radius-rounded {
    border-radius: 100%;
}

.SkeletonImageInner {
    width: 100%;
    height: 100%;
}

@supports (aspect-ratio: 1) {
    .SkeletonImage {
        aspect-ratio: var(--skeleton-thumbnail-aspect-ratio, 1);
    }
}

@supports not (aspect-ratio: 1) {
    .SkeletonImage::before {
        content: "";
        height: 0;
        display: block;
        padding-bottom: 100%;
        padding-bottom: calc(100% / var(--skeleton-thumbnail-aspect-ratio, 1));
    }
}

.SkeletonText {
    background-color: var(--x-skeleton-default-color-textSubdued200);
    border-radius: var(--x-skeleton-border-radius-base);
    animation: SkeletonPulse 4000ms ease infinite;
}

.SkeletonTextInner {
    display: inline-block;
}

.SkeletonTextInner--inline-size-small {
    width: 10ch;
}

.SkeletonTextInner--inline-size-base {
    width: 20ch;
}

.SkeletonTextInner--inline-size-large {
    width: 30ch;
}

.SkeletonTextInner--inline-size-full {
    width: 100%;
}

.Icon {
    fill: none;
    color: var(--x-skeleton-default-color-border);
    stroke: currentColor;
}

    .Icon path {
        vector-effect: non-scaling-stroke;
        stroke-width: 1.4px;
    }

.LoadingShellLineItems {
    display: grid;
    grid-auto-flow: row;
    align-items: stretch;
    gap: var(--x-skeleton-spacing-base);
}

.LoadingShellLine {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--x-skeleton-spacing-base);
    align-items: center;
    font-size: var(--x-type-size-base);
}

.LoadingShellLineImageWrapper {
    width: calc(6.4rem * var(--skeleton-thumbnail-inline-size, 1));
    height: calc(6.4rem / var(--skeleton-thumbnail-box-size, 1));
    position: relative;
}

.LoadingShellImageWrapper--Small {
    width: 3.2rem;
    height: 3.2rem;
    position: relative;
}

.LoadingShellLineImage {
    width: 6.4rem;
    height: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    background: var(--x-skeleton-default-color-backgroundSubdued);
}

.LoadingShellLineImage--border-full {
    border: 1px solid var(--x-skeleton-default-color-border);
}

.LoadingShellLineImage--corner-radius-small {
    border-radius: var(--x-skeleton-border-radius-small);
}

.LoadingShellLineImage--corner-radius-base {
    border-radius: var(--x-skeleton-border-radius-base);
}

.LoadingShellLineImage--corner-radius-large {
    border-radius: var(--x-skeleton-border-radius-large);
}

.LoadingShellLineImage--corner-radius-rounded {
    border-radius: 100%;
}

.LoadingShellLineImageIcon {
    width: 3.3rem;
    height: 3.3rem;
}

.LoadingShellLineQuantity {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    min-height: 2.2rem;
    padding: 0 var(--x-skeleton-spacing-small-300);
    border-radius: 1.1rem;
    background: var(--x-skeleton-default-color-textSubdued);
    color: var(--x-skeleton-default-color-textContrast);
    font-size: var(--x-skeleton-typography-size-small);
    font-weight: 500;
}

.LoadingShellLineQuantity--corner-radius-none {
    border-radius: 0;
}

.LoadingShellLineContent {
    display: flex;
    flex-direction: column;
    align-self: baseline;
    min-height: calc(6.4rem / var(--skeleton-thumbnail-box-size, 1));
    justify-content: center;
}

.LoadingShellLinePrice {
    display: flex;
    align-self: baseline;
}

.Text {
    font-size: var(--x-skeleton-typography-size-default);
}

.Text--size-small {
    font-size: var(--x-skeleton-typography-size-small);
}

.Text--size-large {
    font-size: var(--x-skeleton-typography-size-large);
}

.Text--size-extraExtraLarge {
    font-size: var(--x-skeleton-typography-size-extra-extra-large);
}

.Text--appearance-subdued {
    color: var(--x-skeleton-default-color-textSubdued);
}

.SkeletonExpressCheckoutButtons {
    display: grid;
    gap: var(--x-skeleton-spacing-small-100);
    grid-template-columns: repeat(2, 1fr);
}

    .SkeletonExpressCheckoutButtons > *:first-child {
        grid-column: 1 / -1;
    }

.SkeletonExpressCheckout {
    margin-bottom: var(--x-skeleton-spacing-large-500);
}

.ExpressCheckoutDivider {
    display: flex;
    place-items: center;
    height: 21px;
    padding-top: calc(var(--x-skeleton-spacing-large-500) - 1px);
}

@media screen and (min-width: 1000px) {
    .SkeletonExpressCheckoutButtons {
        grid-template-columns: repeat(3, 1fr);
    }

        .SkeletonExpressCheckoutButtons > *:first-child {
            grid-column: auto;
        }

    .SkeletonExpressCheckoutButtons {
        grid-template-columns: repeat(3, 1fr);
    }

        .SkeletonExpressCheckoutButtons > *:first-child {
            grid-column: auto;
        }
}

.LoadingShellHeader--banner {
    background-position: 50% 50%;
    background-size: cover;
    background-image: var(--x-skeleton-banner-image);
    --x-skeleton-header-shop-name-color: #fff;
    --x-skeleton-cart-color: #fff;
}


.VisuallyHidden {
    border-width: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.FadeIn {
    opacity: 0;
    animation: 400ms FadeIn 150ms forwards;
}

@keyframes FadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



.colorSchemeScheme1 {
    --x-skeleton-default-color-background: var(--x-skeleton-color-schemes-scheme1-base-background, var(--x-skeleton-color-global-background));
    --x-skeleton-default-color-accent: var(--x-skeleton-color-schemes-scheme1-base-accent, var(--x-skeleton-color-global-accent));
    --x-skeleton-default-color-backgroundSubdued: var(--x-skeleton-color-schemes-scheme1-base-backgroundSubdued, var(--x-skeleton-color-global-backgroundSubdued));
    --x-skeleton-default-color-border: var(--x-skeleton-color-schemes-scheme1-base-border, var(--x-skeleton-color-global-border));
    --x-skeleton-default-color-text: var(--x-skeleton-color-schemes-scheme1-base-text, var(--x-skeleton-color-global-text));
    --x-skeleton-default-color-textContrast: var(--x-skeleton-color-schemes-scheme2-base-textContrast, var(--x-skeleton-color-global-textContrast));
    --x-skeleton-default-color-textSubdued: var(--x-skeleton-color-schemes-scheme1-base-textSubdued, var(--x-skeleton-color-global-textSubdued));
    --x-skeleton-default-color-textSubdued200: var(--x-skeleton-color-schemes-scheme1-base-textSubdued200, var(--x-skeleton-color-global-textSubdued200));
}

.colorSchemeScheme2 {
    --x-skeleton-default-color-background: var(--x-skeleton-color-schemes-scheme2-base-background, var(--x-skeleton-color-global-background));
    --x-skeleton-default-color-accent: var(--x-skeleton-color-schemes-scheme2-base-accent, var(--x-skeleton-color-global-accent));
    --x-skeleton-default-color-backgroundSubdued: var(--x-skeleton-color-schemes-scheme2-base-backgroundSubdued, var(--x-skeleton-color-global-backgroundSubdued));
    --x-skeleton-default-color-border: var(--x-skeleton-color-schemes-scheme2-base-border, var(--x-skeleton-color-global-border));
    --x-skeleton-default-color-text: var(--x-skeleton-color-schemes-scheme2-base-text, var(--x-skeleton-color-global-text));
    --x-skeleton-default-color-textContrast: var(--x-skeleton-color-schemes-scheme2-base-textContrast, var(--x-skeleton-color-global-textContrast));
    --x-skeleton-default-color-textSubdued: var(--x-skeleton-color-schemes-scheme2-base-textSubdued, var(--x-skeleton-color-global-textSubdued));
    --x-skeleton-default-color-textSubdued200: var(--x-skeleton-color-schemes-scheme2-base-textSubdued200, var(--x-skeleton-color-global-textSubdued200));
}

.colorSchemeScheme3 {
    --x-skeleton-default-color-background: var(--x-skeleton-color-schemes-scheme3-base-background, var(--x-skeleton-color-global-background));
    --x-skeleton-default-color-accent: var(--x-skeleton-color-schemes-scheme3-base-accent, var(--x-skeleton-color-global-accent));
    --x-skeleton-default-color-backgroundSubdued: var(--x-skeleton-color-schemes-scheme3-base-backgroundSubdued, var(--x-skeleton-color-global-backgroundSubdued));
    --x-skeleton-default-color-border: var(--x-skeleton-color-schemes-scheme3-base-border, var(--x-skeleton-color-global-border));
    --x-skeleton-default-color-text: var(--x-skeleton-color-schemes-scheme3-base-text, var(--x-skeleton-color-global-text));
    --x-skeleton-default-color-textContrast: var(--x-skeleton-color-schemes-scheme2-base-textContrast, var(--x-skeleton-color-global-textContrast));
    --x-skeleton-default-color-textSubdued: var(--x-skeleton-color-schemes-scheme3-base-textSubdued, var(--x-skeleton-color-global-textSubdued));
    --x-skeleton-default-color-textSubdued200: var(--x-skeleton-color-schemes-scheme3-base-textSubdued200, var(--x-skeleton-color-global-textSubdued200));
}

.colorSchemeScheme4 {
    --x-skeleton-default-color-background: var(--x-skeleton-color-schemes-scheme4-base-background, var(--x-skeleton-color-global-background));
    --x-skeleton-default-color-accent: var(--x-skeleton-color-schemes-scheme4-base-accent, var(--x-skeleton-color-global-accent));
    --x-skeleton-default-color-backgroundSubdued: var(--x-skeleton-color-schemes-scheme4-base-backgroundSubdued, var(--x-skeleton-color-global-backgroundSubdued));
    --x-skeleton-default-color-border: var(--x-skeleton-color-schemes-scheme4-base-border, var(--x-skeleton-color-global-border));
    --x-skeleton-default-color-text: var(--x-skeleton-color-schemes-scheme4-base-text, var(--x-skeleton-color-global-text));
    --x-skeleton-default-color-textContrast: var(--x-skeleton-color-schemes-scheme2-base-textContrast, var(--x-skeleton-color-global-textContrast));
    --x-skeleton-default-color-textSubdued: var(--x-skeleton-color-schemes-scheme4-base-textSubdued, var(--x-skeleton-color-global-textSubdued));
    --x-skeleton-default-color-textSubdued200: var(--x-skeleton-color-schemes-scheme4-base-textSubdued200, var(--x-skeleton-color-global-textSubdued200));
}


.backgroundColorBase {
    background-color: var(--x-skeleton-default-color-background);
    color: var(--x-skeleton-default-color-text);
}

.backgroundColorSubdued {
    background-color: var(--x-skeleton-default-color-backgroundSubdued);
    color: var(--x-skeleton-default-color-text);
}


.LoadingShell {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    will-change: opacity;
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
        'header'
        'disclosure'
        'shell-content';
    background-image: var(--x-skeleton-shell-background-image);
    --x-skeleton-shell-inline-size: 58rem;
    --x-skeleton-shell-background-image: var(--skeleton-config-shell-background-image);
    --x-skeleton-shell-header-inline-size: var(--x-skeleton-shell-inline-size);
    --x-skeleton-shell-header-padding: var(--skeleton-config-header-padding, var(--x-skeleton-spacing-large-200));
    --x-skeleton-shell-header-background-image: var(--skeleton-config-header-background-image);
    --x-skeleton-shell-disclosure-inline-size: var(--x-skeleton-shell-inline-size);
    --x-skeleton-shell-disclosure-padding: var(--x-skeleton-spacing-large-100) var(--x-skeleton-spacing-large-200);
    --x-skeleton-shell-disclosure-display: block;
    --x-skeleton-shell-main-inline-size: var(--x-skeleton-shell-inline-size);
    --x-skeleton-shell-main-justify-content: center;
    --x-skeleton-shell-main-padding: var(--x-skeleton-spacing-large-200);
    --x-skeleton-shell-main-border: none;
    --x-skeleton-shell-order-summary-display: none;
    --x-skeleton-shell-order-summary-background-image: var(--skeleton-config-order-summary-background-image);
    --x-skeleton-box-shadow-extra-small: 0 1px 1.75px 0 rgba(0, 0, 0, 0.12), 0 -0.5px 1.5px 0 rgba(0, 0, 0, 0.09), 0 3px 4px 0 rgba(0, 0, 0, 0.03);
    --x-skeleton-box-shadow-small: 0 1px 2px -0.5px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.08), 0 3px 6px -1.5px rgba(0, 0, 0, 0.08), 0 -0.5px 1.5px 0 rgba(0, 0, 0, 0.09);

    @media screen and (min-width: 1000px) {
        --x-skeleton-shell-main-inline-size: 58rem;
        --x-skeleton-shell-order-summary-inline-size: 48rem;
        --x-skeleton-shell-section-columns-offset: 5rem;

        --x-skeleton-shell-content-display: grid;
        --x-skeleton-shell-content-template-areas: 'main order-summary';

        --x-skeleton-shell-content-template-columns: minmax( min-content, calc(50% + var(--x-skeleton-shell-section-columns-offset)) )
        1fr;

        --x-skeleton-shell-inline-size: 106rem;
        --x-skeleton-shell-header-padding: var(--skeleton-config-header-padding, 0);

        --x-skeleton-shell-disclosure-display: none;

        --x-skeleton-shell-main-justify-content: flex-end;
        --x-skeleton-shell-main-padding: var(--x-skeleton-spacing-large-500);
        --x-skeleton-shell-main-border: 1px solid var(--x-skeleton-default-color-border);

        --x-skeleton-shell-order-summary-display: block;
        --x-skeleton-shell-order-summary-padding: var(--x-skeleton-spacing-large-500);
    }
}

@supports (width: min(0px, 100px)) {
    /* mobile header padding is clamped at large-200 like Sections */
    @media screen and (max-width: 999px) {
        .LoadingShell {
            --x-skeleton-shell-header-padding: min( var(--skeleton-config-header-padding, var(--x-skeleton-spacing-large-200)), var(--x-skeleton-spacing-large-200) );
        }
    }
}

@media screen and (min-width: 1000px) {
    .LoadingShell.LoadingShellConfig-Header-positionStart {
        --x-skeleton-shell-header-padding: var(--skeleton-config-header-padding, var(--x-skeleton-spacing-large-200) var(--x-skeleton-spacing-large-500));
    }
}

.LoadingShellHeader {
    grid-area: header;
}

.LoadingShellHeaderContent {
    padding: var(--x-skeleton-shell-header-padding);
    width: 100%;
    max-width: var(--x-skeleton-shell-header-inline-size);
}

@media screen and (min-width: 1000px) {
    .LoadingShell:not(.LoadingShellConfig-Header-positionStart) .LoadingShellHeader-positionStart {
        display: none;
    }
}

@media screen and (max-width: 999px) {
    .LoadingShellConfig-Header-positionInline .LoadingShellHeader-positionInline,
    .LoadingShellConfig-Header-positionInlineSecondary .LoadingShellHeader-positionInlineSecondary {
        display: none;
    }

    .LoadingShellConfig-Header-positionInlineSecondary .LoadingShellHeader-positionStart {
        background-image: var( --x-skeleton-shell-header-background-image, var(--x-skeleton-shell-order-summary-background-image) );
    }
}

.LoadingShellHeader-positionStart {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--x-skeleton-default-color-border);
    background-image: var(--x-skeleton-shell-header-background-image);
    background-position: 50% 50%;
    background-size: cover;
}

.LoadingShellHeader-uplift {
    z-index: 1;
    border-bottom: none;
    box-shadow: var(--x-skeleton-box-shadow-small);
}

.LoadingShellHeader-positionStart.LoadingShellHeader-hasBackgroundImage {
    --header-shop-name-color: #ffffff;
    --x-skeleton-default-color-accent: #ffffff;
}

.LoadingShellBuyerJourneyContent {
    width: 100%;
    width: var(--x-skeleton-shell-buyer-journey-inline-size);
    padding: var(--x-skeleton-shell-buyer-journey-padding);
}

.LoadingShellDisclosure {
    grid-area: disclosure;
    display: var(--x-skeleton-shell-disclosure-display);
    border-bottom: 1px solid var(--x-skeleton-default-color-border);
}

.LoadingShellDisclosure-uplift {
    border-bottom: none;
    box-shadow: var(--x-skeleton-box-shadow-extra-small);
}

.LoadingShellDisclosureButton {
    display: flex;
    justify-content: center;
    width: 100%;
}

.LoadingShellDisclosureButton {
    text-align: start;
    background: var(--x-skeleton-default-color-backgroundSubdued);
    color: var(--x-skeleton-default-color-accent);
    position: relative;
    z-index: 2;
}

.LoadingShellConfig-Shell-hasBackgroundImage .LoadingShellDisclosureButton {
    background: transparent;
    color: inherit;
}

.LoadingShellDisclosureButtonContent {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--x-skeleton-spacing-small-200);
    align-content: center;
    align-items: center;
}

.LoadingShellDisclosureButtonContent {
    padding: var(--x-skeleton-shell-disclosure-padding);
    width: 100%;
    max-width: var(--x-skeleton-shell-disclosure-inline-size);
}

.LoadingShellContent {
    grid-area: shell-content;
    display: var(--x-skeleton-shell-content-display);
    grid-template-areas: var(--x-skeleton-shell-content-template-areas);
    grid-template-columns: var(--x-skeleton-shell-content-template-columns);
}

.LoadingShellMain {
    grid-area: main;
    display: flex;
    justify-content: var(--x-skeleton-shell-main-justify-content);
    height: 100%;
}

    .LoadingShellMain .LoadingShellMainContent {
        height: 100%;
        width: 100%;
        max-width: var(--x-skeleton-shell-main-inline-size);
        padding: var(--x-skeleton-shell-main-padding);
        border-inline-end: var(--x-skeleton-shell-main-border);
        display: grid;
        grid-template-rows: auto auto 1fr;
        grid-template-columns: 1fr;
        grid-template-areas:
            'header'
            'buyer-journey'
            'main-content-primary';
    }

.LoadingShellMainContentPrimary {
    grid-area: main-content-primary;
}


.LoadingShellMainContent .LoadingShellHeader {
    margin-bottom: var(--x-skeleton-spacing-large-100);
}

.LoadingShellMainContent .LoadingShellBuyerJourney {
    margin-bottom: var(--x-skeleton-spacing-large-300);
}

.LoadingShellOrderSummary {
    display: var(--x-skeleton-shell-order-summary-display);
    grid-area: order-summary;
}

    .LoadingShellOrderSummary .LoadingShellOrderSummaryContent {
        position: sticky;
        padding: var(--x-skeleton-shell-order-summary-padding);
        width: 100%;
        max-width: var(--x-skeleton-shell-order-summary-inline-size);
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
    }

.LoadingShellOrderSummaryContent .LoadingShellHeader {
    margin-bottom: var(--x-skeleton-spacing-large-200);
}

/* Header */
.LoadingHeader {
    display: flex;
    width: 100%;
}

.LoadingHeader-alignmentStart {
    justify-content: flex-start;
}

.LoadingHeader-alignmentCenter {
    justify-content: center;
}

.LoadingHeader-alignmentEnd {
    justify-content: flex-end;
}

.LoadingShell-variantOneStepCheckout .LoadingHeader-alignmentCenter .LoadingHeaderHeading {
    display: flex;
    justify-content: center;
}

.LoadingShell-variantOneStepCheckout .LoadingHeader-alignmentEnd .LoadingHeaderHeading {
    display: flex;
    justify-content: flex-end;
}


.client-terminal-error-page {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    padding: 12rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.3;
    color: hsl(0, 0%, 33%);
    background: hsl(0, 0%, 100%);
}

@media screen and (max-width: 500px) {
    .client-terminal-error-page {
        padding: 2rem;
    }
}

.client-terminal-error-page h1 {
    font-size: 2.8rem;
    color: hsl(0, 0%, 30%);
}

.client-terminal-error-page p {
    font-size: 1.4rem;
    margin: 1.3rem 0;
}

.client-terminal-error-page a {
    display: inline-block;
    padding: 1.2rem 2.5rem;
    border: 1px solid hsl(0, 0%, 49%);
    border-radius: 6px;
    margin: 1.2rem 0;
    font-size: 1.5rem;
    color: hsl(0, 0%, 39%);
    text-decoration: none;
    transition: border-color 0.2s ease-in;
}

    .client-terminal-error-page a:hover {
        color: hsl(0, 0%, 20%);
        border-color: hsl(0, 0%, 20%);
    }

.client-terminal-error-page__text--subdued {
    font-size: 1rem;
}
.search-collection-item a {
    color:black;
}
.search-collection-item a:hover {
    color: black;
}
.header__icon:hover {
    color:black !important;
}
.header__icon:visited {
    color: black !important;
}
[open] > .search-collections-list {
    margin-top: -18px !important;
}
@media screen and (min-width: 750px) {
    .footer {
        margin-top: 0px;
        padding-top: 0px !important; 
    }
}

.footer {
    --logo-width: 130px;
    margin-top: 0px;
    padding-top: 0px !important;
}
/* Main Content Container*/
#privacy .container {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Main Heading Styles*/
#privacy h2 {
    font-size: 1.8em;
    color: #2c3e50;
    border-bottom: 3px solid #3498db;
    padding-bottom: 10px;
    margin-top: 40px;
    margin-bottom: 20px;
}

    /* Set margin for the first heading*/
    #privacy h2:first-of-type {
        margin-top: 0;
    }

/* Sub-heading Styles*/
#privacy h3 {
    font-size: 1.3em;
    color: #34495e;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* List Styles*/
#privacy ul {
    padding-left: 25px;
    list-style-type: disc;
}

#privacy li {
    margin-bottom: 12px;
}

/* Special text styles */
#privacy .effective-date {
    font-style: italic;
    color: #7f8c8d;
    margin-bottom: 25px;
}

#privacy strong {
    color: #2c3e50;
}

/* Responsive Design for smaller screens */
@media (max-width: 768px) {
    #privacy .container{
    padding: 20px;
}

#privacy h2 {
    font-size: 1.6em;
}

#privacy h3 {
    font-size: 1.2em;
}

}
/*******/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');*/

/* Timeline Container */
.timeline {
    list-style: none;
    padding: 0;
    position: relative;
}

    .timeline::before {
        content: '';
        position: absolute;
        top: 5px;
        left: 15px;
        height: calc(100% - 10px);
        width: 3px;
        background: #e0e0e0;
        border-radius: 2px;
    }

.timeline-item {
    position: relative;
    margin-bottom: 1.5rem;
    padding-left: 50px;
}

.timeline-icon {
    position: absolute;
    left: 0;
    top: 5px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    z-index: 1;
}

.timeline-content {
    background-color: #ffffff;
    padding: 1.25rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

    .timeline-content h6 {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 0.5rem;
        color: #34495e;
    }

/* --- ✨ ICON STYLES BASED ON STATUS ✨ --- */

/* ✅ Delivered (Latest Status) */
.status-delivered .timeline-icon {
    border-color: #2ecc71;
    background-color: #2ecc71;
    color: white;
    animation: pulse 1.5s infinite;
}

    .status-delivered .timeline-icon::before {
        content: '✔';
    }

/* 🚚 Dispatched / Out for Delivery */
.status-dispatched .timeline-icon {
    border-color: #3498db;
}

    .status-dispatched .timeline-icon::before {
        content: '🚚';
    }

/* ✈️ In Transit */
.status-in-transit .timeline-icon {
    border-color: #9b59b6;
}

    .status-in-transit .timeline-icon::before {
        content: '✈️';
    }

/* 📦 Manifested / Order Confirmed */
.status-manifested .timeline-icon {
    border-color: #f39c12;
}

    .status-manifested .timeline-icon::before {
        content: '📦';
    }

/* 🕒 Pending */
.status-pending .timeline-icon {
    border-color: #e67e22;
}

    .status-pending .timeline-icon::before {
        content: '🕒';
    }

/* Gray out the icons of all previous steps */
.status-delivered ~ .timeline-item .timeline-icon {
    border-color: #bdc3c7; /* Make previous steps gray */
    background-color: #f0f0f0;
}


/* --- Animation for the latest status --- */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(46, 204, 113, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
    }
}
/* --- Responsive Design --- */
@media (max-width: 600px) {
   

    .timeline-item {
        padding-left: 45px;
    }

    .timeline-icon {
        width: 28px;
        height: 28px;
        left: 0px;
        font-size: 14px;
    }
}
/* Loader Overlay Styles */
/* The loader overlay, initially hidden */
#loader-overlay {
    position: fixed; /* Sits on top of all other content */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* White with transparency */
    z-index: 9999; /* Ensures it's on top */
    display: none; /* Hidden by default, shown via JavaScript */
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px); /* Adds a modern blur effect to the background */
}

/* The spinning animation element */
.spinner {
    border: 8px solid #f3f3f3; /* Light grey base */
    border-top: 8px solid #0d6efd; /* Bootstrap primary blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite; /* The animation magic */
}

/* The keyframe animation for the spinning effect */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* END Loader Overlay Styles  */

@supports (-webkit-touch-callout: none) {
    /* Safari-specific tweak */
    .form-check-inline {
        display: inline-flex;
        flex-direction: row !important;
        white-space: nowrap;
    }
}
@media screen and (min-width: 1560px) {
    .extra-large-layout .badge {
        padding: 2px 4px 2px 4px !important;
    }
}
.order-info dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.order-info dt,
.order-info dd {
    padding: 6px 0;
    margin: 0;
}

/* Default: side-by-side (label 40% / value 60%) */
.order-info dt {
    width: 40%;
    font-weight: 600;
}

.order-info dd {
    width: 60%;
    text-align: right;
}

/* For very small screens */
@media(max-width: 480px) {
    .order-info dt {
        width: 45%;
    }

    .order-info dd {
        width: 55%;
    }
}