@keyframes animation-loader-bg {
    0%,100% {
        background-color: rgba(153,153,153,.4)
    }

    50% {
        background-color: rgba(153,153,153,.2)
    }
}

@keyframes processing {
    from {
        left: -1.5rem
    }

    to {
        left: calc(100% - 1rem)
    }
}

@font-face {
    font-family: "Proxima Nova W10";
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/5984fa39-765d-4d41-aab0-3ecb15e4ea87.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/5984fa39-765d-4d41-aab0-3ecb15e4ea87.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/5984fa39-765d-4d41-aab0-3ecb15e4ea87.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/5984fa39-765d-4d41-aab0-3ecb15e4ea87.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6ecdbc91-8f9f-4613-9bc9-6b2c98838cb1.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6ecdbc91-8f9f-4613-9bc9-6b2c98838cb1.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6ecdbc91-8f9f-4613-9bc9-6b2c98838cb1.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6ecdbc91-8f9f-4613-9bc9-6b2c98838cb1.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6efa3fca-282c-41f0-97bd-31fe03e72fa0.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6efa3fca-282c-41f0-97bd-31fe03e72fa0.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6efa3fca-282c-41f0-97bd-31fe03e72fa0.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/6efa3fca-282c-41f0-97bd-31fe03e72fa0.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/9d545f35-653b-4bda-bcca-18c50323818c.svg#9d545f35-653b-4bda-bcca-18c50323818c") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/9d545f35-653b-4bda-bcca-18c50323818c.svg#9d545f35-653b-4bda-bcca-18c50323818c") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/9d545f35-653b-4bda-bcca-18c50323818c.svg#9d545f35-653b-4bda-bcca-18c50323818c") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light-cyrillic/9d545f35-653b-4bda-bcca-18c50323818c.svg#9d545f35-653b-4bda-bcca-18c50323818c") format("svg")
}

@font-face {
    font-family: "Proxima Nova W10";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/3e1dc849-8cf8-490f-9e93-d1eee5675330.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/3e1dc849-8cf8-490f-9e93-d1eee5675330.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/3e1dc849-8cf8-490f-9e93-d1eee5675330.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/3e1dc849-8cf8-490f-9e93-d1eee5675330.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/e15c0826-3860-4fb4-8068-47276558d5ef.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/e15c0826-3860-4fb4-8068-47276558d5ef.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/e15c0826-3860-4fb4-8068-47276558d5ef.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/e15c0826-3860-4fb4-8068-47276558d5ef.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/df53717d-1fe7-4b54-939c-9130de4d6fa0.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/df53717d-1fe7-4b54-939c-9130de4d6fa0.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/df53717d-1fe7-4b54-939c-9130de4d6fa0.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/df53717d-1fe7-4b54-939c-9130de4d6fa0.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/8f12b8e3-b12f-42c6-89ab-aa3143e116d1.svg#8f12b8e3-b12f-42c6-89ab-aa3143e116d1") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/8f12b8e3-b12f-42c6-89ab-aa3143e116d1.svg#8f12b8e3-b12f-42c6-89ab-aa3143e116d1") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/8f12b8e3-b12f-42c6-89ab-aa3143e116d1.svg#8f12b8e3-b12f-42c6-89ab-aa3143e116d1") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-medium-cyrillic/8f12b8e3-b12f-42c6-89ab-aa3143e116d1.svg#8f12b8e3-b12f-42c6-89ab-aa3143e116d1") format("svg")
}

@font-face {
    font-family: "Proxima Nova W10";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/90d1b963-fdd8-421a-b0c0-a50ad267d9e0.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/90d1b963-fdd8-421a-b0c0-a50ad267d9e0.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/90d1b963-fdd8-421a-b0c0-a50ad267d9e0.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/90d1b963-fdd8-421a-b0c0-a50ad267d9e0.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/2a3eecdd-8017-4783-915e-fba416c042da.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/2a3eecdd-8017-4783-915e-fba416c042da.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/2a3eecdd-8017-4783-915e-fba416c042da.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/2a3eecdd-8017-4783-915e-fba416c042da.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/6fdd5814-34a1-435b-abab-7cdbfca58478.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/6fdd5814-34a1-435b-abab-7cdbfca58478.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/6fdd5814-34a1-435b-abab-7cdbfca58478.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/6fdd5814-34a1-435b-abab-7cdbfca58478.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/045f9457-353b-4c90-a9d1-b2b3b44551cc.svg#045f9457-353b-4c90-a9d1-b2b3b44551cc") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/045f9457-353b-4c90-a9d1-b2b3b44551cc.svg#045f9457-353b-4c90-a9d1-b2b3b44551cc") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/045f9457-353b-4c90-a9d1-b2b3b44551cc.svg#045f9457-353b-4c90-a9d1-b2b3b44551cc") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold-cyrillic/045f9457-353b-4c90-a9d1-b2b3b44551cc.svg#045f9457-353b-4c90-a9d1-b2b3b44551cc") format("svg")
}

@font-face {
    font-family: "Proxima Nova W10";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/900734c7-277f-466b-a32d-2e89b6bb4c0c.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/900734c7-277f-466b-a32d-2e89b6bb4c0c.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/900734c7-277f-466b-a32d-2e89b6bb4c0c.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/900734c7-277f-466b-a32d-2e89b6bb4c0c.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/967e80a8-e866-45db-a45b-46bd5a5cd901.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/967e80a8-e866-45db-a45b-46bd5a5cd901.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/967e80a8-e866-45db-a45b-46bd5a5cd901.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/967e80a8-e866-45db-a45b-46bd5a5cd901.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/5941dac3-8a82-4fe3-af6e-38921cbc0d86.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/5941dac3-8a82-4fe3-af6e-38921cbc0d86.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/5941dac3-8a82-4fe3-af6e-38921cbc0d86.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/5941dac3-8a82-4fe3-af6e-38921cbc0d86.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/831e7b75-679b-4120-ae9e-d4ea9b0b919c.svg#831e7b75-679b-4120-ae9e-d4ea9b0b919c") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/831e7b75-679b-4120-ae9e-d4ea9b0b919c.svg#831e7b75-679b-4120-ae9e-d4ea9b0b919c") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/831e7b75-679b-4120-ae9e-d4ea9b0b919c.svg#831e7b75-679b-4120-ae9e-d4ea9b0b919c") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold-cyrillic/831e7b75-679b-4120-ae9e-d4ea9b0b919c.svg#831e7b75-679b-4120-ae9e-d4ea9b0b919c") format("svg")
}

@font-face {
    font-family: "Proxima Nova W10";
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/f95555b7-26d6-4e09-8c69-eb3e3a865b27.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/f95555b7-26d6-4e09-8c69-eb3e3a865b27.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/f95555b7-26d6-4e09-8c69-eb3e3a865b27.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/f95555b7-26d6-4e09-8c69-eb3e3a865b27.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/4650234f-c266-4528-a258-6b8343d23110.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/4650234f-c266-4528-a258-6b8343d23110.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/4650234f-c266-4528-a258-6b8343d23110.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/4650234f-c266-4528-a258-6b8343d23110.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/2863c141-0354-4869-bef4-8ca7d60e6828.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/2863c141-0354-4869-bef4-8ca7d60e6828.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/2863c141-0354-4869-bef4-8ca7d60e6828.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/2863c141-0354-4869-bef4-8ca7d60e6828.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/d7cad8f0-5565-4736-ade8-47002789b8ab.svg#d7cad8f0-5565-4736-ade8-47002789b8ab") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/d7cad8f0-5565-4736-ade8-47002789b8ab.svg#d7cad8f0-5565-4736-ade8-47002789b8ab") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/d7cad8f0-5565-4736-ade8-47002789b8ab.svg#d7cad8f0-5565-4736-ade8-47002789b8ab") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold-cyrillic/d7cad8f0-5565-4736-ade8-47002789b8ab.svg#d7cad8f0-5565-4736-ade8-47002789b8ab") format("svg")
}

@font-face {
    font-family: "Proxima Nova W10";
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black-cyrillic/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg")
}

@font-face {
    font-family: ProximaNova;
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/7e36b526-9c4e-4d9e-b125-882b559cb226.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/7e36b526-9c4e-4d9e-b125-882b559cb226.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/7e36b526-9c4e-4d9e-b125-882b559cb226.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light/7e36b526-9c4e-4d9e-b125-882b559cb226.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/978c0880-c171-4791-b0cd-64854b401b0f.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/978c0880-c171-4791-b0cd-64854b401b0f.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/978c0880-c171-4791-b0cd-64854b401b0f.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light/978c0880-c171-4791-b0cd-64854b401b0f.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/8eee92a1-1e33-4c77-b7ce-85da60d3809d.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/8eee92a1-1e33-4c77-b7ce-85da60d3809d.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/8eee92a1-1e33-4c77-b7ce-85da60d3809d.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light/8eee92a1-1e33-4c77-b7ce-85da60d3809d.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/cdea7c46-5628-43f5-9031-f810d4c4598c.svg#cdea7c46-5628-43f5-9031-f810d4c4598c") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/cdea7c46-5628-43f5-9031-f810d4c4598c.svg#cdea7c46-5628-43f5-9031-f810d4c4598c") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-light/cdea7c46-5628-43f5-9031-f810d4c4598c.svg#cdea7c46-5628-43f5-9031-f810d4c4598c") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-light/cdea7c46-5628-43f5-9031-f810d4c4598c.svg#cdea7c46-5628-43f5-9031-f810d4c4598c") format("svg")
}

@font-face {
    font-family: ProximaNova;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/2f984d7d-ee4e-4936-8288-fe7f8637788f.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/2f984d7d-ee4e-4936-8288-fe7f8637788f.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/2f984d7d-ee4e-4936-8288-fe7f8637788f.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-regular/2f984d7d-ee4e-4936-8288-fe7f8637788f.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/74df122e-b294-4b16-a1fd-308654b1c664.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/74df122e-b294-4b16-a1fd-308654b1c664.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/74df122e-b294-4b16-a1fd-308654b1c664.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-regular/74df122e-b294-4b16-a1fd-308654b1c664.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/7389e916-8cc8-4f82-9de6-4174b4ea5dd5.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/7389e916-8cc8-4f82-9de6-4174b4ea5dd5.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/7389e916-8cc8-4f82-9de6-4174b4ea5dd5.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-regular/7389e916-8cc8-4f82-9de6-4174b4ea5dd5.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/67059dfa-2992-46b3-a928-def96c0f85fe.svg#67059dfa-2992-46b3-a928-def96c0f85fe") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/67059dfa-2992-46b3-a928-def96c0f85fe.svg#67059dfa-2992-46b3-a928-def96c0f85fe") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-regular/67059dfa-2992-46b3-a928-def96c0f85fe.svg#67059dfa-2992-46b3-a928-def96c0f85fe") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-regular/67059dfa-2992-46b3-a928-def96c0f85fe.svg#67059dfa-2992-46b3-a928-def96c0f85fe") format("svg")
}

@font-face {
    font-family: ProximaNova;
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/ef5b26a4-7dc7-4234-9b93-0c9c0fadd85d.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/ef5b26a4-7dc7-4234-9b93-0c9c0fadd85d.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/ef5b26a4-7dc7-4234-9b93-0c9c0fadd85d.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold/ef5b26a4-7dc7-4234-9b93-0c9c0fadd85d.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/11063ead-72ce-471f-9c94-697b0a2acedb.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/11063ead-72ce-471f-9c94-697b0a2acedb.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/11063ead-72ce-471f-9c94-697b0a2acedb.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold/11063ead-72ce-471f-9c94-697b0a2acedb.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/bfb11b96-6d58-46c7-9d38-6dafbceffd44.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/bfb11b96-6d58-46c7-9d38-6dafbceffd44.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/bfb11b96-6d58-46c7-9d38-6dafbceffd44.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold/bfb11b96-6d58-46c7-9d38-6dafbceffd44.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/033a4cc6-8a9b-4bc2-9505-c92af71ba166.svg#033a4cc6-8a9b-4bc2-9505-c92af71ba166") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/033a4cc6-8a9b-4bc2-9505-c92af71ba166.svg#033a4cc6-8a9b-4bc2-9505-c92af71ba166") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-semibold/033a4cc6-8a9b-4bc2-9505-c92af71ba166.svg#033a4cc6-8a9b-4bc2-9505-c92af71ba166") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-semibold/033a4cc6-8a9b-4bc2-9505-c92af71ba166.svg#033a4cc6-8a9b-4bc2-9505-c92af71ba166") format("svg")
}

@font-face {
    font-family: ProximaNova;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/301b29be-a6b5-467a-ba10-926b40436a87.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/301b29be-a6b5-467a-ba10-926b40436a87.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/301b29be-a6b5-467a-ba10-926b40436a87.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold/301b29be-a6b5-467a-ba10-926b40436a87.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/a01242ac-07ee-44eb-97b4-3f6df729e51a.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/a01242ac-07ee-44eb-97b4-3f6df729e51a.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/a01242ac-07ee-44eb-97b4-3f6df729e51a.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold/a01242ac-07ee-44eb-97b4-3f6df729e51a.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/713e8042-cdd9-4f87-b79b-59bb8e43daca.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/713e8042-cdd9-4f87-b79b-59bb8e43daca.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/713e8042-cdd9-4f87-b79b-59bb8e43daca.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold/713e8042-cdd9-4f87-b79b-59bb8e43daca.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/b39f961b-4c68-4114-8a71-76bfe004cf14.svg#b39f961b-4c68-4114-8a71-76bfe004cf14") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/b39f961b-4c68-4114-8a71-76bfe004cf14.svg#b39f961b-4c68-4114-8a71-76bfe004cf14") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-bold/b39f961b-4c68-4114-8a71-76bfe004cf14.svg#b39f961b-4c68-4114-8a71-76bfe004cf14") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-bold/b39f961b-4c68-4114-8a71-76bfe004cf14.svg#b39f961b-4c68-4114-8a71-76bfe004cf14") format("svg")
}

@font-face {
    font-family: ProximaNova;
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/fc89076c-e531-4a6c-a0a0-cb26387f4260.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/fc89076c-e531-4a6c-a0a0-cb26387f4260.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/fc89076c-e531-4a6c-a0a0-cb26387f4260.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold/fc89076c-e531-4a6c-a0a0-cb26387f4260.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/0333c78e-0245-4dd1-91f0-95e76486e4fe.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/0333c78e-0245-4dd1-91f0-95e76486e4fe.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/0333c78e-0245-4dd1-91f0-95e76486e4fe.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold/0333c78e-0245-4dd1-91f0-95e76486e4fe.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/075af3d9-ba60-4f41-8fa1-fc89feed423d.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/075af3d9-ba60-4f41-8fa1-fc89feed423d.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/075af3d9-ba60-4f41-8fa1-fc89feed423d.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold/075af3d9-ba60-4f41-8fa1-fc89feed423d.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/7eec8f01-73b9-4a88-a52d-6e36ef34ccec.svg#7eec8f01-73b9-4a88-a52d-6e36ef34ccec") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/7eec8f01-73b9-4a88-a52d-6e36ef34ccec.svg#7eec8f01-73b9-4a88-a52d-6e36ef34ccec") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-extrabold/7eec8f01-73b9-4a88-a52d-6e36ef34ccec.svg#7eec8f01-73b9-4a88-a52d-6e36ef34ccec") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-extrabold/7eec8f01-73b9-4a88-a52d-6e36ef34ccec.svg#7eec8f01-73b9-4a88-a52d-6e36ef34ccec") format("svg")
}

@font-face {
    font-family: ProximaNova;
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black/301904b9-fe52-494e-aeca-bb946a866993.woff2") format("woff2"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black/ab408b66-5692-4473-b167-5819ca620b83.woff") format("woff"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black/19260682-1047-465b-b29b-66c48ea2e00e.ttf") format("truetype"),url("https://www.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg"),url("https://www.ecom.atomic.com/fr-fr/shop-emea/static/frontend/Atomic/default/default/fonts/proxima-nova-black/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg"),url("../../frontend/Atomic/default/default/fonts/proxima-nova-black/3943e845-1e8d-442c-b4fd-222b664b7e35.svg#3943e845-1e8d-442c-b4fd-222b664b7e35") format("svg")
}

body {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.4rem;
    line-height: 1.57;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
    background-color: #fff;
    text-align: left
}

:root {
    --header-height: 6rem
}

html {
    overflow-y: auto
}

body.-locked {
    padding-right: var(--browser-padding);
    touch-action: none
}

body.-locked header.header.-sticky {
    position: fixed!important;
    width: 100%
}

main {
    flex: 1
}

form p.required {
    text-align: right;
    color: #ed1e45
}

form p.required:before {
    content: '* '
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    overflow: hidden
}

a,a:hover {
    color: currentColor
}

p a {
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    text-decoration: underline
}

p a:focus,p a:hover {
    color: #ed1847;
    text-decoration: underline
}

button:focus {
    outline: 0
}

picture {
    overflow: hidden;
    line-height: 0
}

picture img {
    width: 100%;
    height: 100%;
    transition: opacity .5s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

picture.-lazy img {
    transition: none;
    opacity: 0
}

@media (min-width: 64em) {
    :root {
        --header-height:calc(8rem + 4rem)
    }
}

@media (min-width: 80em) {
    body {
        font-size:1.6rem;
        line-height: 1.5
    }
}

@keyframes animation-loader-bg {
    0%,100% {
        background-color: rgba(153,153,153,.4)
    }

    50% {
        background-color: rgba(153,153,153,.2)
    }
}

@keyframes processing {
    from {
        left: -1.5rem
    }

    to {
        left: calc(100% - 1rem)
    }
}

.stretched-link-b:before,.stretched-link:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: auto
}

@keyframes animation-loader-bg {
    0%,100% {
        background-color: rgba(153,153,153,.4)
    }

    50% {
        background-color: rgba(153,153,153,.2)
    }
}

@keyframes processing {
    from {
        left: -1.5rem
    }

    to {
        left: calc(100% - 1rem)
    }
}

.loading-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2;
    background-color: rgba(255,255,255,.7);
    pointer-events: none
}

.grid-debug-display .s-container {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 50%;
    height: 100vh;
    transform: translateX(-50%);
    pointer-events: none
}

.grid-debug-display .s-row {
    height: 100%;
    margin: 0 -4px
}

.grid-debug-display .s-col {
    flex: 0 0 25%;
    max-width: 25%;
    height: 100%;
    padding: 0 4px
}

.grid-debug-display .s-col div {
    width: 100%;
    height: 100%;
    background: rgba(237,24,71,.3)
}

.body,.text {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.4rem;
    line-height: 1.57
}

@keyframes loader-line {
    0% {
        transform: translateX(-100%);
        opacity: 1
    }

    95% {
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes loader-rounded {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.loader,.loader-rounded,.loading-mask .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-80%);
    pointer-events: none
}

.-content-loaded .loader,.-content-loaded .loader-rounded {
    display: none
}

body.-cart-loading .loading-mask,body[aria-busy=false]:not(.-loaded) .loading-mask,body[aria-busy=true] .loading-mask {
    display: block
}

body.-noloader .loading-mask {
    display: none
}

.loader_content {
    position: relative;
    overflow: hidden
}

.loader_content:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .2rem;
    animation: 1s cubic-bezier(.645,.045,.355,1) infinite loader-line;
    background: #000
}

.-error .loader_content:after {
    visibility: hidden
}

.loader_logo {
    position: relative;
    margin: 0
}

.loader_logo .icon-item {
    width: 8rem;
    height: 8rem
}

.loader_error {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: red;
    font-size: 1.2rem;
    text-align: center;
    white-space: nowrap
}

.-error .loader_error {
    display: block
}

.loader-rounded,.loading-mask .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background: #fff;
    pointer-events: none
}

.-light-grey.loader-rounded,.loading-mask .-light-grey.loader {
    background: #666
}

.-light-grey.loader-rounded:after,.loading-mask .-light-grey.loader:after {
    border-top-color: #000
}

.loader-rounded:after,.loading-mask .loader:after {
    content: "";
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    animation: 1s linear infinite loader-rounded;
    border: .2rem solid transparent;
    border-radius: 50%;
    border-top-color: #000
}

.loader-rounded img,.loader-rounded p,.loading-mask .loader img,.loading-mask .loader p {
    display: none
}

.loader-transparent {
    background: rgba(0,0,0,0)
}

.simplebar-wrapper {
    width: inherit;
    max-width: inherit;
    height: inherit;
    max-height: inherit;
    overflow: hidden
}

.simplebar-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: auto!important;
    height: auto!important;
    margin: 0;
    padding: 0;
    direction: inherit;
    overflow: hidden
}

.simplebar-offset {
    position: absolute;
    z-index: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit!important;
    margin: 0;
    padding: 0;
    direction: inherit!important;
    resize: none!important
}

.simplebar-content-wrapper {
    display: block;
    position: relative;
    box-sizing: border-box!important;
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    direction: inherit;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simplebar-hide-scrollbar {
    visibility: hidden;
    position: fixed;
    left: 0;
    overflow-y: scroll;
    scrollbar-width: none
}

.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simplebar-content:after,.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    position: relative;
    z-index: -1;
    box-sizing: inherit!important;
    flex: inherit 0 0;
    width: 100%;
    max-width: .1rem;
    height: 100%;
    max-height: .1rem;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
    pointer-events: none
}

.simplebar-height-auto-observer {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    box-sizing: inherit;
    width: 1000%;
    min-width: .1rem;
    height: 1000%;
    min-height: .1rem;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.simplebar-scrollbar {
    position: absolute;
    right: 0;
    left: 0;
    min-height: 1rem
}

.simplebar-scrollbar:before {
    content: "";
    position: absolute;
    right: .2rem;
    left: .2rem;
    transition: opacity .3s cubic-bezier(.645,.045,.355,1);
    border-radius: .7rem;
    opacity: 0
}

.simplebar-visible.simplebar-scrollbar:before {
    transition: opacity linear;
    opacity: 1
}

.simplebar-track {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none
}

.simplebar-vertical.simplebar-track {
    top: 0;
    width: 1.1rem
}

.simplebar-vertical.simplebar-track .simplebar-scrollbar:before {
    top: .2rem;
    bottom: .2rem
}

.simplebar-horizontal.simplebar-track {
    left: 0;
    height: 1.1rem
}

.simplebar-horizontal.simplebar-track .simplebar-scrollbar {
    top: .2rem;
    right: auto;
    left: 0;
    width: auto;
    min-width: 1rem;
    height: .7rem;
    min-height: 0
}

.simplebar-horizontal.simplebar-track .simplebar-scrollbar:before {
    right: .2rem;
    left: .2rem;
    height: 100%
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    visibility: hidden;
    position: fixed;
    width: 50rem;
    height: 50rem;
    overflow-x: scroll;
    overflow-y: hidden;
    opacity: 0
}

[data-simplebar] {
    position: relative;
    flex-flow: column wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start
}

.simplebar-dragging[data-simplebar] .simplebar-content {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.simplebar-dragging[data-simplebar] .simplebar-track {
    pointer-events: all
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.loading-mask .loader {
    background: rgba(0,0,0,0)
}

@media (min-width: 48em) {
    .grid-debug-display .s-row {
        margin:0 -8px
    }

    .grid-debug-display .s-col {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        padding: 0 8px
    }

    .loader_logo .icon-item {
        width: 10rem;
        height: 10rem
    }
}

@media (min-width: 64em) {
    .loader-rounded,.loading-mask .loader {
        width:5rem;
        height: 5rem
    }

    .loader-rounded:after,.loading-mask .loader:after {
        border-width: .3rem
    }
}

@media (min-width: 80em) {
    .body,.text {
        font-size:1.6rem;
        line-height: 1.5
    }
}

.mini-cart_btn-remove .icon-item {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0,0,.17,1);
    width: 1.6rem;
    height: 1.6rem
}

@keyframes animation-loader-bg {
    0%,100% {
        background-color: rgba(153,153,153,.4)
    }

    50% {
        background-color: rgba(153,153,153,.2)
    }
}

.-processing .mini-cart_progress .price,.mini-cart.-processing .mini-cart_title span,.mini-cart.-processing .mini-cart_total .price,.mini-cart_list>ul .-processing .mini-cart_product-qty .qty,.mini-cart_list>ul .-processing .price {
    position: relative;
    overflow: hidden;
    color: #333
}

.-processing .mini-cart_progress .price:before,.mini-cart.-processing .mini-cart_title span:before,.mini-cart.-processing .mini-cart_total .price:before,.mini-cart_list>ul .-processing .mini-cart_product-qty .qty:before,.mini-cart_list>ul .-processing .price:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4rem;
    animation: .5s linear infinite alternate processing;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,#f5f5f5 46%,rgba(255,255,255,0) 100%)
}

@keyframes processing {
    from {
        left: -1.5rem
    }

    to {
        left: calc(100% - 1rem)
    }
}

.input-checkbox input.focus-visible+label,.input-checkbox input:focus-visible+label {
    outline: #009ccc solid .2rem
}

.app-teaser_screen,.collection-teaser_picture-landscape img,.collection-teaser_picture-square img,.input-color input+label .color-inner:before,.input-color input+label:after,.input-color input+label:before,.input-size input+label:after,.input-size>button:after,.item-slider:not(.-single-slide) .video-card_video:after,.product-tile_variations li:before,.product-tile_variations picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bv-reviews,.partners {
    max-width: 144rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

.app-teaser,.full-screen-image {
    --grid-full: 4;
    --grid-half: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    column-gap: 8px
}

.-line-bottom.template-title,.-line-top.template-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.template-title:before,.-line-top.template-title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.template-title:before {
    order: 0
}

.-size-h1.titleblock_title,.compare-empty_title,.event-teaser_title,.faq-header_title,.gripwalk-header_title,.header-landing-hero_title,.template-title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3.2rem;
    line-height: .88;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-size-h1.titleblock_title:before,.compare-empty_title:before,.event-teaser_title:before,.faq-header_title:before,.gripwalk-header_title:before,.header-landing-hero_title:before,.template-title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3.4rem;
    height: .5rem
}

.-line-top.-size-h1.titleblock_title:before,.-line-top.compare-empty_title:before,.-line-top.event-teaser_title:before,.-line-top.faq-header_title:before,.-line-top.gripwalk-header_title:before,.-line-top.header-landing-hero_title:before,.-line-top.template-title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.countdown_title,.search-input input[type=text].search-input_input {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3.2rem;
    line-height: .88
}

.-line-bottom.countdown_title,.-line-top.countdown_title,.search-input input.-line-bottom[type=text].search-input_input,.search-input input.-line-top[type=text].search-input_input {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.countdown_title:before,.-line-top.countdown_title:before,.search-input input.-line-bottom[type=text].search-input_input:before,.search-input input.-line-top[type=text].search-input_input:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.countdown_title:before,.search-input input.-line-top[type=text].search-input_input:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.countdown_title:before,.search-input input[type=text].search-input_input:before {
    width: 3.4rem;
    height: .5rem
}

.athlete-details_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3.2rem;
    line-height: .88;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    order: -3
}

.athlete-details_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3.4rem;
    height: .5rem
}

.-line-top.athlete-details_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.apc-partners_title,.career_item-content-title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: .86
}

.-line-bottom.apc-partners_title,.-line-bottom.career_item-content-title,.-line-top.apc-partners_title,.-line-top.career_item-content-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.apc-partners_title:before,.-line-bottom.career_item-content-title:before,.-line-top.apc-partners_title:before,.-line-top.career_item-content-title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.apc-partners_title:before,.-line-top.career_item-content-title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.apc-partners_title:before,.career_item-content-title:before {
    width: 3.2rem;
    height: .4rem
}

.-size-h2.titleblock_title,.apc-partners_title,.app-teaser_title,.full-screen-image_title,.gripwalk-table_title,.image-teaser-item_title,.link-teaser_title,.quick-shop-2_title,.title-and-button_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: .86;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-size-h2.titleblock_title:before,.apc-partners_title:before,.app-teaser_title:before,.full-screen-image_title:before,.gripwalk-table_title:before,.image-teaser-item_title:before,.link-teaser_title:before,.quick-shop-2_title:before,.title-and-button_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3.2rem;
    height: .4rem
}

.-line-top.-size-h2.titleblock_title:before,.-line-top.apc-partners_title:before,.-line-top.app-teaser_title:before,.-line-top.full-screen-image_title:before,.-line-top.gripwalk-table_title:before,.-line-top.image-teaser-item_title:before,.-line-top.link-teaser_title:before,.-line-top.quick-shop-2_title:before,.-line-top.title-and-button_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.sbsb-title_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 2.8rem;
    line-height: .86;
    font-weight: 400;
    letter-spacing: -.03em;
    text-transform: none
}

.-line-bottom.sbsb-title_title,.-line-top.sbsb-title_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.sbsb-title_title:before,.-line-top.sbsb-title_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.sbsb-title_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.sbsb-title_title:before {
    width: 3.2rem;
    height: .4rem
}

.merch-tile_content .title,.quoteblock_quote,.squarelovin-teaser_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83
}

.-line-bottom.quoteblock_quote,.-line-bottom.squarelovin-teaser_title,.-line-top.quoteblock_quote,.-line-top.squarelovin-teaser_title,.merch-tile_content .-line-bottom.title,.merch-tile_content .-line-top.title {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.quoteblock_quote:before,.-line-bottom.squarelovin-teaser_title:before,.-line-top.quoteblock_quote:before,.-line-top.squarelovin-teaser_title:before,.merch-tile_content .-line-bottom.title:before,.merch-tile_content .-line-top.title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.quoteblock_quote:before,.-line-top.squarelovin-teaser_title:before,.merch-tile_content .-line-top.title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.merch-tile_content .title:before,.quoteblock_quote:before,.squarelovin-teaser_title:before {
    width: 3rem;
    height: .4rem
}

.-size-h3.titleblock_title,.bv-reviews-title,.career_title,.contact-box_title,.link-teaser-item .link-teaser-item_title,.magazine-teaser_title,.partners_title,.pop-up-content_title,.procedure_title,.product-teaser-title,.quick-shop_title,.quoteblock_quote,.squarelovin-teaser_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-size-h3.titleblock_title:before,.bv-reviews-title:before,.career_title:before,.contact-box_title:before,.link-teaser-item .link-teaser-item_title:before,.magazine-teaser_title:before,.partners_title:before,.pop-up-content_title:before,.procedure_title:before,.product-teaser-title:before,.quick-shop_title:before,.quoteblock_quote:before,.squarelovin-teaser_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3rem;
    height: .4rem
}

.-line-top.-size-h3.titleblock_title:before,.-line-top.bv-reviews-title:before,.-line-top.career_title:before,.-line-top.contact-box_title:before,.-line-top.magazine-teaser_title:before,.-line-top.partners_title:before,.-line-top.pop-up-content_title:before,.-line-top.procedure_title:before,.-line-top.product-teaser-title:before,.-line-top.quick-shop_title:before,.-line-top.quoteblock_quote:before,.-line-top.squarelovin-teaser_title:before,.link-teaser-item .-line-top.link-teaser-item_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.boot-popup-item_title,.sbsb-product-info-product-card_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 2rem;
    line-height: 1.2
}

.-line-bottom.boot-popup-item_title,.-line-bottom.sbsb-product-info-product-card_title,.-line-top.boot-popup-item_title,.-line-top.sbsb-product-info-product-card_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.boot-popup-item_title:before,.-line-bottom.sbsb-product-info-product-card_title:before,.-line-top.boot-popup-item_title:before,.-line-top.sbsb-product-info-product-card_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.boot-popup-item_title:before,.-line-top.sbsb-product-info-product-card_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.-size-h4.titleblock_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-size-h4.titleblock_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.-size-h4.titleblock_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.athlete-details_item-title,.downloadbox_title,.lens-chart-legend_title,.magazine-title_date,.textblock_title,.titleblock_subtitle {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .4em;
    text-transform: uppercase
}

.-line-bottom.athlete-details_item-title,.-line-bottom.downloadbox_title,.-line-bottom.lens-chart-legend_title,.-line-bottom.magazine-title_date,.-line-bottom.textblock_title,.-line-bottom.titleblock_subtitle,.-line-top.athlete-details_item-title,.-line-top.downloadbox_title,.-line-top.lens-chart-legend_title,.-line-top.magazine-title_date,.-line-top.textblock_title,.-line-top.titleblock_subtitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.athlete-details_item-title:before,.-line-bottom.downloadbox_title:before,.-line-bottom.lens-chart-legend_title:before,.-line-bottom.magazine-title_date:before,.-line-bottom.textblock_title:before,.-line-bottom.titleblock_subtitle:before,.-line-top.athlete-details_item-title:before,.-line-top.downloadbox_title:before,.-line-top.lens-chart-legend_title:before,.-line-top.magazine-title_date:before,.-line-top.textblock_title:before,.-line-top.titleblock_subtitle:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.athlete-details_item-title:before,.-line-top.downloadbox_title:before,.-line-top.lens-chart-legend_title:before,.-line-top.magazine-title_date:before,.-line-top.textblock_title:before,.-line-top.titleblock_subtitle:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.apc-partners-item_info,.certificates_filter-btn sup,.event-teaser-card_info-label,.event-teaser-card_tag,.field .control .field-tooltip .label,.field .control .field-tooltip-content,.field .control .note,.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error,.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter])[for],.field .control input+div:not([data-role=password-strength-meter]).field-error,.field .control input+div:not([data-role=password-strength-meter])[for],.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error,.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter])[for],.field .control select+div:not([data-role=password-strength-meter]).field-error,.field .control select+div:not([data-role=password-strength-meter])[for],.field label.label:first-child span,.filters-actions_content .counter,.filters-actions_content .input-color .a11y-sr-only,.input-checkbox input+div,.input-checkbox-required,.input-color input+label .color-inner .label,.input-consent .mage-error,.input-help,.input-label,.items-in-cart .minicart-items-wrapper .cart-price .discount,.items-in-cart .minicart-items-wrapper .cart-price .discount .price,.items-in-cart .minicart-items-wrapper .cart-price .old-price,.items-in-cart .minicart-items-wrapper .cart-price .old-price .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price .price,.layout-size-tables table tr td,.layout-size-tables table tr th,.magazine-footer_tags>*,.magazine-teaser-item_date,.message-banner .navigation-item_link .-label,.mini-cart_count,.mini-cart_product-options,.mini-cart_product-options>li,.mini-cart_product-price .discount,.mini-cart_product-price .discount .price,.mini-cart_product-price .old-price,.mini-cart_product-price .old-price .price,.mini-cart_total .notice,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price .price,.product-price.-pdp .discount,.product-price.-pdp .new,.product-price.-plp .discount,.product-price.-plp .old-price,.product-price.-product-box .old-price,.product-price.-product-bundle .old-price,.product-price.-product-bundle .price,.product-ranking .bv-write-review-link,.product-ranking_rating,.product-tile_sizes li.-coming-soon,.product-tile_sizes li.-not-sold-online,.product-tile_sizes li.-online-only,.product-tile_sizes li.-out-of-stock,.quick-shop_card-price .product-price.-pdp .old-price,.quick-shop_card-size-btn,.reusable-block_title,.sbsb-product-info-product-card_section,.sbsb-product-info-text-card_title,.split-teaser_text,.table-totals .notice,.three-column-layout_item-title,.topbar-navigation .navigation-item_link .-label,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info .squarelovin-bordered-hover-name,input-help,input-label,input.mage-error+.mage-error,input.mage-error+label+.mage-error,input[type=checkbox]+div,select.mage-error+.mage-error,textarea.mage-error+.mage-error {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.2rem;
    line-height: 1.33
}

.-big.select-button,.apc-partners-item_title,.career,.career_item-content-summary,.certificates_search-box .icon-item,.collection-teaser_copy,.field .control select,.filters-actions_content .show-explanation+p,.header-landing-product_price,.header-landing-product_title,.header-navigation .navigation-item_sublink,.input-checkbox input+div+label,.input-checkbox input+label,.input[type=email],.input[type=number],.input[type=password],.input[type=text],.items-in-cart .minicart-items-wrapper .cart-price .price,.items-in-cart .minicart-items-wrapper .cart-price .price-container,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price-container,.magazine-teaser-item_category,.message-banner .navigation-item_sublink,.mini-cart_product-price .price,.mini-cart_product-price .price-container,.mini-cart_product-qty .qty,.mini-cart_product-title,.mini-cart_total,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price-container,.opc-progress-bar-item,.opc-progress-bar-item>span:before,.product-price .not-saleable,.product-price .old-price,.product-price.-mpb .discount,.product-price.-plp .price,.product-price.-product-box .price,.product-tile_info .product-tile_info-general .product-price,.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead,.product-tile_subtile,.quick-shop_card-price .product-price.-pdp .price,.quoteblock_author,.size-chart-content_copy,.size-table_tabs button,.table-totals .amount,.table-totals .mark,.text-imprint_copy,.titletext-teaser-item_copy,.topbar-navigation .navigation-item_sublink,input[type=checkbox]+div+label,input[type=checkbox]+label,input[type=email],input[type=number],input[type=password],input[type=text],input[type=tel] {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.4rem;
    line-height: 1.57
}

.athlete-details_item-copy,.career-filter-dropdown_dropdown .input-checkbox .label,.certificates_filter-btn,.custom-tabs_button,.filters-actions_content .input-checkbox .label,.filters-actions_content .input-radio .label,.how-to-videos_grid-item-subtitle,.items-in-cart ol.minicart-items li.product-item .product .product-item-bundle-pack-name span,.mini-cart_item-bundle_title span,.mini-cart_total .total,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-bundle-pack-name span,.product-list_search-prompt,.table-totals tr:last-of-type td,.table-totals tr:last-of-type th {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.8rem;
    line-height: 1.33
}

.-card-type-2 .sbsb-product-info-text-card_text,.-size-small .textblock_copy,.collection-teaser_title,.error-page_copy,.faq-header_copy,.gripwalk-header_copy,.gripwalk-text-teaser_title,.magazine-teaser-item_title,.product-price.-mpb .old-price,.product-price.-mpb .price,.product-price.-pdp .price,.product-price.-pdp-sticky .old-price,.product-price.-pdp-sticky .price,.size-table_tabs .size-table_tabs-title,.small-image-text_title,.text-imprint_title,.titleblock_copy,.titletext-teaser-item_title,.video-card_title {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600
}

.sbsb-product-info-text-card_text,.sbsb-text_content {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 2rem;
    line-height: 1.2
}

.app-teaser_accordions ul.accordion .accordion_title,.downloadbox_copy,.faq-accordion_title,.titletext-teaser-item_hover-text {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 2.2rem;
    line-height: 1.09;
    font-weight: 600
}

.-size-big .textblock_copy,.certificates_search-input[type=text] {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 2.4rem;
    line-height: 1.33;
    font-weight: 600
}

.checkout-summary .opc-block-summary .cart-sidebar_title,.checkout-summary .opc-block-summary .title {
    font-size: 2rem;
    line-height: 1.2;
    display: block;
    margin: 0 0 2.4rem;
    font-weight: 600;
    order: 101
}

.field .control select,.input[type=email],.input[type=number],.input[type=password],.input[type=text],.input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],input[type=date],input[type=tel] {
    transition-property: outline-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    width: 100%;
    margin: 0;
    padding: 1.2rem 1.6rem;
    border: 0;
    border-radius: 0;
    outline: #696e71 solid .1rem;
    outline-offset: -.1rem
}

.field .control select::-ms-input-placeholder,.input[type=email]::-ms-input-placeholder,.input[type=number]::-ms-input-placeholder,.input[type=password]::-ms-input-placeholder,.input[type=text]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder {
    color: #666
}

.field .control select::placeholder,.input[type=email]::placeholder,.input[type=number]::placeholder,.input[type=password]::placeholder,.input[type=text]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder {
    color: #666
}

.input.-active,.input:focus,input.-active,input:focus {
    outline-color: #000
}

.field .control input.-error,.field .control input.mage-error,.field .control input[aria-invalid=true],.field .control select.-error,.field .control select.mage-error,.field .control select[aria-invalid=true],.input.-error,.input.mage-error,input.-error,input.mage-error,select.mage-error,textarea.mage-error {
    outline-color: #ed1847
}

.field,.input-wrapper,input-wrapper {
    position: relative
}

.field label.label:first-child span,.input-label,input-label {
    transition-property: color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: flex;
    margin: 0;
    padding: 0;
    color: #666
}

.field._required label.label span:after,.field.required label.label span:after,.input-checkbox input.required+div+label span span:after,.input-checkbox input.required+label span span:after,.input-label.-required span:after,input-label.-required span:after,input.required[type=checkbox]+div+label span span:after,input.required[type=checkbox]+label span span:after {
    content: "*";
    margin-left: .2rem;
    color: #ed1847
}

.input-label.-error,input-label.-error {
    color: #ed1847
}

.field label.label:first-child,.input-label-wrapper,input-label-wrapper {
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1.6rem;
    padding: 0 .4rem;
    transform: translate(0,-50%);
    background-color: #fff;
    gap: .4rem
}

.field label.label:first-child .icon-item,.input-label-wrapper .icon-item,input-label-wrapper .icon-item {
    width: 1.6rem;
    height: 1.6rem;
    color: #696e71
}

.input-icon,input-icon {
    cursor: pointer
}

.input[type=number],input[type=number] {
    min-width: 0
}

.input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-inner-spin-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 12.5%;
    height: 100%
}

.field .control select,.input--select,input--select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m19.293 6.94 1.414 1.414L12 17.061 3.293 8.354 4.707 6.94 12 14.232z' fill='%23000' fill-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1.6rem center;
    background-size: 1.6rem;
    width: 100%;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none
}

.field .control select:invalid,.input--select:invalid,input--select:invalid {
    color: #666
}

.field .control select option,.input--select option,input--select option {
    background-color: #fff;
    color: #000;
    cursor: pointer
}

.field .control select option[value=""],.input--select option[value=""],input--select option[value=""] {
    display: none
}

.field .control .field-tooltip .label,.field .control .field-tooltip-content,.field .control .note,.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error,.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter])[for],.field .control input+div:not([data-role=password-strength-meter]).field-error,.field .control input+div:not([data-role=password-strength-meter])[for],.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error,.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter])[for],.field .control select+div:not([data-role=password-strength-meter]).field-error,.field .control select+div:not([data-role=password-strength-meter])[for],.input-checkbox input+div,.input-checkbox-required,.input-consent .mage-error,.input-help,input-help,input.mage-error+.mage-error,input.mage-error+label+.mage-error,input[type=checkbox]+div,select.mage-error+.mage-error,textarea.mage-error+.mage-error {
    margin: .4rem 0 0 1.6rem;
    color: #666
}

.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error.field-error,.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter])[for].mage-error,.field .control input+div:not([data-role=password-strength-meter]).field-error.field-error,.field .control input+div:not([data-role=password-strength-meter]).field-error.mage-error,.field .control input+div:not([data-role=password-strength-meter])[for].field-error,.field .control input+div:not([data-role=password-strength-meter])[for].mage-error,.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error.field-error,.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter])[for].mage-error,.field .control select+div:not([data-role=password-strength-meter]).field-error.field-error,.field .control select+div:not([data-role=password-strength-meter]).field-error.mage-error,.field .control select+div:not([data-role=password-strength-meter])[for].field-error,.field .control select+div:not([data-role=password-strength-meter])[for].mage-error,.input-checkbox input+div.mage-error,.input-checkbox-required,.input-consent .mage-error,.input-help.-error,input-help.-error,input.mage-error+.mage-error,input.mage-error+label+.mage-error,input[type=checkbox]+div.mage-error,select.mage-error+.mage-error,textarea.mage-error+.mage-error {
    color: #ed1847
}

.field .control .field-tooltip-content .link,.table-totals a.action {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
    text-decoration: underline;
    cursor: pointer
}

.field .control .field-tooltip-content .link:focus,.table-totals a.action:focus {
    outline: 0
}

.field .control .field-tooltip-content .focus-visible.link,.field .control .field-tooltip-content .link:focus-visible,.table-totals a.action:focus-visible,.table-totals a.focus-visible.action {
    outline: #009ccc solid .2rem!important
}

.field .control .field-tooltip-content .focus-visible[data-fv=true].link:not(.-focus-visible),.field .control .field-tooltip-content .link:focus-visible[data-fv=true]:not(.-focus-visible),.table-totals a.action:focus-visible[data-fv=true]:not(.-focus-visible),.table-totals a.focus-visible[data-fv=true].action:not(.-focus-visible) {
    outline: 0!important
}

.field .control .field-tooltip-content .focus-visible[data-fv=true].-focus-visible.link,.table-totals a.focus-visible[data-fv=true].-focus-visible.action {
    outline: #009ccc solid .2rem!important
}

.field .control .field-tooltip-content .link .icon-item,.table-totals a.action .icon-item {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: .8rem
}

.field .control .field-tooltip-content .link,.header-navigation .header-navigation_items .navigation-item_link,.header-navigation_items .header-navigation .navigation-item_link,.header-navigation_items .message-banner .navigation-item_link,.header-navigation_items .topbar-navigation .navigation-item_link,.message-banner .header-navigation_items .navigation-item_link,.mini-cart_btn,.mini-cart_btn-close,.mini-cart_btn-qty,.mini-cart_btn-remove,.mini-cart_product-title>a,.navigation-menu_list .navigation-menu-item,.navigation-menu_list .navigation-menu-item a,.table-totals a.action,.topbar-navigation .header-navigation_items .navigation-item_link {
    transition: .3s cubic-bezier(.165,.84,.44,1)
}

.-disabled.mini-cart_btn,.-disabled.mini-cart_btn-close,.-disabled.mini-cart_btn-qty,.-disabled.mini-cart_btn-remove,.field .control .field-tooltip-content .-disabled.link,.header-navigation .header-navigation_items .-disabled.navigation-item_link,.header-navigation_items .header-navigation .-disabled.navigation-item_link,.header-navigation_items .message-banner .-disabled.navigation-item_link,.header-navigation_items .topbar-navigation .-disabled.navigation-item_link,.message-banner .header-navigation_items .-disabled.navigation-item_link,.mini-cart_product-title>a.-disabled,.navigation-menu_list .-disabled.navigation-menu-item,.navigation-menu_list .navigation-menu-item a.-disabled,.table-totals a.-disabled.action,.topbar-navigation .header-navigation_items .-disabled.navigation-item_link {
    pointer-events: none
}

.-hover.mini-cart_btn,.-hover.mini-cart_btn-close,.-hover.mini-cart_btn-qty,.-hover.mini-cart_btn-remove,.field .control .field-tooltip-content .-hover.link,.field .control .field-tooltip-content [aria-expanded=true].link,.field .control .field-tooltip-content body:not(.-touch) .link:hover,.header-navigation .header-navigation_items .-hover.navigation-item_link,.header-navigation .header-navigation_items [aria-expanded=true].navigation-item_link,.header-navigation .header-navigation_items body:not(.-touch) .navigation-item_link:hover,.header-navigation_items .header-navigation .-hover.navigation-item_link,.header-navigation_items .header-navigation [aria-expanded=true].navigation-item_link,.header-navigation_items .header-navigation body:not(.-touch) .navigation-item_link:hover,.header-navigation_items .message-banner .-hover.navigation-item_link,.header-navigation_items .message-banner [aria-expanded=true].navigation-item_link,.header-navigation_items .message-banner body:not(.-touch) .navigation-item_link:hover,.header-navigation_items .topbar-navigation .-hover.navigation-item_link,.header-navigation_items .topbar-navigation [aria-expanded=true].navigation-item_link,.header-navigation_items .topbar-navigation body:not(.-touch) .navigation-item_link:hover,.message-banner .header-navigation_items .-hover.navigation-item_link,.message-banner .header-navigation_items [aria-expanded=true].navigation-item_link,.message-banner .header-navigation_items body:not(.-touch) .navigation-item_link:hover,.mini-cart_product-title>a.-hover,.mini-cart_product-title>a[aria-expanded=true],.navigation-menu_list .-hover.navigation-menu-item,.navigation-menu_list .navigation-menu-item a.-hover,.navigation-menu_list .navigation-menu-item a[aria-expanded=true],.navigation-menu_list .navigation-menu-item body:not(.-touch) a:hover,.navigation-menu_list [aria-expanded=true].navigation-menu-item,.navigation-menu_list body:not(.-touch) .navigation-menu-item:hover,.table-totals a.-hover.action,.table-totals a[aria-expanded=true].action,.table-totals body:not(.-touch) a.action:hover,.topbar-navigation .header-navigation_items .-hover.navigation-item_link,.topbar-navigation .header-navigation_items [aria-expanded=true].navigation-item_link,.topbar-navigation .header-navigation_items body:not(.-touch) .navigation-item_link:hover,[aria-expanded=true].mini-cart_btn,[aria-expanded=true].mini-cart_btn-close,[aria-expanded=true].mini-cart_btn-qty,[aria-expanded=true].mini-cart_btn-remove,body:not(.-touch) .field .control .field-tooltip-content .link:hover,body:not(.-touch) .header-navigation .header-navigation_items .navigation-item_link:hover,body:not(.-touch) .header-navigation_items .header-navigation .navigation-item_link:hover,body:not(.-touch) .header-navigation_items .message-banner .navigation-item_link:hover,body:not(.-touch) .header-navigation_items .topbar-navigation .navigation-item_link:hover,body:not(.-touch) .message-banner .header-navigation_items .navigation-item_link:hover,body:not(.-touch) .mini-cart_btn-close:hover,body:not(.-touch) .mini-cart_btn-qty:hover,body:not(.-touch) .mini-cart_btn-remove:hover,body:not(.-touch) .mini-cart_btn:hover,body:not(.-touch) .mini-cart_product-title>a:hover,body:not(.-touch) .navigation-menu_list .navigation-menu-item a:hover,body:not(.-touch) .navigation-menu_list .navigation-menu-item:hover,body:not(.-touch) .table-totals a.action:hover,body:not(.-touch) .topbar-navigation .header-navigation_items .navigation-item_link:hover {
    color: #ed1847
}

.-disabled.mini-cart_btn,.-disabled.mini-cart_btn-close,.-disabled.mini-cart_btn-qty,.-disabled.mini-cart_btn-remove,.field .control .field-tooltip-content .-disabled.link,.header-navigation .header-navigation_items .-disabled.navigation-item_link,.header-navigation .header-navigation_items body:not(.-touch) .-disabled.navigation-item_link:hover,.header-navigation_items .header-navigation .-disabled.navigation-item_link,.header-navigation_items .header-navigation body:not(.-touch) .-disabled.navigation-item_link:hover,.header-navigation_items .message-banner .-disabled.navigation-item_link,.header-navigation_items .message-banner body:not(.-touch) .-disabled.navigation-item_link:hover,.header-navigation_items .topbar-navigation .-disabled.navigation-item_link,.header-navigation_items .topbar-navigation body:not(.-touch) .-disabled.navigation-item_link:hover,.message-banner .header-navigation_items .-disabled.navigation-item_link,.message-banner .header-navigation_items body:not(.-touch) .-disabled.navigation-item_link:hover,.mini-cart_product-title>a.-disabled,.navigation-menu_list .-disabled.navigation-menu-item,.navigation-menu_list .navigation-menu-item a.-disabled,.navigation-menu_list .navigation-menu-item body:not(.-touch) a.-disabled:hover,.navigation-menu_list body:not(.-touch) .-disabled.navigation-menu-item:hover,.table-totals a.-disabled.action,.table-totals body:not(.-touch) a.-disabled.action:hover,.topbar-navigation .header-navigation_items .-disabled.navigation-item_link,.topbar-navigation .header-navigation_items body:not(.-touch) .-disabled.navigation-item_link:hover,body:not(.-touch) .-disabled.mini-cart_btn-close:hover,body:not(.-touch) .-disabled.mini-cart_btn-qty:hover,body:not(.-touch) .-disabled.mini-cart_btn-remove:hover,body:not(.-touch) .-disabled.mini-cart_btn:hover,body:not(.-touch) .header-navigation .header-navigation_items .-disabled.navigation-item_link:hover,body:not(.-touch) .header-navigation_items .header-navigation .-disabled.navigation-item_link:hover,body:not(.-touch) .header-navigation_items .message-banner .-disabled.navigation-item_link:hover,body:not(.-touch) .header-navigation_items .topbar-navigation .-disabled.navigation-item_link:hover,body:not(.-touch) .message-banner .header-navigation_items .-disabled.navigation-item_link:hover,body:not(.-touch) .mini-cart_product-title>a.-disabled:hover,body:not(.-touch) .navigation-menu_list .-disabled.navigation-menu-item:hover,body:not(.-touch) .navigation-menu_list .navigation-menu-item a.-disabled:hover,body:not(.-touch) .table-totals a.-disabled.action:hover,body:not(.-touch) .topbar-navigation .header-navigation_items .-disabled.navigation-item_link:hover {
    color: #666;
    pointer-events: none
}

.field .control .field-tooltip-content .-no-decoration.link,.navigation-menu-item_text,.table-totals a.-no-decoration.action {
    text-decoration: none
}

.field .control .field-tooltip-content .-bold.link,.table-totals a.-bold.action {
    font-weight: 700
}

.-disabled.swiper-button-next,.-disabled.swiper-button-prev,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .-disabled.squarelovin-click-loader {
    cursor: not-allowed;
    border-color: transparent;
    background-color: #666
}

.swiper-button-next .icon-item,.swiper-button-prev .icon-item,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .squarelovin-click-loader .icon-item {
    flex-shrink: 0
}

.-icon-after.swiper-button-next .icon-item,.-icon-after.swiper-button-prev .icon-item,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .-icon-after.squarelovin-click-loader .icon-item {
    grid-column: 2;
    flex-direction: row-reverse
}

.swiper-button-next,.swiper-button-prev,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .squarelovin-click-loader {
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    min-height: 4.8rem;
    margin: 0;
    padding: 1rem 2rem;
    border: .2rem solid #000;
    border-radius: 0;
    gap: .8rem;
    background-color: #000;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .054rem;
    line-height: 1.14;
    text-decoration: none
}

.swiper-button-next .text,.swiper-button-prev .text,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .squarelovin-click-loader .text {
    font-weight: 700
}

.-hover.swiper-button-next:not(.-disabled),.-hover.swiper-button-prev:not(.-disabled),.swiper-button-next:focus:not(.-disabled),.swiper-button-prev:focus:not(.-disabled),body:not(.-touch) .swiper-button-next:hover:not(.-disabled),body:not(.-touch) .swiper-button-prev:hover:not(.-disabled),body:not(.-touch) div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .squarelovin-click-loader:hover:not(.-disabled),div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .-hover.squarelovin-click-loader:not(.-disabled),div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .squarelovin-click-loader:focus:not(.-disabled),div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader body:not(.-touch) .squarelovin-click-loader:hover:not(.-disabled) {
    background-color: #fff;
    color: #000
}

form.form.form-login {
    margin: 0;
    padding: 0 0 3.2rem;
    border-bottom: .1rem solid #d2d2d2
}

form.form .fieldset {
    --fieldset-col-gap: 1.6rem
}

form.form .fieldset,form.form .fieldset fieldset>.control {
    display: grid;
    grid-column: span 4;
    grid-template-columns: repeat(4,1fr);
    column-gap: var(--fieldset-col-gap);
    row-gap: 2.4rem
}

form.form .fieldset>:not(.field) {
    grid-column: span 4
}

form.form .fieldset>:empty {
    display: none
}

.-region-emea .field.country_id,.-region-emea .field[name*=".country_id"],.field,.fields {
    grid-column: span 4;
}

.field .control .field-tooltip {
    --tooltip-icon-width: 1.6rem;
    position: absolute;
    z-index: 0;
    top: -.8rem;
    right: 1.2rem;
    width: 100%;
    padding-right: var(--tooltip-icon-width)
}

.field .control .field-tooltip-action {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm1 6v5h-2v-5h2zm0-3v2h-2V8h2z' fill='%23000' fill-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: var(--tooltip-icon-width);
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    justify-content: center;
    width: 2.4rem;
    background-color: #fff
}

.field .control .field-tooltip-action .icon-item {
    width: var(--tooltip-icon-width);
    height: var(--tooltip-icon-width)
}

.field .control .field-tooltip-action:focus+.field-tooltip-content:not(:empty),.field .control .field-tooltip-action:hover+.field-tooltip-content:not(:empty),.field .control .field-tooltip:focus .field-tooltip-content:not(:empty),.field .control .field-tooltip:hover .field-tooltip-content:not(:empty) {
    opacity: 1;
    pointer-events: auto
}

.field .control .field-tooltip .label,.field .control .field-tooltip-content {
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    opacity: 0
}

.field .control .field-tooltip-content {
    position: absolute;
    z-index: 0;
    right: -.8rem;
    bottom: -.8rem;
    left: 0;
    margin: 0;
    padding: 0 1.6rem .8rem;
    background-color: #fff;
    text-align: right;
    pointer-events: none
}

.select-button {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    display: flex;
    align-items: center;
    padding: 0;
    border: 0;
    background-color: rgba(0,0,0,0);
    font-weight: 600;
    gap: .8rem
}

.-big-gap.select-button {
    gap: 1.6rem
}

.select-button .icon-item {
    width: 1.6rem;
    height: 1.6rem
}

.-active.select-button .icon-item svg {
    transform: rotate(180deg)
}

.form-group-password_wrapper {
    position: relative
}

.form-group-password_wrapper #password-strength-meter-container {
    display: none
}

.form-group-password .form-group_input:not(:placeholder-shown)~#password-strength-meter-container {
    display: inherit
}

.form-group-password_button {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    position: absolute;
    z-index: auto;
    top: 1rem;
    right: 1rem;
    bottom: auto;
    left: auto
}

.form-group-password_button:focus {
    outline: 0
}

.focus-visible.form-group-password_button,.form-group-password_button:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].form-group-password_button:not(.-focus-visible),.form-group-password_button:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.form-group-password_button {
    outline: #009ccc solid .2rem!important
}

.form-group-password_button .icon-item {
    width: 3rem;
    height: 3rem
}

[type=password]~.form-group-password_button .icon-eye {
    display: block
}

[type=password]~.form-group-password_button .icon-eye-crossed,[type=text]~.form-group-password_button .icon-eye {
    display: none
}

[type=text]~.form-group-password_button .icon-eye-crossed {
    display: block
}

.form-group-password .password-strength-meter {
    position: relative;
    z-index: 0;
    height: 3.5rem;
    margin-top: 1rem;
    padding: 0 2rem;
    background-color: #dbdbdb;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 3.5rem
}

.form-group-password .password-strength-meter-label {
    position: relative;
    z-index: 2
}

.form-group-password .password-strength-meter:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width .5s ease-in-out
}

.form-group-password .password-strength-meter-container {
    display: none
}

.input-checkbox {
    display: inline-flex;
    position: relative;
    flex-wrap: wrap
}

.input-checkbox input,input[type=checkbox] {
    position: absolute;
    z-index: -3;
    top: 50%;
    left: 1rem;
    width: .1rem;
    height: .1rem;
    opacity: 0
}

.input-checkbox input[readonly]+label,input[readonly][type=checkbox]+label {
    pointer-events: none
}

.input-checkbox input+div+label,input[type=checkbox]+div+label {
    order: 1;
    width: 100%
}

.input-checkbox input+div,input[type=checkbox]+div {
    order: 2;
    width: 100%
}

.input-checkbox input+div.mage-error,input[type=checkbox]+div.mage-error {
    margin-top: 0;
    margin-left: 3rem
}

.input-checkbox input+div+label a,.input-checkbox input+label a,input[type=checkbox]+div+label a,input[type=checkbox]+label a {
    color: #ed1847;
    text-decoration: underline;
    pointer-events: initial
}

.input-checkbox input:checked+div+label,.input-checkbox input:checked+label,input[type=checkbox]:checked+div+label,input[type=checkbox]:checked+label {
    background-position: 0 0;
    font-weight: 400
}

.input-checkbox input:disabled+div+label,.input-checkbox input:disabled+label,input[type=checkbox]:disabled+div+label,input[type=checkbox]:disabled+label {
    background-image: none;
    opacity: .3;
    cursor: not-allowed
}

.input-checkbox input+div+label,.input-checkbox input+label,input[type=checkbox]+div+label,input[type=checkbox]+label {
    transition: .15s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: .7rem 0 .6rem 3.2rem;
    color: #000;
    text-align: left;
    cursor: pointer
}

.input-checkbox input+div+label .icon-item,.input-checkbox input+label .icon-item,input[type=checkbox]+div+label .icon-item,input[type=checkbox]+label .icon-item {
    width: 1.8rem;
    height: 1.8rem;
    margin: auto
}

.input-checkbox input+div+label .icon-item svg,.input-checkbox input+label .icon-item svg,input[type=checkbox]+div+label .icon-item svg,input[type=checkbox]+label .icon-item svg {
    transition: .15s cubic-bezier(.645,.045,.355,1)
}

.input-checkbox input+div+label:before,.input-checkbox input+label:before,input[type=checkbox]+div+label:before,input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(1rem) translateX(.4rem) translateZ(0);
    transition: .15s cubic-bezier(.645,.045,.355,1);
    border: .1rem solid #000;
    background-color: #fff;
}

.input-checkbox input+div+label:after,.input-checkbox input+label:after,input[type=checkbox]+div+label:after,input[type=checkbox]+label:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='4,9.414 0.293,5.707 1.707,4.293 4,6.586 10.293,0.293 11.707,1.707 '/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2rem;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    transform: translateY(1.2rem) translateX(.5rem) translateZ(0);
    transition: .15s cubic-bezier(.645,.045,.355,1);
    opacity: 0
}

.input-checkbox input.mage-error input+label:before,.input-checkbox input.mage-error+label:before,input[type=checkbox].mage-error input+label:before,input[type=checkbox].mage-error+label:before {
    border-color: #ed1847
}

.input-checkbox input.mage-error :checked+label:after,input[type=checkbox].mage-error :checked+label:after {
    background: #ed1847
}

.input-checkbox input+div+label:active .icon-item svg,.input-checkbox input+div+label:focus .icon-item svg,.input-checkbox input+div+label:hover .icon-item svg,.input-checkbox input+label:active .icon-item svg,.input-checkbox input+label:focus .icon-item svg,.input-checkbox input+label:hover .icon-item svg,.input-checkbox input:active+label .icon-item svg,.input-checkbox input:focus+label .icon-item svg,.input-checkbox input:hover+label .icon-item svg,input[type=checkbox]+div+label:active .icon-item svg,input[type=checkbox]+div+label:focus .icon-item svg,input[type=checkbox]+div+label:hover .icon-item svg,input[type=checkbox]+label:active .icon-item svg,input[type=checkbox]+label:focus .icon-item svg,input[type=checkbox]+label:hover .icon-item svg,input[type=checkbox]:active+label .icon-item svg,input[type=checkbox]:focus+label .icon-item svg,input[type=checkbox]:hover+label .icon-item svg {
    fill: #000
}

.input-checkbox input+div+label:active:before,.input-checkbox input+div+label:focus:before,.input-checkbox input+div+label:hover:before,.input-checkbox input+label:active:before,.input-checkbox input+label:focus:before,.input-checkbox input+label:hover:before,.input-checkbox input:active+label:before,.input-checkbox input:focus+label:before,.input-checkbox input:hover+label:before,input[type=checkbox]+div+label:active:before,input[type=checkbox]+div+label:focus:before,input[type=checkbox]+div+label:hover:before,input[type=checkbox]+label:active:before,input[type=checkbox]+label:focus:before,input[type=checkbox]+label:hover:before,input[type=checkbox]:active+label:before,input[type=checkbox]:focus+label:before,input[type=checkbox]:hover+label:before {
    border-color: #000
}

.input-checkbox input+div+label:active .counter,.input-checkbox input+div+label:focus .counter,.input-checkbox input+div+label:hover .counter,.input-checkbox input+label:active .counter,.input-checkbox input+label:focus .counter,.input-checkbox input+label:hover .counter,.input-checkbox input:active+label .counter,.input-checkbox input:focus+label .counter,.input-checkbox input:hover+label .counter,input[type=checkbox]+div+label:active .counter,input[type=checkbox]+div+label:focus .counter,input[type=checkbox]+div+label:hover .counter,input[type=checkbox]+label:active .counter,input[type=checkbox]+label:focus .counter,input[type=checkbox]+label:hover .counter,input[type=checkbox]:active+label .counter,input[type=checkbox]:focus+label .counter,input[type=checkbox]:hover+label .counter {
    background-position: 100% 0
}

.input-checkbox input:checked+div+label:after,.input-checkbox input:checked+label:after,input[type=checkbox]:checked+div+label:after,input[type=checkbox]:checked+label:after {
    opacity: 1
}

.input-checkbox input:checked+div+label:before,.input-checkbox input:checked+label:before,input[type=checkbox]:checked+div+label:before,input[type=checkbox]:checked+label:before {
    border-width: .2rem
}

.input-checkbox input:checked+div+label:hover:before,.input-checkbox input:checked+label:hover:before,input[type=checkbox]:checked+div+label:hover:before,input[type=checkbox]:checked+label:hover:before {
    transition: .15s cubic-bezier(.645,.045,.355,1);
    border-color: #000
}

.input-checkbox input:checked+div+label:hover .label,.input-checkbox input:checked+label:hover .label,input[type=checkbox]:checked+div+label:hover .label,input[type=checkbox]:checked+label:hover .label {
    background-position: 100% 0
}

.input-checkbox input:checked+div+label .counter,.input-checkbox input:checked+label .counter,input[type=checkbox]:checked+div+label .counter,input[type=checkbox]:checked+label .counter {
    background-position: 0 0;
    font-weight: 400
}

.input-checkbox input:disabled+div+label:before,.input-checkbox input:disabled+label:before,input[type=checkbox]:disabled+div+label:before,input[type=checkbox]:disabled+label:before {
    background-color: #666;
    background-image: none
}

.input-checkbox input:disabled+div+label:after,.input-checkbox input:disabled+label:after,input[type=checkbox]:disabled+div+label:after,input[type=checkbox]:disabled+label:after {
    background-color: #fff
}

.input-radio {
    position: relative;
    transition: .3s cubic-bezier(.645,.045,.355,1);
    text-align: left;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0 0 20px;
    line-height: 15px;
    list-style: none
}

.input-radio input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    cursor: pointer
}

.input-radio .label {
    cursor: pointer
}

.input-radio input:disabled~.label {
    opacity: .3;
    cursor: not-allowed
}

.input-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: .2rem solid #999;
    border-radius: 50%;
    background-color: #fff
}

.input-radio .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    top: .3rem;
    left: .3rem;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 50%;
    background: #000
}

.input-radio:focus-within input~.checkmark,.input-radio:hover input~.checkmark {
    background-color: #fff
}

.input-radio input:disabled~.checkmark {
    background-color: #fff;
    cursor: not-allowed
}

.input-radio input:checked~.checkmark {
    border-color: #000
}

.input-radio input:checked~.checkmark:after {
    display: block
}

.input-radio input.mage-error {
    border: .1rem solid #ed1847
}

.input-size input+label,.input-size>button {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 4.8rem;
    padding: 0 .7rem;
    font-size: 1.6rem;
    line-height: normal;
    text-align: center;
    vertical-align: top;
    cursor: pointer
}

.input-size input+label.-double,.input-size>button.-double {
    width: 12.6rem
}

.input-size input+label:after,.input-size>button:after {
    content: "";
    border: .1rem solid #d2d2d2
}

.input-size input+label small,.input-size>button small {
    display: inline-block;
    margin: .1rem 0 0;
    font-size: .9rem;
    vertical-align: top
}

.input-size input+label .icon-item,.input-size>button .icon-item {
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    vertical-align: middle
}

.input-size input+label .icon-item svg,.input-size>button .icon-item svg {
    transition: .3s ease-in-out
}

.input-size a:hover:after,.input-size button:hover:after,.input-size input+label:hover:after,.input-size.-disabled input+label:hover:after {
    border-color: #000
}

.input-size input:checked+label:after,.input-size.-active input+label:after,.input-size.-disabled input:checked+label:after {
    border-width: .2rem;
    border-color: #000
}

.input-size.-disabled input+label {
    z-index: 0;
    opacity: .2;
    background-color: #d2d2d2
}

.input-size.-disabled input+label:after {
    border-color: transparent
}

.input-size input[type=checkbox]+label:before {
    width: 0;
    height: 0;
    border-width: 0
}

.input-size input[type=checkbox]+label:after {
    width: auto;
    height: auto;
    transform: unset;
    opacity: 1;
    background: 0 0
}

.input-size input[type=checkbox]:checked+label:before {
    border-width: 0
}

.input-size input[type=checkbox]:checked+label:after {
    opacity: 1
}

.input-color input+label .color-inner:before {
    width: 2.4rem;
    height: 2.4rem;
    content: "";
    margin: .4rem auto;
    background-color: var(--color)
}

.input-color input+label .color-inner .label {
    display: block;
    margin-top: 4rem;
    font-weight: 600;
    text-align: center;
    text-transform: lowercase
}

.input-color input+label .color-inner .label:first-letter {
    text-transform: uppercase
}

.input-color input+label {
    position: relative;
    width: 100%;
    min-height: 3.2rem;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.input-color input+label:after,.input-color input+label:before {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    transform: none
}

.input-color input+label:before {
    transform: none;
    border: .1rem solid #d2d2d2
}

.input-color input+label:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='4,9.414 0.293,5.707 1.707,4.293 4,6.586 10.293,0.293 11.707,1.707 '/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='4,9.414 0.293,5.707 1.707,4.293 4,6.586 10.293,0.293 11.707,1.707 '/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 1.6rem;
    mask-size: 1.6rem;
    background-color: #fff;
    background-image: none;
    pointer-events: none
}

.input-color input:checked+label:before,.input-color input:hover+label:before,.input-color input[checked]+label:before {
    border: .2rem solid #000
}

.input-color input:checked+label:after,.input-color input[checked]+label:after {
    opacity: 1
}

.input-color input:disabled+label {
    cursor: not-allowed;
    pointer-events: none
}

.input-color input:disabled+label .color-inner {
    opacity: .6;
    background-color: #666!important
}

.input-color input:disabled+label .color-inner:before {
    background-color: rgba(0,0,0,0)
}

.input-color input.focus-visible+label,.input-color input:checked.focus-visible+label,.input-color input:checked:focus-visible+label,.input-color input:focus-visible+label,.input-color input[checked].focus-visible+label,.input-color input[checked]:focus-visible+label {
    outline: #009ccc solid .2rem
}

.input-color {
    display: inline-block
}

.-icon-black.input-color input[type=checkbox]+label:after {
    background-color: #000
}

.input-sortby input+label {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: left;
    height: 4rem;
    margin-bottom: .2rem;
    padding: 0 .7rem;
    font-size: 1.4rem;
    line-height: normal;
    text-align: left;
    vertical-align: top;
    cursor: pointer
}

.input-sortby input.focus-visible+label,.input-sortby input:checked+label,.input-sortby input:focus-visible+label,.input-sortby:not(.-disabled) input+label:hover {
    background-color: #f9f9f9;
    font-weight: 700
}

.range .label,.range input[type=text] {
    display: none
}

.range .noUi-target {
    position: relative;
    background: #fff
}

.range .noUi-target,.range .noUi-target * {
    touch-action: none;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.range .noUi-horizontal {
    height: .4rem;
    margin: 1.2rem 0 2.8rem;
    background: #d2d2d2
}

.range .noUi-origin {
    width: 100%;
    height: 0
}

.range .noUi-base,.range .noUi-connects {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.range .noUi-base {
    --handle-size: 2.4rem;
    left: 50%;
    width: calc(100% - var(--handle-size));
    transform: translateX(-50%)
}

.range .noUi-connects {
    z-index: 0;
    overflow: hidden;
    border-radius: .3rem
}

.range .noUi-connect {
    width: 100%;
    height: 100%;
    background: #373737
}

.range .noUi-connect,.range .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    transform-origin: 0 0;
    transform-style: flat
}

.range .noUi-horizontal .noUi-handle {
    top: -1rem;
    right: 0;
    width: var(--handle-size);
    height: var(--handle-size);
    transform: translateX(50%);
    cursor: pointer
}

.range .noUi-handle {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50%;
    background: #373737;
    cursor: default
}

.range .noUi-touch-area {
    width: 100%;
    height: 100%
}

.range_start-end {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between
}

.range_start-end .range_end,.range_start-end .range_start {
    width: 6.6rem;
    height: 3.2rem;
    border: .1rem solid #d2d2d2;
    color: #696e71;
    line-height: 3.2rem;
    text-align: center
}

.range_start-end .range_end.-active,.range_start-end .range_start.-active {
    border-color: #696e71;
    color: #000
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-wrapper,.swiper-wrapper>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.swiper-wrapper .swiper-slide {
    display: block;
    height: auto;
    outline: 0
}

.swiper-button-next:focus,.swiper-button-prev:focus {
    outline: 0
}

.focus-visible.swiper-button-next,.focus-visible.swiper-button-prev,.swiper-button-next:focus-visible,.swiper-button-prev:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].swiper-button-next:not(.-focus-visible),.focus-visible[data-fv=true].swiper-button-prev:not(.-focus-visible),.swiper-button-next:focus-visible[data-fv=true]:not(.-focus-visible),.swiper-button-prev:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.swiper-button-next,.focus-visible[data-fv=true].-focus-visible.swiper-button-prev {
    outline: #009ccc solid .2rem!important
}

.-light-theme .swiper-button-next,.-light-theme .swiper-button-prev {
    background-color: #fff
}

.-light-theme .swiper-button-next .icon-item,.-light-theme .swiper-button-prev .icon-item {
    color: #000!important
}

.swiper-button-next {
    right: 0
}

.swiper-button-disabled.swiper-button-next,.swiper-button-disabled.swiper-button-prev,.swiper-button-next,.swiper-button-prev {
    display: none
}

.swiper-button-next .icon-item,.swiper-button-prev .icon-item {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem
}

.swiper-pagination.swiper-pagination-fraction {
    position: absolute;
    z-index: 2;
    top: 1rem;
    right: 1rem;
    min-width: 4rem;
    min-height: 2.4rem;
    padding: .4rem 1rem;
    font-size: 1.6rem;
    line-height: 1.6
}

.swiper-pagination.swiper-pagination-fraction:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    transform: skew(-10deg,0);
    border-radius: .5rem;
    background: #fff
}

.message-banner {
    display: flex;
    position: relative;
    height: 100%;
    margin-left: 0
}

.topbar-navigation .message-banner {
    height: 4rem
}

.message-banner_items {
    display: flex
}

.message-banner_items .-label {
    color: #ed1847
}

.message-banner_items .swiper-slide {
    display: flex;
    position: relative;
    height: 4rem
}

.message-banner_close {
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0
}

.message-banner_close_button {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0)
}

.message-banner_close_button:focus {
    outline: 0
}

.focus-visible.message-banner_close_button,.message-banner_close_button:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].message-banner_close_button:not(.-focus-visible),.message-banner_close_button:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.message-banner_close_button {
    outline: #009ccc solid .2rem!important
}

.message-banner_close_button .icon-item {
    width: 1.6rem;
    height: 1.6rem
}

.message-banner .navigation-item,.topbar-navigation .navigation-item {
    display: inline-block;
    position: relative
}

.header-navigation .navigation-item {
    display: flex;
    position: static;
    flex-grow: 1;
    align-items: center
}

.header-navigation .navigation-item [role=search] {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end
}

.header-navigation .navigation-item_link,.message-banner .navigation-item_link,.topbar-navigation .navigation-item_link {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: inline-flex;
    align-items: center;
    height: 100%;
    color: currentColor
}

.header-navigation .navigation-item_link:focus,.message-banner .navigation-item_link:focus,.topbar-navigation .navigation-item_link:focus {
    outline: 0
}

.header-navigation .focus-visible.navigation-item_link,.header-navigation .navigation-item_link:focus-visible,.message-banner .focus-visible.navigation-item_link,.message-banner .navigation-item_link:focus-visible,.topbar-navigation .focus-visible.navigation-item_link,.topbar-navigation .navigation-item_link:focus-visible {
    outline: #009ccc solid .2rem!important
}

.header-navigation .focus-visible[data-fv=true].navigation-item_link:not(.-focus-visible),.header-navigation .navigation-item_link:focus-visible[data-fv=true]:not(.-focus-visible),.message-banner .focus-visible[data-fv=true].navigation-item_link:not(.-focus-visible),.message-banner .navigation-item_link:focus-visible[data-fv=true]:not(.-focus-visible),.topbar-navigation .focus-visible[data-fv=true].navigation-item_link:not(.-focus-visible),.topbar-navigation .navigation-item_link:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.header-navigation .focus-visible[data-fv=true].-focus-visible.navigation-item_link,.message-banner .focus-visible[data-fv=true].-focus-visible.navigation-item_link,.topbar-navigation .focus-visible[data-fv=true].-focus-visible.navigation-item_link {
    outline: #009ccc solid .2rem!important
}

.topbar-navigation_items .navigation-item {
    padding: 0 2.4rem
}

.topbar-navigation_items .navigation-item:last-child {
    padding-right: 0
}

.header-navigation .navigation-item_list,.message-banner .navigation-item_list,.topbar-navigation .navigation-item_list {
    margin: .8rem 0 0;
    padding: 3.2rem;
    list-style: none;
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 6rem;
    min-width: 19.2rem;
    border-top-width: 0;
    background: #fff;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2);
    text-align: left
}

.-dropdown.-hovered .header-navigation .navigation-item_list,.-dropdown.-hovered .message-banner .navigation-item_list,.-dropdown.-hovered .topbar-navigation .navigation-item_list,.-dropdown:hover .header-navigation .navigation-item_list,.-dropdown:hover .message-banner .navigation-item_list,.-dropdown:hover .topbar-navigation .navigation-item_list,.header-navigation .-dropdown.-hovered .navigation-item_list,.header-navigation .-dropdown:hover .navigation-item_list,.message-banner .-dropdown.-hovered .navigation-item_list,.message-banner .-dropdown:hover .navigation-item_list,.topbar-navigation .-dropdown.-hovered .navigation-item_list,.topbar-navigation .-dropdown:hover .navigation-item_list {
    display: block
}

.header-navigation .navigation-item_sublink,.message-banner .navigation-item_sublink,.topbar-navigation .navigation-item_sublink {
    display: block;
    color: currentColor;
    white-space: nowrap
}

.header-navigation li:not(:first-child)>.navigation-item_sublink,.message-banner li:not(:first-child)>.navigation-item_sublink,.topbar-navigation li:not(:first-child)>.navigation-item_sublink {
    margin-top: 2rem
}

.header-navigation .navigation-item_sublink:after,.message-banner .navigation-item_sublink:after,.topbar-navigation .navigation-item_sublink:after {
    content: none
}

.message-banner .navigation-item_link .icon-item,.topbar-navigation .navigation-item_link .icon-item {
    transition: .2s cubic-bezier(.645,.045,.355,1)
}

.message-banner .navigation-item_link .flag-item,.message-banner .navigation-item_link .icon-item,.message-banner .navigation-item_link .sticker-item,.topbar-navigation .navigation-item_link .flag-item,.topbar-navigation .navigation-item_link .icon-item,.topbar-navigation .navigation-item_link .sticker-item {
    margin-right: .8rem
}

.message-banner .navigation-item_link .flag-item,.message-banner .navigation-item_link .icon-item,.topbar-navigation .navigation-item_link .flag-item,.topbar-navigation .navigation-item_link .icon-item {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem
}

.message-banner .navigation-item_link .sticker-item,.topbar-navigation .navigation-item_link .sticker-item {
    width: 2.7rem;
    height: 100%
}

.message-banner .navigation-item_link .sticker-item.sticker-volant svg,.topbar-navigation .navigation-item_link .sticker-item.sticker-volant svg {
    transform: translate(0,.15rem)
}

.header-navigation .navigation-item_link .icon-item {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0
}

.message-banner .navigation-item_link .-label,.topbar-navigation .navigation-item_link .-label {
    padding-bottom: 0;
    font-weight: 700;
    text-decoration: none
}

.message-banner .navigation-item_link .-label:hover,.topbar-navigation .navigation-item_link .-label:hover {
    text-decoration: none
}

.header-navigation .-label.navigation-item_link-text {
    display: none
}

.navigation-item .wishlist-link {
    display: block;
    position: relative
}

.navigation-item .wishlist-item-count {
    display: flex;
    position: absolute;
    top: 100%;
    right: -.3rem;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    min-height: 1.2rem;
    margin-top: -1rem;
    padding: 0 .4rem;
    transition: 1s linear;
    border-radius: .6rem;
    background-color: #ed1847;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1
}

.burger-navigation-item .icon-item,.navigation-menu-item>.icon-item {
    display: inline-block;
    vertical-align: middle
}

.navigation-menu-item {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    width: 100%;
    color: #000;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.navigation-menu-item:focus {
    outline: 0
}

.focus-visible.navigation-menu-item,.navigation-menu-item:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].navigation-menu-item:not(.-focus-visible),.navigation-menu-item:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.navigation-menu-item {
    outline: #009ccc solid .2rem!important
}

.-bold.navigation-menu-item {
    font-weight: 700
}

.-sale.navigation-menu-item {
    color: #ed1847
}

.navigation-menu-item>.icon-item {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem
}

.navigation-menu-item>.icon-item.icon-arrow {
    margin-left: auto
}

.navigation-menu-item>.icon-item svg {
    transition: .3s ease-in-out
}

.navigation-menu-item_text {
    width: 100%;
    padding-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.57;
    text-align: left;
    pointer-events: none
}

.-tag.navigation-menu-item_text {
    white-space: nowrap
}

.navigation-submenu_featured .navigation-submenu_list-item .navigation-menu-item .navigation-menu-item_text {
    font-size: 1.6rem;
    font-weight: 700
}

.burger-navigation-item {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6rem
}

.burger-navigation-item:focus {
    outline: 0
}

.burger-navigation-item:focus-visible,.focus-visible.burger-navigation-item {
    outline: #009ccc solid .2rem!important
}

.burger-navigation-item:focus-visible[data-fv=true]:not(.-focus-visible),.focus-visible[data-fv=true].burger-navigation-item:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.burger-navigation-item {
    outline: #009ccc solid .2rem!important
}

.burger-navigation-item .icon-item {
    width: 2.4rem;
    height: 2.4rem
}

.burger-navigation-item .icon-item svg {
    transition: .3s ease-in-out
}

.burger-navigation-item .icon-close,.burger-navigation-item.-active .icon-burger-menu {
    display: none
}

.burger-navigation-item.-active .icon-close {
    display: inline-block
}

.search-input {
    z-index: 0;
    width: 100%;
    transition: opacity .25s,visibility .1s .25s
}

.search-input input[type=text].search-input_input {
    width: 100%;
    min-height: .88;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: rgba(0,0,0,0)
}

.search-input input[type=text].search-input_input:focus {
    outline: 0
}

.account-navigation-item_popover {
    display: flex;
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-flow: column;
    align-items: stretch;
    transition: visibility .5s,opacity .5s;
    opacity: 0;
    background: #fff;
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.2)
}

.account-navigation-item_popover ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.account-navigation-item_popover ul * {
    white-space: nowrap
}

.account-navigation-item_popover li {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 5.5rem;
    padding: 0 1.5rem;
    font-size: 1.6rem;
    text-align: center
}

.account-navigation-item_popover li:first-child,.account-navigation-item_popover li:last-child {
    min-height: 5.5rem;
    border-style: solid;
    border-color: #d2d2d2
}

.account-navigation-item_popover li:first-child {
    margin-bottom: 1rem;
    border-width: 0 0 .1rem
}

.account-navigation-item_popover li:last-child {
    margin-top: 1rem;
    border-width: .1rem 0 0
}

.account-navigation-item_popover a {
    position: relative;
    width: 100%;
    padding: 0 0 0 3rem;
    color: #000;
    text-align: left;
    text-decoration: none;
    white-space: nowrap
}

.account-navigation-item_popover a:active,.account-navigation-item_popover a:focus,.account-navigation-item_popover a:hover {
    text-decoration: underline
}

.account-navigation-item_popover a:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 2rem;
    height: 2rem;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4l5.017 8.002L8 20h3.983L17 12.002 11.983 4z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.-active.account-navigation-item_popover {
    visibility: visible;
    height: auto;
    opacity: 1
}

.account-navigation-item_popover_title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 6rem;
    margin-bottom: 1.5rem;
    border-bottom: .1rem solid #d2d2d2;
    text-align: center
}

.account-navigation-item_popover_title .h1.-text {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83
}

.account-navigation-item_popover_title .h1.-text.-line-bottom,.account-navigation-item_popover_title .h1.-text.-line-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.account-navigation-item_popover_title .h1.-text.-line-bottom:before,.account-navigation-item_popover_title .h1.-text.-line-top:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.account-navigation-item_popover_title .h1.-text.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.account-navigation-item_popover_title .h1.-text:before {
    width: 3rem;
    height: .4rem
}

.account-navigation-item_popover_title_close {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    position: absolute;
    top: 50%;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    transform: translateY(-50%)
}

.account-navigation-item_popover_menu {
    width: 100%;
    padding: 1rem
}

.account-navigation-item_popover_greetings {
    font-weight: 700
}

.account-navigation-item_popover_wishlist {
    position: relative
}

.account-navigation-item_popover_wishlist_count {
    margin-left: auto;
    padding: 0 .7rem;
    border-radius: 1rem;
    background: red;
    color: #fff;
    font-size: 1.2rem
}

.account-navigation-item_popover_logout a {
    position: relative
}

.account-navigation-item_popover_logout a:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    width: 2rem;
    height: 2rem;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v4h-2V6H5v12h8v-2h2v4H3V4h12zm3.354 3.29 4.707 4.707-4.707 4.707-1.415-1.414L19.228 13H8v-2h11.234l-2.295-2.296 1.415-1.414z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.product-list_search-prompt {
    font-weight: 600;
    text-align: center
}

.free-gift {
    display: flex;
    align-items: center
}

.free-gift .icon-gift {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.6rem;
    padding: .6rem 1.2rem;
    background-color: #ed1847
}

.free-gift .gift-label {
    color: #ed1847
}

.cart-reassurance-container {
    grid-column: span 12;
    grid-row: 6;
    margin-top: 6.4rem
}

#opc-sidebar .cart-reassurance-container {
    display: flex;
    flex-direction: column;
    margin-top: 0
}

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

#opc-sidebar .cart-reassurance-list {
    flex-direction: column
}

.cart-reassurance-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 2.4rem
}

#opc-sidebar .cart-reassurance-block {
    width: 100%;
    margin-bottom: 2rem
}

.cart-reassurance-block:last-child {
    margin-bottom: 0
}

.cart-reassurance-icon {
    align-self: flex-start;
    width: 2.5rem;
    height: 2.5rem
}

.cart-reassurance-title {
    flex: 1;
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: .5rem;
    font-weight: 600
}

.cart-reassurance-description {
    width: 100%;
    height: 100%;
    margin-top: 1rem;
    font-size: 1.2rem
}

.opc-progress-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 2.4rem 1.6rem 1.6rem 2.4rem;
    background-color: #f9f9f9;
    list-style: none
}

.opc-progress-bar-item {
    --step-number-size: 2.6rem;
    position: relative;
    margin: 0 .8rem .8rem 0;
    font-weight: 600
}

.opc-progress-bar-item>span {
    display: flex;
    align-items: center
}

.opc-progress-bar-item>span:before {
    width: var(--step-number-size);
    height: var(--step-number-size);
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: grid;
    position: relative;
    margin-right: .8rem;
    padding: .2rem;
    border: .1rem solid #d2d2d2;
    background-color: #fff;
    font-weight: 600;
    place-items: center
}

.opc-progress-bar-item>span:after {
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    width: var(--step-number-size);
    height: var(--step-number-size);
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='4,9.414 0.293,5.707 1.707,4.293 4,6.586 10.293,0.293 11.707,1.707 '/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='4,9.414 0.293,5.707 1.707,4.293 4,6.586 10.293,0.293 11.707,1.707 '/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 1.2rem;
    mask-size: 1.2rem;
    content: "";
    position: absolute;
    opacity: 0;
    background-color: #fff;
    pointer-events: none
}

._active.opc-progress-bar-item>span:before {
    border-color: #000;
    background-color: #000;
    color: #fff
}

._complete.opc-progress-bar-item>span {
    cursor: pointer
}

._complete.opc-progress-bar-item>span:before {
    background-color: #000
}

._complete.opc-progress-bar-item>span:after {
    opacity: 1;
    pointer-events: auto
}

.opc-progress-bar-item:first-child>span:before {
    content: "01"
}

.opc-progress-bar-item:nth-child(2)>span:before {
    content: "02"
}

.opc-progress-bar-item:nth-child(3)>span:before {
    content: "03"
}

.opc-progress-bar-item:nth-child(4)>span:before {
    content: "04"
}

#login-step-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #d2d2d2
}

#login-step-summary .step-title {
    width: 100%
}

#customer-account {
    margin-bottom: 3.2rem;
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #d2d2d2
}

#customer-login .fieldset {
    margin-bottom: 1.6rem
}

#customer-login .note {
    margin-bottom: 3.2rem
}

#customer-login .note .btn-forgotten-password {
    cursor: pointer
}

#customer-register .checkout-agreements {
    margin-bottom: 3.2rem;
    padding-top: 3.2rem;
    border-top: .1rem solid #d2d2d2
}

#customer-register .checkout-agreements .label {
    width: 100%
}

.login-method {
    border: .1rem solid #666;
    border-radius: .5rem;
    background-color: #fff
}

.login-method:hover {
    border-color: #000
}

.login-method_accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 1rem
}

.login-method_header {
    padding: 2.5rem 2.5rem 2.5rem 6rem;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    color: #000;
    gap: 1rem .5rem
}

.login-method_header:focus {
    outline: 0
}

.focus-visible.login-method_header,.login-method_header:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].login-method_header:not(.-focus-visible),.login-method_header:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.login-method_header {
    outline: #009ccc solid .2rem!important
}

.login-method_header:before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    transform: translateY(-50%) translateX(.2rem) translateZ(0);
    transition: opacity .3s ease-in-out;
    border: .1rem solid #000;
    border-radius: 50%;
    background-color: #fff
}

.login-method_header:after {
    content: "";
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateY(-50%) translateX(.5rem) translateZ(0);
    transition: opacity .3s ease-in-out;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #fff
}

.login-method_header:after,.login-method_header:before {
    top: 3.6rem;
    left: 2.5rem
}

[aria-expanded=true].login-method_header:after {
    background-color: #000
}

.login-method_title {
    flex-basis: 100%;
    font-weight: 700;
    text-align: left
}

.login-method_tag {
    display: flex;
    padding: .3rem .9rem;
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700
}

.login-method_tag-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem
}

.login-method_body {
    max-height: 80rem;
    overflow: inherit;
    transition: max-height .2s ease-in,overflow .2s ease-in
}

.login-method_body>div {
    padding: .5rem 2.4rem 2.4rem
}

[hidden].login-method_body {
    display: inherit!important;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out,overflow ease-out
}

.login-method_body button[type=submit] {
    width: 100%;
    cursor: pointer
}

.login-method_existing-account-warning {
    padding: 1.6rem;
    border-radius: .5rem;
    background-color: #666
}

.login-method_existing-account-warning .link+.link {
    margin-left: 2rem
}

.login-method .social-login-buttons {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.login-method .social-login-buttons-label {
    width: 100%;
    margin: 1.6rem 0;
    text-align: center
}

.login-method .social-login-buttons #social-login-button {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.login-method .social-login-buttons #social-login-button .social-login-btn {
    width: 49%;
    padding: 1rem 2rem;
    border: .2rem solid #000
}

.login-method .social-login-buttons #social-login-button .social-login-btn .icon-item {
    margin: 0 auto
}

.mini-cart_header {
    display: flex;
    position: relative;
    flex-direction: column;
    margin-bottom: 1.6rem
}

.mini-cart_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83;
    flex-grow: 1
}

.-line-bottom.mini-cart_title,.-line-top.mini-cart_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.mini-cart_title:before,.-line-top.mini-cart_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.mini-cart_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.mini-cart_title:before {
    width: 3rem;
    height: .4rem
}

.mini-cart_title span {
    display: inline-block;
    margin-top: -.3rem;
    vertical-align: middle
}

.mini-cart_count {
    color: #666
}

.mini-cart_btn-close {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.mini-cart_btn-close:focus {
    outline: 0
}

.focus-visible.mini-cart_btn-close,.mini-cart_btn-close:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].mini-cart_btn-close:not(.-focus-visible),.mini-cart_btn-close:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.mini-cart_btn-close {
    outline: #009ccc solid .2rem!important
}

.mini-cart_btn-qty {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0)
}

.mini-cart_btn-qty:focus {
    outline: 0
}

.focus-visible.mini-cart_btn-qty,.mini-cart_btn-qty:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].mini-cart_btn-qty:not(.-focus-visible),.mini-cart_btn-qty:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.mini-cart_btn-qty {
    outline: #009ccc solid .2rem!important
}

.mini-cart_btn-qty .icon-item {
    width: 1.6rem;
    height: 1.6rem
}

.mini-cart_btn-remove {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    color: #000
}

.mini-cart_btn-remove:focus {
    outline: 0
}

.focus-visible.mini-cart_btn-remove,.mini-cart_btn-remove:focus-visible {
    outline: #009ccc solid .2rem!important
}

.focus-visible[data-fv=true].mini-cart_btn-remove:not(.-focus-visible),.mini-cart_btn-remove:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.mini-cart_btn-remove {
    outline: #009ccc solid .2rem!important
}

.mini-cart_list>ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.mini-cart_item {
    display: grid;
    position: relative;
    grid-auto-flow: column;
    grid-template-columns: auto 1fr auto;
    align-items: flex-start;
    margin-top: .8rem;
    padding-right: 1.6rem;
    background-color: #f9f9f9
}

.mini-cart_item-bundle {
    display: flex;
    flex-direction: column;
    margin-top: .8rem;
    padding-right: 1.6rem;
    background-color: #f9f9f9
}

.mini-cart_item-bundle>div {
    display: flex;
    position: relative;
    align-items: flex-start
}

.mini-cart_item-bundle .mini-cart_product-img {
    margin-top: 0
}

.mini-cart_item-bundle .mini-cart_product-info {
    margin-top: .8rem
}

.mini-cart_item-bundle .mini-cart_product-options {
    flex-direction: column
}

.mini-cart_item-bundle .mini-cart_product-options li {
    margin-bottom: .4rem;
    border: 0
}

.mini-cart_item-bundle .mini-cart_product-qty-price-container {
    justify-content: flex-end
}

.mini-cart_item-bundle .mini-cart_product-price {
    margin-bottom: 1.2rem
}

.mini-cart_item-bundle .mini-cart_product-qty {
    display: none
}

.mini-cart_item-bundle_title {
    display: flex;
    justify-content: space-between;
    margin: 1.6rem 0 0 10.2rem
}

.mini-cart_item-bundle_title span {
    font-weight: 600;
    line-height: 1
}

.mini-cart_item-bundle_remove-container .mini-cart_btn-remove {
    position: relative;
    top: unset;
    right: unset;
    margin-left: .8rem
}

.mini-cart_product-info {
    position: relative;
    flex-grow: 1;
    margin: 1.6rem 0 1.2rem 1.6rem;
    overflow: hidden
}

.mini-cart_product-img {
    position: relative;
    width: 7.8rem;
    min-width: 7.8rem;
    height: 7.8rem;
    margin: .8rem 0 .8rem .8rem;
    overflow: hidden
}

.mini-cart_product-img img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.mini-cart_product-options>li {
    display: grid;
    grid-auto-flow: column;
    margin: 0 1.6rem 0 calc(-.8rem - .1rem);
    padding-left: .8rem;
    column-gap: .4rem;
    border-left: .1rem solid #d2d2d2
}

.mini-cart_product-options .label {
    color: #666
}

.mini-cart_product-options {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

.mini-cart_item-bundle .mini-cart_product-options>li {
    display: block
}

.mini-cart_product-title {
    margin: -.1em 3rem 0 0;
    font-weight: 600
}

.mini-cart_product-title>a {
    color: #000
}

.mini-cart_product-gift {
    height: 100%
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price,.mini-cart_product-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price {
    display: grid;
    grid-auto-flow: column;
    align-items: baseline;
    column-gap: .8rem;
    line-height: 1;
    text-align: right
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount-price,.mini-cart_product-price .discount-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount-price {
    color: #ed1847
}

.items-in-cart .minicart-items-wrapper .cart-price .price,.items-in-cart .minicart-items-wrapper .cart-price .price-container,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price-container,.mini-cart_product-price .price,.mini-cart_product-price .price-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price-container {
    font-weight: 400;
    white-space: nowrap
}

.items-in-cart .minicart-items-wrapper .cart-price .old-price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price,.mini-cart_product-price .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price {
    color: #666;
    text-decoration: line-through
}

.items-in-cart .minicart-items-wrapper .cart-price .old-price:not(:empty)~.price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price:not(:empty)~.price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price:not(:empty)~.price,.mini-cart_product-price .old-price:not(:empty)~.price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price:not(:empty)~.price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price:not(:empty)~.price {
    color: #ed1847
}

.items-in-cart .minicart-items-wrapper .cart-price .discount,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.mini-cart_product-price .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount {
    position: relative;
    z-index: 0;
    align-items: center;
    padding: .1rem .5rem;
    background: #ed1847;
    color: #fff
}

.items-in-cart .minicart-items-wrapper .cart-price .discount,.items-in-cart .minicart-items-wrapper .cart-price .discount .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount .price,.mini-cart_product-price .discount,.mini-cart_product-price .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount .price {
    font-weight: 700;
    white-space: nowrap
}

.mini-cart_total {
    display: flex;
    flex-flow: column;
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: .1rem solid #d2d2d2
}

.mini-cart_total>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mini-cart_total>div:not(:first-child) {
    margin-top: 1.6rem
}

.mini-cart_total .notice {
    width: 100%
}

.mini-cart_total .notice .-bold {
    font-weight: 600
}

.mini-cart_total .total {
    margin-top: 1.6rem;
    padding: 1.6rem 0;
    border-top: .1rem solid #d2d2d2;
    border-bottom: .1rem solid #000;
    font-weight: 600
}

.mini-cart_message {
    color: red
}

.items-in-cart .minicart-items-wrapper .cart-price .discount-price {
    color: #ed1847
}

.mini-cart {
    display: flex;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 6rem;
    right: 0;
    bottom: 0;
    width: 49.2rem;
    max-width: calc(100vw - 3.2rem);
    height: calc(var(--app-height) - 6rem);
    transform: translateX(100%);
    transition: visibility 0s linear .5s,transform .5s ease-in-out;
    background: #fff
}

.mini-cart.-open {
    visibility: visible;
    transform: translateX(0);
    transition: visibility linear,transform .5s ease-in-out
}

.mini-cart_wrapper {
    -webkit-overflow-scrolling: touch;
    display: flex;
    position: relative;
    flex-flow: column;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mini-cart_container {
    flex-grow: 1;
    padding: 2.4rem 2.4rem 3.2rem
}

.mini-cart_list>ul:not(:empty) {
    margin-top: -.8rem
}

.mini-cart_list>ul .-processing .mini-cart_btn-qty {
    opacity: .5;
    color: #999;
    cursor: not-allowed;
    pointer-events: none
}

.mini-cart [data-item-id] {
    overflow: hidden;
    transition: .3s ease-in-out;
    opacity: 1
}

.mini-cart_product-qty {
    display: flex;
    align-items: center;
    margin-right: 1.6rem
}

.mini-cart_product-qty .qty {
    display: flex;
    justify-content: center;
    min-width: 2.4rem;
    padding: 0 .5rem
}

.mini-cart_product-qty button {
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden
}

.mini-cart_product-qty-price-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .6rem
}

.mini-cart_progress {
    padding: 3.2rem 2.4rem 0
}

.mini-cart_progress .price {
    font-weight: 600
}

.mini-cart_total .link-btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0)
}

.mini-cart_cta {
    margin-top: 2.4rem;
    text-align: center
}

.mini-cart_cta .btn-primary {
    justify-content: center;
    width: 100%
}

.mini-cart_cta .link {
    margin-top: 1.5rem
}

.mini-cart_cta-view-cart {
    display: block;
    margin: 2rem 0;
    font-weight: 700
}

.mini-cart_cta-view-cart:hover {
    text-decoration: underline
}

.mini-cart_btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: inline-block;
    position: relative;
    margin-left: 2.4rem;
    vertical-align: middle
}

.mini-cart_btn .icon-cart {
    width: 2.4rem;
    height: 2.4rem
}

.mini-cart_btn .qty_content {
    display: flex;
    position: absolute;
    top: 100%;
    right: -.3rem;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    min-height: 1.2rem;
    margin-top: -1rem;
    padding: 0 .4rem;
    transition: 1s linear;
    border-radius: .6rem;
    background-color: #ed1847;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1
}

.mini-cart .simplebar-content {
    display: flex;
    flex-flow: column;
    height: calc(var(--app-height) - 6rem)
}

.items-in-cart ol.minicart-items,.minicart-items-wrapper ol.minicart-items {
    display: flex;
    flex-direction: column;
    margin: 0 0 3.2rem;
    padding: 0;
    list-style: none;
    gap: .8rem
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 1.4rem;
    line-height: 1.57;
    font-weight: 400;
    white-space: nowrap
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.2rem;
    line-height: 1.33
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price:not(:empty)~.price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price:not(:empty)~.price {
    color: #ed1847
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount {
    display: none!important;
    position: relative;
    z-index: 0;
    align-items: center;
    padding: .5rem 1rem;
    background: #ed1847;
    color: #fff
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 1.2rem;
    line-height: 1.33;
    font-weight: 700;
    white-space: nowrap
}

.items-in-cart ol.minicart-items li.product-item .product,.minicart-items-wrapper ol.minicart-items li.product-item .product {
    display: grid;
    grid-template-columns: 8rem 1fr;
    background-color: #f9f9f9
}

.items-in-cart ol.minicart-items li.product-item .product .product-image-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-image-container {
    display: flex;
    position: relative;
    width: 100%!important;
    height: 8rem!important;
    margin: auto 0;
    padding: .8rem
}

.items-in-cart ol.minicart-items li.product-item .product .product-image-container .product-image-wrapper,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-image-container .product-image-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.items-in-cart ol.minicart-items li.product-item .product .product-image-container .product-image-wrapper img,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-image-container .product-image-wrapper img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.items-in-cart ol.minicart-items li.product-item .product .product-image-container picture,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-image-container picture {
    width: 100%;
    height: 100%
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-bundle-pack-name,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-bundle-pack-name {
    display: block;
    margin: 1.6rem .8rem 0 0
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-bundle-pack-name+.product-item-details>.product-item-inner>.product-item-name-block,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-bundle-pack-name+.product-item-details>.product-item-inner>.product-item-name-block {
    padding-top: 0
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-bundle-pack-name span,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-bundle-pack-name span {
    font-weight: 600;
    line-height: 1
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner {
    display: flex;
    justify-content: space-between;
    min-height: 100%
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-self: center;
    padding: 1.6rem .8rem 1.6rem 0;
    overflow: hidden
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name {
    width: 100%;
    font-weight: 600
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty {
    display: inline-flex;
    margin: .4rem 1.6rem 0 calc(-.8rem - .1rem);
    padding-left: .8rem;
    border-left: .1rem solid #d2d2d2;
    gap: .4rem
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty .label,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty .label {
    color: #666
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal {
    align-self: flex-end;
    padding: 1.6rem 1.6rem 1.6rem 0
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount {
    order: 1;
    line-height: 1;
    white-space: nowrap
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price {
    order: 2;
    line-height: 1;
    white-space: nowrap
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .final-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .final-price {
    order: 3;
    line-height: 1;
    white-space: nowrap
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price {
    order: 2;
    line-height: 1;
    white-space: nowrap
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .free-gift .icon-gift,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .free-gift .icon-gift {
    background-image: url(../../frontend/Atomic/default/default/sprites/icons/gift.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner div:last-of-type[data-bind],.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner div:last-of-type[data-bind] {
    display: none!important
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container {
    display: flex;
    justify-content: flex-end;
    padding: 0 .8rem .8rem 0
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price {
    text-decoration: line-through;
    color: #666
}

.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount-price {
    color: #ed1847
}

.items-in-cart ol.minicart-items li.product-item .product .message,.minicart-items-wrapper ol.minicart-items li.product-item .product .message {
    grid-column: span 2;
    margin: 0 1.6rem .8rem .8rem
}

.table-totals {
    width: 100%;
    vertical-align: top
}

.table-totals .totals.shipping th.mark span.price {
    display: block;
    color: #767f86;
    font-size: 1.2rem
}

.table-totals .totals.shipping th.mark span.price span.-bold span.price {
    display: inline;
    color: #000;
    font-weight: 700
}

.table-totals td,.table-totals th {
    padding: 0 0 1.6rem;
    vertical-align: top
}

.table-totals tr:first-of-type td,.table-totals tr:first-of-type th {
    padding-top: 1.6rem;
    border-top: .1rem solid #d2d2d2
}

.table-totals tr:last-of-type td,.table-totals tr:last-of-type th {
    padding-top: 1.6rem;
    border-top: .1rem solid #d2d2d2;
    border-bottom: .1rem solid #000
}

.table-totals .table-caption {
    display: none
}

.table-totals .amount b,.table-totals .amount strong,.table-totals .mark b,.table-totals .mark strong {
    font-weight: 600
}

.table-totals .amount {
    text-align: right
}

.table-totals a.action {
    color: inherit;
    text-decoration: underline
}

.table-totals a.action:focus,.table-totals a.action:hover {
    color: #666
}

.table-totals .notice {
    display: block;
    margin-top: .4rem
}

.table-totals .notice .-bold {
    font-weight: 600
}

.table-totals .totals.discount .title {
    display: inline-block;
    margin: 0;
    font-size: 1.4rem
}

.table-totals .totals .discount.coupon {
    display: none
}

.table-totals .totals .price[data-th*=".discount"],.table-totals .totals.cart-coupon .price,.table-totals .totals.giftcard .price {
    color: #ed1847
}

.table-totals .cart_summary_btn-remove {
    display: none
}

.checkout-summary .opc-block-summary {
    display: flex;
    flex-direction: column
}

.cart-informational {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 1.5rem;
    border-top: .1rem solid rgba(105,110,113,.5)
}

.cart-informational_title {
    color: #696e71;
    font-size: 1.2rem
}

.cart-informational_payment-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    list-style: none
}

.cart-informational_payment-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
    margin-left: 1rem
}

.cart-informational_payment-item * {
    height: 100%
}

.opc-sidebar div[data-role=focusable-end],.opc-sidebar div[data-role=focusable-start] {
    display: none
}

.opc-sidebar .modal-content {
    display: flex;
    flex-direction: column;
    padding: 1.6rem
}

.product-price {
    display: grid;
    grid-auto-flow: row;
    align-items: baseline;
    column-gap: .8rem;
    text-align: right
}

.-pdp.product-price {
    grid-auto-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left
}

.-pdp-sticky.product-price>* {
    margin-left: 1.5rem
}

.-plp.product-price {
    flex-wrap: wrap;
    align-items: center
}

.-product-bundle.product-price {
    grid-auto-flow: column
}

.product-price .not-saleable {
    color: #666
}

.product-price .not-saleable:empty,.product-price .price:empty {
    display: none
}

.product-price.-pdp .price,.product-price.-plp .price {
    font-weight: 600
}

.product-price.-product-bundle.-discounted .price {
    color: #ed1847
}

.product-price .old-price {
    position: relative;
    color: #999;
    text-decoration: line-through
}

.product-price .old-price:empty {
    display: none
}

.product-price.-pdp .old-price {
    order: 2;
    line-height: 1.3
}

.product-price.-pdp .old-price:not(:empty)~.price {
    color: #ed1847;
    font-size: 1.8rem
}

.product-price.-plp .old-price {
    grid-column: 2;
    font-weight: 400
}

.product-price.-plp .old-price:not(:empty)~.price {
    grid-row: 1;
    color: #ed1847
}

.product-price .discount,.product-price .new {
    display: inline-flex;
    position: relative;
    z-index: 0;
    align-items: center;
    justify-content: center;
    color: #fff
}

.product-price .discount:empty,.product-price .new:empty {
    display: none
}

.product-price .discount:before,.product-price .new:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    background: #ed1847
}

.product-price .new:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    background: #000
}

.product-price.-pdp-sticky .discount {
    padding-right: .8rem;
    padding-left: .8rem
}

.product-price.-pdp .discount,.product-price.-pdp .new {
    grid-column: 3;
    padding: .3em .5em .2em;
    font-weight: 700
}

.product-price.-pdp .new {
    order: 3
}

.product-price.-plp .discount {
    grid-column: 3;
    grid-row: 1;
    margin-top: -.1rem;
    padding: .3em .5em .2em;
    font-weight: 700
}

.product-price.-mpb .price,.product-price.-pdp-sticky .old-price,.product-price.-pdp-sticky .price {
    font-weight: 700
}

.product-price.-mpb .old-price {
    margin-right: 1.6rem;
    font-weight: 700
}

.product-price.-mpb .discount {
    padding: 0 .4rem 0 .3rem
}

.product-price.-product-box {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end
}

.product-price.-product-box .old-price {
    color: #666
}

.product-price.-product-box .discount,.product-price.-product-bundle .discount {
    display: none
}

.product-ranking {
    display: flex
}

.-pdp-title.product-ranking {
    display: inline-flex;
    margin-left: .5rem
}

.product-ranking .bv-write-review-link {
    font-weight: 600
}

.product-ranking.-pdp .product-ranking_container,.product-ranking.-pdp .product-ranking_container .icon-item {
    height: 1.6rem
}

.product-ranking.-pdp .product-ranking_rating {
    height: 1.2rem;
    margin-top: 0;
    margin-bottom: 0
}

.product-ranking_stars {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center
}

.-pdp-title .product-ranking_stars {
    display: flex;
    flex-direction: row-reverse
}

.product-ranking_container {
    display: inline-flex;
    position: relative;
    align-items: center;
    width: 7.5999rem;
    height: 1.12rem;
    overflow: hidden
}

[data-bv-mode=icon-only] .product-ranking_container,[data-bv-mode=icon-only] .product-ranking_container .icon-item {
    width: 20.3rem;
    height: 3rem
}

[data-bv-mode=title] .product-ranking_container {
    width: 13.5rem;
    height: 2rem;
    margin-top: .6rem
}

[data-bv-mode=title] .product-ranking_container .icon-item {
    width: 13.5rem;
    height: 2rem
}

.product-ranking_container .icon-item {
    position: relative;
    z-index: 10;
    width: 7.5999rem;
    height: 1.12rem
}

.product-ranking_container .icon-item svg {
    fill: #d2d2d2
}

.product-ranking_percent {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 0;
    overflow: hidden
}

.product-ranking_percent svg {
    fill: #000!important
}

.product-ranking_rating {
    margin: auto 1.6rem auto .8rem;
    color: #333
}

[data-bv-mode=icon-only] .product-ranking_rating {
    display: none
}

[data-bv-mode=title] .product-ranking_rating {
    margin-right: .5rem;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

#bazaarvoice-reviews .bv-content-review {
    border-top: .1rem solid #dbdbdb!important
}

#bazaarvoice-reviews .bv-content-datetime .bv-content-datetime-stamp,#bazaarvoice-reviews .bv-fullprofile-popup-target {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif!important;
    font-size: 1.2rem!important;
    font-stretch: normal!important;
    font-style: normal!important;
    font-weight: 400!important;
    pointer-events: none!important
}

#bazaarvoice-reviews .bv-content-header-meta .bv-rating-stars,#bazaarvoice-reviews .bv-content-review .bv-content-header-meta .bv-rating-stars {
    font-size: 1.8rem!important;
    letter-spacing: .5rem!important
}

#bazaarvoice-reviews .bv-content-details-offset-off .bv-content-summary,#bazaarvoice-reviews .bv-content-details-offset-on .bv-content-summary {
    background: rgba(0,0,0,0)!important;
    color: #000!important
}

#bazaarvoice-reviews .bv-content-details-offset-off .bv-content-summary .bv-content-summary-body-text,#bazaarvoice-reviews .bv-content-details-offset-on .bv-content-summary .bv-content-summary-body-text {
    opacity: .6!important;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif!important;
    font-size: 1.6rem!important;
    font-stretch: normal!important;
    font-style: normal!important;
    font-weight: 400!important
}

#bazaarvoice-reviews .bv-cv2-cleanslate .bv-content-data-summary .bv-content-rating {
    vertical-align: top!important
}

#bazaarvoice-reviews .bv-cv2-cleanslate .bv-content-data-summary .bv-content-meta {
    line-height: 2rem!important
}

#bazaarvoice-reviews .bv-content-title {
    margin-bottom: 2.5rem!important;
    color: #000!important;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif!important;
    font-size: 2.4rem!important;
    font-stretch: normal;
    font-style: normal!important;
    font-weight: 600!important;
    letter-spacing: normal!important;
    line-height: 1.33!important
}

.bv-reviews {
    margin-top: 6.4rem
}

.bv-reviews-title {
    display: inline-flex;
    margin: 0 0 2.4rem
}

label.bv-fieldset-label-checkbox:after,label.bv-fieldset-label-checkbox:before {
    content: none!important
}

.stickers-text {
    display: block;
    margin: 0;
    padding: 0
}

.-tile.stickers-text {
    margin: -.25rem
}

.-tile.stickers-text>div {
    margin: .25rem
}

.stickers-text>div {
    display: flex;
    position: relative;
    align-items: center;
    margin: .5rem 0;
    padding: .3rem 0;
    border: .1rem solid transparent;
    white-space: nowrap
}

.stickers-text>div .label {
    display: inline-block;
    z-index: 1;
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1
}

.stickers-text>div .label.-bg-primary {
    padding: .6rem 1.2rem .4rem;
    background-color: #ed1847;
    color: #fff
}

.stickers-text>div .label.-bg-default {
    padding: .6rem 1.2rem .4rem;
    background-color: #000;
    color: #fff
}

.stickers-image {
    display: block;
    position: absolute;
    z-index: 1;
    margin: 0;
    pointer-events: none;
    top: 0;
    right: 1.5rem
}

.stickers-image>div {
    display: flex;
    position: relative;
    align-items: center;
    margin: 0;
    border: .1rem solid transparent;
    border-radius: .5rem;
    white-space: nowrap
}

.stickers-image>div .label {
    z-index: 1;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase
}

.stickers-image .sticker-item {
    width: 4rem;
    height: 3rem
}

.stickers-image.-pdp {
    z-index: 2;
    top: 1.3rem;
    right: 1.2rem
}

.stickers-image.-pdp .sticker-item {
    width: 4rem;
    height: 4rem
}

.product-tile {
    --product-tile-variation-size: 3.2rem;
    position: relative;
    margin-bottom: 3rem;
    background-color: #f9f9f9;
    cursor: pointer;
    -webkit-touch-callout: none
}

.product-tile:hover .-wishlist-item-added .-compare,.product-tile:hover .product-tile_actions {
    opacity: 1
}

.product-tile_head {
    position: relative;
    z-index: 1;
    transition: opacity .25s
}

.-hovered .product-tile_head,.-hovered-leaving .product-tile_head {
    z-index: 3
}

.-coming-soon .product-tile_head,.-out-of-stock .product-tile_head {
    opacity: .4
}

.product-tile_head .product-price,.product-tile_head .product-ranking {
    margin-bottom: .5rem
}

.-mobile.product-tile_action {
    display: flex;
    position: relative;
    align-items: center;
    margin-left: 1rem;
    padding: 0;
    border: 0;
    background: 0 0;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: underline
}

.-mobile.product-tile_action:hover {
    text-decoration: none
}

.-mobile.-tooItems.product-tile_action {
    display: none
}

.-mobile.product-tile_action .icon-item {
    display: none;
    width: 1.6rem;
    height: 1.6rem
}

.product-tile_actions {
    display: flex;
    position: absolute;
    z-index: 2;
    top: 1.2rem;
    right: 1.2rem;
    flex-direction: column;
    transition: opacity .25s;
    opacity: 0
}

.-selected.product-tile_actions,.-wishlist-item-added.product-tile_actions {
    opacity: 1
}

.-wishlist-item-added.product-tile_actions .-compare {
    opacity: 0
}

.product-tile_actions .product-tile_action {
    padding: .8rem 1rem;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    background-color: #000;
    color: #fff
}

.product-tile_actions .product-tile_action.-tooItems {
    display: none
}

.product-tile_actions .product-tile_action.-selected {
    z-index: 1;
    background-color: #ed1847
}

.product-tile_actions .product-tile_action.-selected:hover span.label,.product-tile_actions .product-tile_action.-selected:hover span:not([class]) {
    visibility: hidden;
    opacity: 0
}

.product-tile_actions .product-tile_action.-selected.-tooItems {
    display: flex
}

.product-tile_actions .product-tile_action.-selected span[class]:not(.label) {
    visibility: visible;
    transition: opacity .25s,visibility .1s;
    opacity: 1
}

.product-tile_actions .product-tile_action.-selected .icon-item {
    background-color: #ed1847
}

.product-tile_actions .product-tile_action.-selected .icon-item svg {
    fill: #fff
}

.product-tile_actions .product-tile_action.-compare {
    visibility: hidden
}

.product-tile_actions .product-tile_action.-compare:hover .label,.product-tile_actions .product-tile_action.-compare:hover>span:not([class]),.product-tile_actions .product-tile_action.-wishlist:hover .label,.product-tile_actions .product-tile_action.-wishlist:hover>span:not([class]) {
    visibility: visible;
    transition: opacity .25s,visibility .1s;
    opacity: 1
}

.product-tile_actions .product-tile_action.-compare .label,.product-tile_actions .product-tile_action.-compare>span:not([class]),.product-tile_actions .product-tile_action.-wishlist .label,.product-tile_actions .product-tile_action.-wishlist>span:not([class]) {
    display: flex;
    visibility: hidden;
    position: absolute;
    left: 0;
    align-items: center;
    width: auto;
    height: 100%;
    padding: .8rem 1.6rem;
    transform: translateX(-100%);
    transition: opacity .25s,visibility .1s .25s;
    opacity: 0;
    background-color: #fff;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600
}

.product-tile_actions .btn-wishlist {
    width: 3.8rem;
    height: 3.8rem
}

.product-tile_image {
    position: absolute;
    z-index: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 5% 10% 0;
    transition: opacity .3s cubic-bezier(0,0,.17,1),transform .3s cubic-bezier(0,0,.17,1);
    opacity: 0
}

.product-tile[data-product-type=skis] .product-tile_image {
    margin-top: 0
}

.-active.product-tile_image {
    transition: opacity .4s cubic-bezier(0,0,.17,1),transform .4s cubic-bezier(0,0,.17,1);
    opacity: 1
}

.product-tile_image picture {
    position: absolute;
    z-index: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-tile_image picture img {
    object-fit: contain
}

.product-tile_image picture:first-child {
    transition: opacity .3s cubic-bezier(0,0,.17,1),transform .3s cubic-bezier(0,0,.17,1);
    opacity: 0
}

.product-tile_image picture:last-of-type {
    transition: opacity .4s cubic-bezier(0,0,.17,1),transform .4s cubic-bezier(0,0,.17,1);
    opacity: 1
}

.-hovered:not(.-variation-hovered) .product-tile_image picture:nth-child(2) {
    transform: scale(1.03);
    transition: opacity .3s cubic-bezier(0,0,.17,1),transform .3s cubic-bezier(0,0,.17,1);
    opacity: 0
}

.-hovered:not(.-variation-hovered) .product-tile_image picture:first-child {
    transform: scale(1.03);
    transition: opacity .4s cubic-bezier(0,0,.17,1),transform .4s cubic-bezier(0,0,.17,1);
    opacity: 1
}

.product-tile_body {
    display: grid;
    position: relative;
    grid-auto-flow: row;
    padding: 1.6rem .8rem
}

.-hovered .product-tile_body {
    overflow: initial
}

.-new .product-tile_body {
    margin-top: 0
}

.product-tile .stickers-text {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: calc(100% - 7rem)
}

.product-tile_collapse {
    z-index: 2;
    pointer-events: none
}

.-hovered .product-tile_collapse {
    transform: translate3d(0,0,0);
    transition-duration: .4s;
    pointer-events: auto
}

.product-tile_colwrap {
    transition: opacity .3s cubic-bezier(0,0,.17,1),transform .3s cubic-bezier(0,0,.17,1)
}

.-hovered .product-tile_colwrap {
    transition-duration: .4s;
    transition-delay: .132s;
    opacity: 1
}

.product-tile_colwrap .product-tile_price-additional {
    display: none
}

.product-tile_tags {
    margin: 1rem -.25rem .5rem;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
    z-index: 1;
    flex-flow: row wrap;
    pointer-events: none
}

.product-tile_tags li {
    padding: 0 .25rem .5rem
}

.product-tile_tags li>span:before {
    background: #666
}

.product-tile_variations {
    margin: 0 0 1.6rem;
    padding: 0;
    list-style: none;
    display: grid;
    position: relative;
    grid-gap: .8rem;
    grid-template-columns: repeat(auto-fill,var(--product-tile-variation-size))
}

.product-tile_variations li {
    display: flex;
    position: relative;
    z-index: 3;
    align-items: center;
    justify-content: center
}

.product-tile_variations li:before {
    content: "";
    display: block;
    z-index: 2;
    margin: -.1rem;
    transition: opacity .4s cubic-bezier(.215,.61,.355,1);
    border: .2rem solid #000;
    opacity: 0;
    pointer-events: none
}

.product-tile_variations li.-active:before,.product-tile_variations li:hover:before {
    opacity: 1
}

.product-tile_variations button {
    padding: 0;
    border: .1rem solid #d2d2d2;
    background: rgba(0,0,0,0);
    width: 100%
}

.product-tile_variations button:focus {
    outline: 0
}

.product-tile_variations button.focus-visible,.product-tile_variations button:focus-visible {
    outline: #009ccc solid .2rem!important
}

.product-tile_variations button.focus-visible[data-fv=true]:not(.-focus-visible),.product-tile_variations button:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.product-tile_variations button.focus-visible[data-fv=true].-focus-visible {
    outline: #009ccc solid .2rem!important
}

.product-tile_variations picture {
    width: auto;
    height: auto;
    margin: .3rem
}

.product-tile_variations picture img {
    object-fit: contain
}

.product-tile_sizes {
    --product-tile-sizes-space: 3.2rem;
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
    display: grid;
    position: relative;
    grid-gap: .8rem;
    grid-template-columns: repeat(auto-fit,minmax(var(--product-tile-sizes-space),max-content));
    align-content: space-between;
    justify-content: flex-start;
    order: -1;
    color: #333;
    font-size: 1.2rem
}

.product-tile_sizes li {
    position: relative;
    min-width: var(--product-tile-variation-size);
    height: var(--product-tile-variation-size);
    line-height: var(--product-tile-variation-size);
    text-align: center;
    white-space: nowrap
}

.product-tile_sizes li:not(.stock-soldonline) {
    border: .1rem solid #d2d2d2
}

.product-tile_sizes li a,.product-tile_sizes li span {
    display: inline-block;
    color: inherit
}

.product-tile_sizes li a {
    padding: 0 .4rem
}

.product-tile_sizes li a:hover {
    color: #ed1847
}

.product-tile_sizes li.-not-sold-online,.product-tile_sizes li.-out-of-stock {
    transition: opacity .25s;
    pointer-events: none
}

.product-tile_sizes li.-coming-soon,.product-tile_sizes li.-not-sold-online,.product-tile_sizes li.-online-only,.product-tile_sizes li.-out-of-stock {
    display: flex;
    position: absolute;
    z-index: 3;
    top: -2.4rem;
    left: 50%;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    height: auto;
    padding: .4rem 1.2rem;
    transform: translate(-50%,-100%);
    background-color: #000;
    color: #fff;
    white-space: normal
}

.product-tile_sizes li.-coming-soon span,.product-tile_sizes li.-not-sold-online span,.product-tile_sizes li.-online-only span,.product-tile_sizes li.-out-of-stock span {
    font-weight: 700
}

.product-tile_sizes li.-hide {
    display: none
}

.product-tile_sizes li.-more {
    text-align: center
}

.product-tile_sizes li.-disabled {
    opacity: .2;
    background-color: #d2d2d2
}

.product-tile_sizes li.-disabled a {
    color: #000;
    cursor: not-allowed;
    pointer-events: none
}

.-hide.product-tile_sizes {
    margin: 0
}

.-hide.product-tile_sizes>li:not(.stock-soldonline):not(.-out-of-stock) {
    display: none
}

.product-tile_info {
    position: relative;
    min-width: 100%
}

.product-tile_info .product-tile_info-general {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead {
    margin-bottom: 0;
    font-weight: 600
}

.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead a {
    color: inherit
}

.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead a:focus {
    outline: 0
}

.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead a.focus-visible,.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead a:focus-visible {
    outline: #009ccc solid .2rem!important
}

.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead a.focus-visible[data-fv=true]:not(.-focus-visible),.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead a:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead a.focus-visible[data-fv=true].-focus-visible {
    outline: #009ccc solid .2rem!important
}

.product-tile_info .product-tile_info-general .product-tile_info-title .product-tile_category {
    opacity: .6;
    font-size: 1.2rem
}

.product-tile_info .product-tile_info-general .product-tile_info-title .product-tile_color-label {
    display: none
}

.product-tile_info .product-tile_info-general .product-price {
    justify-content: flex-start;
    justify-items: flex-end;
    margin-top: .8rem;
    font-weight: 600;
    text-align: left;
    white-space: nowrap
}

.product-tile_info .product-tile_info-general .product-price .not-saleable {
    display: none
}

.product-tile_info .text-mention {
    display: inline-block
}

.product-tile_info .product-ranking {
    margin-top: 1.8rem;
    opacity: .99
}

.product-tile_info .product-ranking .product-ranking_rating {
    margin-left: .4rem;
    opacity: .6;
    font-size: 1.2rem
}

.product-tile .product-ranking {
    margin-top: 1.6rem
}

.infinity-scroll {
    grid-column: 1/-1
}

.infinity-scroll .product-tile-load-more {
    display: flex;
    flex-flow: column;
    align-items: center;
    min-height: 10rem;
    padding: 2rem 0
}

.infinity-scroll .product-tile-load-more .amasty-counter-text-button {
    margin-bottom: 2rem
}

.infinity-scroll .product-tile-load-more .infinity-scroll:focus {
    outline: 0
}

.infinity-scroll .product-tile-load-more .infinity-scroll.focus-visible,.infinity-scroll .product-tile-load-more .infinity-scroll:focus-visible {
    outline: #009ccc solid .2rem!important
}

.infinity-scroll .product-tile-load-more .infinity-scroll.focus-visible[data-fv=true]:not(.-focus-visible),.infinity-scroll .product-tile-load-more .infinity-scroll:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.infinity-scroll .product-tile-load-more .infinity-scroll.focus-visible[data-fv=true].-focus-visible {
    outline: #009ccc solid .2rem!important
}

.add-to-cart-klarna {
    display: flex;
    flex-flow: row;
    align-items: center
}

.add-to-cart-klarna klarna-placement div::part(osm-container) {
    min-height: auto;
    padding: .8rem 0;
    border: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: left
}

.add-to-cart-klarna klarna-placement div::part(osm-cta) {
    width: 100%;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.14;
    text-align: left
}

.add-to-cart-klarna klarna-placement div::part(osm-legal) {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.2rem
}

klarna-placement[data-key=credit-promotion-standard]>div {
    margin-right: auto;
    margin-left: auto
}

.add-to-cart-klarna .product-klarna-message_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem
}

.add-to-cart-klarna .product-klarna-message_icon .icon-payment-klarna {
    width: 1.6rem;
    height: 1.6rem
}

.size-table_tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.6rem
}

.-has-title.size-table_tabs {
    margin-top: 3.2rem
}

.size-table_tabs .size-table_tabs-title {
    font-weight: 900;
    text-transform: uppercase
}

.size-table_tabs button {
    padding: .4rem 1.6rem;
    border: 0;
    background: rgba(0,0,0,0);
    background-color: #f9f9f9;
    font-weight: 600
}

.size-table_tabs button:focus {
    outline: 0
}

.size-table_tabs button.-active {
    background-color: #000;
    color: #fff
}

.size-table_table {
    width: 100%;
    border-spacing: 0 .4rem;
    border-collapse: separate
}

.-no-tabs.size-table_table {
    margin-top: 3.2rem
}

.size-table_table .size-table_head-row,.size-table_table .size-table_row {
    background-color: #f9f9f9
}

.size-table_table .size-table_head-row td,.size-table_table .size-table_head-row th,.size-table_table .size-table_row td,.size-table_table .size-table_row th {
    padding: 1.6rem 2.4rem
}

.size-table_table .size-table_head-row th,.size-table_table .size-table_row th {
    font-weight: 600
}

.-horizontal.size-table_table th:not(:first-child) {
    text-align: center
}

.-horizontal.size-table_table td:first-child {
    font-weight: 600;
    text-align: left
}

.-horizontal.size-table_table td:not(:first-child),.-vertical.size-table_table td,.-vertical.size-table_table th {
    text-align: center
}

.-vertical.size-table_table td:first-child,.-vertical.size-table_table th:first-child {
    text-align: left
}

.-vertical.size-table_table td:first-child,.-vertical.size-table_table th {
    font-weight: 600
}

.size-table_table .swiper-container {
    width: 50%;
    max-width: 12.5rem
}

.size-table_table .swiper-control {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    position: absolute;
    z-index: 4
}

.size-table_table .swiper-control-prev {
    left: 0
}

.size-table_table .swiper-control-next {
    right: 0
}

.size-table_table .swiper-control:disabled {
    opacity: .4;
    cursor: not-allowed
}

.size-table_legend {
    margin-top: 3.2rem
}

.size-table_legend .size-table_legend-items {
    display: flex;
    align-items: center;
    padding-left: 0;
    list-style: none
}

.size-table_legend .size-table_legend-item {
    padding: 0 2.4rem
}

.size-table_legend .size-table_legend-item:first-child {
    padding: 0 2.4rem 0 0
}

.size-table_legend .size-table_legend-item:last-child {
    padding: 0 0 0 2.4rem
}

.size-table_legend .size-table_legend-item:not(:last-child) {
    border-right: .1rem solid #dbdbdb
}

.size-table[data-table-type=boots] .size-table_row .size-table_value:first-child {
    font-weight: 600
}

.module-wrapper {
    --spacing-small: 3.2rem;
    --spacing-default: 6.4rem;
    --spacing-large: 6.4rem;
    --spacing-footer: 8rem;
    --spacing-magazine-top: 4rem;
    display: grid;
    grid-template-columns: 100%
}

.module-wrapper>:not(:last-child) {
    margin-bottom: var(--spacing-default)
}

.-spacing-top-small.module-wrapper,.module-wrapper .-spacing-top-small {
    margin-top: var(--spacing-small)
}

.-spacing-bottom-small.module-wrapper,.module-wrapper .-spacing-bottom-small {
    margin-bottom: var(--spacing-small)
}

.-spacing-top.module-wrapper,.module-wrapper .-spacing-top {
    margin-top: var(--spacing-default)
}

.-spacing-bottom.module-wrapper,.module-wrapper .-spacing-bottom {
    margin-bottom: var(--spacing-default)
}

.-spacing-top-large.module-wrapper,.module-wrapper .-spacing-top-large {
    margin-top: var(--spacing-large)
}

.-spacing-bottom-large.module-wrapper,.module-wrapper .-spacing-bottom-large {
    margin-bottom: var(--spacing-large)
}

.-spacing-top-none.module-wrapper,.module-wrapper .-spacing-top-none {
    margin-top: 0
}

.-spacing-bottom-none.module-wrapper,.module-wrapper .-spacing-bottom-none {
    margin-bottom: 0
}

.module-wrapper_columns {
    display: grid;
    grid-template-columns: 100%
}

.module-wrapper_columns>:not(:last-child) {
    margin-bottom: var(--spacing-default)
}

.magazine-teaser_title-wrapper {
    display: grid;
    grid-auto-flow: column;
    align-items: end;
    justify-content: space-between;
    margin: 0 0 2.4rem
}

.magazine-teaser_btn-wrapper {
    display: grid;
    place-items: center;
    margin-top: 3.2rem
}

.magazine-teaser-grid {
    display: grid;
    gap: 1.6rem
}

.magazine-teaser-item {
    --item-ratio: 336/450;
    --image-scale: 1;
    display: grid;
    position: relative;
    overflow: hidden;
    color: #fff
}

.magazine-teaser-item:focus-visible,.magazine-teaser-item:hover {
    --image-scale: 1.1;
    color: #fff
}

.magazine-teaser-item:before {
    content: "";
    display: inline-grid;
    padding-bottom: calc(100%/(var(--item-ratio)))
}

.magazine-teaser-item:after {
    --shadow-height: 450/205;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100%/(var(--shadow-height)));
    opacity: .6;
    background-image: linear-gradient(to bottom,transparent,#000)
}

.magazine-teaser-item_picture {
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    transform: scale(var(--image-scale))
}

.magazine-teaser-item_picture img {
    object-fit: cover
}

.magazine-teaser-item_content {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    position: absolute;
    z-index: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 1.6rem
}

.magazine-teaser-item_date {
    padding: .4rem 1.2rem;
    background-color: #000;
    font-weight: 700
}

.magazine-teaser-item_title {
    margin: auto 0 .8rem
}

.magazine-teaser-item_categories {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.6rem;
    row-gap: .8rem
}

.image-teaser {
    display: grid
}

.image-teaser-item {
    --item-ratio: var(--image-format,375/240);
    --item-image-scale: 1;
    --item-foreground: #fff;
    --item-background: #000;
    display: grid;
    position: relative
}

.image-teaser-item:focus-visible,.image-teaser-item:hover {
    --item-image-scale: 1.1;
    --item-foreground: #000;
    --item-background: #fff
}

.image-teaser-item:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--item-ratio)))
}

.image-teaser-item_picture {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

.image-teaser-item_picture:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    opacity: .25;
    background-color: #fff
}

.image-teaser-item_picture img {
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    transform: scale(var(--item-image-scale));
    object-fit: cover
}

.image-teaser-item_content {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    position: absolute;
    align-content: space-between;
    padding: 3.2rem;
    justify-items: start
}

.image-teaser-item_title {
    -webkit-margin-after: .8rem;
    margin-block-end:.8rem;color: #000
}

.image-teaser-item_arrow {
    transition-property: color,background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    width: 3.2rem;
    height: 3.2rem;
    display: grid;
    background-color: var(--item-background);
    color: var(--item-foreground);
    place-items: center
}

.textblock {
    --textblock-max-width: 87.2rem;
    display: grid;
    color: var(--textblock-color);
    text-align: var(--textblock-align);
    justify-items: var(--textblock-justify)
}

.textblock_title {
    max-width: var(--textblock-max-width);
    margin: 0 0 3.2rem;
    text-align: start
}

.textblock_copy {
    max-width: var(--textblock-max-width);
    margin: 0
}

.titleblock {
    --titleblock-max-width: 87.2rem;
    position: relative;
    padding-block:3.2rem}

.-gray-bg.titleblock {
    padding-block:4rem}

.-gray-bg.titleblock:before {
    top: 0;
    right: -100vw;
    bottom: 0;
    left: -100vw;
    content: "";
    position: absolute;
    background-color: #f9f9f9
}

.titleblock_content {
    display: grid;
    position: relative;
    place-items: start
}

.titleblock_content>:last-child {
    margin-bottom: 0
}

.titleblock_title {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.titleblock_subtitle {
    margin-bottom: 3.2rem
}

.titleblock_copy {
    max-width: var(--titleblock-max-width);
    margin-top: 3.2rem;
    margin-bottom: 0
}

.titleblock_copy:empty {
    display: none
}

.titleblock_copy p:last-child {
    margin-bottom: 0
}

.titleblock .btn-primary {
    margin-top: 3.2rem
}

.squarelovin-teaser_title {
    margin: 0 0 2.4rem
}

div.squarelovin-container {
    margin: 0
}

div.squarelovin-container .squarelovin-head-container {
    display: none
}

div.squarelovin-container .squarelovin-widget-container {
    padding: 0
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container {
    --items-per-row: 2;
    --grid-gap: .8rem;
    display: grid;
    grid-template-columns: repeat(var(--items-per-row),1fr);
    grid-template-rows: auto;
    height: auto!important;
    gap: var(--grid-gap)
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item {
    --image-scale: 1;
    top: auto!important;
    right: auto!important;
    bottom: auto!important;
    left: auto!important;
    display: grid;
    position: relative!important;
    width: auto!important;
    height: auto!important;
    overflow: hidden
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:focus-visible,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:hover {
    --image-scale: 1.1
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:after {
    content: "";
    display: inline-grid;
    padding-bottom: 100%
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item>img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    transform: scale(var(--image-scale));
    transition: transform .2s ease-in-out!important;
    object-fit: cover
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info {
    display: grid;
    padding: .8rem;
    opacity: 1!important;
    background-color: rgba(0,0,0,0)!important;
    place-items: end start
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info:before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 3.2rem;
    opacity: .2;
    background-image: linear-gradient(to bottom,transparent,#000)
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info br,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info small:first-of-type {
    display: none
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info .squarelovin-bordered-hover-name {
    display: flex;
    position: relative;
    align-items: center;
    margin: 0!important;
    padding: 0;
    border: 0;
    gap: .8rem
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info .squarelovin-bordered-hover-name:before {
    width: 1.6rem;
    height: 1.6rem;
    -webkit-mask-image: url(../../frontend/Atomic/default/default/sprites/icons/social-instagram.svg);
    mask-image: url(../../frontend/Atomic/default/default/sprites/icons/social-instagram.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    content: "";
    display: inline-flex;
    background-color: currentColor
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info small:last-of-type {
    display: none
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader {
    top: auto!important;
    right: auto!important;
    bottom: auto!important;
    left: auto!important;
    position: relative!important;
    grid-column: auto/span var(--items-per-row);
    height: auto!important;
    margin: calc(2.4rem - var(--grid-gap)) 0 0
}

.-desktop-grid-9 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader {
    display: none
}

div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-scroll-loader .squarelovin-click-loader {
    top: auto!important;
    right: auto!important;
    bottom: auto!important;
    left: auto!important;
    margin: 0!important;
    padding: 1.2rem 2rem!important
}

div.squarelovin-overlay-background {
    overflow-y: auto
}

div.squarelovin-overlay-background .squarelovin-overlay .squarelovin-overlay-container {
    display: flex;
    flex-direction: column
}

div.squarelovin-overlay-background .squarelovin-overlay .squarelovin-overlay-container .squarelovin-overlay-mobile .squarelovin-overlay-arrow {
    top: 50%;
    transform: translateY(-50%)
}

div.squarelovin-overlay-background .squarelovin-overlay .squarelovin-overlay-container .squarelovin-overlay-posted-by {
    margin-block:auto 1rem}

div.squarelovin-overlay-background .squarelovin-overlay .squarelovin-overlay-container .squarelovin-overlay-headline {
    display: none
}

div.squarelovin-overlay-background .squarelovin-overlay .squarelovin-media-by-mobile {
    top: auto!important;
    right: auto!important;
    bottom: auto!important;
    left: 50%!important;
    display: inline-flex;
    position: relative;
    max-width: calc(100% - 10rem);
    margin: 0;
    transform: translate(-50%,-50%);
    background-position: left center!important;
    overflow-wrap: anywhere
}

div.squarelovin-overlay-background .squarelovin-overlay .squarelovin-overlay-powered,div.squarelovin-overlay-background .squarelovin-overlay .squarelovin-overlay-report {
    display: none!important
}

.item-slider {
    position: relative;
    overflow: visible
}

.-cut-mobile.item-slider {
    --width-ratio: ((375 - 16*2)/256);
    width: calc(100%/var(--width-ratio));
    margin: 0 auto 0 0
}

.-cut-mobile.item-slider>nav {
    width: calc(100%*var(--width-ratio))
}

.-single-slide .item-slider-nav {
    display: none
}

.item-slider-nav .is-swiper-button-next,.item-slider-nav .is-swiper-button-prev {
    --nav-btn-scale-x: 1;
    --nav-btn-offset-direction: 1;
    --nav-btn-offset: 0;
    --nav-btn-translate-x: calc(var(--nav-btn-offset)*var(--nav-btn-offset-direction));
    padding: 0;
    border: .2rem solid #000;
    background: rgba(0,0,0,0);
    transition-property: color,background-color,opacity;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    width: 5.6rem;
    height: 5.6rem;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    display: grid;
    position: absolute;
    z-index: 1;
    transform: translate(var(--nav-btn-translate-x),-50%) scaleX(var(--nav-btn-scale-x));
    background-color: #000;
    color: #fff;
    place-items: center
}

.item-slider-nav .is-swiper-button-next:focus-visible,.item-slider-nav .is-swiper-button-next:hover,.item-slider-nav .is-swiper-button-prev:focus-visible,.item-slider-nav .is-swiper-button-prev:hover {
    background-color: #fff;
    color: #000
}

.s-container .item-slider-nav .is-swiper-button-next,.s-container .item-slider-nav .is-swiper-button-prev {
    --nav-btn-offset: 1.6rem
}

.item-slider-nav .is-swiper-button-next.swiper-button-disabled,.item-slider-nav .is-swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.-hide-arrows .item-slider-nav .is-swiper-button-next,.-hide-arrows .item-slider-nav .is-swiper-button-prev {
    display: none
}

.item-slider-nav .is-swiper-button-prev {
    --nav-btn-scale-x: -1;
    --nav-btn-offset-direction: -1;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0
}

.item-slider-nav .is-swiper-pagination {
    display: flex;
    justify-content: center;
    gap: .4rem;
    margin-top: 2.4rem
}

.item-slider-nav .is-swiper-pagination .swiper-pagination-bullet {
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    position: relative;
    flex: 0 1 auto;
    width: 2.5rem;
    height: .4rem;
    background-color: #d2d2d2;
    cursor: pointer
}

.item-slider-nav .is-swiper-pagination .swiper-pagination-bullet:only-child {
    display: none
}

.item-slider-nav .is-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000
}

.item-slider-nav .is-swiper-pagination .swiper-pagination-bullet:before {
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    padding: 1rem 0;
    transform: translateY(-50%)
}

.boot-popup-content {
    display: grid
}

.boot-popup-item {
    --separator-spacing: 2.4rem;
    display: grid;
    margin-top: var(--separator-spacing);
    padding-top: var(--separator-spacing);
    border-top: .1rem solid #dbdbdb;
    gap: 2.4rem
}

.boot-popup-item_text>:last-child {
    margin-bottom: 0
}

.boot-popup-item_title {
    margin: 0 0 1.6rem;
    font-weight: 900
}

.boot-popup-item_picture {
    background-color: #f9f9f9
}

.boot-popup-item_picture img {
    object-fit: contain
}

.reusable-block {
    display: grid
}

.reusable-block_item {
    display: grid;
    justify-items: start
}

.reusable-block_item:not(:first-of-type) {
    --separator-spacing: 2.4rem;
    margin-top: var(--separator-spacing);
    padding-top: var(--separator-spacing);
    border-top: .1rem solid #d2d2d2
}

.reusable-block_title {
    margin: 0 0 .8rem;
    color: rgba(0,0,0,.6)
}

.reusable-block_copy>:last-child {
    margin-bottom: 0
}

.product-teaser .swiper-container {
    --width-ratio: ((375 - 16*2)/256);
    width: calc(100%/var(--width-ratio));
    margin: 0 auto 0 0
}

.product-teaser .swiper-container>nav {
    width: calc(100%*var(--width-ratio))
}

.product-teaser-title {
    margin: 0 0 2.4rem
}

.product-teaser .product-tile {
    height: 100%
}

.product-teaser .product-tile .bv-write-review-link {
    display: none
}

.error-page {
    display: grid;
    min-height: calc(var(--app-height) - 6rem);
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #f9f9f9;
    text-align: center;
    place-content: center;
    place-items: center
}

.error-page_title {
    margin-bottom: .8rem;
    font-size: min(40vw,12rem);
    font-weight: 900;
    line-height: 1
}

.error-page_copy {
    max-width: 76.1rem;
    margin-bottom: 2.4rem
}

.header-landing-swiper-nav {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    margin: 3.2rem 0 0;
    gap: 1.6rem
}

.header-landing-swiper-nav .hl-swiper-pagination {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 1.6rem
}

.header-landing-swiper-nav .hl-swiper-pagination .current,.header-landing-swiper-nav .hl-swiper-pagination .total {
    min-width: 1.6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center
}

.header-landing-swiper-nav .hl-swiper-pagination .current {
    transition-property: font-weight;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    font-weight: 600
}

.header-landing-swiper-nav .hl-swiper-pagination .separator {
    width: .1rem;
    height: 2rem;
    background-color: #d2d2d2
}

.header-landing-swiper-nav .hl-swiper-button-next,.header-landing-swiper-nav .hl-swiper-button-prev {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    width: 2.4rem;
    height: 2.4rem;
    display: grid;
    place-items: center
}

.header-landing-swiper-nav .hl-swiper-button-next .icon-item,.header-landing-swiper-nav .hl-swiper-button-prev .icon-item {
    width: 1.6rem;
    height: 1.6rem
}

.header-landing-slide {
    display: grid;
    gap: 3.2rem;
    overflow: hidden
}

.header-landing-hero {
    --pic-offset: calc((100% + 16px)/12*2);
    --pic-offset-right: 0;
    position: relative
}

.header-landing-hero_media {
    --hero-picture-ratio: 375/208;
    display: flex;
    position: relative;
    margin: 0 -1.6rem 1.6rem
}

.header-landing-hero_media:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--hero-picture-ratio)))
}

.header-landing-hero_picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center
}

.header-landing-hero_video .video-card_video[data-state=play] {
    z-index: 2
}

.header-landing-hero_title-wrapper {
    position: relative
}

.header-landing-hero_title {
    margin: 0 0 1.6rem;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.header-landing-hero_title:empty {
    display: none
}

.-remove-title-underline.header-landing-hero_title:before {
    content: none
}

.-bigger-line-height.header-landing-hero_title {
    line-height: 1
}

.header-landing-hero_title-duplicate {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    -webkit-clip-path: polygon(calc((100% + 16px)/6*2) 0,100% 0,100% 100%,calc((100% + 16px)/6*2) 100%);
    clip-path: polygon(calc((100% + 16px)/6*2) 0,100% 0,100% 100%,calc((100% + 16px)/6*2) 100%)
}

.header-landing-hero_ctas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.6rem
}

.header-landing-hero_applink {
    height: 4rem
}

.header-landing-hero_applink img {
    object-fit: contain
}

.header-landing-products {
    display: grid;
    gap: .8rem
}

.header-landing-product {
    transition-property: color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f9f9f9;
    color: #000;
    gap: 2.4rem
}

.header-landing-product:focus-visible,.header-landing-product:hover {
    color: #ed1847
}

.header-landing-product_picture {
    display: grid;
    position: relative;
    flex-shrink: 0;
    width: 8rem;
    justify-self: center
}

.header-landing-product_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: 100%
}

.header-landing-product_picture img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: contain
}

.header-landing-product_text {
    display: grid;
    align-content: center;
    padding: 1.6rem 2.4rem
}

.header-landing-product_title {
    margin: 0;
    font-weight: 600
}

.header-landing-product_price {
    margin: 0
}

.magazine-title_date {
    display: inline-flex
}

.magazine-footer_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 3.2rem;
    border-top: .1rem solid #d2d2d2;
    gap: calc(3.2rem - .8rem)
}

.magazine-footer_tags {
    display: flex;
    flex-wrap: wrap
}

.magazine-footer_tags>* {
    margin: 0 .8rem .8rem 0;
    padding: .4rem 1.2rem;
    background-color: #000;
    color: #fff;
    font-weight: 300
}

.magazine-footer_tags>:is(a) {
    transition-property: color,background-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.magazine-footer_tags>:is(a):focus-visible,.magazine-footer_tags>:is(a):hover {
    background-color: #fff;
    color: #000
}

.magazine-footer_icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2.4rem
}

.athlete-details_icon,.magazine-footer_icon {
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    color: #000
}

.athlete-details_icon:is(button),.magazine-footer_icon:is(button) {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0)
}

.athlete-details_icon:focus-visible,.athlete-details_icon:hover,.magazine-footer_icon:focus-visible,.magazine-footer_icon:hover {
    color: #ed1847
}

.quoteblock {
    --padding-x: 0;
    --icon-height: 5.6rem;
    position: relative
}

.-gray-bg.quoteblock:before {
    top: 0;
    right: -100vw;
    bottom: 0;
    left: -100vw;
    content: "";
    position: absolute;
    background-color: #f9f9f9
}

.quoteblock_content {
    position: relative;
    margin-top: calc(var(--icon-height)/2);
    padding: 4rem var(--padding-x) 3.2rem
}

.quoteblock_icon {
    top: 0;
    right: auto;
    bottom: auto;
    left: var(--padding-x);
    position: absolute;
    transform: translate(calc(.8rem*-1),-50%);
    color: #ed1847
}

.quoteblock_icon .icon-item {
    width: 6.6rem;
    height: var(--icon-height)
}

.quoteblock_quote {
    position: relative;
    max-width: 76.1rem;
    margin-bottom: 2rem
}

.quoteblock_quote p {
    margin: 0
}

.quoteblock_author {
    position: relative;
    color: rgba(0,0,0,.6)
}

.full-screen-slider .item-slider-nav .is-swiper-pagination .swiper-pagination-bullet {
    border-radius: unset;
    opacity: 1
}

.full-screen-slider .swiper-container {
    padding-inline:0}

.full-screen-slider .swiper-container.-single-slide>nav {
    display: none
}

.full-screen-slide {
    --full-screen-slide-pic-ratio: 343/230;
    display: grid;
    position: relative;
    margin: 0
}

.full-screen-slide_picture {
    --pic-ratio: 343/230;
    display: grid;
    position: relative;
    grid-area: 1/1/1/1
}

.full-screen-slide_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--full-screen-slide-pic-ratio)))
}

.full-screen-slide_picture img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    object-position: center top
}

.-has-video .full-screen-slide_picture img {
    object-position: center
}

.full-screen-slide_video {
    grid-area: 1/1/1/1
}

.titletext-teaser {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    row-gap: 2.4rem;
    justify-items: center
}

.titletext-teaser_items {
    --columnns: 1;
    --image-ratio: var(--image-format,1/1);
    display: grid;
    grid-template-columns: repeat(var(--columns),minmax(0,1fr));
    row-gap: 6.4rem;
    width: 100%
}

.titletext-teaser-item {
    --image-scale: 1;
    --hover-content-opacity: 1;
    display: flex;
    position: relative;
    flex-direction: column
}

.titletext-teaser-item:hover {
    --hover-content-opacity: 1
}

.titletext-teaser-item a {
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    display: flex;
    flex-direction: column;
    color: #000
}

.titletext-teaser-item a:focus-visible,.titletext-teaser-item a:hover {
    --image-scale: 1.1
}

.titletext-teaser-item_picture-wrapper {
    display: grid;
    position: relative;
    margin: 0 0 2.4rem
}

.titletext-teaser-item_picture-wrapper:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--image-ratio)))
}

.titletext-teaser-item_picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.titletext-teaser-item_picture img {
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(var(--image-scale));
    object-fit: cover
}

.titletext-teaser-item_hover-content {
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    z-index: 1;
    grid-template-columns: minmax(0,1fr);
    align-content: center;
    padding: 3.2rem;
    opacity: var(--hover-content-opacity);
    justify-items: center;
    row-gap: 1.6rem
}

.titletext-teaser-item_hover-content:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: flex;
    z-index: -1;
    background-color: rgba(0,0,0,.4)
}

.titletext-teaser-item_hover-text {
    color: #fff;
    text-align: center
}

.titletext-teaser-item_title {
    margin: 0 0 1.6rem;
    font-weight: 600
}

.titletext-teaser-item_copy {
    margin-bottom: 0
}

.downloadbox_card {
    --card-ratio: 344/450;
    display: grid;
    position: relative
}

.downloadbox_card:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--card-ratio)))
}

.downloadbox_header {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    position: absolute;
    align-content: end;
    padding: 3.2rem 1.6rem;
    color: #fff;
    justify-items: start;
    gap: 2.4rem
}

.downloadbox_picture {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

.downloadbox_picture:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    opacity: .4;
    background-color: #000
}

.downloadbox_picture img {
    object-fit: cover;
    object-position: center top
}

.downloadbox_copy {
    margin-bottom: 0
}

.downloadbox_content {
    --iframe-height: 0;
    --iframe-mt: 0;
    --iframe-mb: 0;
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    height: 0;
    overflow: hidden
}

.-active.downloadbox_content {
    height: calc(var(--iframe-height) + var(--iframe-mt) + var(--iframe-mb))
}

.downloadbox_iframe {
    width: 100%;
    height: var(--iframe-height);
    margin: var(--iframe-mt) 0 var(--iframe-mb)
}

.faq-accordion {
    --accordion-border: .1rem solid #dbdbdb;
    --icon-rotate: 0deg;
    --icon-line-horizontal-opacity: 1;
    transition-property: padding-bottom;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    position: relative;
    padding-bottom: 0;
    overflow: hidden;
    border-bottom: var(--accordion-border)
}

.faq-accordion:first-of-type {
    border-top: var(--accordion-border)
}

[open].faq-accordion:not(.-closing) {
    --icon-rotate: -90deg;
    --icon-line-horizontal-opacity: 0;
    padding-bottom: 2.4rem
}

.faq-accordion_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.4rem 0;
    list-style: none
}

.faq-accordion_title:focus {
    outline: 0
}

.faq-accordion_title:focus-visible:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    border: .2rem solid #009ccc;
    pointer-events: none
}

.faq-accordion_title::-webkit-details-marker,.faq-accordion_title::marker {
    display: none
}

.faq-accordion_icon {
    --icon-size: 2.4rem;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    position: relative;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-margin-start: 1.6rem;
    margin-inline-start:1.6rem;transform: rotate(var(--icon-rotate))
}

.faq-accordion_icon:after,.faq-accordion_icon:before {
    --icon-line-rotate: 0deg;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    content: "";
    position: absolute;
    width: .2rem;
    height: 58.3333333333%;
    transform: translate(-50%,-50%) rotate(var(--icon-line-rotate));
    background-color: currentColor
}

.faq-accordion_icon:before {
    --icon-line-rotate: 90deg;
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    opacity: var(--icon-line-horizontal-opacity)
}

.faq-accordion_content {
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.faq-accordion_content>:last-child {
    margin-bottom: 0
}

.faq-header {
    position: relative;
    padding-block:4rem 6.4rem}

.faq-header:before {
    top: 0;
    right: -100vw;
    bottom: 0;
    left: -100vw;
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #f9f9f9
}

.faq-header_title {
    margin-bottom: 3.2rem
}

.contact-box {
    display: grid;
    grid-auto-flow: row;
    gap: 1.6rem;
    padding: 1.6rem;
    background-color: #f9f9f9
}

.contact-box_icon {
    --icon-size: 3.2rem;
    --icon-box-size: 5.6rem;
    --icon-box-slant: 1.6rem;
    display: grid;
    width: calc(var(--icon-box-size) + var(--icon-box-slant));
    height: var(--icon-box-size);
    padding-right: var(--icon-box-slant);
    background-color: #000;
    color: #fff;
    place-items: center;
    -webkit-clip-path: polygon(0 0,100% 0,calc(100% - var(--icon-box-slant)) 100%,0% 100%);
    clip-path: polygon(0 0,100% 0,calc(100% - var(--icon-box-slant)) 100%,0% 100%)
}

.contact-box_icon .icon-item {
    width: var(--icon-size);
    height: var(--icon-size)
}

.contact-box_content {
    display: grid
}

.contact-box_content>:last-child {
    margin-bottom: 0
}

.contact-box_copy,.contact-box_title {
    margin-bottom: 1.6rem
}

.text-imprint {
    display: grid
}

.text-imprint_title {
    margin: 0 0 1.6rem;
    font-weight: 600
}

.text-imprint_copy {
    margin: 0
}

.text-imprint_copy>:last-child {
    margin-bottom: 0
}

.text-imprint_copy p {
    margin-bottom: 2.4rem
}

.apc-partners {
    display: flex;
    flex-direction: column
}

.apc-partners .swiper-container {
    --width-ratio: ((375 - 16*2)/256);
    width: calc(100%/var(--width-ratio));
    margin: 0 auto 0 0
}

.apc-partners .swiper-container>nav {
    width: calc(100%*var(--width-ratio))
}

.apc-partners .swiper-container .is-swiper-pagination {
    display: flex
}

.apc-partners_title-wrapper {
    display: grid;
    grid-auto-flow: column;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

.-mobile.apc-partners_btn {
    margin: 2.4rem auto 0
}

.apc-partners-item {
    --card-ratio: 256/390;
    --bottom-shadow-opacity: .9;
    --full-shadow-opacity: 0;
    display: grid;
    position: relative
}

.apc-partners-item:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--card-ratio)))
}

.apc-partners-item_picture {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

.apc-partners-item_picture:after,.apc-partners-item_picture:before {
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    content: "";
    position: absolute
}

.apc-partners-item_picture:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: var(--full-shadow-opacity);
    background-color: #000
}

.apc-partners-item_picture:after {
    --shadow-height: 390/174;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(100%/(var(--shadow-height)));
    opacity: var(--bottom-shadow-opacity);
    background-image: linear-gradient(to bottom,transparent,#000)
}

.apc-partners-item_picture img {
    object-fit: cover;
    object-position: center top
}

.apc-partners-item_content {
    --content-padding: 1.6rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    position: absolute;
    align-content: end;
    padding: var(--content-padding);
    color: #fff;
    justify-items: start
}

.apc-partners-item_title {
    margin-bottom: .4rem
}

.apc-partners-item_infos {
    transition-property: margin-bottom;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    display: grid;
    gap: .4rem;
    margin-bottom: 1.6rem
}

.apc-partners-item_info {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    color: inherit;
    gap: .8rem
}

.apc-partners-item_info:is(a) {
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

.apc-partners-item_info:is(a):focus-visible,.apc-partners-item_info:is(a):hover {
    color: #ed1847
}

.apc-partners-item_info .icon-item {
    width: 1.6rem;
    height: 1.6rem
}

.apc-partners-item_btns {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr auto;
    gap: .8rem;
    width: 100%
}

.apc-partners-item_btn {
    flex-grow: 1
}

.apc-partners-item_btn .icon-item {
    width: 1em;
    height: 1em
}

.apc-partners-item_btn .icon-item svg {
    transform: scale(1.7142857143)
}

.apc-partners-item_video-btn {
    flex-grow: 0
}

.apc-partners-item_popin .simplebar-content-wrapper {
    display: grid;
    place-items: center
}

.apc-partners-item_popin .simplebar-content {
    width: 100%
}

.apc-partners-item_popin .video {
    max-width: 100rem;
    margin: auto
}

.size-chart-content_layout {
    margin-top: 6.4rem
}

.-separators .size-chart-content_layout {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    border-top: .1rem solid #dbdbdb
}

.size-chart-content_title {
    margin: 0 0 2.4rem;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase
}

.size-chart-content_copy :last-child {
    margin-bottom: 0
}

.size-chart-content_copy strong {
    margin-bottom: 0;
    font-weight: 600
}

.size-chart-content_copy p {
    margin-bottom: 1.6rem
}

.layout-boots {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
    column-gap: 5.6rem
}

.layout-boots_picture img {
    object-fit: contain;
    max-height: 80vh
}

.layout-measurements_content {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
    column-gap: 1.6rem
}

.layout-norms {
    display: grid;
    row-gap: 2.4rem
}

.layout-norms_content {
    display: flex;
    flex-direction: column;
    row-gap: 5rem;
    column-gap: 5.6rem
}

.layout-size-tables {
    display: grid;
    row-gap: 3.2rem
}

.layout-size-tables table tr:not(:last-child) td,.layout-size-tables table tr:not(:last-child) th {
    border-bottom-width: .8rem
}

.layout-size-tables table tr td,.layout-size-tables table tr th {
    border: 0 solid transparent
}

.layout-size-tables table tr td:not(:last-child),.layout-size-tables table tr th:not(:last-child) {
    border-right-width: 5rem
}

.layout-size-tables table tr th {
    font-weight: 600
}

.layout-size-tables table tr th:not([colspan]) {
    width: 8rem
}

.template-title {
    text-transform: uppercase;
    display: grid;
    position: relative;
    padding-block:4rem}

.-gray-bg.template-title:after {
    top: 0;
    right: -100vw;
    bottom: 0;
    left: -100vw;
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #f9f9f9
}

.filters-actions {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.filters-actions_load {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 52;
    transition: opacity .3s cubic-bezier(.645,.045,.355,1)
}

.-filters-loaded .filters-actions_load {
    opacity: 0;
    pointer-events: none
}

.filters-actions_wrapper {
    -webkit-overflow-scrolling: touch;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: calc(100% - 20.2rem);
    overflow-x: hidden;
    overflow-y: scroll;
    transition: max-height .3s cubic-bezier(.645,.045,.355,1);
    background-color: #fff
}

.-expanded.filters-actions_wrapper {
    max-height: 21rem
}

.filters-actions_list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.filters-actions_list>li {
    padding: 0 2.4rem;
    border-bottom: .1rem solid #dbdbdb;
    white-space: nowrap
}

.filters-actions_list>li:last-child {
    border-bottom: 0
}

.-left.filters-actions_list {
    display: none
}

.-filters-active.-filter .-left.filters-actions_list {
    display: block
}

.-right.filters-actions_list {
    display: flex;
    position: absolute;
    right: 0;
    justify-content: flex-end;
    width: 80%;
    max-width: 40rem;
    padding-top: 1.6rem;
    padding-right: 0
}

.filters-actions_button {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 7.2rem;
    font-size: 1.8rem;
    font-weight: 600
}

.filters-actions_button:active,.filters-actions_button:hover {
    outline: 0
}

.filters-actions_button:hover .link {
    color: #ed1847
}

.filters-actions_button:hover .icon-item svg {
    fill: #ed1847
}

.filters-actions_button:focus {
    outline: 0
}

.-active.filters-actions_button .counter {
    display: flex;
    position: absolute;
    right: 3.1rem;
    order: 1
}

.filters-actions_button .-no-decoration.link {
    pointer-events: none
}

[aria-expanded=true].filters-actions_button .icon-item {
    transform: rotate(180deg);
    transform-box: fill-box;
    transform-origin: center
}

.-view-more .filters-actions_button .icon-item {
    width: 1.5rem;
    height: 1.5rem
}

.-view-more .filters-actions_button .icon-less {
    display: none
}

.-view-more .filters-actions_button .icon-more,.-view-more [aria-expanded=true].filters-actions_button .icon-less {
    display: block
}

.-view-more [aria-expanded=true].filters-actions_button .icon-more {
    display: none
}

.filters-actions_button>.text {
    order: 2
}

.filters-actions_button .counter {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    order: 1;
    min-width: 1.5rem;
    height: 1.2rem;
    margin-left: .5rem;
    overflow: hidden;
    border-radius: .6rem;
    background: #ed1847;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem
}

.filters-actions_button .icon-item {
    position: absolute;
    top: 50%;
    right: .5rem;
    order: 3;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    transform-box: fill-box;
    transition: transform .3s cubic-bezier(.645,.045,.355,1)
}

.filters-actions_button .icon-item svg {
    transition: fill .3s cubic-bezier(.645,.045,.355,1)
}

.filters-actions_body {
    position: relative;
    background: #fff
}

.filters-actions_content {
    display: flex;
    flex-flow: column nowrap;
    padding: 0 0 2rem
}

.-row.filters-actions_content {
    display: grid;
    gap: .8rem;
    text-align: center;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.-row.filters-actions_content>div,.-row.filters-actions_content>li {
    padding: 0
}

.filters-actions_content>div+div,.filters-actions_content>li+li {
    padding-top: 1.6rem
}

.filters-actions_content .show-explanation {
    position: absolute;
    top: .5rem;
    right: 0;
    width: 2.6rem;
    height: 2.6rem
}

.filters-actions_content .show-explanation .icon-less {
    display: none
}

.filters-actions_content .show-explanation+p {
    visibility: hidden;
    width: 100%;
    height: 0;
    margin: 0;
    color: #696e71;
    white-space: normal
}

.filters-actions_content .show-explanation.-active .icon-more {
    display: none
}

.filters-actions_content .show-explanation.-active .icon-less {
    display: block
}

.filters-actions_content .show-explanation.-active+p {
    visibility: visible;
    height: auto;
    margin: .5rem 0 1rem
}

.filters-actions_content label {
    margin-bottom: 0
}

.filters-actions_content .label {
    white-space: initial
}

.filters-actions_content .input-checkbox .label {
    font-weight: 600
}

.filters-actions_content .input-checkbox input+label {
    padding-left: 4rem
}

.filters-actions_content .input-checkbox:first-child .show-explanation {
    top: .5rem
}

.filters-actions_content .input-checkbox .show-explanation {
    cursor: pointer
}

.filters-actions_content .input-checkbox .show-explanation.-active+p {
    padding-left: 3.7rem
}

.filters-actions_content .input-radio {
    margin-bottom: 1.2rem;
    padding: .4rem 0 .4rem 3.7rem
}

.filters-actions_content .input-radio .label {
    font-weight: 600
}

.filters-actions_content .input-radio .checkmark {
    top: .6rem
}

.filters-actions_content .input-radio:last-child {
    margin-bottom: 0
}

.filters-actions_content .input-color .a11y-sr-only {
    top: 2.8rem;
    left: 50%;
    width: auto!important;
    height: auto!important;
    margin-top: .8rem!important;
    clip: unset!important;
    transform: translateX(-50%);
    font-weight: 600
}

.filters-actions_content .input-color .a11y-sr-only:first-letter {
    text-transform: capitalize
}

.filters-actions_content .input-color .a11y-sr-only span {
    text-transform: lowercase
}

.filters-actions_content .counter {
    position: absolute;
    margin: .2rem 0 0 .8rem;
    color: #999;
    font-weight: 400
}

.-row.content-grid-color.filters-actions_content {
    grid-row-gap: 1.6rem
}

.-row.content-grid-size.filters-actions_content {
    grid-gap: .8rem;
    width: 24rem
}

.filters-actions_link {
    padding: 0 0 2.4rem
}

.filters-actions_link .button-link .btn-secondary {
    width: 100%;
    padding: 1.4rem 2rem;
    line-height: 1.6rem
}

.filters-actions_title {
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 7.2rem;
    padding: 0 2.4rem;
    background: #fff;
    font-size: 2.2rem;
    font-weight: 900;
    text-transform: uppercase
}

.filters-actions_title:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .1rem;
    background: #dbdbdb
}

.filters-actions_title button {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    width: 2.6rem;
    height: 2.6rem
}

.filters-actions_title button .icon-item {
    width: 100%;
    height: 100%
}

.filters-actions_submit {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 13.9rem;
    padding: 2.8rem 2.4rem 1.6rem;
    border-top: .1rem solid #dbdbdb;
    background: #fff;
    text-align: center
}

.filters-actions_submit .link-btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    position: relative;
    margin-bottom: 1.6rem;
    border-bottom: .2rem solid #000;
    font-weight: 600;
    line-height: 1.6rem
}

.filters-actions_submit .link-btn .link {
    padding: .5rem 3.2rem .5rem 0;
    text-decoration: none
}

.filters-actions_submit .link-btn .icon-item {
    position: absolute;
    top: 0;
    right: 0
}

.filters-actions_submit .link-btn:hover svg {
    fill: #ed1847
}

.filters-actions_submit button.btn-primary {
    width: 100%
}

.filters-actions_submit button .count {
    display: none
}

.filters-actions_list .filter_ranking .filters-actions_body {
    min-width: 30rem
}

.filters-actions_list .filter_ranking .filters-actions_content div[data-bv-average="5.0000"] .product-ranking_percent {
    transform: translateX(0)
}

.filters-actions_list .filter_ranking .filters-actions_content div[data-bv-average="4.0000"] .product-ranking_percent {
    transform: translateX(-20%)
}

.filters-actions_list .filter_ranking .filters-actions_content div[data-bv-average="3.0000"] .product-ranking_percent {
    transform: translateX(-40%)
}

.filters-actions_list .filter_ranking .filters-actions_content div[data-bv-average="2.0000"] .product-ranking_percent {
    transform: translateX(-60%)
}

.filters-actions_list .filter_ranking .filters-actions_content div[data-bv-average="1.0000"] .product-ranking_percent {
    transform: translateX(-80%)
}

.filters-actions_list .filter_ranking .filters-actions_content div[data-bv-average="0.0000"] .product-ranking_percent {
    transform: translateX(-100%)
}

.filters-switcher {
    display: inline-flex;
    position: relative;
    flex-flow: row nowrap;
    background: #fff
}

.-one-item.filters-switcher button {
    width: 100%
}

.-one-item.filters-switcher button:first-child,.-one-item.filters-switcher button:last-child {
    border-width: 0
}

.filters-switcher button {
    padding: 1.9rem 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 700;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-switcher button:focus {
    outline: 0
}

.filters-switcher button.focus-visible,.filters-switcher button:focus-visible {
    outline: #009ccc solid .2rem!important
}

.filters-switcher button.focus-visible[data-fv=true]:not(.-focus-visible),.filters-switcher button:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.filters-switcher button.focus-visible[data-fv=true].-focus-visible {
    outline: #009ccc solid .2rem!important
}

.filters-switcher button span[class^=icon] {
    display: block;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem
}

.filters-switcher button span[class^=icon]+.text {
    flex: 1
}

.filters-switcher .text {
    order: 1;
    margin-right: .8rem;
    font-weight: 700;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-switcher .counter {
    display: none;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 1.5rem;
    height: 1.2rem;
    margin-right: .5rem;
    overflow: hidden;
    border-radius: 50%;
    background: #ed1847;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2rem;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-switcher .counter.-active {
    display: flex
}

.filters-switcher .counter .text {
    display: none
}

.filters-switcher .icon-item {
    order: 3
}

.filters-tags {
    visibility: hidden;
    position: relative;
    max-height: 0;
    overflow-y: hidden;
    transition: visibility .5s cubic-bezier(.645,.045,.355,1),max-height .5s cubic-bezier(.645,.045,.355,1)
}

.-active.filters-tags {
    visibility: visible;
    overflow-y: visible
}

.filters.s-container .-active.filters-tags {
    max-height: 25rem
}

.filters-tags_list {
    margin: 0;
    padding: 1rem 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.filters-tags_list li {
    margin: .5rem .8rem .5rem .2rem
}

.filters-tags_list li:last-child {
    margin: .5rem 0
}

.filters-tags_list li:first-child {
    margin-left: 0
}

.filters-tags_list li .tag {
    min-height: 2.4rem;
    padding: 0 1rem
}

.filters-tags_list li .tag>span {
    color: #fff
}

.filters-tags_list li .tag:after {
    min-height: 2.4rem;
    border-width: 0;
    background: rgba(0,0,0,0)
}

.filters-tags_list li .tag .icon-item {
    color: #fff
}

.filters-tags_clear-all {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    position: relative;
    margin-left: .5rem;
    opacity: 0
}

.filters-tags_clear-all:focus {
    outline: 0
}

.filters-tags_clear-all:focus-visible,.focus-visible.filters-tags_clear-all {
    outline: #009ccc solid .2rem!important
}

.filters-tags_clear-all:focus-visible[data-fv=true]:not(.-focus-visible),.focus-visible[data-fv=true].filters-tags_clear-all:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.filters-tags_clear-all {
    outline: #009ccc solid .2rem!important
}

.-active .filters-tags_clear-all {
    opacity: 1
}

.filters-tags_clear-all .link {
    padding-bottom: .5rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none
}

.filters-tags_clear-all .link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    transition: .3s cubic-bezier(.165,.84,.44,1);
    background-color: #000
}

.filters-tags_clear-all .link:hover:after {
    background-color: #ed1847
}

.filters {
    z-index: 50;
    margin-bottom: 1.6rem;
    border-top: .1rem solid #dbdbdb;
    background: #fff
}

.filters:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 6.4rem;
    right: 0;
    width: 100%;
    height: .1rem;
    background: #dbdbdb
}

.filters:after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    visibility: hidden;
    z-index: 1;
    transition: opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s;
    opacity: 0;
    background: #000
}

.filters .filters-actions {
    visibility: hidden;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 90%;
    transform: translateX(100%);
    transition: transform .5s cubic-bezier(.215,.61,.355,1),visibility .1s .5s
}

.filters .filter-mobile-column {
    position: relative
}

.-loaded .filters {
    position: relative;
    width: calc(100% + 3.2rem);
    margin-right: -1.6rem;
    margin-left: -1.6rem;
    transition: transform .5s
}

.-filters-active.filters:after {
    visibility: visible;
    transition: opacity .5s cubic-bezier(.215,.61,.355,1),visibility;
    opacity: .3
}

.-filters-active.filters .filters-actions {
    display: flex;
    visibility: visible;
    transform: none;
    transition: transform .5s cubic-bezier(.215,.61,.355,1),visibility;
    background: #fff
}

.-filters-active.filters .filters-actions_title {
    display: flex
}

.-filters-active.filters .filters-actions_submit {
    flex-direction: column
}

.-filters-opened:not(.-search-opened) .filters {
    z-index: 101
}

.certificates_search-box .icon-item {
    position: absolute;
    bottom: 1.6rem;
    width: 2.8rem;
    height: 2.8rem;
    cursor: pointer;
    pointer-events: all
}

.certificates_search-box .icon-item.icon-close {
    visibility: hidden;
    right: 1.6rem;
    transition: opacity .25s,visibility .1s .25s;
    opacity: 0
}

.certificates_search-box .icon-item.icon-close.-show {
    visibility: visible;
    transition: opacity .25s,visibility .1s;
    opacity: 1
}

.certificates_search-box .search-input {
    height: 4.8rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

.certificates_search-box .search-input input {
    height: 4.8rem
}

.certificates {
    display: flex;
    flex-direction: column
}

.certificates_title {
    margin-bottom: 4rem
}

.certificates_search-box {
    position: relative;
    height: auto;
    padding: 0 0 .8rem 3.2rem;
    border-bottom: .1rem solid #dbdbdb;
    background-color: #fff;
    margin: 0;
    border-width: .1rem
}

.certificates_search-box .icon-item.icon-search {
    left: 0;
    width: 2.8rem;
    height: 2.8rem
}

.certificates_search-input[type=text] {
    width: 100%;
    min-height: .88;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: rgba(0,0,0,0);
    font-weight: 600;
    text-transform: uppercase
}

.certificates_search-input[type=text]:focus {
    outline: 0
}

.certificates_search-label {
    margin-top: 1.6rem;
    color: rgba(0,0,0,.6)
}

.certificates_filters {
    width: 100%;
    margin-top: 4rem;
    overflow: visible
}

.certificates_filters .-right.filters-actions_list {
    display: none
}

.certificates_filter-btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: inline-flex;
    font-weight: 600
}

.certificates_filter-btn sup {
    top: auto;
    margin-left: .8rem;
    opacity: .6
}

.-active.certificates_filter-btn {
    border-bottom: .2rem solid #ed1847;
    color: #ed1847
}

.certificates_results {
    display: grid;
    gap: .4rem
}

.certificates_result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2.1rem 2.4rem;
    background-color: #f9f9f9
}

.certificates_result-id {
    margin-bottom: .4rem
}

.certificates_result-title {
    margin-bottom: 1.6rem;
    font-weight: 600
}

.certificates_load-more-btn {
    margin-top: 4rem
}

@keyframes quick-shop-card-message {
    0%,99% {
        visibility: visible;
        z-index: 1;
        transform: translate(0,1rem);
        opacity: 0
    }

    10%,90% {
        transform: none;
        opacity: 1
    }

    100% {
        visibility: hidden;
        z-index: -1;
        opacity: 0
    }
}

.quick-shop {
    position: relative
}

.quick-shop_title {
    margin-bottom: 3.2rem
}

.quick-shop_img-area {
    position: relative;
    margin: 0 -1.6rem .8rem
}

.full-screen-slide .quick-shop_img-area {
    margin-inline:0}

.quick-shop_picture {
    --pic-ratio: var(--full-screen-slide-pic-ratio,375/315);
    display: grid;
    position: relative
}

.quick-shop_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--pic-ratio)))
}

.quick-shop_picture img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: cover
}

.quick-shop_btns {
    --btn-size: 3.2rem;
    top: calc(var(--btn-size)/2);
    right: calc(var(--btn-size)/2);
    bottom: calc(var(--btn-size)/2);
    left: calc(var(--btn-size)/2);
    position: absolute
}

.quick-shop_btn {
    --btn-rotate: 0deg;
    padding: 0;
    border: .2rem solid #fff;
    background: rgba(0,0,0,0);
    transition-property: background-color,color,transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    top: auto;
    right: auto;
    bottom: var(--pos-y);
    left: var(--pos-x);
    display: grid;
    position: absolute;
    width: var(--btn-size);
    height: var(--btn-size);
    transform: translate(-50%,50%) rotate(var(--btn-rotate));
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    place-items: center
}

.-active.quick-shop_btn,.quick-shop_btn:focus-visible,.quick-shop_btn:hover {
    background-color: #ed1847;
    color: #fff
}

.-active.quick-shop_btn {
    --btn-rotate: -45deg
}

.quick-shop_card {
    --btn-size: 4rem;
    padding: .8rem;
    background-color: #f9f9f9
}

.quick-shop_card:not(.-active) {
    display: none
}

.quick-shop_card-inner {
    display: flex;
    position: relative;
    align-items: center
}

.quick-shop_card-buttons {
    display: grid;
    grid-auto-flow: column;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end
}

.-not-saleable.quick-shop_card .quick-shop_card-buttons {
    display: none
}

.quick-shop_card-link {
    display: flex;
    align-items: inherit;
    padding-right: 1.6rem
}

.quick-shop_card-pic {
    --pic-ratio: 1/1;
    display: grid;
    position: relative;
    flex-shrink: 0;
    width: 6.4rem
}

.quick-shop_card-pic:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--pic-ratio)))
}

.quick-shop_card-pic img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: contain
}

.quick-shop_card-info {
    margin-right: auto;
    margin-left: 2.4rem
}

.quick-shop_card-title {
    font-weight: 600
}

.quick-shop_card-price {
    flex-shrink: 0;
    margin-right: 2.4rem
}

.quick-shop_card-price .product-price.-pdp {
    align-items: baseline;
    justify-content: flex-start;
    margin-top: 0
}

.quick-shop_card-price .product-price.-pdp .old-price {
    grid-row: 2
}

.quick-shop_card-price .product-price.-pdp .discount {
    grid-column: 2
}

.quick-shop_card-sizes {
    display: none
}

.quick-shop_card-size-btn {
    --bg-opacity: 0;
    padding: 0;
    border: .1rem solid #d2d2d2;
    background: rgba(0,0,0,0);
    position: relative;
    min-width: 3.2rem;
    height: 3.2rem
}

.quick-shop_card-size-btn>span {
    padding-inline:.4rem}

.quick-shop_card-size-btn:focus-visible,.quick-shop_card-size-btn:hover {
    --bg-opacity: .2
}

.-active.quick-shop_card-size-btn {
    border-color: #000
}

[disabled].quick-shop_card-size-btn {
    --bg-opacity: .2;
    border-color: transparent;
    opacity: .2
}

.quick-shop_card-size-btn:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    opacity: var(--bg-opacity);
    background-color: #d2d2d2
}

.quick-shop_card-size-select {
    height: var(--btn-size);
    padding: .8rem 4rem .8rem 1.6rem;
    border: .1rem solid #696e71
}

.quick-shop_card-cta {
    display: grid;
    flex-shrink: 0;
    width: var(--btn-size);
    height: var(--btn-size);
    min-height: auto;
    margin: 0 .8rem;
    padding: 0;
    place-items: center
}

.quick-shop_card-message {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    visibility: hidden;
    z-index: -1;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: .1rem solid red;
    background-color: #fff;
    color: red;
    line-height: 1
}

.-visible.quick-shop_card-message {
    animation: 4s cubic-bezier(.645,.045,.355,1) forwards quick-shop-card-message
}

.quick-shop-2 {
    display: grid;
    gap: 3.2rem
}

.quick-shop-2_slider {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden
}

.quick-shop-2_picture {
    display: grid;
    position: relative;
    width: 100%
}

.quick-shop-2_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.quick-shop-2_content>:last-child {
    margin-bottom: 0
}

.quick-shop-2_title {
    margin-bottom: 3.2rem
}

.quick-shop-2_copy {
    margin-bottom: 2.4rem
}

.quick-shop-2_price {
    margin-bottom: 3.2rem;
    font-weight: 700
}

.pop-up-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.pop-up-content :last-child {
    margin-bottom: 0
}

.pop-up-content_picture {
    width: 100%;
    margin-top: 1.6rem;
    margin-bottom: 2.4rem
}

.pop-up-content_title {
    margin-bottom: 1.6rem
}

.pop-up-content_copy {
    margin-bottom: 2.4rem
}

.pop-up-content_copy :last-child {
    margin-bottom: 0
}

.pop-up-content_copy p {
    margin-bottom: 2.4rem
}

.custom-tabs_buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 3.2rem
}

.custom-tabs_button {
    padding: 1.6rem .8rem;
    border: 0;
    background: rgba(0,0,0,0);
    border-bottom: .2rem solid #dbdbdb;
    font-weight: 600;
    text-align: center
}

.custom-tabs_button:focus {
    outline: 0
}

.custom-tabs_button:focus-visible,.focus-visible.custom-tabs_button {
    outline: #009ccc solid .2rem!important
}

.custom-tabs_button:focus-visible[data-fv=true]:not(.-focus-visible),.focus-visible[data-fv=true].custom-tabs_button:not(.-focus-visible) {
    outline: 0!important
}

.focus-visible[data-fv=true].-focus-visible.custom-tabs_button {
    outline: #009ccc solid .2rem!important
}

.-active.custom-tabs_button {
    border-color: #000
}

.custom-tabs_contents {
    display: grid;
    grid-template-columns: minmax(0,1fr)
}

.custom-tabs_content:not(.-active) {
    display: none
}

.custom-tabs_content>:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.lens-chart-legend_title {
    margin-bottom: 2.4rem
}

.lens-chart-legend_items {
    display: grid
}

.lens-chart-legend_item {
    display: flex;
    align-items: flex-start
}

.lens-chart-legend_item:not(:last-child) {
    margin-bottom: 1.6rem
}

.lens-chart-legend_item-icon {
    -webkit-margin-end: 1.6rem;
    margin-inline-end:1.6rem}

.lens-chart-legend_item-copy {
    color: rgba(0,0,0,.6)
}

.link-teaser {
    display: flex;
    flex-direction: column
}

.link-teaser_slider {
    display: flex;
    flex-direction: column;
    width: 100%
}

.link-teaser_grid {
    --item-min-width: 25rem;
    --item-max-width: 1fr;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(var(--item-min-width),var(--item-max-width)));
    column-gap: 2.4rem;
    row-gap: 3.2rem
}

.-item-count-1.link-teaser_grid {
    --item-max-width: 50%
}

.link-teaser_title {
    margin-bottom: 3.2rem
}

.link-teaser-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.link-teaser-item>:last-child {
    margin-bottom: 0
}

.link-teaser-item .link-teaser-item_image {
    --item-ratio: var(--image-format,428/539);
    display: grid;
    position: relative;
    margin-bottom: 3.2rem
}

.link-teaser-item .link-teaser-item_image:before {
    content: "";
    display: inline-flex;
    position: relative;
    padding-bottom: calc(100%/(var(--item-ratio)))
}

.link-teaser-item .link-teaser-item_image img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    object-position: center top
}

.link-teaser-item .link-teaser-item_title {
    margin-bottom: 2.4rem
}

.link-teaser-item .link-teaser-item_copy {
    margin-bottom: 4rem;
    font-weight: 600
}

.link-teaser-item .link-teaser-item_links {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: auto;
    gap: 1.6rem
}

.athlete-details {
    display: grid
}

.athlete-details_picture {
    --picture-ratio: 1/1;
    display: grid;
    position: relative;
    order: -1;
    margin-bottom: calc(3.2rem - 2.4rem)
}

.athlete-details_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(var(--picture-ratio)*100%)
}

.athlete-details_picture img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: cover
}

.athlete-details_content {
    display: contents
}

.athlete-details_country {
    display: inline-flex;
    align-items: center;
    order: -2;
    margin-bottom: -.1rem;
    gap: 1.6rem
}

.athlete-details_country .flag-item {
    --flag-size: 2.1rem;
    width: var(--flag-size);
    height: var(--flag-size)
}

.athlete-details_item {
    padding-block:2.4rem;border-bottom: .1rem solid #d2d2d2
}

.athlete-details_item:last-child {
    -webkit-padding-after: 0;
    padding-block-end:0;border-bottom: 0
}

.athlete-details_item-title {
    margin-bottom: .8rem
}

.athlete-details_icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.4rem
}

.small-image-text {
    display: grid;
    grid-template-columns: 100%;
    gap: 3.2rem
}

.small-image-text_item {
    display: grid;
    grid-template-columns: 100%
}

.small-image-text_picture {
    --pic-ratio: 344/220;
    display: grid;
    position: relative;
    margin-bottom: 1.6rem
}

.small-image-text_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--pic-ratio)))
}

.small-image-text_picture img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    object-position: center top
}

.small-image-text_content {
    display: grid;
    grid-template-columns: 100%
}

.small-image-text_title {
    margin-bottom: .8rem;
    font-weight: 600
}

@keyframes main-loader-animate {
    0% {
        transform: rotate(0)
    }

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

.main-loader {
    visibility: hidden;
    position: fixed;
    z-index: 80;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: visibility .5s cubic-bezier(.645,.045,.355,1),opacity .5s cubic-bezier(.645,.045,.355,1),background-color .5s cubic-bezier(.645,.045,.355,1);
    opacity: 0;
    background-color: rgba(0,0,0,.3)
}

.-active.main-loader {
    visibility: visible;
    opacity: 1
}

.main-loader .main-loader_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.main-loader .main-loader_loader {
    width: 5rem;
    height: 5rem;
    animation: 2s linear infinite main-loader-animate;
    border: .5rem solid transparent;
    border-top: .5rem solid #000;
    border-radius: 50%
}

.merch-tile picture img {
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;"
}

.merch-tile {
    display: flex;
    position: relative;
    align-items: stretch;
    height: 100%;
    margin-bottom: 2rem
}

.merch-tile picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 100%
}

.merch-tile_content {
    display: flex;
    z-index: 1;
    flex: 1;
    flex-direction: column;
    padding: 2.5rem;
    text-align: center
}

.merch-tile_content .title {
    color: #fff
}

.-left .merch-tile_content {
    text-align: left
}

.-right .merch-tile_content {
    text-align: right
}

.-white .merch-tile_content {
    color: #fff
}

.merch-tile_action {
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: center
}

.merch-tile_action .merch-tile_action-content {
    width: 100%
}

.merch-tile_action .btn-primary {
    border: 0
}

.merch-link_container {
    background: rgba(0,0,0,0)
}

.merch-link_container .merch-imagelink {
    height: auto
}

.merch-link_container .title {
    color: #666
}

.merch-link_container .subtitle {
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 600
}

.title-and-button {
    display: grid;
    position: relative;
    grid-template-columns: 100%;
    padding-block:4rem 4rem}

.title-and-button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-color: #f9f9f9
}

.title-and-button_title {
    -webkit-margin-after: 3.2rem;
    margin-block-end:3.2rem}

.apc-contact-form {
    display: flex;
    flex-direction: column
}

.apc-contact-form iframe {
    width: 100%
}

.career {
    --col-width-big: calc(100%/(672/150));
    --col-width-small: calc(100%/(672/150));
    --grid-cols-template-desktop: var(--col-width-big) repeat(3,var(--col-width-small)) 1fr
}

.career_title {
    -webkit-margin-after: 2.4rem;
    margin-block-end:2.4rem}

.career_header {
    display: none;
    padding: 3.2rem;
    padding-right: calc(1.6rem + 2.4rem + 3.2rem);
    background-color: #f9f9f9;
    font-weight: 600
}

.career_header>:first-child {
    -webkit-margin-end: 4rem;
    margin-inline-end:4rem}

.career_header>:not(:first-child):not(:last-child) {
    -webkit-margin-end: 8rem;
    margin-inline-end:8rem}

.career_items {
    display: flex;
    flex-direction: column
}

.career-filter-popup_item,.career_item {
    --icon-rotate: 0deg;
    transition-property: padding-block-end,-webkit-padding-after;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    position: relative;
    overflow: hidden;
    border-bottom: .1rem solid #d2d2d2
}

[open].career-filter-popup_item:not(.-closing),[open].career_item:not(.-closing) {
    --icon-rotate: -180deg;
    -webkit-padding-after: 2.4rem;
    padding-block-end:2.4rem}

.career-filter-popup_item-summary,.career_item-summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-block:1.6rem;list-style: none
}

.career-filter-popup_item-summary:focus,.career_item-summary:focus {
    outline: 0
}

.career-filter-popup_item-summary:focus-visible:before,.career_item-summary:focus-visible:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    border: .2rem solid #009ccc;
    pointer-events: none
}

.career-filter-popup_item-summary::-webkit-details-marker,.career-filter-popup_item-summary::marker,.career_item-summary::-webkit-details-marker,.career_item-summary::marker {
    display: none
}

.career-filter-popup_item-summary-icon,.career_item-summary-icon {
    -webkit-margin-start: 1.6rem;
    margin-inline-start:1.6rem}

.career-filter-popup_item-summary-icon .icon-item,.career_item-summary-icon .icon-item {
    --icon-size: 1.6rem;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    width: var(--icon-size);
    height: var(--icon-size);
    transform: rotate(var(--icon-rotate))
}

.career_item-header {
    display: grid;
    grid-template-columns: 100%;
    flex-grow: 1
}

.career_item-header>:first-child {
    display: flex
}

.career_item-header>:not(:first-child) {
    display: none
}

.career-filter-popup_item-content,.career_item-content {
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.career-filter-popup_item-content:before,.career_item-content:before {
    content: "";
    display: flex;
    height: .8rem
}

.career_item-content-summary {
    display: grid;
    -webkit-margin-after: 2.4rem;
    margin-block-end:2.4rem;color: rgba(0,0,0,.6);
    gap: .4rem
}

.career_item-content-precopy,.career_item-content-title {
    -webkit-margin-after: 1.6rem;
    margin-block-end:1.6rem}

.career_item-content-copy,.career_item-content-precopy {
    --spacing-y: 3.2rem;
    display: flex;
    flex-direction: column
}

.career_item-content-copy>:last-child,.career_item-content-precopy>:last-child {
    -webkit-margin-after: 0;
    margin-block-end:0}

.career_item-content-copy p,.career_item-content-precopy p {
    -webkit-margin-after: var(--spacing-y);
    margin-block-end:var(--spacing-y)}

.career_item-content-copy p+p,.career_item-content-precopy p+p {
    -webkit-margin-before: calc(var(--spacing-y)*-1 + 2.4rem);
    margin-block-start:calc(var(--spacing-y)*-1 + 2.4rem)}

.career_item-content-copy strong,.career_item-content-precopy strong {
    -webkit-margin-after: .8rem;
    margin-block-end:.8rem;font-weight: 600
}

.career_item-content-copy ul,.career_item-content-precopy ul {
    -webkit-margin-after: var(--spacing-y);
    margin-block-end:var(--spacing-y);-webkit-padding-start: 3.6rem;
    padding-inline-start:3.6rem}

.career_item-content-btn {
    -webkit-margin-before: 3.2rem;
    margin-block-start:3.2rem}

.career-filter-popup {
    --backdrop-opacity: 0;
    --padding-block: 2.4rem;
    --padding-inline: 2.4rem
}

.-active.career-filter-popup {
    --backdrop-opacity: .3
}

.career-filter-popup:after {
    content: "";
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .5s cubic-bezier(.215,.61,.355,1);
    opacity: var(--backdrop-opacity);
    background: #000;
    pointer-events: none
}

.career-filter-popup_open-btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    font-weight: 700
}

.career-filter-popup_open-btn .icon-item {
    -webkit-margin-start: 1.6rem;
    margin-inline-start:1.6rem}

.career-filter-popup_popup {
    display: flex;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    width: 90%;
    padding-top: var(--header-height);
    transform: translateX(100%);
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    background-color: #fff
}

.-active.career-filter-popup_popup {
    transform: none
}

.career-filter-popup_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--padding-block) var(--padding-inline);
    border-bottom: .1rem solid #dbdbdb
}

.career-filter-popup_title {
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase
}

.career-filter-popup_close-btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0)
}

.career-filter-popup_items {
    overflow-y: auto
}

.career-filter-popup_item {
    padding-inline:var(--padding-inline)}

.career-filter-popup_item: last-child {
    border-bottom:0
}

.career-filter-popup_item-content {
    display: grid;
    grid-template-columns: 100%;
    gap: 1.6rem
}

.career-filter-popup_footer {
    display: grid;
    grid-template-columns: 100%;
    margin-top: auto;
    padding: var(--padding-block) var(--padding-inline);
    border-top: .1rem solid #dbdbdb;
    gap: 1.6rem
}

.career-filter-popup_clear-btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    display: flex;
    border-bottom: .2rem solid currentColor;
    color: #000;
    justify-self: center
}

.career-filter-popup_clear-btn:focus,.career-filter-popup_clear-btn:hover {
    color: #ed1847
}

.career-filter-popup_clear-btn .icon-item {
    -webkit-margin-start: 1.6rem;
    margin-inline-start:1.6rem}

.career-filter-dropdown {
    position: relative
}

.career-filter-dropdown_button {
    padding: .8rem 1.6rem;
    border: .1rem solid #696e71;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    height: 4rem
}

.-active.career-filter-dropdown_button,.career-filter-dropdown_button:focus,.career-filter-dropdown_button:hover {
    margin-inline:-.1rem;border-width: .2rem;
    border-color: #000
}

.career-filter-dropdown_button .icon-item {
    --icon-size: 1.5rem;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-margin-start: .5rem;
    margin-inline-start:.5rem}

.career-filter-dropdown_dropdown {
    display: grid;
    position: absolute;
    z-index: 1;
    top: calc(100% + .8rem);
    left: 0;
    grid-template-columns: 100%;
    min-width: 40rem;
    max-width: 45rem;
    max-height: 45rem;
    padding: 3.2rem;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)
}

.career-filter-dropdown_dropdown:not(.-active) {
    display: none
}

.career-filter-dropdown_dropdown .input-checkbox .label {
    font-weight: 600
}

.full-screen-image {
    width: 100%
}

.full-screen-image_image {
    position: relative;
    grid-column: 1/span var(--grid-full);
    grid-row: 1
}

.-white-text .full-screen-image_image:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,0))
}

.full-screen-image_image picture {
    --image-ratio: 240/344;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.full-screen-image_image picture:before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: calc(100%*(var(--image-ratio)))
}

.full-screen-image_image picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.full-screen-image_content {
    display: flex;
    position: relative;
    z-index: 1;
    grid-column: 1/span var(--grid-full);
    grid-row: 1;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 3.2rem
}

.-white-text .full-screen-image_content {
    color: #fff
}

.full-screen-image_content .btn-primary,.full-screen-image_content .btn-secondary {
    width: 3.2rem;
    height: 3.2rem
}

.full-screen-image_date {
    margin-top: 2.4rem
}

.full-screen-image_link {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute
}

.video-card {
    display: grid;
    position: relative;
    grid-template-columns: 100%;
    width: 100%;
    gap: .8rem
}

.-outside-layout.video-card {
    grid-template-columns: 8rem 1fr;
    align-items: center
}

.video-card_box {
    position: relative
}

.video-card_video {
    --card-ratio: var(--custom-card-ratio,16/9);
    display: grid;
    position: relative
}

.video-background.video-card_video {
    pointer-events: none
}

.video-background.video-card_video .video_pause {
    display: none
}

.video-background.video-card_video iframe {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

[data-provider=youtube] .video-background.video-card_video iframe {
    height: 200%
}

.video-card_video:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--card-ratio)))
}

.item-slider:not(.-single-slide) .video-card_video:after {
    content: "";
    margin: 6rem;
    background-color: rgba(0,0,0,0)
}

.video-card_cover {
    --text-color: #fff;
    --bg-color: #000;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    transition-property: color,background-color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color);
    color: var(--text-color)
}

.-pressed-play.video-card_cover {
    opacity: 0;
    pointer-events: none
}

.-show-cover-while-paused [data-state=pause]~.video-card_cover {
    opacity: 1;
    pointer-events: auto
}

.video-card_cover:focus,.video-card_cover:hover {
    --text-color: #000;
    --bg-color: #fff
}

.video-card_cover:before {
    content: ""
}

.video-card_cover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 1;
    opacity: .2;
    background-color: #000
}

.video-card_cover-pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.video-card_cover-pic img {
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0
}

.video-card_cover-pic img.-loaded {
    opacity: 1
}

.video-card_icon {
    --icon-size: 4.8rem;
    display: grid;
    z-index: 2;
    flex-shrink: 0;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-block:3.2rem;background-color: inherit;
    place-items: center
}

.video-card_icon .icon-item {
    --svg-size: 2rem;
    width: var(--svg-size);
    height: var(--svg-size)
}

.-outside-layout .video-card_icon {
    --icon-size: 2.4rem
}

.-outside-layout .video-card_icon .icon-item {
    --svg-size: .8rem
}

.video-card_title {
    z-index: 2;
    color: #fff;
    font-weight: 700
}

.-outside-layout .video-card_title {
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.375
}

.video-card_duration {
    color: #fff
}

.-outside-layout .video-card_duration {
    color: rgba(0,0,0,.6)
}

.video-card_popin .simplebar-content-wrapper {
    display: grid;
    place-items: center
}

.video-card_popin .simplebar-content {
    width: 100%
}

.video-card_popin .video {
    max-width: 100rem;
    margin: auto
}

.how-to-videos_slider .video-card {
    grid-template-columns: 100%;
    justify-items: center;
    gap: 1.6rem
}

.how-to-videos_slider .video-card_box {
    width: 100%
}

.how-to-videos_slider .video-card_title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1
}

.how-to-videos_slider .video-card .video-card_video {
    --card-ratio: 16/9
}

.how-to-videos_slider .video-card .video-card_icon {
    --icon-size: $space-md
}

.how-to-videos_slider .video-card .video-card_icon .icon-item {
    --svg-size: 2rem
}

.how-to-videos_grid {
    display: none;
    justify-items: center;
    gap: 2.4rem
}

.how-to-videos_grid-items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: start;
    width: 100%;
    column-gap: 1.6rem;
    row-gap: 4rem
}

.how-to-videos_grid-item {
    display: grid;
    grid-template-columns: minmax(0,1fr)
}

.how-to-videos_grid-item-subtitle {
    -webkit-margin-before: 1.6rem;
    margin-block-start:1.6rem}

.app-teaser_accordions ul.accordion {
    display: block;
    width: 100%
}

.app-teaser_accordions ul.accordion>li {
    border-bottom: .1rem solid #d2d2d2
}

.app-teaser_accordions ul.accordion>li:first-child {
    border-top: .1rem solid #d2d2d2
}

.app-teaser_accordions ul.accordion>li>h2,.app-teaser_accordions ul.accordion>li>h3,.app-teaser_accordions ul.accordion>li>h4,.app-teaser_accordions ul.accordion>li>h5,.app-teaser_accordions ul.accordion>li>h6 {
    margin-bottom: 0
}

.app-teaser_accordions ul.accordion .accordion_title {
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    padding: 3.2rem 0;
    font-weight: 600
}

.app-teaser_accordions ul.accordion .accordion_title:focus {
    outline: 0
}

.app-teaser_accordions ul.accordion .accordion_title .icon-item {
    flex-shrink: 0
}

.app-teaser_accordions ul.accordion .accordion_title .icon-item,.app-teaser_accordions ul.accordion .accordion_title .icon-item svg,.app-teaser_accordions ul.accordion .accordion_title .icon-item:before {
    transition: transform .25s
}

.app-teaser_accordions ul.accordion .accordion_title .icon-item.icon-more:before {
    position: absolute;
    z-index: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    height: .2rem;
    margin: auto .4rem;
    transform: scale(.5,.5);
    transition: transform .25s;
    background-color: currentColor
}

.app-teaser_accordions ul.accordion .accordion_title[aria-expanded=true] .icon-item {
    transform: rotate(180deg)
}

.app-teaser_accordions ul.accordion .accordion_title[aria-expanded=true] .icon-item.icon-more:before {
    transform: none
}

.app-teaser_accordions ul.accordion .accordion_title[aria-expanded=true] .icon-item.icon-more svg {
    transform: scale(0)
}

.app-teaser_accordions ul.accordion .accordion_content {
    padding-bottom: 3.2rem
}

.app-teaser_title {
    grid-column: span 4;
    margin-bottom: 3.2rem
}

.app-teaser_hero {
    grid-column: 1/span 4;
    grid-row: 2;
    width: calc(100% + 3.2rem);
    transform: translateX(-1.6rem)
}

.-align-left .app-teaser_hero {
    transform: translateX(1.6rem)
}

.app-teaser_hero picture {
    --item-ratio: 375/285;
    display: block;
    position: relative;
    overflow: hidden
}

.app-teaser_hero picture:before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: calc(100%/(var(--item-ratio)))
}

.app-teaser_hero picture img {
    position: absolute;
    top: 0;
    left: 0
}

.app-teaser_phone {
    position: relative;
    z-index: 1;
    grid-column: 1/span 4;
    grid-row: 2;
    width: 100%;
    max-width: 70%;
    margin: 4rem auto 0
}

.app-teaser_device {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.app-teaser_screen {
    margin: 5% 5.6%;
    background-color: #fff
}

.app-teaser_screen img {
    height: auto
}

.app-teaser_screen video {
    width: 100%;
    height: auto
}

.app-teaser_accordions {
    grid-column: span 4;
    grid-row: 3;
    margin-top: 4rem
}

.-single-accordion .app-teaser_accordions ul.accordion li:first-child {
    border: 0
}

.-single-accordion .app-teaser_accordions ul.accordion li:first-child .accordion_title {
    pointer-events: none
}

.-single-accordion .app-teaser_accordions ul.accordion li:first-child .accordion_title .icon-item {
    display: none
}

.gripwalk-header_banner {
    display: grid;
    grid-template-columns: 100%;
    background-color: #f9f9f9
}

.gripwalk-header_copy {
    margin-top: 6.4rem
}

.gripwalk-header_copy>:last-child {
    margin-bottom: 0
}

.gripwalk-header_container {
    --space-top: 3.2rem;
    --space-bottom: 6.4rem;
    display: grid;
    grid-template-areas: "logo-pic product-pic" "title title";
    grid-template-columns: minmax(0,40.8163265306%) 1fr;
    align-items: end;
    padding-block:var(--space-top) var(--space-bottom);row-gap: 2.4rem
}

.gripwalk-header_title {
    grid-area: title
}

.gripwalk-header_logo-pic {
    grid-area: logo-pic;
    margin-left: -1rem
}

.gripwalk-header_product-pic {
    grid-area: product-pic;
    width: 63.0541871921%;
    margin-block:calc(-5rem - var(--space-top)) -1.2rem;justify-self: center
}

.three-column-layout {
    display: grid;
    grid-template-columns: 100%
}

.three-column-layout_item {
    --separator-spacing: 2.4rem;
    display: grid;
    margin-bottom: var(--separator-spacing);
    padding-bottom: var(--separator-spacing);
    border-bottom: .1rem solid #d2d2d2;
    justify-items: start
}

.three-column-layout_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.three-column-layout_item-title {
    margin-bottom: .8rem;
    color: rgba(0,0,0,.6)
}

.three-column-layout_item-copy>:last-child {
    margin-bottom: 0
}

.event-teaser_title {
    margin-bottom: 2.4rem
}

.event-teaser-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.event-teaser-card>:last-child {
    margin-bottom: 0
}

.event-teaser-card_picture-wrapper {
    position: relative;
    width: 100%
}

.event-teaser-card_picture {
    --pic-ratio: 428/560;
    display: grid;
    position: relative;
    margin-bottom: 2.4rem
}

.event-teaser-card_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--pic-ratio)))
}

.-canceled .event-teaser-card_picture:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    opacity: .5;
    background-color: #fff
}

.event-teaser-card_picture img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    object-fit: cover
}

.event-teaser-card_info-label {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    position: absolute;
    margin: 2rem;
    padding: .4rem 1.2rem;
    background-color: #000;
    color: #fff;
    font-weight: 700
}

.event-teaser-card_title {
    margin-bottom: .4rem;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.4;
    text-transform: uppercase
}

.event-teaser-card_subtitle {
    margin-bottom: .8rem
}

.event-teaser-card_text {
    margin-bottom: 2rem
}

.event-teaser-card_tags {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    column-gap: 1.6rem;
    row-gap: .4rem
}

.-text-below.event-teaser-card_tags {
    margin-bottom: .8rem
}

.event-teaser-card_tag {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,.6)
}

.event-teaser-card_tag .icon-item {
    --icon-size: 2rem;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-right: .4rem;
    color: #000
}

.event-teaser-card_button:is(button) {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0)
}

.event-teaser-card_button:is(a,button) {
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-block:.4rem;border-bottom: .2rem solid currentColor;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.33;
    gap: .4rem
}

.event-teaser-card_button:is(a,button):focus,.event-teaser-card_button:is(a,button):hover {
    color: rgba(0,0,0,.6)
}

.event-teaser-card_button .icon-item {
    --icon-size: 1.6rem;
    width: var(--icon-size);
    height: var(--icon-size)
}

.gripwalk-text-teaser {
    padding-block:6.4rem;background-color: #f9f9f9
}

.gripwalk-text-teaser_content {
    display: grid;
    justify-items: start
}

.gripwalk-text-teaser_picture {
    width: 15rem;
    height: auto;
    margin-bottom: 3.2rem
}

.gripwalk-text-teaser_title {
    margin-bottom: 1.6rem;
    font-weight: 600
}

.gripwalk-text-teaser_copy:not(:last-child) {
    margin-bottom: 4rem
}

.countdown {
    display: grid;
    position: relative;
    grid-template-columns: 100%;
    padding-block:5.6rem 4rem;text-align: center;
    justify-items: center
}

.countdown:before {
    top: 0;
    right: -100vw;
    bottom: 0;
    left: -100vw;
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #f9f9f9
}

.countdown>:last-child {
    margin-bottom: 0
}

.countdown_title {
    margin-bottom: 2.4rem
}

.countdown_copy,.countdown_cta-copy {
    max-width: 65rem
}

.countdown_date {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 80vw;
    margin-block:6rem;font-weight: 900
}

.countdown_date-item {
    display: grid
}

.countdown_date-item-number {
    margin-bottom: 1.3rem
}

.countdown_date-item-number,.countdown_date-separator {
    font-size: min(6.4rem,6vw);
    line-height: .84
}

.countdown_date-item-label {
    font-size: min(2.2rem,5vw);
    line-height: .9090909091;
    text-transform: uppercase
}

.countdown_date-separator {
    margin-inline:.2rem}

.countdown_cta-copy {
    margin-bottom: 1.6rem
}

.partners_pagination {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2rem;
    margin-top: 2.4rem
}

.partners_pagination .swiper-pagination-bullet {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2rem;
    cursor: pointer
}

.partners_pagination .swiper-pagination-bullet:focus {
    outline: 0
}

.partners_pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: relative;
    width: 2.4rem;
    height: .4rem;
    transition: background-color .25s;
    background-color: #d2d2d2
}

.partners_pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:before {
    background-color: #000
}

.partners .swiper-container {
    margin: 0 -8px
}

.partners_title {
    grid-column: span 4;
    margin-bottom: 4rem
}

.partners_items {
    margin: 0 -1.6rem
}

.partners_item picture {
    --image-ratio: 178/317;
    display: block;
    position: relative;
    overflow: hidden
}

.partners_item picture:before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: calc(100%*(var(--image-ratio)))
}

.partners_item picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 8rem);
    height: calc(100% - 6rem);
    margin: 3rem 4rem;
    object-fit: contain
}

.partners_item .partners_item-link {
    text-align: center
}

.partners_item .partners_item-link .icon-item {
    width: 1.6rem;
    height: 1.6rem
}

.gripwalk-table_title {
    margin-bottom: 2.4rem
}

.gripwalk-table_table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0 .4rem;
    border-collapse: separate
}

.gripwalk-table_table tbody td:not(:first-child):not(.-active) {
    display: none
}

.gripwalk-table_table td {
    --spacing-x-outer: 2.4rem;
    padding: 2.1rem .2rem;
    background-color: #f9f9f9;
    font-weight: 600;
    text-align: center
}

.gripwalk-table_table td:first-child {
    -webkit-padding-start: var(--spacing-x-outer);
    padding-inline-start:var(--spacing-x-outer)}

.gripwalk-table_table td: last-child,.gripwalk-table_table td:not(:first-child) {
    -webkit-padding-end:var(--spacing-x-outer);
    padding-inline-end:var(--spacing-x-outer)}

.gripwalk-table_table td.-hide-mobile {
    display: none
}

.gripwalk-table_table td .icon-item {
    margin-inline:auto}

.gripwalk-table_slider .swiper-container-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.gripwalk-table_slider .swiper-container {
    display: flex
}

.gripwalk-table_slider .gwt-swiper-button-next,.gripwalk-table_slider .gwt-swiper-button-prev {
    --nav-btn-size: 2.4rem;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    display: grid;
    flex-shrink: 0;
    width: var(--nav-btn-size);
    height: var(--nav-btn-size);
    color: #000;
    place-items: center
}

.gripwalk-table_slider .gwt-swiper-button-next:focus:not([disabled]),.gripwalk-table_slider .gwt-swiper-button-next:hover:not([disabled]),.gripwalk-table_slider .gwt-swiper-button-prev:focus:not([disabled]),.gripwalk-table_slider .gwt-swiper-button-prev:hover:not([disabled]) {
    color: #000
}

.gripwalk-table_slider .gwt-swiper-button-next[disabled],.gripwalk-table_slider .gwt-swiper-button-prev[disabled] {
    color: rgba(0,0,0,.4)
}

.gripwalk-table_slider .swiper-slide {
    display: grid;
    place-items: center
}

.procedure_title {
    margin-bottom: 4rem
}

.procedure_item {
    --nr-size: 3.2rem;
    display: grid;
    position: relative;
    grid-auto-flow: column;
    align-items: center;
    justify-content: flex-start;
    padding: 2.4rem 0;
    border-bottom: .1rem solid #d2d2d2
}

.procedure_item:first-child {
    border-top: .1rem solid #d2d2d2
}

.procedure_item-nr {
    display: flex;
    position: relative;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: var(--nr-size);
    height: var(--nr-size);
    padding-inline:.4rem;color: #fff;
    font-weight: 900;
    line-height: 1;
    text-align: center
}

.procedure_item-nr:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 0;
    background-color: #000
}

.procedure_item-nr span {
    position: relative;
    z-index: 1
}

.procedure_item-text {
    margin-left: 2.4rem;
    font-weight: 600
}

.procedure_item-title {
    -webkit-margin-after: 1rem;
    margin-block-end:1rem;font-weight: 700
}

.collection-teaser {
    display: grid;
    grid-template-columns: minmax(0,1fr)
}

.collection-teaser>:last-child {
    -webkit-margin-after: 0;
    margin-block-end:0}

.collection-teaser_pics {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    width: 100%;
    -webkit-margin-after: 6.4rem;
    margin-block-end:6.4rem}

.collection-teaser_picture-landscape,.collection-teaser_picture-square {
    display: grid;
    position: relative
}

.collection-teaser_picture-landscape:before,.collection-teaser_picture-square:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--pic-ratio)))
}

.collection-teaser_picture-landscape img,.collection-teaser_picture-square img {
    object-fit: cover;
    object-position: center
}

.collection-teaser_picture-landscape {
    --pic-ratio: 872/571;
    margin-inline:calc(1.6rem*-1)}

.collection-teaser_picture-square {
    --pic-ratio: 1/1;
    -webkit-margin-before: calc(2.4rem*-1);
    margin-block-start:calc(2.4rem*-1)}

.collection-teaser_title {
    -webkit-margin-after: 1.6rem;
    margin-block-end:1.6rem}

.dealer-locator-map {
    display: flex;
    min-height: calc(var(--app-height) - var(--header-height));
    border-top: .1rem solid #dbdbdb
}

.dealer-locator-map iframe {
    flex: 1;
    border: 0
}

.split-teaser {
    display: grid;
    grid-template-columns: minmax(0,1fr)
}

.-swap-order-mobile.split-teaser>:first-child {
    order: 1
}

.split-teaser_body,.split-teaser_picture {
    --aspect-ratio: 325/370;
    position: relative
}

.split-teaser_body:before,.split-teaser_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--aspect-ratio)))
}

.split-teaser_body>*,.split-teaser_picture>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.split-teaser_content {
    --btn-opacity: 1;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    align-content: space-between;
    padding: 2.4rem;
    background-color: var(--bg-color,#f1ece7);
    justify-items: center;
    gap: .8rem
}

.split-teaser_content:before {
    content: ""
}

.split-teaser_content-bottom {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    justify-items: center;
    gap: 2rem
}

.split-teaser_picture img {
    object-fit: cover
}

.split-teaser_product-picture {
    width: 57.8347578348%
}

.split-teaser_product-picture img {
    object-fit: contain
}

.split-teaser_text {
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.split-teaser_btn-wrapper {
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    display: flex;
    opacity: var(--btn-opacity)
}

.sbsb-title {
    display: grid;
    grid-template-columns: minmax(0,1fr)
}

.sbsb-text {
    display: grid;
    grid-template-columns: minmax(0,1fr)
}

.sbsb-text_content {
    width: 70.2702702703%;
    font-weight: 400
}

.sbsb-product-info_content {
    --header-nav-height: 6rem;
    display: flex;
    position: relative;
    align-items: stretch;
    max-height: calc(100svh - var(--header-nav-height));
    padding-block:.8rem;gap: 2.4rem
}

.sbsb-product-info_content>:not(:only-child) {
    height: 100%
}

.-small-gap.sbsb-product-info_content {
    gap: .8rem
}

.sbsb-product-info-product-card,.sbsb-product-info-text-card {
    --aspect-ratio: 308/600;
    position: relative;
    flex-shrink: 0;
    width: 94.7692307692%
}

.sbsb-product-info-product-card:before,.sbsb-product-info-text-card:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--aspect-ratio)))
}

.sbsb-product-info-product-card>*,.sbsb-product-info-text-card>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sbsb-product-info-text-card_body {
    --content-max-width: 100%;
    --text-color: #fff;
    --text-shadow-color: #000;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    align-content: end;
    padding: 2.5rem;
    color: var(--text-color)
}

.sbsb-product-info-text-card_body:hover {
    color: var(--text-color)
}

.-use-dark-color.sbsb-product-info-text-card_body {
    --text-color: #000;
    --text-shadow-color: transparent
}

.-card-type-none.sbsb-product-info-text-card_body {
    justify-items: center
}

.-card-type-1.sbsb-product-info-text-card_body {
    --from-left: calc(100% - 100%/(308/100));
    --from-top: calc(100% - 100%/(600/50));
    -webkit-clip-path: polygon(0 0,100% 0,100% var(--from-top),var(--from-left) var(--from-top),var(--from-left) 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% var(--from-top),var(--from-left) var(--from-top),var(--from-left) 100%,0 100%)
}

.-card-type-2.sbsb-product-info-text-card_body {
    --from-left: calc(100% - 100%/(308/50));
    --from-top-1: calc(100%/(600/60));
    --from-top-2: calc(100% - var(--from-top-1));
    -webkit-clip-path: polygon(0 0,var(--from-left) 0%,var(--from-left) var(--from-top-1),100% var(--from-top-1),100% var(--from-top-2),var(--from-left) var(--from-top-2),var(--from-left) 100%,0 100%);
    clip-path: polygon(0 0,var(--from-left) 0%,var(--from-left) var(--from-top-1),100% var(--from-top-1),100% var(--from-top-2),var(--from-left) var(--from-top-2),var(--from-left) 100%,0 100%)
}

.-card-type-3.sbsb-product-info-text-card_body {
    --from-left: calc(100%/(308/25));
    --from-top: calc(100%/(600/150));
    -webkit-clip-path: polygon(var(--from-left) 0,100% 0,100% 100%,0 100%,0 var(--from-top),var(--from-left) var(--from-top));
    clip-path: polygon(var(--from-left) 0,100% 0,100% 100%,0 100%,0 var(--from-top),var(--from-left) var(--from-top))
}

.sbsb-product-info-text-card_video {
    --full-width-factor: 115%;
    --card-ratio: var(--custom-card-ratio,16/9);
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--full-width-factor)*.5625*var(--card-ratio));
    height: 100%;
    transform: translate(-50%,-50%)
}

.-hide-on-mobile.sbsb-product-info-text-card_video {
    display: none
}

.-video-portrait.sbsb-product-info-text-card_video {
    --full-width-factor: 115%
}

.-video-landscape.sbsb-product-info-text-card_video {
    --full-width-factor: calc(100%*(16/9)/(var(--card-ratio)))
}

.sbsb-product-info-text-card_video .video-card_box,.sbsb-product-info-text-card_video .video-card_video {
    width: 100%;
    height: 100%
}

.sbsb-product-info-text-card_picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sbsb-product-info-text-card_picture img {
    object-fit: cover
}

.sbsb-product-info-text-card_sequence-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sbsb-product-info-text-card_sequence-wrapper img {
    object-fit: cover
}

.sbsb-product-info-text-card_sequence-wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sbsb-product-info-text-card_content {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 1.6rem;
    max-width: var(--content-max-width);
    overflow-y: auto
}

.sbsb-product-info-text-card_title-line {
    display: flex;
    position: relative;
    align-items: center;
    gap: .9rem
}

.sbsb-product-info-text-card_title-line picture {
    width: 3.2rem;
    height: auto
}

.sbsb-product-info-text-card_title {
    font-weight: 600;
    text-transform: uppercase
}

.sbsb-product-info-text-card_text {
    position: relative;
    font-weight: 400;
    text-shadow: .1rem .1rem var(--text-shadow-color)
}

.sbsb-product-info-text-card_cta {
    position: relative
}

.sbsb-product-info-product-card_body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 2.5rem 2rem;
    overflow-y: auto;
    background-color: #f1ece7
}

.sbsb-product-info-product-card_picture {
    --base-height: 14rem;
    --base-my: 3rem;
    --aspect-ratio: 200/130;
    position: relative;
    width: 77.519379845%;
    height: var(--base-height);
    min-height: 15%;
    margin: var(--base-my) auto;
    justify-self: center
}

.sbsb-product-info-product-card_picture:before {
    content: "";
    display: inline-flex;
    padding-bottom: calc(100%/(var(--aspect-ratio)))
}

.sbsb-product-info-product-card_picture>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.-is-portait.sbsb-product-info-product-card_picture {
    --base-height: 18rem;
    --base-my: 1rem
}

.sbsb-product-info-product-card_picture img {
    object-fit: contain
}

.sbsb-product-info-product-card_title-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: min(3rem,3vh);
    padding-top: 1.5rem;
    border-top: .3rem solid #000
}

.sbsb-product-info-product-card_title-line .icon-item {
    width: 1.5rem;
    height: 2.2rem
}

.sbsb-product-info-product-card_section {
    display: grid;
    grid-template-columns: minmax(0,1fr) 58.9147286822%;
    padding: 2rem 0;
    border-top: .1rem solid #000;
    text-transform: uppercase;
    gap: .8rem
}

.sbsb-product-info-product-card_btn {
    width: 100%;
    margin-top: auto
}

.sbsb-product-info-product-card_ending-line {
    margin-top: auto;
    border-bottom: .1rem solid #000
}

.reveal-letter-by-letter .-letter {
    --transition-params: .3s cubic-bezier(.25,.46,.45,.94);
    transform: translate3d(0,0,0) scale(1.2);
    transition: opacity var(--transition-params),transform var(--transition-params);
    transition-delay: calc(var(--letter-index,1)*200ms*.1 + .2s);
    opacity: 0;
    will-change: opacity,transform
}

.-revealed.reveal-letter-by-letter .-letter {
    transform: translate3d(0,0,0) scale(1);
    opacity: 1
}

.dropdown {
    --icon-rotate: 0deg;
    --summary-outline-width: 0;
    --counter-display: none;
    position: relative;
    width: max-content
}

[open].dropdown {
    --icon-rotate: 180deg
}

.-active.dropdown {
    --summary-outline-width: .2rem;
    --counter-display: flex
}

.dropdown_summary {
    transition-property: color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .8rem 1.6rem;
    border: .1rem solid #696e71;
    outline: var(--summary-outline-width) solid #000;
    list-style: none;
    cursor: pointer;
    gap: .8rem
}

.dropdown_summary:hover {
    color: #ed1847
}

.dropdown_summary::-webkit-details-marker,.dropdown_summary::marker {
    display: none
}

.dropdown_summary .icon-item {
    --icon-size: 1.6rem;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    width: var(--icon-size);
    height: var(--icon-size);
    transform: rotateX(var(--icon-rotate))
}

.dropdown_title {
    display: flex;
    align-items: center
}

.dropdown_title>span {
    opacity: .6
}

.dropdown_counter {
    display: var(--counter-display);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.2rem;
    margin-left: .5rem;
    border-radius: .6rem;
    background-color: #ed1847;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem
}

.dropdown_content {
    display: flex;
    position: absolute;
    z-index: 1;
    top: calc(100% + .8rem);
    left: 0;
    flex-direction: column;
    width: max-content;
    padding: 1.6rem;
    background-color: #fff;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2);
    gap: .8rem
}

[data-open-above].dropdown_content {
    top: auto;
    bottom: calc(100% + .8rem)
}

.dropdown_option {
    display: flex;
    position: relative;
    cursor: pointer;
    gap: .8rem
}

.dropdown_option:focus-within {
    outline: #000 solid .1rem
}

.dropdown_option input {
    position: absolute;
    opacity: 0
}

.dropdown_checkmark {
    --checkmark-size: 2rem;
    --checkmark-color: #999;
    --checmark-border-radius: 0;
    position: relative;
    width: var(--checkmark-size);
    height: var(--checkmark-size);
    border: .1rem solid var(--checkmark-color);
    border-radius: var(--checmark-border-radius)
}

input[type=radio]+.dropdown_checkmark {
    --checkmark-border-radius: 50%
}

.dropdown_checkmark:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--checkmark-size)/2);
    height: calc(var(--checkmark-size)/2);
    transform: translate(-50%,-50%);
    border-radius: var(--checmark-border-radius);
    opacity: 0;
    background-color: var(--checkmark-color)
}

input:checked+.dropdown_checkmark {
    --checkmark-color: #000
}

input:checked+.dropdown_checkmark:before {
    opacity: 1
}

.dropdown_button {
    padding: 0;
    border: 0;
    background-color: rgba(0,0,0,0);
    text-align: left
}

[disabled].dropdown_button {
    opacity: .6;
    cursor: not-allowed
}

.dropdown_button:focus-visible {
    outline: #000 solid .1rem
}

.seo-block {
    text-align: center
}

.sticky-compare {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    margin-bottom: 1rem;
    background-color: #fff
}

.sticky-compare:focus .sticky-compare_content,.sticky-compare:hover .sticky-compare_content {
    visibility: visible;
    max-width: 50rem;
    opacity: 1
}

.sticky-compare:focus .sticky-compare_content:after,.sticky-compare:hover .sticky-compare_content:after {
    visibility: visible;
    opacity: 1
}

.sticky-compare:focus .sticky-compare_text,.sticky-compare:hover .sticky-compare_text {
    opacity: 1
}

.sticky-compare:focus .sticky-compare_icon:after,.sticky-compare:hover .sticky-compare_icon:after {
    left: -1.7rem;
    border-right: 1.5rem solid #000
}

.sticky-compare_content {
    display: flex;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: calc(100% - 6.4rem);
    align-items: center;
    max-width: 0;
    height: 100%;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out,max-width .3s ease-in-out;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)
}

.sticky-compare_content:after {
    content: "";
    visibility: hidden;
    top: 0;
    right: 0;
    width: 6.4rem;
    height: 6.4rem;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 1rem 2rem 0 transparent
}

.sticky-compare_text {
    padding-right: 5rem;
    padding-left: 3rem;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    font-size: 2rem;
    font-weight: 600
}

.sticky-compare_number {
    position: absolute;
    z-index: 10;
    top: -.1rem;
    right: -.4rem;
    padding: .2rem .8rem;
    border-radius: .8rem;
    background-color: #ed1847;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: initial
}

.sticky-compare_icon {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    border: .2rem solid #000;
    background-color: #000;
    color: #fff
}

.sticky-compare_icon:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 0;
    height: 0;
    transition: .3s ease-in-out;
    border-right: 0 solid #000;
    border-bottom: 4.8rem solid transparent
}

.sticky-clear {
    display: none;
    z-index: 50;
    bottom: 2rem;
    justify-content: center;
    width: 100%
}

.-showed.sticky-clear {
    display: flex
}

.sticky-clear_button {
    position: relative
}

.compare-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%
}

.compare-empty_title {
    margin-bottom: 13rem
}

.compare-empty_description {
    max-width: 70rem;
    margin-bottom: 4rem;
    font-size: 1.4rem
}

.compare-empty_button {
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

.field._error label.label span {
    color: #ed1847
}

.field .control .field-tooltip .label {
    display: none
}

.form-group-password .password-weak .password-strength-meter:before {
    width: 25%;
    background-color: #ffafae
}

.form-group-password .password-medium .password-strength-meter:before {
    width: 50%;
    background-color: #ffd6b3
}

.form-group-password .password-strong .password-strength-meter:before {
    width: 75%;
    background-color: #c5eeac
}

.form-group-password .password-very-strong .password-strength-meter:before {
    width: 100%;
    background-color: #81b562
}

.input-size {
    display: inline-block;
    position: relative;
    width: var(--size-width);
    vertical-align: middle;
    white-space: nowrap
}

.input-size button:focus,.input-size button:focus:not(.focus-visible),.input-size button:focus:not(:focus-visible) {
    outline: 0
}

.input-size button.focus-visible,.input-size button:focus-visible {
    outline: #009ccc solid .2rem!important
}

.input-size button.focus-visible[data-fv=true]:not(.-focus-visible),.input-size button:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.input-size button.focus-visible[data-fv=true].-focus-visible {
    outline: #009ccc solid .2rem!important
}

.input-size input {
    position: absolute;
    z-index: -3;
    top: 50%;
    left: 50%;
    width: .1rem;
    height: .1rem;
    opacity: 0
}

.input-size button.focus-visible,.input-size button:focus-visible,.input-size input.focus-visible+label,.input-size input:focus-visible+label {
    outline: #009ccc solid .2rem
}

.input-size.-unavailable .icon-item {
    width: .9rem;
    height: .9rem;
    margin-top: -.2rem
}

.input-size.-unavailable.-disabled input+label {
    cursor: pointer
}

.input-sortby {
    position: relative;
    vertical-align: middle
}

.input-sortby input {
    position: absolute;
    z-index: -3;
    top: 50%;
    left: 50%;
    width: .1rem;
    height: .1rem;
    opacity: 0
}

.input-sortby:last-child input+label {
    margin-bottom: 0
}

.filters_sortby .label-sortby {
    margin: 0;
    color: #696e71;
    font-size: 1.4rem;
    line-height: 3.2rem
}

.filters_sortby li.-sortby {
    position: relative;
    height: 4rem;
    padding: 0 0 0 .8rem;
    font-size: 1.4rem
}

.filters_sortby li.-sortby button.-sortby {
    width: auto;
    height: 3.2rem;
    padding: 0 1.2rem;
    border: .1rem solid #000;
    font-size: 1.4rem;
    font-weight: 400
}

.filters_sortby li.-sortby button.-sortby .-no-decoration.link {
    max-width: 7rem;
    overflow: hidden
}

.filters_sortby li.-sortby button.-sortby .icon-item {
    position: relative;
    top: auto;
    right: auto;
    order: unset;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 0 0 .8rem
}

.filters_sortby li.-sortby .filters-actions_body {
    position: absolute;
    z-index: 1;
    top: calc(100% - 4rem)!important;
    right: 0;
    left: auto!important;
    width: 30rem;
    min-width: auto;
    margin: -.8rem -.8rem 0 0;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)
}

.filters_sortby li.-sortby .filters-actions_body .filters-actions_content {
    padding: .8rem;
    list-style: none
}

.filters_sortby li.-sortby .filters-actions_body .input-sortby {
    padding-top: 0
}

.checkout-summary .opc-block-summary>.title {
    display: none
}

.checkout-summary .opc-block-summary .items-in-cart {
    order: 10
}

.checkout-summary .opc-block-summary .items-in-cart .minicart-items {
    gap: 0
}

.checkout-summary .opc-block-summary .items-in-cart .minicart-items .product-item-spacer {
    height: .8rem
}

.checkout-summary .opc-block-summary .cart-sidebar_code {
    order: 20
}

.checkout-summary .opc-block-summary .table-totals {
    order: 30
}

.checkout-agreements+.opc-block-summary {
    margin-top: 4rem
}

.module-wrapper.-spacing-magazine {
    margin-top: var(--spacing-magazine-top)
}

main>.module-wrapper {
    margin-bottom: var(--spacing-default)
}

main>.module-wrapper:first-child:nth-last-child(2) {
    margin-bottom: var(--spacing-small)
}

main>.module-wrapper:last-child {
    margin-bottom: var(--spacing-footer)
}

[is=reveal-letter-by-letter]:not(:has(.-letter)) {
    opacity: 0
}

.product-merch-tile {
    grid-column: span 4;
    padding-bottom: 1.6rem
}

.product-merch-tile .links {
    padding: 0;
    list-style-type: none
}

.product-merch-tile .links li {
    display: inline-block;
    margin: 0 1.6rem 0 0;
    list-style-type: none
}

.product-merch-tile .links li a {
    font-size: 1.2rem;
    line-height: 1.5
}

.product-merch-tile .links li:last-child {
    margin-right: 0
}

.product-merch-tile .page-title {
    position: absolute;
    z-index: 1;
    top: 5rem;
    left: 4rem;
    font-size: 3.2rem;
    line-height: 1
}

.product-merch-tile .subtitle {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase
}

.product-merch-tile.text-color-red .page-title {
    color: red
}

.product-merch-tile.text-color-black .page-title {
    color: #000
}

.product-merch-tile.text-color-white .page-title {
    color: #fff
}

@media (min-width: 23.4375em) {
    .filters_sortby li.-sortby button.-sortby .-no-decoration.link {
        max-width:11rem
    }
}

@media (min-width: 26.5625em) {
    .filters_sortby li.-sortby button.-sortby .-no-decoration.link {
        max-width:17rem
    }
}

@media (min-width: 30em) {
    .stickers-image .sticker-item {
        width:5rem;
        height: 4rem
    }

    .stickers-image.-pdp .sticker-item {
        width: 5rem;
        height: 5rem
    }

    .product-tile {
        --product-tile-variation-size: 3.6rem
    }

    .product-tile_sizes {
        --product-tile-sizes-space: 3.6rem
    }

    .add-to-cart-klarna klarna-placement div::part(osm-container) {
        padding: .8rem .4rem;
        font-size: 1.4rem
    }

    .magazine-teaser-grid {
        grid-auto-flow: column
    }

    .-cut-mobile.item-slider {
        --width-ratio: 1
    }

    .boot-popup-item_title {
        margin-bottom: 2.4rem
    }

    .boot-popup-item {
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 4rem
    }

    .product-teaser .swiper-container {
        --width-ratio: 1
    }

    .contact-box_content {
        justify-items: start
    }

    .apc-partners .swiper-container {
        --width-ratio: 1
    }

    .link-teaser-item .link-teaser-item_links {
        flex-flow: row wrap;
        align-items: flex-start
    }

    .three-column-layout_item:nth-last-child(2):nth-child(odd) {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }

    .three-column-layout {
        grid-template-columns: 1fr 1fr
    }

    .partners_items {
        margin: 0
    }

    .-swap-order-mobile.split-teaser>:first-child {
        order: 0
    }

    .-swap-order-desktop.split-teaser>:first-child {
        order: 1
    }

    .split-teaser_body,.split-teaser_picture {
        --aspect-ratio: 702/800
    }

    .split-teaser {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr)
    }

    .filters_sortby li.-sortby button.-sortby .-no-decoration.link {
        max-width: unset
    }
}

@media (min-width: 48em) {
    .app-teaser,.full-screen-image {
        --grid-full:12;
        --grid-half: 6;
        grid-template-columns: repeat(12,1fr);
        column-gap: 16px
    }

    .select-button .icon-item {
        width: 2.4rem;
        height: 2.4rem
    }

    .input-sortby input+label {
        height: 4.8rem;
        font-size: 1.6rem
    }

    .swiper-button-next,.swiper-button-prev {
        display: flex;
        position: absolute;
        z-index: 10;
        top: 40%;
        align-items: center;
        justify-content: center;
        width: 6rem;
        height: 6rem;
        padding: 0;
        transform: translateY(-50%);
        transition: .3s ease-in-out;
        opacity: 1
    }

    .swiper-pagination.swiper-pagination-fraction {
        top: 2rem;
        right: 2rem
    }

    .account-navigation-item_popover li {
        min-height: 4.5rem;
        padding: 0;
        font-size: 1.4rem
    }

    .account-navigation-item_popover a {
        padding: 0
    }

    .account-navigation-item_popover a:before {
        content: none
    }

    .account-navigation-item_popover {
        position: absolute;
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        width: auto;
        min-width: 27rem;
        height: auto
    }

    .account-navigation-item_popover_title {
        display: none
    }

    .account-navigation-item_popover_menu {
        padding: 3.2rem
    }

    .cart-reassurance-list {
        display: flex
    }

    .cart-reassurance-block {
        width: 33.3333333333%;
        margin-bottom: 0
    }

    .cart-reassurance-block:not(:last-child) {
        margin-right: 4rem
    }

    .items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount {
        margin-bottom: .4rem
    }

    .items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price {
        flex-direction: column
    }

    .bv-reviews-title {
        margin-bottom: 4rem
    }

    .-mobile.product-tile_action {
        display: none
    }

    .product-tile_info .text-mention {
        display: inline
    }

    .-vertical.size-table_table td:first-child,.-vertical.size-table_table th:first-child {
        text-align: center
    }

    .-vertical.size-table_table td:first-child {
        font-weight: 400
    }

    .magazine-teaser_title-wrapper {
        margin-bottom: 4rem
    }

    .-mobile.magazine-teaser_btn,.magazine-teaser_btn-wrapper {
        display: none
    }

    .magazine-teaser-item:after {
        --shadow-height: 560/248
    }

    .magazine-teaser-item_content {
        padding: 4rem
    }

    .-grid-item .magazine-teaser-item_title {
        font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-variant-numeric: tabular-nums;
        font-size: 2.2rem;
        line-height: 1.09
    }

    .magazine-teaser-item {
        --item-ratio: 428/560
    }

    .image-teaser-item_content {
        padding: calc(3.2rem*2)
    }

    .image-teaser-item_arrow {
        width: calc(2.4rem*2);
        height: calc(2.4rem*2)
    }

    .image-teaser-item {
        --item-ratio: var(--image-format,480/560)
    }

    .image-teaser {
        grid-auto-flow: column
    }

    .squarelovin-teaser_title {
        margin-bottom: 3.2rem
    }

    div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info:before {
        height: 6.4rem
    }

    div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info {
        padding: 1.6rem
    }

    .-desktop-grid-5 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(10n+1),.-desktop-grid-5 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(10n+8) {
        grid-column: auto/span 2;
        grid-row: auto/span 2
    }

    .-desktop-grid-4 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(3)~:not(:last-of-type),.-desktop-grid-4 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(4)~:not(:last-of-type),.-desktop-grid-4 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(5)~:not(:last-of-type),.-desktop-grid-4 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(6)~:not(:last-of-type),.-desktop-grid-8 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(3)~:not(:last-of-type),.-desktop-grid-8 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(4)~:not(:last-of-type),.-desktop-grid-8 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(5)~:not(:last-of-type),.-desktop-grid-8 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(4n):nth-last-of-type(6)~:not(:last-of-type),.-desktop-grid-9 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(10n) {
        display: none
    }

    .-desktop-grid-9 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(10n+1),.-desktop-grid-9 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(10n+6) {
        grid-column: auto/span 2;
        grid-row: auto/span 2
    }

    div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container {
        --items-per-row: 4;
        --grid-gap: 1.6rem
    }

    .-desktop-grid-9 div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container {
        --items-per-row: 5
    }

    .item-slider-nav .is-swiper-pagination:not(.-show-on-desktop) {
        display: none
    }

    .product-teaser-title {
        margin-bottom: 4rem
    }

    .header-landing-hero {
        --pic-offset-right: -6.2rem;
        --fullscreen-space: calc(((100vw + 16px - 6.2rem*2)/12*2) + 6.2rem)
    }

    .header-landing-products {
        grid-template-columns: 1fr 1fr
    }

    .magazine-footer {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-top: 4rem
    }

    .full-screen-slide {
        --full-screen-slide-pic-ratio: 1095/616
    }

    .-two-column-layout.titletext-teaser_items {
        --columns: 2
    }

    .titletext-teaser_items {
        --columns: 3;
        --image-ratio: var(--image-format,428/539);
        column-gap: 16px
    }

    .titletext-teaser-item {
        --hover-content-opacity: 0
    }

    .titletext-teaser {
        row-gap: 4rem
    }

    .downloadbox_card {
        --card-ratio: 1316/560
    }

    .downloadbox_header {
        padding: 6.4rem;
        gap: 3.2rem
    }

    .downloadbox_content {
        --iframe-mt: 0;
        --iframe-mb: 0
    }

    [open].faq-accordion:not(.-closing) {
        padding-bottom: 4rem
    }

    .faq-accordion_title {
        padding: 3.2rem 0
    }

    .faq-header {
        padding-block:6.6rem 8rem}

    .contact-box_icon {
        --icon-size: 4rem;
        --icon-box-size: 8.8rem;
        --icon-box-slant: 2.4rem
    }

    .contact-box {
        grid-auto-flow: column;
        grid-template-columns: auto 1fr;
        padding: 3.2rem;
        gap: 3.2rem
    }

    .apc-partners_title-wrapper {
        margin-bottom: 3.2rem
    }

    .-mobile.apc-partners_btn {
        display: none
    }

    .apc-partners-item_picture:after {
        --shadow-height: 431/216
    }

    .apc-partners-item_content {
        --content-padding: 2.4rem
    }

    .apc-partners-item_title {
        margin-bottom: .8rem
    }

    .apc-partners-item_infos {
        margin-bottom: calc(1.6rem + var(--btns-height))
    }

    .apc-partners-item_btns {
        transition-property: opacity,transform;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(.23,1,.32,1);
        top: auto;
        right: var(--content-padding);
        bottom: var(--content-padding);
        left: var(--content-padding);
        position: absolute;
        grid-auto-flow: row;
        grid-template-columns: auto;
        width: calc(100% - var(--content-padding)*2);
        transform: var(--btns-transform);
        opacity: var(--btns-opacity)
    }

    .apc-partners-item_btn {
        width: 100%
    }

    .apc-partners-item {
        --card-ratio: 317/431;
        --btns-height: 0;
        --btns-height-from-js: 10.4rem;
        --btns-opacity: 0;
        --btns-transform: translateY(2rem)
    }

    .apc-partners-item:hover {
        --bottom-shadow-opacity: 0;
        --full-shadow-opacity: .4;
        --btns-height: var(--btns-height-from-js);
        --btns-opacity: 1;
        --btns-transform: translateY(0)
    }

    .-separators .size-chart-content_layout {
        margin-top: 3.2rem
    }

    .size-chart-content_layout {
        margin-top: 8rem
    }

    .size-chart-content_copy strong {
        margin-bottom: .8rem
    }

    .size-chart-content_copy p {
        margin-bottom: 3.2rem
    }

    .layout-boots_picture {
        min-width: 42.7692307692%;
        max-width: 0
    }

    .layout-boots {
        flex-direction: row;
        align-items: center
    }

    .layout-measurements_content {
        flex-direction: row
    }

    .layout-measurements_content>* {
        width: 50%
    }

    .layout-measurements_picture {
        align-self: flex-start
    }

    .layout-norms_picture {
        min-width: 48.7692307692%
    }

    .layout-norms {
        row-gap: 3.2rem
    }

    .filters-actions {
        flex-direction: row;
        align-items: center
    }

    .-sticky .filters-actions_load {
        margin: 0 -1.6rem
    }

    .filters-actions_wrapper {
        width: auto;
        height: auto;
        margin-top: 0;
        overflow: visible
    }

    .filters-actions_list {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        transition: max-height .3s cubic-bezier(.645,.045,.355,1);
        border-top: 0
    }

    .filters-actions_list>li {
        margin-top: .4rem;
        margin-right: .8rem;
        margin-bottom: .4rem;
        padding: 0
    }

    .-expanded .filters-actions_list {
        max-height: 21rem
    }

    .-expanded .-left.filters-actions_list>li.-view-more~li {
        display: block;
        visibility: visible
    }

    .-left.filters-actions_list {
        display: flex;
        flex: 1
    }

    .-left.filters-actions_list>li {
        align-items: center;
        height: 4rem;
        border-bottom: 0
    }

    .-left.filters-actions_list>li>button {
        padding: 0 1.6rem;
        border: .1rem solid #696e71;
        font-size: 1.6rem
    }

    .-left.filters-actions_list>li>button[data-less] {
        font-weight: 500
    }

    .-left.filters-actions_list>li>button.-active,.-left.filters-actions_list>li>button[aria-expanded=true] {
        margin: 0 -.1rem;
        border: .2rem solid #000
    }

    .-left.filters-actions_list>li.-view-more>button[aria-expanded=true] {
        border: solid transparent
    }

    .-left.filters-actions_list>li.-view-more~li {
        display: none;
        visibility: hidden;
        transition: visibility .3s cubic-bezier(.645,.045,.355,1)
    }

    .-left.filters-actions_list>li.-view-more~li>button[aria-expanded=true] {
        border: solid #000
    }

    .-left.filters-actions_list>li.-view-more[hidden] {
        display: none!important
    }

    .-right.filters-actions_list {
        position: static;
        padding-top: 0
    }

    .-right.filters-actions_list>li {
        align-items: flex-start;
        height: 100%;
        border-right: .1rem solid #000;
        border-left: .1rem solid transparent
    }

    .-right.filters-actions_list>li.-compare {
        padding: 0 2rem;
        line-height: 6rem
    }

    .-right.filters-actions_list>li.-compare .onoff {
        height: 7rem
    }

    .-right.filters-actions_list>li.-compare .onoff_wrapper {
        height: 100%;
        display: flex;
        align-items: center
    }

    .-right.filters-actions_list>li>button {
        padding: 0 1.5rem
    }

    .-right.filters-actions_list>li:first-child {
        border-left: .1rem solid #000
    }

    .-right.filters-actions_list>li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0
    }

    .-right.filters-actions_list>li:last-child>button[aria-expanded=true] {
        border-right: .1rem solid #000
    }

    .-active.filters-actions_button .counter {
        position: static
    }

    .filters-actions_button {
        height: 4rem;
        font-size: 1.6rem;
        font-weight: 400
    }

    .filters-actions_button .icon-item {
        position: relative;
        top: initial;
        right: initial;
        width: 1.5rem;
        height: 1.5rem;
        margin-top: .2rem;
        margin-left: .5rem
    }

    .filters-actions_body {
        position: absolute;
        z-index: 51;
        min-width: 40rem;
        max-width: 45rem;
        max-height: 45rem;
        margin-top: .8rem;
        box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)
    }

    .filters-actions_content {
        padding: 3.2rem
    }

    .-row.filters-actions_content {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .-row.content-grid-color.filters-actions_content {
        grid-row-gap: 2.4rem
    }

    .-row.content-grid-size.filters-actions_content {
        grid-gap: .8rem;
        width: 100%
    }

    .filters-actions_content>div+div,.filters-actions_content>li+li {
        padding-top: 1rem
    }

    .filters-actions_link {
        padding: 0 2.4rem 3.4rem
    }

    .filters-actions_link .button-link {
        padding-top: 2.4rem;
        border-top: .1rem solid #d2d2d2
    }

    .filters-tags_list {
        padding: .6rem 0
    }

    .filters:after,.filters:before {
        content: none
    }

    .filters .filters-actions_submit,.filters .filters-actions_title {
        display: none
    }

    .filters .filters-actions {
        visibility: visible;
        position: relative;
        width: calc(100% - 40rem);
        transform: none;
        transition: none
    }

    .-loaded .filters {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    .filters {
        position: relative;
        margin-top: 3.6rem;
        margin-bottom: 3.6rem;
        transition: max-width .3s cubic-bezier(.645,.045,.355,1);
        border-top-width: 0
    }

    .s-container.filters {
        padding-right: 0;
        padding-left: 0
    }

    .certificates_search-box .icon-item.icon-search {
        left: 0
    }

    .certificates_search-box .icon-item.icon-close {
        right: 0
    }

    .certificates_search-box .icon-item {
        z-index: 1
    }

    .certificates_search-box {
        margin-right: 0;
        margin-left: 0
    }

    .certificates_filters {
        margin-top: 0;
        margin-bottom: 4rem;
        border-bottom: .1rem solid #d2d2d2
    }

    .quick-shop_title {
        margin-bottom: 4rem
    }

    .quick-shop_img-area {
        margin: 0
    }

    .quick-shop_picture {
        --pic-ratio: var(--full-screen-slide-pic-ratio,1316/820)
    }

    .quick-shop_btns {
        --btn-size: 4rem
    }

    .quick-shop_btn {
        top: auto;
        right: auto;
        bottom: var(--pos-y-desktop);
        left: var(--pos-x-desktop)
    }

    .quick-shop_card-buttons {
        position: relative;
        grid-template-columns: 1fr auto
    }

    .quick-shop_card-pic {
        width: 8rem
    }

    .quick-shop_card-info {
        margin-left: 1.6rem
    }

    .quick-shop_card-price .product-price.-pdp .old-price {
        grid-row: 1
    }

    .quick-shop_card-price .product-price.-pdp .discount {
        grid-column: 3;
        order: 3
    }

    .quick-shop_card-sizes {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(var(--size-option-width),max-content));
        justify-content: flex-end;
        gap: .8rem
    }

    .quick-shop_card-size-select {
        display: none
    }

    .quick-shop_card-cta {
        margin: 0 .8rem 0 3.2rem
    }

    .quick-shop_card-message {
        margin: -.4rem auto
    }

    .quick-shop_card {
        top: auto;
        right: auto;
        bottom: 1.6rem;
        left: 50%;
        position: absolute;
        width: 65rem;
        max-width: 100%;
        padding: .8rem 1.6rem .8rem .8rem;
        transform: translateX(-50%)
    }

    .-swap-sides-desktop .quick-shop-2_slider {
        order: 1
    }

    .quick-shop-2_slider .is-swiper-pagination {
        display: flex
    }

    .quick-shop-2_copy {
        margin-bottom: 3.2rem
    }

    .quick-shop-2_price {
        margin-bottom: 4rem
    }

    .quick-shop-2 {
        grid-template-columns: 1fr 1fr
    }

    .link-teaser {
        padding-right: 1.6rem
    }

    .athlete-details_picture {
        grid-column: span 6;
        align-self: start;
        order: 0;
        margin-bottom: 0
    }

    .athlete-details_content {
        display: grid;
        position: relative;
        grid-column: 8/span 5
    }

    .athlete-details_title {
        order: 0;
        justify-self: start;
        margin-top: 6.4rem
    }

    .athlete-details_country {
        order: 0;
        margin-bottom: 0
    }

    .athlete-details {
        --grid-full: 4;
        --grid-half: 2;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: auto;
        column-gap: 8px
    }

    .small-image-text_item {
        grid-template-columns: calc((100% + 16px)/12*3 - 16px) 1fr;
        align-items: center
    }

    .small-image-text_picture {
        --pic-ratio: 317/220;
        margin-bottom: 0
    }

    .small-image-text_content {
        max-width: 52.3rem;
        margin-left: 3.2rem
    }

    .title-and-button_body {
        margin: 0 calc((100% + 16px)/12)
    }

    .title-and-button_title {
        -webkit-margin-after: 4rem;
        margin-block-end:4rem}

    .title-and-button {
        justify-items: start;
        padding-block:6.4rem 6.4rem}

    .full-screen-image_image picture {
        --image-ratio: 560/1316
    }

    .full-screen-image_content .btn-primary,.full-screen-image_content .btn-secondary {
        width: 4.8rem;
        height: 4.8rem
    }

    .full-screen-image_content {
        padding: 6.4rem
    }

    .-outside-layout.video-card {
        grid-template-columns: 100%
    }

    .video-card_icon .icon-item {
        --svg-size: 3rem
    }

    .-outside-layout .video-card_icon .icon-item {
        --svg-size: 1.6rem
    }

    .-outside-layout .video-card_icon {
        --icon-size: 4.8rem
    }

    .video-card_icon {
        --icon-size: 6.6rem
    }

    .-outside-layout .video-card_title {
        font-size: 1.8rem;
        line-height: 1.3333333333
    }

    .how-to-videos_slider {
        display: none
    }

    .how-to-videos_grid {
        display: grid
    }

    .app-teaser {
        grid-template-rows: auto 8rem 1fr 8rem;
        align-items: center
    }

    .app-teaser_title {
        grid-column: span 12;
        margin-bottom: 4rem
    }

    .app-teaser_hero {
        grid-column: 1/span 6;
        grid-row: 2/span 3;
        height: 100%;
        max-height: 80rem;
        width: calc(100% + 1.6rem)
    }

    .-align-left .app-teaser_hero {
        grid-column: 7/span 6
    }

    .app-teaser_hero picture {
        height: 100%
    }

    .app-teaser_hero picture:before {
        content: none
    }

    .app-teaser_hero picture img {
        position: relative;
        object-fit: cover
    }

    .app-teaser_phone {
        grid-column: 5/span 4;
        grid-row: 3;
        max-width: calc((100% + 16px)/1.48 + 16px)
    }

    .app-teaser_accordions {
        grid-column: 9/span 4;
        margin-top: 0
    }

    .-align-left .app-teaser_accordions {
        grid-column: 1/span 4
    }

    .gripwalk-header_banner {
        margin-top: 1rem
    }

    .gripwalk-header_copy {
        max-width: 87.2rem;
        margin-top: 8rem
    }

    .gripwalk-header_container {
        --space-top: 12rem;
        --space-bottom: 12rem;
        grid-template-areas: "logo-pic product-pic" "title product-pic";
        grid-template-columns: 1.1fr .9fr;
        align-items: center;
        row-gap: 6.4rem
    }

    .gripwalk-header_logo-pic {
        width: 31.6923076923%;
        margin-left: 0
    }

    .gripwalk-header_product-pic {
        width: 67.5675675676%;
        margin-block:calc(-12.9rem - var(--space-top)) calc(-13.4rem - var(--space-bottom))}

    .event-teaser_title {
        margin-bottom: 3.2rem
    }

    .event-teaser-card_picture {
        -webkit-margin-after: 3.2rem;
        margin-block-end:3.2rem}

    .event-teaser-card_subtitle {
        margin-bottom: 1.2rem
    }

    .event-teaser-card_text {
        margin-bottom: 2.4rem
    }

    .-text-below.event-teaser-card_tags {
        margin-bottom: 1.2rem
    }

    .event-teaser-card_tags {
        flex-flow: row wrap;
        margin-bottom: 2.4rem;
        row-gap: .8rem
    }

    .event-teaser-card_tag:nth-child(2n) {
        break-after: always
    }

    .gripwalk-text-teaser_content {
        grid-template-areas: "pic-1 pic-2" "title-1 title-2" "copy-1 copy-2";
        grid-template-columns: repeat(2,1fr);
        align-content: start;
        column-gap: 16px
    }

    .gripwalk-text-teaser_content .-pic-1 {
        grid-area: pic-1
    }

    .gripwalk-text-teaser_content .-title-1 {
        grid-area: title-1
    }

    .gripwalk-text-teaser_content .-copy-1 {
        grid-area: copy-1
    }

    .gripwalk-text-teaser_content .-pic-2 {
        grid-area: pic-2
    }

    .gripwalk-text-teaser_content .-title-2 {
        grid-area: title-2
    }

    .gripwalk-text-teaser_content .-copy-2 {
        grid-area: copy-2
    }

    .gripwalk-text-teaser_picture {
        align-self: center;
        margin-bottom: 4rem
    }

    .gripwalk-text-teaser_copy,.gripwalk-text-teaser_title {
        padding-right: 4rem
    }

    .gripwalk-text-teaser_title {
        margin-bottom: .8rem
    }

    .gripwalk-text-teaser_copy:not(:last-child) {
        margin-bottom: 0
    }

    .countdown_date-item,.countdown_date-separator {
        justify-content: center
    }

    .countdown_date {
        display: grid;
        grid-template-columns: repeat(7,1fr);
        justify-items: center;
        width: 100%;
        min-width: auto;
        margin-block:9rem}

    .countdown_cta-copy {
        margin-bottom: 2.4rem
    }

    .countdown {
        padding-block:10rem 6.4rem}

    .partners_title {
        grid-column: span 12
    }

    .partners_items {
        overflow: hidden
    }

    .partners_item {
        padding: 0 8px
    }

    .partners_pagination {
        margin-top: 3.2rem
    }

    .gripwalk-table_title {
        margin-bottom: 3.2rem
    }

    .gripwalk-table_table thead td {
        padding-block:.8rem}

    .gripwalk-table_table tbody td {
        display: revert!important
    }

    .gripwalk-table_table td:not(:first-child) {
        -webkit-padding-end: .4rem;
        padding-inline-end:.4rem;width: calc(100%/(var(--table-cols) + 1))
    }

    .gripwalk-table_table td.-hide-mobile {
        display: revert
    }

    .gripwalk-table_table td {
        --spacing-x-outer: 3.2rem;
        padding: 2rem .4rem
    }

    .gripwalk-table_table {
        table-layout: auto
    }

    .gripwalk-table_slider {
        display: none
    }

    .procedure_title {
        margin-bottom: 8rem
    }

    .procedure_items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: -2.4rem
    }

    .procedure_item-nr {
        -webkit-margin-after: 2.8rem;
        margin-block-end:2.8rem;background-color: #fff
    }

    .procedure_item-text {
        margin: 0 auto;
        padding-inline:.8rem;font-weight: 400;
        text-align: center
    }

    .procedure_item {
        --nr-size: 4rem;
        grid-auto-flow: row;
        align-content: start;
        justify-content: center;
        width: 25%;
        margin-bottom: 2.4rem;
        padding: 0;
        border: 0;
        justify-items: center
    }

    .procedure_item:first-child {
        border-top: 0
    }

    .procedure_item:not(:last-child):after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: calc(var(--nr-size)/2);
        right: 0;
        width: calc(100% - var(--nr-size) - 2.4rem*2);
        height: .1rem;
        transform: translateX(50%);
        background-color: #d2d2d2
    }

    .procedure_item:nth-child(4n):after {
        content: none
    }

    .collection-teaser_pics {
        grid-template-columns: minmax(0,4fr) minmax(0,8fr);
        align-items: start;
        -webkit-margin-after: 8rem;
        margin-block-end:8rem}

    .-switch-images .collection-teaser_pics {
        grid-template-columns: minmax(0,8fr) minmax(0,4fr);
        -webkit-margin-after: 4rem;
        margin-block-end:4rem}

    .collection-teaser_picture-landscape {
        order: 1;
        margin: 0
    }

    .-switch-images .collection-teaser_picture-landscape {
        order: 0
    }

    .collection-teaser_picture-square {
        --margin-overlap: calc((100%/4)*-1);
        z-index: 1;
        margin: 12rem var(--margin-overlap) 0 0
    }

    .-switch-images .collection-teaser_picture-square {
        margin-inline:var(--margin-overlap) 0}

    .collection-teaser_text-wrapper {
        max-width: 87.2rem
    }

    .-switch-text .collection-teaser_text-wrapper {
        justify-self: end
    }

    .split-teaser_content {
        --btn-opacity: 0
    }

    .split-teaser_content:focus-within,.split-teaser_content:hover {
        --btn-opacity: 1
    }

    .-has-btn.split-teaser_content-bottom:before {
        transition-property: opacity;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(.23,1,.32,1);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: calc(.5*var(--btn-opacity));
        background-color: var(--bg-color)
    }

    .split-teaser_btn-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .sbsb-text:not(.-align-left):before {
        content: ""
    }

    .-align-right.sbsb-text {
        justify-items: center
    }

    .sbsb-text {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr)
    }

    .-small-gap.sbsb-product-info_content {
        gap: 1.6rem
    }

    .sbsb-product-info_content {
        gap: 4.8rem
    }

    .-card-type-1.sbsb-product-info-text-card_body {
        --from-left: calc(100% - 100%/(1205/605));
        --from-top: calc(100% - 100%/(720/50));
        grid-template-columns: minmax(0,1fr) minmax(0,1fr)
    }

    .-card-type-1.sbsb-product-info-text-card_body:before {
        content: ""
    }

    .-card-type-2.sbsb-product-info-text-card_body {
        --from-top: calc(100% - 100%/(720/150));
        --from-left-1: calc(100%/(1205/110));
        --from-left-2: calc(100% - 100%/(1205/95));
        --content-max-width: 50rem;
        padding-right: 3.5rem;
        padding-left: 10rem;
        -webkit-clip-path: polygon(0 0,100% 0,100% var(--from-top),var(--from-left-2) var(--from-top),var(--from-left-2) 100%,var(--from-left-1) 100%,var(--from-left-1) var(--from-top),0 var(--from-top));
        clip-path: polygon(0 0,100% 0,100% var(--from-top),var(--from-left-2) var(--from-top),var(--from-left-2) 100%,var(--from-left-1) 100%,var(--from-left-1) var(--from-top),0 var(--from-top))
    }

    .-card-type-3.sbsb-product-info-text-card_body {
        --from-left: calc(100% - 100%/(480/143));
        --from-top: calc(100% - 100%/(720/63));
        --content-max-width: calc(100%/(480/286));
        -webkit-clip-path: polygon(0 0,100% 0,100% var(--from-top),var(--from-left) var(--from-top),var(--from-left) 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% var(--from-top),var(--from-left) var(--from-top),var(--from-left) 100%,0 100%);
        justify-items: center
    }

    .sbsb-product-info-text-card_body {
        align-content: center;
        padding-bottom: 6rem
    }

    .-hide-on-mobile.sbsb-product-info-text-card_video {
        display: flex
    }

    .-hide-on-desktop.sbsb-product-info-text-card_video {
        display: none
    }

    .-video-landscape.sbsb-product-info-text-card_video {
        --full-width-factor: 121%
    }

    .sbsb-product-info-text-card_content {
        gap: 2rem
    }

    .sbsb-product-info-text-card {
        --aspect-ratio: 490/720;
        width: 34.9002849003%
    }

    .-wide-on-desktop.sbsb-product-info-text-card {
        --aspect-ratio: 1305/720;
        width: 91.5653495441%
    }

    .sbsb-product-info-product-card_body {
        padding-bottom: 5rem
    }

    .-is-portait.sbsb-product-info-product-card_picture {
        --base-height: 26.2rem;
        --base-my: 2rem
    }

    .sbsb-product-info-product-card_picture {
        --base-height: 22.2rem;
        --base-my: 4rem;
        --aspect-ratio: 280/182
    }

    .sbsb-product-info-product-card_title-line .icon-item {
        width: 2rem;
        height: 2.7rem
    }

    .sbsb-product-info-product-card_title-line {
        margin-bottom: min(4rem,4vh)
    }

    .sbsb-product-info-product-card_btn {
        width: auto;
        margin-inline:auto}

    .sbsb-product-info-product-card {
        --aspect-ratio: 470/720;
        width: 33.4757834758%
    }

    .sticky-compare,.sticky-compare_content:after {
        width: 7.2rem;
        height: 7.2rem
    }

    .sticky-compare_content {
        right: calc(100% - 7.2rem)
    }

    .sticky-compare_icon:after {
        border-bottom: 5.6rem solid transparent
    }

    .sticky-compare_icon {
        width: 5.6rem;
        height: 5.6rem
    }

    .sticky-clear {
        position: fixed;
        left: 50%;
        transform: translateX(-50%)
    }

    .sticky-clear_button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -1rem;
        left: -1rem;
        width: calc(100% + 2rem);
        height: calc(100% + 2rem);
        background-color: #fff
    }

    .compare-empty_title {
        margin-bottom: 6.4rem
    }

    .compare-empty_description {
        margin-bottom: 5.6rem;
        font-size: 1.6rem
    }

    .filters_sortby li.-sortby button.-sortby .icon-item {
        margin: 0 0 0 1.6rem
    }

    .filters_sortby li.-sortby button.-sortby {
        padding: 0 1.6rem;
        height: 4rem;
        font-size: 1.6rem
    }

    .filters_sortby li.-sortby .filters-actions_body .filters-actions_content {
        padding: 1.2rem .8rem
    }

    .filters_sortby li.-sortby .filters-actions_body {
        margin-top: -1.6rem
    }

    .filters_sortby li.-sortby {
        padding: 0 0 0 1.6rem
    }

    .filters_sortby .label-sortby {
        margin: .3rem 0 0;
        font-size: 1.6rem;
        line-height: 4rem
    }

    .product-merch-tile .links li a {
        font-size: 1.8rem;
        line-height: 1.1111111111
    }

    .product-merch-tile {
        grid-column: span 2
    }
}

@media (min-width: 48em)and (min-width:80em) {
    .-grid-item .magazine-teaser-item_title {
        font-size:2.8rem;
        line-height: 1.43
    }
}

@media (min-width: 48em)and (min-width:48em) {
    .athlete-details {
        --grid-full:12;
        --grid-half: 6;
        grid-template-columns: repeat(12,1fr);
        column-gap: 16px
    }
}

@media (max-width: 63.99875em) {
    .topbar-navigation .message-banner {
        width:100%;
        height: 0;
        overflow: hidden;
        transition: height .3s cubic-bezier(.77,0,.175,1)
    }

    .-message-banner-mobile .topbar-navigation .message-banner {
        height: 4rem
    }

    .-burger-menu-expanded .topbar-navigation .message-banner,.-minicart-expanded .topbar-navigation .message-banner,.-search-opened .topbar-navigation .message-banner {
        height: 0
    }

    .topbar-navigation .message-banner .swiper-wrapper {
        height: 4rem
    }

    .header-navigation .navigation-item [role=store] {
        display: none
    }

    .header-navigation .navigation-item_link {
        padding: 0 0 0 1.2rem
    }

    .-level-3 .navigation-menu-item>.icon-item.icon-arrow {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: .8rem
    }

    .navigation-submenu_featured .navigation-menu-item>.icon-item.icon-arrow {
        display: none
    }

    [aria-expanded=false].navigation-menu-item+.navigation-submenu.-level-2,[aria-expanded=false].navigation-menu-item~.navigation-submenu.-level-3 {
        visibility: hidden
    }

    .-active.navigation-menu-item .icon-arrow-down {
        transform: rotate(180deg)
    }

    .-level-2-button.navigation-menu-item,.-level-3 .navigation-menu-item {
        padding: 0 1.6rem
    }

    .-level-2-button.navigation-menu-item a {
        flex-grow: 1;
        text-align: left
    }

    .-level-2-button.navigation-menu-item .icon-item {
        margin-left: 4rem
    }

    .navigation-submenu_picture+.navigation-menu-item .navigation-menu-item_text {
        margin-left: 10.8rem
    }

    .-level-1 .navigation-menu-item_text {
        padding: .85rem 0;
        font-size: 1.8rem;
        line-height: 1.33
    }

    .-level-2 .navigation-menu-item_text {
        padding: 0;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.5
    }

    .-level-3 .navigation-menu-item_text {
        order: 2;
        padding: 1rem 0;
        font-weight: 400
    }

    .mini-cart_btn {
        margin-left: 1.2rem
    }

    .product-price.-product-box .old-price {
        display: none
    }
}

@media (max-width: 47.99875em) {
    body.account-open {
        height:100vh;
        overflow: hidden
    }

    body.account-open .topbar-navigation {
        z-index: 0
    }

    .-mobile.-selected.product-tile_action .icon-item {
        display: block
    }

    .-mobile.-selected.-tooItems.product-tile_action {
        display: flex
    }

    .-desktop.apc-partners_btn,.-desktop.magazine-teaser_btn,.apc-partners-item_video-btn>span:last-of-type,.item-slider-nav .is-swiper-button-next,.item-slider-nav .is-swiper-button-prev,.link-teaser_grid,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(5):nth-last-of-type(3),div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item:nth-of-type(6):nth-last-of-type(2) {
        display: none
    }

    .-compact .merch-tile_content {
        justify-content: center
    }

    .-outside-layout .video-card_video {
        --card-ratio: 1/1
    }

    .-card-type-1.sbsb-product-info-text-card_body,.-card-type-2.sbsb-product-info-text-card_body,.-card-type-none.sbsb-product-info-text-card_body {
        padding-bottom: 12rem
    }

    .-card-type-3.sbsb-product-info-text-card_body .sbsb-product-info-text-card_cta:only-child {
        margin-bottom: 9.5rem
    }

    .sticky-clear {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .sticky-clear_button {
        display: flex;
        flex-direction: row-reverse;
        min-height: 3rem;
        padding: 0;
        border: 0;
        background: 0 0;
        color: #000;
        font-size: 1.4rem
    }

    .sticky-clear_button:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: .2rem;
        background-color: #000
    }

    .compare-empty_button {
        width: 100%
    }
}

@media (max-width: 29.99875em) {
    [data-bv-mode=title] .product-ranking_container {
        display:none
    }
}

@media (min-width: 64em) {
    .bv-reviews,.partners {
        padding-right:6.2rem;
        padding-left: 6.2rem
    }

    form.form .fieldset {
        row-gap: 1.5rem
    }

    .field.city,.field.country_id,.field[name*=".city"],.field[name*=".country_id"] {
        grid-column: span 3
    }

    .field.date,.field.field-name-firstname,.field.field-name-lastname,.field.field-name-zipcode,.field.field-name-city,.field.field-name-state,.field.field-dob,.field.field-name-mobilephone,.field.country,.field.language,.field.firstname,.field.gender,.field.lastname,.field[name*=".firstname"],.field[name*=".lastname"],.field[name*="country"] {
        grid-column: span 2;
    }

    .field.postcode,.field.region_id,.field.zip,.field[name*=".postcode"],.field[name*=".region_id"],.field[name*=".zip"] {
        grid-column: span 1
    }

    .message-banner_items .swiper-slide {
        align-items: center
    }

    .message-banner_close {
        display: none
    }

    .header-navigation .navigation-item_link {
        margin-left: 2.4rem;
        padding: 0
    }

    .navigation-menu-item>.icon-item.icon-arrow {
        display: none
    }

    .navigation-menu-item {
        width: auto
    }

    .-level-1>ul>li>.navigation-menu-item>span {
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: .054rem;
        line-height: 1.14
    }

    .cart-reassurance-container {
        grid-column: span 7;
        grid-row: 4
    }

    .opc-progress-bar {
        padding: 2.8rem 3.2rem 2rem 4rem
    }

    .opc-progress-bar-item>span {
        --step-number-size: 3.2rem
    }

    .opc-progress-bar-item>span:before {
        margin-right: 1.6rem;
        padding: .4rem
    }

    #customer-login .fieldset {
        grid-gap: 2rem;
        grid-template-columns: repeat(2,calc(50% - 1rem))
    }

    #customer-login .fieldset .field {
        grid-column: auto
    }

    .login-method_title {
        flex-basis: auto;
        margin-right: auto
    }

    .mini-cart_header {
        margin-bottom: 2.4rem
    }

    .mini-cart_container {
        padding: 2.4rem 3.2rem 3.2rem
    }

    .mini-cart_cta {
        margin-top: 3.2rem
    }

    .mini-cart {
        top: 8rem;
        width: 50rem;
        height: calc(100% - 8rem)
    }

    .mini-cart .simplebar-content {
        height: 100%
    }

    .opc-sidebar.modal-slide {
        visibility: visible;
        position: static;
        opacity: 1
    }

    .opc-sidebar.modal-slide .modal-inner-wrap {
        transform: none;
        transition: none
    }

    .opc-sidebar.modal-slide .action-close {
        display: none
    }

    .opc-sidebar.opc-summary-wrapper {
        z-index: 7990!important
    }

    .opc-sidebar .modal-content {
        padding: 0
    }

    .opc-sidebar+.modals-overlay {
        display: none!important
    }

    .product-price.-plp .old-price {
        grid-column: span 2
    }

    .product-price.-plp .discount {
        grid-column: 1
    }

    .product-price.-mpb .discount {
        padding: 0 1rem 0 .7rem
    }

    .stickers-image {
        top: 1.4rem;
        right: 1.5rem
    }

    .stickers-image.-pdp {
        top: 3rem;
        right: 2rem
    }

    .product-tile_body {
        padding: 1.6rem
    }

    .product-tile .stickers-text {
        top: 2rem;
        left: 2rem;
        width: calc(100% - 8rem)
    }

    .product-tile_sizes li.-coming-soon,.product-tile_sizes li.-not-sold-online,.product-tile_sizes li.-online-only,.product-tile_sizes li.-out-of-stock {
        top: -3.2rem
    }

    .product-tile_info .product-tile_info-general .product-tile_info-title {
        padding-right: 1.6rem
    }

    .product-tile_info .product-tile_info-general .product-price {
        justify-content: flex-end;
        margin-top: 0;
        text-align: right
    }

    .product-tile_info .product-tile_info-general {
        flex-direction: row
    }

    .module-wrapper_columns>:not(:last-child) {
        margin-bottom: 0
    }

    .module-wrapper_columns {
        grid-template-columns: 7fr 5fr;
        align-items: start;
        column-gap: 1.6rem
    }

    .s-container .item-slider-nav .is-swiper-button-next,.s-container .item-slider-nav .is-swiper-button-prev {
        --nav-btn-offset: 50%
    }

    .header-landing-slide {
        gap: 2rem
    }

    .-variation-transition-white.header-landing-hero {
        background-color: #000
    }

    .header-landing-hero_media {
        --hero-picture-ratio: 1156/563;
        --hero-picture-width-ratio: 1316/1056;
        margin: 0 var(--pic-offset-right) 0 var(--pic-offset)
    }

    .-desktop-image-ratio-small .header-landing-hero_media {
        --hero-picture-ratio: 1156/460
    }

    .-variation-transition-white .header-landing-hero_media:after {
        content: "";
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 10%;
        height: 100%;
        background: linear-gradient(90deg,#000 0,transparent 100%)
    }

    .-variation-fullscreen-black .header-landing-hero_media .video-card_cover:after,.-variation-fullscreen-white .header-landing-hero_media .video-card_cover:after {
        display: none
    }

    .-variation-fullscreen-black .header-landing-hero_media .video-card_video,.-variation-fullscreen-white .header-landing-hero_media .video-card_video {
        width: calc(100% + var(--fullscreen-space));
        margin-left: calc(var(--fullscreen-space)*-1)
    }

    .-variation-fullscreen-black .header-landing-hero_media img,.-variation-fullscreen-white .header-landing-hero_media img {
        left: calc(var(--fullscreen-space)*-1);
        width: calc(100% + var(--fullscreen-space));
        max-width: none
    }

    .header-landing-hero_content {
        position: absolute;
        z-index: 2;
        bottom: 4rem;
        left: 6.2rem;
        width: calc((100% + 16px - 6.2rem*2)/12*6 - 16px)
    }

    .-variation-fullscreen-white .header-landing-hero_title,.-variation-transition-white .header-landing-hero_title {
        color: #fff
    }

    .header-landing-hero_title-duplicate:not(:empty) {
        display: flex
    }

    .header-landing-product {
        gap: 1.6rem;
        padding: .8rem
    }

    .quoteblock_icon {
        transform: translate(-50%,-50%)
    }

    .quoteblock_quote {
        margin-bottom: 2.4rem
    }

    .quoteblock {
        --padding-x: calc((100% + 16px)/12);
        padding: 6.4rem var(--padding-x) 4rem
    }

    .full-screen-slider .swiper-container.-small-width-desktop {
        -webkit-margin-end: 8.3333333333%;
        margin-inline-end:8.3333333333%}

    .full-screen-slider .swiper-container.-small-width-desktop.-single-slide {
        -webkit-margin-start: 8.3333333333%;
        margin-inline-start:8.3333333333%}

    .full-screen-slider .swiper-container.-tiny-width-desktop {
        -webkit-margin-end: 16.6666666667%;
        margin-inline-end:16.6666666667%}

    .full-screen-slider .swiper-container.-tiny-width-desktop.-single-slide {
        -webkit-margin-start: 16.6666666667%;
        margin-inline-start:16.6666666667%}

    .-sticky .filters-actions_load {
        margin: 0 -6.2rem
    }

    .-left.filters-actions_list>li>button {
        padding: 0 1.6rem
    }

    .-right.filters-actions_list>button {
        padding: 0 2rem
    }

    .filters-actions_button .counter,.filters-actions_button .icon-item {
        margin-left: 1rem
    }

    .certificates_search-box .icon-item {
        width: 4.8rem;
        height: 4.8rem
    }

    .certificates_title {
        margin-bottom: 8rem
    }

    .certificates_search-box .icon-item.icon-search {
        bottom: 2.4rem;
        width: 3.8rem;
        height: 3.8rem
    }

    .certificates_search-box {
        padding: 0 0 1.6rem 5.6rem;
        margin: 0
    }

    .certificates_filters {
        margin-top: 4rem
    }

    .certificates_results {
        gap: .8rem
    }

    .certificates_result-id {
        width: 18.2rem;
        margin: 0 1.6rem 0 0
    }

    .certificates_result-title {
        max-width: 53.2rem;
        margin: 0 1.6rem 0 0
    }

    .certificates_result-btn {
        margin: 0 0 0 auto
    }

    .certificates_result {
        flex-direction: row;
        align-items: center;
        gap: 1.6rem;
        padding: 1.6rem 2.4rem 1.6rem 3.2rem
    }

    .certificates_load-more-btn {
        align-self: center
    }

    .link-teaser {
        padding-right: 6.2rem
    }

    .merch-link_container .subtitle {
        font-size: 2.2rem;
        line-height: 1.4545454545
    }

    .title-and-button:before {
        margin: 0 6.2rem
    }

    .career_title {
        -webkit-margin-after: 4rem;
        margin-block-end:4rem}

    .career_header {
        display: grid;
        grid-template-columns: var(--grid-cols-template-desktop);
        align-items: center
    }

    [open].career-filter-popup_item:not(.-closing),[open].career_item:not(.-closing) {
        -webkit-padding-after: 3.2rem;
        padding-block-end:3.2rem}

    .career-filter-popup_item-summary-icon .icon-item,.career_item-summary-icon .icon-item {
        --icon-size: 2.4rem
    }

    .career-filter-popup_item-summary,.career_item-summary {
        padding-block:2.4rem}

    .career_item-header>:first-child {
        -webkit-margin-end: 4rem;
        margin-inline-end:4rem}

    .career_item-header>:not(:first-child) {
        display: flex;
        color: rgba(0,0,0,.6)
    }

    .career_item-header>:not(:first-child):not(:last-child) {
        -webkit-margin-end: 8rem;
        margin-inline-end:8rem}

    .career_item-header {
        grid-template-columns: var(--grid-cols-template-desktop)
    }

    .career-filter-popup_item-content:before,.career_item-content:before {
        height: 2rem
    }

    .career_item-content-summary {
        display: none
    }

    .career_item-content-precopy {
        -webkit-margin-after: 4rem;
        margin-block-end:4rem}

    .career_item-content-title {
        -webkit-margin-after: 2.4rem;
        margin-block-end:2.4rem}

    .career_item-content-copy,.career_item-content-precopy {
        --spacing-y: 4rem
    }

    .career-filter-popup_item,.career_item {
        padding-inline:3.2rem}

    .career-filter-popup {
        display: none
    }

    .how-to-videos_grid-items {
        grid-template-columns: repeat(3,1fr)
    }

    .app-teaser_hero {
        width: calc(100% + 6.2rem);
        transform: translateX(-6.2rem)
    }

    .three-column-layout_item:nth-last-child(2):nth-child(odd) {
        margin-bottom: var(--separator-spacing);
        padding-bottom: var(--separator-spacing);
        border-bottom: .1rem solid #d2d2d2
    }

    .three-column-layout_item:nth-child(3n+1):nth-last-child(-n+3),.three-column-layout_item:nth-child(3n+1):nth-last-child(-n+3)~div {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }

    .three-column-layout {
        grid-template-columns: 1fr 1fr 1fr
    }

    .gripwalk-text-teaser_content {
        grid-template-columns: repeat(2,minmax(auto,calc((100% + 16px)/11*5 - 16px)));
        margin-left: calc((100% + 16px)/12)
    }

    .sbsb-product-info_content {
        --header-nav-height: 8rem
    }

    .product-merch-tile .page-title {
        font-size: 4.4rem
    }

    .product-merch-tile .subtitle {
        font-size: 1.6rem
    }
}

@media (min-width: 64em)and (min-width:64em) {
    .-variation-transition-white .header-landing-hero_media:after {
        display:flex
    }
}

@media (min-width: 80em) {
    .bv-reviews {
        margin-top:8rem
    }

    .-size-h1.titleblock_title,.compare-empty_title,.event-teaser_title,.faq-header_title,.gripwalk-header_title,.header-landing-hero_title,.template-title {
        font-size: 6.4rem;
        line-height: .84
    }

    .-size-h1.titleblock_title:before,.compare-empty_title:before,.event-teaser_title:before,.faq-header_title:before,.gripwalk-header_title:before,.header-landing-hero_title:before,.template-title:before {
        width: 6.9rem;
        height: 1.1rem
    }

    .countdown_title,.search-input input[type=text].search-input_input {
        font-size: 5.6rem;
        line-height: .86
    }

    .countdown_title:before,.search-input input[type=text].search-input_input:before {
        width: 6rem;
        height: .9rem
    }

    .athlete-details_title {
        font-size: 5.6rem;
        line-height: .86
    }

    .athlete-details_title:before {
        width: 6rem;
        height: .9rem
    }

    .apc-partners_title,.career_item-content-title {
        font-size: 4.4rem;
        line-height: .91
    }

    .apc-partners_title:before,.career_item-content-title:before {
        width: 4.7rem;
        height: .7rem
    }

    .-size-h2.titleblock_title,.apc-partners_title,.app-teaser_title,.full-screen-image_title,.gripwalk-table_title,.image-teaser-item_title,.link-teaser_title,.quick-shop-2_title,.title-and-button_title {
        font-size: 4.4rem;
        line-height: .91
    }

    .-size-h2.titleblock_title:before,.apc-partners_title:before,.app-teaser_title:before,.full-screen-image_title:before,.gripwalk-table_title:before,.image-teaser-item_title:before,.link-teaser_title:before,.quick-shop-2_title:before,.title-and-button_title:before {
        width: 4.7rem;
        height: .7rem
    }

    .sbsb-title_title {
        font-size: 4rem;
        line-height: 1
    }

    .merch-tile_content .title,.quoteblock_quote,.squarelovin-teaser_title {
        font-size: 3.2rem;
        line-height: .88
    }

    .merch-tile_content .title:before,.quoteblock_quote:before,.squarelovin-teaser_title:before {
        width: 3.4rem;
        height: .5rem
    }

    .-size-h3.titleblock_title,.bv-reviews-title,.career_title,.contact-box_title,.link-teaser-item .link-teaser-item_title,.magazine-teaser_title,.partners_title,.pop-up-content_title,.procedure_title,.product-teaser-title,.quick-shop_title,.quoteblock_quote,.squarelovin-teaser_title {
        font-size: 3.2rem;
        line-height: .88
    }

    .-size-h3.titleblock_title:before,.bv-reviews-title:before,.career_title:before,.contact-box_title:before,.link-teaser-item .link-teaser-item_title:before,.magazine-teaser_title:before,.partners_title:before,.pop-up-content_title:before,.procedure_title:before,.product-teaser-title:before,.quick-shop_title:before,.quoteblock_quote:before,.squarelovin-teaser_title:before {
        width: 3.4rem;
        height: .5rem
    }

    .boot-popup-item_title,.sbsb-product-info-product-card_title {
        font-size: 2.4rem;
        line-height: 1.33
    }

    .boot-popup-item_title:before,.sbsb-product-info-product-card_title:before {
        width: 3rem;
        height: .4rem
    }

    .-size-h4.titleblock_title {
        font-size: 2.4rem;
        line-height: 1.33
    }

    .-size-h4.titleblock_title:before {
        width: 3rem;
        height: .4rem
    }

    .athlete-details_item-title,.downloadbox_title,.lens-chart-legend_title,.magazine-title_date,.textblock_title,.titleblock_subtitle {
        font-size: 1.2rem;
        line-height: 1
    }

    .apc-partners-item_info,.certificates_filter-btn sup,.event-teaser-card_info-label,.event-teaser-card_tag,.field .control .field-tooltip .label,.field .control .field-tooltip-content,.field .control .note,.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error,.field .control input+div.field-tooltip+div:not([data-role=password-strength-meter])[for],.field .control input+div:not([data-role=password-strength-meter]).field-error,.field .control input+div:not([data-role=password-strength-meter])[for],.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter]).field-error,.field .control select+div.field-tooltip+div:not([data-role=password-strength-meter])[for],.field .control select+div:not([data-role=password-strength-meter]).field-error,.field .control select+div:not([data-role=password-strength-meter])[for],.field label.label:first-child span,.filters-actions_content .counter,.filters-actions_content .input-color .a11y-sr-only,.input-checkbox input+div,.input-checkbox-required,.input-color input+label .color-inner .label,.input-consent .mage-error,.input-help,.input-label,.items-in-cart .minicart-items-wrapper .cart-price .discount,.items-in-cart .minicart-items-wrapper .cart-price .discount .price,.items-in-cart .minicart-items-wrapper .cart-price .old-price,.items-in-cart .minicart-items-wrapper .cart-price .old-price .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price .price,.layout-size-tables table tr td,.layout-size-tables table tr th,.magazine-footer_tags>*,.magazine-teaser-item_date,.message-banner .navigation-item_link .-label,.mini-cart_count,.mini-cart_product-options,.mini-cart_product-options>li,.mini-cart_product-price .discount,.mini-cart_product-price .discount .price,.mini-cart_product-price .old-price,.mini-cart_product-price .old-price .price,.mini-cart_total .notice,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block>.details-qty,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .old-price .price,.product-price.-pdp .discount,.product-price.-pdp .new,.product-price.-plp .discount,.product-price.-plp .old-price,.product-price.-product-box .old-price,.product-price.-product-bundle .old-price,.product-price.-product-bundle .price,.product-ranking .bv-write-review-link,.product-ranking_rating,.product-tile_sizes li.-coming-soon,.product-tile_sizes li.-not-sold-online,.product-tile_sizes li.-online-only,.product-tile_sizes li.-out-of-stock,.quick-shop_card-price .product-price.-pdp .old-price,.quick-shop_card-size-btn,.reusable-block_title,.table-totals .notice,.three-column-layout_item-title,.topbar-navigation .navigation-item_link .-label,div.squarelovin-container .squarelovin-widget-container .squarelovin-stream-container .squarelovin-stream-item .squarelovin-user-info .squarelovin-bordered-hover-name,input-help,input-label,input.mage-error+.mage-error,input.mage-error+label+.mage-error,input[type=checkbox]+div,select.mage-error+.mage-error,textarea.mage-error+.mage-error {
        font-size: 1.2rem;
        line-height: 1.33
    }

    .sbsb-product-info-product-card_section,.sbsb-product-info-text-card_title,.split-teaser_text {
        font-size: 1.6rem;
        line-height: 1.5
    }

    .career_item-content-summary,.header-landing-product_price,.header-landing-product_title,.header-navigation .navigation-item_sublink,.message-banner .navigation-item_sublink,.mini-cart_product-qty .qty,.size-table_tabs button,.topbar-navigation .navigation-item_sublink {
        font-size: 1.4rem;
        line-height: 1.57
    }

    .-big.select-button,.apc-partners-item_title,.career,.certificates_search-box .icon-item,.collection-teaser_copy,.field .control select,.filters-actions_content .show-explanation+p,.input-checkbox input+div+label,.input-checkbox input+label,.input[type=email],.input[type=number],.input[type=password],.input[type=text],.items-in-cart .minicart-items-wrapper .cart-price .price,.items-in-cart .minicart-items-wrapper .cart-price .price-container,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price,.items-in-cart ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price-container,.magazine-teaser-item_category,.mini-cart_product-price .price,.mini-cart_product-price .price-container,.mini-cart_product-title,.mini-cart_total,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .product-item-name-block .product-item-name,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-details .product-item-inner .subtotal .cart-price .price-container,.opc-progress-bar-item,.opc-progress-bar-item>span:before,.product-price .not-saleable,.product-price .old-price,.product-price.-mpb .discount,.product-price.-plp .price,.product-price.-product-box .price,.product-tile_info .product-tile_info-general .product-price,.product-tile_info .product-tile_info-general .product-tile_info-title .text-subhead,.product-tile_subtile,.quick-shop_card-price .product-price.-pdp .price,.quoteblock_author,.size-chart-content_copy,.table-totals .amount,.table-totals .mark,.text-imprint_copy,.titletext-teaser-item_copy,input[type=checkbox]+div+label,input[type=checkbox]+label,input[type=email],input[type=number],input[type=password],input[type=text],input[type=tel] {
        font-size: 1.6rem;
        line-height: 1.5
    }

    .athlete-details_item-copy,.career-filter-dropdown_dropdown .input-checkbox .label,.certificates_filter-btn,.custom-tabs_button,.filters-actions_content .input-checkbox .label,.filters-actions_content .input-radio .label,.how-to-videos_grid-item-subtitle,.items-in-cart ol.minicart-items li.product-item .product .product-item-bundle-pack-name span,.mini-cart_item-bundle_title span,.mini-cart_total .total,.minicart-items-wrapper ol.minicart-items li.product-item .product .product-item-bundle-pack-name span,.product-list_search-prompt,.table-totals tr:last-of-type td,.table-totals tr:last-of-type th {
        font-size: 2rem;
        line-height: 1.4
    }

    .-card-type-2 .sbsb-product-info-text-card_text,.-size-small .textblock_copy,.collection-teaser_title,.error-page_copy,.faq-header_copy,.gripwalk-header_copy,.gripwalk-text-teaser_title,.magazine-teaser-item_title,.product-price.-mpb .old-price,.product-price.-mpb .price,.product-price.-pdp .price,.product-price.-pdp-sticky .old-price,.product-price.-pdp-sticky .price,.size-table_tabs .size-table_tabs-title,.small-image-text_title,.text-imprint_title,.titleblock_copy,.titletext-teaser-item_title,.video-card_title {
        font-size: 2.4rem;
        line-height: 1.33
    }

    .sbsb-product-info-text-card_text {
        font-size: 2.8rem;
        line-height: 1.43
    }

    .sbsb-text_content {
        font-size: 3.2rem;
        line-height: 1.43
    }

    .app-teaser_accordions ul.accordion .accordion_title,.downloadbox_copy,.faq-accordion_title,.titletext-teaser-item_hover-text {
        font-size: 2.8rem;
        line-height: 1.43
    }

    .-size-big .textblock_copy,.certificates_search-input[type=text] {
        font-size: 3.6rem;
        line-height: 1.33
    }

    .checkout-summary .opc-block-summary .cart-sidebar_title,.checkout-summary .opc-block-summary .title {
        font-size: 2.4rem;
        line-height: 1.3333333333
    }

    .items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .price-container {
        font-size: 1.6rem;
        line-height: 1.5
    }

    .items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.items-in-cart ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .discount .price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price,.minicart-items-wrapper ol.minicart-items li.product-item .product .bundle-pack-price-container .old-price .price {
        font-size: 1.2rem;
        line-height: 1.33
    }

    .-horizontal.size-table_table td:not(:first-child) {
        padding: 1.6rem .4rem
    }

    .module-wrapper_columns {
        grid-template-columns: 7fr 4fr;
        column-gap: calc(8.3333333333% + 3.2rem)
    }

    .module-wrapper {
        --spacing-small: 6.4rem;
        --spacing-default: 8rem;
        --spacing-large: 12rem;
        --spacing-footer: 12rem;
        --spacing-magazine-top: 6.4rem
    }

    .-gray-bg.titleblock {
        padding-block:6.4rem}

    .titleblock .btn-primary {
        margin-top: 4rem
    }

    .titleblock {
        padding-top: 6.4rem
    }

    .breadcrumb+.titleblock:not(.-gray-bg) {
        padding-top: 4rem
    }

    .error-page_title {
        margin-bottom: 4rem;
        font-size: 25.6rem;
        line-height: 21.6rem
    }

    .error-page_copy {
        margin-bottom: 4rem
    }

    .error-page {
        min-height: calc(var(--app-height) - 8rem)
    }

    .header-landing-hero_title {
        margin-bottom: 4rem;
        padding: 0
    }

    .header-landing-hero_title:after {
        content: none
    }

    .header-landing-products {
        grid-auto-columns: minmax(0,1fr);
        grid-auto-flow: column;
        grid-template-columns: none;
        gap: 1.6rem
    }

    .titletext-teaser-item_picture-wrapper {
        margin-bottom: 3.2rem
    }

    .size-chart-content_title {
        font-size: 2.4rem;
        line-height: 1.2
    }

    .layout-norms_content {
        flex-direction: row;
        align-items: flex-start
    }

    .layout-norms_content>* {
        width: 50%
    }

    .template-title {
        padding-block:6.4rem}

    .-sticky .filters-actions:after,.-sticky .filters-actions:before {
        right: -6.2rem;
        left: -6.2rem
    }

    .filters-actions_content .input-checkbox input+label {
        padding-top: .6rem
    }

    .filters:not(.-filters-loaded) {
        position: relative;
        top: 0
    }

    .-sticky.filters {
        max-width: 100%;
        margin-bottom: 0
    }

    .quick-shop_title {
        font-size: 4.4rem;
        line-height: 1.1
    }

    .-item-count-1.link-teaser_grid {
        --item-max-width: 33%
    }

    .-max-slides-per-view .link-teaser-item .link-teaser-item_links a:not(:only-child) {
        flex-grow: 1
    }

    .athlete-details_content {
        grid-column: 8/span 4
    }

    .merch-tile_content {
        padding: 4rem 2.5rem
    }

    .career {
        --col-width-big: calc(100%/(672/261));
        --col-width-small: calc(100%/(672/100))
    }

    .event-teaser-card_title {
        font-size: 2.4rem;
        line-height: 1.33
    }

    .event-teaser-card_button:is(a,button) {
        font-size: 1.4rem;
        line-height: 1.57
    }

    .countdown_date-item-number,.countdown_date-separator {
        font-size: 12rem
    }

    .countdown_date-item-number {
        margin-bottom: 3.2rem
    }

    .countdown_date-item-label {
        font-size: 2.4rem;
        line-height: .8333333333
    }

    .gripwalk-table_title {
        font-size: 3.2rem;
        line-height: .88
    }

    .procedure_item {
        width: 16.6666666667%
    }

    .procedure_item:nth-child(4n):after {
        content: ""
    }

    .procedure_item:nth-child(6n):after {
        content: none
    }
}

@media (min-width: 90em) {
    .stickers-image.-pdp .sticker-item {
        width:6rem;
        height: 6rem
    }

    .header-landing-hero {
        --pic-offset-right: calc(((100vw - 144rem)/-2) - 6.2rem);
        --fullscreen-space: calc(((144rem + 16px - 6.2rem*2)/12*2) + 6.2rem)
    }

    .link-teaser_grid {
        --item-min-width: 40rem
    }
}

@keyframes animation-loader-bg {
    0%,100% {
        background-color: rgba(153,153,153,.4)
    }

    50% {
        background-color: rgba(153,153,153,.2)
    }
}

@keyframes processing {
    from {
        left: -1.5rem
    }

    to {
        left: calc(100% - 1rem)
    }
}

.-show.ski-test_appointment-form:after,.popin_backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.double-optin_content,.double-optin_header,.email-footer-template,.iframe-wrapper,.schedules {
    max-width: 144rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

.iframe-wrapper,.schedules,.ski-test_locator {
    --grid-full: 4;
    --grid-half: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    column-gap: 8px
}

.double-optin_title,.popin_title,.ski-test_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: .86;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.double-optin_title:before,.popin_title:before,.ski-test_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3.2rem;
    height: .4rem
}

.-line-top.double-optin_title:before,.-line-top.popin_title:before,.-line-top.ski-test_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.iframe-wrapper_title,.schedules_title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.iframe-wrapper_title:before,.schedules_title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3rem;
    height: .4rem
}

.-line-top.iframe-wrapper_title:before,.-line-top.schedules_title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.iframe-wrapper_thanks-title {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 2rem;
    line-height: 1.2
}

.-line-bottom.iframe-wrapper_thanks-title,.-line-top.iframe-wrapper_thanks-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.iframe-wrapper_thanks-title:before,.-line-top.iframe-wrapper_thanks-title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.iframe-wrapper_thanks-title:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.ski-test_locator-no_results,.ski-test_locator-popup .ski-test_locator-popup_address,.ski-test_locator-popup .ski-test_locator-popup_date,.ski-test_locator-popup .ski-test_locator-popup_distance,div.embeddedServiceSidebar .cSnapInPreChat .form-control1 label,div.embeddedServiceSidebar .cSnapInPreChat .slds-form-element__help,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState #chatWindowCurrentDesc,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .eventMessage,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .agentName,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .nameAndTimeDotDivider,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .timeContent,div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element label,div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element__help,div.embeddedServiceSidebar embeddedservice-chat-header-announcement p.announcement {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.2rem;
    line-height: 1.33
}

.double-optin_footer-address,.double-optin_footer-contact,.email-footer-template_address,.email-footer-template_contact,.schedules-entry_subtext,.ski-test_locator-popup,.ski-test_map .gm-style-iw.gm-style-iw-c,div.embeddedServiceSidebar,div.embeddedServiceSidebar .chasitorInputWrapper.embeddedServiceLiveAgentStateChatInputFooter textarea,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextBody,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .plaintextContent,div.embeddedServiceSidebar .waitingStateContainer .waitingMessage,div.embeddedServiceSidebar div.cSnapInPreChat .header-title,div.embeddedServiceSidebar lightning-input input {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.4rem;
    line-height: 1.57
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .content,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .helpButtonLabel,.schedules_tab-btn,div.embeddedServiceHelpButton div.helpButton button.uiButton .helpButtonLabel {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.8rem;
    line-height: 1.33
}

div.embeddedServiceSidebar .waitingStateContainer .waitingGreeting {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600
}

.schedules-entry {
    display: grid;
    grid-template-columns: minmax(11rem,max-content) minmax(auto,1fr);
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    column-gap: 2.4rem;
    border-bottom: .1rem solid #dbdbdb
}

.schedules-entry_text,.schedules-entry_time {
    font-weight: 600
}

.schedules-entry_time {
    grid-column: span 1;
    font-size: 1.6rem
}

.schedules-entry_content {
    grid-column: span 1
}

.schedules-entry_text {
    font-size: 1.6rem
}

.schedules-entry_subtext {
    opacity: .6
}

.schedules-entry_attachment {
    margin-top: 1.6rem
}

.schedules_title {
    grid-column: span 12;
    margin-bottom: 2.4rem
}

.schedules_tabs {
    display: flex;
    grid-column: span 12;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    column-gap: 2.4rem;
    border-bottom: .1rem solid #dbdbdb
}

.schedules_attachment-wrapper,.schedules_contents {
    grid-column: span 12
}

.schedules_tab-btn {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    transition: color .25s;
    font-weight: 600
}

.schedules_tab-btn:after {
    content: "";
    display: block;
    width: 100%;
    height: .3rem;
    margin-top: .4rem;
    opacity: 0;
    background-color: #ed1847
}

.-active.schedules_tab-btn {
    color: #ed1847
}

.-active.schedules_tab-btn:after {
    opacity: 1
}

.schedules_tab-btn:hover {
    color: #ed1847
}

.schedules_tab-content {
    display: none
}

.schedules_tab-content .schedules-entry:last-of-type {
    margin-bottom: 2rem
}

.-active.schedules_tab-content {
    display: block
}

.double-optin_header {
    width: 100%
}

.double-optin_header svg {
    max-width: 20rem
}

.double-optin_content {
    width: 100%
}

.double-optin_title {
    max-width: 86rem;
    margin-bottom: 3.2rem
}

.double-optin_copy {
    margin-bottom: 3.2rem
}

.double-optin_footer,.email-footer-template {
    padding: 1.6rem 0;
    background-color: #000;
    color: #fff
}

.double-optin_footer-bottom,.email-footer-template_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .8rem
}

.double-optin_footer-contact,.email-footer-template_contact {
    opacity: .6
}

.double-optin_footer-socials,.email-footer-template_socials {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 2.4rem
}

.double-optin_footer-socials .icon-item,.email-footer-template_socials .icon-item {
    width: 1.8rem;
    height: 1.8rem
}

.email-footer-template {
    padding: 3.2rem 1.6rem 0;
    border-top: .1rem solid #dbdbdb;
    background-color: #fff;
    color: #000
}

.email-footer-template_address {
    text-align: center
}

.email-footer-template_bottom {
    flex-direction: column;
    row-gap: 1.6rem
}

.email-footer-template_contact {
    display: flex;
    column-gap: 1.6rem
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    height: auto;
    padding: .8rem 2.4rem
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a:focus {
    outline: 0
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.focus-visible,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a:focus-visible {
    outline: #009ccc solid .2rem!important
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.focus-visible[data-fv=true]:not(.-focus-visible),div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.focus-visible[data-fv=true].-focus-visible {
    outline: #009ccc solid .2rem!important
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a .icon-item {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: .8rem
}

.popin_close,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a {
    transition: .3s cubic-bezier(.165,.84,.44,1)
}

.-disabled.popin_close,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.-disabled {
    pointer-events: none
}

.-hover.popin_close,[aria-expanded=true].popin_close,body:not(.-touch) .popin_close:hover,body:not(.-touch) div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a:hover,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.-hover,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a[aria-expanded=true],div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items body:not(.-touch) .slds-dropdown__item>a:hover {
    color: #ed1847
}

.-disabled.popin_close,body:not(.-touch) .-disabled.popin_close:hover,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.-disabled {
    color: #666;
    pointer-events: none
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.-no-decoration {
    text-decoration: none
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a.-bold {
    font-weight: 700
}

.popin {
    display: none;
    position: fixed;
    z-index: 8000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    transition: none;
    opacity: 0
}

[role=dialog].popin {
    max-width: unset
}

.-align-right.popin,.ski-level.popin,.ski-sole.popin {
    justify-content: flex-end
}

.-align-top.popin,.ski-level.popin,.ski-sole.popin {
    align-items: flex-start
}

.popin-360.popin .popin_body,.popin-360.popin .popin_content {
    min-height: 100%
}

.-push-information.popin {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 1.6rem 1.6rem
}

.-no-scroll-lock.popin {
    top: auto;
    left: auto
}

.popin [data-focus],.popin [data-focus].focus-visible:not([data-fv]) {
    outline: 0!important
}

.popin.-open {
    display: flex
}

.popin.-active {
    transition: .3s cubic-bezier(.645,.045,.355,1);
    opacity: 1
}

.popin_backdrop {
    background-color: rgba(0,0,0,.4)
}

.-video .popin_backdrop {
    background-color: #000
}

.-backdrop-hidden .popin_backdrop {
    display: none
}

.popin_body {
    display: inline-flex;
    position: relative;
    z-index: 1;
    justify-content: inherit;
    max-width: 100%;
    transform: scale(.4);
    transition: none
}

.-push-information .popin_body {
    margin: 0 0 1.6rem
}

.-video .popin_body {
    width: 100%;
    height: 100%
}

.-disabled.popin_body {
    display: none
}

.-active .popin_body {
    transform: scale(1);
    transition: .3s cubic-bezier(.645,.045,.355,1)
}

.popin_close {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    position: absolute;
    z-index: 2;
    top: 1.6rem;
    right: 1.6rem;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem
}

.popin_close:focus {
    outline: 0
}

.popin_close:focus-visible {
    outline: #009ccc solid .2rem
}

.-push-information .popin_close {
    background-color: #fff
}

.-video .popin_close {
    background-color: rgba(0,0,0,0)
}

.-video .popin_close .icon-item svg {
    fill: #fff
}

.-md .popin_content {
    width: calc(100vw - 3.2rem)
}

.-lg .popin_content {
    width: 90vw
}

#country-switcher .popin_content,.-align-right .popin_content,.-align-right-mobile .popin_content {
    width: 42rem;
    max-width: 91.2%
}

.-half-width .popin_content,.-size-guide .popin_content,.ski-level .popin_content,.ski-sole .popin_content {
    width: 100vw
}

.-full-height .popin_content,.-size-guide .popin_content,.ski-level .popin_content,.ski-sole .popin_content {
    min-height: 100vh
}

.-full-width .popin_content {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw
}

#country-switcher .popin_content {
    max-height: 100vh
}

.-video .popin_content {
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    background: #000
}

.-product .popin_content {
    align-items: flex-start;
    width: 100vw;
    border-radius: 0;
    background: #fff
}

.popin_content {
    width: 100vw;
    max-width: calc(100vw - 3.2rem);
    max-height: var(--app-height);
    overflow: auto;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    display: flex;
    align-items: center;
    color: #000
}

.popin_content-wrapper {
    --popin-padding-x: 2.4rem;
    --popin-padding-y: 3.6rem;
    width: 100%;
    max-height: 100%;
    padding: var(--popin-padding-y) var(--popin-padding-x)
}

#push-information .popin_content-wrapper {
    padding: 2.4rem
}

#newsletter-information .popin_content-wrapper {
    padding: 0
}

.popin_title {
    text-align: left
}

.popin_content .h3 {
    margin-bottom: 3rem
}

.popin_content hr {
    height: .1rem;
    margin: 2.5rem 0;
    border: 0;
    background-color: #999
}

.popin.popin-pushs {
    z-index: 7990
}

.iframe-wrapper {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    background-color: #f9f9f9
}

.iframe-wrapper_header {
    grid-column: span 4
}

.iframe-wrapper_title {
    margin-bottom: 4rem
}

.iframe-wrapper_steps {
    display: flex;
    flex-direction: column;
    margin-bottom: 3.2rem;
    padding-bottom: 2.4rem
}

.iframe-wrapper_step {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    padding: 1.6rem 0;
    border-width: 0 0 .1rem;
    border-style: solid;
    border-color: #dbdbdb
}

.iframe-wrapper_step-number {
    font-weight: 600
}

.iframe-wrapper_step .icon-item {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-left: 1rem
}

.iframe-wrapper_step-title {
    display: inline-block;
    margin-left: 1.6rem
}

.iframe-wrapper_content {
    grid-column: span 4
}

.--submitted.iframe-wrapper_content iframe {
    display: none
}

.--submitted.iframe-wrapper_content .iframe-wrapper_thanks {
    display: block
}

.iframe-wrapper_thanks {
    display: none;
    grid-column: span 4
}

.iframe-wrapper_thanks-text {
    margin-top: 1.6rem
}

.iframe-wrapper_iframe {
    width: .1rem;
    min-width: 100%;
    height: 100%
}

.ski-test_inner {
    display: grid;
    align-items: flex-start
}

.ski-test_filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 3.2rem 0 0;
    gap: .5em
}

.ski-test_wrapper {
    margin: 3.2rem 0;
    overflow: auto
}

.ski-test_button-all {
    order: 3
}

.ski-test_appointments {
    --grid-cols-desktop: minmax(0,3fr) repeat(6,minmax(0,2fr)) minmax(0,3fr);
    width: 100%;
    border-spacing: 0 .8rem;
    border-collapse: separate
}

.ski-test_appointments-head {
    display: none;
    margin-bottom: .8rem
}

.ski-test_appointments-head-item {
    padding: 2.4rem;
    background-color: #f9f9f9;
    font-weight: 600;
    white-space: nowrap
}

.ski-test_appointments-head-item:not(:first-child) {
    text-align: center
}

.ski-test_appointments-body {
    display: grid;
    row-gap: .8rem
}

.ski-test_appointment {
    padding: 3.2rem 2.4rem;
    background-color: #f9f9f9
}

.-open.ski-test_appointment {
    height: auto
}

.ski-test_appointment-value {
    padding: 0;
    background-color: #f9f9f9
}

.ski-test_appointment-value:first-child {
    margin-bottom: 1.6rem;
    font-weight: 600;
    text-align: left
}

.ski-test_appointment-form {
    display: none;
    position: relative;
    padding-bottom: 3.2rem
}

.-show.ski-test_appointment-form {
    display: block;
    grid-column: span 7
}

.-show.ski-test_appointment-form:before {
    content: "";
    display: block;
    border-top: .1rem solid #d2d2d2
}

.-show.ski-test_appointment-form:after {
    content: "";
    transition: opacity .5s cubic-bezier(.215,.61,.355,1);
    opacity: .5;
    background-color: #f9f9f9
}

.-show.ski-test_appointment-form .loader-rounded {
    z-index: 1
}

.-show.-loaded.ski-test_appointment-form:after {
    visibility: hidden;
    transition: opacity .5s cubic-bezier(.215,.61,.355,1),visibility .1s .5s;
    opacity: 0
}

.-show.-loaded.ski-test_appointment-form .loader-rounded {
    display: none
}

.ski-test_appointment-form_close {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: block;
    position: relative;
    z-index: 1;
    margin: 2.4rem 0 2.4rem auto
}

.ski-test_appointment-form iframe {
    display: block;
    width: 100%;
    margin: 0 auto
}

.ski-test_appointment-disabled-text {
    color: #000;
    text-align: center
}

.ski-test_appointment-disabled-text a {
    transition-property: color;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    text-decoration: underline
}

.ski-test_appointment-disabled-text a:focus,.ski-test_appointment-disabled-text a:hover {
    color: #ed1847;
    text-decoration: underline
}

.ski-test_appointment-cta {
    display: block;
    width: 100%;
    margin-top: 2.4rem
}

.ski-test_locator {
    margin-top: 4rem
}

.ski-test_locator-search {
    position: relative;
    z-index: 2;
    grid-column: span 4;
    grid-row: 1;
    width: 100%;
    height: max-content;
    background-color: #fff
}

.ski-test_locator-search>div:first-child {
    display: grid;
    row-gap: 1.6rem;
    padding: 2.4rem 1.6rem
}

.ski-test_locator-search .btn-secondary {
    display: block;
    width: 100%;
    margin-top: .8rem
}

.ski-test_locator-search input,.ski-test_locator-search select {
    width: 100%
}

.ski-test_locator-search select {
    height: 4.8rem;
    padding: 0 1.6rem
}

.ski-test_locator-search-input {
    position: relative
}

.ski-test_locator-search-input input {
    padding-left: 4.8rem
}

.ski-test_locator-search-input .icon-item {
    position: absolute;
    top: 50%;
    left: 1.6rem;
    transform: translateY(-50%)
}

.ski-test_locator-no_results {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    margin: 0 1.6rem 2.4rem;
    padding: 1.6rem;
    column-gap: .8rem;
    background-color: #f9f9f9
}

.ski-test_locator-no_results .no_results-text {
    margin-top: .4rem;
    color: rgba(0,0,0,.6)
}

.ski-test_map {
    grid-column: span 4;
    grid-row: 2;
    width: 100%;
    min-height: 50rem
}

.ski-test_map .gm-style-iw.gm-style-iw-c {
    padding: 0;
    border-radius: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif
}

.ski-test_map .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
    overflow: auto!important
}

.ski-test_locator-popup {
    position: relative;
    padding: 2.4rem;
    background-color: #fff;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)
}

.ski-test_locator-popup .ski-test_locator-popup_date {
    display: flex;
    column-gap: .8rem
}

.ski-test_locator-popup .ski-test_locator-popup_address,.ski-test_locator-popup .ski-test_locator-popup_date,.ski-test_locator-popup .ski-test_locator-popup_distance {
    opacity: .6
}

.ski-test_locator-popup .ski-test_locator-popup_title {
    margin-top: .8rem;
    margin-right: 8rem;
    font-weight: 600;
    line-height: 1.2
}

.ski-test_locator-popup .ski-test_locator-popup_distance {
    display: flex;
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1
}

.ski-test_locator-popup .ski-test_locator-popup_actions {
    display: grid;
    margin-top: 1.6rem;
    gap: .8rem
}

.ski-test_locator-popup .ski-test_locator-popup_actions .btn-primary,.ski-test_locator-popup .ski-test_locator-popup_actions .btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

@keyframes loader-line {
    0% {
        transform: translateX(-100%);
        opacity: 1
    }

    95% {
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes loader-rounded {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .-light-grey.loadingBallContainer:after,div.embeddedServiceSidebar .-light-grey.slds-spinner_container.cSnapInPreChat:after,div.embeddedServiceSidebar .waitingStateContainer .-light-grey.loadingBallContainer:after,div.embeddedServiceSidebar c-atomic-chat-header .-light-grey[embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation:after {
    background: #666;
    border-top-color: #000
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .loadingBallContainer:after,div.embeddedServiceSidebar .slds-spinner_container.cSnapInPreChat:after,div.embeddedServiceSidebar .waitingStateContainer .loadingBallContainer:after,div.embeddedServiceSidebar c-atomic-chat-header [embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation:after {
    transform: translate(-50%,-50%);
    background: #fff;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    animation: 1s linear infinite loader-rounded;
    border: .2rem solid transparent;
    border-radius: 50%;
    border-top-color: #000
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .loadingBallContainer::after img,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .loadingBallContainer::after p,div.embeddedServiceSidebar .slds-spinner_container.cSnapInPreChat::after img,div.embeddedServiceSidebar .slds-spinner_container.cSnapInPreChat::after p,div.embeddedServiceSidebar .waitingStateContainer .loadingBallContainer::after img,div.embeddedServiceSidebar .waitingStateContainer .loadingBallContainer::after p,div.embeddedServiceSidebar c-atomic-chat-header [embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation::after img,div.embeddedServiceSidebar c-atomic-chat-header [embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation::after p {
    display: none
}

div.embeddedServiceSidebar .-disabled.embeddedServiceSidebarButton.uiButton--default,div.embeddedServiceSidebar .-disabled.embeddedServiceSidebarButton.uiButton--inverse,div.embeddedServiceSidebar .cSnapInPreChat .-disabled.btn.btn-primary.uiButton,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-disabled.endChatButton.uiButton--default,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-disabled.endChatButton.uiButton--inverse,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .-disabled.dialogButton,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-disabled.rich-menu-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-disabled.rich-menu-itemOptionIsClicked,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.-disabled.slds-button,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked,div.embeddedServiceSidebar .waitingStateContainer .-disabled.waitingCancelChat.embeddedServiceSidebarButton,div.embeddedServiceSidebar [c-prechat_prechat] .-disabled.slds-button.slds-button_neutral {
    cursor: not-allowed
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton .icon-item,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default .icon-item,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse .icon-item,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default .icon-item,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse .icon-item,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton .icon-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button .icon-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item .icon-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked .icon-item,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton .icon-item,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral .icon-item {
    flex-shrink: 0
}

div.embeddedServiceSidebar .-icon-after.embeddedServiceSidebarButton.uiButton--default .icon-item,div.embeddedServiceSidebar .-icon-after.embeddedServiceSidebarButton.uiButton--inverse .icon-item,div.embeddedServiceSidebar .cSnapInPreChat .-icon-after.btn.btn-primary.uiButton .icon-item,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-icon-after.endChatButton.uiButton--default .icon-item,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-icon-after.endChatButton.uiButton--inverse .icon-item,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .-icon-after.dialogButton .icon-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-icon-after.rich-menu-item .icon-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-icon-after.rich-menu-itemOptionIsClicked .icon-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.-icon-after.slds-button .icon-item,div.embeddedServiceSidebar .waitingStateContainer .-icon-after.waitingCancelChat.embeddedServiceSidebarButton .icon-item,div.embeddedServiceSidebar [c-prechat_prechat] .-icon-after.slds-button.slds-button_neutral .icon-item {
    grid-column: 2;
    flex-direction: row-reverse
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral {
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    min-height: 4.8rem;
    margin: 0;
    gap: .8rem;
    min-width: auto!important;
    max-width: unset!important;
    padding: 1.4rem!important;
    border: .2rem solid #000!important;
    border-radius: 0!important;
    box-shadow: none!important;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif!important;
    font-size: 1.4rem!important;
    font-style: normal!important;
    font-weight: 700!important;
    letter-spacing: .054rem!important;
    font-variant-numeric: tabular-nums!important;
    line-height: 1.14!important;
    text-decoration: none!important
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral {
    background-color: #000;
    color: #fff
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton .text,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default .text,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default .text,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton .text,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button .text,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral .text {
    font-weight: 700
}

body:not(.-touch) div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:hover:not(.-disabled),div.embeddedServiceSidebar .-hover.embeddedServiceSidebarButton.uiButton--default:not(.-disabled),div.embeddedServiceSidebar .cSnapInPreChat .-hover.btn.btn-primary.uiButton:not(.-disabled),div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:active,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:focus,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:hover,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-hover.endChatButton.uiButton--default:not(.-disabled),div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:active,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:focus,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:hover,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:active,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:focus,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:hover,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .-hover.dialogButton:not(.-disabled),div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:active,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:focus,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper body:not(.-touch) button.slds-button:hover:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.-hover.slds-button:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:focus:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:hover,div.embeddedServiceSidebar [c-prechat_prechat] .-hover.slds-button.slds-button_neutral:not(.-disabled),div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:active,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:focus,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:hover {
    background-color: #fff;
    color: #000
}

div.embeddedServiceSidebar .-disabled.embeddedServiceSidebarButton.uiButton--default,div.embeddedServiceSidebar .cSnapInPreChat .-disabled.btn.btn-primary.uiButton,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-disabled.endChatButton.uiButton--default,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .-disabled.dialogButton,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.-disabled.slds-button,div.embeddedServiceSidebar [c-prechat_prechat] .-disabled.slds-button.slds-button_neutral {
    border-color: transparent;
    background-color: #666
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton {
    background-color: #fff;
    color: #000;
    height: 100%
}

body:not(.-touch) div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:hover:not(.-disabled),body:not(.-touch) div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:hover:not(.-disabled),div.embeddedServiceSidebar .-hover.embeddedServiceSidebarButton.uiButton--inverse:not(.-disabled),div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-hover.endChatButton.uiButton--inverse:not(.-disabled),div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:active,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:focus,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:hover,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:active,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:focus,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-hover.rich-menu-item:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-hover.rich-menu-itemOptionIsClicked:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:focus:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:focus:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState body:not(.-touch) .rich-menu-item:hover:not(.-disabled),div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState body:not(.-touch) .rich-menu-itemOptionIsClicked:hover:not(.-disabled),div.embeddedServiceSidebar .waitingStateContainer .-hover.waitingCancelChat.embeddedServiceSidebarButton:not(.-disabled),div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:active,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:focus,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:hover {
    background-color: #000;
    color: #fff
}

div.embeddedServiceSidebar .-disabled.embeddedServiceSidebarButton.uiButton--inverse,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .-disabled.endChatButton.uiButton--inverse,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-disabled.rich-menu-item,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .-disabled.rich-menu-itemOptionIsClicked,div.embeddedServiceSidebar .waitingStateContainer .-disabled.waitingCancelChat.embeddedServiceSidebarButton {
    border-color: #666;
    color: #666
}

div.embeddedServiceSidebar .chasitorInputWrapper.embeddedServiceLiveAgentStateChatInputFooter textarea,div.embeddedServiceSidebar lightning-input input {
    transition-property: outline-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    width: 100%;
    min-height: 4.8rem;
    margin: 0;
    padding: 1.2rem 1.6rem;
    border: 0;
    border-radius: 0;
    outline: #696e71 solid .1rem;
    outline-offset: -.1rem
}

div.embeddedServiceSidebar .chasitorInputWrapper.embeddedServiceLiveAgentStateChatInputFooter textarea::-ms-input-placeholder,div.embeddedServiceSidebar lightning-input input::-ms-input-placeholder {
    color: #666
}

div.embeddedServiceSidebar .chasitorInputWrapper.embeddedServiceLiveAgentStateChatInputFooter textarea::placeholder,div.embeddedServiceSidebar lightning-input input::placeholder {
    color: #666
}

div.embeddedServiceSidebar .cSnapInPreChat .slds-form-element__help,div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element__help {
    margin: .4rem 0 0 1.6rem;
    color: #666;
    text-align: left
}

div.embeddedServiceSidebar .cSnapInPreChat .slds-form-element__help[role=alert],div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element__help[role=alert] {
    color: #ed1847
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:active,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:focus,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:hover,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:active,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:focus,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:hover,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:active,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:focus,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:hover,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:active,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:focus,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:hover,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:active,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:focus,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:hover,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:active,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:focus,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:hover,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:active,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:focus,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:hover,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:active,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:focus,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:hover {
    background-image: none!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 100% 100%!important
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse span,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked span,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton span,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral span {
    padding: 0!important;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif!important;
    font-size: 1.4rem!important;
    font-style: normal!important;
    font-weight: 700!important;
    font-variant-numeric: tabular-nums!important;
    letter-spacing: .054rem!important;
    line-height: 1.14!important;
    text-decoration: none!important
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:active,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:focus,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:hover,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:active,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:focus,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:hover,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:active,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:focus,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:hover,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:active,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:focus,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:hover,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:active,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:focus,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:hover {
    background-color: #fff!important;
    color: #000!important
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:active span,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:focus span,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:hover span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:active span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:focus span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:hover span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:active span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:focus span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:hover span,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:active span,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:focus span,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton:hover span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:active span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:focus span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button:hover span,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:active span,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:focus span,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:hover span {
    color: #000!important
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:active,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:focus,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:hover,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:active,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:focus,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:hover,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:hover,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:active,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:focus,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:hover {
    background-color: #000!important;
    color: #fff!important
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:active span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:focus span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:hover span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:active span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:focus span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:hover span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:active span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:focus span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item:hover span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:active span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:focus span,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:hover span,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:active span,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:focus span,div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton:hover span {
    color: #fff!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI,div.embeddedServiceHelpButton div.helpButton button.uiButton {
    display: inline-flex!important;
    flex-flow: nowrap row-reverse!important;
    min-width: 6.4rem!important;
    max-width: unset!important;
    height: 6.4rem!important;
    padding: .8rem!important;
    transition: .3s ease-in-out!important;
    border-radius: 0!important;
    background: #fff!important;
    box-shadow: none!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:active,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:focus,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:hover,div.embeddedServiceHelpButton div.helpButton button.uiButton:active,div.embeddedServiceHelpButton div.helpButton button.uiButton:focus,div.embeddedServiceHelpButton div.helpButton button.uiButton:hover {
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:active:before,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:focus:before,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:hover:before,div.embeddedServiceHelpButton div.helpButton button.uiButton:active:before,div.embeddedServiceHelpButton div.helpButton button.uiButton:focus:before,div.embeddedServiceHelpButton div.helpButton button.uiButton:hover:before {
    content: none!important;
    display: none!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:active .helpButtonLabel,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:focus .helpButtonLabel,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:hover .helpButtonLabel,div.embeddedServiceHelpButton div.helpButton button.uiButton:active .helpButtonLabel,div.embeddedServiceHelpButton div.helpButton button.uiButton:focus .helpButtonLabel,div.embeddedServiceHelpButton div.helpButton button.uiButton:hover .helpButtonLabel {
    max-width: 53.6rem!important;
    opacity: 1!important;
    text-decoration: none!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:active .embeddedServiceIcon:after,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:focus .embeddedServiceIcon:after,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI:hover .embeddedServiceIcon:after,div.embeddedServiceHelpButton div.helpButton button.uiButton:active .embeddedServiceIcon:after,div.embeddedServiceHelpButton div.helpButton button.uiButton:focus .embeddedServiceIcon:after,div.embeddedServiceHelpButton div.helpButton button.uiButton:hover .embeddedServiceIcon:after {
    left: -1.5rem!important;
    border-right: 1.5rem solid #000!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon,div.embeddedServiceHelpButton div.helpButton button.uiButton .embeddedServiceIcon {
    margin: 0;
    padding: 1.2rem;
    background-color: #000;
    vertical-align: unset
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon:before,div.embeddedServiceHelpButton div.helpButton button.uiButton .embeddedServiceIcon:before {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4v14H10.833L5 23v-5H3V4h18zm-2 2H5v10h2v2.651L10.093 16H19V6z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon:after,div.embeddedServiceHelpButton div.helpButton button.uiButton .embeddedServiceIcon:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: .3s ease-in-out;
    border-right: 0 solid #000;
    border-bottom: 4.8rem solid transparent
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .helpButtonLabel,div.embeddedServiceHelpButton div.helpButton button.uiButton .helpButtonLabel {
    max-width: 0;
    transition: .3s ease-in-out;
    opacity: 0;
    color: #000;
    font-weight: 600
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .helpButtonLabel span,div.embeddedServiceHelpButton div.helpButton button.uiButton .helpButtonLabel span {
    margin-right: 5.2rem;
    margin-left: 5.8rem;
    text-overflow: unset
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI {
    right: .8rem!important;
    bottom: .8rem!important;
    width: auto!important;
    padding: 0 5.2rem!important;
    border-color: #000!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .content {
    padding: 0!important;
    transition: .3s ease-in-out!important;
    color: #000!important;
    font-size: 1.8rem!important;
    font-weight: 600;
    line-height: 1.33!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .messageContent {
    margin: 0
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .loadingBallContainer {
    position: relative;
    top: unset!important;
    left: unset!important;
    width: 2.4rem!important;
    height: 2.4rem!important;
    margin-left: 2.4rem!important;
    padding: 0!important
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .loadingBallContainer>span {
    display: none
}

.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .loadingBallContainer:after {
    width: 2.4rem!important;
    height: 2.4rem!important;
    border-width: .2rem!important
}

.embeddedServiceSidebar.sidebarMinimized .embeddedServiceSidebarMinimizedDefaultUI {
    padding: 3.8rem .8rem!important;
    border: 0!important;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)!important
}

.embeddedServiceSidebar.sidebarMinimized .embeddedServiceSidebarMinimizedDefaultUI .help.embeddedServiceIcon {
    order: 2
}

.embeddedServiceSidebar.sidebarMinimized .embeddedServiceSidebarMinimizedDefaultUI .help.embeddedServiceIcon svg {
    display: none!important
}

.embeddedServiceSidebar.sidebarMinimized .embeddedServiceSidebarMinimizedDefaultUI .minimizedText {
    order: 1;
    margin: 1.6rem
}

div.embeddedServiceHelpButton {
    z-index: 60!important
}

div.embeddedServiceHelpButton div.helpButton {
    right: .8rem!important;
    bottom: .8rem!important;
    width: auto!important;
    height: unset
}

div.embeddedServiceHelpButton div.helpButton button.uiButton .embeddedServiceIcon {
    display: block!important
}

div.embeddedServiceSidebar {
    z-index: 110!important
}

div.embeddedServiceSidebar .cSnapInPreChat ul {
    -webkit-padding-start: 0;
    padding-inline-start:0}

div.embeddedServiceSidebar .sidebarHeader[embeddedService-chatHeader_chatHeader] {
    padding: 0
}

div.embeddedServiceSidebar c-atomic-chat-header {
    padding: 0;
    background-color: #fff
}

div.embeddedServiceSidebar c-atomic-chat-header header {
    height: auto;
    padding: 0
}

div.embeddedServiceSidebar c-atomic-chat-header h2 {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83;
    color: #000;
    white-space: break-spaces;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

div.embeddedServiceSidebar c-atomic-chat-header h2:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3rem;
    height: .4rem
}

div.embeddedServiceSidebar c-atomic-chat-header h2.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

div.embeddedServiceSidebar c-atomic-chat-header .headerAnnouncement[embeddedService-chatHeader_chatHeader] p.text {
    box-shadow: 0 .1rem .2rem 0 rgba(0,0,0,.2);
    color: #000
}

div.embeddedServiceSidebar c-atomic-chat-header [embeddedservice-chatheader_chatheader-host].reconnecting {
    background: #fff!important
}

div.embeddedServiceSidebar c-atomic-chat-header [embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation {
    position: relative;
    height: 3.6rem!important;
    background: #fff
}

div.embeddedServiceSidebar c-atomic-chat-header [embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation>span {
    display: none
}

div.embeddedServiceSidebar c-atomic-chat-header [embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation:after {
    top: calc(50% - 1.2rem);
    left: calc(50% - 1.2rem);
    width: 2.4rem!important;
    height: 2.4rem!important;
    border-width: .2rem!important
}

div.embeddedServiceSidebar c-atomic-chat-header button[c-chatHeader_chatHeader],div.embeddedServiceSidebar c-atomic-chat-header c-atomic-chat-header button[c-chatHeader_chatHeader] {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center
}

div.embeddedServiceSidebar c-atomic-chat-header button[c-chatHeader_chatHeader]:active,div.embeddedServiceSidebar c-atomic-chat-header button[c-chatHeader_chatHeader]:focus,div.embeddedServiceSidebar c-atomic-chat-header button[c-chatHeader_chatHeader]:hover,div.embeddedServiceSidebar c-atomic-chat-header c-atomic-chat-header button[c-chatHeader_chatHeader]:active,div.embeddedServiceSidebar c-atomic-chat-header c-atomic-chat-header button[c-chatHeader_chatHeader]:focus,div.embeddedServiceSidebar c-atomic-chat-header c-atomic-chat-header button[c-chatHeader_chatHeader]:hover {
    outline: #000 solid .2rem;
    outline-offset: -.2rem
}

div.embeddedServiceSidebar c-atomic-chat-header button[c-chatHeader_chatHeader] lightning-icon[c-chatHeader_chatHeader],div.embeddedServiceSidebar c-atomic-chat-header c-atomic-chat-header button[c-chatHeader_chatHeader] lightning-icon[c-chatHeader_chatHeader] {
    display: none
}

div.embeddedServiceSidebar c-atomic-chat-header button[c-chatHeader_chatHeader]:before,div.embeddedServiceSidebar c-atomic-chat-header c-atomic-chat-header button[c-chatHeader_chatHeader]:before {
    content: "";
    display: block;
    position: relative;
    top: unset;
    right: unset;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11v2H5v-2z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

div.embeddedServiceSidebar c-atomic-chat-header button[c-chatHeader_chatHeader]:last-child:before,div.embeddedServiceSidebar c-atomic-chat-header c-atomic-chat-header button[c-chatHeader_chatHeader]:last-child:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m18.293 4.293 1.414 1.414L13.414 12l6.293 6.293-1.414 1.414L12 13.414l-6.293 6.293-1.414-1.414L10.586 12 4.293 5.707l1.414-1.414L12 10.586z' fill='%23000' fill-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat
}

div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton,div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem
}

div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton:active,div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton:focus,div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton:hover,div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:active,div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:focus,div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:hover,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton:active,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton:focus,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton:hover,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:active,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:focus,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:hover {
    outline: #000 solid .2rem;
    outline-offset: -.2rem
}

div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton lightning-icon[embeddedservice-chatheader_chatheader],div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton span[embeddedservice-chatheader_chatheader],div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton lightning-icon[embeddedservice-chatheader_chatheader],div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton span[embeddedservice-chatheader_chatheader],div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton lightning-icon[embeddedservice-chatheader_chatheader],div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton span[embeddedservice-chatheader_chatheader],div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton lightning-icon[embeddedservice-chatheader_chatheader],div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton span[embeddedservice-chatheader_chatheader] {
    display: none
}

div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton:before,div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:before,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton:before,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:before {
    content: "";
    display: block;
    position: relative;
    top: unset;
    right: unset;
    border-radius: 0;
    opacity: 1
}

div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].closeButton:before,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].closeButton:before {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m18.293 4.293 1.414 1.414L13.414 12l6.293 6.293-1.414 1.414L12 13.414l-6.293 6.293-1.414-1.414L10.586 12 4.293 5.707l1.414-1.414L12 10.586z' fill='%23000' fill-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

div.embeddedServiceSidebar c-atomic-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:before,div.embeddedServiceSidebar c-atomic-chat-header embeddedservice-chat-header button[embeddedservice-chatheader_chatheader].minimizeButton:before {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11v2H5v-2z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

div.embeddedServiceSidebar .sidebarBody,div.embeddedServiceSidebar .sidebarBody .activeFeature,div.embeddedServiceSidebar .sidebarBody .embeddedServiceSidebarFeature.featureBody {
    height: auto
}

div.embeddedServiceSidebar .sidebarBody .stateBody {
    align-items: flex-end;
    max-height: 100%
}

div.embeddedServiceSidebar .dockableContainer.showDockableContainer[role=dialog] {
    z-index: 8000!important;
    right: 1.6rem!important;
    bottom: 2.4rem!important;
    left: 1.6rem!important;
    width: calc(100vw - 3.2rem)!important;
    height: auto!important;
    max-height: 92vh!important;
    padding: 2.4rem!important;
    overflow-x: hidden!important;
    overflow-y: auto!important;
    border-radius: 0!important;
    background: #fff!important;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)!important
}

div.embeddedServiceSidebar lightning-input {
    position: relative;
    margin-bottom: 2rem
}

div.embeddedServiceSidebar lightning-input input {
    width: 100%;
    height: unset;
    min-height: 4.8rem;
    margin: 0;
    padding: 1.2rem 1.6rem;
    transition-property: outline-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    border: 0;
    outline: #696e71 solid .1rem;
    outline-offset: -.1rem
}

div.embeddedServiceSidebar [c-prechat_prechat] form {
    padding-top: 1rem
}

div.embeddedServiceSidebar .cSnapInPreChat .form-control1 label,div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element label {
    transition-property: color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1.6rem;
    flex-direction: row-reverse;
    max-width: unset;
    margin: 0;
    padding: 0 .4rem;
    transform: translate(0,-50%);
    background-color: #fff;
    color: #666;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    gap: .4rem
}

div.embeddedServiceSidebar .cSnapInPreChat .form-control1 label abbr,div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element label abbr {
    margin-left: 0;
    color: #ed1847
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral {
    width: 100%!important;
    background: #000;
    color: #fff;
    text-transform: uppercase
}

div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:active,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:focus,div.embeddedServiceSidebar .cSnapInPreChat .btn.btn-primary.uiButton:hover,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:active,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:focus,div.embeddedServiceSidebar [c-prechat_prechat] .slds-button.slds-button_neutral:hover {
    background: #fff;
    color: #000
}

div.embeddedServiceSidebar .control-label {
    display: none
}

div.embeddedServiceSidebar .wrapper {
    box-shadow: none!important
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .messageArea:focus {
    border: 0
}

div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle {
    margin: 0 0 1.6rem;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    color: #000
}

div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle.-line-bottom,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle.-line-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle.-line-bottom:before,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle.-line-top:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextBody {
    margin-bottom: 3.2rem;
    color: #000
}

div.embeddedServiceSidebar .embeddedServiceSidebarDialogState .dialogButton {
    margin-top: 1.6rem
}

div.embeddedServiceSidebar div.cSnapInPreChat .header-title {
    margin-bottom: 1.6rem;
    font-weight: 600
}

div.embeddedServiceSidebar div.cSnapInPreChat br {
    display: none
}

div.embeddedServiceSidebar .waitingStateContainer .waitingStateButtonContainer {
    padding: 0
}

div.embeddedServiceSidebar .waitingStateContainer .waitingMessage {
    display: flex;
    flex-direction: column
}

div.embeddedServiceSidebar .waitingStateContainer .loadingBallContainer {
    position: relative;
    width: 2.4rem!important;
    height: 2.4rem!important;
    padding: 2.4rem 0
}

div.embeddedServiceSidebar .waitingStateContainer .loadingBallContainer>span {
    display: none
}

div.embeddedServiceSidebar .waitingStateContainer .loadingBallContainer:after {
    width: 2.4rem!important;
    height: 2.4rem!important;
    border-width: .2rem!important
}

div.embeddedServiceSidebar .waitingStateContainer .embeddedServiceLiveAgentStateChat .messageArea {
    max-height: calc(100vh - 35rem);
    margin-bottom: 2rem;
    overflow: auto
}

div.embeddedServiceSidebar .waitingStateContainer .waitingCancelChat.embeddedServiceSidebarButton .label {
    color: inherit
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState #chatWindowCurrentDesc {
    text-align: center
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .eventMessage:after,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .eventMessage:before {
    content: none;
    display: none
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper {
    max-height: calc(90vh - 22.4rem)
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper>li {
    padding: 0
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .plaintextContent {
    padding: 1.6rem;
    border-radius: 0;
    white-space: normal
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .plaintextContent.agent {
    background: #000;
    color: #fff
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .plaintextContent.chasitor {
    border: .1rem solid #d2d2d2;
    background: #fff;
    color: #000
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .chatContent [c-chatMessage_chatMessage].chatMessage {
    width: 70%;
    padding: 1.6rem;
    border-radius: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 1.4rem
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .chatContent [c-chatMessage_chatMessage].agent {
    position: relative;
    margin-left: .9rem;
    background: #000;
    color: #fff;
    text-align: left
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .chatContent [c-chatMessage_chatMessage].agent :before {
    content: "";
    position: absolute;
    top: 0;
    left: -.9rem;
    width: 0;
    height: 0;
    border-width: 0 .9rem .9rem 0;
    border-style: solid;
    border-color: transparent #000
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .chatContent [c-chatMessage_chatMessage].chasitor {
    margin-bottom: 1.6rem;
    float: right;
    border: .1rem solid #d2d2d2;
    background: #fff;
    color: #000;
    text-align: right
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .avatar {
    display: none
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .agentName {
    margin-left: .9rem
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .agentName,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .nameAndTimeDotDivider,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .timeContent {
    color: #666
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .chasitorControls {
    height: auto;
    margin: 0;
    border-radius: 0
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu {
    width: 100%
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-items {
    margin: 0;
    list-style: none;
    display: flex!important;
    flex-flow: column;
    flex-wrap: nowrap!important;
    align-items: center;
    padding: 1.6rem 0!important
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-items li {
    width: calc(50% + .1rem)!important;
    margin-top: -.1rem;
    border: 0!important;
    border-radius: 0!important
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-item {
    width: 100%;
    opacity: 1
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked {
    width: 100%;
    border-color: transparent!important;
    opacity: 1;
    background-color: #666;
    color: #fff
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:active,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:focus,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu-itemOptionIsClicked:hover {
    background-color: #666!important
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .rich-menu .footerMenuWrapper {
    display: none;
    flex-wrap: nowrap;
    align-items: stretch
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatItem:last-of-type {
    margin-bottom: 1.6rem
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    height: auto;
    min-height: auto;
    margin-top: 1.6rem
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper {
    display: none;
    height: auto;
    float: none
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper .slds-dropdown-trigger {
    height: 100%;
    padding: 0
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper .slds-button_icon-container-more {
    height: 100%;
    line-height: 1;
    vertical-align: unset
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .footerMenuWrapper button.slds-button {
    height: 100%;
    margin-right: 1.6rem;
    padding: 1rem;
    transform: unset;
    border-radius: 0;
    gap: 0
}

div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .chasitorControls {
    flex-grow: 1
}

div.embeddedServiceSidebar .chasitorInputWrapper.embeddedServiceLiveAgentStateChatInputFooter {
    margin-top: 2.4rem;
    background: #fff
}

div.embeddedServiceSidebar .endChatContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: stretch;
    padding: 1.6rem 0!important
}

div.embeddedServiceSidebar .endChatContainer:before {
    content: none;
    display: none
}

div.embeddedServiceSidebar .endChatContainer button:nth-child(2n) {
    margin-left: -.1rem!important
}

div.embeddedServiceSidebar .endChatContainer button:nth-child(odd) {
    margin-right: -.1rem!important
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton,div.embeddedServiceSidebar .embeddedServiceSidebarButton {
    width: 100%;
    height: auto
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:active span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:focus span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default:hover span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:active span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:focus span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default:hover span {
    color: #000
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--default span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:active span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:focus span,div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse:hover span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--default span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:active span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:focus span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse:hover span {
    color: #fff
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.uiButton--inverse span,div.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse span {
    color: #000
}

div.embeddedServiceSidebar embeddedservice-chat-header-announcement p.announcement {
    box-shadow: 0 .1rem .2rem 0 rgba(0,0,0,.2);
    color: #000
}

div.embeddedServiceSidebar lightning-button-menu .slds-dropdown {
    width: auto;
    max-width: unset
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items {
    width: auto;
    border: 0;
    border-top: .2rem solid #000;
    border-left: .2rem solid #000
}

div.embeddedServiceSidebar .slds-spinner_container.cSnapInPreChat .slds-spinner {
    display: none
}

div.embeddedServiceSidebar .slds-spinner_container.cSnapInPreChat:after {
    top: calc(50% - 1.8rem);
    left: calc(50% - 1.8rem);
    width: 3.6rem;
    height: 3.6rem
}

div.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .chatSessionStartTime {
    color: #000!important
}

div.embeddedServiceSidebar .scrollDownButton {
    display: none!important
}

body.checkout-index-index div.embeddedServiceHelpButton {
    z-index: 8100!important
}

body.checkout-index-index div.embeddedServiceSidebar {
    z-index: 8200!important
}

body.-product-information-sticky-displayed div.embeddedServiceHelpButton div.helpButton {
    bottom: 7.8rem!important
}

.sticky-block {
    position: fixed;
    z-index: 50;
    right: .8rem;
    bottom: 7.8rem
}

.-product-information-sticky-displayed .sticky-block {
    bottom: 15rem
}

@media (min-width: 48em) {
    .iframe-wrapper,.schedules,.ski-test_locator {
        --grid-full:12;
        --grid-half: 6;
        grid-template-columns: repeat(12,1fr);
        column-gap: 16px
    }

    .schedules-entry {
        margin-bottom: 3.2rem;
        padding-bottom: 3.2rem;
        column-gap: 4rem
    }

    .schedules_title {
        margin-bottom: 4rem
    }

    .schedules_tabs {
        grid-column: span 8;
        margin-bottom: 3.2rem;
        padding-bottom: 3.2rem;
        column-gap: 6.4rem
    }

    .schedules_contents {
        grid-column: span 8
    }

    .double-optin_copy,.double-optin_title {
        margin-bottom: 4rem
    }

    .double-optin_footer-socials,.email-footer-template_socials {
        transform: translateY(-100%)
    }

    .email-footer-template_address {
        text-align: left
    }

    .email-footer-template_bottom {
        flex-direction: row
    }

    .email-footer-template_contact {
        column-gap: 2.4rem
    }

    .email-footer-template_socials {
        transform: none
    }

    .-push-information .popin_body {
        width: 100%;
        max-width: 43rem;
        margin-left: auto
    }

    .-md .popin_content {
        width: calc((100vw - 3.2rem + 8px)/12*8 - 8px)
    }

    .iframe-wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem
    }

    .iframe-wrapper_header {
        grid-column: span 8
    }

    .iframe-wrapper_steps {
        grid-column: span 8;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: .1rem solid #dbdbdb
    }

    .iframe-wrapper_step .icon-item {
        width: 2.4rem;
        height: 2.4rem
    }

    .iframe-wrapper_step-title {
        width: 100%;
        margin: .8rem 0 0
    }

    .iframe-wrapper_step {
        flex-wrap: wrap;
        width: 33.333%;
        padding: .8rem 2.4rem;
        border-width: 0 0 0 .1rem
    }

    .iframe-wrapper_step:first-child {
        padding: .8rem 2.4rem .8rem 0;
        border: 0
    }

    .iframe-wrapper_content,.iframe-wrapper_thanks {
        grid-column: span 8
    }

    .ski-test_appointments-head-item {
        padding: 3.2rem;
        white-space: normal
    }

    .ski-test_locator-search {
        grid-column: span 12
    }

    .ski-test_map {
        grid-column: 1/span 12
    }

    .ski-test_locator-popup .ski-test_locator-popup_actions {
        grid-auto-flow: column;
        grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
        align-items: center;
        justify-content: space-between;
        min-width: 40rem
    }

    .ski-test_locator-popup {
        min-width: 40rem
    }

    .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon:after,div.embeddedServiceHelpButton div.helpButton button.uiButton .embeddedServiceIcon:after {
        border-bottom: 5.6rem solid transparent
    }

    .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon,div.embeddedServiceHelpButton div.helpButton button.uiButton .embeddedServiceIcon {
        padding: 1.6rem
    }

    div.embeddedServiceHelpButton div.helpButton button.uiButton {
        min-width: 7.2rem!important;
        height: 7.2rem!important
    }

    .-product-information-sticky-displayed .sticky-block {
        bottom: 16rem
    }

    .sticky-block {
        right: 1.7rem;
        bottom: 8.8rem
    }
}

@media (max-width: 63.99875em) {
    .-align-right-mobile.popin,.ski-level-mobile.popin,.ski-sole-mobile.popin {
        justify-content:flex-end
    }

    .-align-top-mobile.popin,.ski-level-mobile.popin,.ski-sole-mobile.popin {
        align-items: flex-start
    }

    #country-switcher.popin {
        align-items: flex-start;
        justify-content: flex-end
    }
}

@media (min-width: 64em) {
    .double-optin_content,.double-optin_header,.email-footer-template,.iframe-wrapper,.schedules {
        padding-right:6.2rem;
        padding-left: 6.2rem
    }

    .popin {
        justify-content: center
    }

    .-push-information.popin {
        align-items: flex-end;
        padding: 0 6.2rem 1.6rem
    }

    .popin_close {
        top: 3.2rem;
        right: 3.2rem
    }

    .-md .popin_content {
        width: calc((100vw - 12.4rem + 16px)/12*6 - 16px)
    }

    .-lg .popin_content {
        width: calc(144rem - 12.4rem)
    }

    .-align-right .popin_content {
        width: 38.6805555556vw;
        max-width: 100%;
        max-height: 100vh
    }

    .-half-width .popin_content,.-size-guide .popin_content,.ski-level .popin_content,.ski-sole .popin_content {
        width: 50vw
    }

    .-size-guide .popin_content {
        width: 80vw
    }

    #country-switcher .popin_content {
        width: 100vw;
        max-width: calc(100vw - 12.4rem)
    }

    .-product .popin_content {
        width: 87rem;
        max-width: calc(100vw - 12.4rem);
        height: calc(100vh - 18.4rem);
        max-height: calc(100vh - 18.4rem)
    }

    .popin_content {
        max-width: calc(100vw - 12.4rem);
        max-height: calc(100vh - 12.8rem)
    }

    .popin_content-wrapper {
        --popin-padding-x: 6rem;
        --popin-padding-y: 6rem
    }

    #push-information .popin_content-wrapper {
        padding: 3.2rem
    }

    #newsletter-information .popin_content-wrapper {
        padding: 0
    }

    .-product .popin_content-wrapper {
        padding: 4rem 8rem 4rem 4rem
    }

    .ski-test_filters {
        grid-column: span 2;
        grid-row: 2;
        margin: 4rem 0 0
    }

    .ski-test_wrapper {
        grid-column: span 2;
        grid-row: 3;
        margin: 4rem 0 0
    }

    .ski-test_button-all {
        order: 0;
        justify-self: flex-end
    }

    .ski-test_appointments-head {
        display: grid;
        grid-template-columns: var(--grid-cols-desktop)
    }

    .ski-test_appointment-value:first-child {
        margin-bottom: 0;
        font-weight: 400
    }

    .ski-test_appointment-value {
        padding: 2rem 3.2rem;
        text-align: center
    }

    .ski-test_appointment-form {
        padding-right: 3.2rem;
        padding-left: 3.2rem
    }

    .ski-test_appointment-cta {
        display: inline-block;
        width: max-content;
        margin-top: 0
    }

    .ski-test_appointment {
        display: grid;
        grid-template-columns: var(--grid-cols-desktop);
        height: var(--max-height);
        padding: 0
    }

    .ski-test_locator-search {
        left: 6.2rem;
        grid-column: 1/span 3;
        grid-row: 2;
        margin-bottom: 0;
        box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)
    }

    .ski-test_locator-no_results {
        margin: 0
    }

    .ski-test_locator {
        grid-template-rows: 6.4rem 1fr;
        margin-top: 8rem
    }

    .ski-test_map {
        grid-row: 1/span 2;
        min-height: 72rem
    }

    .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .loadingBallContainer:after,div.embeddedServiceSidebar .slds-spinner_container.cSnapInPreChat:after,div.embeddedServiceSidebar .waitingStateContainer .loadingBallContainer:after,div.embeddedServiceSidebar c-atomic-chat-header [embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation:after {
        width: 5rem;
        height: 5rem;
        border-width: .3rem
    }

    .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .content {
        font-size: 2rem!important;
        line-height: 1.4!important
    }

    div.embeddedServiceHelpButton div.helpButton {
        right: 1.6rem!important;
        bottom: 1.6rem!important
    }

    div.embeddedServiceSidebar .dockableContainer.showDockableContainer[role=dialog] {
        left: unset!important;
        width: 42.8rem!important;
        padding: 3.2rem!important
    }

    div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .plaintextContent {
        padding: 1.6rem 2.4rem
    }

    div.embeddedServiceSidebar lightning-button-menu .slds-dropdown {
        width: auto;
        max-width: unset
    }

    body.-product-information-sticky-displayed div.embeddedServiceHelpButton div.helpButton {
        bottom: 8.8rem!important
    }
}

@media (min-width: 80em) {
    .double-optin_title,.popin_title,.ski-test_title {
        font-size:4.4rem;
        line-height: .91
    }

    .double-optin_title:before,.popin_title:before,.ski-test_title:before {
        width: 4.7rem;
        height: .7rem
    }

    .iframe-wrapper_title,.schedules_title {
        font-size: 3.2rem;
        line-height: .88
    }

    .iframe-wrapper_title:before,.schedules_title:before {
        width: 3.4rem;
        height: .5rem
    }

    .iframe-wrapper_thanks-title {
        font-size: 2.4rem;
        line-height: 1.33
    }

    .iframe-wrapper_thanks-title:before {
        width: 3rem;
        height: .4rem
    }

    .ski-test_locator-no_results,.ski-test_locator-popup .ski-test_locator-popup_address,.ski-test_locator-popup .ski-test_locator-popup_date,.ski-test_locator-popup .ski-test_locator-popup_distance,div.embeddedServiceSidebar .cSnapInPreChat .form-control1 label,div.embeddedServiceSidebar .cSnapInPreChat .slds-form-element__help,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState #chatWindowCurrentDesc,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .eventMessage,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .agentName,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .nameAndTimeDotDivider,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .timeContent,div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element label,div.embeddedServiceSidebar [c-prechat_prechat] .slds-form-element__help,div.embeddedServiceSidebar embeddedservice-chat-header-announcement p.announcement {
        font-size: 1.2rem;
        line-height: 1.33
    }

    .double-optin_footer-address,.double-optin_footer-contact,.email-footer-template_address,.email-footer-template_contact,.schedules-entry_subtext {
        font-size: 1.4rem;
        line-height: 1.57
    }

    .ski-test_locator-popup,.ski-test_map .gm-style-iw.gm-style-iw-c,div.embeddedServiceSidebar,div.embeddedServiceSidebar .chasitorInputWrapper.embeddedServiceLiveAgentStateChatInputFooter textarea,div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextBody,div.embeddedServiceSidebar .stateBody.embeddedServiceSidebarState .messageWrapper .plaintextContent,div.embeddedServiceSidebar .waitingStateContainer .waitingMessage,div.embeddedServiceSidebar div.cSnapInPreChat .header-title,div.embeddedServiceSidebar lightning-input input {
        font-size: 1.6rem;
        line-height: 1.5
    }

    .embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .content,.embeddedServiceSidebar .embeddedServiceSidebarMinimizedDefaultUI .helpButtonLabel,.schedules_tab-btn,div.embeddedServiceHelpButton div.helpButton button.uiButton .helpButtonLabel {
        font-size: 2rem;
        line-height: 1.4
    }

    div.embeddedServiceSidebar .waitingStateContainer .waitingGreeting {
        font-size: 2.4rem;
        line-height: 1.33
    }

    .schedules-entry_text,.schedules-entry_time {
        font-size: 1.8rem
    }

    .schedules-entry {
        grid-template-columns: minmax(12rem,max-content) minmax(auto,1fr)
    }

    .-size-guide .popin_content {
        width: 50vw
    }

    div.embeddedServiceSidebar c-atomic-chat-header h2 {
        font-size: 3.2rem;
        line-height: .88
    }

    div.embeddedServiceSidebar c-atomic-chat-header h2:before {
        width: 3.4rem;
        height: .5rem
    }

    div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle {
        font-size: 2.4rem;
        line-height: 1.33
    }

    div.embeddedServiceSidebar .embeddedServiceSidebarDialogState #dialogTextTitle:before {
        width: 3rem;
        height: .4rem
    }
}

@media (min-width: 90em) {
    .email-footer-template {
        padding-right:0;
        padding-left: 0
    }

    .-md .popin_content {
        width: calc((144rem - 12.4rem + 16px)/12*6 - 16px)
    }

    #country-switcher .popin_content {
        max-width: 140rem
    }

    .popin_content {
        max-width: calc(144rem - 12.4rem)
    }
}

@media (min-width: 64em)and (max-width:80em) {
    #country-switcher .popin_content-wrapper {
        padding:4.8rem
    }
}

.embeddedServiceHelpButton {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    box-shadow: none;
    overflow: visible;
    z-index: 999;
    font-family: sans-serif
}

.embeddedServiceHelpButton .assistiveText {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

.embeddedServiceHelpButton .helpButton {
    position: fixed;
    bottom: 12px;
    right: 12px;
    height: 46px;
    -webkit-font-smoothing: subpixel-antialiased
}

.embeddedServiceHelpButton div[dir=rtl].helpButton {
    left: 12px;
    right: auto
}

@supports not (-ms-high-contrast:none) {
    .embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
        bottom: calc(.75rem + env(safe-area-inset-bottom,0))
    }
}

.embeddedServiceHelpButton .helpButton .uiButton {
    box-sizing: border-box;
    margin: 0;
    padding: 0 12px;
    height: 46px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.5);
    border-radius: 23px;
    line-height: 1;
    background: #000;
    font-size: .875em;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.embeddedServiceHelpButton .helpButton .uiButton .label {
    color: #fff
}

.embeddedServicePreventScrolling {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 0
}

.embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus:before,.embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    background-color: #000;
    opacity: .2;
    pointer-events: none
}

.embeddedServiceHelpButton .helpButton .helpButtonEnabled.no-hover:focus:before,.embeddedServiceHelpButton .helpButton .helpButtonEnabled.no-hover:hover:before {
    display: none
}

.embeddedServiceHelpButton .uiButton {
    font-weight: 700;
    font-size: 16px;
    margin: 2px 3px;
    padding: 4px 6px;
    min-width: 12em;
    max-width: 14em;
    text-decoration: none;
    text-align: center;
    border: 0;
    background: #dddfe1
}

.embeddedServiceHelpButton .helpButton .helpButtonDisabled.no-hover {
    display: none!important;
    cursor: default;
    box-shadow: none;
    text-shadow: none
}

.embeddedServiceHelpButton .helpButtonEnabled {
    cursor: pointer;
    position: relative
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel {
    position: relative;
    z-index: 1;
    display: flex;
    -webkit-box-pack: center;
    webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    align-self: stretch;
    max-width: 100%;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.helpButtonEnabled:focus .helpButtonLabel {
    text-decoration: underline
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: 10px;
    line-height: 1;
    vertical-align: top
}

.embeddedServiceHelpButton div[dir=rtl] .embeddedServiceIcon {
    margin-left: 10px;
    margin-right: auto
}

.embeddedServiceHelpButton .embeddedServiceIcon:before {
    font-family: embeddedserviceiconfont;
    font-size: 1.25em;
    content: attr(data-icon);
    speak: none;
    text-rendering: auto;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[embeddedService-chatHeader_chatHeader-host] {
    background-color: #222;
    direction: inherit;
    height: 50px;
    min-height: 50px
}

.sidebarHeader[embeddedService-chatHeader_chatHeader] {
    background-color: inherit;
    color: #fff;
    z-index: 3;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    padding: 0 14px;
    height: 100%
}

.embeddedServiceSidebar.layout-docked .dockableContainer.showDockableContainer {
    width: var(--lwc-sidebarWidth,320px);
    max-height: var(--lwc-sidebarHeight,498px);
    border-radius: 8px 8px 0 0;
    position: fixed;
    left: auto;
    bottom: 0;
    right: 20px;
    margin: 0;
    height: 90%;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 24px);
    box-shadow: 2px 2px 20px rgba(0,0,0,.2);
    -index: 15;
    text-align: center;
    overflow: hidden;
    pointer-events: all
}

:root {
    --lwc-esColorNavBarText: #fff;
    --lwc-colorTextDefault: #333;
    --lwc-esColorBackgroundAlt2Lighten20: #4e4e4e;
    --lwc-esColorNavBarSecondary: #cb2b19;
    --lwc-colorBrandPrimaryLighten20: #4e4e4e;
    --lwc-esColorBackgroundAlt2Darken20: #1b1b1b;
    --lwc-colorBrandPrimaryLighten40: #7a7a7a;
    --lwc-fontFamily: "Arial";
    --lwc-sidebarHeight: 498px;
    --lwc-colorBrandPrimaryLighten60: #a7a7a7;
    --lwc-esColorBackgroundAlt2Lighten60: #a7a7a7;
    --lwc-esColorBackgroundAlt2Lighten40: #7a7a7a;
    --lwc-esColorBackgroundAlt2Darken60: #0e0e0e;
    --lwc-esColorBackgroundAlt2Darken40: #141414;
    --lwc-colorTextDefaultLighten20: #5c5c5c;
    --lwc-colorTextDefaultLighten60: #adadad;
    --lwc-colorTextDefaultLighten40: #858585;
    --lwc-colorBrandSecondaryLighten60: #99bad3;
    --lwc-colorBrandSecondaryDarken20: #004273;
    --lwc-colorBrandSecondaryLighten40: #6697bc;
    --lwc-colorBrandSecondaryDarken40: #003156;
    --lwc-colorBrandSecondaryLighten20: #3375a6;
    --lwc-colorBrandSecondaryDarken60: #00213a;
    --lwc-colorBrandPrimaryDarken20: #1b1b1b;
    --lwc-colorBrandPrimary: #222;
    --lwc-colorBrandPrimaryDarken40: #141414;
    --lwc-colorBrandSecondary: #005290;
    --lwc-sidebarWidth: 320px;
    --lwc-colorTextDefaultDarken60: #141414;
    --lwc-colorBrandSecondaryLuminance4: #004375;
    --lwc-colorBrandSecondaryLuminance5: #003c69;
    --lwc-colorBrandSecondaryLuminance6: #00365f;
    --lwc-esColorBackgroundAlt2: #222;
    --lwc-colorBrandPrimaryDarken60: #0e0e0e;
    --lwc-colorTextDefaultDarken20: #292929;
    --lwc-colorBrandSecondaryLuminance0: #005290;
    --lwc-colorBrandSecondaryLuminance1: #3173a5;
    --lwc-colorTextDefaultDarken40: #1f1f1f;
    --lwc-colorBrandSecondaryLuminance2: #1a639b;
    --lwc-colorBrandSecondaryLuminance3: #004a82
}

@keyframes auraPlaceholderSpin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(720deg)
    }
}

.auraPlaceholder.spin {
    display: inline-block;
    border: 1px solid #666;
    background-color: #888;
    border-radius: 16px;
    width: 9px;
    height: 9px;
    animation-iteration-count: infinite;
    animation-name: auraPlaceholderSpin;
    animation-duration: .75s;
    animation-timing-function: ease-in-out
}

.auraPlaceholder.spin:after,.auraPlaceholder.spin:before {
    content: "";
    border-radius: 4px;
    background-color: #666;
    position: absolute
}

.auraPlaceholder.spin:after {
    height: 1px;
    width: 17px;
    margin-top: 4px;
    margin-left: -4px
}

.auraPlaceholder.spin:before {
    height: 17px;
    width: 1px;
    margin-left: 4px;
    margin-top: -4px
}

.uiCheckboxMenuItem a:first-child:before {
    content: "";
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.uiCheckboxMenuItem a[aria-checked=true]:first-child:before {
    background: url("/auraFW/resources/aura/images/menuitem-check.png") center center no-repeat
}

.uiMenuItemSeparator {
    border-top: 1px solid #ccc
}

.uiRadioMenuItem a b {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.uiRadioMenuItem a.selected b {
    background: url("/auraFW/resources/aura/images/menuitem-check.png") center center no-repeat
}

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

.uiInputDefaultError .form-element__help {
    font-size: .75rem;
    margin-top: .5rem;
    color: #c23934
}

.uiInputDefaultError.hide {
    display: none
}

.uiLabel.uiLabel-bottom,.uiLabel.uiLabel-top {
    display: block
}

.uiLegend.uiLegend-bottom,.uiLegend.uiLegend-left {
    float: left
}

.uiLegend.uiLegend-right {
    float: right
}

.uiMenuItem a {
    display: block;
    overflow: hidden
}

.uiMenuItem a[aria-disabled=true] {
    pointer-events: none;
    cursor: default
}

.uiPicklistLabel.uiPicklistLabel-left {
    float: left
}

.uiPicklistLabel.uiPicklistLabel-right {
    float: right
}

div.uiPopupTarget {
    display: none;
    position: absolute;
    z-index: 9999
}

.uiPopupTarget .popupTargetContainer,.uiPopupTarget.popupTargetContainer {
    position: absolute;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,.75)
}

.uiPopupTarget.popupCurtain {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4)
}

div.uiPopupTarget.visible {
    display: block
}

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

.uiPopupTrigger a[aria-disabled=true] {
    pointer-events: none;
    cursor: default
}

.uiButton {
    display: inline-block;
    cursor: pointer
}

.uiButton .label {
    display: block;
    white-space: normal
}

.uiButton--default {
    font-weight: 700;
    font-size: .9em;
    margin: 2px 3px;
    padding: 4px 6px;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.45);
    background: linear-gradient(#f8f8f9,#dddfe1);
    box-shadow: 0 1px 3px rgba(0,0,0,.7),0 1px 0 rgba(0,0,0,.3);
    text-shadow: 0 1px 1px #fff
}

.uiButton--default.is-selected,.uiButton--default:focus,.uiButton--default:hover {
    background: linear-gradient(#7f8792,#535b68) #757d8a;
    text-shadow: 0 -1px 1px rgba(0,0,0,.5)
}

.uiButton--default .label {
    white-space: normal;
    color: #3a3d42
}

.uiButton--default:focus .label,.uiButton--default:hover .label {
    color: #fff
}

.uiButton--default:disabled {
    cursor: default;
    background: #b9b9b9;
    box-shadow: none;
    text-shadow: none
}

.uiButton--default:disabled .label,.uiButton--default:disabled .label:hover {
    color: #888
}

.uiInput--default.has_error {
    border-color: red;
    background-color: rgba(255,0,0,.025)
}

.uiInput--default.errorMsg {
    display: block;
    color: red;
    font-size: .75em
}

.uiInput--default.hide {
    display: none
}

.uiInput--default:invalid {
    box-shadow: none
}

.uiInput--default:-moz-submit-invalid {
    box-shadow: none
}

.uiInput--default:-moz-ui-invalid {
    box-shadow: none
}

.uiInput--default::-ms-clear {
    width: 0;
    height: 0
}

.uiInput--lookup .lookup__menu,.uiInput--lookup.lookup__menu {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.25)
}

.uiInput--lookup ul {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.uiInput--lookup .lookup__item a {
    color: #ccc;
    display: block;
    height: 1.1em;
    padding: 3px 9px;
    text-decoration: none
}

.uiInput--lookup .lookup__item.highlighted a {
    background-color: #0683c5;
    color: #015ba7;
    outline: 0;
    text-decoration: underline;
    padding: 3px 9px
}

.uiInput--lookup .lookup__footer.highlighted,.uiInput--lookup .lookup__header.highlighted {
    background-color: #0683c5
}

.uiInput--lookup .lookup__item a.mouseovered {
    background-color: #a9d0f5
}

.uiInput--lookup .lookup__item.default .data-match {
    border-radius: 2px;
    background-color: #b5daee
}

.uiInput--datetime .datePicker-openIcon,.uiInput--datetime .timePicker-openIcon,.uiInput--datetime+.datePicker-openIcon,.uiInput--datetime+.timePicker-openIcon {
    position: relative;
    vertical-align: middle;
    left: -22px;
    width: 12px;
    height: 15px;
    background: url("/auraFW/resources/aura/images/icon_openCalendar.png") no-repeat
}

.uiInput--datetime .clearIcon {
    position: relative;
    vertical-align: middle;
    left: -22px;
    width: 15px;
    height: 15px;
    background: url("/auraFW/resources/aura/images/clear.png") no-repeat
}

.uiMenu {
    position: relative
}

div.uiMenuList.visible {
    display: block
}

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

.uiMenuList--default {
    display: none;
    position: absolute;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,.75);
    z-index: 1
}

.uiMenuList--default .uiMenuSeparator {
    border-top: 1px solid #ccc
}

.uiMenuList--default .menu__header {
    padding: .5rem .75rem;
    text-transform: uppercase;
    letter-spacing: .0625em;
    font-size: .9rem;
    color: #6d6d6d
}

.uiMenuList--default .uiMenuItem>a,.uiMenuList--default .uiMenuItem>span {
    color: #222;
    display: block;
    padding: 3px 9px;
    text-decoration: none
}

.uiMenuList--default .uiMenuItem>a:focus,.uiMenuList--default .uiMenuItem>a:hover,.uiMenuList--default .uiMenuItem>span:focus,.uiMenuList--default .uiMenuItem>span:hover {
    outline: 0;
    border-radius: 8px;
    color: #015ba7;
    text-decoration: underline;
    background-color: #cfeef8
}

.uiMenuList--default .uiMenuItem>a:active,.uiMenuList--default .uiMenuItem>span:active {
    outline: 0;
    color: #222
}

.uiMenuList--default .uiMenuItem>a[aria-disabled=true],.uiMenuList--default .uiMenuItem>span[aria-disabled=true] {
    text-decoration: none;
    color: #d3d3d3;
    cursor: default
}

.uiMenuList--default .uiMenuItem>a[aria-disabled=true]:hover,.uiMenuList--default .uiMenuItem>span[aria-disabled=true]:hover {
    background-color: rgba(0,0,0,0)
}

.uiMenuList--default.menu--nubbin-top {
    margin-top: .5rem
}

.uiMenuList--default.menu--nubbin-top:after,.uiMenuList--default.menu--nubbin-top:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    transform: rotate(45deg);
    content: "";
    left: 50%;
    top: -.5rem;
    margin-left: -.5rem
}

.uiMenuList--default.menu--nubbin-top:before {
    background: #fff
}

.uiMenuList--default.menu--nubbin-top:after {
    background: #fff;
    box-shadow: -1px -1px 0 0 rgba(0,0,0,.16);
    z-index: -1
}

.forceIcon.slds-button__icon .slds-icon {
    fill: currentColor
}

.forceIcon .slds-icon_xx-small {
    width: var(--lwc-squareIconXxSmallContent,.875rem);
    height: var(--lwc-squareIconXxSmallContent,.875rem)
}

.forceIcon .slds-assistive-text {
    position: absolute!important;
    margin: -1px!important;
    border: var(--lwc-spacingNone,0)!important;
    padding: var(--lwc-spacingNone,0)!important;
    width: var(--lwc-borderWidthThin,1px)!important;
    height: var(--lwc-borderWidthThin,1px)!important;
    overflow: hidden!important;
    clip: rect(0 0 0 0)!important
}

.uiDayInMonthCell--default {
    background-color: #fff;
    color: #696e71;
    display: block;
    font-family: ProximaNovaSoft-Regular;
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center
}

.uiDayInMonthCell--default.DEKSTOP:active,.uiDayInMonthCell--default.DEKSTOP:focus,.uiDayInMonthCell--default.DEKSTOP:hover {
    background-color: #e1e1e1;
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.35);
    outline: #666 solid 1px;
    cursor: pointer
}

.uiDayInMonthCell--default.nextMonth,.uiDayInMonthCell--default.prevMonth {
    background-color: #fafafa;
    color: #696e71
}

.uiDayInMonthCell--default.todayDate {
    background-color: #747474;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.35);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.35)
}

.uiDayInMonthCell--default.end-date:not(.selectedDate),.uiDayInMonthCell--default.selectedDate,.uiDayInMonthCell--default.start-date:not(.selectedDate) {
    background-color: #3f9fd9;
    background: linear-gradient(#3f9fd9,#2789c7);
    box-shadow: none;
    box-sizing: border-box;
    padding: 1px;
    color: #fff
}

.uiDayInMonthCell--default.highlight:not(.selectedDate):not(.start-date):not(.end-date) {
    box-sizing: border-box;
    background-color: #fff;
    color: #3f9fd9;
    border: 1px solid #3f9fd9
}

.uiImage.empty {
    background-image: url(/auraFW/resources/aura/s.gif)
}

.uiInputSelect .uiMenuList {
    width: 100%
}

.uiInputSelect .uiPopupTrigger a:hover {
    text-decoration: none
}

.uiInputSelect.uiMenu,.uiInputSelect>.uiMenu {
    position: inherit
}

.uiInputTextArea .noresize,.uiInputTextArea.noresize {
    resize: none
}

.forceActionButton {
    cursor: pointer;
    display: inline-block
}

.forceActionButton .label {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: inline-block
}

.forceActionButton .icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    float: none;
    box-sizing: content-box
}

.forcePlaceholder .placeholder .body {
    padding: var(--lwc-spacingLarge,1.5rem)
}

.forcePlaceholder .placeholder .icon {
    width: var(--lwc-squareIconMedium,2.375rem);
    height: var(--lwc-squareIconMedium,2.375rem);
    background-color: var(--lwc-colorBackgroundStencilAlt,#e9eaec);
    border-radius: var(--lwc-borderRadiusMedium,.25rem);
    margin-right: var(--lwc-spacingSmall,.75rem);
    display: inline-block
}

.forcePlaceholder .placeholder .icon-huge {
    width: 110px;
    height: 110px
}

.forcePlaceholder .placeholder .icon-xhuge {
    width: 160px;
    height: 160px
}

.forcePlaceholder .placeholder .icon-large {
    width: var(--lwc-squareIconLargeBoundary,3rem);
    height: var(--lwc-squareIconLargeBoundary,3rem)
}

.forcePlaceholder .placeholder .icon-medium,.forcePlaceholder .placeholder .icon-small {
    width: var(--lwc-squareIconLargeContent,2rem);
    height: var(--lwc-squareIconLargeContent,2rem)
}

.forcePlaceholder .placeholder .icon-x-small {
    width: var(--lwc-squareIconMediumContent,1rem);
    height: var(--lwc-squareIconMediumContent,1rem)
}

.forcePlaceholder .placeholder .icon-round-large {
    width: var(--lwc-squareIconLargeBoundary,3rem);
    height: var(--lwc-squareIconLargeBoundary,3rem);
    border-radius: var(--lwc-borderRadiusCircle,50%)
}

.forcePlaceholder .placeholder .icon-round-small {
    width: var(--lwc-squareIconLargeContent,2rem);
    height: var(--lwc-squareIconLargeContent,2rem);
    border-radius: var(--lwc-borderRadiusCircle,50%)
}

.forcePlaceholder .placeholder .icon-square {
    width: var(--lwc-squareIconMediumBoundary,2rem);
    height: var(--lwc-squareIconMediumBoundary,2rem);
    border-radius: var(--lwc-borderRadiusSmall,.125rem);
    background-color: var(--lwc-colorBackground,#f9f9fa)
}

.forcePlaceholder .placeholder .text-body {
    display: inline-block;
    width: 50%;
    height: 100%
}

.forcePlaceholder .placeholder .text {
    border-radius: var(--lwc-borderRadiusPill,15rem);
    display: block;
    margin-bottom: var(--lwc-spacingSmall,.75rem);
    background-color: var(--lwc-colorBackgroundStencilAlt,#e9eaec);
    height: var(--lwc-spacingXSmall,.5rem)
}

.forcePlaceholder .placeholder .text:last-child {
    margin-bottom: 0
}

.forcePlaceholder .placeholder .text-thick {
    height: 14px;
    margin: 10px 0
}

.forcePlaceholder .placeholder .text-thin {
    height: 6px;
    border-radius: var(--lwc-borderRadiusPill,15rem)
}

.forcePlaceholder .placeholder .text-thinner {
    height: 4px;
    margin: 10px 0;
    border-radius: var(--lwc-borderRadiusSmall,.125rem)
}

.forcePlaceholder .placeholder .text-long {
    width: 100%
}

.forcePlaceholder .placeholder .text-medium {
    width: 60%
}

.forcePlaceholder .placeholder .text-short {
    width: 45%
}

.forcePlaceholder .placeholder .text-shorter {
    width: 20%
}

.forcePlaceholder .placeholder .text-tiny {
    width: 5%
}

.forcePlaceholder .placeholder .multi-text-line>div {
    float: left;
    margin-right: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder .image {
    margin-right: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder .image-block {
    background: var(--lwc-colorBackgroundStencil,#f2f2f3);
    border-radius: var(--lwc-borderRadiusMedium,.25rem);
    margin-bottom: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder .image-large {
    width: 132px;
    height: 103px
}

.forcePlaceholder .placeholder .image-mega {
    width: 272px;
    height: 152px
}

.forcePlaceholder .placeholder .image-full {
    width: 100%;
    height: 152px
}

.forcePlaceholder .placeholder .anchor,.forcePlaceholder .placeholder .body,.forcePlaceholder .placeholder .card {
    background-color: var(--lwc-colorBackgroundAlt,#fff)
}

.forcePlaceholder .placeholder .icon,.forcePlaceholder .placeholder .text {
    background-color: var(--lwc-colorBackgroundStencil,#f2f2f3)
}

.forcePlaceholder .placeholder.split_view .body,.forcePlaceholder .placeholder.split_view_header .anchor {
    background-color: var(--lwc-splitViewColorBackground,#fafaf9)
}

.forcePlaceholder .placeholder.list_view_header .anchor {
    background-color: var(--lwc-pageHeaderColorBackground,#fafaf9)
}

.forcePlaceholder .placeholder.list_view_header {
    padding-top: var(--lwc-borderWidthThin,1px);
    padding-bottom: var(--lwc-spacingXxSmall,.25rem)
}

.forcePlaceholder .placeholder.split_view_header {
    padding-top: var(--lwc-borderWidthThin,1px);
    padding-bottom: var(--lwc-spacingXSmall,.5rem)
}

.forcePlaceholder .placeholder.split_view_header .text-thinner {
    margin-top: var(--lwc-spacingLarge,1.5rem)
}

.forcePlaceholder .placeholder.list_view_header .text-thinner {
    margin-top: var(--lwc-spacingXLarge,2rem)
}

.forcePlaceholder .placeholder .darker .body>.field .text-secondary,.forcePlaceholder .placeholder .darker .icon,.forcePlaceholder .placeholder .darker .text {
    background-color: #ccd4e2
}

.forcePlaceholder .placeholder .dark {
    background-color: var(--lwc-colorBackground,#f9f9fa)
}

.forcePlaceholder .placeholder .dark .icon,.forcePlaceholder .placeholder .dark .text {
    background-color: var(--lwc-colorBackgroundStencilAlt,#e9eaec)
}

.forcePlaceholder .placeholder .border-bottom {
    border-bottom: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,#d9dbdd)
}

.forcePlaceholder .placeholder .card {
    border: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBackgroundStencil,#f2f2f3);
    border-radius: var(--lwc-borderRadiusMedium,.25rem)
}

.forcePlaceholder .placeholder .text-body-col,.forcePlaceholder .placeholder .text-body-no-col {
    display: flex;
    width: 100%
}

.forcePlaceholder .placeholder .text-body-col .text,.forcePlaceholder .placeholder .text-body-no-col .text {
    border-radius: 14px;
    display: inline-block;
    margin-bottom: var(--lwc-spacingSmall,.75rem);
    height: var(--lwc-spacingXSmall,.5rem);
    margin-right: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder .input-field {
    height: 30px;
    border-radius: var(--lwc-borderRadiusMedium,.25rem);
    display: inline-block;
    margin-right: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder .input-field.input-text-long {
    width: 80%
}

.forcePlaceholder .placeholder .input-field.input-text-small {
    width: 10%
}

.forcePlaceholder .placeholder .flex-grid {
    display: flex
}

.forcePlaceholder .placeholder .flex-grow {
    flex: 1 1 auto
}

.forcePlaceholder .placeholder .flex-none {
    flex: 0 0 auto
}

.forcePlaceholder .placeholder .flex-stack {
    flex-wrap: wrap
}

.forcePlaceholder .placeholder .flex-h-center {
    justify-content: center
}

.forcePlaceholder .placeholder .flex-v-center {
    align-items: center
}

.forcePlaceholder .placeholder .flex-v-start {
    align-items: flex-start;
    align-content: flex-start
}

.forcePlaceholder .opacity95 {
    opacity: .95
}

.forcePlaceholder .opacity90 {
    opacity: .9
}

.forcePlaceholder .opacity85 {
    opacity: .85
}

.forcePlaceholder .opacity80 {
    opacity: .8
}

.forcePlaceholder .opacity75 {
    opacity: .75
}

.forcePlaceholder .opacity70 {
    opacity: .7
}

.forcePlaceholder .opacity65 {
    opacity: .65
}

.forcePlaceholder .opacity60 {
    opacity: .6
}

.forcePlaceholder .opacity55 {
    opacity: .55
}

.forcePlaceholder .opacity50 {
    opacity: .5
}

.forcePlaceholder .opacity45 {
    opacity: .45
}

.forcePlaceholder .opacity40 {
    opacity: .4
}

.forcePlaceholder .opacity35 {
    opacity: .35
}

.forcePlaceholder .opacity30 {
    opacity: .3
}

.forcePlaceholder .opacity25 {
    opacity: .25
}

.forcePlaceholder .opacity20 {
    opacity: .2
}

.forcePlaceholder .opacity15 {
    opacity: .15
}

.forcePlaceholder .opacity10 {
    opacity: .1
}

.forcePlaceholder .opacity5 {
    opacity: .05
}

.forcePlaceholder .opacity0 {
    opacity: 0
}

.forcePlaceholder .placeholder.highlight {
    background: var(--lwc-colorBackgroundAnchor,#fafaf9);
    border-bottom: var(--lwc-borderRadiusSmall,.125rem) solid var(--lwc-colorBorderSeparatorAlt,#d9dbdd);
    width: 100%
}

.forcePlaceholder .placeholder.highlight .anchor {
    padding: var(--lwc-spacingMedium,1rem) var(--lwc-spacingSmall,.75rem);
    width: 100%
}

.forcePlaceholder .placeholder.highlight .icon {
    margin: 0 auto
}

.forcePlaceholder .placeholder.highlight .text-body {
    text-align: center;
    margin: 0 auto;
    padding: 0 var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.highlight .text-body .text {
    margin: var(--lwc-spacingSmall,.75rem) 0
}

.forcePlaceholder .placeholder.highlight .text-body .text-primary {
    max-width: 175px
}

.forcePlaceholder .placeholder.highlight .text-body .text-secondary {
    max-width: 225px
}

.forcePlaceholder .placeholder.highlight .tabs {
    background: var(--lwc-colorBackgroundAnchor,#fafaf9);
    padding: var(--lwc-spacingMedium,1rem) 0;
    margin: 0 auto
}

.forcePlaceholder .placeholder.highlight .tabs .tab {
    margin: 0 var(--lwc-spacingXLarge,2rem);
    width: 20%;
    max-width: 60px;
    display: block
}

.forcePlaceholder .placeholder .button.button-small {
    height: 0;
    width: 70px;
    padding: var(--lwc-spacingMedium,1rem);
    margin: var(--lwc-spacingXSmall,.5rem) 0
}

.forcePlaceholder .placeholder .button.button-full-width-small {
    height: 0;
    padding: var(--lwc-spacingMedium,1rem);
    margin: var(--lwc-spacingXSmall,.5rem) 0
}

.forcePlaceholder .placeholder.record_home_anchor_vertical .p-bottom--small {
    margin-bottom: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.record_home_anchor_vertical .icon-medium,.forcePlaceholder .placeholder.record_home_anchor_vertical .text-thick {
    vertical-align: middle
}

.forcePlaceholder .placeholder.record_home_anchor_vertical .text-thick {
    margin-top: 0
}

.forcePlaceholder .placeholder.group_highlight .container {
    position: relative;
    top: 50px;
    padding-bottom: 30px
}

.forcePlaceholder .placeholder.group_highlight .anchor {
    padding: 1rem;
    height: 140px
}

.forcePlaceholder .placeholder.group_highlight {
    height: 230px
}

.forcePlaceholder .placeholder.detail {
    background-color: var(--lwc-colorBackgroundAlt,#fff)
}

.forcePlaceholder .placeholder.detail .right-column {
    display: none
}

.forcePlaceholder .placeholder.detail .field {
    padding: var(--lwc-spacingLarge,1.5rem) var(--lwc-spacingMedium,1rem)
}

.forcePlaceholder .placeholder.detail .text-secondary {
    background-color: var(--lwc-colorBackgroundStencilAlt,#e9eaec)
}

.forcePlaceholder .placeholder.detail .field:nth-child(2n) .text-secondary {
    width: 33%
}

.forcePlaceholder .placeholder.detail.fieldMapping .right-column {
    padding-left: 0
}

.forcePlaceholder .placeholder.fieldMapping>.right-column>.anchor,.forcePlaceholder .placeholder.fieldMapping>.right-column>.field {
    padding-left: 2.5rem;
    border-left: 1px solid #d8dde6
}

.forcePlaceholder .placeholder.fieldMapping>.left-column>.field {
    padding: 1.25rem 1rem
}

.forcePlaceholder .placeholder.fieldMapping>.right-column>.field {
    padding: 1.25rem 1rem 1.75rem 2.5rem
}

.forcePlaceholder .placeholder.fieldMapping .anchor {
    padding: .125rem 1rem;
    border-bottom: 1px solid #d8dde6
}

.forcePlaceholder .placeholder.fieldMapping>.right-column>.field>.text {
    float: left;
    margin: 0
}

.forcePlaceholder .placeholder.fieldMapping>.right-column>.field>.text:last-child {
    float: right
}

.forcePlaceholder .placeholder.fieldMapping>.right-column>.field>.text-action {
    width: .625rem;
    height: .625rem;
    border-radius: 50%
}

.forcePlaceholder .placeholder.fieldMapping .content-tabs {
    padding: 1.5rem 1rem 0
}

.forcePlaceholder .placeholder.fieldMapping .intro {
    padding: 1.5rem 1rem .75rem
}

.forcePlaceholder .placeholder.fieldMapping .anchor>.field .text {
    max-width: 125px
}

.forcePlaceholder .placeholder.fieldMapping .body>.field {
    padding: 0 1rem
}

.forcePlaceholder .placeholder.fieldMapping .body>.field .text {
    margin: 1rem 0
}

.forcePlaceholder .placeholder.fieldMapping .body>.field .text-primary {
    max-width: 180px
}

.forcePlaceholder .placeholder.fieldMapping .body>.field .text-secondary {
    max-width: 210px;
    background: #e0e5ee
}

.forcePlaceholder .placeholder.fieldMapping .body>.field:nth-child(odd) .text-primary {
    max-width: 265px
}

.forcePlaceholder .placeholder.fieldMapping .body>.field:nth-child(odd) .text-secondary {
    max-width: 130px
}

.forcePlaceholder .placeholder.list .anchor {
    padding: var(--lwc-spacingMedium,1rem)
}

.forcePlaceholder .placeholder.list .anchor>.field .text {
    max-width: 125px
}

.forcePlaceholder .placeholder.list .body,.forcePlaceholder .placeholder.list_no_header .body,.forcePlaceholder .placeholder.listpreview .body,.forcePlaceholder .placeholder.split_view .body {
    padding: var(--lwc-spacingXxxSmall,.125rem) 0
}

.forcePlaceholder .placeholder.list .body>.field,.forcePlaceholder .placeholder.list_no_header .body>.field,.forcePlaceholder .placeholder.listpreview .body>.field,.forcePlaceholder .placeholder.split_view .body>.field {
    padding: 0 var(--lwc-spacingMedium,1rem)
}

.forcePlaceholder .placeholder.list .body>.field .text,.forcePlaceholder .placeholder.list_no_header .body>.field .text,.forcePlaceholder .placeholder.listpreview .body>.field .text,.forcePlaceholder .placeholder.split_view .body>.field .text {
    margin: var(--lwc-spacingMedium,1rem) 0
}

.forcePlaceholder .placeholder.list .body>.field .text-primary,.forcePlaceholder .placeholder.list_no_header .body>.field .text-primary,.forcePlaceholder .placeholder.listpreview .body>.field .text-primary,.forcePlaceholder .placeholder.split_view .body>.field .text-primary {
    max-width: 180px
}

.forcePlaceholder .placeholder.list .body>.field .text-secondary,.forcePlaceholder .placeholder.list_no_header .body>.field .text-secondary,.forcePlaceholder .placeholder.listpreview .body>.field .text-secondary {
    max-width: 210px;
    background: var(--lwc-colorBackgroundStencilAlt,#e9eaec)
}

.forcePlaceholder .placeholder.split_view .body>.field .text-secondary {
    max-width: 210px
}

.forcePlaceholder .placeholder.list .body>.field:nth-child(odd) .text-primary,.forcePlaceholder .placeholder.list_no_header .body>.field:nth-child(odd) .text-primary,.forcePlaceholder .placeholder.listpreview .body>.field:nth-child(odd) .text-primary,.forcePlaceholder .placeholder.split_view .body>.field:nth-child(odd) .text-primary {
    max-width: 265px
}

.forcePlaceholder .placeholder.list .body>.field:nth-child(odd) .text-secondary,.forcePlaceholder .placeholder.listpreview .body>.field:nth-child(odd) .text-secondary,.forcePlaceholder .placeholder.split_view .body>.field:nth-child(odd) .text-secondary {
    max-width: 130px
}

.forcePlaceholder .placeholder.twitter_bird .body {
    padding: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.feed {
    height: 100%;
    width: 100%;
    padding: var(--lwc-spacingMedium,1rem) var(--lwc-spacingMedium,1rem) 0
}

.forcePlaceholder .placeholder.feed .card {
    width: 100%;
    padding: var(--lwc-spacingMedium,1rem);
    margin-bottom: var(--lwc-spacingMedium,1rem);
    border-radius: var(--lwc-borderRadiusMedium,.25rem)
}

.forcePlaceholder .placeholder.feed .card .text {
    margin: var(--lwc-spacingMedium,1rem) 0
}

.forcePlaceholder .placeholder.feed .card .text-body:nth-child(odd) {
    width: 100%
}

.forcePlaceholder .placeholder.feed .card .actions {
    border-top: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderSelectionActive,#f9f9fa);
    padding: var(--lwc-spacingLarge,1.5rem) 0 var(--lwc-spacingMedium,1rem)
}

.forcePlaceholder .placeholder.feed .card .actions .text {
    float: left;
    margin: 0
}

.forcePlaceholder .placeholder.feed .card .actions .text:last-child {
    float: right
}

.forcePlaceholder .placeholder.feed .card:nth-child(2n) .text-shorter {
    width: 15%
}

.forcePlaceholder .placeholder.related .card,.forcePlaceholder .placeholder.relatedInPreview .card {
    background: var(--lwc-colorBackgroundAlt,#fff);
    height: calc(62px + var(--lwc-squareIconMediumBoundary,2rem) + 2*var(--lwc-spacingMedium,1rem));
    padding: var(--lwc-spacingSmall,.75rem);
    margin: var(--lwc-spacingMedium,1rem);
    border-radius: var(--lwc-borderRadiusMedium,.25rem)
}

.forcePlaceholder .placeholder.related .card .field,.forcePlaceholder .placeholder.relatedInPreview .card .field {
    margin: 0
}

.forcePlaceholder .placeholder.related .card .text,.forcePlaceholder .placeholder.relatedInPreview .card .text {
    border-radius: 3px;
    max-width: 250px
}

.forcePlaceholder .placeholder.related .card:nth-child(odd) .text {
    width: 60%;
    max-width: 175px
}

.forcePlaceholder .placeholder.map {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/projRes/ui-force-components/img/map_placeholder.svg)
}

.forcePlaceholder .placeholder.map .messagebox {
    background-color: var(--lwc-colorBackgroundOrgSwitcherArrow,#001639);
    border-radius: var(--lwc-borderRadiusMedium,.25rem);
    width: 60%;
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
    text-align: center;
    margin: auto
}

.forcePlaceholder .placeholder.map .messagebox .message {
    font-size: var(--lwc-fontSizeMedium,1rem);
    color: var(--lwc-colorTextBrowser,#fff);
    font-weight: var(--lwc-fontWeightBold,700);
    padding: var(--lwc-spacingLarge,1.5rem) 0;
    display: inline-block
}

.forcePlaceholder .placeholder.map .messagebox .checkin {
    background-image: url(/projRes/ui-force-components/img/checkin.svg);
    background-size: cover;
    width: var(--lwc-spacingMedium,1rem);
    height: var(--lwc-spacingMedium,1rem);
    float: left
}

.forcePlaceholder .placeholder.composer_tabs {
    background-color: var(--lwc-colorBackground,#f9f9fa);
    border: var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBackground,#f9f9fa);
    padding: var(--lwc-spacingMedium,1rem);
    border-radius: var(--lwc-borderRadiusSmall,.125rem);
    height: 124px
}

.forcePlaceholder .placeholder.composer_tabs .composer {
    align-items: flex-end;
    padding: 0;
    height: 100%
}

.forcePlaceholder .placeholder.composer .input,.forcePlaceholder .placeholder.composer_tabs .composer .input {
    background: var(--lwc-colorBackgroundInput,#fff);
    border-radius: var(--lwc-borderRadiusSmall,.125rem);
    margin-right: var(--lwc-spacingMedium,1rem);
    height: 42px
}

.forcePlaceholder .placeholder.composer .button,.forcePlaceholder .placeholder.composer_tabs .button {
    width: 70px;
    height: 42px;
    background: var(--lwc-colorBackgroundShade,#e9eaec);
    border-radius: var(--lwc-borderRadiusSmall,.125rem)
}

.forcePlaceholder .placeholder.path {
    display: flex
}

.forcePlaceholder .placeholder.path .pathStencil {
    width: 100%;
    z-index: 1
}

.forcePlaceholder .placeholder.path div.chevron {
    width: 80%;
    padding-left: var(--lwc-spacingXSmall,.5rem)
}

.forcePlaceholder .placeholder.path div ul.list {
    width: 100%;
    white-space: nowrap;
    border-radius: var(--lwc-borderRadiusSmall,.125rem);
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.forcePlaceholder .placeholder.path .chevronButton {
    width: 20%;
    margin: 0;
    max-width: 300px;
    padding-left: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.path .chevronStep:after,.forcePlaceholder .placeholder.path .chevronStep:before {
    background-color: var(--lwc-colorBackgroundStencil,#f2f2f3)
}

.forcePlaceholder .placeholder.path .chevronStep {
    height: 32px;
    width: 80px;
    position: relative;
    text-align: center;
    flex: 1 1 11%;
    min-width: 80px;
    margin-left: 5px;
    background-color: rgba(0,0,0,0);
    list-style: none
}

.forcePlaceholder .placeholder.path .chevronStep:first-child,.forcePlaceholder .placeholder.path .chevronStep:last-child {
    padding-left: 0;
    padding-right: 0
}

.forcePlaceholder .placeholder.path .chevronStep:first-child {
    overflow: hidden;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.forcePlaceholder .placeholder.path .chevronStep:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.forcePlaceholder .placeholder.path .chevronStep:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 16px;
    top: 0;
    left: -8px;
    z-index: -1;
    border: 1px solid transparent;
    border-bottom: 0;
    border-top-left-radius: var(--lwc-borderRadiusSmall,.125rem);
    border-top-right-radius: var(--lwc-borderRadiusSmall,.125rem);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    transform: skew(45deg)
}

.forcePlaceholder .placeholder.path .chevronStep:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 16px;
    left: -8px;
    z-index: -1;
    border: var(--lwc-borderWidthThin,1px) solid transparent;
    border-top: 0;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-left-radius: var(--lwc-borderRadiusSmall,.125rem);
    border-bottom-right-radius: var(--lwc-borderRadiusSmall,.125rem);
    top: var(--lwc-spacingMedium,1rem);
    transform: skew(-45deg)
}

.forcePlaceholder .placeholder.path .chevronStep:last-child:after,.forcePlaceholder .placeholder.path .chevronStep:last-child:before {
    width: 200%
}

.forcePlaceholder .placeholder.record_home_anchor .body {
    height: 144px;
    padding: var(--lwc-spacingLarge,1.5rem) var(--lwc-spacingLarge,1.5rem) 0 var(--lwc-spacingLarge,1.5rem);
    box-sizing: border-box;
    border-radius: var(--lwc-borderRadiusSmall,.125rem)
}

.forcePlaceholder .placeholder.record_home_anchor .body>.text-body {
    height: var(--lwc-spacingXLarge,2rem);
    margin-bottom: 0
}

.forcePlaceholder .placeholder.record_home_anchor .below-text-body>.text-body {
    width: 10%
}

.forcePlaceholder .placeholder.record_home_anchor .below-text-body {
    margin: .75rem -1.25rem calc(-1*var(--lwc-spacingXxSmall,.25rem));
    padding: var(--lwc-spacingMedium,1rem) var(--lwc-spacingMedium,1rem);
    padding-bottom: var(--lwc-spacingXxSmall,.25rem);
    background-color: var(--lwc-colorBackgroundAlt,#fff);
    border-bottom: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBackgroundAlt2,#f2f2f3)
}

.forcePlaceholder .placeholder.record_home_anchor .icon {
    vertical-align: top
}

.forcePlaceholder .placeholder.record_home_anchor .below-text-body .text-body {
    margin: 0 var(--lwc-spacingXLarge,2rem) 0 0
}

.forcePlaceholder .placeholder.preview_panel_anchor .body {
    padding: var(--lwc-squareIconUtilitySmall,1rem)
}

.forcePlaceholder .placeholder.preview_panel_anchor .body>.text-body {
    height: var(--lwc-squareIconLargeBoundary,3rem)
}

.forcePlaceholder .placeholder.preview_panel_anchor .text-body {
    width: 80%
}

.forcePlaceholder .placeholder.preview_panel_anchor .below-text-body>.text-body {
    width: 40%;
    margin-right: var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.preview_panel_anchor .below-text-body {
    margin: var(--lwc-spacingXSmall,.5rem) 0 0 60px
}

.forcePlaceholder .placeholder.related_record .text-body {
    width: 90%
}

.forcePlaceholder .placeholder.publisher .body {
    padding: 28px 0 0 70px
}

.forcePlaceholder .placeholder.table_list_line_item .body {
    padding: var(--lwc-spacingMedium,1rem) var(--lwc-spacingLarge,1.5rem) .3rem
}

.forcePlaceholder .placeholder.event_card .body>.text-body {
    width: 100%
}

.forcePlaceholder .placeholder.event_card .text-body-no-col:nth-child(2n) {
    margin-top: 25px
}

.forcePlaceholder .placeholder.top_deals .icon {
    width: 26px;
    height: 10px;
    vertical-align: top
}

.forcePlaceholder .placeholder.stencil_account_news_compact .image {
    max-width: 272px
}

.forcePlaceholder .placeholder.setup_card .body {
    width: 300px;
    padding: 18px
}

.forcePlaceholder .placeholder.setup_card .icon {
    margin: 5px auto var(--lwc-spacingMedium,1rem)
}

.forcePlaceholder .placeholder.setup_card .text-body {
    display: block;
    width: 80%;
    height: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.forcePlaceholder .placeholder.setup_card .text-body .text {
    margin-left: auto;
    margin-right: auto
}

.forcePlaceholder .placeholder.app_detail .sidebar {
    float: left;
    width: calc(208px + var(--lwc-spacingXLarge,2rem));
    margin: var(--lwc-spacingXLarge,2rem)
}

.forcePlaceholder .placeholder.app_detail .main {
    float: right;
    width: calc(100% - 208px - 4*var(--lwc-spacingXLarge,2rem));
    margin-top: calc(3*var(--lwc-spacingXLarge,2rem))
}

.forcePlaceholder .placeholder.app_detail .text-body {
    vertical-align: top
}

.forcePlaceholder .placeholder.app_detail .main>div {
    border-top: 1px solid var(--lwc-colorBorder,#d9dbdd);
    padding: var(--lwc-spacingLarge,1.5rem) 0 var(--lwc-spacingXSmall,.5rem) 0
}

.forcePlaceholder .placeholder.empty_chart {
    background: var(--lwc-colorBackgroundAlt,#fff);
    margin-left: 39px;
    margin-right: 28px
}

.forcePlaceholder .placeholder.empty_chart .body {
    height: 275px;
    position: relative;
    width: 100%;
    background: repeating-linear-gradient(to right,transparent 0,transparent 250px,#eef1f6 251px),repeating-linear-gradient(to top,transparent 0,transparent 56px,#eef1f6 57px)
}

.forcePlaceholder .placeholder.empty_chart .body:before {
    content: "";
    display: block;
    width: var(--lwc-borderWidthThin,1px);
    height: 100%;
    background-color: var(--lwc-colorBorder,#d9dbdd);
    position: absolute;
    top: 0;
    left: 3px
}

.forcePlaceholder .placeholder.empty_chart .body:after {
    content: "";
    display: block;
    width: 100%;
    height: var(--lwc-borderWidthThin,1px);
    background-color: var(--lwc-colorBorder,#d9dbdd);
    position: absolute;
    bottom: 3px;
    right: 0
}

.forcePlaceholder .placeholder.dashboard_card .body {
    width: 300px;
    height: 175px;
    padding: 18px
}

.forcePlaceholder .placeholder.dashboard_card .text-body {
    width: 100%
}

.forcePlaceholder .placeholder.dashboard_card .svg {
    height: 100%
}

.forcePlaceholder .placeholder.pipelineView {
    padding-left: var(--lwc-spacingXSmall,.5rem);
    padding-right: var(--lwc-spacingXSmall,.5rem)
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column .stageHeader {
    position: relative;
    padding: 1.25rem var(--lwc-spacingXSmall,.5rem) 1.25rem var(--lwc-spacingXSmall,.5rem);
    background: var(--lwc-colorBackgroundStencilAlt,#e9eaec)
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column:first-of-type .stageHeader {
    border-radius: 15rem 0 0 15rem
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column:last-of-type .stageHeader {
    border-radius: 0 15rem 15rem 0
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column .stageHeader:before {
    content: "";
    position: absolute;
    left: -1rem;
    top: .275rem;
    display: block;
    width: 1.85rem;
    height: 1.85rem;
    border: var(--lwc-borderWidthThick,2px) solid #fff;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg)
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column:first-of-type .stageHeader:before {
    content: none
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column .stageAggregateValue {
    padding: var(--lwc-spacingXSmall,.5rem) 0;
    border-left: var(--lwc-colorBorder,#d9dbdd) var(--lwc-borderWidthThin,1px) solid;
    height: var(--lwc-spacingLarge,1.5rem)
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column:last-of-type .listContent,.forcePlaceholder .placeholder.pipelineView .pipelineView-column:last-of-type .stageAggregateValue {
    border-right: var(--lwc-colorBorder,#d9dbdd) var(--lwc-borderWidthThin,1px) solid
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column .listContent {
    border-left: var(--lwc-colorBorder,#d9dbdd) var(--lwc-borderWidthThin,1px) solid
}

.forcePlaceholder .placeholder.pipelineView .pipelineView-column .listContent ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.forcePlaceholder .placeholder.pipelineView .text-body {
    margin: var(--lwc-spacingXSmall,.5rem);
    padding: var(--lwc-spacingXSmall,.5rem);
    border: var(--lwc-colorBorder,#d9dbdd) var(--lwc-borderWidthThin,1px) solid;
    border-radius: var(--lwc-borderRadiusMedium,.25rem);
    width: 100%
}

.forcePlaceholder .placeholder.object_home_list_anchor .body {
    padding: 0
}

.forcePlaceholder .placeholder.object_home_list_anchor .entity {
    padding-top: var(--lwc-spacingXxSmall,.25rem);
    padding-bottom: var(--lwc-spacingMedium,1rem)
}

.forcePlaceholder .placeholder.object_home_list_anchor .title {
    padding-bottom: var(--lwc-spacingSmall,.75rem);
    margin-bottom: var(--lwc-spacingXxxSmall,.125rem)
}

.forcePlaceholder .placeholder.object_home_list_anchor .title .text-thick {
    margin: 0
}

.forcePlaceholder .placeholder.object_home_list_summary .body {
    padding: 0
}

.forcePlaceholder .placeholder.object_home_list_summary .text-body-col {
    padding-top: var(--lwc-spacingXSmall,.5rem);
    margin-bottom: 5px
}

.forcePlaceholder .placeholder.lead_insights_hover .slds-popover__header {
    height: 81px;
    background: var(--lwc-colorBackgroundShade,#e9eaec);
    border-bottom: 1px solid var(--lwc-colorBorder,#d9dbdd)
}

.forcePlaceholder .placeholder.lead_insights_hover .lead-insights-body {
    border: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,#d9dbdd);
    border-radius: var(--lwc-borderRadiusMedium,.25rem);
    margin: var(--lwc-varSpacingSmall,.75rem) var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.lead_insights_hover .lead-insights-body .table-header {
    height: 31px;
    background: var(--lwc-colorBackgroundShade,#e9eaec);
    margin: 0
}

.forcePlaceholder .placeholder.lead_insights_hover .lead-insights-body .table-body {
    height: 167px
}

.forcePlaceholder .placeholder.lead_insights_hover .lead-insights-footer {
    margin: 0 var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.lead_insights_hover .lead-insights-footer .button:first-child {
    margin-right: 2px
}

.forcePlaceholder .placeholder.lead_insights_hover .lead-insights-footer .button:last-child {
    margin: 0 -1px
}

.forcePlaceholder .placeholder.lead_insights_hover .lead-insights-footer .slds-button {
    flex: 1 1 auto;
    background: var(--lwc-colorBackgroundShade,#e9eaec);
    margin-top: 0
}

.forcePlaceholder .placeholder.lead_insights_record_home {
    padding: var(--lwc-varSpacingVerticalSmall,.75rem) var(--lwc-varSpacingHorizontalMedium,1rem)
}

.forcePlaceholder .placeholder.lead_insights_record_home .score-container {
    height: 81px;
    background: var(--lwc-colorBackgroundShade,#e9eaec);
    border-bottom: 1px solid var(--lwc-colorBorder,#d9dbdd)
}

.forcePlaceholder .placeholder.lead_insights_record_home .lead-insights-body {
    border: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,#d9dbdd);
    border-radius: var(--lwc-borderRadiusMedium,.25rem);
    margin: var(--lwc-spacingNone,0) var(--lwc-varSpacingHorizontalMedium,1rem) var(--lwc-varSpacingHorizontalXSmall,.5rem)
}

.forcePlaceholder .placeholder.lead_insights_record_home .lead-insights-body .table-header {
    height: 31px;
    background: var(--lwc-colorBackgroundShade,#e9eaec);
    margin: 0
}

.forcePlaceholder .placeholder.lead_insights_record_home .lead-insights-body .table-body {
    height: 167px
}

.forcePlaceholder .placeholder.lead_insights_record_home .lead-insights-footer {
    margin: 0 var(--lwc-spacingSmall,.75rem)
}

.forcePlaceholder .placeholder.lead_insights_record_home .lead-insights-footer .button:first-child {
    margin-right: 2px
}

.forcePlaceholder .placeholder.lead_insights_record_home .lead-insights-footer .button:last-child {
    margin: 0 -1px
}

.forcePlaceholder .placeholder.lead_insights_record_home .lead-insights-footer .slds-button {
    flex: 1 1 auto;
    background: var(--lwc-colorBackgroundShade,#e9eaec);
    margin-top: 0;
    border: 0
}

.forcePlaceholder .placeholder .navigate-workqueue-button {
    width: 80%;
    max-width: 220px;
    height: 45px;
    margin-left: 50px;
    background-color: var(--lwc-colorBackground,#f9f9fa);
    border-radius: var(--lwc-borderRadiusMedium,.25rem)
}

.forceRetryPanel {
    width: 100%;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.forceRetryPanel .slds-icon {
    fill: var(--lwc-colorTextPlaceholderInverse,#e9eaec)
}

.forceRetryPanel .description {
    font-size: var(--lwc-fontSizeSmall,.875rem);
    font-weight: var(--lwc-fontWeightRegular,400);
    color: var(--lwc-colorTextWeak,#6b6d70);
    margin: var(--lwc-spacingMedium,1rem) 0
}

.forceRetryPanel.forceInlineSpinner {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    z-index: 1001
}

.oneApplicationError strong {
    font-weight: var(--lwc-fontWeightBold,700)
}

.oneApplicationError .uiInputTextArea {
    margin-top: var(--lwc-spacingSmall,.75rem)
}

.oneApplicationError .uiLabel {
    display: inline-block;
    margin-bottom: var(--lwc-spacingXSmall,.5rem)
}

.oneApplicationError .textarea {
    display: block;
    margin: 0
}

.oneApplicationError .details-ctr {
    margin-top: var(--lwc-spacingSmall,.75rem)
}

.oneApplicationError .uiInput.details {
    font-family: monospace;
    font-size: .815rem;
    height: var(--lwc-sizeSmall,15rem);
    line-height: var(--lwc-lineHeightText,1.5);
    resize: vertical;
    transition: border ease-in-out,height ease-in-out,padding ease-in-out;
    transition-duration: var(--lwc-durationPromptly,.2s);
    white-space: pre-wrap
}

.oneApplicationError .collapsed .details {
    border: 0;
    height: 0!important;
    padding: 0;
    resize: none
}

.oneApplicationError .details-ctr .uiButton,.oneApplicationError .details-ctr .uiButton:active,.oneApplicationError .details-ctr .uiButton:hover {
    background: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    text-decoration: none
}

.oneApplicationError .details-ctr .uiButton .label {
    float: left
}

.oneApplicationError .details-ctr .forceIcon {
    display: block;
    float: left;
    margin-left: var(--lwc-spacingXxSmall,.25rem);
    margin-top: 1px;
    transform: rotate(90deg);
    transition: transform var(--lwc-durationPromptly,.2s) linear
}

.oneApplicationError .details-ctr.collapsed .forceIcon {
    transform: none
}

.uiDatePickerGrid--default thead {
    background-color: #f0f1f2;
    border-bottom: 1px solid #f0f1f2
}

.uiDatePickerGrid--default .calGrid {
    border-collapse: collapse
}

.uiDatePickerGrid--default .calGrid th {
    color: #696e71;
    font-size: 12px;
    font-family: ProximaNovaSoft-Semibold;
    padding: 7px;
    text-align: center
}

.uiDatePickerGrid--default .calGrid .calRow td {
    border: 1px solid #eceef0
}

.uiDatePickerGrid--default .calGrid td {
    text-align: center
}

.uiDatePickerGrid--default .slds-show--inline-block {
    display: inline-block
}

.uiDatePickerGrid--default .slds-text-link {
    color: #0070d2;
    text-decoration: none;
    transition: color .1s linear;
    height: 50px;
    line-height: 50px;
    cursor: pointer
}

.uiOutputRichText em {
    font-style: italic
}

.uiOutputRichText strong {
    font-weight: 700
}

div.uiTimePicker {
    display: inline-block;
    text-align: center;
    white-space: nowrap
}

div.uiTimePicker input.input-hours,div.uiTimePicker input.input-minutes {
    font-size: 45px;
    font-family: ProximaNovaSoft-Regular;
    color: #3c3d3e;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bbc0c4;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.05);
    height: 80px;
    width: 80px;
    margin: 14px 5px
}

div.uiTimePicker input.error {
    border-color: red;
    background-color: rgba(255,0,0,.025)
}

div.uiTimePicker select.ampm {
    font-size: 36px;
    font-family: ProximaNovaSoft-Regular;
    color: #006eb3;
    padding: 0 0 0 5px;
    margin: 0;
    width: auto;
    border: 0;
    vertical-align: middle;
    background-color: #f0f1f2;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.uiTimePicker .time-separator {
    width: 6px;
    height: 18px
}

.embeddedServiceFlowInput {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0 0 10px
}

.embeddedServiceFlowInput .flowInputLabel {
    margin-bottom: 4px;
    display: inline-flex
}

.embeddedServiceFlowInput .fieldRequiredIndicator {
    display: inline-block;
    color: var(--lwc-colorTextError,#ea001e);
    font-size: var(--lwc-esFontSizeSmall,.875em);
    width: 12px
}

.embeddedServiceFlowInput .fieldTitle {
    display: inline-block;
    font-size: var(--lwc-esFontSizeTextXSmall,.75em);
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFlowInput .uiInput {
    padding: 10px 12px;
    width: 100%;
    height: 44px;
    line-height: normal;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    background-color: #fff;
    border: 1px solid #9faab5;
    border-radius: 4px;
    box-sizing: border-box
}

.embeddedServiceFlowInput.has-error .uiInput {
    border: 1px solid var(--lwc-colorBorderError,#ea001e)
}

.embeddedServiceFlowInput .flowError {
    color: var(--lwc-colorTextError,#ea001e);
    margin: 3px 0 0 10px;
    font-size: var(--lwc-esFontSizeSmall,.875em)
}

.embeddedServiceFlowInput .flowHelpText {
    color: var(--lwc-colorTextDefault,#333);
    margin: 3px 0 0 10px;
    font-size: var(--lwc-esFontSizeSmall,.875em)
}

.embeddedServiceFlowInput .useStandardFocus:focus {
    outline: 0;
    border: 1px solid var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor1 {
    background-color: rgba(0,0,0,.5)
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor2 {
    background-color: rgba(0,0,0,.2)
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor3 {
    background-color: rgba(0,0,0,.6)
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor4 {
    background-color: rgba(0,0,0,.1)
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor5 {
    background-color: rgba(0,0,0,.4)
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor6 {
    background-color: rgba(0,0,0,.3)
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor1,.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor2,.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor3,.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor4,.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor5,.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .agentIconColor6 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-size: 100%
}

.embeddedServiceLiveAgentStateChatAvatar .avatar {
    padding: 6px;
    color: var(--lwc-colorTextInverse,#fff);
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-size: 100%;
    text-align: center
}

.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext {
    color: var(--lwc-colorTextInverse,#fff);
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-size: 100%;
    bottom: 10px;
    background-color: var(--lwc-colorBrandSecondaryLuminance0,#005290)
}

.embeddedServiceLiveAgentStateChatEventMessage {
    position: relative;
    width: 100%;
    overflow: hidden
}

.embeddedServiceLiveAgentStateChatEventMessage .eventMessage {
    width: 100%;
    font-size: var(--lwc-esFontSizeTextSmall,.8125em);
    display: flex;
    margin: 3px 0 9px;
    flex-direction: row;
    justify-content: center;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentStateChatEventMessage .eventMessage:after,.embeddedServiceLiveAgentStateChatEventMessage .eventMessage:before {
    content: " ";
    position: relative;
    display: block;
    border-top: 1px dashed #ddd;
    height: 0;
    min-width: 5%;
    flex-grow: 1;
    align-self: stretch;
    top: 8px
}

.embeddedServiceLiveAgentStateChatEventMessage .eventMessage>.uiOutputRichText {
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.embeddedServiceLoadingBalls:focus {
    outline: 0
}

.embeddedServiceLoadingBalls .loadingBall {
    font-size: 8px;
    text-align: center;
    background: var(--lwc-esColorBackgroundInverse,#fff);
    margin: 3px;
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: var(--lwc-colorBrandPrimary,#222)
}

.embeddedServiceLoadingBalls.tiny .loadingBall {
    margin: 3px 2px 5px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    opacity: .15
}

.embeddedServiceLoadingBalls.animated .loadingBall {
    animation: 2.25s ease-in-out infinite ballanimate
}

.embeddedServiceLoadingBalls.animated .second {
    animation-name: ballanimate-2
}

.embeddedServiceLoadingBalls.animated .third {
    animation-name: ballanimate-3
}

.embeddedServiceLoadingBalls.tiny.animated .first {
    animation-name: ballanimate-tiny
}

.embeddedServiceLoadingBalls.tiny.animated .second {
    animation-name: ballanimate-tiny-2
}

.embeddedServiceLoadingBalls.tiny.animated .third {
    animation-name: ballanimate-tiny-3
}

@keyframes ballanimate-tiny {
    0%,100%,32% {
        opacity: .15
    }

    16% {
        opacity: 1
    }
}

@keyframes ballanimate-tiny-2 {
    0%,100%,32%,64% {
        opacity: .15
    }

    48% {
        opacity: 1
    }
}

@keyframes ballanimate-tiny-3 {
    0%,100%,64%,96% {
        opacity: .15
    }

    80% {
        opacity: 1
    }
}

.uiDatePicker {
    opacity: 0;
    display: block;
    position: absolute
}

.uiDatePicker.DESKTOP.visible,.uiDatePicker.visible {
    opacity: 1;
    display: block
}

div.uiDatePicker--default {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    display: none;
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0,0,0,.25)
}

div.uiDatePicker--default.PHONE {
    position: fixed;
    top: 0;
    width: 100%
}

div.uiDatePicker--default.PHONE .scroller {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow: scroll
}

.uiDatePicker--default .headerBar {
    background-color: #6495ed;
    background: linear-gradient(#2a93d5,#107abb);
    box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.21);
    border-radius: 8px 8px 0 0;
    font-size: 13px;
    font-family: ProximaNovaSoft-Regular;
    height: 42px
}

.uiDatePicker--default .headerBar a {
    color: #fffffe;
    margin-top: 7px;
    padding: 0 14px
}

.uiDatePicker--default .headerBar .calCancel {
    display: inline-block;
    float: left;
    margin-left: 10px;
    text-align: left;
    height: 26px;
    line-height: 24px!important
}

.uiDatePicker--default .headerBar .calSet {
    display: inline-block;
    float: right;
    margin-right: 10px;
    text-align: right;
    height: 26px;
    line-height: 24px!important
}

.uiDatePicker--default .headerBar a.button {
    box-shadow: 0 1px 0 rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.21);
    border: 1px solid #0c72b2;
    border-radius: 5px;
    background-color: #2891d3;
    background-image: -o-linear-gradient(top,#2891d3,#1983c5)
}

.uiDatePicker--default .dateBar {
    background-color: #f0f1f2;
    text-align: center;
    padding: 14px 14px 7px
}

.uiDatePicker--default a {
    text-decoration: none
}

.uiDatePicker--default .dateBar .prevLinks {
    float: left;
    text-align: left
}

.uiDatePicker--default .dateBar .nextLinks {
    float: right;
    text-align: right
}

.uiDatePicker--default .dateBar .navLink {
    background: url("/auraFW/resources/aura/images/bg-arrows.png") 0 7px no-repeat;
    border: 1px solid transparent;
    display: inline-block;
    height: 20px;
    width: 23px
}

.uiDatePicker--default .navLink:hover {
    background-color: #e1e1e1;
    border-color: #aeaeae;
    box-shadow: inset 0 1px 0 #fff,0 2px 2px rgba(0,0,0,.25);
    outline: 0
}

.uiDatePicker--default .dateBar .prevYear {
    background-position: 6px 7px;
    margin-left: 5px
}

.uiDatePicker--default .dateBar .navLink.prevYear:focus,.uiDatePicker--default .dateBar .navLink.prevYear:hover {
    background-position: 6px -23px
}

.uiDatePicker--default .dateBar .prevMonth {
    background-position: -26px 7px
}

.uiDatePicker--default .dateBar .navLink.prevMonth:focus,.uiDatePicker--default .dateBar .navLink.prevMonth:hover {
    background-position: -26px -23px
}

.uiDatePicker--default .dateBar .nextMonth {
    background-position: -66px 7px
}

.uiDatePicker--default .dateBar .navLink.nextMonth:focus,.uiDatePicker--default .dateBar .navLink.nextMonth:hover {
    background-position: -66px -23px
}

.uiDatePicker--default .dateBar .nextYear {
    background-position: -98px 7px;
    margin-right: 5px
}

.uiDatePicker--default .dateBar .navLink.nextYear:focus,.uiDatePicker--default .dateBar .navLink.nextYear:hover {
    background-position: -98px -23px
}

.uiDatePicker--default .dateBar .monthYear,.uiDatePicker--default .dateBar .monthYear span {
    font-family: ProximaNovaSoft-Bold,Arial,sans-serif;
    font-size: 18px;
    color: #3c3d3e;
    line-height: 24px!important
}

.uiDatePicker--default.DESKTOP .datepicker__filter--month {
    float: left;
    width: 75%
}

.uiDatePicker--default .dateBar select {
    color: #006eb3;
    font-family: ProximaNovaSoft-Bold,Arial,sans-serif;
    font-size: 18px;
    line-height: 24px!important;
    padding: 0 0 0 5px;
    margin: 0;
    width: auto;
    border: 0;
    vertical-align: baseline;
    background-color: #f0f1f2;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.uiDatePicker--default .dateBar .monthYear {
    font-family: ProximaNovaSoft-Bold,Arial,sans-serif;
    font-size: 18px;
    color: #3c3d3e;
    line-height: 24px!important
}

.uiDatePicker--default .buttonBar {
    text-align: center;
    padding: 7px
}

.uiDatePicker--default .timeBar {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #f0f1f2
}

.uiDatePicker--default .slds-text-link:focus {
    text-decoration: underline
}

.uiInputDateHtml input {
    min-height: 41px
}

.embeddedServiceIcon {
    display: flex
}

.embeddedServiceIcon.labelDisplayed {
    flex-direction: column;
    align-items: center
}

.embeddedServiceIcon svg {
    display: inline-block;
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    fill: var(--lwc-colorTextInverse,#fff)
}

.embeddedServiceIcon.xx-small svg {
    width: .875em;
    height: .875em
}

.embeddedServiceIcon.x-small svg {
    width: 1em;
    height: 1em
}

.embeddedServiceIcon.small svg {
    width: 1.5em;
    height: 1.5em
}

.embeddedServiceIcon.large svg {
    width: 3em;
    height: 3em
}

.embeddedServiceIcon .loadingBallsOverlay {
    text-align: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 40%
}

.embeddedServiceIcon .assistiveText {
    position: absolute;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    z-index: -1000;
    font-size: 1px
}

.embeddedServiceLiveAgentStateChatItem.chatMessage {
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    position: relative;
    word-wrap: break-word;
    overflow: hidden;
    padding: 0 18px;
    margin-bottom: 4px;
    width: 100%;
    box-sizing: border-box;
    list-style: none
}

div.embeddedServiceSidebar .messageWrapper .wrapper.chatMessage {
    height: auto
}

.embeddedServiceLiveAgentStateChatItem:last-of-type {
    margin-bottom: 12px
}

.embeddedServiceLiveAgentStateChatItem .chatContent.hideAgentAvatar {
    margin-left: 0
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button {
    font-weight: 400;
    text-shadow: none;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:focus {
    background: #fff;
    outline: 0
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:focus span {
    color: var(--lwc-colorTextDefault,#333);
    text-decoration: underline
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover,.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus {
    opacity: .7;
    background: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover,.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover span,.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus,.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover:focus span {
    color: var(--lwc-colorTextInverse,#fff)
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:active,.embeddedServiceLiveAgentStateChatItem.chatMessage button:active:focus,.embeddedServiceLiveAgentStateChatItem.chatMessage button:active:hover {
    color: var(--lwc-esColorBackgroundInverse,#fff);
    opacity: 1;
    background: var(--lwc-colorTextDefaultDarken20,#292929)
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:active span,.embeddedServiceLiveAgentStateChatItem.chatMessage button:active:focus span {
    color: var(--lwc-colorTextInverse,#fff)
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:first-of-type {
    border: 1px solid #c7cdda
}

.embeddedServiceLiveAgentStateChatItem .chatContent li:first-child button.rich-menu-itemOptionIsClicked,.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:first-of-type {
    border-radius: 8px 8px 0 0
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #c7cdda
}

.embeddedServiceLiveAgentStateChatItem .chatContent li:last-child button.rich-menu-itemOptionIsClicked,.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:last-of-type {
    border-radius: 0 0 8px 8px
}

.embeddedServiceLiveAgentStateChatItem .nameAndTimeContent {
    font-weight: var(--lwc-fontWeightRegular,400);
    line-height: 1.3;
    font-size: var(--lwc-esFontSizeXSmall,.625em);
    color: #666;
    padding-top: 2px;
    clear: both
}

.embeddedServiceLiveAgentStateChatItem.agent .nameAndTimeContent {
    display: flex
}

.embeddedServiceLiveAgentStateChatItem.agent .agentName {
    text-align: left;
    margin-left: 44px
}

.embeddedServiceLiveAgentStateChatItem.agent .nameAndTimeDotDivider {
    height: 3px;
    width: 3px;
    background-color: #666;
    border-radius: 50%;
    display: inline-block;
    margin: 4px 3px 0
}

.embeddedServiceLiveAgentStateChatItem.agent .timeContent {
    text-align: left
}

.embeddedServiceLiveAgentStateChatItem.agent .timeContent.onlyTimeDisplayed {
    margin-left: 44px
}

.embeddedServiceLiveAgentStateChatItem.chasitor .timeContent {
    text-align: right
}

.embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar {
    position: absolute;
    bottom: 0;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background-size: cover;
    border: none;
    float: left;
    margin: 0 14px 14px 0
}

.embeddedServiceLiveAgentStateChatItem .isLightningOutContext .avatar.iconAvatar {
    color: var(--lwc-colorTextInverse,#fff);
    box-sizing: border-box
}

.embeddedServiceLiveAgentStateChatItem .isCommunitiesContext .avatar {
    position: relative;
    transform: translate(2px,-2px);
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background-size: cover;
    border: none;
    float: left;
    margin: 0 6px 6px 0
}

.embeddedServiceLiveAgentStateChatItem .isCommunitiesContext {
    position: absolute;
    bottom: 0;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background-size: cover;
    border: none;
    float: left;
    margin: 0 6px 6px 0
}

.embeddedServiceLiveAgentStateChatItem.avatar.iconAvatar.agentInitial {
    text-align: center;
    font-size: var(--lwc-esFontSizeMedium,1em);
    padding-top: 3px
}

.embeddedServiceLiveAgentStateChatItem.withTimestamp .avatar {
    margin-bottom: 17px
}

.embeddedServiceLiveAgentStateChatItem.chasitor .avatar {
    display: none
}

div.uiInputDate {
    position: relative
}

.uiInputDate .display,.uiInputDate+.display {
    display: inline-block
}

.uiInputDate .hide,.uiInputDate+.hide {
    display: none
}

.uiInputDateTimeHtml input {
    min-height: 41px
}

.uiInputSmartNumber.renderLtrInRtl {
    direction: ltr;
    text-align: right
}

.uiInputTimePicker.visible {
    opacity: 1;
    display: block
}

.uiInputTimePicker--default {
    display: none;
    top: 0;
    position: absolute;
    font: 100%/1.5 "Salesforce Sans",Arial,sans-serif;
    z-index: 9999
}

.uiInputTimePicker--default .dropdown {
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16);
    border: 1px solid #d8dde6;
    border-radius: .25rem;
    padding: .5rem 0;
    z-index: 7000;
    float: left;
    min-width: 130px;
    max-width: 400px;
    transform: translateX(-50%)
}

.uiInputTimePicker--default .dropdown--left {
    left: 0;
    transform: translateX(0)
}

.uiInputTimePicker--default .datepicker {
    padding: .75rem .5rem;
    font-size: .75rem
}

.uiInputTimePicker--default .datepicker--time {
    padding: .75rem 0;
    font-size: .875rem
}

.uiInputTimePicker--default .datepicker--time__list {
    max-height: 13.5rem;
    overflow-y: auto;
    outline: 0
}

.uiInputTimePicker--default ol,.uiInputTimePicker--default ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.uiInputTimePicker--default .datepicker--time__list>li {
    padding: .5rem .5rem .5rem 2rem
}

.uiInputTimePicker--default .datepicker--time__list>li:focus {
    background: #005fb2;
    color: #fff;
    text-decoration: none;
    outline: 0
}

.embeddedServiceFlowInputBaseCheckbox.uiInputCheckbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    background-color: rgba(0,0,0,0);
    border: none;
    font-size: var(--lwc-esFontSizeMedium,1em)
}

.embeddedServiceFlowInputBaseCheckbox.uiInputCheckbox>input {
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 1px solid #d8dde6;
    border-radius: 2px;
    margin-right: 6px;
    -webkit-appearance: none;
    appearance: none
}

.embeddedServiceFlowInputBaseCheckbox.uiInputCheckbox>input:checked:after {
    display: block;
    content: "";
    height: .25em;
    width: .5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
    border-bottom: 2px solid var(--lwc-colorBorderBrandSecondary,#005290);
    border-left: 2px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceFlowInputBaseCheckbox.uiInputCheckbox>label {
    font-size: var(--lwc-esFontSizeSmall,.875em);
    order: 1;
    min-width: 0;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFlowInputBaseCheckbox.uiInputCheckbox>label>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.embeddedServiceFlowInputDate .flowInputContents {
    position: relative
}

.embeddedServiceFlowInputDate .uiInputDate {
    padding: 0;
    border: none;
    background-color: rgba(0,0,0,0)
}

.embeddedServiceFlowInputDate .uiInputDate>input {
    padding: 10px 12px;
    width: 100%;
    height: 100%;
    line-height: normal;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    background-color: #fff;
    border: 1px solid #9faab5;
    border-radius: 4px;
    box-sizing: border-box
}

.embeddedServiceFlowInputDate .uiInputDate>.datePicker-openIcon {
    display: none
}

.embeddedServiceFlowInputDate .openDatePicker {
    position: absolute;
    top: 12px;
    right: 12px
}

.embeddedServiceFlowInputDate .openDatePicker svg,.embeddedServiceFlowInputDate .openTimePicker svg {
    height: 20px;
    fill: var(--lwc-colorTextIconBrand,#0074bd)
}

.embeddedServiceFlowInputDate .openDatePicker>.embeddedServiceIcon,.embeddedServiceFlowInputDate .openTimePicker>.embeddedServiceIcon {
    width: 24px
}

.embeddedServiceFlowInputDate .uiDatePicker.visible {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif;
    border-radius: 4px
}

.embeddedServiceFlowInputDate .dateBar {
    display: flex;
    padding: .25em;
    height: 40px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0)
}

.embeddedServiceFlowInputDate .datepicker__filter--month {
    padding: 0 .25em 0 0;
    display: flex;
    width: initial;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1
}

.embeddedServiceFlowInputDate .datepicker__filter--month .nextLinks,.embeddedServiceFlowInputDate .datepicker__filter--month .prevLinks {
    width: 32px;
    height: 32px
}

.embeddedServiceFlowInputDate .datepicker__filter--month .nextLinks {
    order: 1
}

.embeddedServiceFlowInputDate .datepicker__filter--month .monthYear {
    font-size: var(--lwc-esFontSizeMedium,1em);
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .navLink {
    background: 0 0;
    border: none;
    height: 100%;
    width: 100%
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .navLink:hover {
    box-shadow: none
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .navLink:before {
    content: " ";
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .nextMonth:before {
    border-left: 8px solid #54698d
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .prevMonth:before {
    border-right: 8px solid #54698d
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .slds-select {
    height: calc(1.875em + 2px);
    padding-left: .5em;
    padding-right: 1.5em;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    border: 1px solid #d8dde6;
    border-radius: .25em;
    font-size: var(--lwc-esFontSizeMedium,1em);
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFlowInputDate .datepicker__filter--year {
    position: relative
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .datepicker__filter--year:after,.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .datepicker__filter--year:before {
    content: " ";
    position: absolute;
    display: block;
    right: .5em;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .datepicker__filter--year:before {
    border-bottom: 5px solid #061c3f;
    top: calc(.875em - 6px)
}

.embeddedServiceFlowInputDate .uiDatePicker--default .dateBar .datepicker__filter--year:after {
    border-top: 5px solid #061c3f;
    bottom: calc(.875em - 6px)
}

.embeddedServiceFlowInputDate .uiDatePickerGrid--default thead {
    background-color: rgba(0,0,0,0);
    border: none
}

.embeddedServiceFlowInputDate .calGrid .dayOfWeek {
    color: #54698d;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    padding: .5em;
    box-sizing: border-box;
    width: 40px;
    font-weight: 400
}

.embeddedServiceFlowInputDate .uiDatePickerGrid .calGrid .calRow td.uiDayInMonthCell {
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif;
    font-size: var(--lwc-esFontSizeMedium,1em);
    padding: .25em;
    text-align: center;
    border: none;
    box-sizing: border-box;
    height: 44px
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell.slds-is-selected>span,.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell>span {
    font-size: var(--lwc-esFontSizeSmall,.875em);
    width: 2em;
    height: 2em;
    padding: 0;
    display: block;
    position: relative;
    min-width: 2em;
    line-height: 2em;
    border-radius: 50%;
    margin: auto;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell:hover {
    cursor: pointer
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell:not(.slds-is-selected):active>span,.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell:not(.slds-is-selected):hover>span {
    background: #f0f0f0;
    transition: background .4s
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell.slds-is-selected>span {
    background: 0 0;
    border: 1px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell .todayDate {
    text-shadow: none;
    box-shadow: none;
    background: var(--lwc-colorBrandSecondaryLighten40,#6697bc);
    color: var(--lwc-colorTextInverse,#fff)
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell.slds-disabled-text>span {
    color: #d8dde6
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell.slds-disabled-text:hover>span {
    background: 0 0
}

.embeddedServiceFlowInputDate .calGrid tr:last-child td {
    padding: .25em;
    text-align: center;
    font-size: var(--lwc-esFontSizeSmall,.875em)
}

.embeddedServiceFlowInputDate .calGrid tr:last-child td .slds-text-link {
    color: #0070d2;
    padding-bottom: .5em;
    height: initial;
    line-height: normal
}

.embeddedServiceFlowInputDate .calGrid tr:last-child td .slds-text-link:hover {
    text-decoration: underline
}

.embeddedServiceFlowInputDate .assistiveText {
    position: absolute;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    z-index: -1000;
    font-size: 1px
}

.embeddedServiceLiveAgentStateChatAction.uiButton {
    position: relative;
    width: 40px;
    height: 100%;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: 0 0;
    border: none;
    font-size: 1.25em
}

.embeddedServiceLiveAgentStateChatAction.uiButton svg {
    position: relative;
    fill: var(--lwc-colorTextBrand,#005290);
    transition: fill .8s
}

.embeddedServiceLiveAgentStateChatAction.uiButton.medium svg {
    width: 20px;
    height: 20px
}

.embeddedServiceLiveAgentStateChatAction.uiButton.small svg {
    width: 16px;
    height: 16px
}

.embeddedServiceLiveAgentStateChatAction.uiButton:focus,.embeddedServiceLiveAgentStateChatAction.uiButton:hover {
    box-shadow: none;
    text-shadow: none
}

.embeddedServiceLiveAgentStateChatAction.uiButton:focus {
    outline: 0
}

.embeddedServiceLiveAgentStateChatAction .embeddedServiceIcon {
    position: relative
}

.embeddedServiceLiveAgentStateChatAction.uiButton:not(:disabled):focus .embeddedServiceIcon:before {
    content: " ";
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    border-radius: 4px;
    pointer-events: none
}

.embeddedServiceLiveAgentStateChatAction.uiButton:disabled,.embeddedServiceLiveAgentStateChatAction.uiButton:disabled:focus,.embeddedServiceLiveAgentStateChatAction.uiButton:disabled:hover {
    opacity: .3;
    cursor: default
}

.embeddedServiceLiveAgentStateChatAction.uiButton:disabled svg,.embeddedServiceLiveAgentStateChatAction.uiButton:disabled:focus svg,.embeddedServiceLiveAgentStateChatAction.uiButton:disabled:hover svg {
    fill: #dfdfdf
}

.embeddedServiceLiveAgentStateChatBubble .chatContent {
    position: relative;
    font-weight: var(--lwc-fontWeightRegular,400);
    line-height: 1.3;
    max-width: 70%;
    padding: 10px;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    border-radius: 10px 10px 0;
    float: right;
    margin-left: 40px
}

.embeddedServiceLiveAgentStateChatBubble .chatContent span {
    white-space: pre-wrap
}

.embeddedServiceLiveAgentStateChatBubble.agent .chatContent {
    color: var(--lwc-colorTextDefault,#333);
    background: #f4f4f4;
    border-radius: 10px 10px 10px 0;
    float: left
}

.embeddedServiceLiveAgentStateChatBubble.chasitor .chatContent {
    color: var(--lwc-colorTextInverse,#fff);
    margin-left: auto;
    background: var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatBubble.chasitor .chatContent a {
    color: var(--lwc-colorTextInverse,#fff)
}

.embeddedServiceLiveAgentStateChatButtonItem {
    background: rgba(0,0,0,0);
    border-radius: 10px;
    max-width: 232px;
    min-width: 32px;
    box-shadow: 0 0 3px 0 rgba(0,118,222,.5);
    float: left;
    margin: 2px 4px 2px 0;
    border: 1px solid var(--lwc-colorBackgroundContrastPrimary,#333)
}

.embeddedServiceLiveAgentStateChatButtonItem:focus {
    text-decoration: underline;
    outline: 0
}

.embeddedServiceLiveAgentStateChatRichItem {
    list-style-type: none;
    border: 0;
    line-height: normal
}

.embeddedServiceLiveAgentStateChatRichItem a {
    text-decoration: none
}

.embeddedServiceLiveAgentStateChatRichItem a:focus {
    outline: 0
}

.embeddedServiceSidebarButton {
    position: relative;
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    transition: background .4s;
    color: var(--lwc-colorTextInverse,#fff);
    font-size: var(--lwc-esFontSizeMedium,1em);
    font-weight: var(--lwc-fontWeightRegular,400);
    width: 100%;
    margin: 0;
    height: 44px;
    background: var(--lwc-colorBrandSecondary,#005290);
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceSidebarButton:disabled {
    opacity: .6;
    background: var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceSidebarButton:focus {
    outline: 0;
    text-shadow: none;
    text-decoration: underline;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff;
    box-shadow: 0 0 3px 0 var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceSidebarButton .label,.embeddedServiceSidebarButton:disabled .label {
    z-index: 1;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--lwc-colorTextInverse,#fff)
}

.embeddedServiceSidebarButton .label:hover,.embeddedServiceSidebarButton:hover .label {
    text-shadow: none
}

.embeddedServiceSidebarButton:disabled:hover .label {
    color: inherit
}

.embeddedServiceSidebarButton.uiButton--inverse,.embeddedServiceSidebarButton.uiButton--inverse:disabled {
    background: 0 0
}

.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus,.embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
    background-color: #f3f3f3;
    -webkit-text-decoration-color: var(--lwc-colorBrandSecondaryDarken40,#003156);
    text-decoration-color: var(--lwc-colorBrandSecondaryDarken40,#003156)
}

.embeddedServiceSidebarFormField {
    list-style: none
}

.embeddedServiceSidebarFormField .has-error .slds-style-inputtext:not(:focus) {
    border-color: var(--lwc-colorBorderError,#ea001e)
}

.embeddedServiceSidebarFormField.inputSplitName {
    width: calc(50% - 12px);
    display: inline-block;
    vertical-align: top
}

.embeddedServiceSidebarFormField .split-field-container,.embeddedServiceSidebarFormField .uiInput--input,.embeddedServiceSidebarFormField .uiInput--select {
    margin-bottom: 6px
}

.embeddedServiceSidebarFormField .slds-style-inputtext,.embeddedServiceSidebarFormField .slds-style-select {
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    border: 1px solid var(--lwc-esColorBorderSeparator,#949494);
    border-radius: 4px;
    width: 100%;
    height: 44px;
    padding: 0 12px;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    -webkit-appearance: none;
    appearance: none;
    color: var(--lwc-colorTextDefault,#333);
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceSidebarFormField .slds-style-select::-ms-expand {
    display: none
}

.embeddedServiceSidebarFormField .slds-style-inputtext {
    display: inline-block;
    line-height: 30px;
    box-sizing: border-box;
    box-shadow: none
}

.embeddedServiceSidebarFormField .slds-style-inputtext:focus,.embeddedServiceSidebarFormField .slds-style-select:focus {
    outline: 0;
    border: 1px solid var(--lwc-colorBrandSecondaryDarken40,#003156);
    box-shadow: 0 0 2px 0 var(--lwc-colorBrandSecondaryDarken40,#003156)
}

.embeddedServiceSidebarFormField .slds-style-inputtext.split-name {
    display: inline-block
}

.embeddedServiceSidebarFormField .uiInputDefaultError .form-element__help {
    font-size: var(--lwc-esFontSizeTextXSmall,.75em)
}

.embeddedServiceSidebarFormField .uiInput .required {
    position: absolute;
    color: var(--lwc-colorTextError,#ea001e);
    left: -6px;
    top: 0
}

.embeddedServiceSidebarFormField input::-ms-input-placeholder {
    color: #333;
    opacity: 1
}

.embeddedServiceSidebarFormField input::placeholder {
    color: #333;
    opacity: 1
}

.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
    position: relative;
    font-size: var(--lwc-esFontSizeTextXSmall,.75em);
    line-height: 1.5;
    margin-right: .75em;
    margin-left: .5em;
    margin-bottom: 2px;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceSidebarFormField .uiInput {
    text-align: left
}

.embeddedServiceSidebarFormField .uiInputSelect {
    position: relative
}

.embeddedServiceSidebarFormField .uiInputSelect:after {
    content: "";
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    right: 14px;
    top: calc(50% + 6px);
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    border-top: 7px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceSidebarFormField .uiInputSelect>select.select {
    background-image: none
}

div.uiInputDateTime:not(.wrapper) {
    position: relative
}

.uiInputDateTime .display,.uiInputDateTime+.display {
    display: inline-block
}

.uiInputDateTime .hide,.uiInputDateTime+.hide {
    display: none
}

.uiInputDateTime .form--stacked,.uiInputDateTime.form--stacked {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.uiInputDateTime .dateTime-inputDate {
    width: 50%
}

.uiInputDateTime .dateTime-inputTime {
    width: 50%;
    margin-left: 8px
}

.uiInputFileDroppableZone.droppable-zone {
    padding: 15px;
    border: 2px dashed #ccc
}

.uiInputFileDroppableZone.droppable-zone.drag-over {
    border-color: green
}

.uiInputFileFilesList.input-file-header {
    margin: 15px 0 5px;
    font-weight: 700
}

.uiInputFileFilesList.input-file-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.uiInputFileFilesList.input-file-list li:not(:last-child) {
    margin-bottom: 5px
}

.uiInputFileFilesList .input-file-file-size {
    color: #ccc;
    font-style: italic
}

.uiTabItem {
    list-style: none;
    white-space: nowrap;
    display: inline-block
}

.uiTabItem a {
    display: block;
    text-decoration: none
}

.uiTabItem .close {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    text-align: center;
    margin-left: 10px
}

.uiTabItem.hidden {
    display: none!important
}

.uiTabOverflowMenuItem {
    display: inline-block
}

.uiTabOverflowMenuItem .tabHeader .title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.uiTabOverflowMenuItem.hidden {
    display: none
}

.embeddedServiceFieldServiceActionBar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: none;
    width: 100%;
    height: 85px;
    padding: 15px 24px;
    background: linear-gradient(to bottom,rgba(230,230,235,0) 0,#fff calc(100% - 52px),#fff 100%);
    position: relative;
    bottom: 0;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px
}

.embeddedServiceFieldServiceActionBar .embeddedServiceSidebarButton {
    width: 100%
}

.embeddedServiceFieldServiceActionBar .embeddedServiceSidebarButton:not(:disabled):focus {
    text-decoration: underline
}

.embeddedServiceFieldServiceActionBar button:only-child {
    margin-left: auto
}

.embeddedServiceFieldServiceActionBar .back {
    display: none
}

.embeddedServiceFieldServiceActionBar--mobile-white {
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff calc(100% - 52px),#fff 100%)
}

.embeddedServiceFlowActionButton {
    height: 38px;
    border-radius: 19px;
    width: 100%;
    padding: 0 21px
}

.embeddedServiceFlowInputCheckbox .flowInputLabel {
    display: none
}

.embeddedServiceFlowInputCheckbox input:focus {
    outline: 0;
    border: 1px solid var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceFlowInputDateTime fieldset.uiInput {
    border: none;
    padding: 0
}

.embeddedServiceFlowInputDateTime .form-element__control,.embeddedServiceFlowInputDateTime .input-has-icon {
    height: 44px
}

.embeddedServiceFlowInputDateTime .form-element__control input {
    padding: 10px 12px;
    width: 100%;
    height: 100%;
    line-height: normal;
    font-size: .875em;
    background-color: #fff;
    border: 1px solid #9faab5;
    border-radius: 4px;
    box-sizing: border-box
}

.embeddedServiceFlowInputDateTime.has-error .uiInput {
    border: none
}

.embeddedServiceFlowInputDateTime.has-error .form-element__control .input {
    border: 1px solid var(--lwc-colorBorderError,#ea001e)
}

.embeddedServiceFlowInputDateTime .openDatePicker {
    right: calc(50% + 12px)
}

.embeddedServiceFlowInputDateTime .openTimePicker {
    position: absolute;
    top: 12px;
    right: 12px
}

.embeddedServiceFlowInputLongText .uiInputTextArea {
    height: 80px;
    resize: none;
    line-height: 20px
}

.embeddedServiceFlowInputMultiCheckbox .checkboxOptions {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.embeddedServiceFlowInputMultiCheckbox .embeddedServiceFlowInputBaseCheckbox {
    flex-grow: 1
}

.embeddedServiceFlowInputMultiSelect .uiInput {
    width: 100%;
    height: 150px;
    background-color: #fff;
    border: 1px solid #dddbda;
    border-radius: .25rem;
    padding: 0;
    transition: border .1s linear,background-color .1s linear
}

.embeddedServiceFlowInputMultiSelect .uiInput:focus {
    outline: 0;
    background-color: #fff;
    border: 1px solid var(--lwc-colorBrandSecondary,#005290);
    box-shadow: 0 0 3px var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceFlowInputMultiSelect .uiInput option {
    padding: .5rem;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceFlowInputRadio .radioOptions {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.embeddedServiceFlowInputRadio .uiInputRadio {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    background-color: rgba(0,0,0,0);
    border: none;
    flex-grow: 1
}

.embeddedServiceFlowInputRadio .uiInputRadio>input {
    position: relative;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1px solid #d8dde6;
    border-radius: 50%;
    margin-right: 6px;
    -webkit-appearance: none;
    appearance: none
}

.embeddedServiceFlowInputRadio .uiInputRadio>input:focus {
    outline: 0;
    border: solid 2px var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceFlowInputRadio .uiInputRadio>input:checked:after {
    content: " ";
    position: absolute;
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    background-color: var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceFlowInputRadio .uiInputRadio>label {
    order: 1;
    min-width: 0;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFlowInputRadio .uiInputRadio>label>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.embeddedServiceFlowInputRadio.has-error .uiInput {
    border: none
}

.embeddedServiceFlowInputRadio.has-error .uiInput input {
    border: 1px solid var(--lwc-colorBorderError,#ea001e)
}

.embeddedServiceFlowInputSelect .uiInputSelect {
    -webkit-appearance: none;
    appearance: none
}

.embeddedServiceFlowInputSelect .flowInputContents {
    position: relative
}

.embeddedServiceFlowInputSelect .dropdownChevron {
    position: absolute;
    right: 16px;
    top: 16px;
    pointer-events: none
}

.embeddedServiceFlowInputSelect .dropdownChevron svg {
    height: 13px;
    width: 11px;
    fill: var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceFlowOutputDisplayText {
    margin: 0 0 10px
}

.embeddedServiceFlowOutputDisplayText.uiOutputRichText {
    font-size: var(--lwc-esFontSizeSmall,.875em);
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentQueuePosition {
    margin-bottom: 12px
}

.embeddedServiceLiveAgentQueuePosition .queuePositionContent {
    justify-content: center;
    text-align: center;
    padding: 10px 0 0
}

.embeddedServiceLiveAgentQueuePosition .queuePositionNumber {
    margin: 13px 0;
    line-height: 1
}

.embeddedServiceLiveAgentQueuePosition.queuePositionWaiting .queuePositionNumber {
    font-size: 52px
}

.embeddedServiceLiveAgentQueuePosition.queuePositionTransferring .queuePositionNumber {
    font-size: 40px
}

.embeddedServiceLiveAgentQueuePosition .queuePositionMessage {
    margin: 8px 0
}

.embeddedServiceLiveAgentQueuePosition .youAreNextMessage {
    margin: 18px 0 2px
}

.embeddedServiceLiveAgentQueuePosition.queuePositionWaiting .youAreNextMessage {
    margin: 18px 0 2px;
    line-height: 1.75;
    font-size: 24px
}

.embeddedServiceLiveAgentQueuePosition.queuePositionTransferring .youAreNextMessage {
    margin: 18px;
    line-height: 1;
    font-size: 20px
}

.embeddedServiceLiveAgentQueuePosition .queuePositionChatIcon {
    position: relative;
    justify-content: center
}

.embeddedServiceLiveAgentQueuePosition .embeddedServiceIcon>svg {
    position: relative;
    fill: var(--lwc-colorGray4,#ecebea);
    width: 82px;
    height: 75.4px
}

.embeddedServiceLiveAgentQueuePosition .queuePositionChatIcon .embeddedServiceLoadingBalls {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.embeddedServiceLiveAgentStateChatButtonMessage.agent .chatContent {
    background: 0 0;
    float: none;
    margin: 0 0 0 40px;
    max-width: calc(100% - 40px);
    width: 100%;
    padding: 0
}

.embeddedServiceLiveAgentStateChatButtonMessage.agent .timeContent {
    margin-left: 40px
}

.embeddedServiceLiveAgentStateChatButtonMessage.agent .chatContent .embeddedServiceLiveAgentStateChatButtonItem.slds-button+.slds-button {
    margin-left: 0
}

.embeddedServiceLiveAgentStateChatFileTransferMessage {
    position: relative
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .fileTransferMessage {
    display: flex;
    padding-left: 3px;
    overflow: hidden
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .fileInfo {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .fileWarning {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    fill: var(--lwc-colorFileUploadFailed,#e74c3c)
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .fileInfo span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .fileWarning.embeddedServiceIcon>svg {
    fill: var(--lwc-colorFileUploadFailed,#e74c3c)
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .fileIcon.embeddedServiceIcon {
    padding-top: 4px
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .fileIcon.embeddedServiceIcon>svg>g>path:first-of-type {
    fill: #49c9a7
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .progressIndicator {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    opacity: .5;
    width: 0;
    border-radius: 0 4px 4px 0;
    animation: 1.5s linear forwards progress-bar
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .progressIndicator.fail {
    animation: 1.25s linear fail
}

.embeddedServiceLiveAgentStateChatFileTransferMessage .progressIndicator.success {
    animation: .75s linear success
}

@keyframes progress-bar {
    0% {
        left: 0;
        right: auto
    }

    35% {
        width: 40%
    }

    100% {
        left: 0;
        width: 80%
    }
}

@keyframes fail {
    0% {
        left: 0;
        width: 80%
    }

    50% {
        opacity: .5
    }

    75% {
        opacity: .25
    }

    100% {
        width: 80%;
        opacity: 0
    }
}

@keyframes success {
    0% {
        left: 0;
        width: 80%
    }

    50% {
        opacity: .5;
        width: 100%
    }

    100% {
        opacity: 0;
        width: 100%
    }
}

.embeddedServiceLiveAgentStateChatInputFooter.chasitorInputWrapper {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ededed;
    border-radius: 0 0 8px 8px
}

.embeddedServiceLiveAgentStateChatInputFooter .chasitorText {
    font-weight: 300;
    background: var(--lwc-esColorBackgroundInverse,#fff);
    border: 1px solid var(--lwc-esColorBorderInverse,#fff);
    resize: none;
    font-size: .875em;
    line-height: 1.3;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextMoreThanThreeRows .chasitorText {
    overflow-y: scroll
}

.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow {
    height: 66px;
    min-height: 66px
}

.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextTwoRows {
    height: 70px;
    min-height: 70px
}

.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextMoreThanThreeRows,.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextThreeRows {
    height: 88px;
    min-height: 88px
}

.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .chasitorText {
    padding: 15px 8px
}

.embeddedServiceLiveAgentStateChatInputFooter .chasitorControls {
    position: relative;
    height: calc(100% - 16px);
    margin: 8px;
    border-radius: 4px;
    display: flex
}

.embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .uiInput {
    align-self: stretch;
    max-width: 100%;
    height: 100%;
    flex-grow: 1
}

.embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .chatActionButton {
    padding: 0 8px;
    border: 1px solid transparent
}

.embeddedServiceLiveAgentStateChatInputFooter .fileUploadControls {
    display: flex;
    position: relative;
    background-color: #ededed;
    width: 100%;
    align-items: center
}

.embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Close {
    margin-right: 8px
}

.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Remove,.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Upload {
    background-color: #ededed;
    margin-right: 6px;
    border: 1px solid #ededed
}

.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Remove svg,.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Upload svg {
    fill: #878787
}

.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:hover.Remove svg,.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:hover.Upload svg {
    fill: #0085cc
}

.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:focus.Remove,.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:focus.Upload {
    background-color: #fff;
    border-color: #006ac7;
    box-shadow: var(--lwc-shadowButtonFocus,0 0 3px #0176d3)
}

.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:focus.Remove svg,.embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:focus.Upload svg {
    fill: #006ac7
}

.embeddedServiceLiveAgentStateChatInputFooter .chatActionButton.Send {
    display: flex;
    padding: 13px 8px 0 0;
    width: 32px;
    align-items: flex-start;
    flex-direction: column
}

.embeddedServiceLiveAgentStateChatInputFooter .fileInfo {
    display: flex;
    text-align: left;
    width: 100%;
    align-self: stretch;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-direction: column;
    justify-content: center
}

.embeddedServiceLiveAgentStateChatInputFooter .fileName {
    overflow: hidden;
    text-overflow: ellipsis
}

.embeddedServiceLiveAgentStateChatInputFooter .fileDescription,.embeddedServiceLiveAgentStateChatInputFooter .fileName {
    font-size: var(--lwc-esFontSizeSmall,.875em)
}

.embeddedServiceLiveAgentStateChatInputFooter .fileIcon {
    padding: 0 8px
}

.embeddedServiceLiveAgentStateChatInputFooter .fileIcon.embeddedServiceIcon>svg>g>path:first-of-type {
    fill: #49c9a7
}

.embeddedServiceLiveAgentStateChatInputFooter .fileTooLarge {
    display: flex;
    position: relative;
    align-self: stretch;
    max-width: 100%;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    font-size: var(--lwc-esFontSizeSmall,.875em)
}

.embeddedServiceLiveAgentStateChatInputFooter .fileTooLarge+.chatActionButton.Upload:disabled,.embeddedServiceLiveAgentStateChatInputFooter .fileTooLarge+.chatActionButton.Upload:disabled:focus,.embeddedServiceLiveAgentStateChatInputFooter .fileTooLarge+.chatActionButton.Upload:disabled:hover {
    opacity: 1
}

.embeddedServiceLiveAgentStateChatInputFooter .selectNewFile {
    color: #184e8c
}

.embeddedServiceLiveAgentStateChatInputFooter a {
    text-decoration: none
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper {
    float: left;
    height: 100%;
    cursor: pointer;
    background-color: inherit
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu {
    height: 100%
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper button::-moz-focus-inner {
    border: 0
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu svg[data-key=down] {
    display: none
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items {
    border: .5px solid #ebeff0;
    width: var(--lwc-sidebarWidth,320px)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items a {
    height: 40px;
    font-size: 14px;
    text-align: left;
    padding: 0 0 0 35px;
    text-decoration: none;
    color: var(--lwc-colorTextInstructions,#16325c);
    border: 1px solid #ebeff0
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button {
    position: relative;
    display: inline-block;
    padding: 0;
    background: rgba(0,0,0,0);
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .25em;
    line-height: var(--lwc-lineHeightButton,1.875rem);
    font-size: inherit;
    -webkit-appearance: none;
    white-space: normal;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: translateY(25%);
    color: #787c80
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:active,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:focus,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:hover,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:visited {
    text-decoration: none
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:focus {
    outline: 0;
    box-shadow: 0 0 3px var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:disabled,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:disabled *,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button[disabled],.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button[disabled] * {
    pointer-events: none;
    color: var(--lwc-esColorBorderSeparator,#949494)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button__icon {
    width: 1.5em;
    height: 1.5em;
    fill: currentcolor
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu svg {
    vertical-align: middle
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button_icon-container-more {
    line-height: var(--lwc-lineHeightButton,1.875rem);
    vertical-align: middle;
    height: 2em
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger {
    position: relative;
    display: inline-block;
    padding: .5em
}

@supports (-moz-appearance: none) {
    .embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger {
        z-index:1
    }
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger:focus,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger:hover {
    outline: 0
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger .slds-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s linear,visibility .1s linear;
    top: 100%
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger .slds-dropdown_bottom {
    top: auto
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .slds-dropdown-trigger_click .slds-dropdown,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .slds-dropdown-trigger_click:hover .slds-dropdown {
    display: none
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
    display: block;
    visibility: visible;
    opacity: 1
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown {
    position: absolute;
    left: 50%;
    float: left;
    min-width: 6em;
    font-size: .75em;
    transform: translateX(-50%);
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.16);
    background: var(--lwc-esColorBackgroundInverse,#fff);
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    max-width: var(--lwc-sidebarWidth,320px)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown_bottom {
    bottom: 100%
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown_left {
    left: 0;
    transform: translateX(0)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item {
    line-height: var(--lwc-esLineHeightText,1.2);
    border: 1px solid #ebeff0
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    padding-left: 35px;
    border: 1px solid transparent;
    color: var(--lwc-colorBrand,#0074bd);
    background-color: var(--lwc-esColorBackgroundInverse,#fff)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a:hover {
    outline: 0;
    text-decoration: none;
    background-color: #f7f9fa
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a:focus {
    outline: 0;
    text-decoration: underline;
    box-shadow: 0 0 3px 0 rgba(0,118,222,.5);
    border: solid 1px var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-dropdown__item>a:active {
    text-decoration: none
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu-items .slds-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-assistive-text {
    position: absolute;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    text-transform: none;
    white-space: nowrap
}

.embeddedServiceLiveAgentStateChatInputFooter .chasitorText::-moz-placeholder,.embeddedServiceLiveAgentStateChatInputFooter .chasitorText::-webkit-input-placeholder,.embeddedServiceLiveAgentStateChatInputFooter .chasitorText::placeholder {
    color: #757575;
    opacity: 1
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .unseenMessageBubble .messageCount {
    font-size: var(--lwc-esFontSizeMedium,1em)
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-assistive-text {
    position: absolute;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    text-transform: none;
    white-space: nowrap
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: #fff;
    opacity: .95;
    border: 1px solid transparent;
    border-radius: 0 .25em .25em 0;
    line-height: 1.875em;
    text-decoration: none;
    -webkit-appearance: none;
    white-space: normal;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:active,.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:focus,.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:hover,.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:visited {
    text-decoration: none
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:focus,.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:hover {
    cursor: pointer
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:focus {
    outline: 0;
    box-shadow: 0 0 3px var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:active .slds-button__icon,.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:focus .slds-button__icon,.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button:hover .slds-button__icon {
    fill: currentColor;
    pointer-events: none
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button_icon,.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button_icon-border {
    justify-content: center;
    flex-shrink: 0
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button_icon-border {
    width: 36px;
    height: 30px;
    line-height: 1;
    vertical-align: middle;
    color: #787c80;
    transition: border .15s linear
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .scrollDownButton .slds-button__icon {
    width: 20px;
    height: 20px;
    fill: currentColor
}

.embeddedServiceLiveAgentStateChatMenuMessage .chatContent {
    float: none;
    margin-left: 0
}

.embeddedServiceLiveAgentStateChatMenuMessage.agent .chatContent {
    background: 0 0;
    border-radius: none;
    float: none
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
    border-radius: 3px;
    margin: auto;
    width: 200px;
    background-color: #fff
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items,.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-items li {
    width: 100%
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-itemsReadyToDeactivate {
    width: inherit;
    background-color: #f4f4f4
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-item {
    color: var(--lwc-colorBackgroundContrastPrimary,#333);
    background: rgba(0,0,0,0);
    cursor: pointer
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-itemOptionIsClicked {
    color: var(--lwc-colorTextWeak,#828282);
    cursor: default;
    pointer-events: none;
    background-color: #fff
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-item,.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-itemOptionIsClicked {
    text-align: center;
    font-size: 15px;
    padding: 12px 5px;
    display: block;
    width: inherit;
    margin: 0
}

.embeddedServiceLiveAgentStateChatMenuMessage .eventZone:focus {
    background-color: #f4f4f4
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-header {
    background-color: #eef2f6;
    padding-top: 10px 0;
    text-align: center;
    color: #334d66;
    font-size: 14px
}

.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:active,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus:hover,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover:active {
    color: var(--lwc-colorBackgroundContrastPrimary,#333);
    background-color: #f7f9fa;
    border-radius: inherit;
    opacity: .8
}

.embeddedServiceLiveAgentStateChatMenuMessage.chatMessage button:focus {
    text-decoration: underline
}

.embeddedServiceLiveAgentStateChatMenuMessage ul.rich-menu-items {
    list-style: none;
    margin: 0;
    padding: 0
}

.embeddedServiceLiveAgentStateChatMessage .uiOutputRichText {
    text-align: left
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.plaintextContent {
    position: relative;
    font-weight: var(--lwc-fontWeightRegular,400);
    line-height: 1.3;
    max-width: 70%;
    padding: 10px;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    border-radius: 10px 10px 0;
    float: right;
    margin-left: 40px;
    white-space: pre-wrap
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent {
    color: var(--lwc-colorTextDefault,#333);
    background: #f4f4f4;
    border-radius: 10px 10px 10px 0;
    float: left
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.plaintextContent a {
    text-decoration: underline
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
    color: var(--lwc-colorTextInverse,#fff);
    margin-left: auto;
    background: var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent a {
    color: var(--lwc-colorTextInverse,#fff)
}

.embeddedServiceLiveAgentStateChatTypingIndicator .typingIndicatorBall {
    font-size: 8px;
    text-align: left;
    float: left;
    margin: 5px 3px;
    max-width: 72%;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: var(--lwc-borderRadiusCircle,50%);
    background-color: var(--lwc-colorTextWeak,#828282);
    animation: 2.5s ease-in-out infinite liveAgentTypingIndicatorAnimate
}

.embeddedServiceLiveAgentStateChatTypingIndicator .second {
    animation-delay: 3s
}

.embeddedServiceLiveAgentStateChatTypingIndicator .third {
    animation-delay: 4s
}

.embeddedServiceLiveAgentStateChatTypingIndicator.embeddedServiceLiveAgentStateChatItem .isLightningOutContext.embeddedServiceLiveAgentStateChatAvatar div {
    margin: 0 6px 6px 0
}

@keyframes liveAgentTypingIndicatorAnimate {
    0% {
        opacity: 0
    }

    35%,50% {
        opacity: 1
    }
}

.embeddedServiceServiceAppointmentFullView .fieldServiceAppointmentDetailContainer {
    background: #fff;
    padding: 1em 0 0 1em;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceServiceAppointmentFullView .fieldServiceAppointmentRecordView {
    padding-left: 1em;
    overflow: hidden
}

.embeddedServiceServiceAppointmentFullView .slds-border_bottom {
    border-bottom: 0
}

.embeddedServiceServiceAppointmentFullView a {
    pointer-events: none;
    cursor: default;
    color: inherit
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeader {
    flex-direction: inherit;
    background: #fff;
    color: var(--lwc-colorTextDefault,#333);
    font-family: var(--lwc-fontFamily,"Arial")
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderTitle {
    position: relative;
    display: flex;
    align-items: center;
    font-size: var(--lwc-esFontSizeLarge,1.25em)
}

.embeddedServiceServiceAppointmentReducedView .headerDetails {
    width: 86%;
    display: inline-flex
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderIcon {
    position: relative;
    left: 10px;
    top: 6px
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderIcon svg[data-key=clock] {
    fill: #9faab5
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderTimespan {
    display: flex;
    flex-direction: row;
    margin-top: 8px
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderTimespan .timespanSection {
    font-size: var(--lwc-esFontSizeMedium,1em);
    font-weight: 700;
    color: var(--lwc-colorTextDefaultDarken60,#141414)
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderTimespan .timespanMeridian {
    margin-left: 3px;
    font-size: var(--lwc-esFontSizeTextXSmall,.75em)
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderTimespan .timespanDash {
    margin: 0 7px
}

.embeddedServiceServiceAppointmentReducedView .appointmentHeaderAddress,.embeddedServiceServiceAppointmentReducedView .appointmentHeaderDate {
    margin-top: 5px;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    color: var(--lwc-colorTextDefaultLighten20,#5c5c5c)
}

.embeddedServiceServiceAppointmentReducedView .serviceAppointmentActionButton {
    margin-left: auto;
    margin-right: .3em;
    cursor: pointer
}

.embeddedServiceServiceAppointmentReducedView .serviceAppointmentMenuSection {
    display: inline-flex;
    width: 14%
}

.embeddedServiceServiceAppointmentReducedView .headerDetailsSection {
    margin-left: 1em
}

.embeddedServiceServiceAppointmentReducedView .serviceAppointmentActionButton svg[data-key=down] {
    display: None
}

.embeddedServiceServiceAppointmentReducedView .slds-spinner {
    display: none
}

.embeddedServiceServiceAppointmentReducedView .serviceAppointmentMenuSection .slds-button:focus {
    box-shadow: none
}

.embeddedServiceServiceResourceFullView .fieldServiceResourceDetailContainer {
    background: #fff;
    padding: 1em 0 0 .8em;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceServiceResourceFullView .fieldServiceResourceRecordView {
    overflow: hidden;
    padding-left: .5em
}

.embeddedServiceServiceResourceFullView .slds-border_bottom {
    border-bottom: 0
}

.embeddedServiceServiceResourceFullView a {
    pointer-events: none;
    cursor: default;
    color: inherit
}

.embeddedServiceServiceResourceReducedView {
    flex-grow: 1
}

.embeddedServiceServiceResourceReducedView .slds-card__header.slds-grid {
    padding: 0
}

.embeddedServiceServiceResourceReducedView .reducedViewContainer {
    display: flex;
    flex-direction: row;
    padding: 0 .8em
}

.embeddedServiceServiceResourceReducedView .reducedViewContainer .avatarContainer {
    display: flex;
    align-items: center
}

.embeddedServiceServiceResourceReducedView .reducedViewContainer .avatarContainer .avatar {
    color: var(--lwc-colorTextInverse,#fff);
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-size: 100%;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat
}

.embeddedServiceServiceResourceReducedView .reducedViewContainer .textContainer {
    flex-grow: 1;
    padding: 0 .5em;
    display: flex;
    align-items: center;
    font-size: var(--lwc-fontSizeMediumLarge,1.125em)
}

.embeddedServiceServiceResourceReducedView .resourceHeader {
    flex-direction: inherit;
    background: #fff;
    color: var(--lwc-colorTextDefault,#333);
    font-family: var(--lwc-fontFamily,"Arial")
}

.embeddedServiceServiceResourceReducedView .assistiveText {
    position: absolute;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    z-index: -1000;
    font-size: 1px
}

.embeddedServiceSidebarForm.formContent {
    width: 100%;
    height: calc(100% - 81px);
    overflow-y: auto;
    position: relative;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    margin-bottom: 81px;
    border-radius: 0 0 8px 8px
}

.embeddedServiceSidebarForm.buttonWrapper {
    text-align: center;
    padding: 30px 24px 24px;
    margin: 0;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff calc(100% - 77px),#fff 100%)
}

.embeddedServiceSidebarForm .backgroundImg,.embeddedServiceSidebarForm .backgroundImgColorMask {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100px;
    z-index: 1;
    position: relative
}

.embeddedServiceSidebarForm .backgroundImgColorMask {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: var(--lwc-colorBrandPrimary,#222)
}

.embeddedServiceSidebarForm .fieldList {
    margin: 12px 24px 0 12px;
    padding: 0 0 15px
}

.embeddedServiceSidebarForm .embeddedServiceSidebarFormField {
    margin-left: 12px
}

.embeddedServiceSidebarForm .hiddenField {
    display: none
}

.embeddedServiceSidebarForm .fieldList .uiInputText:last-child input {
    margin-bottom: 0
}

.embeddedServiceSidebarState.stateBody {
    width: 100%;
    height: 100%
}

.uiInputDateRange .wrapper,.uiInputDateRange.wrapper {
    display: flex
}

.uiInputDateRange .datePicker-openIcon,.uiInputDateRange+.datePicker-openIcon {
    position: relative;
    vertical-align: middle;
    left: -22px;
    width: 12px;
    height: 15px;
    background: url("/auraFW/resources/aura/images/icon_openCalendar.png") no-repeat
}

.uiInputDateRange .display,.uiInputDateRange+.display {
    display: inline-block
}

.uiInputDateRange .hide,.uiInputDateRange+.hide {
    display: none
}

.uiInputDateRange .endDate,.uiInputDateRange .startDate {
    display: flex;
    width: 50%
}

.uiInputDateRange .startDate>a.datePicker-openIcon {
    right: 50%
}

.uiInputFile .hidden-input-file {
    position: absolute;
    width: 1px;
    height: 1px
}

.uiInputSearch {
    position: relative;
    display: inline-block
}

.uiInputSearch input {
    padding-right: 30px;
    line-height: normal
}

.uiInputSearch input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.uiInputSearch .clear {
    background: url(/auraFW/resources/aura/images/clear.png) no-repeat rgba(0,0,0,0);
    height: 15px;
    width: 15px;
    border: 0;
    outline: 0;
    right: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: none;
    padding: inherit;
    margin: 0
}

.uiInputSearch .hide {
    display: none
}

.uiInputSearch input[type=text]::-ms-clear {
    display: none
}

.uiInputSearch input[type=text]::-ms-reveal {
    display: none
}

.uiInputTextAreaForAutocomplete.autocompleteButton,.uiInputTextForAutocomplete.autocompleteButton {
    background: rgba(0,0,0,0);
    border: none;
    outline: 0;
    box-shadow: none
}

.uiOutputCheckbox img.checked {
    background: url(/auraFW/resources/aura/images/smallcheck-checked.png) no-repeat rgba(0,0,0,0);
    height: 17px;
    width: 17px
}

.uiOutputCheckbox img.unchecked {
    background: url(/auraFW/resources/aura/images/smallcheck.png) no-repeat rgba(0,0,0,0);
    height: 17px;
    width: 17px
}

.uiOutputEmail.invalid {
    color: red
}

.uiOutputLabel {
    vertical-align: top;
    font-weight: 700
}

.uiOutputTextArea:not(.slds-truncate) {
    white-space: pre-line
}

.uiOutputURL.disabled {
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

.uiTab.scrolling {
    overflow: auto
}

.uiTab.tabs__content {
    display: none
}

.uiTab.active {
    display: block
}

.uiTabBar .tabs__nav {
    padding: 0;
    margin: 0
}

.embeddedServiceFieldServiceStateAppointmentDetail {
    width: 600px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.embeddedServiceFieldServiceStateAppointmentDetail .slds-hide {
    display: none
}

.embeddedServiceFieldServiceStateAppointmentDetail .scrollableDetailSection {
    overflow: auto
}

.embeddedServiceFieldServiceStateAppointmentDetail .embeddedServiceLoadingBalls {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.embeddedServiceFieldServiceStateAppointmentDetail .slds-spinner {
    display: none
}

.embeddedServiceFieldServiceStateAppointmentHome {
    display: flex;
    width: 600px;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
    background: #f7f8fa
}

.embeddedServiceFieldServiceStateAppointmentHome .slds-hide {
    display: none
}

.embeddedServiceFieldServiceStateAppointmentHome .embeddedServiceLoadingBalls {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.embeddedServiceFieldServiceStateAppointmentHome .slds-spinner {
    display: none
}

.embeddedServiceFieldServiceStateAppointmentHome .slds-form-element__label {
    font-size: var(--lwc-esFontSizeTextXSmall,.75em);
    color: var(--lwc-colorTextDefaultLighten20,#5c5c5c)
}

.embeddedServiceFieldServiceStateAppointmentHome .itemBody .slds-form-element__static {
    font-size: var(--lwc-esFontSizeSmall,.875em);
    color: var(--lwc-colorTextDefault,#333);
    border: none
}

.embeddedServiceFieldServiceStateAppointmentHome .forceOutputAddress {
    pointer-events: none;
    text-decoration: none;
    color: initial;
    cursor: text
}

.embeddedServiceFieldServiceStateAppointmentHome .forceOutputAddressText.map {
    display: none
}

.embeddedServiceFieldServiceStateAppointmentHome .fieldServiceAppointmentAssignedResources .outputLookupLink,.embeddedServiceFieldServiceStateAppointmentHome .forceOutputLookupWithPreview a.textUnderline {
    border: none;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFieldServiceStateAppointmentHome .uiOutputCheckbox {
    position: relative;
    display: block;
    width: 19px;
    height: 19px;
    border: 1px solid #cccdcf;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box
}

.embeddedServiceFieldServiceStateAppointmentHome .uiOutputCheckbox img {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");
    width: 0;
    height: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiOutputCheckbox img.checked {
    position: absolute;
    display: block;
    padding: 13px 13px 0 0;
    left: 2px;
    top: 2px;
    border-radius: 2px;
    background-color: var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceFieldServiceStateAppointmentHome .slds-assistive-text {
    position: absolute;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    text-transform: none;
    white-space: nowrap
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--base .tabs__nav {
    display: flex
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--base .tabs__content {
    position: relative;
    padding: 1rem 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--base .tabs__item {
    font-weight: 400;
    font-size: .8125rem;
    flex-shrink: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--base .tabs__item>a {
    display: block;
    text-decoration: none;
    cursor: pointer
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--base .tabs__item>a:focus {
    outline: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default {
    background-color: #fff
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__nav {
    border-bottom: 1px solid #dddbda;
    background-color: rgba(0,0,0,0)
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item {
    text-transform: uppercase;
    letter-spacing: .0625em;
    background-color: rgba(0,0,0,0)
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item+.tabs__item {
    margin-left: 1.5rem
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item>a,.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .uiTabOverflowMenuItem a {
    border-bottom: 2px solid transparent;
    padding: 1.5rem 1rem .5rem;
    color: #706e6b
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item>a:focus,.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item>a:hover {
    border-color: #0070d2;
    color: #1b5297
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item>a:focus {
    box-shadow: #0070d2 0 -1px 0 inset
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item.active>a {
    background-color: rgba(0,0,0,0);
    border-color: #0070d2;
    color: #3e3e3c;
    font-weight: 700
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__content {
    border: none;
    padding: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .forceDetailPanelDesktop.slds-card,.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .forceDetailPanelDesktop2.slds-card {
    padding: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__nav {
    background-color: #f3f2f2;
    border: 1px solid #dddbda;
    border-radius: .25rem .25rem 0 0;
    white-space: nowrap
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item+.tabs__item {
    margin: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item {
    position: relative;
    text-transform: none;
    letter-spacing: normal
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item>a {
    padding: 1rem;
    color: #706e6b;
    background-clip: padding-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: none
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item>a:focus,.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item>a:hover {
    border-color: #dddbda
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item>a:focus {
    box-shadow: none;
    text-decoration: underline
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item.active>a {
    background-color: #fff;
    color: #1b5297;
    border-color: #dddbda
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item.active:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    background: #fff
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__item:first-child>a {
    border-left: none;
    border-radius: .25rem 0 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--task .tabs__content {
    background-color: #fff;
    border: 1px solid #dddbda;
    border-top: none;
    border-radius: 0 0 .25rem .25rem;
    padding: 1rem
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__nav {
    flex-direction: column;
    border: none
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__item {
    transition: background-color .5s;
    height: 50px;
    line-height: 50px
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__item>a.tabHeader {
    text-transform: none;
    letter-spacing: normal;
    border: none;
    padding: 0 12px 0 24px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__item.active {
    background-color: #0070d2
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__item.active>a.tabHeader {
    color: #0070d2;
    background-color: #ecebea;
    font-weight: 400;
    font-size: .75rem;
    transform: translateX(4px);
    width: calc(100% - 4px)
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__item+.tabs__item {
    margin: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__item>a:hover {
    background-color: #f3f2f2
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical .tabs__item>a.tabHeader:focus {
    font-weight: 700;
    transform: translateX(8px);
    width: calc(100% - 8px);
    box-shadow: none
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical a {
    font-weight: 400;
    font-size: .75rem;
    color: #3e3e3c
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical a:hover {
    color: #0070d2
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--vertical li:hover {
    background-color: #f3f2f2
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item.uiTabOverflowMenuItem a:focus,.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--default .tabs__item.uiTabOverflowMenuItem a:hover {
    color: #1b5297;
    text-decoration: none
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--dense>.uiTabBar .tabs__item {
    font-size: 1.125rem;
    text-transform: capitalize;
    letter-spacing: normal
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--dense>.uiTabBar .tabs__item>a,.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--dense>.uiTabBar .uiTabOverflowMenuItem a {
    padding-bottom: .5rem
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--dense>.uiTabBar .tabs__item+.tabs__item {
    margin-left: 1.5rem
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--dense>.uiTab.tabs__content {
    padding-top: 1rem
}

.embeddedServiceFieldServiceStateAppointmentHome .uiTabset--dense>.uiTab.tabs__content>.flexipageComponent>.slds-card-wrapper {
    padding-top: 0
}

.embeddedServiceFieldServiceStateAppointmentHome .flexiPageContent {
    display: flex;
    height: 100%
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentStateContainer {
    height: 100%;
    position: relative;
    display: flex;
    align-self: stretch;
    flex-direction: column
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentListing {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-self: stretch;
    background-color: #f8f9fa;
    overflow-x: hidden;
    overflow-y: auto
}

.embeddedServiceFieldServiceStateAppointmentList .embeddedServiceLoadingBalls {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 auto
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem {
    display: flex;
    flex-direction: row;
    padding: 8px 2px;
    margin: 1px;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    flex-shrink: 0;
    flex-basis: 100%;
    border-bottom: 1px solid #e9eaeb;
    z-index: 99
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem:focus {
    z-index: 999;
    background-color: #fafafa;
    outline: 1px solid var(--lwc-colorBorderBrandPrimary,#222)
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem:hover {
    background-color: #f8f9fa
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentStatusIconContainer {
    margin: 0 20px
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentStatusIconContainer .appointmentStatusIcon svg {
    width: 20px;
    height: 20px
}

.embeddedServiceFieldServiceStateAppointmentList .activeAppointments .appointmentStatusIcon svg {
    fill: #9faab5
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentInfo {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    flex-grow: 1;
    min-width: 0
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentInfo .appointmentTitle {
    font-size: var(--lwc-esFontSizeMedium,1em);
    color: #3d3d3d;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentInfo .appointmentTime {
    font-size: var(--lwc-esFontSizeMedium,1em);
    color: #000;
    margin-bottom: 4px
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentInfo .appointmentDate {
    font-size: var(--lwc-esFontSizeTextXSmall,.75em);
    color: #3d3d3d;
    margin-bottom: 4px
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentInfo .appointmentLocation {
    font-size: var(--lwc-esFontSizeTextXSmall,.75em);
    color: #3d3d3d
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentDrillinIconContainer {
    margin: 0 16px 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem .appointmentDrillinIconContainer .appointmentDrillinIcon svg {
    width: 1em;
    height: 1em;
    fill: #bcc5d1
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentAction {
    height: 38px;
    padding: 0 21px;
    border-radius: 19px
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentAction.back {
    background-color: #fff;
    border: 1px solid #9faab5
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentAction.newAppointment {
    border: none
}

.embeddedServiceFieldServiceStateAppointmentList .bookingDisabledActionBar {
    display: none
}

.embeddedServiceFieldServiceStateAppointmentList .noAppointmentsMessage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    align-self: stretch;
    padding-bottom: 61px
}

.embeddedServiceFieldServiceStateAppointmentList .noAppointmentsMessage .noAppointmentsIcon {
    margin-bottom: 14px
}

.embeddedServiceFieldServiceStateAppointmentList .noAppointmentsMessage .noAppointmentsIcon svg {
    width: 72px;
    height: 72px
}

.embeddedServiceFieldServiceStateAppointmentList .noAppointmentsMessage .noAppointmentsTitle {
    width: 370px;
    font-size: var(--lwc-esFontSizeLarge,1.25em);
    color: var(--lwc-colorTextDefault,#333);
    margin-bottom: 10px;
    text-align: center;
    word-wrap: break-word
}

.embeddedServiceFieldServiceStateAppointmentList .noAppointmentsMessage .noAppointmentsDescription {
    width: 370px;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    text-align: center;
    word-wrap: break-word;
    color: var(--lwc-colorTextDefaultLighten40,#858585)
}

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

.embeddedServiceFieldServiceStateAppointmentList .appointmentListTab .slds-tabs_default__item {
    position: relative;
    padding: 0 .75rem;
    margin-bottom: -1px;
    width: 180px;
    text-align: center;
    font-size: var(--lwc-esFontSizeTextXSmall,.75em);
    text-decoration: none;
    text-transform: uppercase;
    min-height: 48px;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFieldServiceStateAppointmentList .slds-tabs_default__nav {
    border-bottom: none
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentListTab li,.embeddedServiceFieldServiceStateAppointmentList .appointmentListTab ul {
    display: inline-block
}

.embeddedServiceFieldServiceStateConfirmation .fieldServiceConfirmationContent {
    display: flex;
    flex-direction: column;
    height: 100%
}

.embeddedServiceFieldServiceStateConfirmation .fieldServiceCardContainer {
    height: 100%;
    background-color: #f8f9fa;
    padding: 24px 24px 94px;
    box-sizing: border-box;
    overflow-y: auto;
    flex-grow: 1
}

.embeddedServiceFieldServiceStateConfirmation .fieldServiceAppointmentCard {
    border-radius: 10px
}

.embeddedServiceFieldServiceStateConfirmation .embeddedServiceSidebarButton {
    height: 38px;
    border-radius: 19px;
    padding: 0 21px
}

.embeddedServiceFieldServiceStateConfirmation .embeddedServiceLoadingBalls {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeBody {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.embeddedServiceFieldServiceStateHome .fieldServiceHeroImage {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 5;
    align-self: stretch;
    background-position-y: -62px;
    background-position-x: 50%;
    max-height: 338px;
    margin-top: -1px;
    overflow: hidden;
    background-color: var(--lwc-esColorBackgroundAlt2,#222)
}

.embeddedServiceFieldServiceStateHome .fieldServiceHeroLogoImage {
    max-height: 140px;
    margin-top: -31px
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeContent {
    position: relative;
    display: flex;
    flex-grow: 1;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    margin: 14px 0
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeActions {
    display: relative
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeText {
    padding: 0 24px;
    width: 100%;
    box-sizing: border-box
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeTitle {
    text-align: center;
    color: var(--lwc-colorTextDefault,#333);
    font-size: var(--lwc-esFontSizeLarge,1.25em);
    margin: 0 auto;
    width: 100%;
    max-width: 400px
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeSubtitle {
    text-align: center;
    color: var(--lwc-colorTextDefault,#333);
    font-size: var(--lwc-esFontSizeTextSmall,.8125em);
    margin: 4px auto 0;
    width: 100%;
    max-width: 400px
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeButtons {
    width: calc(100% - 48px);
    margin: 28px auto 0;
    max-width: 325px
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeButtons .embeddedServiceSidebarButton {
    height: 50px;
    border-radius: 25px
}

.embeddedServiceFieldServiceStateHome .newAppointmentButton+.existingAppointmentsButton {
    margin-top: 16px
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeContent.loading .fieldServiceHomeActions {
    opacity: 0;
    pointer-events: none
}

.embeddedServiceFieldServiceStateHome .embeddedServiceLoadingBalls {
    position: absolute;
    display: none;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeContent.loading .embeddedServiceLoadingBalls {
    display: block
}

.embeddedServiceFieldServiceStateServiceResourceDetail {
    width: 600px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.embeddedServiceFieldServiceStateServiceResourceDetail .scrollableResourceSection {
    overflow: scroll
}

.embeddedServiceFieldServiceStateServiceResourceDetail .embeddedServiceLoadingBalls {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.embeddedServiceFieldServiceStateServiceResourceDetail .slds-spinner {
    display: none
}

.embeddedServiceFlowStateViewer .container,.embeddedServiceFlowStateViewer .container .content,.embeddedServiceFlowStateViewer .container>div {
    height: 100%;
    position: relative;
    display: flex;
    align-self: stretch;
    flex-direction: column;
    width: 100%;
    padding: 0
}

.embeddedServiceFlowStateViewer .slds-card__header,.embeddedServiceFlowStateViewer h2.header {
    display: none
}

.embeddedServiceFlowStateViewer .container .content>flowruntime-lwc-body,.embeddedServiceFlowStateViewer .flowruntimeBody>flowruntime-list-container {
    height: 100%
}

.embeddedServiceFlowStateViewer .screenLoadingBalls {
    display: none
}

.embeddedServiceFlowStateViewer .loadOutline {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.embeddedServiceFlowStateViewer .loadingSpinner {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    left: calc(50% - 1.5em)
}

.embeddedServiceFlowStateViewer .loadingSpinner:not(.slds-hide)+.content {
    display: none
}

.embeddedServiceFlowStateViewer .loadOutline>.embeddedServiceLoadingBalls {
    position: relative;
    top: calc(50% - 35px);
    transform: translate(0,-50%);
    margin: 0 auto
}

.embeddedServiceFlowStateViewer .slds-hide {
    display: none
}

.embeddedServiceFlowStateViewer .flowruntimeBody {
    display: flex;
    flex-direction: column;
    padding: 0;
    background-color: rgba(0,0,0,0);
    flex-grow: 1;
    align-self: stretch;
    margin-top: 0;
    margin-bottom: 3px;
    height: 100%
}

.embeddedServiceFlowStateViewer .actionButtonBar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border: none;
    width: 100%;
    height: 80px;
    padding: 15px 24px 0;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff calc(100% - 65px),#fff 100%);
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px
}

.embeddedServiceFlowStateViewer .actionButtonBar.scheduling {
    background: linear-gradient(to bottom,rgba(230,230,235,0) 0,#e6e6eb calc(100% - 65px),#e6e6eb 100%)
}

.embeddedServiceFlowStateViewer .actionsLeft {
    display: none
}

.embeddedServiceFlowStateViewer .actionsRight {
    width: 100%
}

.embeddedServiceFlowStateViewer .actionsRight .uiButton:not(:only-child):first-child {
    display: none
}

.embeddedServiceFlowStateViewer .slds-assistive-text {
    position: absolute;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    z-index: -1000;
    font-size: 1px
}

.embeddedServiceFlowStateViewer .loadingOverlay.active {
    align-self: center;
    margin: auto 0
}

.embeddedServiceFlowStateViewer .embeddedServiceFieldServiceScheduling {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 56px;
    box-sizing: border-box
}

.embeddedServiceFlowStateViewer .flowruntimeBody>.body,.embeddedServiceFlowStateViewer .flowruntimeBody>flowruntime-list-container>div {
    width: 100%;
    height: calc(100% - 80px);
    overflow: auto;
    padding: 12px
}

.embeddedServiceLiveAgentStateChat {
    display: flex;
    flex-direction: column
}

.embeddedServiceLiveAgentStateChat .messageArea {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    margin: 0;
    box-sizing: border-box;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    -webkit-overflow-scrolling: touch
}

.embeddedServiceLiveAgentStateChat .messageArea.smoothScroll {
    scroll-behavior: auto
}

.embeddedServiceLiveAgentStateChat .messageArea:focus {
    outline: 0;
    border: 1px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChat .chatSessionStartTime {
    font-weight: var(--lwc-fontWeightRegular,400);
    line-height: 1.3;
    font-size: var(--lwc-esFontSizeTextXSmall,.75em);
    margin: 8px 0 12px;
    flex: 1 1 auto;
    display: flex;
    align-content: center;
    flex-direction: column-reverse;
    min-height: 1em;
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentStateChat .messageWrapper {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.embeddedServiceLiveAgentStateChat .messageWrapper,.embeddedServiceLiveAgentStateChat .queuePositionContainer,.embeddedServiceLiveAgentStateChat .typingIndicatorContainer {
    flex: 0 0 auto
}

.embeddedServiceLiveAgentStateChat .transferringText {
    font-size: .875em;
    margin-top: 12px;
    margin-bottom: 12px;
    display: inline-block;
    padding: 0 18px
}

.embeddedServiceLiveAgentStateChat .messageWrapper:after,.embeddedServiceLiveAgentStateChat .messageWrapper:before {
    content: " ";
    display: table
}

.embeddedServiceLiveAgentStateChat .floatedHeader {
    width: 100%;
    position: absolute;
    z-index: 1
}

.embeddedServiceLiveAgentStateChat .endChatContainer {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 0 24px;
    flex-shrink: 0
}

.embeddedServiceLiveAgentStateChat .endChatContainer:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 24px;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 100%);
    left: 0;
    top: -24px
}

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton {
    width: calc(100% - 48px);
    height: 44px;
    line-height: 19px;
    margin: 0 24px
}

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.postChatButton.saveTranscriptButton {
    margin-top: 10px;
    border: 1px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChat .chasitorInputWrapper {
    border-radius: 0
}

.embeddedServiceLiveAgentStateOfflineSupportDefaultUI {
    overflow: hidden;
    max-height: 100%;
    height: 100%;
    position: relative
}

.embeddedServiceLiveAgentStatePostchat iframe {
    height: calc(100% - 4px);
    width: calc(100% - 8px);
    border-style: hidden;
    margin: 4px 4px 0
}

.embeddedServiceLiveAgentStatePostchat.hiddenAndTabbable {
    position: relative;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0
}

.embeddedServiceLiveAgentStatePrechatDefaultUI {
    overflow: hidden;
    max-height: 100%;
    height: 100%;
    position: relative
}

.embeddedServiceLiveAgentStateWaiting .waitingStateContainer {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    width: 100%;
    box-sizing: content-box;
    height: 100%
}

.embeddedServiceLiveAgentStateWaiting .waitingStateContent {
    align-self: stretch;
    max-height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 24px
}

.embeddedServiceLiveAgentStateWaiting .waitingGreetingContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 12px 0
}

.embeddedServiceLiveAgentStateWaiting .reconnectingText {
    font-size: var(--lwc-esFontSizeSmall,.875em);
    line-height: 1.3;
    margin: 16px 12px 0
}

.embeddedServiceLiveAgentStateWaiting .waitingGreeting {
    font-size: var(--lwc-fontSizeMediumLarge,1.125em)
}

.embeddedServiceLiveAgentStateWaiting .waitingGreeting,.embeddedServiceLiveAgentStateWaiting .waitingMessage {
    padding: 12px 0;
    line-height: normal
}

.embeddedServiceLiveAgentStateWaiting .waitingGreeting.imageIsSet,.embeddedServiceLiveAgentStateWaiting .waitingMessage.imageIsSet {
    padding: 6px 0
}

.embeddedServiceLiveAgentStateWaiting .waitingGreeting.imageIsSet {
    line-height: 1
}

.embeddedServiceLiveAgentStateWaiting .waitingMessage.imageIsSet {
    font-size: var(--lwc-esFontSizeSmall,.875em);
    line-height: 1.3
}

.embeddedServiceLiveAgentStateWaiting .waitingImage {
    height: 38px;
    width: 132px;
    margin: 8px auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.embeddedServiceLiveAgentStateWaiting .embeddedServiceLiveAgentQueuePosition {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    margin: 12px 0
}

.embeddedServiceLiveAgentStateWaiting .embeddedServiceLoadingBalls {
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    flex-direction: row;
    padding-top: 20px
}

.embeddedServiceLiveAgentStateWaiting .embeddedServiceLiveAgentQueuePosition .embeddedServiceLoadingBalls {
    padding: 0
}

.embeddedServiceLiveAgentStateWaiting .loadingBall {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 2em;
    background-color: var(--lwc-colorBrandPrimary,#222)
}

.embeddedServiceLiveAgentStateWaiting .waitingStateButtonContainer,.embeddedServiceLiveAgentStateWaiting .waitingStateButtonContainer:focus {
    box-sizing: border-box;
    padding: 0 24px 18px;
    width: 100%
}

.embeddedServiceLiveAgentStateWaiting .waitingStateFooterContainer,.embeddedServiceLiveAgentStateWaiting .waitingStateFooterContainer:focus {
    box-sizing: border-box;
    padding: 0 24px 10px;
    width: 100%
}

.embeddedServiceLiveAgentStateWaiting .waitingStateLink {
    display: flex;
    width: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: background .4s
}

.embeddedServiceLiveAgentStateWaiting .waitingStateLink:focus,.embeddedServiceLiveAgentStateWaiting .waitingStateLink:hover {
    background: #f3f3f3
}

.embeddedServiceLiveAgentStateWaiting .essentialsLabel {
    display: flex;
    padding: 0 6px;
    color: #3e3e3e
}

.embeddedServiceLiveAgentStateWaiting a {
    text-decoration: none
}

.embeddedServiceLiveAgentStateWaiting a.waitingStateLink:focus,.embeddedServiceLiveAgentStateWaiting a.waitingStateLink:hover {
    outline: 0;
    border-radius: 4px;
    text-shadow: none
}

.embeddedServiceLiveAgentStateWaiting a.waitingStateLink:focus {
    text-decoration: underline;
    -webkit-text-decoration-color: #3e3e3e;
    text-decoration-color: #3e3e3e;
    box-shadow: 0 0 3px 0 var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceSidebarDialogState .dialogState {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: stretch
}

.embeddedServiceSidebarDialogState .dialogTextContainer {
    align-self: stretch;
    max-height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px
}

.embeddedServiceSidebarDialogState #dialogTextTitle {
    font-size: var(--lwc-fontSizeMediumLarge,1.125em);
    color: var(--lwc-colorTextDefault,#333);
    margin: 0 0 4px;
    text-align: center
}

.embeddedServiceSidebarDialogState #dialogTextBody {
    font-size: var(--lwc-esFontSizeSmall,.875em);
    color: var(--lwc-colorTextDefault,#333);
    margin: 4px 0 0;
    padding: 0 24px;
    line-height: 1.3;
    text-align: center
}

.embeddedServiceSidebarDialogState .dialogButtonContainer {
    padding: 0 24px 16px;
    width: 100%;
    box-sizing: border-box
}

.embeddedServiceSidebarDialogState .hasFooter .dialogButtonContainer {
    flex-grow: 1
}

.embeddedServiceSidebarDialogState .dialogButton {
    margin: 0 0 8px
}

.embeddedServiceSidebarDialogState .dialogIcon {
    justify-content: center;
    margin-bottom: 40px
}

.embeddedServiceSidebarDialogState .dialogIcon svg {
    fill: #c0c7d1;
    width: 4.5em;
    height: 4.5em
}

.embeddedServiceSidebarDialogState .dialogButton.rounded {
    border-radius: 22px
}

.embeddedServiceSidebarDialogState .embeddedServiceFieldServiceActionBar button:only-child {
    margin-left: 0
}

.embeddedServiceSidebarExtendedHeader {
    position: relative;
    color: var(--lwc-colorTextInverse,#fff);
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 46px;
    transition: background-color .33s ease-in;
    background-color: var(--lwc-esColorBackgroundAlt2,#222)
}

.embeddedServiceSidebarExtendedHeader .backgroundPattern {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100%;
    transform: translateZ(0)
}

.embeddedServiceSidebarExtendedHeader .content {
    position: relative
}

.embeddedServiceSidebarFeature.featureBody {
    width: 100%;
    height: 100%
}

.embeddedServiceSidebarFeature li,.embeddedServiceSidebarFeature ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.forceRecordLayout .highlightField {
    background: var(--lwc-colorBackgroundHighlight,#faffbd)
}

.forceRecordLayout.forceHighlightsTemplate .header {
    padding: 14px;
    text-align: center;
    position: relative
}

.forceRecordLayout.forceHighlightsTemplate .seperator {
    margin: 0 5px
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 a:empty+.seperator,.forceRecordLayout.forceHighlightsTemplate .highlightsH2 div:empty+.seperator,.forceRecordLayout.forceHighlightsTemplate .highlightsH2 span:empty+.seperator {
    display: none
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH1 {
    font-weight: var(--lwc-fontWeightBold,700);
    font-size: var(--lwc-fontSizeLarge,1.25rem);
    margin-bottom: 8px
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 {
    color: var(--lwc-colorTextPlaceholder,#6b6d70);
    font-weight: var(--lwc-fontWeightRegular,400);
    font-size: var(--lwc-fontSizeMedium,1rem);
    display: inline
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 div {
    display: inline;
    white-space: nowrap
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH2 div+span {
    margin-left: 3px;
    margin-right: 3px
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding-bottom: 14px
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic {
    z-index: 1
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .motifWrapper {
    z-index: 0
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .motifWrapper,.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px
}

.forceRecordLayout.forceHighlightsTemplate .profilePicWrapper .profilePic .uiImage {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

.forceRecordLayout.forceHighlightsTemplate .truncatedText {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--lwc-colorTextPlaceholder,#6b6d70)
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH1.dark {
    color: var(--lwc-colorTextInverse,#fff)
}

.forceRecordLayout.forceHighlightsTemplate .header.dark {
    background: var(--lwc-colorBackgroundAnchor,#fafaf9)
}

.forceRecordLayout.forceHighlightsTemplate .header.light {
    background: var(--lwc-colorBackgroundAlt,#fff)
}

.uiBlock,.uiBlock .bBody {
    overflow: hidden;
    vertical-align: top
}

.uiBlock .bLeft {
    float: left
}

.uiBlock .bLeft img {
    display: block
}

.uiBlock .bRight {
    float: right
}

.uiBlock.overflow>.bBody {
    display: table-cell;
    vertical-align: top;
    width: 10000px
}

.uiBlock.overflow,.uiBlock.overflow>.bBody {
    overflow: visible
}

.uiBlock.overflow:after,.uiBlock.overflow:before {
    content: "";
    display: table
}

.uiBlock.overflow:after {
    clear: both
}

.uiBlock.overflow>.bLeft {
    float: left
}

.uiBlock.overflow>.bRight {
    float: right
}

.uiTabset--default .tabs__nav {
    padding: 0;
    margin: 0
}

.uiTabset--default .tabs__item {
    background: #eee;
    border-radius: 5px 5px 0 0;
    margin-right: 2px;
    white-space: nowrap
}

.uiTabset--default .tabs__item>a {
    margin: 0;
    color: #363c40;
    padding: 5px 10px
}

.uiTabset--default .tabs__item.active>a {
    background: #dc595c;
    border-radius: 5px 5px 0 0
}

.auraDebug.debugWindow {
    height: 100%;
    width: 100%
}

.embeddedServiceFieldServiceSidebarFeature,.embeddedServiceFlowSidebarFeature {
    font-size: 16px
}

.embeddedServiceLiveAgentSidebarFeature {
    font-size: inherit
}

.embeddedServiceSidebarHeader {
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 8px 8px 0 0;
    background-color: var(--lwc-esColorBackgroundAlt2,#222)
}

.embeddedServiceSidebarHeader .shortHeader {
    color: var(--lwc-colorTextInverse,#fff);
    border-radius: 8px 8px 0 0;
    line-height: var(--lwc-esLineHeightHeading,3);
    text-align: center;
    font-weight: var(--lwc-fontWeightRegular,400);
    font-size: var(--lwc-esFontSizeSmall,.875em);
    height: 44px;
    clear: both;
    overflow: hidden;
    z-index: 3;
    position: relative;
    transform: translate3d(0,0,0);
    -webkit-font-smoothing: subpixel-antialiased
}

.embeddedServiceSidebarHeader .shortHeaderPattern {
    width: 100%;
    height: 44px;
    position: absolute;
    opacity: 1;
    transition: opacity .333s;
    background-size: 100%;
    z-index: 1;
    background-color: var(--lwc-esColorBackgroundAlt2,#222)
}

.embeddedServiceSidebarHeader.noAnimate .shortHeaderPattern {
    transition: none
}

.embeddedServiceSidebarHeader.collapsed .shortHeaderPattern {
    opacity: 0
}

.embeddedServiceSidebarHeader.showBackground .shortHeaderPattern {
    opacity: 1
}

.embeddedServiceSidebarHeader .shortHeaderContent {
    position: relative;
    display: flex;
    height: 100%
}

.embeddedServiceSidebarHeader .headerItem {
    position: relative
}

.embeddedServiceSidebarHeader .headerItem:focus {
    outline: 0
}

.embeddedServiceSidebarHeader .headerItem:focus:before,.embeddedServiceSidebarHeader .headerItem:hover:before {
    content: " ";
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    opacity: .2;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none
}

.embeddedServiceSidebarHeader .headerItem:focus:after {
    content: " ";
    position: absolute;
    top: 20%;
    left: 20%;
    width: calc(60% - 2px);
    height: calc(60% - 2px);
    border-radius: 4px;
    pointer-events: none;
    border: 1px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceSidebarHeader .closeButton {
    float: left
}

.embeddedServiceSidebarHeader .minimizeButton,.embeddedServiceSidebarHeader .popoutButton {
    float: right
}

.embeddedServiceSidebarHeader .closeButton,.embeddedServiceSidebarHeader .minimizeButton {
    background: 0 0;
    border: none
}

.embeddedServiceSidebarHeader .closeButton,.embeddedServiceSidebarHeader .minimizeButton,.embeddedServiceSidebarHeader .popoutButton {
    transition: color .7s;
    padding: 14px;
    line-height: 0
}

.embeddedServiceSidebarHeader .headerTextContent {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.embeddedServiceSidebarHeader .headerText {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    align-self: stretch;
    width: calc(100% - 96px);
    color: var(--lwc-colorTextInverse,#fff);
    text-decoration: none;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400
}

.embeddedServiceSidebarHeader .headerText:focus {
    outline: 0
}

.embeddedServiceSidebarHeader #headerSubtext,.embeddedServiceSidebarHeader #headerTextLabel {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.embeddedServiceSidebarHeader button:focus .headerTextContent {
    text-decoration: underline
}

.embeddedServiceSidebarHeader h2 {
    font-size: 1em
}

.embeddedServiceSidebarHeader .headerButton {
    display: flex;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    font-size: 1em;
    color: var(--lwc-colorTextInverse,#fff);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: 0;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceSidebarHeader .headerButton:focus:before,.embeddedServiceSidebarHeader .headerButton:hover:before {
    content: " ";
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    opacity: .2;
    border-radius: 4px;
    pointer-events: none
}

.embeddedServiceSidebarHeader .headerButton:focus:after {
    content: " ";
    position: absolute;
    top: 20%;
    left: 20%;
    width: calc(60% - 2px);
    height: calc(60% - 2px);
    border-radius: 4px;
    pointer-events: none;
    border: 1px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceSidebarHeader .extendedHeader {
    z-index: 2;
    transition: transform .33s;
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: -46px
}

.embeddedServiceSidebarHeader .headerChevron {
    position: relative;
    width: 0;
    height: 0;
    margin: 6px 0 0 8px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    display: inline-block;
    border-top: 3px solid var(--lwc-esColorBorderInverse,#fff);
    transition: transform .15s,top .15s
}

.embeddedServiceSidebarHeader.extended .headerChevron {
    transform: rotate(180deg)
}

.embeddedServiceSidebarHeader .extendedHeader .embeddedServiceSidebarExtendedHeader .backgroundPattern {
    transition: transform .33s,opacity .33s
}

.embeddedServiceSidebarHeader.collapsed .extendedHeader {
    transform: translateY(46px) translateY(-100%)
}

.embeddedServiceSidebarHeader.collapsed .extendedHeader .embeddedServiceSidebarExtendedHeader .backgroundPattern {
    transform: translate(0,100%);
    opacity: 0
}

.embeddedServiceSidebarHeader.extended .extendedHeader {
    transform: translate(0,46px)
}

.embeddedServiceSidebarHeader.extended .extendedHeader .embeddedServiceSidebarExtendedHeader .backgroundPattern {
    transform: translate(0,0);
    opacity: 1
}

.embeddedServiceSidebarHeader .fade {
    transition: opacity .33s
}

.embeddedServiceSidebarHeader .fade.fade-2x {
    transition: opacity .165s
}

.embeddedServiceSidebarHeader .fade.fade-3x {
    transition: opacity .11s
}

.embeddedServiceSidebarHeader .fade.fade-4x {
    transition: opacity .0825s
}

.embeddedServiceSidebarHeader.extended .fade {
    opacity: 1
}

.embeddedServiceSidebarHeader.collapsed .fade {
    opacity: 0
}

.embeddedServiceSidebarHeader.noAnimate .extendedHeader,.embeddedServiceSidebarHeader.noAnimate .extendedHeader .embeddedServiceSidebarExtendedHeader .backgroundPattern,.embeddedServiceSidebarHeader.noAnimate .fade {
    transition: none
}

.embeddedServiceSidebarHeader.layout-modal {
    height: 62px;
    border-radius: 0
}

.embeddedServiceSidebarHeader.layout-modal .shortHeader,.embeddedServiceSidebarHeader.layout-modal .shortHeaderContent,.embeddedServiceSidebarHeader.layout-modal .shortHeaderPattern {
    height: 62px;
    border-radius: 4px 4px 0 0
}

.embeddedServiceSidebarHeader.layout-modal .headerItem {
    padding: 23px
}

.embeddedServiceSidebarHeader.layout-modal .headerText {
    font-size: var(--lwc-esFontSizeLarge,1.25em);
    margin-left: 60px
}

.embeddedServiceSidebarHeader.layout-modal .backButton+.headerText {
    margin-left: 0
}

.embeddedServiceSidebarHeader.layout-modal #headerSubtext {
    font-size: var(--lwc-esFontSizeSmall,.875em)
}

.embeddedServiceSidebarHeader.layout-modal .minimizeButton {
    display: none
}

.embeddedServiceSidebarHeader.layout-modal .shortHeaderPattern {
    background-size: initial;
    background-position-x: 50%
}

.embeddedServiceSidebarHeader.layout-modal .closeButton:after,.embeddedServiceSidebarHeader.layout-modal .closeButton:before {
    display: none
}

.embeddedServiceSidebarHeader.layout-modal .closeButton svg {
    width: 1.25em;
    height: 1.25em;
    padding: 0 2px 5px 1px;
    z-index: 4
}

.embeddedServiceSidebarHeader.layout-modal.showBackground .closeButton:before {
    content: " ";
    position: absolute;
    display: block;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background-color: #000;
    opacity: .2;
    border-radius: 4px
}

.embeddedServiceSidebarHeader.layout-docked .backButton,.embeddedServiceSidebarHeader.layout-float .backButton {
    display: none
}

.uiMessage {
    color: #464646;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid #ccc;
    background-color: #eee;
    opacity: 1;
    transition: opacity .2s ease-out
}

.uiMessage.hide {
    opacity: 0
}

.uiMessage .close {
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.uiMessage h4 {
    font-weight: 700;
    font-size: 16px
}

.uiMessage .bBody p {
    margin: 0
}

.uiMessage.warning {
    border-color: #f8e38e;
    background-color: #ffffdc
}

.uiMessage.error {
    border-color: #f2a199;
    background-color: #fdedea
}

.uiMessage.confirm {
    border-color: #9bebb3;
    background-color: #edfff1
}

.uiMessage.info {
    border-color: #bee6ff;
    background-color: #f5fcff
}

.embeddedServiceSidebar {
    font-size: 16px;
    -webkit-font-smoothing: subpixel-antialiased;
    pointer-events: all;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.embeddedServiceSidebar.modalContainer {
    display: block;
    position: fixed;
    z-index: 5000;
    top: 0;
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceSidebar.initialLoading {
    display: none
}

.embeddedServiceSidebar.sidebarMaximized.layout-docked .minimizedContainer,.embeddedServiceSidebar.sidebarMinimized.layout-docked .dockableContainer {
    visibility: hidden
}

.embeddedServiceSidebar.sidebarMaximized.layout-float .minimizedContainer .content {
    display: none
}

.embeddedServiceSidebar.sidebarMinimized.layout-float .dockableContainer {
    visibility: hidden
}

.embeddedServiceSidebar .assistiveText {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

.embeddedServiceSidebar .backgroundImg img {
    width: 100%
}

.embeddedServiceSidebar .headerItem {
    color: var(--lwc-colorTextInverse,#fff);
    font-size: var(--lwc-esFontSizeMedium,1em)
}

.embeddedServiceSidebar.maximizedMobile {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(0,0,0,0);
    pointer-events: none
}

.embeddedServiceSidebar .sidebarBody {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    transform: translate3d(0,0,0);
    -webkit-overflow-scrolling: touch
}

.embeddedServiceSidebar .sidebarLoadingIndicator {
    position: relative;
    height: 100%;
    background-color: var(--lwc-esColorBackgroundInverse,#fff);
    display: none
}

.embeddedServiceSidebar.loading .sidebarLoadingIndicator {
    display: block
}

.embeddedServiceSidebar.loading .hideWhileLoading {
    display: none;
    pointer-events: none
}

.embeddedServiceSidebar.loading .invisibleWhileLoading {
    visibility: hidden
}

.embeddedServiceSidebar .sidebarLoadingIndicator .embeddedServiceLoadingBalls {
    position: relative;
    display: flex;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.embeddedServiceSidebar .activeFeature {
    width: 100%;
    height: 100%
}

.embeddedServiceSidebar .helpButtonMinimize {
    bottom: 11px;
    height: 46px;
    padding: 0;
    line-height: 46px;
    background: var(--lwc-colorBrandPrimary,#222);
    box-shadow: none;
    width: 193px
}

.embeddedServiceSidebar.layout-hidden {
    display: none
}

.embeddedServiceSidebar.layout-modal {
    position: fixed;
    background: var(--lwc-esColorBackgroundModal,rgba(51,51,51,.48));
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible
}

.embeddedServiceSidebar.layout-modal .dockableContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 0
}

.embeddedServiceSidebar.layout-modal .sidebarBody {
    top: 62px;
    height: calc(100% - 62px)
}

.embeddedServiceSidebar.layout-docked .dockableContainer,.embeddedServiceSidebar.layout-float .dockableContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 24px);
    box-shadow: 2px 2px 20px rgba(0,0,0,.2);
    z-index: 15;
    text-align: center;
    overflow: hidden;
    pointer-events: all
}

.embeddedServiceSidebar.layout-docked .dockableContainer.showDockableContainer,.embeddedServiceSidebar.layout-float .dockableContainer.showDockableContainer {
    animation: .2s ease-in-out .2s both fade-in
}

.embeddedServiceSidebar.layout-docked .dockableContainer.hideDockableContainer,.embeddedServiceSidebar.layout-float .dockableContainer.hideDockableContainer {
    animation: .2s ease-in-out both fade-out;
    display: none
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
    position: fixed;
    left: auto;
    bottom: 0;
    right: 20px;
    margin: 0;
    height: 90%;
    width: var(--lwc-sidebarWidth,320px);
    max-height: var(--lwc-sidebarHeight,498px);
    border-radius: 8px 8px 0 0
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.embeddedServiceSidebarMinimizedDefaultUI {
    position: fixed;
    left: auto;
    bottom: 0;
    right: 12px;
    margin: 0;
    height: 46px;
    max-height: 100%;
    border-radius: 8px 8px 0 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.5);
    pointer-events: all;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
    min-width: 12em;
    max-width: 14em;
    width: 192px;
    background-color: var(--lwc-esColorBackgroundAlt2,#222);
    border-color: var(--lwc-esColorBackgroundAlt2,#222)
}

.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover {
    background-color: var(--lwc-colorBackgroundAlt2Darken20,#222);
    color: var(--lwc-colorTextButtonBrand,#fff)
}

.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus {
    outline: 0;
    color: var(--lwc-colorTextButtonBrand,#fff);
    background-color: var(--lwc-colorBackgroundAlt2Darken20,#222);
    text-decoration: underline
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedContainer .minimizedImage,.embeddedServiceSidebarMinimizedDefaultUI .minimizedContainer .minimizedText {
    display: inline-block
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedText {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--lwc-esFontSizeSmall,.875em);
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage .uiImage,.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon {
    position: relative;
    z-index: 1;
    line-height: 0
}

.embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon,.embeddedServiceSidebarMinimizedDefaultUI .minimizedImage {
    margin-right: 8px
}

.embeddedServiceSidebarMinimizedDefaultUI .placeholderImage {
    background-color: var(--lwc-esColorBackgroundCustomer,#08a3de);
    border-radius: 13px
}

.embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceLoadingBalls {
    min-width: 36px;
    position: relative;
    top: 3px;
    left: 5px
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedQueuePosition {
    justify-content: flex-end
}

.embeddedServiceSidebarMinimizedDefaultUI .content {
    align-items: center;
    padding: 0 8px;
    height: 100%;
    color: var(--lwc-colorTextInverse,#fff);
    justify-content: center;
    flex-direction: row;
    display: flex
}

.embeddedServiceSidebarMinimizedDefaultUI .messageContent {
    position: relative;
    display: flex;
    align-self: stretch;
    margin: 4px;
    flex-grow: 1;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    justify-content: center
}

.embeddedServiceSidebarMinimizedDefaultUI .assistiveText {
    position: absolute;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    z-index: -1000;
    font-size: 1px
}

.embeddedServiceSidebarMinimizedDefaultUI #chatButtonAssistiveText {
    display: none
}

@supports not (-ms-high-contrast:none) {
    .embeddedServiceSidebar.layout-docked .embeddedServiceBottomTabBar.helpButton.minimizedContainer,.embeddedServiceSidebar.layout-float .embeddedServiceBottomTabBar.helpButton.minimizedContainer {
        bottom: calc(.75rem + env(safe-area-inset-bottom,0))
    }

    .embeddedServiceSidebar.layout-docked .embeddedServiceBottomTabBar.dockableContainer.showDockableContainer,.embeddedServiceSidebar.layout-float .embeddedServiceBottomTabBar.dockableContainer.showDockableContainer {
        height: calc(96% - env(safe-area-inset-bottom,0))
    }

    .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer.helpButton.embeddedServiceBottomTabBar {
        bottom: calc(.75rem + env(safe-area-inset-bottom,0))
    }
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.embeddedServiceSidebarMinimizedDefaultUI.queue .messageContent,.embeddedServiceSidebarMinimizedDefaultUI.waiting .messageContent {
    justify-content: space-between
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton .messageContent {
    justify-content: space-around
}

.embeddedServiceSidebarMinimizedDefaultUI .queuePositionNumber {
    font-size: 18px;
    height: 23px;
    width: 23px
}

.embeddedServiceSidebarMinimizedDefaultUI.hideLoadingBallsForDesktop .embeddedServiceLoadingBalls {
    display: none
}

.accessibleText[embeddedService-ariaLiveAnnouncer_ariaLiveAnnouncer] {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px)
}

_:-ms-lang(x)[lightning-primitiveIcon_primitiveIcon],svg[lightning-primitiveIcon_primitiveIcon] {
    pointer-events: none
}

[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement-host] {
    display: flex;
    flex-direction: column;
    visibility: hidden
}

p[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
    background-color: inherit;
    width: 100%;
    visibility: visible;
    padding: 12px;
    margin: 0;
    top: 0;
    right: 0;
    overflow-y: scroll;
    word-wrap: break-word;
    box-sizing: border-box;
    display: inline-table;
    z-index: inherit
}

.text[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
    animation: 2s slide;
    -webkit-animation: 2s slide
}

.loadingAnimation[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
    animation: 1.85s slide;
    -webkit-animation: 1.85s slide
}

.temporary[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
    visibility: hidden;
    animation: 2s temporary;
    -webkit-animation: 2s temporary
}

.announcement[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
    visibility: hidden;
    animation: 6.5s announcement;
    -webkit-animation: 6.5s announcement
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    85% {
        transform: translateY(0)
    }

    100% {
        opacity: 1
    }
}

@keyframes temporary {
    0% {
        visibility: visible;
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes announcement {
    0% {
        visibility: visible;
        opacity: 0;
        transform: translateY(-50px)
    }

    15% {
        transform: translateY(0)
    }

    18%,90% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

[embeddedService-loadingAnimation_loadingAnimation-host] {
    position: relative
}

[embeddedService-loadingAnimation_loadingAnimation-host].showLoadingAnimation {
    opacity: 1;
    display: block;
    visibility: visible;
    background-color: inherit
}

[embeddedService-loadingAnimation_loadingAnimation-host].hideLoadingAnimation {
    opacity: 0;
    display: none
}

.loadingBall[embeddedService-loadingAnimation_loadingAnimation] {
    font-size: 8px;
    text-align: center;
    margin: 3px;
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%
}

.loadingBall.first[embeddedService-loadingAnimation_loadingAnimation] {
    animation: 2.25s ease-in-out infinite ballanimate
}

.loadingBall.second[embeddedService-loadingAnimation_loadingAnimation] {
    animation: 2.25s ease-in-out infinite ballanimate-2
}

.loadingBall.third[embeddedService-loadingAnimation_loadingAnimation] {
    animation: 2.25s ease-in-out infinite ballanimate-3
}

@keyframes ballanimate {
    0%,32% {
        transform: scale(1)
    }

    16% {
        transform: scale(1.5)
    }
}

@keyframes ballanimate-2 {
    32%,64% {
        transform: scale(1)
    }

    48% {
        transform: scale(1.5)
    }
}

@keyframes ballanimate-3 {
    64%,96% {
        transform: scale(1)
    }

    80% {
        transform: scale(1.5)
    }
}

.cSnapInPreChat {
    padding-right: 5px;
    padding-left: 5px
}

.cSnapInPreChat .header-title {
    font-size: 14px
}

.cSnapInPreChat .btn-primary:focus:hover,.cSnapInPreChat .btn-primary:hover {
    color: #000!important;
    background-color: #f7f7f7;
    background-image: linear-gradient(#f7f7f7,#f7f7f7)!important;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-color: #204d74
}

.cSnapInPreChat button:active,.cSnapInPreChat button:hover {
    outline: 0;
    color: #000
}

.cSnapInPreChat .btn,.cSnapInPreChat .btn:focus {
    position: relative;
    display: inline-block!important;
    width: auto!important;
    border: none!important;
    border-radius: 0!important;
    color: #fff!important;
    font-family: FuturaCondensedRegular,Verdana,Arial,sans-serif!important;
    font-size: 1.6rem!important;
    text-transform: uppercase;
    margin: 0 auto;
    background-color: #31babc;
    background-image: linear-gradient(#31babc,#31babc)!important;
    background-size: 0 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: .4s
}

.cSnapInPreChat .btn {
    margin-bottom: 0!important;
    font-weight: 400!important;
    text-align: center!important;
    vertical-align: middle!important;
    cursor: pointer!important;
    white-space: nowrap!important;
    padding: 0!important;
    line-height: 1.428571429!important;
    -webkit-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    touch-action: manipulation
}

.cSnapInPreChat .btn span {
    padding: 15px 25px
}

.cSnapInPreChat btn.btn-primary.uiButton--default.uiButton {
    padding: 15px 25px;
    box-sizing: border-box
}

.cSnapInPreChat .btn-primary span {
    color: #fff
}

.cSnapInPreChat .btn-primary span:hover {
    color: #000
}

.cSnapInPreChat .btn-WilsonTeamSelling {
    background-color: #2071ce!important;
    border-color: #000!important;
    transition: background-color .3s ease-out!important
}

.cSnapInPreChat .btn-WilsonTeamSelling:hover {
    background-color: #000!important;
    color: #fff!important
}

.cSnapInPreChat .btn-WilsonTeamSelling span {
    color: #fff
}

.cSnapInPreChat .form-control1 input {
    width: 100%;
    height: 37px;
    padding: 5px;
    border: 1px solid #dfeae8;
    font-family: FuturaBook,Verdana,Arial,sans-serif;
    font-size: 1.6rem;
    color: #2d2d2d;
    border-radius: 0;
    box-shadow: none;
    display: block;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 0;
    font: inherit;
    box-sizing: border-box
}

.cSnapInPreChat .slds-input:active,.cSnapInPreChat .slds-input:focus {
    border-color: #31babc
}

.cSnapInPreChat .form-control1 input:focus {
    border: 1px solid #31babc;
    outline-style: none
}

.cSnapInPreChat .form-control1 label {
    font-family: FuturaBT-MediumCondensed,Verdana,Arial,sans-serif;
    letter-spacing: 2px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #878787;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box
}

.cSnapInPreChat .requiredField {
    color: #31babc
}

.cSnapInPreChat abbr {
    color: #31babc;
    border: 0;
    text-decoration: none;
    position: relative;
    left: 400px;
    margin-left: 5px;
    float: right
}

.cSnapInPreChat div {
    text-align: left
}

.cSnapInPreChat label {
    font-family: FuturaBT-MediumCondensed,Verdana,Arial,sans-serif;
    letter-spacing: 2px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #878787;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box
}

.cSnapInPreChat span.required {
    color: #31babc;
    border: 0;
    text-decoration: none;
    position: relative;
    left: 400px;
    margin-left: 5px;
    float: right
}

.cSnapInPreChat div.startButtonWrapper,.cSnapInPreChat div.startButtonWrapper:hover {
    text-align: center
}

.cSnapInPreChat .uiButton--default {
    box-shadow: 0 0 0 transparent,0 0 0 transparent;
    text-shadow: 0 0 0 #fff
}

.cSnapInPreChat .uiButton--default.uiButton:hover,.cSnapInPreChat .uiButton--default:hover {
    box-shadow: 0 0 0 transparent,0 0 0 transparent;
    text-shadow: 0 0 0 #fff;
    color: #000
}

.cSnapInPreChat .uiInputDefaultError .form-element__help {
    font-size: 1.2rem;
    text-align: center
}

.cSnapInPreChat .slds-form-element__help {
    font-size: 1.2rem;
    text-align: center;
    color: #c23934
}

.cSnapInPreChat select {
    width: 100%;
    height: 37px;
    padding: 5px;
    border: 1px solid #dfeae8;
    font-family: FuturaBook,Verdana,Arial,sans-serif;
    font-size: 1.2rem;
    color: #2d2d2d;
    border-radius: 0;
    box-shadow: none;
    display: block;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 0;
    font: inherit;
    box-sizing: border-box
}

.cSnapInPreChat .slds-input.select:active,.cSnapInPreChat .slds-input.select:focus {
    border-color: #31babc
}

.cSnapInPreChat select:focus {
    border: 1px solid #31babc;
    outline-style: none
}

.cSnapInPreChat .slds-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9051;
    transform: translate(-50%,-50%) rotate(90deg)
}

.slds-spinner_container.cSnapInPreChat {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9050;
    background-color: rgba(255,255,255,.75);
    visibility: visible;
    opacity: 1;
    transition: opacity .2s,visibility 0s .3s
}

.cSnapInPreChat .slds-spinner_container.is-hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s,visibility
}

.cSnapInPreChat .slds-spinner_container.hide {
    display: none
}

.cSnapInPreChat .slds-spinner,.cSnapInPreChat .slds-spinner__dot-a,.cSnapInPreChat .slds-spinner__dot-b {
    transform-origin: 50% 50%
}

.cSnapInPreChat .slds-spinner__dot-a,.cSnapInPreChat .slds-spinner__dot-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cSnapInPreChat .slds-spinner:after,.cSnapInPreChat .slds-spinner:before,.cSnapInPreChat .slds-spinner__dot-a:after,.cSnapInPreChat .slds-spinner__dot-a:before,.cSnapInPreChat .slds-spinner__dot-b:after,.cSnapInPreChat .slds-spinner__dot-b:before {
    content: "";
    position: absolute;
    background: #b0adab;
    border-radius: 50%;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    transform: translate3d(0,0,0);
    will-change: transform
}

.cSnapInPreChat .slds-spinner__dot-a {
    transform: rotate(60deg)
}

.cSnapInPreChat .slds-spinner__dot-b {
    transform: rotate(120deg)
}

.cSnapInPreChat .slds-spinner:before {
    animation-delay: -.083s
}

.cSnapInPreChat .slds-spinner__dot-a:before {
    animation-delay: .083s
}

.cSnapInPreChat .slds-spinner__dot-b:before {
    animation-delay: .25s
}

.cSnapInPreChat .slds-spinner:after {
    animation-delay: .416s
}

.cSnapInPreChat .slds-spinner__dot-a:after {
    animation-delay: .583s
}

.cSnapInPreChat .slds-spinner__dot-b:after {
    animation-delay: .75s
}

.cSnapInPreChat .slds-spinner--medium,.cSnapInPreChat .slds-spinner_medium {
    width: 2rem
}

.cSnapInPreChat .slds-spinner--medium.slds-spinner_inline,.cSnapInPreChat .slds-spinner_medium.slds-spinner_inline {
    height: 2rem
}

.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-a:after,.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-a:before,.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-b:after,.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-b:before,.cSnapInPreChat .slds-spinner--medium.slds-spinner:after,.cSnapInPreChat .slds-spinner--medium.slds-spinner:before,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-a:after,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-a:before,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-b:after,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-b:before,.cSnapInPreChat .slds-spinner_medium.slds-spinner:after,.cSnapInPreChat .slds-spinner_medium.slds-spinner:before {
    width: .5rem;
    height: .5rem
}

.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-a:before,.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-b:before,.cSnapInPreChat .slds-spinner--medium.slds-spinner:before,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-a:before,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-b:before,.cSnapInPreChat .slds-spinner_medium.slds-spinner:before {
    animation-name: dotsBounceBefore-medium;
    top: -.25rem;
    left: -.25rem
}

.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-a:after,.cSnapInPreChat .slds-spinner--medium .slds-spinner__dot-b:after,.cSnapInPreChat .slds-spinner--medium.slds-spinner:after,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-a:after,.cSnapInPreChat .slds-spinner_medium .slds-spinner__dot-b:after,.cSnapInPreChat .slds-spinner_medium.slds-spinner:after {
    animation-name: dotsBounceAfter-medium;
    top: -.25rem;
    right: -.25rem
}

@keyframes dotsBounceBefore-medium {
    0%,100% {
        transform: translate3d(0,0,0)
    }

    60% {
        transform: translate3d(0,0,0);
        animation-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    80% {
        transform: translate3d(-.5rem,0,0);
        animation-timing-function: cubic-bezier(0,1.11,.7,1.43)
    }
}

@keyframes dotsBounceAfter-medium {
    0% {
        transform: translate3d(0,0,0)
    }

    60% {
        transform: translate3d(0,0,0);
        animation-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    80% {
        transform: translate3d(.5rem,0,0);
        animation-timing-function: cubic-bezier(0,1.11,.7,1.43)
    }

    100% {
        transform: translateX(0)
    }
}

.cSnapInPreChat .slds-assistive-text {
    position: absolute!important;
    margin: -1px!important;
    border: 0!important;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    overflow: hidden!important;
    clip: rect(0 0 0 0)!important;
    text-transform: none!important;
    white-space: nowrap!important
}

.cSnapInPreChat .slds-assistive-text--focus:focus,.cSnapInPreChat .slds-assistive-text_focus:focus {
    margin: inherit!important;
    border: inherit!important;
    padding: inherit!important;
    width: auto!important;
    height: auto!important;
    overflow: visible!important;
    clip: auto!important
}

[lightning-input_input-host] {
    display: block
}

[dir=rtl] input[type=tel][lightning-input_input] {
    direction: ltr;
    text-align: right;
    unicode-bidi: embed
}

.embeddedServiceFlowInput .fieldTitle,.embeddedServiceFlowInput .flowHelpText {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0 {
    background-color: var(--lwc-colorBrandSecondaryLuminance0,#005290)
}

.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor1 {
    background-color: var(--lwc-colorBrandSecondaryLuminance5,#003c69)
}

.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor2 {
    background-color: var(--lwc-colorBrandSecondaryLuminance2,#1a639b)
}

.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor3 {
    background-color: var(--lwc-colorBrandSecondaryLuminance6,#00365f)
}

.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor4 {
    background-color: var(--lwc-colorBrandSecondaryLuminance1,#3173a5)
}

.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor5 {
    background-color: var(--lwc-colorBrandSecondaryLuminance4,#004375)
}

.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor6 {
    background-color: var(--lwc-colorBrandSecondaryLuminance3,#004a82)
}

.embeddedServiceLiveAgentStateChatItem .chatContent:focus {
    outline: 1px solid var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button span,.embeddedServiceLiveAgentStateChatItem.chatMessage button:focus span {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentStateChatItem .rich-button-item,.embeddedServiceLiveAgentStateChatItem .rich-menu-item {
    color: var(--lwc-colorBackgroundContrastPrimary,#333)
}

.embeddedServiceFlowInputDate .uiInputDate>input:focus {
    border: 2px solid var(--lwc-colorBrandSecondary,#005290)
}

.embeddedServiceFlowInputDate .datepicker__filter--month .monthYear,.embeddedServiceFlowInputDate .uiDatePicker.visible {
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceFlowInputDate .calGrid .dayOfWeek,.embeddedServiceFlowInputDate .uiDatePickerGrid .calGrid .calRow td.uiDayInMonthCell {
    font-family: var(--lwc-fontFamily,"Arial"),sans-serif
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell .todayDate,.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell.slds-is-selected .todayDate {
    background: var(--lwc-colorBrandSecondaryLighten40,#6697bc)
}

.embeddedServiceFlowInputDate .calGrid .uiDayInMonthCell:not(.slds-is-selected):hover>.todayDate {
    background: var(--lwc-colorBrandSecondaryLighten60,#99bad3)
}

.embeddedServiceLiveAgentStateChatAction.uiButton svg,.embeddedServiceLiveAgentStateChatAction.uiButton:focus svg,.embeddedServiceLiveAgentStateChatAction.uiButton:hover svg {
    fill: var(--lwc-colorTextBrand,#005290)
}

.embeddedServiceLiveAgentStateChatBubble.agent .chatContent,.embeddedServiceLiveAgentStateChatBubble.agent .chatContent a {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceSidebarButton:not(:disabled):focus,.embeddedServiceSidebarButton:not(:disabled):hover {
    background: var(--lwc-colorBrandSecondaryDarken40,#003156)
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: var(--lwc-colorBrandSecondaryDarken40,#003156)
}

.embeddedServiceLiveAgentQueuePosition .embeddedServiceLoadingBalls .loadingBall {
    background-color: var(--lwc-colorBrandPrimary,#222)
}

.embeddedServiceLiveAgentStateChatInputFooter .chasitorText.textAreaIsFocused {
    border-color: var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:active,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:focus,.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button:hover {
    color: var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-dropdown-trigger_click.slds-is-open .slds-button {
    color: var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceLiveAgentStateChatInputFooter .unseenMessageNotificationWrapper .unseenMessageBubble {
    background-color: var(--lwc-colorBackgroundContrastPrimary,#333)
}

.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:active,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:focus:hover,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover,.embeddedServiceLiveAgentStateChatMenuMessage .chatContent .rich-menu-item:hover:active,.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu-item {
    color: var(--lwc-colorBackgroundContrastPrimary,#333)
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent,.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent a {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFieldServiceStateAppointmentHome .fieldServiceAppointmentAssignedResources .outputLookupLink,.embeddedServiceFieldServiceStateAppointmentHome .forceOutputLookupWithPreview a.textUnderline,.embeddedServiceFieldServiceStateAppointmentHome .itemBody .slds-form-element__static {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentItem:focus .appointmentDrillinIconContainer .appointmentDrillinIcon svg {
    fill: var(--lwc-colorBorderBrandSecondary,#005290)
}

.embeddedServiceFieldServiceStateAppointmentList .appointmentAction.back span,.embeddedServiceFieldServiceStateAppointmentList .noAppointmentsMessage .noAppointmentsTitle {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceFieldServiceStateHome .fieldServiceHomeSubtitle,.embeddedServiceFieldServiceStateHome .fieldServiceHomeTitle {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.postChatButton.saveTranscriptButton span,.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.postChatButton.saveTranscriptButton:hover span {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceSidebarDialogState #dialogTextBody,.embeddedServiceSidebarDialogState #dialogTextTitle {
    color: var(--lwc-colorTextDefault,#333)
}

.forceRecordLayout.forceHighlightsTemplate .highlightsH1.light {
    color: var(--lwc-colorTextDefault,#333)
}

.embeddedServiceSidebarHeader,.embeddedServiceSidebarHeader .shortHeaderPattern {
    background-color: var(--lwc-esColorBackgroundAlt2,#222)
}

.embeddedServiceSidebar.sidebarMaximized.layout-float .minimizedContainer {
    display: inline-block
}

.embeddedServiceSidebar.layout-float .dockableContainer {
    position: fixed;
    left: auto;
    bottom: 100px;
    right: 30px;
    margin: 0;
    height: 90%;
    width: var(--lwc-sidebarWidth,320px);
    max-height: var(--lwc-sidebarHeight,498px);
    border-radius: 8px
}

.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus,.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:hover {
    background-color: var(--lwc-colorBackgroundAlt2Darken20,#222)
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    background-color: var(--lwc-esColorBackgroundAlt2,#222);
    border-color: var(--lwc-esColorBackgroundAlt2,#222)
}

.embeddedServiceSidebarMinimizedDefaultUI.idleTimeout,.embeddedServiceSidebarMinimizedDefaultUI.newMessage {
    background-color: var(--lwc-colorBrandSecondary,#005290)
}

.headerAnnouncement[embeddedService-chatHeader_chatHeader],.loadingAnimation[embeddedService-chatHeader_chatHeader],.sidebarHeader[embeddedService-chatHeader_chatHeader] {
    width: 100%;
    max-width: 100%;
    background-color: inherit;
    transition: background-color 1s
}

.loadingAnimation[embeddedService-chatHeader_chatHeader] {
    z-index: 2
}

.headerAnnouncement[embeddedService-chatHeader_chatHeader] {
    z-index: 1;
    position: absolute;
    right: 0;
    font-size: .75em;
    height: fit-content
}

img[embeddedService-chatHeader_chatHeader] {
    margin-right: 8px;
    max-height: 36px;
    max-width: 36px
}

[dir=rtl] img[embeddedService-chatHeader_chatHeader] {
    margin-right: 0;
    margin-left: 8px
}

h2[embeddedService-chatHeader_chatHeader] {
    margin: 0;
    align-self: center;
    flex-grow: 1;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: inherit;
    font-weight: 400;
    letter-spacing: .025em
}

button[embeddedService-chatHeader_chatHeader] {
    background: 0 0;
    border: none;
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px
}

button:hover[embeddedService-chatHeader_chatHeader]:before {
    content: " ";
    position: absolute;
    top: 9px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    opacity: .2;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none
}

button.minimizeButton:hover[embeddedService-chatHeader_chatHeader]:before {
    right: 46px
}

button.closeButton:hover[embeddedService-chatHeader_chatHeader]:before {
    right: 14px
}

button.closeButton[embeddedService-chatHeader_chatHeader] {
    padding-top: 4px
}

[dir=rtl] button.minimizeButton:hover[embeddedService-chatHeader_chatHeader]:before {
    left: 46px;
    right: unset
}

[dir=rtl] button.closeButton:hover[embeddedService-chatHeader_chatHeader]:before {
    left: 14px;
    right: unset
}

@media only screen and (min-width: 48em) {
    .embeddedServiceHelpButton {
        background-color:rgba(0,0,0,0)
    }

    .embeddedServiceHelpButton .helpButton,.embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
        position: fixed;
        bottom: 0
    }

    .embeddedServiceHelpButton .helpButton .uiButton,.embeddedServiceHelpButton .helpButton .uiButton:focus:before,.embeddedServiceHelpButton .helpButton .uiButton:hover:before {
        border-radius: 8px 8px 0 0
    }

    .forcePlaceholder .placeholder.highlight .anchor {
        padding: var(--lwc-spacingMedium,1rem) var(--lwc-spacingMedium,1rem);
        text-align: left
    }

    .forcePlaceholder .placeholder.highlight .icon,.forcePlaceholder .placeholder.highlight .text-body {
        vertical-align: middle
    }

    .forcePlaceholder .placeholder.highlight .text-body {
        margin-left: var(--lwc-spacingMedium,1rem)
    }

    .forcePlaceholder .placeholder.highlight .text-body>.text {
        margin: 0;
        width: 250px;
        height: 12px;
        border-radius: 6px
    }

    .forcePlaceholder .placeholder.highlight .text-body>.text+.text {
        margin: var(--lwc-spacingMedium,1rem) 0 0 0;
        width: 325px;
        height: 8px;
        border-radius: var(--lwc-borderRadiusMedium,.25rem)
    }

    .forcePlaceholder .placeholder.highlight .tabs {
        clear: both;
        padding: var(--lwc-spacingXLarge,2rem) 0 var(--lwc-spacingMedium,1rem) 0;
        margin: 0;
        justify-content: flex-start
    }

    .forcePlaceholder .placeholder.detail {
        float: left;
        width: 100%;
        clear: both
    }

    .forcePlaceholder .placeholder.detail .left-column,.forcePlaceholder .placeholder.detail .right-column {
        float: left;
        display: block;
        width: 50%
    }

    .forcePlaceholder .placeholder.detail .right-column {
        padding-left: var(--lwc-spacingLarge,1.5rem)
    }

    .embeddedServiceLoadingBalls {
        display: inline-block
    }

    .embeddedServiceFieldServiceActionBar {
        justify-content: space-between;
        height: 56px;
        min-height: 56px;
        background: #e6e6eb;
        border-top: 1px solid #9faab5;
        padding: 0 24px;
        border-radius: 0 0 4px 4px;
        box-sizing: border-box;
        position: relative
    }

    .embeddedServiceFieldServiceActionBar .embeddedServiceSidebarButton {
        width: 0;
        min-width: 0;
        max-width: min-content;
        flex: 1
    }

    .embeddedServiceFieldServiceActionBar .embeddedServiceSidebarButton:only-child {
        flex: none;
        width: auto
    }

    .embeddedServiceFieldServiceActionBar .back {
        display: block
    }

    .embeddedServiceFieldServiceActionBar--mobile-white {
        background: #e6e6eb
    }

    .embeddedServiceFlowActionButton {
        width: inherit
    }

    .embeddedServiceFieldServiceStateAppointmentHome .fieldServiceAppointmentAssignedResources {
        padding-bottom: 0
    }

    .embeddedServiceFieldServiceStateAppointmentHome .forcePageBlockSection div[role=list] {
        display: inline-block;
        flex-direction: column
    }

    .embeddedServiceFieldServiceStateAppointmentHome .forcePageBlockSectionRow {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        box-sizing: border-box
    }

    .embeddedServiceFieldServiceStateAppointmentHome .forceDetailPanel .forcePageBlockSectionView .forcePageBlockItem:first-child,.embeddedServiceFieldServiceStateAppointmentHome .forceDetailPanel .forcePageBlockSectionView .forcePageBlockItem:last-child {
        margin: 1em
    }

    .embeddedServiceFieldServiceStateAppointmentHome .forcePageBlockItem {
        width: 50%;
        min-width: calc(50% - 6em)
    }

    .embeddedServiceFieldServiceStateAppointmentHome .embeddedServiceFieldServiceActionBar {
        justify-content: space-between;
        height: 70px;
        min-height: 70px;
        background: #e6e6eb;
        border-top: 1px solid #9faab5;
        padding: 0 24px;
        border-radius: 0 0 4px 4px;
        box-sizing: border-box;
        position: relative
    }

    .embeddedServiceFieldServiceStateAppointmentHome .fieldServiceActionButton {
        margin: 0 .25em
    }

    .embeddedServiceFieldServiceStateAppointmentHome .fieldServiceMobileHeader {
        display: none
    }

    .embeddedServiceFieldServiceStateAppointmentHome .embeddedServiceFieldServiceActionBar.mobile-empty {
        display: flex
    }

    .embeddedServiceFieldServiceStateAppointmentHome .embeddedServiceFieldServiceActionBar .fieldServiceActionButton.back,.embeddedServiceFieldServiceStateAppointmentHome .embeddedServiceFieldServiceActionBar .fieldServiceActionButton.modify {
        display: block
    }

    .embeddedServiceFieldServiceStateAppointmentHome .embeddedServiceFieldServiceActionBar .fieldServiceActionButton.cancel {
        margin-left: auto
    }

    .embeddedServiceFieldServiceStateAppointmentHome .embeddedServiceLoadingBalls {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .embeddedServiceFieldServiceStateAppointmentList .bookingDisabledActionBar {
        display: flex
    }

    .embeddedServiceFieldServiceStateAppointmentList .noAppointmentsMessage {
        padding-bottom: 0
    }

    .embeddedServiceFieldServiceStateConfirmation .fieldServiceCardContainer {
        padding-bottom: 15px;
        display: flex;
        align-items: center
    }

    .embeddedServiceFlowStateViewer .actionButtonBar {
        height: 56px;
        background: #e6e6eb;
        border-top: 1px solid #9faab5;
        padding: 0 24px;
        align-items: center
    }

    .embeddedServiceFlowStateViewer .actionsRight .uiButton {
        width: initial
    }

    .embeddedServiceFlowStateViewer .actionsRight .uiButton:only-child {
        float: right
    }

    .embeddedServiceFlowStateViewer .actionsRight .uiButton:not(:only-child):first-child:hover {
        background-color: #f0f0f0
    }

    .embeddedServiceSidebarDialogState .embeddedServiceFieldServiceActionBar {
        justify-content: center
    }

    .embeddedServiceSidebarHeader.layout-modal {
        border-radius: 4px 4px 0 0
    }

    .embeddedServiceSidebarHeader.layout-modal .headerText {
        margin-right: 60px
    }

    .embeddedServiceSidebarHeader.layout-modal .closeButton {
        position: absolute;
        right: 0;
        padding: 0;
        margin-top: -38px;
        width: 2em;
        height: 2em;
        background: 0 0
    }

    .embeddedServiceSidebarHeader.layout-modal .closeButton:focus {
        outline: 0;
        box-shadow: 0 0 3px #e0e5ee
    }

    .embeddedServiceSidebarHeader.layout-modal.showBackground .closeButton:before,.embeddedServiceSidebarHeader.layout-modal.showBackground .closeButton:focus:before {
        content: none
    }

    .embeddedServiceSidebarHeader.layout-modal .closeButton>.embeddedServiceIcon {
        height: 100%;
        justify-content: center;
        align-items: center
    }

    .embeddedServiceSidebarHeader.layout-modal .closeButton svg {
        width: 1.75em;
        height: 1.75em;
        padding: 1px 3px 4px 1px
    }

    .embeddedServiceSidebar.layout-modal .dockableContainer {
        border-radius: 8px;
        width: 70%;
        margin: 30px auto;
        min-height: 400px;
        max-width: var(--lwc-sidebarWidth,320px);
        height: 60%;
        max-height: var(--lwc-sidebarHeight,498px)
    }

    .embeddedServiceSidebar.layout-modal {
        overflow-y: auto
    }

    .embeddedServiceSidebar.layout-modal .shortHeader {
        overflow: visible
    }

    .embeddedServiceFlowStateViewer .actionsRight .uiButton:not(:only-child):first-child span {
        color: var(--lwc-colorTextDefault,#333)
    }

    .embeddedServiceFlowStateViewer .actionsRight .uiButton:not(:only-child):nth-child(2) {
        float: right
    }

    .embeddedServiceFlowStateViewer .flowruntimeBody>.body,.embeddedServiceFlowStateViewer .flowruntimeBody>flowruntime-list-container>div {
        height: calc(100% - 56px)
    }

    .embeddedServiceSidebar.layout-modal .sidebarBody {
        border-radius: 0 0 4px 4px
    }
}

@media only screen and (min-width: 48em),only screen and (min-width:64.0625em) {
    .embeddedServiceServiceAppointmentReducedView .appointmentHeaderDesktop,.embeddedServiceServiceResourceReducedView .resourceHeaderDesktop {
        padding:10px 0 16px;
        border-bottom: 1px solid #dddbda;
        border-top: 1px solid #dddbda
    }
}

@media only screen and (max-width: 999px)and (orientation:portrait) {
    .uiDayInMonthCell--default {
        width:100%;
        height: 45px;
        line-height: 45px
    }

    .uiDatePickerGrid--default .calGrid {
        border-collapse: collapse;
        width: 100%;
        height: 100%
    }

    div.uiTimePicker input.input-hours,div.uiTimePicker input.input-minutes {
        height: 40px;
        width: 40px;
        font-size: 30px;
        padding: 7px;
        box-sizing: content-box
    }

    div.uiTimePicker select.ampm {
        font-size: 20px
    }

    .uiDatePicker--default .dateBar .navLink.prevMonth {
        background: url("/auraFW/resources/aura/images/arrow-left.png") center/12px 14px no-repeat
    }

    .uiDatePicker--default .dateBar .navLink.nextMonth {
        background: url("/auraFW/resources/aura/images/arrow-right.png") center/12px 14px no-repeat
    }

    .uiDatePicker--default .dateBar .navLink {
        padding: 3px
    }

    .uiDatePicker--default .dateBar .navLink.nextMonth:focus,.uiDatePicker--default .dateBar .navLink.nextMonth:hover,.uiDatePicker--default .dateBar .navLink.prevMonth:focus,.uiDatePicker--default .dateBar .navLink.prevMonth:hover {
        background-position: center
    }

    .uiDatePicker--default .navLink:hover {
        border-color: transparent;
        box-shadow: none
    }

    .uiDatePicker--default .headerBar .calCancel {
        display: inline-block;
        float: left;
        margin-left: 7px;
        text-align: left;
        line-height: 28px!important
    }

    .uiDatePicker--default .headerBar .calSet {
        display: inline-block;
        float: right;
        margin-right: 7px;
        text-align: right
    }
}

@media (max-width: 599px) {
    .forceRecordLayout .forcePageBlockSectionRow {
        display:block
    }

    .forceRecordLayout .forcePageBlockSection.threeCol .forcePageBlockItem,.forceRecordLayout .forcePageBlockSection.twoCol .forcePageBlockItem {
        width: 100%
    }

    .forceRecordLayout .blank-item.forcePageBlockItem {
        display: none
    }
}

@media only screen and (max-width: 47.9375em) {
    .embeddedServiceFieldServiceStateAppointmentDetail .slds-card__header {
        padding:0
    }

    .embeddedServiceFieldServiceStateAppointmentHome {
        overflow: scroll
    }

    .embeddedServiceFieldServiceStateAppointmentHome .slds-card {
        background: #f7f8fa;
        border: none;
        box-shadow: none
    }

    .embeddedServiceFieldServiceStateAppointmentHome .slds-card .slds-card__header {
        display: none
    }

    .embeddedServiceFieldServiceStateAppointmentHome .slds-card+.slds-card {
        margin-top: 0
    }

    .embeddedServiceFieldServiceStateServiceResourceDetail .slds-card__header {
        padding: 0
    }
}

@media only screen and (max-height: 530px) {
    .embeddedServiceSidebarForm {
        border-radius:8px
    }

    .embeddedServiceSidebarForm .backgroundImg,.embeddedServiceSidebarForm .backgroundImgColorMask {
        display: none
    }

    .embeddedServiceSidebarForm .fieldList {
        height: auto;
        margin-bottom: 0
    }

    .embeddedServiceSidebarForm input {
        height: 2.5em
    }

    .embeddedServiceSidebarForm .instructions {
        position: relative;
        clear: both;
        margin: 10px 0
    }
}

@media not screen and (prefers-reduced-motion:no-preference),only screen and (prefers-reduced-motion:reduce) {
    .embeddedServiceLiveAgentStateChat .messageArea,.embeddedServiceLiveAgentStateChat .messageArea.smoothScroll {
        scroll-behavior: auto
    }

    .embeddedServiceSidebar.layout-docked .dockableContainer.hideDockableContainer,.embeddedServiceSidebar.layout-docked .dockableContainer.showDockableContainer,.embeddedServiceSidebar.layout-float .dockableContainer.hideDockableContainer,.embeddedServiceSidebar.layout-float .dockableContainer.showDockableContainer {
        animation: none
    }

    .embeddedServiceSidebar.sidebarMaximized.layout-docked .minimizedContainer,.embeddedServiceSidebar.sidebarMinimized.layout-docked .dockableContainer,.embeddedServiceSidebar.sidebarMinimized.layout-float .dockableContainer {
        display: none
    }
}

@media only screen and (min-width: 64.0625em) {
    .forcePlaceholder .placeholder.detail .text {
        border-radius:var(--lwc-borderRadiusPill,15rem);
        height: var(--lwc-spacingXSmall,.5rem)
    }

    div.embeddedServiceSidebar .messageWrapper .wrapper.chatMessage {
        height: auto
    }

    .forcePlaceholder .placeholder.fieldMapping>.left-column>.field {
        padding: 1.25rem 1rem
    }

    .forcePlaceholder .placeholder.fieldMapping>.right-column>.field {
        padding: 1.25rem 1rem 1.75rem 2.5rem
    }
}

@keyframes animation-loader-bg {
    0%,100% {
        background-color: rgba(153,153,153,.4)
    }

    50% {
        background-color: rgba(153,153,153,.2)
    }
}

@keyframes processing {
    from {
        left: -1.5rem
    }

    to {
        left: calc(100% - 1rem)
    }
}

body.employee-account-login .login.employee_account legend.legend {
    margin: 0 0 4rem;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: .86;
    position: relative;
    padding-bottom: 1.2rem
}

body.employee-account-login .login.employee_account legend.-line-bottom.legend,body.employee-account-login .login.employee_account legend.-line-top.legend {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body.employee-account-login .login.employee_account legend.-line-bottom.legend:before,body.employee-account-login .login.employee_account legend.-line-top.legend:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

body.employee-account-login .login.employee_account legend.-line-top.legend:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

body.employee-account-login .login.employee_account legend.legend:before {
    width: 3.2rem;
    height: .4rem
}

body.sales-guest-form .page-title-wrapper .base {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.8rem;
    line-height: .86;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body.sales-guest-form .page-title-wrapper .base:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3.2rem;
    height: .4rem
}

body.sales-guest-form .page-title-wrapper .-line-top.base:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.product-box_bundle-name,.product-box_name,.product-box_price strong {
    margin: 0;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 1.6rem;
    line-height: 1.33;
    text-transform: uppercase;
    font-weight: 700
}

.-line-bottom.product-box_bundle-name,.-line-bottom.product-box_name,.-line-top.product-box_bundle-name,.-line-top.product-box_name,.product-box_price strong.-line-bottom,.product-box_price strong.-line-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.-line-bottom.product-box_bundle-name:before,.-line-bottom.product-box_name:before,.-line-top.product-box_bundle-name:before,.-line-top.product-box_name:before,.product-box_price strong.-line-bottom:before,.product-box_price strong.-line-top:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

.-line-top.product-box_bundle-name:before,.-line-top.product-box_name:before,.product-box_price strong.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

.product-box_bundle-name:before,.product-box_name:before,.product-box_price strong:before {
    width: 2rem;
    height: .3rem
}

.order-status-badge,.product-box_attributes dd,.product-box_attributes dt,.product-box_attributes-bundle li .attribute-code,.product-box_attributes-bundle li .attribute-value,.product-box_bundle .product-box_name,.product-box_category,.product-price.-pdp .discount,.product-price.-pdp .new,.product-price.-plp .discount,.product-price.-plp .old-price,.product-price.-product-box .old-price,.product-price.-product-bundle .old-price,.product-price.-product-bundle .price,.table-totals .notice,.ui-datepicker-calendar td,.ui-datepicker-calendar th,.ui-datepicker-header .ui-datepicker-title select,[data-role=password-strength-meter] {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.2rem;
    line-height: 1.33
}

.newsletter-box label span,.product-price .not-saleable,.product-price .old-price,.product-price.-mpb .discount,.product-price.-plp .price,.product-price.-product-box .price,.table-totals .amount,.table-totals .mark,.ui-datepicker-header .ui-datepicker-title select,body.customer-account-logoutsuccess .column.main p,body.employee-account-login .login.employee_account div.fields .field.choice.consent,body.return-index-index .returns_steps li>span:last-child,body.sales-guest-form .form-orders-search .fieldset>span,body.sales-guest-view .boxes .box .no-address,body.sales-guest-view .boxes .box address,body.sales-guest-view .top-bar .label {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.4rem;
    line-height: 1.57
}

.table-totals tr:last-of-type td,.table-totals tr:last-of-type th,body.newsletter-index-index .create.newsletter_account .fieldset-label,body.return-index-index #declare-return-form h3,body.return-index-index #track-return-form h3 {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    font-size: 1.8rem;
    line-height: 1.33
}

.product-price.-mpb .old-price,.product-price.-mpb .price,.product-price.-pdp .price,.product-price.-pdp-sticky .old-price,.product-price.-pdp-sticky .price,body.newsletter-index-index .newsletter-paragraph p {
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600
}

[data-role=password-strength-meter] {
    display: flex;
    position: relative;
    align-items: center;
    min-height: 3.2rem;
    padding: .8rem 1.6rem;
    background-color: #f9f9f9
}

[data-role=password-strength-meter] .password-strength-meter {
    z-index: 1;
    text-transform: capitalize
}

[data-role=password-strength-meter]:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width .3s cubic-bezier(.645,.045,.355,1),background-color .3s cubic-bezier(.645,.045,.355,1);
    background-color: #f9f9f9
}

.password-none[data-role=password-strength-meter]:before {
    width: 0;
    background-color: #f9f9f9
}

.password-weak[data-role=password-strength-meter]:before {
    width: 25%;
    background-color: rgba(230,76,76,.5)
}

.password-medium[data-role=password-strength-meter]:before {
    width: 50%;
    background-color: rgba(230,76,76,.5)
}

.password-strong[data-role=password-strength-meter]:before {
    width: 75%;
    background-color: rgba(230,76,76,.5)
}

.password-very-strong[data-role=password-strength-meter]:before {
    width: 100%;
    background-color: rgba(230,76,76,.5)
}

.newsletter-box {
    display: flex;
    align-items: center;
    min-height: 7rem;
    padding: 2.4rem;
    transition: .15s cubic-bezier(.645,.045,.355,1);
    outline: #d2d2d2 solid .1rem;
    outline-offset: -.1rem
}

.newsletter-box:active,.newsletter-box:focus,.newsletter-box:hover {
    cursor: pointer
}

.-active.newsletter-box {
    outline: #000 solid .2rem;
    outline-offset: -.2rem
}

.newsletter-box label span {
    font-weight: 600
}

.order-status-badge {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 2.4rem;
    padding: .4rem 1.2rem .4rem .8rem;
    background-color: #999;
    color: #fff;
    font-weight: 700;
    white-space: nowrap
}

.order-status-badge>:not(:first-child) {
    margin-left: .4rem
}

.order-status-badge:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .4rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    color: #fff
}

[data-status=canceled].order-status-badge {
    background-color: #999
}

[data-status=canceled].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2v3h5v5h-1.087l-1 11H5.087L4.086 10H3V5h5V2h8zm1.905 8H6.094l.818 9h10.175l.818-9zM11 12v5H9v-5h2zm4 0v5h-2v-5h2zm4-5H5v1h14V7zm-5-3h-4v1h4V4z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=closed].order-status-badge {
    background-color: #000
}

[data-status=closed].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2zm0 1.333a4.667 4.667 0 1 0 0 9.334 4.667 4.667 0 0 0 0-9.334z'/%3E%3Cpath d='M10.357 6.586 8.943 8l1.414 1.414-.943.943L8 8.942l-1.414 1.415-.943-.943L7.057 8 5.643 6.586l.943-.943L8 7.057l1.414-1.414.943.943z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

[data-status=complete].order-status-badge {
    background-color: #2aab00
}

[data-status=complete].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 4 9 3.307V13h-2V9.443l-6 2.25v6.863l1-.376v2.042L10 21l-9-3.5V7.307L10 4zm12.293 7.293 1.414 1.414L16 20.414l-3.707-3.707 1.414-1.414L16 17.585l6.294-6.292zM3 9.443v6.863l6 2.25v-6.863l-2-.751V13.5L5 13v-2.808l-2-.749zm11.13-1.924L8.811 9.513 10 9.931 15.5 8l-1.37-.481zM10 6.068 4.5 8l1.369.48 5.32-1.995L10 6.068z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=fraud].order-status-badge {
    background-color: #ed1847
}

[data-status=fraud].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 6.667 12H1.333L8 2zm0 2.745-4.4 7.922h8.8L8 4.745zm.667 5.922V12H7.333v-1.333h1.334zm0-4V10H7.333V6.667h1.334z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=holded].order-status-badge {
    background-color: #e2a000
}

[data-status=holded].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2zm0 1.333a4.667 4.667 0 1 0 0 9.334 4.667 4.667 0 0 0 0-9.334z'/%3E%3Cpath d='M10.357 6.586 8.943 8l1.414 1.414-.943.943L8 8.942l-1.414 1.415-.943-.943L7.057 8 5.643 6.586l.943-.943L8 7.057l1.414-1.414.943.943z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

[data-status=MCOM_COMPLETE].order-status-badge {
    background-color: #2aab00
}

[data-status=MCOM_COMPLETE].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 4 9 3.307V13h-2V9.443l-6 2.25v6.863l1-.376v2.042L10 21l-9-3.5V7.307L10 4zm12.293 7.293 1.414 1.414L16 20.414l-3.707-3.707 1.414-1.414L16 17.585l6.294-6.292zM3 9.443v6.863l6 2.25v-6.863l-2-.751V13.5L5 13v-2.808l-2-.749zm11.13-1.924L8.811 9.513 10 9.931 15.5 8l-1.37-.481zM10 6.068 4.5 8l1.369.48 5.32-1.995L10 6.068z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=MCOM_LOGISTICS].order-status-badge {
    background-color: #e2a000
}

[data-status=MCOM_LOGISTICS].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.707 3.293 9 5.586V17h10v2H9.362c-.121 1.125-1.048 2-2.175 2C5.98 21 5 19.993 5 18.75c0-1.177.88-2.143 1.999-2.242L7 6.415 5.293 4.707l1.414-1.414zM18 10v6h-8v-6h8zm-2 2h-4v2h4v-2zm0-9v6h-6V3h6zm-2 2h-2v2h2V5z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=MCOM_ONHOLD].order-status-badge {
    background-color: #e2a000
}

[data-status=MCOM_ONHOLD].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2zm0 1.333a4.667 4.667 0 1 0 0 9.334 4.667 4.667 0 0 0 0-9.334z'/%3E%3Cpath d='M10.357 6.586 8.943 8l1.414 1.414-.943.943L8 8.942l-1.414 1.415-.943-.943L7.057 8 5.643 6.586l.943-.943L8 7.057l1.414-1.414.943.943z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

[data-status=MCOM_RECEIVED].order-status-badge {
    background-color: #2aab00
}

[data-status=MCOM_RECEIVED].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 4 9 3.307V13h-2V9.443l-6 2.25v6.863l1-.376v2.042L10 21l-9-3.5V7.307L10 4zm12.293 7.293 1.414 1.414L16 20.414l-3.707-3.707 1.414-1.414L16 17.585l6.294-6.292zM3 9.443v6.863l6 2.25v-6.863l-2-.751V13.5L5 13v-2.808l-2-.749zm11.13-1.924L8.811 9.513 10 9.931 15.5 8l-1.37-.481zM10 6.068 4.5 8l1.369.48 5.32-1.995L10 6.068z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=payment_review].order-status-badge {
    background-color: #e2a000
}

[data-status=payment_review].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.506 9.333a2.506 2.506 0 0 1 2.249 3.611l-.077.143-.016.026 1.476 1.477-.881.881-1.476-1.476-.026.016a2.49 2.49 0 0 1-.92.312l-.163.016-.166.005a2.506 2.506 0 0 1 0-5.01zm0 1.246a1.26 1.26 0 1 0 0 2.52 1.26 1.26 0 0 0 0-2.52zM14 4v4.666h-1.334V8H3.333v2.667l6-.001V12H2V4h12zm-1.333 1.333H3.333v1.333h9.333V5.333z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=paypal_canceled_reversal].order-status-badge {
    background-color: #ed1847
}

[data-status=paypal_canceled_reversal].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 6.667 12H1.333L8 2zm0 2.745-4.4 7.922h8.8L8 4.745zm.667 5.922V12H7.333v-1.333h1.334zm0-4V10H7.333V6.667h1.334z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=paypal_reversed].order-status-badge {
    background-color: #ed1847
}

[data-status=paypal_reversed].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 6.667 12H1.333L8 2zm0 2.745-4.4 7.922h8.8L8 4.745zm.667 5.922V12H7.333v-1.333h1.334zm0-4V10H7.333V6.667h1.334z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=pending].order-status-badge {
    background-color: #e2a000
}

[data-status=pending].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2zm0 1.333a4.667 4.667 0 1 0 0 9.334 4.667 4.667 0 0 0 0-9.334zm.667 1.334V8h2v1.333H7.333V4.667h1.334z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=pending_payment].order-status-badge {
    background-color: #e2a000
}

[data-status=pending_payment].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.667 9.333a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334zm.296 1.186h-.593v2.074h1.482V12h-.89l.001-1.481zM14 4v4.666h-1.334V8H3.333v2.667l6-.001V12H2V4h12zm-1.333 1.333H3.333v1.333h9.333V5.333z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=pending_paypal].order-status-badge {
    background-color: #e2a000
}

[data-status=pending_paypal].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.667 9.333a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334zm.296 1.186h-.593v2.074h1.482V12h-.89l.001-1.481zM14 4v4.666h-1.334V8H3.333v2.667l6-.001V12H2V4h12zm-1.333 1.333H3.333v1.333h9.333V5.333z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

[data-status=processing].order-status-badge {
    background-color: #e2a000
}

[data-status=processing].order-status-badge:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17a1 1 0 0 0 1.993.117L9 17h2a3 3 0 0 1-5.995.176L5 17h2zm9 0a1 1 0 0 0 1.993.117L18 17h2a3 3 0 0 1-5.995.176L14 17h2zm2-12v2h2.535L23 10.697V16H3v-2h13V7H3V5h15zm1.465 4H18v5h3v-2.698L19.465 9zM8 11v2H1v-2h7zm1-3v2H2V8h7z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

.product-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: .8rem;
    background-color: #f9f9f9
}

.-order-detail.product-box .btn-tertiary {
    display: inline-block
}

.product-box_bundle {
    display: flex;
    flex-direction: column;
    padding: .8rem;
    background-color: #f9f9f9
}

.product-box_bundle .product-box {
    padding: .8rem 0
}

.product-box_bundle .product-box_prices {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    order: 3;
    margin-right: .4rem
}

.product-box_bundle .product-box_rating {
    order: 2;
    margin-left: 10.1rem;
    text-align: right
}

.product-box_bundle .product-box_price-action {
    display: flex;
    flex-flow: row nowrap
}

.product-box_bundle .btn-tertiary {
    display: inline-block
}

.product-box_container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch
}

.product-box_bundle-name {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 10.1rem
}

.product-box_picture {
    margin-right: .8rem
}

.product-box_picture,.product-box_picture img,.product-box_picture picture {
    width: 8.4rem;
    min-width: 8.4rem;
    height: 8.4rem;
    min-height: 8.4rem;
    object-fit: contain
}

.product-box_picture img:after,.product-box_picture img:before,.product-box_picture picture:after,.product-box_picture picture:before,.product-box_picture:after,.product-box_picture:before {
    content: "";
    display: table;
    width: 1px;
    margin-left: -1px;
    clear: both
}

.product-box_picture img:before,.product-box_picture picture:before,.product-box_picture:before {
    padding-bottom: 100%;
    float: left
}

.product-box_infos {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    width: 100%;
    margin: 0 .4rem 0 .8rem
}

.product-box_category {
    color: #999
}

.product-box_attributes {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: wrap row
}

.product-box_attributes dt {
    height: 1.6rem;
    color: #666
}

.product-box_attributes dd {
    height: 1.6rem;
    margin-bottom: 0;
    margin-left: .4rem
}

.product-box_attributes dd:not(:last-child) {
    margin-right: .8rem;
    padding-right: .8rem;
    border-right: .1rem solid #d2d2d2
}

.product-box_attributes-bundle {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-box_attributes-bundle li {
    display: block;
    line-height: 1.57rem
}

.product-box_attributes-bundle li .attribute-code {
    height: 1.6rem;
    color: #666
}

.product-box_attributes-bundle li .attribute-value {
    height: 1.6rem;
    margin-bottom: 0;
    margin-left: .4rem
}

.product-box_break {
    width: 100%
}

.product-box_actions {
    display: flex;
    flex-flow: nowrap row;
    align-items: center;
    margin: 0 -1.2rem;
    padding: 0;
    list-style: none
}

.-order-detail .product-box_actions {
    display: none
}

.product-box_actions li {
    margin: 0 1.2rem
}

.product-box_actions .action {
    padding: .4rem;
    border: 0;
    background: rgba(0,0,0,0);
    width: 3.2rem;
    height: 3.2rem;
    margin-top: -.4rem;
    margin-right: -.4rem
}

.product-box_actions .action .icon-item {
    width: 100%;
    height: 100%
}

.product-box_actions .action-add-to-cart {
    background: #000
}

.product-box_actions .action-add-to-cart .icon-item {
    color: #fff
}

.product-price {
    display: grid;
    grid-auto-flow: row;
    align-items: baseline;
    column-gap: .8rem;
    text-align: right
}

.-pdp.product-price {
    grid-auto-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left
}

.-pdp-sticky.product-price>* {
    margin-left: 1.5rem
}

.-plp.product-price {
    flex-wrap: wrap;
    align-items: center
}

.-product-bundle.product-price {
    grid-auto-flow: column
}

.product-price .not-saleable {
    color: #666
}

.product-price .not-saleable:empty,.product-price .price:empty {
    display: none
}

.product-price.-pdp .price,.product-price.-plp .price {
    font-weight: 600
}

.product-price.-product-bundle.-discounted .price {
    color: #ed1847
}

.product-price .old-price {
    position: relative;
    color: #999;
    text-decoration: line-through
}

.product-price .old-price:empty {
    display: none
}

.product-price.-pdp .old-price {
    order: 2;
    line-height: 1.3
}

.product-price.-pdp .old-price:not(:empty)~.price {
    color: #ed1847;
    font-size: 1.8rem
}

.product-price.-plp .old-price {
    grid-column: 2;
    font-weight: 400
}

.product-price.-plp .old-price:not(:empty)~.price {
    grid-row: 1;
    color: #ed1847
}

.product-price .discount,.product-price .new {
    display: inline-flex;
    position: relative;
    z-index: 0;
    align-items: center;
    justify-content: center;
    color: #fff
}

.product-price .discount:empty,.product-price .new:empty {
    display: none
}

.product-price .discount:before,.product-price .new:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    background: #ed1847
}

.product-price .new:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    background: #000
}

.product-price.-pdp-sticky .discount {
    padding-right: .8rem;
    padding-left: .8rem
}

.product-price.-pdp .discount,.product-price.-pdp .new {
    grid-column: 3;
    padding: .3em .5em .2em;
    font-weight: 700
}

.product-price.-pdp .new {
    order: 3
}

.product-price.-plp .discount {
    grid-column: 3;
    grid-row: 1;
    margin-top: -.1rem;
    padding: .3em .5em .2em;
    font-weight: 700
}

.product-price.-mpb .price,.product-price.-pdp-sticky .old-price,.product-price.-pdp-sticky .price {
    font-weight: 700
}

.product-price.-mpb .old-price {
    margin-right: 1.6rem;
    font-weight: 700
}

.product-price.-mpb .discount {
    padding: 0 .4rem 0 .3rem
}

.product-price.-product-box {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end
}

.product-price.-product-box .old-price {
    color: #666
}

.product-price.-product-box .discount,.product-price.-product-bundle .discount {
    display: none
}

.table-totals a.action,.ui-datepicker-buttonpane .ui-priority-primary {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    transition: .3s cubic-bezier(.165,.84,.44,1)
}

.table-totals a.action:focus,.ui-datepicker-buttonpane .ui-priority-primary:focus {
    outline: 0
}

.table-totals a.action:focus-visible,.table-totals a.focus-visible.action,.ui-datepicker-buttonpane .focus-visible.ui-priority-primary,.ui-datepicker-buttonpane .ui-priority-primary:focus-visible {
    outline: #009ccc solid .2rem!important
}

.table-totals a.action:focus-visible[data-fv=true]:not(.-focus-visible),.table-totals a.focus-visible[data-fv=true].action:not(.-focus-visible),.ui-datepicker-buttonpane .focus-visible[data-fv=true].ui-priority-primary:not(.-focus-visible),.ui-datepicker-buttonpane .ui-priority-primary:focus-visible[data-fv=true]:not(.-focus-visible) {
    outline: 0!important
}

.table-totals a.focus-visible[data-fv=true].-focus-visible.action,.ui-datepicker-buttonpane .focus-visible[data-fv=true].-focus-visible.ui-priority-primary {
    outline: #009ccc solid .2rem!important
}

.table-totals a.action .icon-item,.ui-datepicker-buttonpane .ui-priority-primary .icon-item {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: .8rem
}

.table-totals a.-disabled.action,.ui-datepicker-buttonpane .-disabled.ui-priority-primary {
    pointer-events: none
}

.table-totals a.-hover.action,.table-totals a[aria-expanded=true].action,.table-totals body:not(.-touch) a.action:hover,.ui-datepicker-buttonpane .-hover.ui-priority-primary,.ui-datepicker-buttonpane [aria-expanded=true].ui-priority-primary,.ui-datepicker-buttonpane body:not(.-touch) .ui-priority-primary:hover,body:not(.-touch) .table-totals a.action:hover,body:not(.-touch) .ui-datepicker-buttonpane .ui-priority-primary:hover {
    color: #ed1847
}

.table-totals a.-disabled.action,.table-totals body:not(.-touch) a.-disabled.action:hover,.ui-datepicker-buttonpane .-disabled.ui-priority-primary,.ui-datepicker-buttonpane body:not(.-touch) .-disabled.ui-priority-primary:hover,body:not(.-touch) .table-totals a.-disabled.action:hover,body:not(.-touch) .ui-datepicker-buttonpane .-disabled.ui-priority-primary:hover {
    color: #666;
    pointer-events: none
}

.table-totals a.-no-decoration.action,.ui-datepicker-buttonpane .-no-decoration.ui-priority-primary {
    text-decoration: none
}

.table-totals a.-bold.action,.ui-datepicker-buttonpane .-bold.ui-priority-primary {
    font-weight: 700
}

.table-totals {
    width: 100%;
    vertical-align: top
}

.table-totals .totals.shipping th.mark span.price {
    display: block;
    color: #767f86;
    font-size: 1.2rem
}

.table-totals .totals.shipping th.mark span.price span.-bold span.price {
    display: inline;
    color: #000;
    font-weight: 700
}

.table-totals td,.table-totals th {
    padding: 0 0 1.6rem;
    vertical-align: top
}

.table-totals tr:first-of-type td,.table-totals tr:first-of-type th {
    padding-top: 1.6rem;
    border-top: .1rem solid #d2d2d2
}

.table-totals tr:last-of-type td,.table-totals tr:last-of-type th {
    padding-top: 1.6rem;
    border-top: .1rem solid #d2d2d2;
    border-bottom: .1rem solid #000
}

.table-totals .table-caption {
    display: none
}

.table-totals .amount b,.table-totals .amount strong,.table-totals .mark b,.table-totals .mark strong {
    font-weight: 600
}

.table-totals .amount {
    text-align: right
}

.table-totals a.action {
    color: inherit;
    text-decoration: underline
}

.table-totals a.action:focus,.table-totals a.action:hover {
    color: #666
}

.table-totals .notice {
    display: block;
    margin-top: .4rem
}

.table-totals .notice .-bold {
    font-weight: 600
}

.table-totals .totals.discount .title {
    display: inline-block;
    margin: 0;
    font-size: 1.4rem
}

.table-totals .totals .discount.coupon {
    display: none
}

.table-totals .totals .price[data-th*=".discount"],.table-totals .totals.cart-coupon .price,.table-totals .totals.giftcard .price {
    color: #ed1847
}

.table-totals .cart_summary_btn-remove {
    display: none
}

.ui-datepicker-header .ui-datepicker-title select {
    transition-property: outline-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: #696e71 solid .1rem;
    outline-offset: -.1rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m19.293 6.94 1.414 1.414L12 17.061 3.293 8.354 4.707 6.94 12 14.232z' fill='%23000' fill-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.6rem;
    width: 100%;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    min-height: 2.4rem;
    padding: .4rem 2.4rem .4rem .8rem;
    background-position: right .2rem center;
    font-size: 1.2rem
}

.ui-datepicker-header .ui-datepicker-title select::-ms-input-placeholder {
    color: #666
}

.ui-datepicker-header .ui-datepicker-title select::placeholder {
    color: #666
}

body.return-index-index #declare-return-form .field.required label span:after,body.return-index-index #track-return-form .field.required label span:after {
    content: "*";
    margin-left: .2rem;
    color: #ed1847
}

.ui-datepicker-header .ui-datepicker-title select:invalid {
    color: #666
}

.ui-datepicker-header .ui-datepicker-title select option {
    background-color: #fff;
    color: #000;
    cursor: pointer
}

.ui-datepicker-header .ui-datepicker-title select option[value=""] {
    display: none
}

.ui-datepicker {
    display: none;
    padding: .8rem;
    background: #fff;
    box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.2)
}

.ui-datepicker-header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: .8rem -.8rem
}

.ui-datepicker-header>* {
    margin: 0 .8rem
}

.ui-datepicker-header .ui-datepicker-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.06 19.29-1.414 1.414-8.707-8.707 8.707-8.707 1.415 1.414-7.292 7.293z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    order: 1;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer
}

.ui-datepicker-header .ui-datepicker-prev>span {
    display: none
}

.ui-datepicker-header .ui-datepicker-title {
    order: 2;
    display: inline-flex
}

.ui-datepicker-header .ui-datepicker-next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.94 4.704 8.353 3.29l8.707 8.707-8.707 8.707-1.415-1.414 7.292-7.293z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    order: 3;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer
}

.ui-datepicker-header .ui-datepicker-next>span {
    display: none
}

.ui-datepicker-header .ui-datepicker-title select:first-of-type {
    margin-right: .2rem
}

.ui-datepicker-header .ui-datepicker-title select:last-of-type {
    margin-left: .2rem
}

.ui-datepicker-calendar {
    margin-bottom: .8rem
}

.ui-datepicker-calendar td,.ui-datepicker-calendar th {
    padding: .2rem;
    text-align: center
}

.ui-datepicker-calendar thead tr {
    background: #f9f9f9
}

.ui-datepicker-calendar thead tr th {
    font-weight: 600;
    text-transform: capitalize
}

.ui-datepicker-calendar tbody tr td:first-child {
    font-weight: 600
}

.ui-datepicker-calendar tbody tr td a {
    color: #000
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
    background: #ed1847
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
    color: #fff
}

.ui-datepicker-calendar tbody tr td.ui-state-disabled span {
    color: #999
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-today {
    background: #f9f9f9
}

.ui-datepicker-calendar tbody tr td:not(:first-child):not(.ui-state-disabled):active,.ui-datepicker-calendar tbody tr td:not(:first-child):not(.ui-state-disabled):focus,.ui-datepicker-calendar tbody tr td:not(:first-child):not(.ui-state-disabled):hover {
    background: #ed1847;
    cursor: pointer
}

.ui-datepicker-calendar tbody tr td:not(:first-child):not(.ui-state-disabled):active a,.ui-datepicker-calendar tbody tr td:not(:first-child):not(.ui-state-disabled):focus a,.ui-datepicker-calendar tbody tr td:not(:first-child):not(.ui-state-disabled):hover a {
    color: #fff
}

.ui-datepicker-buttonpane {
    display: flex;
    justify-content: center;
    margin-bottom: .8rem
}

.ui-datepicker-buttonpane .ui-priority-primary {
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0)
}

body.employee-account-login .login.employee_account {
    display: flex;
    align-items: center
}

body.employee-account-login .login.employee_account legend.legend:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5rem;
    border-bottom: .7rem solid
}

body.employee-account-login .login.employee_account div.fields .field.choice.consent {
    margin-bottom: 4rem
}

body.employee-account-login .actions-toolbar button {
    width: 100%
}

body.customer-account-logoutsuccess .page-title-wrapper h1 {
    display: flex;
    margin-bottom: 0
}

body.customer-account-logoutsuccess .page-title-wrapper h1 .base {
    display: inline-flex;
    margin: 0 auto 4rem;
    text-align: center
}

body.customer-account-logoutsuccess .column.main p {
    margin-bottom: 4rem;
    text-align: center
}

body.customer-account-logoutsuccess .column.main .actions {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

body.customer-account-logoutsuccess .column.main .actions li {
    margin: 0 1rem
}

body.return-index-index .section .boxes,body.sales-guest-view .section .boxes {
    margin: 0;
    padding: 0;
    list-style: none
}

body.return-index-index .section h3,body.sales-guest-view .section h3 {
    display: none
}

body.return-index-index .returns_steps {
    margin: 0 0 3.2rem;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: space-between
}

body.return-index-index .returns_steps:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 3.1rem;
    border-bottom: .1rem solid #d2d2d2
}

body.return-index-index .returns_steps li {
    display: flex;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    width: 8rem;
    padding: 0 .8rem;
    background: #fff
}

body.return-index-index .returns_steps li:first-child,body.return-index-index .returns_steps li:last-child {
    width: 7.2rem
}

body.return-index-index .returns_steps li:first-child {
    padding-left: 0
}

body.return-index-index .returns_steps li:last-child {
    padding-right: 0
}

body.return-index-index .returns_steps li>span:first-child {
    margin: 0 0 1.6rem;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    background: #000;
    color: #fff
}

body.return-index-index .returns_steps li>span:first-child.-line-bottom,body.return-index-index .returns_steps li>span:first-child.-line-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body.return-index-index .returns_steps li>span:first-child.-line-bottom:before,body.return-index-index .returns_steps li>span:first-child.-line-top:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

body.return-index-index .returns_steps li>span:first-child.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

body.return-index-index .returns_steps li>span:first-child:before {
    width: 3rem;
    height: .4rem
}

body.return-index-index .returns_steps li span.icon-item {
    width: 2.4rem;
    height: 2.4rem;
    margin-bottom: 1.6rem
}

body.return-index-index .returns_steps li>span:last-child {
    display: block;
    font-weight: 600;
    text-align: center
}

body.return-index-index #declare-return-form,body.return-index-index #track-return-form {
    margin-bottom: 5.6rem
}

body.return-index-index #declare-return-form .fieldset,body.return-index-index #declare-return-form h3,body.return-index-index #track-return-form .fieldset,body.return-index-index #track-return-form h3 {
    margin-bottom: 2.4rem
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .-disabled.pagebuilder-button-primary {
    cursor: not-allowed;
    border-color: transparent;
    background-color: #666
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary .icon-item {
    flex-shrink: 0
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .-icon-after.pagebuilder-button-primary .icon-item {
    grid-column: 2;
    flex-direction: row-reverse
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary {
    transition-property: color,background-color,border-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    min-height: 4.8rem;
    margin: 0;
    padding: 1rem 2rem;
    border: .2rem solid #000;
    border-radius: 0;
    gap: .8rem;
    background-color: #000;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .054rem;
    line-height: 1.14;
    text-decoration: none
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary .text {
    font-weight: 700
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .-hover.pagebuilder-button-primary:not(.-disabled),body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary:focus:not(.-disabled),body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] body:not(.-touch) .pagebuilder-button-primary:hover:not(.-disabled),body:not(.-touch) body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary:hover:not(.-disabled) {
    background-color: #fff;
    color: #000
}

body.sales-guest-form .form-orders-search .fieldset .field,body.sales-guest-form .form-orders-search .fieldset>span {
    grid-column: span 4
}

body.sales-guest-form .page-title-wrapper {
    width: 100%
}

body.sales-guest-form .actions-toolbar {
    margin-top: 4rem;
    margin-bottom: 8rem
}

body.sales-guest-form .form-orders-search .fieldset .field.id {
    margin-bottom: .8rem
}

* {
    box-sizing: border-box
}

body.return-index-index .section,body.sales-guest-view .section {
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem
}

body.return-index-index .section:not(:last-child),body.sales-guest-view .section:not(:last-child) {
    border-bottom: .1rem solid #d2d2d2
}

body.customer-account-create form.form-create-account.form legend.legend {
    margin: 0 0 1.6rem;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    display: block;
    font-size: 2rem;
    font-weight: 600
}

body.customer-account-create form.form-create-account.form legend.legend+br {
    display: none
}

body.customer-account-create form.form-create-account.form fieldset.fieldset {
    margin-bottom: 2.4rem
}

body.customer-account-create form.form-create-account.form fieldset.fieldset.create.account:not(:last-of-type) {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: .1rem solid #d2d2d2
}

body.customer-account-create form.form-create-account.form fieldset.fieldset .field.password .control {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

body.customer-account-create form.form-create-account.form fieldset.fieldset .field.password .control input[name=password] {
    order: 1
}

body.customer-account-create form.form-create-account.form fieldset.fieldset .field.password .control [for=password] {
    order: 3
}

body.customer-account-create form.form-create-account.form fieldset.fieldset .field.password .control [data-role=password-strength-meter] {
    order: 2
}

body.customer-account-create form.form-create-account.form fieldset.fieldset .field.choice.favorite.sport>span:first-child {
    display: none
}

body.customer-account-create form.form-create-account.form .newsletter-box {
    margin-bottom: 1.6rem
}

body.customer-account-create form.form-create-account.form input#dob+button[type=button] {
    display: none
}

body.newsletter-index-index .column.main>div[data-content-type=row] figure.banner-image {
    margin-bottom: 1.6rem
}

body.newsletter-index-index .column.main>div[data-content-type=row] figure.banner-image .pagebuilder-mobile-hidden {
    display: none
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=text] p {
    margin: 0 0 1.6rem;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3.2rem;
    line-height: .88;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=text] p:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3.4rem;
    height: .5rem
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=text] p.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary:active,body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary:focus,body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] .pagebuilder-button-primary:hover {
    cursor: pointer
}

body.newsletter-index-index .newsletter-paragraph {
    margin: 6.4rem 0
}

body.newsletter-index-index .newsletter-paragraph .newsletter-paragraph-title {
    margin: 0 0 3.2rem;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    text-transform: uppercase
}

body.newsletter-index-index .newsletter-paragraph .newsletter-paragraph-title.-line-bottom,body.newsletter-index-index .newsletter-paragraph .newsletter-paragraph-title.-line-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body.newsletter-index-index .newsletter-paragraph .newsletter-paragraph-title.-line-bottom:before,body.newsletter-index-index .newsletter-paragraph .newsletter-paragraph-title.-line-top:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor
}

body.newsletter-index-index .newsletter-paragraph .newsletter-paragraph-title.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

body.newsletter-index-index .create.newsletter_account {
    margin: 0 -1.6rem;
    padding: 3.2rem 1.6rem;
    /*background: #f9f9f9*/
}

body.newsletter-index-index .create.newsletter_account .content {
    width: 100%
}

body.newsletter-index-index .create.newsletter_account .form-subscribe-title {
    margin: 0 0 3.6rem;
    font-family: ProximaNova,"Proxima Nova W10",arial,helvetica,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: .83;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body.newsletter-index-index .create.newsletter_account .form-subscribe-title:before {
    content: "";
    order: 2;
    margin-top: .15em;
    background-color: currentColor;
    width: 3rem;
    height: .4rem
}

body.newsletter-index-index .create.newsletter_account .form-subscribe-title.-line-top:before {
    order: 0;
    margin-top: 0;
    margin-bottom: .15em
}

body.newsletter-index-index .create.newsletter_account .field.choice.favorite {
    display: grid;
    grid-template-columns: 1fr 1fr
}

body.newsletter-index-index .create.newsletter_account .field.choice.favorite span.label {
    font-size: 17px;
}

body.newsletter-index-index .create.newsletter_account .field.choice.favorite .newsletter-box {
    display: block;
    min-height: auto;
    padding: 0;
    outline: unset;
    outline-offset: unset
}

body.newsletter-index-index .create.newsletter_account .field.choice.favorite .newsletter-box label span {
    font-weight: 400
}

body.newsletter-index-index .create.newsletter_account .field.choice.favorite .newsletter-box.-active {
    outline: unset;
    outline-offset: unset
}

body.newsletter-index-index .create.newsletter_account form.form .fieldset {
    --fieldset-col-gap: 2rem
}

body.newsletter-index-index .create.newsletter_account .newsletter-box {
    /* margin-bottom: 1.6rem; */
}

body.newsletter-index-index .create.newsletter_account .newsletter-box:first-of-type {
    /* margin-top: 1.6rem; */
}

body.newsletter-index-index .create.newsletter_account .fieldset-label {
    font-weight: 600
}

body.newsletter-index-index .create.newsletter_account .fieldset-label.form-subtitle {
    padding-bottom: .7rem;
    border-bottom: .1rem solid #d2d2d2;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase
}

body.newsletter-index-index .create.newsletter_account .fieldset-label.newsletter-setup {
    margin-bottom: 1.2rem;
    padding-top: 1.6rem;
    border-top: .1rem solid #d2d2d2
}

body.newsletter-index-index .create.newsletter_account input,body.newsletter-index-index .create.newsletter_account label {
    /*background: #f9f9f9*/
}

body.newsletter-index-index .create.newsletter_account .actions-toolbar {
    margin-top: .7rem;
    padding-top: 2.1rem;
    border-top: .1rem solid #d2d2d2
}

body.newsletter-index-index .create.newsletter_account .actions-toolbar .primary {
    text-align: right
}

body.newsletter-index-index .create.newsletter_account .action.submit.primary {
    width: 100%;
    text-transform: uppercase
}

body.newsletter-index-index .create.newsletter_account .field.gender {
    grid-column: span 4
}

body.newsletter-index-index .create.newsletter_account .field.gender .control {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

body.newsletter-index-index .create.newsletter_account .input-radio .label {
    padding: 0 0 0 4rem;
    font-size: 15px;
 line-height: 17.9px;
}

body.newsletter-index-index .create.newsletter_account .input-radio [type=radio].mage-error~.checkmark {
    border: .1rem solid #ed1847
}

body.newsletter-index-index .create.newsletter_account .input-radio~.mage-error {
    margin: .4rem 0 0 1.6rem;
    color: #ed1847;
    font-size: 1.2rem;
    line-height: 1.33
}

body.newsletter-index-index .create.newsletter_account .field .control select,body.newsletter-index-index .create.newsletter_account input[type=email],body.newsletter-index-index .create.newsletter_account input[type=text] .create.newsletter_account input[type=date] {
    font-size: 1.6em;
    line-height: 2.7em;
    height: 3em;
}

body.newsletter-index-index .create.newsletter_account input[type=checkbox]+label {
    font-size: 17px;
}

body.newsletter-index-index .create.newsletter_account .field label.label:first-child,body.newsletter-index-index .create.newsletter_account .input-label-wrapper {
    position: static;
    margin-bottom: .75rem;
    padding: 0;
    transform: unset;
    background-color: rgba(0,0,0,0);
    color: #666;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase
}

body.newsletter-index-index .create.newsletter_account .field label.label:first-child span,body.newsletter-index-index .create.newsletter_account .input-label-wrapper span {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.75em;
}

body.newsletter-index-index .create.newsletter_account .field.required .input-label-wrapper span:after {
    content: "*";
    margin-left: .2rem;
    color: #ed1847
}

body.newsletter-index-index .create.newsletter_account #recaptcha-newsletter-account-create {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.6rem 0
}

body.return-index-index .section:not(:last-of-type),body.sales-guest-view .section:not(:last-of-type) {
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem;
    border-bottom: .1rem solid #d2d2d2
}

body.sales-guest-view .section {
    overflow: hidden
}

body.sales-guest-view .-last.section {
    padding-bottom: 0;
    border-bottom: 0
}

body.sales-guest-view .top-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.4rem
}

body.sales-guest-view .top-bar>div {
    display: inline-flex;
    align-items: center;
    margin: .6rem 1.2rem .6rem 0;
    font-weight: 600
}

body.sales-guest-view .top-bar>div.popin {
    display: none
}

body.sales-guest-view .top-bar>div.popin.-active {
    display: flex
}

body.sales-guest-view .top-bar .label {
    display: inline-block;
    margin-right: .8rem;
    font-weight: 400
}

body.sales-guest-view .section .boxes {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column
}

body.sales-guest-view .boxes .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2.4rem;
    background-color: #f9f9f9;
    flex-direction: column
}

body.sales-guest-view .boxes .box .no-address,body.sales-guest-view .boxes .box address {
    margin: 0
}

body.sales-guest-view .boxes .box-title {
    font-size: 1.6rem;
    font-weight: 600
}

body.sales-guest-view .order-actions-toolbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

body.sales-guest-view .order-actions-toolbar ul li:not(:last-child) {
    margin-bottom: 1.6rem
}

body.sales-guest-view .order-detail-items {
    margin: 0;
    padding: 0;
    list-style: none
}

body.sales-guest-view .order-detail-items li {
    margin-bottom: .8rem
}

body.sales-guest-view .order-detail-items .product-box_attributes-bundle li {
    margin-bottom: 0
}


.input-radio input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    cursor: pointer
}

.input-radio .label {
    cursor: pointer
}

.input-radio input:disabled~.label {
    opacity: .3;
    cursor: not-allowed
}

.input-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: .2rem solid #999;
    border-radius: 50%;
    background-color: #fff
}

.input-radio .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    top: .3rem;
    left: .3rem;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 50%;
    background: #000
}

.input-radio:focus-within input~.checkmark,.input-radio:hover input~.checkmark {
    background-color: #fff
}

.input-radio input:disabled~.checkmark {
    background-color: #fff;
    cursor: not-allowed
}

.input-radio input:checked~.checkmark {
    border-color: #000
}

.input-radio input:checked~.checkmark:after {
    display: block
}

.input-radio input.mage-error {
    border: .1rem solid #ed1847
}

body.contact-form-index #maincontent .columns {
    width: 100%;
    max-width: 144rem
}

body.contact-form-index #maincontent .columns .column.main {
    width: 100%
}

body.contact-form-index #contact-form iframe {
    width: 100%;
    height: 200rem;
    border: 0
}

@media (min-width: 30em) {
    body.return-index-index .returns_steps li:first-child,body.return-index-index .returns_steps li:last-child {
        width:8.8rem
    }

    body.return-index-index .returns_steps li {
        width: 11.2rem;
        padding: 0 2.4rem
    }
}

@media (min-width: 48em) {
    body.employee-account-login .login.employee_account {
        width:34vw;
        padding: 1vh 0 5vh
    }

    body.newsletter-index-index .create.newsletter_account .content {
        width: 66.6666666667%
    }

    body.contact-form-index #contact-form iframe {
        height: 180rem
    }
}

@media (max-width: 63.99875em) {
    .product-box_infos>:nth-child(-n+2) {
        margin-bottom:1rem
    }

    .product-box_infos>:nth-last-child(-n+2) {
        margin-top: 1rem
    }

    .product-box_actions .action-add-to-cart_container,.product-price.-product-box .old-price {
        display: none
    }

    body.sales-guest-view .boxes .box:last-child {
        margin-bottom: 0
    }

    body.sales-guest-view .order-actions-toolbar ul li a,body.sales-guest-view .order-actions-toolbar ul li button {
        width: 100%
    }

    body.sales-guest-view .order-actions-toolbar ul {
        flex-direction: column;
        align-items: stretch
    }
}

@media (min-width: 64em) {
    .-order-detail.product-box {
        padding-right:4rem
    }

    .product-box .product-box_picture {
        margin-right: 1.6rem
    }

    .product-box_bundle {
        flex-flow: row nowrap;
        align-items: center;
        padding: 0
    }

    .product-box_bundle .product-box {
        padding: .8rem
    }

    .product-box_bundle .product-box_price-action {
        width: calc(30% - 1rem)
    }

    .product-box_bundle .product-box_prices,.product-box_bundle .product-box_rating {
        width: calc(50% - 2.1rem)
    }

    .product-box_bundle .product-box_rating {
        order: 3;
        margin-left: 0
    }

    .product-box_bundle .product-box_prices {
        flex-direction: column;
        flex-grow: 0;
        align-items: flex-end;
        order: 2;
        min-width: 8rem;
        margin: 0 2rem
    }

    .product-box_container {
        width: calc(70% - 3.5rem)
    }

    .product-box_bundle-name {
        padding: 1.6rem 0 0 12.4rem
    }

    .product-box_infos {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        margin: 0 .4rem 0 1.6rem
    }

    .product-box_infos>div:first-child {
        order: 1;
        width: calc(45% - 2.1rem)
    }

    .-order-detail .product-box_infos>div:first-child {
        width: calc(70% - 2.8rem)
    }

    .-order-detail .product-box_infos {
        width: calc(100% - 8.4rem)
    }

    .product-box_price {
        margin: 0 4rem
    }

    .-wishlist .product-box_price {
        order: 3;
        margin: 0 4rem
    }

    .-order-detail .product-box_price {
        order: 2;
        width: calc(15% - 2.1rem);
        min-width: 8rem;
        margin: 0 2rem;
        text-align: right
    }

    .product-box_category {
        display: none
    }

    .product-box_rating {
        width: calc(15% - 2.1rem);
        text-align: right
    }

    .-wishlist .product-box_rating {
        order: 2
    }

    .-order-detail .product-box_rating {
        order: 3;
        margin-left: auto
    }

    .product-box_break {
        display: none
    }

    .product-box_actions {
        flex-grow: 1;
        justify-content: flex-end;
        order: 4
    }

    .product-price.-plp .old-price {
        grid-column: span 2
    }

    .product-price.-plp .discount {
        grid-column: 1
    }

    .product-price.-mpb .discount {
        padding: 0 1rem 0 .7rem
    }

    body.customer-account-create form.form-create-account.form legend.legend {
        font-size: 2.4rem;
        width: 100%
    }

    body.customer-account-create form.form-create-account.form fieldset.fieldset {
        margin-bottom: 3.2rem
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] figure.banner-image .pagebuilder-mobile-hidden {
        display: block
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] figure.banner-image .pagebuilder-mobile-only {
        display: none
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] figure.banner-image {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 80%;
        height: 100%;
        transform: translateY(-25%)
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=text] p {
        margin-bottom: 4rem
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=text] {
        z-index: 1;
        max-width: 33.3333333333%
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=buttons] {
        z-index: 1
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: flex-end;
        height: 40vh;
        min-height: 47rem;
        padding-bottom: 4.8rem;
        overflow: hidden
    }

    body.newsletter-index-index .newsletter-paragraph p {
        font-size: 3.2rem
    }

    body.newsletter-index-index .newsletter-paragraph {
        width: 66.6666666667%
    }

    body.newsletter-index-index .create.newsletter_account .fieldset-label {
        font-size: 2.4rem
    }

    body.newsletter-index-index .create.newsletter_account .action.submit.primary {
        width: auto
    }

    body.newsletter-index-index .create.newsletter_account .field.country,body.newsletter-index-index .create.newsletter_account .field.field-email {
        grid-column: span 2
    }

    body.newsletter-index-index .create.newsletter_account {
        margin: 0
    }

    body.sales-guest-view .top-bar {
        margin-bottom: 2.4rem
    }

    body.sales-guest-view .section .boxes {
        flex-flow: row nowrap;
        margin: 0 -.8rem
    }

    body.sales-guest-view .boxes .box {
        width: calc(50% - .8rem);
        margin: 0 .8rem
    }

    body.sales-guest-view .boxes .box-title {
        font-size: 1.8rem
    }

    body.sales-guest-view .order-actions-toolbar ul li:not(:last-child) {
        margin: 0 .8rem 0 0
    }

    body.sales-guest-view .order-actions-toolbar ul {
        flex-direction: row;
        align-items: center;
        margin: 0
    }

    body.sales-guest-view .order-detail-items li {
        margin-bottom: 1.6rem
    }

    body.sales-guest-view .order-detail-items .product-box_attributes-bundle li {
        margin-bottom: 0
    }

    body.sales-guest-view .order-detail-totals {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end
    }

    body.sales-guest-view .order-detail-totals table {
        width: 50%
    }
}

@media (min-width: 80em) {
    body.employee-account-login .login.employee_account legend.legend {
        font-size:4.4rem;
        line-height: .91
    }

    body.employee-account-login .login.employee_account legend.legend:before {
        width: 4.7rem;
        height: .7rem
    }

    body.sales-guest-form .page-title-wrapper .base {
        font-size: 4.4rem;
        line-height: .91
    }

    body.sales-guest-form .page-title-wrapper .base:before {
        width: 4.7rem;
        height: .7rem
    }

    .product-box_bundle-name,.product-box_name,.product-box_price strong {
        font-size: 1.8rem;
        line-height: 1.33
    }

    .order-status-badge,.product-box_attributes dd,.product-box_attributes dt,.product-box_attributes-bundle li .attribute-code,.product-box_attributes-bundle li .attribute-value,.product-box_bundle .product-box_name,.product-box_category,.product-price.-pdp .discount,.product-price.-pdp .new,.product-price.-plp .discount,.product-price.-plp .old-price,.product-price.-product-box .old-price,.product-price.-product-bundle .old-price,.product-price.-product-bundle .price,.table-totals .notice,.ui-datepicker-calendar td,.ui-datepicker-calendar th,.ui-datepicker-header .ui-datepicker-title select,[data-role=password-strength-meter] {
        font-size: 1.2rem;
        line-height: 1.33
    }

    .newsletter-box label span {
        font-size: 1.4rem;
        line-height: 1.57
    }

    .product-price .not-saleable,.product-price .old-price,.product-price.-mpb .discount,.product-price.-plp .price,.product-price.-product-box .price,.table-totals .amount,.table-totals .mark,.ui-datepicker-header .ui-datepicker-title select,body.customer-account-logoutsuccess .column.main p,body.employee-account-login .login.employee_account div.fields .field.choice.consent,body.return-index-index .returns_steps li>span:last-child,body.sales-guest-form .form-orders-search .fieldset>span,body.sales-guest-view .boxes .box .no-address,body.sales-guest-view .boxes .box address,body.sales-guest-view .top-bar .label {
        font-size: 1.6rem;
        line-height: 1.5
    }

    .table-totals tr:last-of-type td,.table-totals tr:last-of-type th,body.newsletter-index-index .create.newsletter_account .fieldset-label,body.return-index-index #declare-return-form h3,body.return-index-index #track-return-form h3 {
        font-size: 2rem;
        line-height: 1.4
    }

    .product-price.-mpb .old-price,.product-price.-mpb .price,.product-price.-pdp .price,.product-price.-pdp-sticky .old-price,.product-price.-pdp-sticky .price,body.newsletter-index-index .newsletter-paragraph p {
        font-size: 2.4rem;
        line-height: 1.33
    }

    body.return-index-index .returns_steps li:first-child,body.return-index-index .returns_steps li:last-child {
        width: 10.6rem
    }

    body.return-index-index .returns_steps li {
        width: 14.8rem;
        padding: 0 3.2rem
    }

    body.return-index-index #declare-return-form .fieldset,body.return-index-index #track-return-form .fieldset {
        margin-bottom: 4rem
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=text] p {
        font-size: 6.4rem;
        line-height: .84
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] div[data-content-type=text] p:before {
        width: 6.9rem;
        height: 1.1rem
    }

    body.newsletter-index-index .column.main>div[data-content-type=row] {
        min-height: 55rem
    }

    body.newsletter-index-index .newsletter-paragraph .newsletter-paragraph-title {
        font-size: 1.2rem;
        line-height: 1
    }

    body.newsletter-index-index .create.newsletter_account .form-subscribe-title {
        font-size: 3.2rem;
        line-height: .88
    }

    body.newsletter-index-index .create.newsletter_account .form-subscribe-title:before {
        width: 3.4rem;
        height: .5rem
    }
}

@media (min-width: 90em) {
    body.newsletter-index-index .column.main>div[data-content-type=row] {
        min-height:62rem
    }
}

.s-container {
    max-width: 144rem;
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

.double-optin_footer{
    padding: 1.6rem 0;
    background-color: #000;
    color: #fff;
}

.icon-item{
    display: block;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    pointer-events: none;
}

.icon-item svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 fill: #999;
}

svg[height], svg[width] {
    max-width: none;
}

@media (min-width: 64em) {
    .s-container {
        padding-right: 6.2rem;
        padding-left: 6.2rem
    }

}