/* @font-face {
    font-family: Assistant;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("//store.hpfrance.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=aHBmcmFuY2UuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c3RvcmUuaHBmcmFuY2UuY29t&hmac=c9f63a17ff242aa8d45a7fb4612bec6d19615802d09c62239f619b9895102300") format("woff2"),
        url("//store.hpfrance.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=aHBmcmFuY2UuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c3RvcmUuaHBmcmFuY2UuY29t&hmac=5c6603d8e73d5e176f7dfc043310e1633b3c4446ebb261f68fb1adc08042683e") format("woff");
}

@font-face {
    font-family: Assistant;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("//store.hpfrance.com/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=aHBmcmFuY2UuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c3RvcmUuaHBmcmFuY2UuY29t&hmac=9f6f8a4b37e37bec12a9e56cb4c2a84e39e0fc8fa68870101dd8c468711b08aa") format("woff2"),
        url("//store.hpfrance.com/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=aHBmcmFuY2UuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c3RvcmUuaHBmcmFuY2UuY29t&hmac=abdde8e70ed4284b78c29c3c7d921ad6304d9f26cd8ebc0a76619f6d87f4e291") format("woff");
}



@font-face {
    font-family: Assistant;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("//store.hpfrance.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=aHBmcmFuY2UuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c3RvcmUuaHBmcmFuY2UuY29t&hmac=c9f63a17ff242aa8d45a7fb4612bec6d19615802d09c62239f619b9895102300") format("woff2"),
        url("//store.hpfrance.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=aHBmcmFuY2UuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c3RvcmUuaHBmcmFuY2UuY29t&hmac=5c6603d8e73d5e176f7dfc043310e1633b3c4446ebb261f68fb1adc08042683e") format("woff");
} */


:root {
    /*
          --font-body-family: Tajawal,-apple-system,6E3830B430B730C330AF Medium,'Yu Gothic Medium','Yu Gothic',6E3830B430B730C330AF,YuGothic,30D230E930AE30CE89D230B4 ProN W3,'Hiragino Kaku Gothic ProN',Arial,30E130A430EA30AA,Meiryo,"FF2DFF33 FF3030B430B730C330AF",Assistant, sans-serif;*/
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;

    --font-heading-family: Assistant, sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;

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


    --color-base-text: 18, 18, 18;
    --color-shadow: 18, 18, 18;
    --color-base-background-1: 255, 255, 255;
    --color-base-background-2: 243, 243, 243;
    --color-base-solid-button-labels: 255, 255, 255;
    --color-base-outline-button-labels: 18, 18, 18;
    --color-base-accent-1: 18, 18, 18;
    --color-base-accent-2: 51, 79, 180;
    --payment-terms-background-color: #FFFFFF;

    --gradient-base-background-1: #FFFFFF;
    --gradient-base-background-2: #F3F3F3;
    --gradient-base-accent-1: #121212;
    --gradient-base-accent-2: #334FB4;

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

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

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

    --badge-corner-radius: 4.0rem;

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

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

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

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

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

    --buttons-radius: 0px;
    --buttons-radius-outset: 0px;
    --buttons-border-width: 1px;
    --buttons-border-opacity: 1.0;
    --buttons-shadow-opacity: 0.0;
    --buttons-shadow-horizontal-offset: 0px;
    --buttons-shadow-vertical-offset: 0px;
    --buttons-shadow-blur-radius: 0px;
    --buttons-border-offset: 0px;

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

    --variant-pills-radius: 40px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 0.55;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 0px;
    --variant-pills-shadow-blur-radius: 0px;
}

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

html {
    box-sizing: border-box;
    height: 100%;
}

body {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100%;
    margin: 0;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
}

@media screen and (min-width: 750px) {
    body {}
}

.section-template--16796586836218__main-padding {
    padding-top: 27px;
    padding-bottom: 9px;
}

@media screen and (min-width: 750px) {
    .section-template--16796586836218__main-padding {
        padding-top: 36px;
        padding-bottom: 12px;
    }
}

/* simplebar adjusts */
.simplebar-height-auto-observer:empty {
    display: inherit;
}

div.simplebar-placeholder:empty {
    display: inherit;
}

.simplebar-track.simplebar-vertical {
    width: 8px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+x8AAr8B3gzOjaQAAAAASUVORK5CYII=) repeat-y center;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    border-radius: 0;
}