/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Collaterate Storefront Theme Reset */

html,
body {
    /* overflow-x: hidden; */
}

body {
    font-family: var(--f-SECONDARY);
    color: var(--c-BLACK);
}

a { text-decoration: none; }

img {
    width: 100%;
    height: auto;
}

input[type=text],
input[type=button],
select,
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

#print_frame { display: inherit; }

/* headingSize_large (Default) / headingSize_medium / headingSize_small */

:root {
    /* TYPOGRAPHY - HEADINGS - LARGE (Default) */
    --t-HEADING-MARQUEE-MOBILE: 700 18vw/1.1 var(--f-PRIMARY);
    --t-HEADING-MARQUEE: 700 100px/1.1 var(--f-PRIMARY);
    --t-HEADING-1: 700 80px/1.1 var(--f-PRIMARY);
    --t-HEADING-2: 700 60px/1.1 var(--f-PRIMARY);
    --t-HEADING-3: 700 40px/1.1 var(--f-PRIMARY);
    --t-HEADING-4: 700 32px/1.1 var(--f-PRIMARY);
    --t-HEADING-5: 700 24px/1.1 var(--f-PRIMARY);
}

:root {
    /* TYPOGRAPHY - BODY & LABEL */
    --t-BODY-1: 16px/32px var(--f-SECONDARY);
    --t-BODY-2: 14px/32px var(--f-SECONDARY);
    --t-LABEL: bold 14px/1.1 var(--f-PRIMARY);
    --t-LABEL-S: bold 12px/1.1 var(--f-PRIMARY);
    --t-LABEL-M: bold 18px/1.1 var(--f-PRIMARY);
    --t-LABEL-L: bold 20px/1.1 var(--f-PRIMARY);
    /* uppercase (default) / normal */
    --t-TEXT-TRANSFORM: uppercase;
    
    /* COLORS */
    --c-WHITE: #ffffff;
    --c-BLACK: #000000;
    --c-WARNING: #FFFBCD;
    --c-WARNING-TEXT: #AE921C;
    --c-NUETRAL-1: #f9f9f9;
    --c-NUETRAL-2: #f7f7f7;
    --c-NUETRAL-3: #f1f1f1;
    --c-NUETRAL-4: #dddddd;
    --c-NUETRAL-5: #cccccc;
    --c-NUETRAL-6: #999999;
    --c-NUETRAL-7: #666666;
    --c-NUETRAL-8: #333333;
    --c-NUETRAL-9: #222222;
    --c-ERROR: #F2293A;
    --c-ERROR-BG: #F2293A05;
    --c-ALERT: #F2CB05;
    --c-ALERT-BG: #F2CB0505;
    --c-INFO: #0554F2;
    --c-INFO-BG: #0554F205;
    --c-SUCESS: #038C33;
    --c-SUCESS-BG: #038C3305;

    /* Z INDEX */
    --z-DRAWER: 5000;
    --z-HEADER: 6000;
    --z-MODAL-SNEEZEGUARD: 8000;
    --z-MODAL: 9000;
    --z-ALERT: 9100;
    --z-TOP: 9999;
    --z-MAX: 99999;

    /* SCREEN WIDTHS */
    --s-SMALL: 480px;
    --s-MEDIUM: 1024px;
    --s-LARGE: 1280px;
    --s-XLARGE: 1400px;

    /* COMPONENT THEME COLORS */
    /* Hdg */
    --tc-heading: var(--tc-text);
    --tc-headingAccent: var(--tc-textAccent);
    
    /* Bdcpy */
    --tc-Bdcpy: var(--tc-text);
    --tc-BdcpyAccent: var(--tc-textAccent);
    
    /* pageTitle */
    --tc-pageTitleSurface: var(--tc-surfaceAccent);
    --tc-pageTitleBorder: var(--tc-borderAccent);
    --tc-pageTitleText: var(--tc-textAccent);
    
    /* pageHero */
    --tc-pageHeroSurface: var(--tc-surfaceAccent);
    --tc-pageHeroText: var(--tc-headingAccent);
    --tc-pageHeroBorder: var(--tc-border);
    --tc-pageHeroFeaturedSurface: var(--tc-surface);
    --tc-pageHeroFeaturedText: var(--tc-text);
    --tc-pageHeroFeaturedBorder: var(--tc-borderAccent);
    
    /* productTile */
    --tc-productTileSurface: var(--tc-surface);
    --tc-productTileBorder: var(--tc-border);
    --tc-productTileText: var(--tc-text);
    
    /* productThumb (.carousel-thumbs) */
    --tc-productThumbBorder: var(--tc-border);
    --tc-productThumbBorderActive: var(--tc-borderAccent);
}

/* VIEWPORT MEDIA QUERIES */

:root {
    /* Surface */
    --tc-surface: var(--c-WHITE);
    --tc-surfaceAccent: var(--c-WHITE);
    --tc-surfaceSecondary: var(--c-NUETRAL-2);
    
    /* Borders */
    --tc-border: var(--c-NUETRAL-4);
    --tc-borderAccent: var(--c-NUETRAL-4);
    
    /* Text */
    --tc-text: var(--c-NUETRAL-9);
    --tc-textAccent: var(--c-NUETRAL-9);
    
    /* Links */
    --tc-link: var(--c-PRIMARY);
    --tc-linkFocus: var(--c-NUETRAL-9);
    --tc-linkAccent: var(--c-PRIMARY);
    --tc-linkAccentFocus: var(--c-NUETRAL-9);
    
    /* Buttons */
    --tc-buttonSurface: var(--c-PRIMARY);
    --tc-buttonBorder: var(--c-PRIMARY);
    --tc-buttonText: var(--c-WHITE);
    --tc-buttonSurfaceAccent: var(--c-PRIMARY);
    --tc-buttonSurfaceAccentBorder: var(--c-PRIMARY);
    --tc-buttonSurfaceAccentText: var(--c-WHITE);
    
    /* Banner */
    --tc-bannerSurface: var(--c-PRIMARY);
    --tc-bannerText: var(--c-WHITE);
    
    /* Header */
    --tc-headerSurface: var(--c-WHITE);
    --tc-headerBorderTop: var(--c-PRIMARY);
    --tc-headerBorderBottom: var(--c-NUETRAL-4);
    --tc-headerLogo: var(--c-PRIMARY);
    --tc-headerText: var(--c-NUETRAL-9);
    --tc-headerLink: var(--c-NUETRAL-9);
    --tc-headerLinkHover: var(--c-PRIMARY); /* NEW */
    --tc-headerInput: var(--c-NUETRAL-9);
    --tc-headerIcon: var(--c-NUETRAL-9);
    
    /* Footer */
    --tc-footerSurface: var(--c-NUETRAL-2);
    --tc-footerLogo: var(--c-PRIMARY);
    --tc-footerText: var(--c-NUETRAL-9);
    --tc-footerTextSecondary: var(--c-NUETRAL-6);
}

.accountBox {
    display: block;
    border: 3px solid var(--c-NUETRAL-2);
    margin: 0 10px;
}

.accountBox-hd {
    padding: 10px 0px 10px 10px;
    background: var(--c-NUETRAL-2);
}

@media screen and (min-width: 480px) {
    .accountBox {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .accountBox { max-width: 500px; }
}

.accountNav { padding: 20px; }

.accountNav-balance {
    padding: 10px;
    margin-top: 5px;
    background-color: var(--c-NUETRAL-2);
 }

.accountNav-welcome {
    font-family: var(--f-SECONDARY);
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--c-NUETRAL-5);
}

.accountNav-list-link > a {
    font: 15px/17px var(--f-TERTIARY);
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    color: var(--c-NUETRAL-8);
}

.accountNav-list > * > * { margin-top: 30px; }

.accountNav-list-link > a:hover,
.accountNav-list-link.isCurrent > a {
    color: var(--c-PRIMARY);
}

.bdcpy {
    font: var(--t-BODY-1);
    letter-spacing: 0.8px;
    font-weight: 400;
}

.bdcpy_sm { font-size: 14px; }

.mix-bdcpyAccent { font-weight: 600; }

.bioBlock {
    padding: 40px 20px;
    text-align: center;
}

.bioBlock-pic {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    border: 2px solid var(--c-NUETRAL-5);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M63.1 57.6C56 56 49.4 54.5 52.6 48.5c9.7-18.4 2.6-28.2-7.7-28.2-10.5 0-17.5 10.2-7.7 28.2 3.3 6.1-3.6 7.5-10.5 9.1-6.1 1.4-6.6 4.4-6.6 9.6v2.6h4.1c0-6.5-.3-7.3 3.8-8.3 5.9-1.4 11.4-2.6 13.5-7.1.7-1.6 1.2-4.3-.7-7.9-4.2-7.8-5.3-14.6-2.9-18.6 2.8-4.7 11.2-4.7 14-.1 2.4 3.9 1.3 10.8-2.9 18.7-1.9 3.5-1.4 6.2-.6 7.9 2 4.5 7.6 5.8 13.6 7.1 3.9.9 3.6 1.8 3.6 8.2h4.1v-2.6c0-5.1-.4-8.1-6.6-9.5z' fill='%2523666666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: var(--c-NUETRAL-5);
    background-size: contain;
    margin: 0 auto;
    overflow: hidden;
}

.bioBlock-msg {
    font: 13px/19px var(--f-PRIMARY);
    font-weight: 300;
    letter-spacing: 0.087em;
    padding: 10px 0;
    border-bottom: 1px solid var(--c-NUETRAL-5);
}

.bioBlock-msg i { font-style: italic; }

.bioBlock-msg p { margin: 0; }

.bioBlock-msg b { 
    font-family: var(--f-PRIMARY);
    font-weight: bold; }

.bioBlock-info { padding: 10px 0; }

.breadcrumbs {
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
}

.breadcrumbs > *  {
    display: inline-block;
    font: 14px/14px var(--f-PRIMARY);
    font-weight: bold;
    color: var(--c-NUETRAL-8);
    letter-spacing: 0.03em;
}

.breadcrumbs > * a {
    text-decoration: none;
    color: var(--c-PRIMARY);
}

.breadcrumbs > * + * { margin-left: 10px;}

.breadcrumbs > *:not(:last-child):after {
    content: '';
    margin-left: 10px;
    display: inline-block;
    vertical-align: bottom;
    height: 14px;
    width: 7px;
    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20.535L.547%200%205%204.5.547%209%200%208.465%203.906%204.5z%22%20fill%3D%22%23999%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20.535L.547%200%205%204.5.547%209%200%208.465%203.906%204.5z%22%20fill%3D%22%23999%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    background-color: var(--c-NUETRAL-5);
}

@media screen and (min-width: 1024px) {
    .breadcrumbs {
        padding: 0;
        margin: 0;
        border-bottom: none;
    }
}

.btn {
    display: inline-block;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px 30px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.btn:hover {
    color: var(--c-PRIMARY);
    background-color: transparent;
}

.btn_cta,
.btn_cta_reversed,
.btn_secondary_cta,
.btn_secondary_cta_reversed {
    padding-right: 54px;
    position: relative;
}

.btn_cta:after,
.btn_cta_reversed:after,
.btn_secondary_cta:after,
.btn_secondary_cta_reversed:after {
    content: '';
    position: absolute;
    height: 44px;
    width: 44px;
    display: inline-block;
    top: 0;
    right: 0;
    border-left: 2px solid var(--c-WHITE);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    margin-left: 10px;
    mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: var(--c-WHITE);
}

.btn_cta:before,
.btn_cta_reversed:before,
.btn_secondary_cta:before,
.btn_secondary_cta_reversed:before {
    content: '';
    position: absolute;
    top: 0;
    right: 44px;
    height: 100%;
    width: 2px;
    background-color: var(--c-WHITE);
}

.btn_cta_reversed:before,
.btn_cta:hover:before { background-color: var(--c-PRIMARY); }

.btn_secondary_cta_reversed:hover:before,
.btn_cta_reversed:hover:before { background-color: var(--c-WHITE); }

.btn_secondary_cta_reversed:before,
.btn_secondary_cta:hover:before { background-color: var(--c-NUETRAL-8); }

.btn_secondary,
.btn_secondary_cta {
    background-color: var(--c-NUETRAL-8);
    border-color: var(--c-NUETRAL-8);
}

.btn_secondary:hover,
.btn_secondary_cta:hover {
    color: var(--c-NUETRAL-8);
    background-color: transparent;
}

.btn_secondary_reversed,
.btn_secondary_cta_reversed {
    color: var(--c-NUETRAL-8);
    border-color: var(--c-NUETRAL-8);
    background-color: transparent;
}

.btn_secondary_reversed:hover,
.btn_secondary_cta_reversed:hover {
    color: var(--c-WHITE);
    background-color: var(--c-NUETRAL-8);
}

.btn_cta_reversed:after,
.btn_cta:hover:after,
.btn_secondary_cta:hover:after { background-color: var(--c-PRIMARY); }

.btn_reversed,
.btn_cta_reversed {
    color: var(--c-PRIMARY);
    background-color: transparent;
}

.btn_reversed:hover,
.btn_cta_reversed:hover {
    color: var(--c-WHITE);
    background-color: var(--c-PRIMARY);
}

.mix-btn_fullWidth { width: 100%; }

.btn_searchIcon {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 0;
    padding: 0px;
    border: none;
    mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-magnifier-2%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-1150.000000  -29.000000)' fill='%230079C9' fill-rule='nonzero'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Search' transform='translate(849.000000  17.000000)'%3E%3Cg id='iconmonstr-magnifier-2' transform='translate(301.000000  11.000000)'%3E%3Cpath d='M16 14.4306667 L11.8301483 10.294 C12.6143895 9.224 13.0780797 7.908 13.0780797 6.48666667 C13.0780797 2.91 10.1447352 0 6.53870385 0 C2.93334453 0 0 2.91 0 6.48666667 C0 10.064 2.93334453 12.9733333 6.53870385 12.9733333 C7.90558192 12.9733333 9.17501785 12.5553333 10.226049 11.8413333 L14.4180772 16 L16 14.4306667 L16 14.4306667 Z M1.91793019 6.48666667 C1.91793019 3.95866667 3.9910958 1.902 6.53937587 1.902 C9.08765593 1.902 11.1608215 3.95866667 11.1608215 6.48666667 C11.1608215 9.01466667 9.08765593 11.0713333 6.53937587 11.0713333 C3.99042379 11.0713333 1.91793019 9.01466667 1.91793019 6.48666667 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-magnifier-2%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-1150.000000  -29.000000)' fill='%230079C9' fill-rule='nonzero'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Search' transform='translate(849.000000  17.000000)'%3E%3Cg id='iconmonstr-magnifier-2' transform='translate(301.000000  11.000000)'%3E%3Cpath d='M16 14.4306667 L11.8301483 10.294 C12.6143895 9.224 13.0780797 7.908 13.0780797 6.48666667 C13.0780797 2.91 10.1447352 0 6.53870385 0 C2.93334453 0 0 2.91 0 6.48666667 C0 10.064 2.93334453 12.9733333 6.53870385 12.9733333 C7.90558192 12.9733333 9.17501785 12.5553333 10.226049 11.8413333 L14.4180772 16 L16 14.4306667 L16 14.4306667 Z M1.91793019 6.48666667 C1.91793019 3.95866667 3.9910958 1.902 6.53937587 1.902 C9.08765593 1.902 11.1608215 3.95866667 11.1608215 6.48666667 C11.1608215 9.01466667 9.08765593 11.0713333 6.53937587 11.0713333 C3.99042379 11.0713333 1.91793019 9.01466667 1.91793019 6.48666667 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    background-color: var(--c-PRIMARY);
    cursor: pointer;
    box-sizing: border-box;
}

.btn_searchIcon:hover { background-color: var(--c-PRIMARY); }

.btn[disabled],
.btn_cta[disabled],
.btn_cta[disabled]:after {
    opacity: 1;
    background-color: var(--c-NUETRAL-5);
    border-color: var(--c-NUETRAL-5);
    pointer-events: none;
    padding-right: 15px;
}

.btn_cta[disabled]:after { content: none; }

@media screen and (min-width: 480px) {
    .btn_ctaWide { min-width: 240px; }
}

.carousel {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.carousel:not(.carousel_product) { max-height: 700px; }

.carousel-thumbs { width: 100%; }

.carousel-slide { aspect-ratio: 1/1; }

.carousel-slide > img {
    min-height: 100%;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;

}

.carousel-slide > img:after {
    content: " ";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--c-NUETRAL-1);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.carousel-thumbs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
    z-index: 1;
}

.carousel-thumbs-item {
    display: flex;
    width: 100px;
    max-height: 100px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: border 0.2s ease-in-out;
    aspect-ratio: 1/1;
    border-radius: 10px;
    border: 2px solid var(--c-NUETRAL-4);
}

.carousel-thumbs-item > img {
    display: block;    
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    object-fit: contain;
}

.carousel-thumbs-item.isCurrent { border: 2px solid var(--c-NUETRAL-9); }

.carousel-thumbs-item:not(:first-of-type) { margin-left: 20px; }

.carousel_product {
    flex-direction: column;
    padding: 40px 40px 0 40px;
    aspect-ratio: auto;
}

.carousel_product .carousel-slides {
    order: inherit;
    aspect-ratio: 1/1;
    overflow: hidden;

    max-height: 500px;
}

.carousel_product .carousel-slide {
    max-height: 500px;
    margin: auto;
}

.carousel_product .carousel-thumbs {
    border-top: 1px solid var(--c-NUETRAL-4);
    border-bottom: 1px solid var(--c-NUETRAL-4);
    flex-direction: row;
    padding: 40px;
    margin: 40px -40px 0 -40px;
}

.carousel-slide_homeSlide {
    padding: 40px 80px;
    box-sizing: border-box;
    overflow: hidden;
}

.carousel-slide-label {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font: 400 14px/1 var(--f-SECONDARY);
    color: var(--c-NUETRAL-8);
    text-align: center;
    letter-spacing: 1.4px;
    height: 30px;
    margin-top: 25px;
}

.carousel-dots {
    display: flex;
    position: absolute;
    bottom: 40px;
    width: 100%;
    height: 10px;
    z-index: 1;
    justify-content: center;
}

.carousel-dots-item {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: var(--c-NUETRAL-9);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.carousel-dots-prev,
.carousel-dots-next{
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    cursor: pointer;
    transition: border 0.3s ease-in-out;
}

.carousel-dots-prev {
    border-right: 10px solid var(--c-NUETRAL-5);
    margin-right: 10px;
}

.carousel-dots-prev:hover { border-right-color: var(--c-PRIMARY); }

.carousel-dots-next {
    border-left: 10px solid var(--c-NUETRAL-5);
    margin-left: 10px;
}

.carousel-dots-next:hover { border-left-color: var(--c-PRIMARY); }

.carousel-dots-item + .carousel-dots-item { margin-left: 5px; }

.carousel-dots-item.isCurrent { width: 30px; }

.carousel-dots-item:hover { background-color: var(--c-PRIMARY); }

@media screen and (min-width: 480px) {
    .carousel-slides {
        order: 2;
        flex-grow: 1;
    }
    
    .carousel-thumbs {
        flex-direction: column;
        height: 100%;
        width: auto;
        left: 0;
    }
}

/* Collaterate delivers markup for this so using .checkoutOrderSummary to appy styles to class names and contextually select elements occasionally */

.checkoutOrderSummary {
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--c-NUETRAL-2);
}

.checkoutOrderSummary .cart.checkout {
    border-spacing: 0 10px;
    border-collapse: separate;
}

.checkoutOrderSummary th.orderItem { text-align: left; }

.checkout svg.c-document { display: none; }

.checkoutOrderSummary th.orderItem,
.checkoutOrderSummary th.orderItemQty,
.checkoutOrderSummary th.orderItemPrice {
    font-family: var(--f-PRIMARY);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 20px 10px 10px 10px;
}

.checkoutOrderSummary td.orderItemName {
    font-family: var(--f-PRIMARY);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--c-NUETRAL-7);
}

.checkoutOrderSummary td.orderItemName > span {
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-transform: none;
    color: var(--c-BLACK);
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.checkoutOrderSummary td.orderItemQty,
.checkoutOrderSummary td.orderItemPrice {
    text-align: right;
    font-family: var(--f-TERTIARY);
    font-size: 14px;
    color: var(--c-NUETRAL-7);
}

.checkoutOrderSummary .viewChoices {
    display: flex;
    align-items: baseline;
    font-family: var(--f-TERTIARY);
    font-size: 12px;
    letter-spacing: 0;
    margin-top: 10px;
}

.checkoutOrderSummary .viewChoices a {
    color: var(--c-PRIMARY);
    text-transform: none;
    font-weight: 500;
    font-size: 13px;
    margin-top: 5px;
}

.checkoutOrderSummary .viewChoices > *:not(:first-child) { margin-left: 10px; }

.checkoutOrderSummary tr.totals.sub td:first-of-type,
.checkoutOrderSummary tr.deliveryQuote td:first-of-type,
.checkoutOrderSummary tr.salesTax td:first-of-type,
.checkoutOrderSummary tr.discountQuote td:first-of-type,
.checkoutOrderSummary tr.handlingQuote td:first-of-type,
.checkoutOrderSummary tr.totalQuote td:first-of-type {
    text-align: right;
    padding-right: 20px;
    font-family: var(--f-PRIMARY);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: var(--c-NUETRAL-9);
    letter-spacing: 0.5px;
}

.checkoutOrderSummary tr.totals.sub td:last-of-type,
.checkoutOrderSummary tr.deliveryQuote td:last-of-type,
.checkoutOrderSummary tr.salesTax td:last-of-type,
.checkoutOrderSummary tr.discountQuote td:last-of-type,
.checkoutOrderSummary tr.handlingQuote td:last-of-type,
.checkoutOrderSummary tr.totalQuote td:last-of-type {
    font-family: var(--f-SECONDARY);
    font-size: 14px;
    text-align: right;
    color: var(--c-NUETRAL-7);
    padding-right: 20px;
}

.checkoutOrderSummary tr.totalQuote td {
    padding-top: 20px;
    font-size: 18px !important;
    font-weight: 600;
    color: var(--c-NUETRAL-9) !important;
}

.checkoutOrderSummary tr.savings {
    font-family: var(--f-PRIMARY);
    font-style: italic;
    text-align: right;
}

.checkoutOrderSummary tr.savings td { padding-top: 10px; }

/* orderItem Mobile overrides for .checkoutOrderSummary */

.checkoutOrderSummary tr.orderItem { display: table-row; }

.checkoutOrderSummary td.orderItemName {
    border: 1px solid var(--c-NUETRAL-5);
    border-right: none;
}

.checkoutOrderSummary td.orderItemQty {
    border-top: 1px solid var(--c-NUETRAL-5);
    border-bottom: 1px solid var(--c-NUETRAL-5);
}

.checkoutOrderSummary td.orderItemPrice {
    border: 1px solid var(--c-NUETRAL-5);
    border-left: none;
}

/* Checkout template .checkoutProcess class hook due to Collaterate delivered markup */

.checkoutProcess .formFields th,
.checkoutProcess .formFields td {
    display: block;
    line-height: 1.2;
}

.checkoutProcess .formFields,
.checkoutProcess .formFields tbody,
.checkoutProcess .formFields tr {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.checkoutProcess .cart.checkout { width: 100%; }

.checkoutProcess .formFields th,
.divisionChooserLabel {
    text-align: left;
    font-family: var(--f-PRIMARY);
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
}

.checkoutProcess input[name="FNAMEEF"],
.checkoutProcess input[name="LNAMEEF"],
.checkoutProcess input[name="SHIPPINGFNAMEEF"],
.checkoutProcess input[name="SHIPPINGLNAMEEF"],
.checkoutProcess input[name="SHIPFROMFNAMEEF"],
.checkoutProcess input[name="SHIPFROMLNAMEEF"],
.checkoutProcess input[name="BILLINGFNAMEEF"],
.checkoutProcess input[name="BILLINGLNAMEEF"],
.checkoutProcess #shipToAddressContainerStateRow,
.checkoutProcess #shipToAddressContainerZipRow,
.checkoutProcess #shipFromAddressContainerStateRow,
.checkoutProcess #shipFromAddressContainerZipRow,
.checkoutProcess #billToAddressContainerStateRow,
.checkoutProcess #billToAddressContainerZipRow,
.checkoutProcess .globalForm-row_inline > * { display: inline-block; }

.checkoutProcess input[name="FNAMEEF"],
.checkoutProcess input[name="LNAMEEF"],
.checkoutProcess input[name="BILLINGFNAMEEF"],
.checkoutProcess input[name="BILLINGLNAMEEF"],
.checkoutProcess #shipToAddressContainerStateRow,
.checkoutProcess #shipToAddressContainerZipRow,
.checkoutProcess #shipFromAddressContainerStateRow,
.checkoutProcess #shipFromAddressContainerZipRow,
.checkoutProcess #billToAddressContainerStateRow,
.checkoutProcess #billToAddressContainerZipRow,
.checkoutProcess .globalForm-row_inline > * { max-width: calc(48% - 2px); }

.checkoutProcess input[name="SHIPPINGFNAMEEF"],
.checkoutProcess input[name="SHIPPINGLNAMEEF"],
.checkoutProcess input[name="SHIPFROMFNAMEEF"],
.checkoutProcess input[name="SHIPFROMLNAMEEF"] { max-width: 48%; }

.checkoutProcess input[name="LNAMEEF"],
.checkoutProcess input[name="SHIPPINGLNAMEEF"],
.checkoutProcess input[name="SHIPFROMLNAMEEF"],
.checkoutProcess input[name="BILLINGLNAMEEF"],
.checkoutProcess #shipToAddressContainerZipRow,
.checkoutProcess #shipFromAddressContainerZipRow,
.checkoutProcess #billToAddressContainerZipRow,
.checkoutProcess .globalForm-row_inline > *:nth-child(even) { margin-left: 4%; }

.checkoutProcess .accountCreation tr:not(.short) input[name="FNAMEEF"],
.checkoutProcess .accountCreation tr:not(.short) input[name="LNAMEEF"] {
    max-width: 100%;
    margin: 0;
}

.checkoutProcess .globalForm-row_inline {
    display: flex;
    flex-direction: row;
}

.checkoutProcess .shippingCalcEstimates tr:not(:first-of-type) {
    display: flex;
    justify-content: start;
}

.checkoutProcess .shippingCalcEstimates tr td:last-of-type {
    width: 50%;
    text-align: right;
}

.checkoutProcess .globalForm-inputText {
    width: 100%;
    height: 44px;
    background: var(--c-WHITE);
    padding: 5px;
    border: 2px solid var(--c-NUETRAL-5);
    border-radius: 5px !important;
    box-sizing: border-box;
}

.checkoutProcess .checkoutPaymentButtons + p {
    font-family: var(--f-SECONDARY);
    font-size: 14px;
    font-style: italic;
    text-align: right;
    margin-top: 20px;
}

.checkoutProcess .shipServiceSelect { width: 60px; }

.checkoutProcess .shipServiceName {
    white-space: nowrap;
    width: 100%;
}

.checkoutProcess .shipTo,
.checkoutProcess .billTo,
.checkoutProcess .blindShip {
    border: 2px solid var(--c-NUETRAL-2);
    padding: 20px;
    border-bottom: none;
}

.checkoutProcess .blindShip h3 {
    /* Shimming due to inconsistent markup structure */
    margin: -20px -20px 20px -20px;
    padding: 10px;
}

.checkoutProcess .shipTo > *,
.checkoutProcess .billTo > *,
.checkoutProcess .blindShip > * {
    padding: 20px 20px 0 20px;
    background-color: var(--c-NUETRAL-2);
}

.checkoutProcess .shipTo > * + *,
.checkoutProcess .billTo > * + * {
    padding-top: 10px;
    padding-bottom: 10px;
}

.checkoutProcess .userAddress,
.checkoutProcess .accountInfo,
.checkoutProcess .shippingInfo,
.checkoutProcess .checkoutConfirm,
.checkoutProcess .checkoutConfirm + .formFields,
.checkoutProcess .paymentInfoReceived .formFields td {
    font-family: var(--f-SECONDARY);
    font-size: 14px;
    line-height: 20px;
}

.checkoutProcess .addAddress,
.checkoutProcess .editAddress,
.checkoutProcess .editOrderInfo,
.checkoutProcess .editPaymentInfo,
.checkoutProcess .signInOnCheckout {
    display: inline-block;
    font-family: var(--f-TERTIARY);
    font-size: 14px;
    color: var(--c-PRIMARY);
    margin: 10px 0;
}

.checkoutProcess .signInOnCheckout { margin-left: 10px; }

.checkoutProcess .loginText:not(.signInOnCheckout) {
    font-style: italic;
    font-size: 14px;
}

.checkoutProcess .addAddress:before { content: '+ '; }

.checkoutProcess .checkoutPaymentButtons { border-bottom: 2px solid var(--c-NUETRAL-2); }

.checkoutProcess .checkoutButton {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    border-left: 2px solid var(--c-NUETRAL-2);
    border-right: 2px solid var(--c-NUETRAL-2);
    padding: 20px;
}

.checkoutProcess #paypalButtonsDiv {
    padding: 0px 20px 20px;
    border-left: 2px solid var(--c-NUETRAL-2);
    border-right: 2px solid var(--c-NUETRAL-2);
}

.checkoutProcess *:not(.globalMessage) h3 {
    font-family: var(--f-PRIMARY);
    font-size: 14px;
    font-weight: bold;
    text-transform: var(--t-TEXT-TRANSFORM);
    padding: 10px;
    background-color: var(--c-NUETRAL-2);
}

.checkoutProcess .genericContainer {
    padding: 20px;
    border: 2px solid var(--c-NUETRAL-2);
    border-bottom: 0;
}

.checkoutProcess .blindShipControl {
    padding: 0 20px 20px;
    border: 2px solid var(--c-NUETRAL-2);
    border-top: none;
}

.checkoutProcess .paymentOptions {
    padding: 20px 0;
    border-left: 2px solid var(--c-NUETRAL-2);
    border-right: 2px solid var(--c-NUETRAL-2);
}

.checkoutProcess .paymentOptions > a {
    font-family: var(--f-TERTIARY);
    color: var(--c-PRIMARY);
    font-size: 12px;
    padding: 20px;
}

.checkoutProcess .paymentOptions > a.on { background-color: var(--c-NUETRAL-2); }

.checkoutProcess .continueButton {
    display: inline-flex;
    align-items: center;
    min-width: 115px;
    text-align: right;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px 54px 15px 15px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.checkoutProcess .continueButton:hover {
    color: var(--c-PRIMARY);
    background-color: transparent;
}

.checkoutProcess .continueButton:after {
    content: '';
    position: absolute;
    height: 44px;
    width: 44px;
    display: inline-block;
    top: 0;
    right: 0;
    border-left: 2px solid var(--c-WHITE);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    margin-left: 10px;
    mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: var(--c-WHITE);
}

.checkoutProcess .continueButton::before {
    content: '';
    position: absolute;
    top: 0;
    right: 44px;
    height: 100%;
    width: 2px;
    background-color: var(--c-WHITE);
}

.checkoutProcess .continueButton:hover::before,
.checkoutProcess .continueButton:hover:after { background-color: var(--c-PRIMARY); }

.checkoutProcess button.secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px;
    margin-bottom: 20px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.checkoutProcess button.secondary:hover {
    color: var(--c-PRIMARY);
    background-color: transparent;
}

.checkoutProcess button.secondary.cancel {
    color: var(--c-NUETRAL-8);
    background-color: transparent;
    border-color: var(--c-NUETRAL-8);
    margin-left: 10px;
}

.checkoutProcess button.secondary.cancel:hover {
    color: var(--c-WHITE);
    background-color: var(--c-NUETRAL-8);
}

.checkoutProcess button.secondary + .checkoutProcess button.secondary { margin-left: 20px; }

/* Thank You Page additional styles. No control over markup so contextually selecting elements */

.thankYouPage h2:first-of-type {
    padding: 20px;
    border: 2px solid var(--c-NUETRAL-2);
    border-bottom: none;
}

.thankYouPage h2 + p,
.thankYouPage h2 + p + p {
    padding: 0 40px 20px;
    border-left: 2px solid var(--c-NUETRAL-2);
    border-right: 2px solid var(--c-NUETRAL-2);
}

.thankYouPage h2 + p > a,
.thankYouPage h2 + p + p > a {
    font-family: var(--f-TERTIARY);
    color: var(--c-PRIMARY);
    font-size: 14px;
}

.thankYouPage .genericContainer + p {
    padding: 0 20px 20px 20px;
    border: 2px solid var(--c-NUETRAL-2);
    border-top: 0;
}

.thankYouPage .genericContainer + p > a {
    font-family: var(--f-TERTIARY);
    font-size: 14px;
    color: var(--c-PRIMARY);
}

.checkoutSteps .checkoutProcess {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: baseline;
    counter-reset: list-number;
    font-family: var(--f-SECONDARY);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--c-NUETRAL-5);
}

.checkoutSteps { width: 100%; }

.checkoutSteps .checkoutProcess > * > *:before {
    content: counter(list-number);
    height: 25px;
    width: 25px;
    display: block;
    margin: 0 auto 5px auto;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    border: 2px solid var(--c-NUETRAL-5);
}

.checkoutSteps .checkoutProcess li {
    counter-increment: list-number;
    position: relative;
    text-align: center;
    width: 25%;
}

.checkoutSteps .checkoutProcess li:not(:last-of-type):after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 25%;
    position: absolute;
    right: -10px;
    top: -25%;
    bottom: 0;
    margin: auto;
    background: var(--c-NUETRAL-5);
    vertical-align: middle;
}

.checkoutSteps .checkoutProcess li.current { color: var(--tc-headerLinkHover); }

.checkoutSteps .checkoutProcess li.current > *::before { border-color: var(--tc-headerLinkHover); }

.checkoutSteps .checkoutProcess li.complete,
.checkoutSteps .checkoutProcess li.complete a { color: var(--tc-headerText); }

.checkoutSteps .checkoutProcess li.complete > *::before { border-color: var(--tc-headerText); }

.checkoutSteps .checkoutProcess li.complete > *:before {
    content: '\2143';
    font-size: 18px;
    transform: rotate(45deg);
    line-height: 20px;
    text-indent: -3px;
}

@media screen and (min-width: 1024px) {
    .checkoutSteps .checkoutProcess { align-items: center; }
    
    .checkoutSteps .checkoutProcess li {
        text-align: left;
        width: auto;
    }
    
    .checkoutSteps .checkoutProcess > * > *:before {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
    }
    
    .checkoutSteps .checkoutProcess li:not(:last-of-type):after {
        position: static;
        width: 50px;
        margin: auto 15px;
    
    }
}

.customQuote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.customQuote-main {
    width: 100%;
}

.customQuote-main-hd {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.customQuote-main-hd-actions {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
}

.customQuote-main-hd-actions > *.link_iconPrint {
    order: 2;
    font-size: 0;
}

.customQuote-main-hd-actions > * { order: 1 }

.customQuote-main-bd { margin-top: 20px; }

.singeQuote-main-bd-quoteTitle { margin-bottom: 40px; }

.singeQuote-main-bd-quoteDesc {
    margin-bottom: 20px;
    margin-top: 20px;
}

.customQuote-main-bd-status {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

.customQuote-main-bd-status {
    display: flex;
    flex-direction: column;
}

.customQuote-main-bd-status_cc {
    justify-content: space-between;
    margin-bottom: 0;
}

.customQuote-main-bd-status_cc > * { text-align: left; }

.customQuote-main-bd-status_cc > *:first-child {
    text-align: left;
    width: 100%;
}

.customQuote-aside {
    width: 100%;
    background-color: var(--c-NUETRAL-2);
}

.customQuote-aside-inner {
    display: flex;
    flex-direction: column;
}

.userAccount-main {
    display: flex;
    flex-direction: column;
}

.customQuote-aside-inner > * { order: 1; }

.customQuote-aside-inner > .bioBlock { order: 2; }

.customQuote-aside-inner > *.project-ft-totals-promo { border-top: none; }

@media screen and (max-width: 768px) {

    .project_quote .project-hd-accentRow th { display: none; }

    .project_quote .project-hd-accentRow,
    .project_quote .project-hd-accentRow th:first-of-type { display: block; }

    .project_quote .orderItem-checkbox {
        background: var(--c-NUETRAL-4);
        width: 100%;
    }

    .project_quote .orderItem-files_needFiles,
    .project_quote .orderItem-files_hasFiles,
    .project_quote .orderItem-files_viewFiles {
        width: 100%;
        border-right: 1px solid var(--c-NUETRAL-3);
    }

    .project_quote .orderItem-unitPrice,
    .project_quote .orderItem-price,
    .project_quote .orderItem-qty { width: 33.33333333%; }
}

@media screen and (min-width: 1024px) {
    .customQuote-main-hd {
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid var(--c-NUETRAL-3);
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .customQuote-main-hd-actions {
        justify-content: flex-end;
        padding: 0;
        white-space: nowrap;
        align-items: center;
    }

    .customQuote-main-hd-actions > .link_iconPrint {
        order: 1;
        font-size: 13px;
        margin-right: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .customQuote-main-hd-actions > * { order: 2 }

    .singeQuote-main-bd { padding: 40px 20px; }

    .customQuote-main-bd-status { flex-direction: row; }

    .customQuote-main-bd-status > * + * { margin-left: 20px; }

    .customQuote-main-bd-status_cc > *:first-child { width: 50%; }

    .customQuote-main-bd-status_cc > * {
        text-align: right;
        white-space: nowrap;
    }
    
    .customQuote-aside-inner { flex-direction: row; }

    .customQuote-aside-inner > .bioBlock {
        order: 1;
        border-top: none;
        border-right: 3px solid var(--c-WHITE);
    }
}

@media screen and (min-width: 1280px) {
    .customQuote { flex-direction: row; }

    .customQuote-main { width: 70%; }

    .customQuote-main-hd-actions > *.link_iconPrint { margin-right: 40px; }

    .customQuote-aside {
        width: calc(30% - 40px);
        margin-left: 40px;
     }

    .customQuote-aside-inner {
        flex-direction: column;
        position: sticky;
        top: 60px;
        padding: 30px 20px;
        box-sizing: border-box;
    }
    
    .customQuote-aside-inner > .bioBlock {
        border-right: none;
        border-bottom: 3px solid var(--c-WHITE);
    }

    .customQuote-aside-inner>*.project-ft-totals-promo { border-bottom: 5px solid var(--c-WHITE); }
}

.collaterateForm .formFields {
    display: block;
    margin: 0 20px 10px 10px; 
}

.collaterateForm .formFields tbody,
.collaterateForm .formFields td { display: block; }

.collaterateForm .formFields tr {
    display: block;
    margin-top: 15px;
}

.collaterateForm .formFields th {
    font: 13px/18px var(--f-PRIMARY);
    font-weight: bold;
}

.collaterateForm .formFields button {
    display: inline-block;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.collaterateForm .formFields button:hover {
    background: var(--c-WHITE);
    color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
}

.collaterateForm .formFields input {
    width: 100%;
    padding: 12px;
    font-size: 13px;
    color: var(--c-NUETRAL-5);
    border: 2px solid var(--c-NUETRAL-5);
    border-radius: 5px;
    background-color: var(--c-WHITE);
    box-sizing: border-box;
}

/* H3 is being rendered by collaterate for the password fields. We do not have control over that element on the theme side */

.collaterateForm > h3 {
    display: block;
    font: 14px/20px var(--f-PRIMARY);
    text-transform: var(--t-TEXT-TRANSFORM);
    font-weight: bold;
    padding: 10px 0 10px 10px;
    background: var(--c-NUETRAL-2);
}

/* Styling on first two rows of the table to allow for the input fields to sit next to eachother on the Account Page */

.collaterateForm_accountFields .formFields:first-of-type tr:nth-child(1), 
.collaterateForm_accountFields .formFields:first-of-type tr:nth-child(2) { display: inline-block; }

.collaterateForm_accountFields .formFields:first-of-type tr:nth-child(1) { width: calc(50% - 4px); }

.collaterateForm_accountFields .formFields:first-of-type tr:nth-child(2) {
    margin-left: 20px;
    width: calc(50% - 24px);
}

/* Styling on div elements that do not have a class */

.collaterateForm_accountFields > div:not(:empty) { 
    font: var(--t-BODY-2);
    padding: 10px; 
}

.collaterateInfo {
    position: fixed;
    top: 80px;
    right: 30px;
    width: 320px;
    z-index: var(--z-ALERT);
    font: 12px/16px var(--f-PRIMARY);
    font-weight: 300;
    letter-spacing: 0.05em;
}

.collaterateInfo > * { margin-bottom: 10px; }

.collaterateInfo-message {
    position: relative;
    padding: 10px 40px 10px 10px;
    background-color: var(--c-WARNING);
    color: var(--c-WARNING-TEXT);
    box-shadow: 0 2px 4px 0 rgba(122,99,99,0.50);
    opacity: 0;
    right: -150%;
    animation: notification-slide-in 0.5s ease-in-out .5s forwards;
}

.collaterateInfo-message.isInactive { animation: notification-slide-out 0.5s ease-in-out; }

@keyframes notification-slide-in {
    0%   { opacity: 0; right: -150%; }
    100% { opacity: 1; right: 0; }
}

@keyframes notification-slide-out {
    0%   { opacity: 1; right: 0; }
    100% { opacity: 0; right: -150%; }
}

@keyframes notification-slide-in-minimal {
    0%   { opacity: 0; right: -5%; }
    100% { opacity: 1; right: 0; }
  }

.collaterateInfo-message-close {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
}

.collaterateInfo-message-close:after,
.collaterateInfo-message-close:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: var(--c-NUETRAL-5);
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: middle middle;
    transition: all .3s ease-in-out;
    transition-delay: .25s;
}

.collaterateInfo-message-close:after { transform: rotate(45deg); }

.collaterateInfo-message-close:before { transform: rotate(-45deg); }

.collaterateInfo-message.isError .collaterateInfo-message-close:after,
.collaterateInfo-message.isError .collaterateInfo-message-close:before { background-color: var(--c-WHITE); }

.collaterateInfo-message-time {
    font-size: 10px;
    line-height: 17px;
    text-align: right;
    display: block;
    position: relative;
    margin-bottom: 10px;
    opacity: 0.7;
}

.collaterateInfo-message-bd {
    position: relative;
    font: bold 14px/16px var(--f-PRIMARY);
    letter-spacing: 0.087em;
}

.collaterateInfo-message.isError {
    background-color: var(--c-ERROR);
    color: var(--c-WHITE);
}

.collaterateInfo-message.isInfo.isInfo_cart {
    padding: 10px;
    animation: notification-slide-in-minimal 0.5s ease-in-out .5s forwards;
    box-shadow: none;
    border: 1px solid var(--c-NUETRAL-5);
}

.collaterateInfo-message.isInfo.isInfo_cart + .collaterateInfo-message.isInfo.isInfo_cart { margin-top: 10px }

.collaterateInfo-message.isInfo.isInfo_cart .collaterateInfo-message-bd { margin-top: 0; }

.collaterateInfo-message.isInfo.isInfo_cart:after { content: none; }

.collaterateInfo-message-bd-itemName {
    font-size: 16px;
    font-family: var(--f-PRIMARY);
    font-weight: 700;
    color: var(--c-NUETRAL-8);
    letter-spacing: 0.05em;
    text-transform: none;
}

@media screen and (min-width: 1024px) {
    .collaterateInfo { width: 450px; }
}

.customQuoteTable > tbody {
    display: flex;
    flex-wrap: wrap;
}

.customQuoteTable > tbody > tr {
    position: relative;
    width: 100%;
    border: 2px solid transparent;
    box-shadow: 0 0 4px 0 var(--c-NUETRAL-5);
    transition: box-shadow .3s ease-in-out;
    font-size: 0;
    margin-bottom: 20px;
}

.customQuoteTable thead {
    opacity: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}

.customQuoteTable > tbody > tr > td {
    display: inline-block;
    box-sizing: border-box;
}

.customQuoteTable > tbody > tr > td:nth-child(2) { 
    width: 30%;
    padding: 20px 10px;
}

.customQuoteTable > tbody > tr > td:nth-child(n+3) {
    background-color: var(--c-NUETRAL-5);
    font: var(--t-BODY-2);
    font-weight: bold;
    color: var(--c-NUETRAL-8);
    padding: 10px 10px;
    text-align: center;
}

.customQuoteTable > tbody > tr > td:nth-child(1) { width: 100%; }

.customQuoteTable > tbody > tr > td:nth-child(2) {
    width: 100%;
    padding: 20px 10px;
}

.customQuoteTable > tbody > tr > td:nth-child(2) > * { padding: 10px 0; }

.customQuoteTable > tbody > tr > td:nth-child(3) { 
    width: 25%;
    height: 66px;
    padding-top: 20px;
}

.customQuoteTable > tbody > tr > td:nth-child(4) { 
    width: 35%;
    height: 66px;
    padding-top: 20px;
}

.customQuoteTable > tbody > tr > td:nth-child(5) { 
    width: 40%;
    height: 66px;
    padding-top: 20px;
    overflow: auto;
}

.customQuoteTable > tbody > tr > td:nth-child( n+3 ):before {
    content: '';
    font: var(--t-BODY-2);
    font-weight: bold;
    text-transform: uppercase;
    color: var(--c-NUETRAL-8);
    margin-right: 5px;
}

.customQuoteTable > tbody > tr > td:nth-child(3):before { content: 'QTY:'; }

.customQuoteTable > tbody > tr > td:nth-child(4):before { content: 'UNIT PRICE:'; }

.customQuoteTable > tbody > tr > td:nth-child(5):before { content: 'SUBTOTAL:'; }

@media screen and (min-width: 1024px) {
    .customQuoteTable {
        border-collapse: separate;
        border-spacing: 0 20px;
        width: 100%;
    }

    .customQuoteTable thead {
        opacity: 1;
        height: auto;
        position: static;
    }

    .customQuoteTable > thead {
        background-color: var(--c-NUETRAL-5);
        font: var(--t-BODY-2);
        font-weight: 400;
        text-transform: uppercase;
        border: 2px solid var(--c-NUETRAL-5);
    }

    .customQuoteTable > tbody { display: table-row-group; }

    .customQuoteTable > thead tr > td,
    .customQuoteTable > thead tr > th { padding: 10px }

    .customQuoteTable td {
        width: 10%;
        text-align: center;
    }

    .customQuoteTable > tbody > tr::after {
        content: '';
        border-bottom: 40px solid transparent;
    }

    .customQuoteTable > tbody > tr {
        display: table-row;
        width: auto;
        border: 2px solid transparent;
        box-shadow: 0 0 4px 0 var(--c-NUETRAL-5);
        transition: box-shadow .3s ease-in-out;
    }

    .customQuoteTable > tbody > tr > td {
        display: table-cell;
        box-sizing: border-box;
    }

    .customQuoteTable > tbody > tr > td:nth-child(-n+2) { width: auto; }

    .customQuoteTable > tbody > tr > td:nth-child(n+3) {
        background-color: var(--c-WHITE);
        position: static;
    }

    .customQuoteTable > tbody > tr.isSelected,
    .customQuoteTable > tbody > tr:hover {
        box-shadow: 0 0 0 2px var(--c-PRIMARY);
        cursor: pointer;
    }

    .customQuoteTable tbody tr > td:nth-child(2) {
        width: 60%;
        font-size: 10px;
    }

    .customQuoteTable tbody tr > td:nth-child(2) > * + * {
        display: inline-block;
        margin-top: 10px;
    }

    .customQuoteTable > tbody > tr > td:nth-child(4) {
        width: 35%;
        height: 84px;
    }

    .customQuoteTable tbody tr > td:first-of-type { border-right: 1px solid var(--c-NUETRAL-5); }

    .customQuoteTable tbody tr > td:nth-child(2),
    .customQuoteTable thead tr > td:nth-child(2),
    .customQuoteTable thead tr > th:nth-child(2) { text-align: left; }

    .customQuoteTable thead tr > th:nth-child(2) { padding-left: 30px; }

    .customQuoteTable > tbody > tr > td:nth-child(3):before,
    .customQuoteTable > tbody > tr > td:nth-child(4):before,
    .customQuoteTable > tbody > tr > td:nth-child(5):before { content: none; }

    .customQuoteTable tbody tr > td:nth-child(2) > a.link {
        display: block;
        width: max-content;
    }

    .customQuoteTable tbody td {
        font: var(--t-BODY-2);
        font-weight: bold;
        color: var(--c-NUETRAL-8);
        padding: 20px 30px;
    }

    .customQuoteTable .mix-bdcpy_pre > .itemDetail {
        display: block;
        white-space: normal;
        margin-top: -10px;
        margin-bottom: 10px;
        pointer-events: none;
    }
}

.crumbs {
    padding: 20px 40px;
    border-top: 1px solid #ddd;
    display: flex;
    flex-flow: wrap;
}

.crumbs > li + li { margin-left: 10px; }

.crumbs > li,
.crumbs > li > a {
    font: 600 14px/1 var(--f-PRIMARY);
    text-transform: uppercase;
    color: var(--c-NUETRAL-8);
    letter-spacing: 1px;
    transition: color 0.15s ease-in-out;
}

.crumbs > li > a:hover { color: var(--c-PRIMARY); }

.crumbs > li + li:before {
    content: '>';
    margin-right: 10px;
}

.fixedDialog,
.fixedDialog-content-hd,
.fixedDialog-content-ft { margin: 20px 0; }

.fixedDialog-content-inputs {  margin: 10px; }

.fixedDialog-content-inputs > * { margin: 10px 0; }

.fixedDialog-content-inputs > textarea {
    padding: 12px;
    font-size: 13px;
    color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px;
    background-color: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
}

.fileUpload { margin-bottom: 20px; }

.fileUpload > * + * { margin-top: 40px; }

.fileUpload-list { padding: 0; }

.fileUpload-list-item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    text-align: left;
}

.fileUpload-list-item > *:before {
    content: '';
    display: inline-block;
    height: 26px;
    width: 15px;
    margin-right: 10px;
    vertical-align: middle;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='32' fill='%23CFCFCF' viewBox='0 0 18 32'%3E%3Cpath d='M12 6v4h4v1h-5v-5h1zM13.313 4l4.688 4.688v16.313h-3v3h-15v-21h3v-3h10.313zM14 27v-2h-11v-17h-2v19h13zM17 24v-14.875l-4.063-4.125h-8.938v19h13z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='32' fill='%23CFCFCF' viewBox='0 0 18 32'%3E%3Cpath d='M12 6v4h4v1h-5v-5h1zM13.313 4l4.688 4.688v16.313h-3v3h-15v-21h3v-3h10.313zM14 27v-2h-11v-17h-2v19h13zM17 24v-14.875l-4.063-4.125h-8.938v19h13z'%3E%3C/path%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-NUETRAL-5);
}

.fileUpload-list > * + * { border-top: 1px solid var(--c-NUETRAL-5); }

.fileUpload-list-item-remove {
    border: none;
    font-size: 0;
    background-color: transparent;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.fileUpload-list-item-remove:before {
    content: '';
    height: 18px;
    width: 18px;
    display: inline-block;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23CC0000' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23CC0000' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-ERROR);
}

.fileUpload-list-item-remove:hover:before,
.fileUpload-list-item-remove.isUndo:hover:after { cursor: pointer; }

.fileUpload-list-item-remove.isUndo:before {
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='32' fill='%23CC0000' viewBox='0 0 24 32'%3E%3Cpath d='M24 23v2h-0.625l-1.25-1.938c-1.25-2.063-2.75-3.938-4.688-4.813-1.5-0.688-2.938-1.188-5.438-1.25v5l-12-8 12-8v5c3.938 0.188 6.75 1.313 8.938 3.5 3.25 3.313 3.063 7.438 3.063 8.5zM23 22.563c0 0 0.563-10.563-12-10.563v-4.063l-9.25 6.063 9.25 6.063v-4.063c5.688 0 9 1.5 12 6.563z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='32' fill='%23CC0000' viewBox='0 0 24 32'%3E%3Cpath d='M24 23v2h-0.625l-1.25-1.938c-1.25-2.063-2.75-3.938-4.688-4.813-1.5-0.688-2.938-1.188-5.438-1.25v5l-12-8 12-8v5c3.938 0.188 6.75 1.313 8.938 3.5 3.25 3.313 3.063 7.438 3.063 8.5zM23 22.563c0 0 0.563-10.563-12-10.563v-4.063l-9.25 6.063 9.25 6.063v-4.063c5.688 0 9 1.5 12 6.563z'%3E%3C/path%3E%3C/svg%3E");
}

.fileUpload-list-item-remove.isUndo:after {
    content: 'Undo';
    font: 14px/14px var(--f-PRIMARY);
    font-weight: 600;
    color: var(--c-ERROR);
    text-transform: uppercase;
}

.fileUpload-progress {
    font: 12px/12px var(--f-PRIMARY);
    font-weight: 600;
    letter-spacing: 0.087em;
    color: var(--c-NUETRAL-8);
    padding: 0 0 20px 0;
}

.fileUpload-progress > * + * { margin-top: 20px; }

.fileUpload-progress-file { padding: 5px 0; }

.fileUpload-progress-file-info {
    margin-top : 5px;
    position: relative;
    height: 3px;
    background-color: var(--c-NUETRAL-5);
}

.fileUpload-progress-file-cancel {
    float: right;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-ERROR);
    padding-right: 10px;
}

.fileUpload-progress-file-cancel:hover { opacity: 1; }

.fileUpload-list-item .lbl {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media screen and (min-width: 1024px) {
    .fileUpload-list { padding: 0 20px; }
    .fileUpload-progress { padding: 0 20px; }
}

.fileUpload-progress-file-info > .fileUpload-progress-file-info-loaded {
    position: absolute;
    height: 100%;
    width: 0;
    background-color: var(--c-PRIMARY);
}

.fileUpload-container {
    position: relative;
    font: 12px/12px var(--f-PRIMARY);
    font-weight: 600;
    letter-spacing: 0.087em;
    color: var(--c-NUETRAL-8);
}

.fileUpload-container-cta {
    position: relative;
    padding: 20px 20px 17px 60px;
    text-transform: uppercase;
    border: 1px dashed var(--c-NUETRAL-8);
    background-color: var(--c-OFFWHITE);
    transition: all 0.2s ease-in-out;
}

.fileUpload-container-cta span {
    pointer-events: none;
    position: relative;
    z-index: 1;
}

.fileUpload-container-cta:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    height: 26px;
    width: 26px;
    margin: auto;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23333333' viewBox='0 0 32 32'%3E%3Cpath d='M23.845 8.124c-1.395-3.701-4.393-6.045-8.921-6.045-5.762 0-9.793 4.279-10.14 9.861-2.778 0.889-4.784 3.723-4.784 6.932 0 3.93 3.089 7.249 6.745 7.249h2.889c0.552 0 1-0.448 1-1s-0.448-1-1-1h-2.889c-2.572 0-4.776-2.404-4.776-5.249 0-2.514 1.763-4.783 3.974-5.163l0.907-0.156-0.080-0.916-0.008-0.011c0-4.871 3.205-8.545 8.161-8.545 3.972 0 6.204 1.957 7.235 5.295l0.214 0.688 0.721 0.015c3.715 0.078 6.972 3.092 6.972 6.836 0 3.408-2.259 7.206-5.678 7.206h-2.285c-0.552 0-1 0.448-1 1s0.448 1 1 1l2.277-0.003c5-0.132 7.604-4.909 7.604-9.203 0-4.616-3.617-8.305-8.14-8.791zM16.75 16.092c-0.006-0.006-0.008-0.011-0.011-0.016l-0.253-0.264c-0.139-0.146-0.323-0.219-0.508-0.218-0.184-0.002-0.368 0.072-0.509 0.218l-0.253 0.264c-0.005 0.005-0.006 0.011-0.011 0.016l-3.61 3.992c-0.28 0.292-0.28 0.765 0 1.058l0.252 0.171c0.28 0.292 0.732 0.198 1.011-0.095l2.128-2.373v10.076c0 0.552 0.448 1 1 1s1-0.448 1-1v-10.066l2.199 2.426c0.279 0.292 0.732 0.387 1.011 0.095l0.252-0.171c0.279-0.293 0.279-0.765 0-1.058l-3.7-4.055z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23333333' viewBox='0 0 32 32'%3E%3Cpath d='M23.845 8.124c-1.395-3.701-4.393-6.045-8.921-6.045-5.762 0-9.793 4.279-10.14 9.861-2.778 0.889-4.784 3.723-4.784 6.932 0 3.93 3.089 7.249 6.745 7.249h2.889c0.552 0 1-0.448 1-1s-0.448-1-1-1h-2.889c-2.572 0-4.776-2.404-4.776-5.249 0-2.514 1.763-4.783 3.974-5.163l0.907-0.156-0.080-0.916-0.008-0.011c0-4.871 3.205-8.545 8.161-8.545 3.972 0 6.204 1.957 7.235 5.295l0.214 0.688 0.721 0.015c3.715 0.078 6.972 3.092 6.972 6.836 0 3.408-2.259 7.206-5.678 7.206h-2.285c-0.552 0-1 0.448-1 1s0.448 1 1 1l2.277-0.003c5-0.132 7.604-4.909 7.604-9.203 0-4.616-3.617-8.305-8.14-8.791zM16.75 16.092c-0.006-0.006-0.008-0.011-0.011-0.016l-0.253-0.264c-0.139-0.146-0.323-0.219-0.508-0.218-0.184-0.002-0.368 0.072-0.509 0.218l-0.253 0.264c-0.005 0.005-0.006 0.011-0.011 0.016l-3.61 3.992c-0.28 0.292-0.28 0.765 0 1.058l0.252 0.171c0.28 0.292 0.732 0.198 1.011-0.095l2.128-2.373v10.076c0 0.552 0.448 1 1 1s1-0.448 1-1v-10.066l2.199 2.426c0.279 0.292 0.732 0.387 1.011 0.095l0.252-0.171c0.279-0.293 0.279-0.765 0-1.058l-3.7-4.055z'%3E%3C/path%3E%3C/svg%3E");
    mask-position: center bottom;
    -webkit-mask-position: center bottom;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--c-BLACK);
}

.fileUpload-container-cta:hover {
    background-color: var(--c-NUETRAL-5);
    cursor: pointer;
}

.fileUpload-container-cta.hasDragOver { background-color: var(--c-NUETRAL-5); }

.fileUpload-container-cta-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: bounding-box;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

.fileUpload-container-note { margin: 10px 10px 0; }

body.mix-globalDialogIsOpen:not(.globalDialog) { pointer-events: none; }

.globalDialog {
    position: fixed;
    width: 100vw;
    min-height: 10vh;
    max-height: 70vh;
    overflow-y: scroll;
    box-sizing: border-box;
    left: calc(50% - 265px);
    right: calc(50% - 265px);
    overflow-x: hidden;
    margin: 0 auto;
    background-color: var(--c-WHITE);
    padding: 40px;
    top: 50vh;
    margin-top: calc(-30vh - 60px);
    opacity: 0;
    transform: scale(0.85);
    transition: all 0.25s ease-in-out;
    z-index: -1;
    pointer-events: none;
    transform: scale(0);
}

.globalDialog.globalDialog_isActive {
    opacity: 1;
    transform: scale(1);
    z-index: var(--z-MODAL);
    pointer-events: all;
}

.globalDialog_flush { padding: 0; }

.modalContainer .globalDialog {
    transform: scale(1);
    transition: all 250ms ease-in-out;
    backdrop-filter: blur(15px) brightness(120%);
}

.modalContainer.modalContainer_inactive .globalDialog {
    transform: scale(0);
}

.globalDialog_wide { max-width: 100vw; };

.globalDialog-ft { margin-top: 40px; }

.globalDialog-ft_fill {
    padding: 20px 40px;
    margin: 20px -40px -40px -40px;
    background-color: var(--c-NUETRAL-2);
}

.globalDialog_alignCenter > * { text-align: center; }

.globalDialog_centerFt .globalDialog-ft { text-align: center; }

.globalDialog-ft_alignRight { text-align: right; }

.globalDialog_close {
    display: flex;
    position: sticky;
    height: 40px;
    width: 40px;
    top: -40px;
    left: 100%;
    margin: -40px -40px 0 0;
    padding: 0;
    border: none;
    background: transparent;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.globalDialog_close:after,
.globalDialog_close:before {
    content: '';
    height: 2px;
    width: 50%;
    display: block;
    background-color: var(--c-PRIMARY);
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: center;
    left: 25%;
}

.globalDialog_close:before { transform: rotate(45deg) }

.globalDialog_close:after { transform: rotate(-45deg) }

.globalDialog_close:hover { background-color: var(--c-PRIMARY); }

.globalDialog_close:hover:before,
.globalDialog_close:hover:after { background-color: #ffffff; }

.globalDialog-hd > .hdg {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--c-NUETRAL-5);
    margin-bottom: 10px;
}

.globalDialog-hd { margin-bottom: 30px }

.mix-globalDialogIsOpen .globalDialog_close:after,
.mix-globalDialogIsOpen .globalDialog_close:before,
.globalDialog.modal_isActive .globalDialog_close:after,
.globalDialog.modal_isActive .globalDialog_close:before { opacity: 1 }

.mix-globalDialogIsOpen .globalDialog_close:before,
.globalDialog.modal_isActive .globalDialog_close:before { transform: rotate(45deg) }

.mix-globalDialogIsOpen .globalDialog_close:after,
.globalDialog.modal_isActive .globalDialog_close:after { transform: rotate(-45deg) }

@media screen and (min-width: 480px) {
    .globalDialog { max-width: 480px; }
}

@media screen and (min-width: 1024px) {
    .globalDialog_wide {
        max-width: 1024px;
        left: calc(50% - 512px);
        right: calc(50% - 512px);
    }
}

.globalFooter {
    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height: 400px;
    width: 100%;
    padding: 40px;
    background-color: var(--tc-footerSurface);
    box-sizing: border-box;
}

.globalFooter-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
}

.globalFooter-logo > img {
    width: auto;
    height: auto;
    max-width: 250px;
    max-height: 200px;
    margin: 0 auto;
}

.globalFooter-logo-sfLabel > * { display: inline; }

/* Get the content on a single line regardless of markup. */

.globalFooter-logo-sfLabel:not(:empty) {
    margin-top: 30px;
    font: 700 18px/1 var(--f-PRIMARY);
    letter-spacing: 3.06px;
    text-transform: uppercase;
    text-align: center;
    color: var(--tc-footerText);
}

.globalFooter-ft {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: var(--tc-footerTextSecondary);
    margin-top: 20px;
}

.globalFooter-ft-spdcLogo {
    display: flex;
    align-items: center;
    font: 700 12px/1.5 var(--f-SECONDARY);
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.globalFooter-ft-spdcLogo > svg #spdc-logomark { fill: var(--tc-footerTextSecondary); }

.globalFooter-ft-spdcLogo-label {
    margin-left: 20px;
    line-height: 1;
    text-align: left;
}

.globalFooter-ft-copyright {
    font: 400 14px/1.25 var(--f-SECONDARY);
    letter-spacing: 1.4px;
    color: var(--tc-footerTextSecondary);
}

@media screen and (min-width: 1024px) {
    .globalFooter-ft {
        flex-direction: row;
        align-items: baseline;
        text-align: center;
        margin-top: 0;
    }
    
    .globalFooter-ft-spdcLogo { margin-bottom: 0; }
}

.globalMessage {
    font-family: var(--f-TERTIARY);
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: var(--c-WHITE);
    padding: 12px 20px;
    text-align: center;
    letter-spacing: 1.4px;
    background-color: var(--c-PRIMARY);
    box-sizing: border-box;
}

.globalMessage:empty {
    padding: 0;
    border: none;
    margin: 0;
}

.globalMessage + .globalMessage:not(:empty) { margin-top: 20px; }

.globalMessage a,
.globalMessage a:visited {
    font-weight: 900;
    color: var(--c-WHITE);
    border-bottom: 1px solid;
    transition: all 0.15s ease-in-out;
}

.globalMessage a:hover,
.globalMessage a:focus { border-bottom: transparent; }

.mix-globalMessage_top {
    position: relative;
    z-index: var(--z-HEADER);
    background-color: var(--tc-bannerSurface);
    color: var(--tc-bannerText);
}

.mix-globalMessage_top a,
.mix-globalMessage_top a:focus { color: var(--tc-bannerText) !important; }

.globalMessage_info {
    border-radius: 5px;
    background-color: var(--c-ALERT-BG);
    color: var(--c-NEUTRAL-9);
    font-weight: 400;
    text-align: left;
    border: 2px solid var(--c-ALERT);
    padding: 20px 20px 20px 80px;
    margin: 10px;
    position: relative;
    letter-spacing: 1px;
}

.globalMessage_info:not(:empty):before {
    content: '!';
    height: 38px;
    width: 38px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    font-family: var(--f-PRIMARY);
    font-size: 28px;
    line-height: 36px;
    text-indent: 2px;
    text-align: center;
    color: var(--c-ALERT);
    margin: auto;
    border-radius: 50%;
    border: 2px solid var(--c-ALERT);
}

.globalMessage_error {
    border-radius: 5px;
    background-color: var(--c-ERROR-BG);
    color: var(--c-NEUTRAL-9);
    font-weight: 400;
    text-align: left;
    border: 2px solid var(--c-ERROR);
    padding: 20px 20px 20px 80px;
    margin: 10px;
    position: relative;
    letter-spacing: 1px;
}

.globalMessage_error:not(:empty):before {
    content: '!';
    height: 38px;
    width: 38px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    font-family: var(--f-PRIMARY);
    font-size: 28px;
    line-height: 36px;
    text-indent: 2px;
    text-align: center;
    color: var(--c-ERROR);
    margin: auto;
    border-radius: 50%;
    border: 2px solid var(--c-ERROR);
}

.globalMessage_product {
    border-radius: 5px;
    background-color: var(--c-INFO-BG);
    color: var(--c-NEUTRAL-9);
    font-weight: 400;
    text-align: left;
    border: 2px solid var(--c-INFO);
    padding: 20px 20px 20px 80px;
    margin: 60px 80px 0 80px;
    position: relative;
    letter-spacing: 1px;
}

.globalMessage_product:not(:empty):before {
    content: '';
    height: 38px;
    width: 38px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    border: 2px solid var(--c-INFO);
    background-image: url('data:image/svg+xml,<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="icon_info-I" clip-path="url(%23clip0_1440_5609)"><path id="Vector" d="M1.9999 2.95098C2.81363 2.95098 3.47539 2.28922 3.47539 1.47549C3.47539 0.661765 2.81363 0 1.9999 0C1.18618 0 0.524414 0.661765 0.524414 1.47549C0.524414 2.28922 1.18618 2.95098 1.9999 2.95098Z" fill="%230554F2"/><path id="Vector_2" d="M1.99989 5.90698C1.16655 5.90698 0.529297 6.54424 0.529297 7.37757V18.5295C0.529297 19.3629 1.16655 20.0001 1.99989 20.0001C2.83322 20.0001 3.47047 19.3629 3.47047 18.5295V7.37757C3.47047 6.54424 2.83322 5.90698 1.99989 5.90698Z" fill="%230554F2"/></g><defs><clipPath id="clip0_1440_5609"><rect width="2.95098" height="20" fill="white" transform="translate(0.524414)"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width: 1024px) {
    .globalMessage:not(:empty) { font-size: 14px; }
}

.hdg {
    text-transform: var(--t-TEXT-TRANSFORM);
}

.hdg_marquee { font: var(--t-HEADING-MARQUEE-MOBILE); }

.hdg_1 { font: var(--t-HEADING-1); }

.hdg_2 { font: var(--t-HEADING-2); }

.hdg_3 { font: var(--t-HEADING-3); }

.hdg_4 { font: var(--t-HEADING-4); }

.hdg_5 { font: var(--t-HEADING-5); }

.title_1 {
    font-size: 15px;
    line-height: 17px;
}

.title_2 {
    font-size: 13px;
    line-height: 15px;
}

.title_3 {
    font-size: 11px;
    line-height: 12px;
}

.lbl {
    font: var(--t-LABEL);
    text-transform: uppercase;
}

.lbl_sm { font: var(--t-LABEL-S); }

.lbl_lg { font: var(--t-LABEL-L); }

.lbl_brand { color: var(--c-PRIMARY); }

.lbl_thin { font-weight: normal; }

@media screen and (min-width: 480px) {
    .hdg_marquee { font: var(--t-HEADING-MARQUEE); }
}

.hList { padding-left: 0; }

.mix-hList_inlineBlock { display: inline-block; }

.hList > * {
    list-style: none;
    display: inline-block;
}

.hList_spread > * + * { margin-left: 40px; }

.hList_spreadWide > * + * { margin-left: 80px; }

.hList_piped > * + *:before {
    content: '|';
    font-size: 16px;
    font-family: sans-serif;
    font-weight: lighter;
    color: #cccccc;
    display: inline-block;
    padding: 0 10px;
}

.hList_alignRight { text-align: right; }

.infoBox {
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    line-height: 20px;
    color: var(--c-WARNING-TEXT);
    padding: 20px;
    background-color: var(--c-WARNING);
    box-shadow: 0px 2px 4px 0px #cfcfcf;
    margin-bottom: 5px;
}

/* This is 3rd Party CSS */

.iti {
    position: relative;
    display: block;
}

.iti * {
      box-sizing: border-box;
      -moz-box-sizing: border-box; }

.iti__hide {
      display: none; }

.iti__v-hide {
      visibility: hidden; }

.iti input, .iti input[type=text], .iti input[type=tel] {
      position: relative;
      z-index: 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-right: 36px;
      margin-right: 0; }

.iti__flag-container {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      padding: 1px; }

.iti__selected-flag {
      z-index: 1;
      position: relative;
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 6px 0 8px; }

.iti__arrow {
      margin-left: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }

.iti__arrow--up {
        border-top: none;
        border-bottom: 4px solid #555; }

.iti__country-list {
      position: absolute;
      z-index: 2;
      list-style: none;
      text-align: left;
      padding: 0;
      margin: 0 0 0 -1px;
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
      background-color: white;
      border: 1px solid #CCC;
      white-space: nowrap;
      max-height: 200px;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; }

.iti__country-list--dropup {
        bottom: 100%;
        margin-bottom: -1px; }

@media (max-width: 500px) {
        .iti__country-list {
          white-space: normal; } }

.iti__flag-box {
      display: inline-block;
      width: 20px; }

.iti__divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }

.iti__country {
      padding: 5px 10px;
      outline: none; }

.iti__dial-code {
      color: #999; }

.iti__country.iti__highlight {
      background-color: rgba(0, 0, 0, 0.05); }

.iti__flag-box, .iti__country-name, .iti__dial-code {
      vertical-align: middle; }

.iti__flag-box, .iti__country-name {
      margin-right: 6px; }

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
      padding-right: 6px;
      padding-left: 52px !important;
      margin-left: 0; }

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
      right: auto;
      left: 0; }

.iti--allow-dropdown .iti__flag-container:hover {
      cursor: pointer; }

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
        background-color: rgba(0, 0, 0, 0.05); }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
      cursor: default; }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
      .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent; }

.iti--separate-dial-code .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }

.iti--separate-dial-code .iti__selected-dial-code {
      margin-left: 6px; }

.iti--container {
      position: absolute;
      top: -1000px;
      left: -1000px;
      z-index: 1060;
      padding: 1px; }

.iti--container:hover {
        cursor: pointer; }

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed; }

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%; }

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti__flag {
    width: 20px; }

.iti__flag.iti__be {
      width: 18px; }

.iti__flag.iti__ch {
      width: 15px; }

.iti__flag.iti__mc {
      width: 19px; }

.iti__flag.iti__ne {
      width: 18px; }

.iti__flag.iti__np {
      width: 13px; }

.iti__flag.iti__va {
      width: 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .iti__flag {
        background-size: 5652px 15px; } }

.iti__flag.iti__ac {
      height: 10px;
      background-position: 0px 0px; }

.iti__flag.iti__ad {
      height: 14px;
      background-position: -22px 0px; }

.iti__flag.iti__ae {
      height: 10px;
      background-position: -44px 0px; }

.iti__flag.iti__af {
      height: 14px;
      background-position: -66px 0px; }

.iti__flag.iti__ag {
      height: 14px;
      background-position: -88px 0px; }

.iti__flag.iti__ai {
      height: 10px;
      background-position: -110px 0px; }

.iti__flag.iti__al {
      height: 15px;
      background-position: -132px 0px; }

.iti__flag.iti__am {
      height: 10px;
      background-position: -154px 0px; }

.iti__flag.iti__ao {
      height: 14px;
      background-position: -176px 0px; }

.iti__flag.iti__aq {
      height: 14px;
      background-position: -198px 0px; }

.iti__flag.iti__ar {
      height: 13px;
      background-position: -220px 0px; }

.iti__flag.iti__as {
      height: 10px;
      background-position: -242px 0px; }

.iti__flag.iti__at {
      height: 14px;
      background-position: -264px 0px; }

.iti__flag.iti__au {
      height: 10px;
      background-position: -286px 0px; }

.iti__flag.iti__aw {
      height: 14px;
      background-position: -308px 0px; }

.iti__flag.iti__ax {
      height: 13px;
      background-position: -330px 0px; }

.iti__flag.iti__az {
      height: 10px;
      background-position: -352px 0px; }

.iti__flag.iti__ba {
      height: 10px;
      background-position: -374px 0px; }

.iti__flag.iti__bb {
      height: 14px;
      background-position: -396px 0px; }

.iti__flag.iti__bd {
      height: 12px;
      background-position: -418px 0px; }

.iti__flag.iti__be {
      height: 15px;
      background-position: -440px 0px; }

.iti__flag.iti__bf {
      height: 14px;
      background-position: -460px 0px; }

.iti__flag.iti__bg {
      height: 12px;
      background-position: -482px 0px; }

.iti__flag.iti__bh {
      height: 12px;
      background-position: -504px 0px; }

.iti__flag.iti__bi {
      height: 12px;
      background-position: -526px 0px; }

.iti__flag.iti__bj {
      height: 14px;
      background-position: -548px 0px; }

.iti__flag.iti__bl {
      height: 14px;
      background-position: -570px 0px; }

.iti__flag.iti__bm {
      height: 10px;
      background-position: -592px 0px; }

.iti__flag.iti__bn {
      height: 10px;
      background-position: -614px 0px; }

.iti__flag.iti__bo {
      height: 14px;
      background-position: -636px 0px; }

.iti__flag.iti__bq {
      height: 14px;
      background-position: -658px 0px; }

.iti__flag.iti__br {
      height: 14px;
      background-position: -680px 0px; }

.iti__flag.iti__bs {
      height: 10px;
      background-position: -702px 0px; }

.iti__flag.iti__bt {
      height: 14px;
      background-position: -724px 0px; }

.iti__flag.iti__bv {
      height: 15px;
      background-position: -746px 0px; }

.iti__flag.iti__bw {
      height: 14px;
      background-position: -768px 0px; }

.iti__flag.iti__by {
      height: 10px;
      background-position: -790px 0px; }

.iti__flag.iti__bz {
      height: 14px;
      background-position: -812px 0px; }

.iti__flag.iti__ca {
      height: 10px;
      background-position: -834px 0px; }

.iti__flag.iti__cc {
      height: 10px;
      background-position: -856px 0px; }

.iti__flag.iti__cd {
      height: 15px;
      background-position: -878px 0px; }

.iti__flag.iti__cf {
      height: 14px;
      background-position: -900px 0px; }

.iti__flag.iti__cg {
      height: 14px;
      background-position: -922px 0px; }

.iti__flag.iti__ch {
      height: 15px;
      background-position: -944px 0px; }

.iti__flag.iti__ci {
      height: 14px;
      background-position: -961px 0px; }

.iti__flag.iti__ck {
      height: 10px;
      background-position: -983px 0px; }

.iti__flag.iti__cl {
      height: 14px;
      background-position: -1005px 0px; }

.iti__flag.iti__cm {
      height: 14px;
      background-position: -1027px 0px; }

.iti__flag.iti__cn {
      height: 14px;
      background-position: -1049px 0px; }

.iti__flag.iti__co {
      height: 14px;
      background-position: -1071px 0px; }

.iti__flag.iti__cp {
      height: 14px;
      background-position: -1093px 0px; }

.iti__flag.iti__cr {
      height: 12px;
      background-position: -1115px 0px; }

.iti__flag.iti__cu {
      height: 10px;
      background-position: -1137px 0px; }

.iti__flag.iti__cv {
      height: 12px;
      background-position: -1159px 0px; }

.iti__flag.iti__cw {
      height: 14px;
      background-position: -1181px 0px; }

.iti__flag.iti__cx {
      height: 10px;
      background-position: -1203px 0px; }

.iti__flag.iti__cy {
      height: 14px;
      background-position: -1225px 0px; }

.iti__flag.iti__cz {
      height: 14px;
      background-position: -1247px 0px; }

.iti__flag.iti__de {
      height: 12px;
      background-position: -1269px 0px; }

.iti__flag.iti__dg {
      height: 10px;
      background-position: -1291px 0px; }

.iti__flag.iti__dj {
      height: 14px;
      background-position: -1313px 0px; }

.iti__flag.iti__dk {
      height: 15px;
      background-position: -1335px 0px; }

.iti__flag.iti__dm {
      height: 10px;
      background-position: -1357px 0px; }

.iti__flag.iti__do {
      height: 14px;
      background-position: -1379px 0px; }

.iti__flag.iti__dz {
      height: 14px;
      background-position: -1401px 0px; }

.iti__flag.iti__ea {
      height: 14px;
      background-position: -1423px 0px; }

.iti__flag.iti__ec {
      height: 14px;
      background-position: -1445px 0px; }

.iti__flag.iti__ee {
      height: 13px;
      background-position: -1467px 0px; }

.iti__flag.iti__eg {
      height: 14px;
      background-position: -1489px 0px; }

.iti__flag.iti__eh {
      height: 10px;
      background-position: -1511px 0px; }

.iti__flag.iti__er {
      height: 10px;
      background-position: -1533px 0px; }

.iti__flag.iti__es {
      height: 14px;
      background-position: -1555px 0px; }

.iti__flag.iti__et {
      height: 10px;
      background-position: -1577px 0px; }

.iti__flag.iti__eu {
      height: 14px;
      background-position: -1599px 0px; }

.iti__flag.iti__fi {
      height: 12px;
      background-position: -1621px 0px; }

.iti__flag.iti__fj {
      height: 10px;
      background-position: -1643px 0px; }

.iti__flag.iti__fk {
      height: 10px;
      background-position: -1665px 0px; }

.iti__flag.iti__fm {
      height: 11px;
      background-position: -1687px 0px; }

.iti__flag.iti__fo {
      height: 15px;
      background-position: -1709px 0px; }

.iti__flag.iti__fr {
      height: 14px;
      background-position: -1731px 0px; }

.iti__flag.iti__ga {
      height: 15px;
      background-position: -1753px 0px; }

.iti__flag.iti__gb {
      height: 10px;
      background-position: -1775px 0px; }

.iti__flag.iti__gd {
      height: 12px;
      background-position: -1797px 0px; }

.iti__flag.iti__ge {
      height: 14px;
      background-position: -1819px 0px; }

.iti__flag.iti__gf {
      height: 14px;
      background-position: -1841px 0px; }

.iti__flag.iti__gg {
      height: 14px;
      background-position: -1863px 0px; }

.iti__flag.iti__gh {
      height: 14px;
      background-position: -1885px 0px; }

.iti__flag.iti__gi {
      height: 10px;
      background-position: -1907px 0px; }

.iti__flag.iti__gl {
      height: 14px;
      background-position: -1929px 0px; }

.iti__flag.iti__gm {
      height: 14px;
      background-position: -1951px 0px; }

.iti__flag.iti__gn {
      height: 14px;
      background-position: -1973px 0px; }

.iti__flag.iti__gp {
      height: 14px;
      background-position: -1995px 0px; }

.iti__flag.iti__gq {
      height: 14px;
      background-position: -2017px 0px; }

.iti__flag.iti__gr {
      height: 14px;
      background-position: -2039px 0px; }

.iti__flag.iti__gs {
      height: 10px;
      background-position: -2061px 0px; }

.iti__flag.iti__gt {
      height: 13px;
      background-position: -2083px 0px; }

.iti__flag.iti__gu {
      height: 11px;
      background-position: -2105px 0px; }

.iti__flag.iti__gw {
      height: 10px;
      background-position: -2127px 0px; }

.iti__flag.iti__gy {
      height: 12px;
      background-position: -2149px 0px; }

.iti__flag.iti__hk {
      height: 14px;
      background-position: -2171px 0px; }

.iti__flag.iti__hm {
      height: 10px;
      background-position: -2193px 0px; }

.iti__flag.iti__hn {
      height: 10px;
      background-position: -2215px 0px; }

.iti__flag.iti__hr {
      height: 10px;
      background-position: -2237px 0px; }

.iti__flag.iti__ht {
      height: 12px;
      background-position: -2259px 0px; }

.iti__flag.iti__hu {
      height: 10px;
      background-position: -2281px 0px; }

.iti__flag.iti__ic {
      height: 14px;
      background-position: -2303px 0px; }

.iti__flag.iti__id {
      height: 14px;
      background-position: -2325px 0px; }

.iti__flag.iti__ie {
      height: 10px;
      background-position: -2347px 0px; }

.iti__flag.iti__il {
      height: 15px;
      background-position: -2369px 0px; }

.iti__flag.iti__im {
      height: 10px;
      background-position: -2391px 0px; }

.iti__flag.iti__in {
      height: 14px;
      background-position: -2413px 0px; }

.iti__flag.iti__io {
      height: 10px;
      background-position: -2435px 0px; }

.iti__flag.iti__iq {
      height: 14px;
      background-position: -2457px 0px; }

.iti__flag.iti__ir {
      height: 12px;
      background-position: -2479px 0px; }

.iti__flag.iti__is {
      height: 15px;
      background-position: -2501px 0px; }

.iti__flag.iti__it {
      height: 14px;
      background-position: -2523px 0px; }

.iti__flag.iti__je {
      height: 12px;
      background-position: -2545px 0px; }

.iti__flag.iti__jm {
      height: 10px;
      background-position: -2567px 0px; }

.iti__flag.iti__jo {
      height: 10px;
      background-position: -2589px 0px; }

.iti__flag.iti__jp {
      height: 14px;
      background-position: -2611px 0px; }

.iti__flag.iti__ke {
      height: 14px;
      background-position: -2633px 0px; }

.iti__flag.iti__kg {
      height: 12px;
      background-position: -2655px 0px; }

.iti__flag.iti__kh {
      height: 13px;
      background-position: -2677px 0px; }

.iti__flag.iti__ki {
      height: 10px;
      background-position: -2699px 0px; }

.iti__flag.iti__km {
      height: 12px;
      background-position: -2721px 0px; }

.iti__flag.iti__kn {
      height: 14px;
      background-position: -2743px 0px; }

.iti__flag.iti__kp {
      height: 10px;
      background-position: -2765px 0px; }

.iti__flag.iti__kr {
      height: 14px;
      background-position: -2787px 0px; }

.iti__flag.iti__kw {
      height: 10px;
      background-position: -2809px 0px; }

.iti__flag.iti__ky {
      height: 10px;
      background-position: -2831px 0px; }

.iti__flag.iti__kz {
      height: 10px;
      background-position: -2853px 0px; }

.iti__flag.iti__la {
      height: 14px;
      background-position: -2875px 0px; }

.iti__flag.iti__lb {
      height: 14px;
      background-position: -2897px 0px; }

.iti__flag.iti__lc {
      height: 10px;
      background-position: -2919px 0px; }

.iti__flag.iti__li {
      height: 12px;
      background-position: -2941px 0px; }

.iti__flag.iti__lk {
      height: 10px;
      background-position: -2963px 0px; }

.iti__flag.iti__lr {
      height: 11px;
      background-position: -2985px 0px; }

.iti__flag.iti__ls {
      height: 14px;
      background-position: -3007px 0px; }

.iti__flag.iti__lt {
      height: 12px;
      background-position: -3029px 0px; }

.iti__flag.iti__lu {
      height: 12px;
      background-position: -3051px 0px; }

.iti__flag.iti__lv {
      height: 10px;
      background-position: -3073px 0px; }

.iti__flag.iti__ly {
      height: 10px;
      background-position: -3095px 0px; }

.iti__flag.iti__ma {
      height: 14px;
      background-position: -3117px 0px; }

.iti__flag.iti__mc {
      height: 15px;
      background-position: -3139px 0px; }

.iti__flag.iti__md {
      height: 10px;
      background-position: -3160px 0px; }

.iti__flag.iti__me {
      height: 10px;
      background-position: -3182px 0px; }

.iti__flag.iti__mf {
      height: 14px;
      background-position: -3204px 0px; }

.iti__flag.iti__mg {
      height: 14px;
      background-position: -3226px 0px; }

.iti__flag.iti__mh {
      height: 11px;
      background-position: -3248px 0px; }

.iti__flag.iti__mk {
      height: 10px;
      background-position: -3270px 0px; }

.iti__flag.iti__ml {
      height: 14px;
      background-position: -3292px 0px; }

.iti__flag.iti__mm {
      height: 14px;
      background-position: -3314px 0px; }

.iti__flag.iti__mn {
      height: 10px;
      background-position: -3336px 0px; }

.iti__flag.iti__mo {
      height: 14px;
      background-position: -3358px 0px; }

.iti__flag.iti__mp {
      height: 10px;
      background-position: -3380px 0px; }

.iti__flag.iti__mq {
      height: 14px;
      background-position: -3402px 0px; }

.iti__flag.iti__mr {
      height: 14px;
      background-position: -3424px 0px; }

.iti__flag.iti__ms {
      height: 10px;
      background-position: -3446px 0px; }

.iti__flag.iti__mt {
      height: 14px;
      background-position: -3468px 0px; }

.iti__flag.iti__mu {
      height: 14px;
      background-position: -3490px 0px; }

.iti__flag.iti__mv {
      height: 14px;
      background-position: -3512px 0px; }

.iti__flag.iti__mw {
      height: 14px;
      background-position: -3534px 0px; }

.iti__flag.iti__mx {
      height: 12px;
      background-position: -3556px 0px; }

.iti__flag.iti__my {
      height: 10px;
      background-position: -3578px 0px; }

.iti__flag.iti__mz {
      height: 14px;
      background-position: -3600px 0px; }

.iti__flag.iti__na {
      height: 14px;
      background-position: -3622px 0px; }

.iti__flag.iti__nc {
      height: 10px;
      background-position: -3644px 0px; }

.iti__flag.iti__ne {
      height: 15px;
      background-position: -3666px 0px; }

.iti__flag.iti__nf {
      height: 10px;
      background-position: -3686px 0px; }

.iti__flag.iti__ng {
      height: 10px;
      background-position: -3708px 0px; }

.iti__flag.iti__ni {
      height: 12px;
      background-position: -3730px 0px; }

.iti__flag.iti__nl {
      height: 14px;
      background-position: -3752px 0px; }

.iti__flag.iti__no {
      height: 15px;
      background-position: -3774px 0px; }

.iti__flag.iti__np {
      height: 15px;
      background-position: -3796px 0px; }

.iti__flag.iti__nr {
      height: 10px;
      background-position: -3811px 0px; }

.iti__flag.iti__nu {
      height: 10px;
      background-position: -3833px 0px; }

.iti__flag.iti__nz {
      height: 10px;
      background-position: -3855px 0px; }

.iti__flag.iti__om {
      height: 10px;
      background-position: -3877px 0px; }

.iti__flag.iti__pa {
      height: 14px;
      background-position: -3899px 0px; }

.iti__flag.iti__pe {
      height: 14px;
      background-position: -3921px 0px; }

.iti__flag.iti__pf {
      height: 14px;
      background-position: -3943px 0px; }

.iti__flag.iti__pg {
      height: 15px;
      background-position: -3965px 0px; }

.iti__flag.iti__ph {
      height: 10px;
      background-position: -3987px 0px; }

.iti__flag.iti__pk {
      height: 14px;
      background-position: -4009px 0px; }

.iti__flag.iti__pl {
      height: 13px;
      background-position: -4031px 0px; }

.iti__flag.iti__pm {
      height: 14px;
      background-position: -4053px 0px; }

.iti__flag.iti__pn {
      height: 10px;
      background-position: -4075px 0px; }

.iti__flag.iti__pr {
      height: 14px;
      background-position: -4097px 0px; }

.iti__flag.iti__ps {
      height: 10px;
      background-position: -4119px 0px; }

.iti__flag.iti__pt {
      height: 14px;
      background-position: -4141px 0px; }

.iti__flag.iti__pw {
      height: 13px;
      background-position: -4163px 0px; }

.iti__flag.iti__py {
      height: 11px;
      background-position: -4185px 0px; }

.iti__flag.iti__qa {
      height: 8px;
      background-position: -4207px 0px; }

.iti__flag.iti__re {
      height: 14px;
      background-position: -4229px 0px; }

.iti__flag.iti__ro {
      height: 14px;
      background-position: -4251px 0px; }

.iti__flag.iti__rs {
      height: 14px;
      background-position: -4273px 0px; }

.iti__flag.iti__ru {
      height: 14px;
      background-position: -4295px 0px; }

.iti__flag.iti__rw {
      height: 14px;
      background-position: -4317px 0px; }

.iti__flag.iti__sa {
      height: 14px;
      background-position: -4339px 0px; }

.iti__flag.iti__sb {
      height: 10px;
      background-position: -4361px 0px; }

.iti__flag.iti__sc {
      height: 10px;
      background-position: -4383px 0px; }

.iti__flag.iti__sd {
      height: 10px;
      background-position: -4405px 0px; }

.iti__flag.iti__se {
      height: 13px;
      background-position: -4427px 0px; }

.iti__flag.iti__sg {
      height: 14px;
      background-position: -4449px 0px; }

.iti__flag.iti__sh {
      height: 10px;
      background-position: -4471px 0px; }

.iti__flag.iti__si {
      height: 10px;
      background-position: -4493px 0px; }

.iti__flag.iti__sj {
      height: 15px;
      background-position: -4515px 0px; }

.iti__flag.iti__sk {
      height: 14px;
      background-position: -4537px 0px; }

.iti__flag.iti__sl {
      height: 14px;
      background-position: -4559px 0px; }

.iti__flag.iti__sm {
      height: 15px;
      background-position: -4581px 0px; }

.iti__flag.iti__sn {
      height: 14px;
      background-position: -4603px 0px; }

.iti__flag.iti__so {
      height: 14px;
      background-position: -4625px 0px; }

.iti__flag.iti__sr {
      height: 14px;
      background-position: -4647px 0px; }

.iti__flag.iti__ss {
      height: 10px;
      background-position: -4669px 0px; }

.iti__flag.iti__st {
      height: 10px;
      background-position: -4691px 0px; }

.iti__flag.iti__sv {
      height: 12px;
      background-position: -4713px 0px; }

.iti__flag.iti__sx {
      height: 14px;
      background-position: -4735px 0px; }

.iti__flag.iti__sy {
      height: 14px;
      background-position: -4757px 0px; }

.iti__flag.iti__sz {
      height: 14px;
      background-position: -4779px 0px; }

.iti__flag.iti__ta {
      height: 10px;
      background-position: -4801px 0px; }

.iti__flag.iti__tc {
      height: 10px;
      background-position: -4823px 0px; }

.iti__flag.iti__td {
      height: 14px;
      background-position: -4845px 0px; }

.iti__flag.iti__tf {
      height: 14px;
      background-position: -4867px 0px; }

.iti__flag.iti__tg {
      height: 13px;
      background-position: -4889px 0px; }

.iti__flag.iti__th {
      height: 14px;
      background-position: -4911px 0px; }

.iti__flag.iti__tj {
      height: 10px;
      background-position: -4933px 0px; }

.iti__flag.iti__tk {
      height: 10px;
      background-position: -4955px 0px; }

.iti__flag.iti__tl {
      height: 10px;
      background-position: -4977px 0px; }

.iti__flag.iti__tm {
      height: 14px;
      background-position: -4999px 0px; }

.iti__flag.iti__tn {
      height: 14px;
      background-position: -5021px 0px; }

.iti__flag.iti__to {
      height: 10px;
      background-position: -5043px 0px; }

.iti__flag.iti__tr {
      height: 14px;
      background-position: -5065px 0px; }

.iti__flag.iti__tt {
      height: 12px;
      background-position: -5087px 0px; }

.iti__flag.iti__tv {
      height: 10px;
      background-position: -5109px 0px; }

.iti__flag.iti__tw {
      height: 14px;
      background-position: -5131px 0px; }

.iti__flag.iti__tz {
      height: 14px;
      background-position: -5153px 0px; }

.iti__flag.iti__ua {
      height: 14px;
      background-position: -5175px 0px; }

.iti__flag.iti__ug {
      height: 14px;
      background-position: -5197px 0px; }

.iti__flag.iti__um {
      height: 11px;
      background-position: -5219px 0px; }

.iti__flag.iti__un {
      height: 14px;
      background-position: -5241px 0px; }

.iti__flag.iti__us {
      height: 11px;
      background-position: -5263px 0px; }

.iti__flag.iti__uy {
      height: 14px;
      background-position: -5285px 0px; }

.iti__flag.iti__uz {
      height: 10px;
      background-position: -5307px 0px; }

.iti__flag.iti__va {
      height: 15px;
      background-position: -5329px 0px; }

.iti__flag.iti__vc {
      height: 14px;
      background-position: -5346px 0px; }

.iti__flag.iti__ve {
      height: 14px;
      background-position: -5368px 0px; }

.iti__flag.iti__vg {
      height: 10px;
      background-position: -5390px 0px; }

.iti__flag.iti__vi {
      height: 14px;
      background-position: -5412px 0px; }

.iti__flag.iti__vn {
      height: 14px;
      background-position: -5434px 0px; }

.iti__flag.iti__vu {
      height: 12px;
      background-position: -5456px 0px; }

.iti__flag.iti__wf {
      height: 14px;
      background-position: -5478px 0px; }

.iti__flag.iti__ws {
      height: 10px;
      background-position: -5500px 0px; }

.iti__flag.iti__xk {
      height: 15px;
      background-position: -5522px 0px; }

.iti__flag.iti__ye {
      height: 14px;
      background-position: -5544px 0px; }

.iti__flag.iti__yt {
      height: 14px;
      background-position: -5566px 0px; }

.iti__flag.iti__za {
      height: 14px;
      background-position: -5588px 0px; }

.iti__flag.iti__zm {
      height: 14px;
      background-position: -5610px 0px; }

.iti__flag.iti__zw {
      height: 10px;
      background-position: -5632px 0px; }

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../../../../web3/build/base/images/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .iti__flag {
        background-image: url("../../../../web3/build/base/images/flags@2x.png"); } }

.iti__flag.iti__np {
    background-color: transparent; }

.isHidden,
.isHiddenMobile {
    display: none !important;
}

.isVisuallyHidden {
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    left: 1000% !important;
}

@media screen and (min-width: 1024px) {
    .isHiddenMobile { display: block !important; }
}

.isLoading {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    min-height: 20px;
}

.isLoading_med { min-height: 200px; }

.isLoading::before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    height: 100%;
    min-height: 20px;
    border-radius: 5px;
    width: 100%;
    background-color: var(--c-OFFWHITE);
    background-image: linear-gradient(90deg, var(--c-WHITE), var(--c-NUETRAL-3), var(--c-WHITE));
    background-size: 200% 100%;
    animation: HorizontalGradient 3s linear infinite;
}

@keyframes HorizontalGradient {
    0%{background-position:200% 0}
    25%{background-position:100% 0}
    50%{background-position: 0 0}
    75%{background-position: -100% 0%}
    100%{background-position: -200% 0%}
}

.isProcessing,
.isProcessing a,
.isProcessing button,
.isProcessing input {
    pointer-events: none;
    opacity: 0.5;
}

@keyframes spinner {
to {transform: rotate(360deg);}
}

.isProcessing:not(.globalDialog_close) { position: relative; }

.isProcessing:not(.globalDialog_close):after {
content: '';
box-sizing: border-box;
position: absolute;
top: calc(50% + 8px);
right: -25px;
width: 15px;
height: 15px;
margin-top: -15px;
margin-left: -15px;
border-radius: 50%;
border: 1px solid #ccc;
border-top-color: var(--c-PRIMARY);
animation: spinner .6s linear infinite;
}

.keyValue {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-self: flex-start;
}

.keyValue > * + * { margin-left: 5px; }

.keyValTable {
    border-collapse: collapse;
    width: 100%;
    text-align: left;
}

.keyValTable tr > * {
    width: 50%;
    padding: 10px 0;
    border-spacing: 0;
}

.keyValTable_spread tr > * { padding: 20px 0; }

.keyValTable_ruleAbove tr + tr > * { border-top: 1px solid var(--c-NEUTRAL-3); }

.keyValTable_auto tr > * { width: auto; }

.keyValTable_auto tr > th { padding-right: 10px; }

.keyValTable_80-20 tr > *:first-child { width: 90%; }

@media screen and (min-width: 1024px) {
    .keyValTable_40-60 tr > *:first-child {
        padding-left: 40px;
        width: 40%;
    }

    .keyValTable_40-60 tr > * + * { padding-left: 10px; }
}

.layout-aside_highlighted { background-color: var(--c-NUETRAL-5); }

.layout-main_content > p {
    font: var(--t-BODY-2);
    line-height: 20px;
    margin: 10px 20px;
}

@media screen and (min-width: 480px) {
    .layout-aside {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px) {
    .layout { display: flex; }

    .layout-main { width: 65%; }

    .layout-aside { width: 35%; }

    .layout-aside_fixed {
        position: fixed;
        top: 60px;
        right: 0;
        height: 100%;
        overflow: scroll;
    }
}

@media screen and (min-width: 1280px) {
    .layout-main { width: 70%; }

    .layout-aside { width: 30%; }
}

@media screen and (min-width: 1400px) {
    .layout-main { width: calc(100% - 420px); }

    .layout-aside {  width: 420px; }

    .layout-aside_wide { width: 540px; }
}

.link {
    font: 13px/15px var(--f-SECONDARY);
    color: var(--c-PRIMARY);
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

button.link {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.link_caps {
    font-weight: 700;
    letter-spacing: 3.36px;
    text-transform: uppercase;
}

.link:hover { color: var(--c-NUETRAL-8); }

.menuItem {
    padding: 24px 0;
    border-bottom: 1px solid var(--c-NUETRAL-4);
}

.menuItem-link,
.menuItem-lbl {
    font: 600 18px/1 var(--f-PRIMARY);
    letter-spacing: 1.8px;
    text-transform: var(--t-TEXT-TRANSFORM);
    color: var(--c-NUETRAL-8);
}

.menuItem-link,
.menuItem-list-child-link { transition: color 0.15s ease-in-out; }

.menuItem.isCurrent .menuItem-link,
.menuItem.isCurrent .menuItem-lbl,
.menuItem-link:hover,
.menuItem-list-child-link,
.menuItem-list-child-lbl,
.menuItem-list-child-link:hover,
.menuItem-list-child-list-item-link:hover { color: var(--c-PRIMARY); }

.menuItem-list-child { padding-top: 20px; }

.menuItem-list-child-link,
.menuItem-list-child-lbl {
    color: var(--c-NUETRAL-8);
    font: 400 16px/1 var(--f-SECONDARY);
    letter-spacing: 1.6px;
}

.menuItem-list-child.isCurrent > .menuItem-list-child-link,
.menuItem-list-child-list-item.isCurrent > .menuItem-list-child-list-item-link {
    color: var(--c-PRIMARY);
    font-weight: 600;
}

.menuItem-list-child-list {
    opacity: 0;
    transition: opacity 0.3s ease-in-out !important;
}

.menuItem-list-child-list-item:not(:last-of-type) { padding-bottom: 20px; }

.isOpen > .menuItem-list-child-list {
    padding: 40px;
    background-color: var(--c-NUETRAL-2);
    border-radius: 10px;
    margin-top: 20px;
    opacity: 1;
}

.menuItem-list-child-list-item-link {
    color: var(--c-NUETRAL-8);
    font: 400 14px/1.5 var(--f-SECONDARY);
    letter-spacing: 1.4px;
}

.menuItem-list-child-list-grandChild {
    color: var(--c-NUETRAL-8);
    font: 400 14px / 1.5 var(--f-SECONDARY);
    letter-spacing: 1.4px;
}

.menuItem-list-child-list-grandChild a { color: var(--c-NUETRAL-8); }

.menuItem-list-child-list-grandChild a:hover { color: var(--c-PRIMARY); }

@media screen and (min-width: 1024px) {
    .menuItem:first-of-type { padding-top: 0; }
}

/* .modalContainer {
    position: relative;
    z-index: 8000;
} */

.modalSneezeGuard {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: var(--z-MODAL-SNEEZEGUARD);
    background-color: rgba(102, 102, 102, .6);
    transition: all 250ms;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.modal {
    position: fixed;
    max-width: 530px;
    max-height: 60vh;
    z-index: var(--z-MODAL);
    background: var(--c-WHITE);
    left: 0;
    right: 0;
    top: calc(10vh + 60px);
    display: block;
    margin: 0 auto;
    overflow: hidden;
    overflow-y: scroll;
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.modal.isOpen {
    transform: scale(1);
    opacity: 1;
}

.modal-close {
    display: flex;
    position: sticky;
    height: 40px;
    width: 40px;
    top: 0;
    cursor: pointer;
    left: 100%;
    margin-bottom: -40px;
    transition: all 0.3s ease-in-out;
}

.modal-close:after,
.modal-close:before {
    content: '';
    height: 2px;
    width: 50%;
    display: block;
    background-color: var(--c-PRIMARY);
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: center;
    left: 25%;
}

.modal-close:before {
    transform: rotate(45deg)
}

.modal-close:after {
    transform: rotate(-45deg)
}

.modal-close:hover { background: var(--c-PRIMARY); }

.modal-close:hover:before,.modal-close:hover:after { background-color: var(--c-WHITE); }

.modal-content {
    padding: 40px;
    box-sizing: border-box;
    overflow-x: scroll;
}

.modal.isOpen ~ .screenOverlay { z-index: var(--z-MODAL) !important; }

/* This styles a Collaterate driven tag that generates markup and class structure */

.ordersContainer {}

.ordersContainer #c-order-search { margin-top: 20px; }

.ordersContainer .c-order-container { margin-top: 20px; }

.c-order-container {
    min-height: auto !important;
    border: 1px solid var(--c-NUETRAL-5);
}

.ordersContainer .c-order-headline {
    padding: 20px;
    font: 15px/17px var(--f-TERTIARY);
    text-align: right;
    background-color: var(--c-NUETRAL-2);
}

.ordersContainer .c-order-number {
    font: bold 20px/26px var(--f-PRIMARY);
    text-transform: var(--t-TEXT-TRANSFORM);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ordersContainer .c-order-level-info {
    font-family: var(--f-TERTIARY);
    text-transform: initial;
    color: var(--c-NUETRAL-7);
    font-style: italic;
    letter-spacing: 0.02em;
    font-size: 12px;
}

.ordersContainer .c-order-level-info-holster { margin-top: 10px; }

.c-file-info.c-file-date,
.c-file-info.c-file-status {
    font-family: var(--f-TERTIARY);
    display: inline-block;
    width: calc(50% - 2px); /* Offsetting the widths to have inline-block element display on the same line */
    font-size: 12px;
}

.c-file-info.c-file-status { text-align: right; }

.c-file-status a { color: var(--c-PRIMARY); }

.ordersContainer .c-tab-menu {
    margin-top: 1px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    font: 12px/13px var(--f-TERTIARY);
    color: var(--c-PRIMARY);
    background-color: var(--c-NUETRAL-2);
}

.ordersContainer .c-tab-menu > * {
    flex-grow: 1;
    text-align: center;
}

.ordersContainer .c-tab-menu > * > a {
    padding: 10px;
    display: inline-block;
    transition: background-color 0.2s ease-in-out;
}

.ordersContainer .c-tab-menu > * > a:hover { background-color: #ffffff; }

.ordersContainer .c-tab-menu > * + * { border-left: 1px solid var(--c-WHITE); }

.ordersContainer .c-tab-menu > *.active { background-color: var(--c-WHITE); }

.ordersContainer .c-order-item-number {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font: 12px/14px var(--f-TERTIARY);
    margin-top: 10px;
}

.ordersContainer .c-reorder-job { color: var(--c-PRIMARY); }

.ordersContainer .c-order-item-job-name {
    font: bold 18px/22px var(--f-PRIMARY);
    margin-top: 10px;
}

.ordersContainer .c-order-item-product-name.c-secondary {
    font: 12px/14px var(--f-TERTIARY);
    color: #666;
}

.ordersContainer .c-files { border: 1px solid var(--c-NUETRAL-5); }

.c-job-alert { font-size: 12px; }

.c-files-tab-row {
    padding: 10px;
    box-sizing: border-box;
    background: var(--c-NUETRAL-2);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
}

.c-icon {
    height: 15px;
    display: inline-block;
    width: 15px;
    vertical-align: middle;
}

.c-alert { fill: var(--c-ERROR); }

.c-job-alert span {
    font-family: var(--f-PRIMARY);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    margin-left: 5px;
}

.c-job-alert.needs-files span { color: var(--c-ERROR); }

.c-order-item-container + .c-order-item-container { border-top: 1px solid var(--c-NUETRAL-5); }

.c-files { margin: 10px; }

.c-files-tab {
    color: var(--c-PRIMARY);
    font-family: var(--f-PRIMARY);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.c-files-holster {
    font-family: var(--f-SECONDARY);
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
    color: gray;
}

.c-files-holster > *:not(:empty) + *:not(:empty),
.c-file-row > *:not(:empty) + *:not(:empty) { margin-top: 10px; }

.c-file-note-space { display: none; }

.c-file-row {
    padding: 5px;
    border: 1px solid var(--c-NUETRAL-5);
}

.c-file-row + .c-file-row { margin-top: 5px; }

.c-file-row.inactive { opacity: 0.5; }

.view-job-details {
    color: var(--c-PRIMARY);
    margin: 10px;
    display: block;
    text-align: right;
    font-size: 12px;
}

.c-file-name,
.c-upload-drop-target {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 35px;
    padding-left: 35px;
    overflow: hidden;
    overflow-wrap: break-word;
    box-sizing: border-box;
    cursor: pointer;
}

.c-file-name > a,
.c-upload-drop-target > a {
    overflow-wrap: break-word;
    width: 100%;
    display: inline-block;
}

.c-document-view,
.c-document-add,
.c-document {
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 0;
    height: 30px;
    width: 30px;
    fill: var(--c-NUETRAL-5);
}

.c-upload-drop-target {
    font-family: var(--f-TERTIARY);
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 40px;
    color: var(--c-WHITE);
    padding: 10px 10px 10px 40px;
    background-color: var(--c-PRIMARY);
    fill: var(--c-WHITE);
    border-radius: 5px;
}

.c-upload-drop-target > .c-document-add { fill: var(--c-WHITE); }

.c-file-link { color: var(--c-PRIMARY); }

.c-order-item-container {
    box-sizing: border-box;
    padding: 10px;
}

.c-order-item-number,
.c-order-item-job-name,
.c-order-item-product-name { padding: 0 10px; }

.c-order-item-product-name {
    font: bold 18px/22px var(--f-PRIMARY);
    margin-top: 10px;
    margin-bottom: 20px;
}

.c-order-shipment-container {
    padding: 10px;
}

.c-order-shipment-number {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font: 12px/14px var(--f-TERTIARY);
    margin-top: 10px;
}

.c-key-value-display,
.c-order-pricing {
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    margin-top: 10px;
}

.c-key-value-display tr,
.c-order-pricing tr {
    border-bottom: 1px solid var(--c-NUETRAL-5);
}

.c-key-value-display th,
.c-key-value-display td,
.c-order-pricing th,
.c-order-pricing td {
    padding: 10px;
}

.c-key-value-display th,
.c-order-pricing th {
    text-align: right;
    font-family: var(--f-PRIMARY);
    font-weight: bold;
    text-transform: uppercase;
}

.c-order-pricing th:first-of-type { text-align: left; }

.c-key-value-display { width: 100%; }

.c-order-pricing td + *,
.c-key-value-display th + *,
.c-order-pricing th + * { border-left: 1px solid var(--c-NUETRAL-5); }

.c-total.sub, .c-shipping, .c-tax, .c-total {
    text-align: right;
    font-weight: bold;
    font-family: var(--f-TERTIARY);
    text-transform: uppercase;
}

.c-order-pricing td:nth-of-type(2),
.c-order-pricing td:nth-of-type(3) {
    text-align: right;
}

.c-entry-input,
.c-entry-submit {
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    color: var(--c-NUETRAL-8);
    width: 100%;
    margin-bottom: 10px;
    padding: 12px;
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px;
    box-sizing: border-box;
}

.c-entry-submit {
    color: var(--c-WHITE);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    border-color: var(--c-NUETRAL-8);
    background: var(--c-NUETRAL-8);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.c-entry-submit:hover {
    background-color: var(--c-WHITE);
    color: var(--c-NUETRAL-8);
}

.c-log-entry { padding: 10px 0; }

.c-log-entry + .c-log-entry { border-top: 1px solid var(--c-NUETRAL-5) }

.c-timestamp {
    font-family: var(--f-TERTIARY);
    font-size: 10px;
    padding: 0 10px 0 10px;
}

.c-subject {
    font-size: 12px;
    line-height: 15px;
    padding: 5px 10px 0 10px;
}

.c-quotation { display: none; }

.c-log-entry blockquote {
    font-family: var(--f-SECONDARY);
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    padding: 10px;
    margin: 10px;
    background-color: var(--c-NUETRAL-2);
    border-radius: 5px;
    letter-spacing: .5px;
}

.ordersContainer .c-unified-input-field {
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    color: var(--c-NUETRAL-8);
    height: 44px;
    width: 100%;
    min-width: 300px;
    padding: 12px 44px 12px 12px;
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 22px;
    box-sizing: border-box;
}

.c-unified-input {
    position: relative;
}

.c-unified-input-button {
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 0;
    font-size: 0;
    height: 36px;
    width: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-magnifier-2%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-1150.000000  -29.000000)' fill='white' fill-rule='nonzero'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Search' transform='translate(849.000000  17.000000)'%3E%3Cg id='iconmonstr-magnifier-2' transform='translate(301.000000  11.000000)'%3E%3Cpath d='M16 14.4306667 L11.8301483 10.294 C12.6143895 9.224 13.0780797 7.908 13.0780797 6.48666667 C13.0780797 2.91 10.1447352 0 6.53870385 0 C2.93334453 0 0 2.91 0 6.48666667 C0 10.064 2.93334453 12.9733333 6.53870385 12.9733333 C7.90558192 12.9733333 9.17501785 12.5553333 10.226049 11.8413333 L14.4180772 16 L16 14.4306667 L16 14.4306667 Z M1.91793019 6.48666667 C1.91793019 3.95866667 3.9910958 1.902 6.53937587 1.902 C9.08765593 1.902 11.1608215 3.95866667 11.1608215 6.48666667 C11.1608215 9.01466667 9.08765593 11.0713333 6.53937587 11.0713333 C3.99042379 11.0713333 1.91793019 9.01466667 1.91793019 6.48666667 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: var(--c-PRIMARY);
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

.c-post-log-comment { padding: 10px; }

#c-order-search + h3 {
    font-family: var(--f-TERTIARY);
    background: var(--c-NUETRAL-5);
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 14px;
}

#c-digital-file-filter { margin-bottom: 20px; }

.c-reorder-section > * + * { margin-top: 10px; }

.c-search-counts {
    font-family: var(--f-PRIMARY);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    color: var(--c-NUETRAL-5);
    margin-top: 20px;
}

.c-search-counts,
.c-paging {
    text-align: center;
}

.c-order-count { font-weight: bold; }

.c-paging-control {
    font-family: var(--f-TERTIARY);
    background: var(--c-WHITE);
    padding: 3px 9px;
    border-radius: 3px;
}

.c-paging {
    margin-top: 10px;
    font-size: 14px;
}

.c-paging-control.end-of-list:not([href]) {
    font-weight: bold;
    color: var(--c-NUETRAL-5);
}

.c-paging-control:not(.end-of-list) { color: var(--c-PRIMARY); }

.c-paging-control.current-page {
    background: var(--c-NUETRAL-5);
    font-weight: bold;
}

.c-paging-control:last-of-type {
    color: var(--c-PRIMARY);
    font-weight: bold;
}

.c-paging-control:not(.end-of-list):hover {
    background: var(--c-NUETRAL-5);
    color: var(--c-PRIMARY);
}

@media screen and (min-width: 1024px) {
    .ordersContainer .c-tab-menu > * + * { border: none; }
    
    .ordersContainer .c-tab-menu { justify-content: flex-start; }

    .ordersContainer .c-tab-menu > * {
        flex-grow: initial;
        cursor: pointer;
    }

    .ordersContainer .c-tab-menu > * > a { padding: 20px; }

    .ordersContainer #c-order-search {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .ordersContainer .c-order-number {
        font-size: 32px;
        line-height: 38px;
    }

    .c-file-row {
        display: flex;
        flex-direction: row;
        padding: 20px 10px;
    }

    .c-activity-log {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    
    .c-post-log-comment {
        width: 100%;
        order: 1;
    }
    
    .c-activity-list {
        width: 100%;
    }
    
    #c-digital-file-filter { margin-bottom: 0; }
}

.orderItem { transition: all 0.3s ease-in-out; }

.orderItem .link {
    font-family: var(--f-TERTIARY);
    border: none;
    cursor: pointer;
}

.orderItem > * { padding: 20px; }

.orderItem-files { text-align: center; }

.orderItem button { background-color: transparent; }

.orderItem-files a,
.orderItem-files button {
    position: relative;
    display: inline-block;
    font: 11px/13px var(--f-PRIMARY);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--c-PRIMARY);
    text-align: center;
    border: none;
    background-color: transparent;
    transition: opacity 0.2s ease-in-out;
}

.orderItem-files a:not(:disabled):hover,
.orderItem-files button:not(:disabled):hover {
    opacity: 0.5;
    cursor: pointer;
}

.orderItem-files a::before,
.orderItem-files button::before {
    content: '';
    display: block;
    height: 31px;
    width: 26px;
    margin: 0 auto;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23AE921C' viewBox='0 0 32 32'%3E%3Cpath d='M23.845 8.124c-1.395-3.701-4.393-6.045-8.921-6.045-5.762 0-9.793 4.279-10.14 9.861-2.778 0.889-4.784 3.723-4.784 6.932 0 3.93 3.089 7.249 6.745 7.249h2.889c0.552 0 1-0.448 1-1s-0.448-1-1-1h-2.889c-2.572 0-4.776-2.404-4.776-5.249 0-2.514 1.763-4.783 3.974-5.163l0.907-0.156-0.080-0.916-0.008-0.011c0-4.871 3.205-8.545 8.161-8.545 3.972 0 6.204 1.957 7.235 5.295l0.214 0.688 0.721 0.015c3.715 0.078 6.972 3.092 6.972 6.836 0 3.408-2.259 7.206-5.678 7.206h-2.285c-0.552 0-1 0.448-1 1s0.448 1 1 1l2.277-0.003c5-0.132 7.604-4.909 7.604-9.203 0-4.616-3.617-8.305-8.14-8.791zM16.75 16.092c-0.006-0.006-0.008-0.011-0.011-0.016l-0.253-0.264c-0.139-0.146-0.323-0.219-0.508-0.218-0.184-0.002-0.368 0.072-0.509 0.218l-0.253 0.264c-0.005 0.005-0.006 0.011-0.011 0.016l-3.61 3.992c-0.28 0.292-0.28 0.765 0 1.058l0.252 0.171c0.28 0.292 0.732 0.198 1.011-0.095l2.128-2.373v10.076c0 0.552 0.448 1 1 1s1-0.448 1-1v-10.066l2.199 2.426c0.279 0.292 0.732 0.387 1.011 0.095l0.252-0.171c0.279-0.293 0.279-0.765 0-1.058l-3.7-4.055z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23AE921C' viewBox='0 0 32 32'%3E%3Cpath d='M23.845 8.124c-1.395-3.701-4.393-6.045-8.921-6.045-5.762 0-9.793 4.279-10.14 9.861-2.778 0.889-4.784 3.723-4.784 6.932 0 3.93 3.089 7.249 6.745 7.249h2.889c0.552 0 1-0.448 1-1s-0.448-1-1-1h-2.889c-2.572 0-4.776-2.404-4.776-5.249 0-2.514 1.763-4.783 3.974-5.163l0.907-0.156-0.080-0.916-0.008-0.011c0-4.871 3.205-8.545 8.161-8.545 3.972 0 6.204 1.957 7.235 5.295l0.214 0.688 0.721 0.015c3.715 0.078 6.972 3.092 6.972 6.836 0 3.408-2.259 7.206-5.678 7.206h-2.285c-0.552 0-1 0.448-1 1s0.448 1 1 1l2.277-0.003c5-0.132 7.604-4.909 7.604-9.203 0-4.616-3.617-8.305-8.14-8.791zM16.75 16.092c-0.006-0.006-0.008-0.011-0.011-0.016l-0.253-0.264c-0.139-0.146-0.323-0.219-0.508-0.218-0.184-0.002-0.368 0.072-0.509 0.218l-0.253 0.264c-0.005 0.005-0.006 0.011-0.011 0.016l-3.61 3.992c-0.28 0.292-0.28 0.765 0 1.058l0.252 0.171c0.28 0.292 0.732 0.198 1.011-0.095l2.128-2.373v10.076c0 0.552 0.448 1 1 1s1-0.448 1-1v-10.066l2.199 2.426c0.279 0.292 0.732 0.387 1.011 0.095l0.252-0.171c0.279-0.293 0.279-0.765 0-1.058l-3.7-4.055z'%3E%3C/path%3E%3C/svg%3E");
    mask-position: center bottom;
    -webkit-mask-position: center bottom;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--c-WARNING-TEXT);
}

.orderItem-files_needFiles a,
.orderItem-files_needFiles button { color: var(--c-WARNING-TEXT); }

.orderItem-files.orderItem-files_needFiles a::after,
.orderItem-files.orderItem-files_needFiles button::after {
    content: '!';
    position: absolute;
    height: 20px;
    width: 20px;
    left: 50%;
    top: -3px;
    background-color: var(--c-WARNING);
    color: var(--c-WARNING-TEXT);
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    border: 1px solid var(--c-WARNING-TEXT);
    text-indent: 3px; /* Indenting to center character */
}

.orderItem-files_hasFiles { position: relative; }

.orderItem-files.orderItem-files_hasFiles a::before,
.orderItem-files.orderItem-files_hasFiles button::before {
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='32' viewBox='0 0 18 32'%3E%3Cpath d='M12 6v4h4v1h-5v-5h1zM13.313 4l4.688 4.688v16.313h-3v3h-15v-21h3v-3h10.313zM14 27v-2h-11v-17h-2v19h13zM17 24v-14.875l-4.063-4.125h-8.938v19h13z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='32' viewBox='0 0 18 32'%3E%3Cpath d='M12 6v4h4v1h-5v-5h1zM13.313 4l4.688 4.688v16.313h-3v3h-15v-21h3v-3h10.313zM14 27v-2h-11v-17h-2v19h13zM17 24v-14.875l-4.063-4.125h-8.938v19h13z'%3E%3C/path%3E%3C/svg%3E");
    background-color: var(--c-NUETRAL-5);
}

.orderItem-files_noFiles button:disabled {
    color: var(--c-NUETRAL-5);
}

.orderItem-files_noFiles button:disabled:before,
.orderItem-files_hasThumb a:before,
.orderItem-files_hasThumb button:before {
    content: none;
}

.orderItem-files_viewFiles button:before {
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23007ac9' viewBox='0 0 32 32'%3E%3Cpath d='M16.013 26.667c-6.753 0-12.781-5.615-16.013-11.232 3.224-5.471 9.257-10.101 16.013-10.101 6.847 0 12.847 4.604 15.999 10.085-2.988 5.907-8.968 11.248-15.999 11.248zM1.557 15.445c1.124 1.775 6.691 9.888 14.456 9.888 8.407 0 13.483-8.137 14.468-9.873-1.029-1.597-6.141-8.793-14.468-8.793-8.155 0-13.367 7.14-14.456 8.779zM16 9.333c-3.68 0-6.667 2.987-6.667 6.667s2.987 6.667 6.667 6.667c3.68 0 6.667-2.987 6.667-6.667s-2.987-6.667-6.667-6.667zM16 10.667c2.944 0 5.333 2.389 5.333 5.333s-2.389 5.333-5.333 5.333-5.333-2.389-5.333-5.333 2.389-5.333 5.333-5.333z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23007ac9' viewBox='0 0 32 32'%3E%3Cpath d='M16.013 26.667c-6.753 0-12.781-5.615-16.013-11.232 3.224-5.471 9.257-10.101 16.013-10.101 6.847 0 12.847 4.604 15.999 10.085-2.988 5.907-8.968 11.248-15.999 11.248zM1.557 15.445c1.124 1.775 6.691 9.888 14.456 9.888 8.407 0 13.483-8.137 14.468-9.873-1.029-1.597-6.141-8.793-14.468-8.793-8.155 0-13.367 7.14-14.456 8.779zM16 9.333c-3.68 0-6.667 2.987-6.667 6.667s2.987 6.667 6.667 6.667c3.68 0 6.667-2.987 6.667-6.667s-2.987-6.667-6.667-6.667zM16 10.667c2.944 0 5.333 2.389 5.333 5.333s-2.389 5.333-5.333 5.333-5.333-2.389-5.333-5.333 2.389-5.333 5.333-5.333z'%3E%3C/path%3E%3C/svg%3E");
    background-color: var(--c-PRIMARY);
}

.orderItem-files-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.orderItem-files-container img {
    cursor: pointer;
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
    padding-bottom: 10px;
}

.orderItem-files-counter {
    height: 15px;
    width: 15px;
    font: 11px/11px var(--f-PRIMARY);
    font-weight: 700;
    position: absolute;
    background-color: var(--c-NUETRAL-3);
    color: var(--c-NUETRAL-8);
    left: 49%;
    border-radius: 50%;
    font-size: 11px;
    line-height: 17px;
    padding: 2px;
    margin-top: -2px;
    z-index: 1;
}

.orderItem-info-name_isEditable {
    font-size: 0;
    position: relative;
}

.orderItem-info-name-label {
    font-size: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-block;
    left: -25px;
    cursor: pointer;
}

.orderItem-info-name-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    height: 20px;
    width: 20px;
    mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.98 30.009h-23v-25h14.050l2.022-1.948-0.052-0.052h-16.020c-1.105 0-2 0.896-2 2v25c0 1.105 0.895 2 2 2h23c1.105 0 2-0.895 2-2v-14.646l-2 1.909v12.736zM30.445 1.295c-0.902-0.865-1.898-1.304-2.961-1.304-1.663 0-2.876 1.074-3.206 1.403-0.468 0.462-13.724 13.698-13.724 13.698-0.104 0.106-0.18 0.236-0.219 0.38-0.359 1.326-2.159 7.218-2.176 7.277-0.093 0.302-0.010 0.631 0.213 0.851 0.159 0.16 0.373 0.245 0.591 0.245 0.086 0 0.172-0.012 0.258-0.039 0.061-0.020 6.14-1.986 7.141-2.285 0.132-0.039 0.252-0.11 0.351-0.207 0.631-0.623 12.816-12.618 13.802-13.637 1.020-1.052 1.527-2.146 1.507-3.253-0.019-1.094-0.55-2.147-1.575-3.129zM29.076 6.285c-0.556 0.574-4.914 4.88-12.951 12.798l-0.615 0.607c-0.921 0.285-3.128 0.994-4.796 1.532 0.537-1.773 1.181-3.916 1.469-4.93 1.717-1.715 13.074-13.055 13.506-13.48 0.084-0.084 0.851-0.821 1.795-0.821 0.536 0 1.052 0.244 1.577 0.748 0.627 0.602 0.95 1.179 0.959 1.719 0.010 0.556-0.308 1.171-0.944 1.827z"></path></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.98 30.009h-23v-25h14.050l2.022-1.948-0.052-0.052h-16.020c-1.105 0-2 0.896-2 2v25c0 1.105 0.895 2 2 2h23c1.105 0 2-0.895 2-2v-14.646l-2 1.909v12.736zM30.445 1.295c-0.902-0.865-1.898-1.304-2.961-1.304-1.663 0-2.876 1.074-3.206 1.403-0.468 0.462-13.724 13.698-13.724 13.698-0.104 0.106-0.18 0.236-0.219 0.38-0.359 1.326-2.159 7.218-2.176 7.277-0.093 0.302-0.010 0.631 0.213 0.851 0.159 0.16 0.373 0.245 0.591 0.245 0.086 0 0.172-0.012 0.258-0.039 0.061-0.020 6.14-1.986 7.141-2.285 0.132-0.039 0.252-0.11 0.351-0.207 0.631-0.623 12.816-12.618 13.802-13.637 1.020-1.052 1.527-2.146 1.507-3.253-0.019-1.094-0.55-2.147-1.575-3.129zM29.076 6.285c-0.556 0.574-4.914 4.88-12.951 12.798l-0.615 0.607c-0.921 0.285-3.128 0.994-4.796 1.532 0.537-1.773 1.181-3.916 1.469-4.93 1.717-1.715 13.074-13.055 13.506-13.48 0.084-0.084 0.851-0.821 1.795-0.821 0.536 0 1.052 0.244 1.577 0.748 0.627 0.602 0.95 1.179 0.959 1.719 0.010 0.556-0.308 1.171-0.944 1.827z"></path></svg>');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-PRIMARY);
}

.orderItem-info-name {
    font-family: var(--f-PRIMARY);
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
    letter-spacing: 1px;
}

.orderItem-info-name_isEditable > input[type="text"] {
    position: relative;
    left: -5px;
    width: calc(100% - 20px);
    font: 700 18px/1 var(--f-PRIMARY);
    color: var(--c-NUETRAL-8);
    letter-spacing: 1px;
    text-align: left;
    padding: 8px 5px;
    margin: 0;
    border: 0;
    background-color: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.orderItem-info-name_isEditable > input[type="text"]:hover { background-color: var(--c-NUETRAL-2); }

.orderItem-info-name_isEditable + .orderItem-info-product { padding-top: 5px; }

.orderItem-info-product {
    font: 11px/11px var(--f-SECONDARY);
    font-weight: 400;
    color: var(--c-NUETRAL-7);
    text-transform: uppercase;
    letter-spacing: .5px;
}

.orderItem-info-description {
    font: 12px/15px var(--f-PRIMARY);
    font-weight: 300;
    white-space: pre-line;
    color: var(--c-NUETRAL-8);
    word-break: break-all;
}

.orderItem-info-actions {
    border-top: 1px solid var(--c-NUETRAL-2);
    padding-top: 10px;
    margin: 10px 0 0 0;
    flex-wrap: wrap;
}

.orderItem-info-actions {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
}

.orderItem-info-actions > * { margin-right: 20px; }

[class*="orderItem-info-actions-"]:before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 5px;
    color: var(--c-PRIMARY);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-NUETRAL-6);
    vertical-align: text-bottom;
}

.orderItem-info-actions-configuration:before {
    mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M31.449 6.748c-0.337-0.155-0.737-0.096-1.018 0.152l-5.041 4.528-4.551-4.669 4.506-5.204c0.245-0.283 0.305-0.673 0.152-1.016s-0.489-0.553-0.86-0.553h-0.271c-2.785 0-7.593 0.239-9.739 2.417l-0.433 0.43c-2.29 2.336-2.697 6.168-1.49 9.081l-11.54 11.778c-1.556 1.578-1.556 4.135 0 5.713l1.409 1.428c0.778 0.788 1.798 1.183 2.818 1.183s2.040-0.395 2.817-1.183l11.71-11.804c1.107 0.599 2.625 0.989 3.899 0.989 2.043 0 3.98-0.824 5.454-2.32l0.427-0.433c2.331-2.364 2.296-7.415 2.306-9.638 0.001-0.378-0.216-0.721-0.555-0.878zM28.302 15.906l-0.371 0.434c-1.117 1.134-2.578 1.677-4.114 1.677-0.76 0-1.784-0.143-2.476-0.431-0.625-0.259-1.206-0.634-1.725-1.107l-12.818 12.925c-0.376 0.382-0.876 0.592-1.408 0.592s-1.032-0.21-1.409-0.592l-1.408-1.427c-0.777-0.788-0.777-2.070-0.001-2.858l12.524-12.777c-0.42-0.611-0.706-1.278-0.877-1.968h-0.001c-0.482-1.95-0.201-4.644 1.313-6.189l0.431-0.435c1.298-1.317 4.67-1.707 6.537-1.822l-3.668 4.236c-0.328 0.379-0.311 0.95 0.038 1.309l5.798 5.948c0.352 0.362 0.92 0.383 1.299 0.047l4.082-3.676c-0.122 1.98-0.506 4.856-1.748 6.115z"></path></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M31.449 6.748c-0.337-0.155-0.737-0.096-1.018 0.152l-5.041 4.528-4.551-4.669 4.506-5.204c0.245-0.283 0.305-0.673 0.152-1.016s-0.489-0.553-0.86-0.553h-0.271c-2.785 0-7.593 0.239-9.739 2.417l-0.433 0.43c-2.29 2.336-2.697 6.168-1.49 9.081l-11.54 11.778c-1.556 1.578-1.556 4.135 0 5.713l1.409 1.428c0.778 0.788 1.798 1.183 2.818 1.183s2.040-0.395 2.817-1.183l11.71-11.804c1.107 0.599 2.625 0.989 3.899 0.989 2.043 0 3.98-0.824 5.454-2.32l0.427-0.433c2.331-2.364 2.296-7.415 2.306-9.638 0.001-0.378-0.216-0.721-0.555-0.878zM28.302 15.906l-0.371 0.434c-1.117 1.134-2.578 1.677-4.114 1.677-0.76 0-1.784-0.143-2.476-0.431-0.625-0.259-1.206-0.634-1.725-1.107l-12.818 12.925c-0.376 0.382-0.876 0.592-1.408 0.592s-1.032-0.21-1.409-0.592l-1.408-1.427c-0.777-0.788-0.777-2.070-0.001-2.858l12.524-12.777c-0.42-0.611-0.706-1.278-0.877-1.968h-0.001c-0.482-1.95-0.201-4.644 1.313-6.189l0.431-0.435c1.298-1.317 4.67-1.707 6.537-1.822l-3.668 4.236c-0.328 0.379-0.311 0.95 0.038 1.309l5.798 5.948c0.352 0.362 0.92 0.383 1.299 0.047l4.082-3.676c-0.122 1.98-0.506 4.856-1.748 6.115z"></path></svg>');
}

.orderItem-info-actions-duplicate:before {
    mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24 0h-11c-1.104 0-2 0.895-2 2h11v8h8v16h-7v2h7c1.105 0 2-0.895 2-2v-18l-8-8.001zM24 8v-5.172l5.171 5.172h-5.171zM2 4c-1.105 0-2 0.896-2 2v24c0 1.105 0.895 2 2 2h17c1.105 0 2-0.895 2-2v-18l-8-8.001h-11zM19 30h-17v-24h9v8h8v16zM13 12v-5.172l5.171 5.172h-5.171z"></path></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24 0h-11c-1.104 0-2 0.895-2 2h11v8h8v16h-7v2h7c1.105 0 2-0.895 2-2v-18l-8-8.001zM24 8v-5.172l5.171 5.172h-5.171zM2 4c-1.105 0-2 0.896-2 2v24c0 1.105 0.895 2 2 2h17c1.105 0 2-0.895 2-2v-18l-8-8.001h-11zM19 30h-17v-24h9v8h8v16zM13 12v-5.172l5.171 5.172h-5.171z"></path></svg>');
}

.orderItem-info-actions-notes:before {
    mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.98 30.009h-23v-25h14.050l2.022-1.948-0.052-0.052h-16.020c-1.105 0-2 0.896-2 2v25c0 1.105 0.895 2 2 2h23c1.105 0 2-0.895 2-2v-14.646l-2 1.909v12.736zM30.445 1.295c-0.902-0.865-1.898-1.304-2.961-1.304-1.663 0-2.876 1.074-3.206 1.403-0.468 0.462-13.724 13.698-13.724 13.698-0.104 0.106-0.18 0.236-0.219 0.38-0.359 1.326-2.159 7.218-2.176 7.277-0.093 0.302-0.010 0.631 0.213 0.851 0.159 0.16 0.373 0.245 0.591 0.245 0.086 0 0.172-0.012 0.258-0.039 0.061-0.020 6.14-1.986 7.141-2.285 0.132-0.039 0.252-0.11 0.351-0.207 0.631-0.623 12.816-12.618 13.802-13.637 1.020-1.052 1.527-2.146 1.507-3.253-0.019-1.094-0.55-2.147-1.575-3.129zM29.076 6.285c-0.556 0.574-4.914 4.88-12.951 12.798l-0.615 0.607c-0.921 0.285-3.128 0.994-4.796 1.532 0.537-1.773 1.181-3.916 1.469-4.93 1.717-1.715 13.074-13.055 13.506-13.48 0.084-0.084 0.851-0.821 1.795-0.821 0.536 0 1.052 0.244 1.577 0.748 0.627 0.602 0.95 1.179 0.959 1.719 0.010 0.556-0.308 1.171-0.944 1.827z"></path></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.98 30.009h-23v-25h14.050l2.022-1.948-0.052-0.052h-16.020c-1.105 0-2 0.896-2 2v25c0 1.105 0.895 2 2 2h23c1.105 0 2-0.895 2-2v-14.646l-2 1.909v12.736zM30.445 1.295c-0.902-0.865-1.898-1.304-2.961-1.304-1.663 0-2.876 1.074-3.206 1.403-0.468 0.462-13.724 13.698-13.724 13.698-0.104 0.106-0.18 0.236-0.219 0.38-0.359 1.326-2.159 7.218-2.176 7.277-0.093 0.302-0.010 0.631 0.213 0.851 0.159 0.16 0.373 0.245 0.591 0.245 0.086 0 0.172-0.012 0.258-0.039 0.061-0.020 6.14-1.986 7.141-2.285 0.132-0.039 0.252-0.11 0.351-0.207 0.631-0.623 12.816-12.618 13.802-13.637 1.020-1.052 1.527-2.146 1.507-3.253-0.019-1.094-0.55-2.147-1.575-3.129zM29.076 6.285c-0.556 0.574-4.914 4.88-12.951 12.798l-0.615 0.607c-0.921 0.285-3.128 0.994-4.796 1.532 0.537-1.773 1.181-3.916 1.469-4.93 1.717-1.715 13.074-13.055 13.506-13.48 0.084-0.084 0.851-0.821 1.795-0.821 0.536 0 1.052 0.244 1.577 0.748 0.627 0.602 0.95 1.179 0.959 1.719 0.010 0.556-0.308 1.171-0.944 1.827z"></path></svg>');
}

.orderItem-info-actions-saveForLater:before {
    mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M8.999 3.567c0.98 0 2.753 0.469 5.628 3.301l1.426 1.403 1.404-1.426c1.996-2.028 4.12-3.288 5.543-3.288 1.919 0 3.431 0.656 4.907 2.128 1.389 1.386 2.156 3.23 2.156 5.191 0.001 1.962-0.764 3.807-2.169 5.209-0.114 0.116-6.156 6.634-11.217 12.097-0.238 0.227-0.511 0.26-0.656 0.26-0.143 0-0.412-0.032-0.65-0.253-1.233-1.372-10.174-11.313-11.213-12.351-1.391-1.388-2.157-3.233-2.157-5.194s0.766-3.804 2.158-5.192c1.353-1.352 2.937-1.885 4.842-1.885zM8.999 1.567c-2.392 0-4.5 0.716-6.255 2.469-3.659 3.649-3.659 9.566 0 13.217 1.045 1.045 11.183 12.323 11.183 12.323 0.578 0.578 1.336 0.865 2.093 0.865s1.512-0.287 2.091-0.865c0 0 11.090-11.97 11.208-12.089 3.657-3.652 3.657-9.57 0-13.219-1.816-1.813-3.845-2.712-6.319-2.712-2.364 0-5 1.885-6.969 3.885-2.031-2-4.585-3.874-7.031-3.874v0z"></path></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M8.999 3.567c0.98 0 2.753 0.469 5.628 3.301l1.426 1.403 1.404-1.426c1.996-2.028 4.12-3.288 5.543-3.288 1.919 0 3.431 0.656 4.907 2.128 1.389 1.386 2.156 3.23 2.156 5.191 0.001 1.962-0.764 3.807-2.169 5.209-0.114 0.116-6.156 6.634-11.217 12.097-0.238 0.227-0.511 0.26-0.656 0.26-0.143 0-0.412-0.032-0.65-0.253-1.233-1.372-10.174-11.313-11.213-12.351-1.391-1.388-2.157-3.233-2.157-5.194s0.766-3.804 2.158-5.192c1.353-1.352 2.937-1.885 4.842-1.885zM8.999 1.567c-2.392 0-4.5 0.716-6.255 2.469-3.659 3.649-3.659 9.566 0 13.217 1.045 1.045 11.183 12.323 11.183 12.323 0.578 0.578 1.336 0.865 2.093 0.865s1.512-0.287 2.091-0.865c0 0 11.090-11.97 11.208-12.089 3.657-3.652 3.657-9.57 0-13.219-1.816-1.813-3.845-2.712-6.319-2.712-2.364 0-5 1.885-6.969 3.885-2.031-2-4.585-3.874-7.031-3.874v0z"></path></svg>');
}

.orderItem-info-actions-moveToCart:before {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M28.0799 6.65998C27.8999 6.47998 27.6599 6.35998 27.3599 6.35998H8.15994L7.43994 2.69998C7.37994 2.27998 6.95994 1.97998 6.53994 1.97998H2.33994C1.85994 1.97998 1.43994 2.39998 1.43994 2.87998C1.43994 3.35998 1.85994 3.77998 2.33994 3.77998H5.87994L9.59994 23.1C9.65994 23.52 10.0199 23.82 10.4999 23.82L22.9799 23.88C23.4599 23.88 23.8799 23.46 23.8799 22.98C23.8799 22.5 23.4599 22.08 22.9799 22.08L11.2799 22.02L10.6799 19.02H25.2599C25.6799 19.02 26.0399 18.72 26.1599 18.3L28.3199 7.37998C28.3199 7.13998 28.2599 6.89998 28.0799 6.65998ZM24.4799 17.22H10.5599L8.75994 8.15998H26.2199L24.4799 17.22Z" fill="%23222222"/><path d="M11.34 25.56C11.28 25.62 11.16 25.74 11.1 25.86C11.04 25.98 10.98 26.04 10.92 26.16C10.86 26.28 10.86 26.4 10.8 26.52C10.8 26.64 10.74 26.76 10.74 26.88C10.74 27.36 10.92 27.84 11.28 28.14C11.64 28.5 12.06 28.68 12.54 28.68C13.02 28.68 13.5 28.5 13.8 28.14C14.16 27.78 14.34 27.36 14.34 26.88C14.34 26.4 14.16 25.92 13.8 25.62C13.2 24.9 12 24.9 11.34 25.56Z" fill="%23222222"/><path d="M22.74 26.1599C22.68 26.0399 22.62 25.9799 22.56 25.8599C22.5 25.7399 22.44 25.6799 22.32 25.5599C21.66 24.8999 20.46 24.8999 19.8 25.5599C19.74 25.6199 19.62 25.7399 19.56 25.8599C19.5 25.9799 19.44 26.0399 19.38 26.1599C19.32 26.2799 19.32 26.3999 19.26 26.5199C19.26 26.6399 19.2 26.7599 19.2 26.8799C19.2 27.3599 19.38 27.8399 19.74 28.1399C19.8 28.1999 19.92 28.3199 19.98 28.3799C20.1 28.4399 20.16 28.4999 20.28 28.5599C20.4 28.6199 20.52 28.6199 20.64 28.6799C20.76 28.6799 20.88 28.7399 21 28.7399C21.48 28.7399 21.96 28.5599 22.26 28.1999C22.62 27.8399 22.8 27.4199 22.8 26.9399C22.8 26.8199 22.8 26.6999 22.74 26.5799C22.8 26.3999 22.8 26.2799 22.74 26.1599Z" fill="%23222222"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M28.0799 6.65998C27.8999 6.47998 27.6599 6.35998 27.3599 6.35998H8.15994L7.43994 2.69998C7.37994 2.27998 6.95994 1.97998 6.53994 1.97998H2.33994C1.85994 1.97998 1.43994 2.39998 1.43994 2.87998C1.43994 3.35998 1.85994 3.77998 2.33994 3.77998H5.87994L9.59994 23.1C9.65994 23.52 10.0199 23.82 10.4999 23.82L22.9799 23.88C23.4599 23.88 23.8799 23.46 23.8799 22.98C23.8799 22.5 23.4599 22.08 22.9799 22.08L11.2799 22.02L10.6799 19.02H25.2599C25.6799 19.02 26.0399 18.72 26.1599 18.3L28.3199 7.37998C28.3199 7.13998 28.2599 6.89998 28.0799 6.65998ZM24.4799 17.22H10.5599L8.75994 8.15998H26.2199L24.4799 17.22Z" fill="%23222222"/><path d="M11.34 25.56C11.28 25.62 11.16 25.74 11.1 25.86C11.04 25.98 10.98 26.04 10.92 26.16C10.86 26.28 10.86 26.4 10.8 26.52C10.8 26.64 10.74 26.76 10.74 26.88C10.74 27.36 10.92 27.84 11.28 28.14C11.64 28.5 12.06 28.68 12.54 28.68C13.02 28.68 13.5 28.5 13.8 28.14C14.16 27.78 14.34 27.36 14.34 26.88C14.34 26.4 14.16 25.92 13.8 25.62C13.2 24.9 12 24.9 11.34 25.56Z" fill="%23222222"/><path d="M22.74 26.1599C22.68 26.0399 22.62 25.9799 22.56 25.8599C22.5 25.7399 22.44 25.6799 22.32 25.5599C21.66 24.8999 20.46 24.8999 19.8 25.5599C19.74 25.6199 19.62 25.7399 19.56 25.8599C19.5 25.9799 19.44 26.0399 19.38 26.1599C19.32 26.2799 19.32 26.3999 19.26 26.5199C19.26 26.6399 19.2 26.7599 19.2 26.8799C19.2 27.3599 19.38 27.8399 19.74 28.1399C19.8 28.1999 19.92 28.3199 19.98 28.3799C20.1 28.4399 20.16 28.4999 20.28 28.5599C20.4 28.6199 20.52 28.6199 20.64 28.6799C20.76 28.6799 20.88 28.7399 21 28.7399C21.48 28.7399 21.96 28.5599 22.26 28.1999C22.62 27.8399 22.8 27.4199 22.8 26.9399C22.8 26.8199 22.8 26.6999 22.74 26.5799C22.8 26.3999 22.8 26.2799 22.74 26.1599Z" fill="%23222222"/></svg>');
}

.orderItem-info-message {
    position: relative;
    color: var(--c-WARNING-TEXT);
    padding: 10px;
    margin-top: 10px;
    box-shadow: none;
    border: 1px solid var(--c-NUETRAL-5);
    background-color: var(--c-WARNING);
    animation: notification-slide-in-minimal 0.5s ease-in-out .5s forwards;
    opacity: 0;
    right: -150%;
}

.mix-orderItem_alignRight { text-align: right !important; }

.mix-orderItem_alignLeft { text-align: left !important; }

.orderItem-qty ,
.orderItem-price,
.orderItem-unitPrice {
    text-align: right;
}

.orderItem-remove a,
.orderItem-remove button {
    border: none;
    font-size: 0;
}

.orderItem-remove a:before,
.orderItem-remove button:before {
    content: '';
    height: 26px;
    width: 24px;
    display: inline-block;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23787979' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23787979' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-ERROR);
}

.orderItem-remove a:hover:before,
.orderItem-remove button:hover:before {
    color: var(--c-ERROR);
    cursor: pointer;
}

.orderItem_isInvalid > td.orderItem-price,
.orderItem_isInvalid > td.orderItem-qty,
.orderItem_isInvalid > td > .orderItem-info-name { text-decoration: line-through; }

.orderItem_isInvalid > td:not(.orderItem-price, .orderItem-qty),
.orderItem_isInvalid > td > * { color: var(--c-ERROR) !important; }

@media screen and (max-width: 768px) {
    .orderItem {
        display: flex;
        flex-direction: column;
        flex-flow: wrap;
        margin-top: 20px;
        width: 100%;
    }

    .orderItem-files {
        order: 4;
        width: 100%;
        box-sizing: border-box;
        width: 50%;
        border-top: 1px solid var( --c-NUETRAL-5);
        padding: 20px;
    }

    .orderItem-info {
        box-sizing: border-box;
        width: 100%;
        padding: 20px;
    }

    .orderItem-info-actions {
        padding-top: 20px;
        margin-top: 20px;
    }

    .orderItem-qty {
        padding: 10px 10px 30px 20px;
        order: 2;
        width: 50%;
        box-sizing: border-box;
        text-align: left !important;
    }

    .orderItem-qty:before {
        content: 'QTY';
        font: 11px/11px var(--f-PRIMARY);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .1em;
        color: var( --c-NUETRAL-5);
        margin-right: 5px;
    }

    .orderItem-price {
        order: 3;
        box-sizing: border-box;
        width: 50%;
        padding: 10px 20px 20px 10px;
    }

    .orderItem-price:before {
        content: 'Price';
        font: 11px/11px var(--f-PRIMARY);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .1em;
        color: var( --c-NUETRAL-5);
        margin-right: 5px;
    }

    .orderItem-unitPrice {
        order: 2;
        box-sizing: border-box;
        padding: 10px 20px 20px 10px;
    }

    .orderItem-unitPrice::before {
        content: 'Unit Price';
        font: 11px/11px var(--f-PRIMARY);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .1em;
        color: var( --c-NUETRAL-5);
        margin-right: 5px;
    }

    .orderItem-files_noFiles button { padding-top: 10px; }

    .orderItem-remove {
        order: 5;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        width: 50%;
        border-top: 1px solid var( --c-NUETRAL-5);
        border-left: 1px solid var( --c-NUETRAL-5);
        padding: 20px;
    }

    .orderItem-remove a,
    .orderItem-remove button {
        margin: 0 auto;
        display: block;
        background: none;
        height: 100%;
    }

    .orderItem-files {
        border-left: 1px solid var( --c-NUETRAL-5);
        border-bottom: 1px solid var( --c-NUETRAL-5);
    }

    .orderItem-info {
        border: 1px solid var( --c-NUETRAL-5);
        border-bottom: none;
    }

    .orderItem-qty { border-left: 1px solid var( --c-NUETRAL-5); }

    .orderItem-price { border-right: 1px solid var( --c-NUETRAL-5); }

    .orderItem-remove {
        border-right: 1px solid var( --c-NUETRAL-5);
        border-bottom: 1px solid var( --c-NUETRAL-5);
    }

    .orderItem-info-name_isEditable > input[type="text"] { left: 5px; }

    .orderItem-info-name-label { left: -13px; }

}

@media screen and (min-width: 769px) {
    .orderItem > td:first-child {
        border-top: 1px solid var( --c-NUETRAL-5);
        border-left: 1px solid var( --c-NUETRAL-5);
        border-bottom: 1px solid var( --c-NUETRAL-5);
    }

    .orderItem > td {
        border-top: 1px solid var( --c-NUETRAL-5);
        border-bottom: 1px solid var( --c-NUETRAL-5);
    }

    .orderItem > td:last-child {
        border-top: 1px solid var( --c-NUETRAL-5);
        border-right: 1px solid var( --c-NUETRAL-5);
        border-bottom: 1px solid var( --c-NUETRAL-5);
    }

    .orderItem > td { transition: all 0.2s ease-in-out; }

    .orderItem:hover > td { border-color: var(--c-PRIMARY); }

    .orderItem_isInvalid:hover > td { border-color: var(--c-ERROR); }

    .orderItem-checkbox { border-right: 1px solid var(--c-NUETRAL-5); }

    .orderItem-files { width: 16%; }

    .orderItem-info { width: 54%; }

    .orderItem-qty { width: 13%; }

    .orderItem-price { width: 13%; }

    .orderItem-remove {
        width: 3%;
        width: 20px;
        padding: 0 10px 0 0;
    }

}

@media (--medium-viewport) {
    .orderItem-info-actions { justify-content: left; }
}

.pageContent { padding: 20px; }

.pageContent-hd {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pageContent-hd-info { order: 2; }

.pageContent-hd-actions {
    min-width: 20%;
    text-align: right;
}

@media screen and (min-width: 480px) {
    .pageContent-hd-actions {
        text-align: left;
        margin-bottom: 20px;
    }

    .pageContent-hd-actions > .hList > li > a.link { font-size: 0; }

    .pageContent-hd-actions > .hList > li > a.link:before {
        font-size: 36px;
        color: var(--c-PRIMARY);
    }

    .pageContent-hd-actions > .hList > li > a.link_iconPrint:before {
        font-size: 27px;
        color: var(--c-PRIMARY);
    }

    .pageContent-hd-actions > .hList > li + li { margin-left: 20px; }
}

.pageContent-bd,
.pageContent-preamble { margin-top: 30px; }

@media screen and (min-width: 1024px) {
    .pageContent { padding: 40px; }

    .pageContent_indent {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .pageContent-hd { flex-direction: row; }

    .pageContent-hd-info { order: unset; }
}

.pageGrid {
    display: block;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    box-sizing: border-box;
}

.pageGrid_flush { grid-column-gap: 0; }

.pageGrid_vertCentered {
    height: 100%;
    align-items: center;
}

.pageGrid > * + * { margin-top: 20px; }

.pageGrid-1 { grid-column: auto / span 1; }

.pageGrid-2 { grid-column: auto / span 2; }

.pageGrid-3 { grid-column: auto / span 3; }

.pageGrid-4 { grid-column: auto / span 4; }

.pageGrid-5 { grid-column: auto / span 5; }

.pageGrid-6 { grid-column: auto / span 6; }

.pageGrid-7 { grid-column: auto / span 7; }

.pageGrid-8 { grid-column: auto / span 8; }

.pageGrid-9 { grid-column: auto / span 9; }

.pageGrid-10 { grid-column: auto / span 10; }

.pageGrid-11 { grid-column: auto / span 11; }

.pageGrid-12 { grid-column: auto / span 12; }

.pageGrid-6_centered { grid-column-start: 4; }

.pageGrid-8_centered { grid-column-start: 3; }

.mix-pageGrid_gray {
    background-color: var(--c-NUETRAL-2);
    padding: 10px;
}

@media screen and (min-width: 1024px) {
    .pageGrid {
        display: grid;
    }

    .pageGrid > * + * { margin-top: 0; }

    .pageGrid_colGapLg { grid-column-gap: 80px; }

    .mix-pageGridPushTop { padding-top: 60px; }
}

.pageHead {
    text-align: right;
    padding: 30px;
}

.pageHero {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--c-NUETRAL-4);
    margin-top: -1px; /* shim to hide bottom border when there is no content */
    margin-bottom: -1px; /* shim to hide bottom border when there is content below with top border */
}

.pageHero_home {
    max-height: unset;
    padding: 0;
}

.pageHero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 1;
    flex-grow: 1;
    color: var(--tc-pageTitleText);
    padding: 20px;
    margin: 0 auto;
    background-color: var(--tc-pageHeroSurface);
}

.pageHero-media:not(:empty) {
    display: flex;
    justify-content: center;
    order: 2;
    flex-grow: 1;
    border-right: 1px solid var(--c-NUETRAL-4);
    padding: 60px;
}

.pageHero_home > .pageHero-media:not(:empty) { padding: 0; }

.pageHero-media > img {
    object-fit: contain;
    max-height: 700px;
}

.pageHero-content .bdcpy { max-width: 700px; }

.pageHero-media:empty + .pageHero-content {
    text-align: center;
    padding: 40px 20px;
}

.pageHero-media:empty + .pageHero-content .bdcpy { margin: 0 auto; }

.pageHero-content-title:not(:empty) {
    margin-bottom: 20px;
    text-transform: var(--t-TEXT-TRANSFORM);
    font: var(--t-HEADING-MARQUEE-MOBILE);
    color: var(--tc-pageHeroText);
}

.pageHero-content-title img { max-width: max-content; }

.pageHero-content-content > * + * { margin-top: 20px; }

.pageHero-content-content a {
    display: inline-block;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-SECONDARY);
    font-size: 13px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--tc-buttonSurfaceAccentText);
    padding: 15px 30px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--tc-buttonSurfaceAccent);
    border: 2px solid var(--tc-buttonSurfaceAccentBorder);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.pageHero-content-content a:hover {
    color: var(--tc-buttonSurfaceAccent);
    background-color: var(--tc-buttonSurfaceAccentText);
    border: 2px solid var(--tc-buttonSurfaceAccentBorder);
}

.pageHero-content-content > p {
    font: 16px / 32px var(--f-SECONDARY);
    letter-spacing: 0.8px;
    font-weight: 400;
    max-width: 500px;
    color: var(--tc-pageHeroText);
}

.pageHero-media:empty + .pageHero-content > .pageHero-content-content { margin: 0 auto; }

@media screen and (min-width: 480px) {
    .pageHero-content-title:not(:empty) { font: var(--t-HEADING-MARQUEE); }
}

@media screen and (min-width: 1024px) {
    .pageHero { flex-direction: row; }

    .pageHero:not(.pageHero_home) { max-height: 600px; }

    .pageHero > * { box-sizing: border-box; }

    .pageHero-media:not(:empty) + .pageHero-content { max-width: 50%; }

    .pageHero-media:not(:empty) {
        max-width: 50%;
        width: 50%;
    }

    .pageHero_home > .pageHero-media:not(:empty) { order: 1; }

    .pageHero-content {
        order: 2;
        padding: 40px;
    }

    .pageHero-media:empty + .pageHero-content {
        padding: 120px 40px;
        justify-content: center;
    }
}

@media screen and (min-width: 1280px) {
    .pageHero-content { padding: 90px 80px 100px; }

    .pageHero_home > .pageHero-content { padding: 40px 100px;}
}

.pageLayer { margin-top: 40px; }

.pageLayer-hd { margin: 40px 20px 20px 20px; }

.pageLayer-hd_rule {
    border-bottom: 1px solid var(--c-NUETRAL-4);
    margin: 40px 0 20px 0;
    padding: 0 20px 20px 20px;
}

@media screen and (min-width: 1024px) {
    .pageLayer { margin-top: 80px; }

    .pageLayer-hd { margin: 80px 40px 40px 40px; }

    .pageLayer-hd_rule {
        margin: 80px 0 40px 0;
        padding: 0 40px 40px 40px;
    }
}

.pageTitle {
    padding: 45px 40px 50px;
    color: var(--tc-pageTitleText);
    background-color: var(--tc-pageTitleSurface);
}

.pageTitle-bd:not(:empty) {
    max-width: 768px;
    margin-top: 10px;
    font: 16px/32px 'urw-din', Arial, Helvetica Neue, Helvetica, sans-serif;
    color: var(--tc-pageTitleText);
    letter-spacing: 0.8px;
    font-weight: 400;
}

.pageTitle_tight { padding: 20px; }

@media screen and (min-width: 1024px) {
    .pageTitle { padding: 90px 80px 100px; }

    .pageTitle-bd:not(:empty) { margin-top: 20px; }

    .pageTitle_tight { padding: 40px; }
}

.pageTitle_hFlush {
    padding-left: 0;
    padding-right: 0;
}

.pageWrap {
    padding: 40px 20px;
    max-width: var(--s-LARGE);
    margin: 0 auto;
}

.pageWrap_wide { max-width: var(--s-XLARGE); }

.pagination {
    text-align: center;
    padding-top: 20px;
}

.pagination_grid { margin-bottom: 20px; }

.pagination_gridTop {
    position: sticky;
    top: 59px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 35px;
    padding: 5px 40px;
    margin: 0 -1px -1px -1px;
    border: 1px solid var(--c-NUETRAL-4);
    background-color: var(--c-WHITE);
    z-index: 1;
}

.pagination_gridTop .pagination-info { margin-bottom: 15px; }

.pagination_gridTop .pagination-toggle { margin-top: 10px; }

.pagination ul {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font: 16px/20px  var(--f-PRIMARY);
    font-weight: bold;
    color: var(--c-NUETRAL-8);
}

.pagination ul li { list-style: none; }

.pagination ul li:not(.pagination-first) + li:not(.pagination-last) { margin-left: 10px; }

.pagination a {
    color: var(--c-NUETRAL-8);
    padding: 6px 8px 2px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    min-height: 25px;
    display: inline-block;
    text-decoration: none;
}

.pagination a:hover,
.pagination a:focus,
.pagination a.isCurrent { background-color: var(--c-NUETRAL-2); }

.pagination-first a,
.pagination-prev a,
.pagination-next a,
.pagination-last a {
    font-size: 0;
    padding: 3px;
    position: relative;
    height: 25px;
    width: 25px;
}

.pagination-first a:before,
.pagination-first a:after,
.pagination-prev a::before,
.pagination-next a:after,
.pagination-last a:before,
.pagination-last a:after {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    border-top: 2px solid var(--c-PRIMARY);
    border-right: 2px solid var(--c-PRIMARY);
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
}

.pagination-prev a::before {
    right: -3px;
    transform: rotate(-135deg);
}

.pagination-next a:after {
    left: -3px;
    transform: rotate(45deg);
}

.pagination-first a:before,
.pagination-first a:after { transform: rotate(-135deg); }

.pagination-first a:before { right: 4px; }

.pagination-first a:after { right: -9px; }

.pagination-last a:before,
.pagination-last a:after { transform: rotate(45deg); }

.pagination-last a:before { left: 4px; }

.pagination-last a:after { left: -9px; }

.pagination-first.isDisabled a,
.pagination-prev.isDisabled a,
.pagination-next.isDisabled a,
.pagination-last.isDisabled a { pointer-events: none; }

.pagination-first.isDisabled a::before,
.pagination-first.isDisabled a::after,
.pagination-prev.isDisabled a::before,
.pagination-next.isDisabled a::after,
.pagination-last.isDisabled a::before,
.pagination-last.isDisabled a::after { border-color: var(--c-NUETRAL-5); }

.pagination-toggle { text-align: right; }

.pagination-toggle-label {
    font-family: var(--f-PRIMARY);
    font-size: 13px;
    line-height: 14px;
    color: var(--c-NUETRAL-9);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pagination-info {
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: left;
}

.pagination-info b { font-weight: bold; }

.pagination-toggle-checkbox {
    position: relative;
    appearance: none;
    height: 20px;
    width: 35px;
    vertical-align: middle;
    border: 2px solid var(--c-NUETRAL-6);
    border-radius: 10px;
    background-color: var(--c-NUETRAL-6);
    transition: all 0.25s ease-in-out;
}

.pagination-toggle-checkbox:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    display: block;
    height: 14px;
    width: 14px;
    background-color: var(--c-WHITE);
    border: 2px solid var(--c-NUETRAL-6);
    border-radius: 50%;
}

.pagination-toggle-checkbox:checked {
    background-color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-8);
}

.pagination-toggle-checkbox:checked:before {
    left: calc(50% - 1px);
    background-color: var(--c-WHITE);
    border: 2px solid var(--c-BLACK);
}

@media screen and (min-width: 768px) {
    .pagination_gridTop { flex-direction: row; }

    .pagination_gridTop .pagination-info,
    .pagination_gridTop .pagination-toggle { margin: 0; }
}

@media screen and (min-width: 1024px) {
    .pagination_gridTop { top: 74px; }

    .pagination_gridTop > * { min-width: 33%; }
}

/* Braintree and Collaterate Markup that we do not have control over */

.paymentMethods { margin: 10px; }

.paymentMethods-item-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font: 13px/18px var(--f-PRIMARY);
    font-weight: bold;
    border-top: 1px solid var(--c-NUETRAL-5);
    font-weight: bold;
    padding: 15px 0;
}

.paymentMethods-item-inner-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.paymentMethods-item-inner-actions .link,
.paymentMethods-item-inner-actions .lbl {
    font-family: var(--f-TERTIARY);
    text-transform: capitalize;
}

.paymentMethods-item-inner-name {
    font-size: 14px;
    letter-spacing: 0.5px;
}

.paymentMethods-item-form #hosted-checkout {
    background: var(--c-NUETRAL-2);
    padding: 20px 0;
}

.paymentMethods-item-inner-actions > * { padding: 0 10px; }

.paymentMethods-item-inner-actions > *:last-of-type { border-left: 1px solid var(--c-NUETRAL-5); }

.paymentMethods .link_iconAdd {
    display: flex;
    justify-content: flex-end;
    font: 13px/18px var(--f-TERTIARY);
    text-transform: capitalize;
    font-weight: bold;
    margin-right: 10px;
}

.paymentMethods-item-form {
    margin-top: 10px;
    padding: 20px;
    background: var(--c-NUETRAL-2);
}

.paymentMethods-item-form .globalForm-row {
    padding: 0 0 10px 0;
    font: 13px/18px var(--f-PRIMARY);
    font-weight: bold;
}

.paymentMethods .globalForm-btn {
    display: inline-block;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.paymentMethods .globalForm-btn:hover {
    background: var(--c-WHITE);
    color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
}

.globalForm-row .link {
    font-family: var(--f-TERTIARY);
    text-transform: capitalize;
}

.paymentMethods .mix-paymentMethodsFoot_cancel {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

/* Braintree and Collaterate Credit Card Information Markup that we don't have control over */

.paymentMethods .globalForm-row,
.paymentMethods .globalForm-inputLabel { display: block; }

.paymentMethods .globalForm-inputText {
    width: 100%;
    height: 29px;
    background: var(--c-WHITE);
    padding: 5px;
    border: 2px solid var(--c-NUETRAL-5);
    border-radius: 5px !important;
}

.hosted-fields-error-msg {
    display: none;
    color: var(--c-ERROR);
}

.braintree-hosted-fields-invalid { border-color: var(--c-ERROR) !important; }

.braintree-hosted-fields-invalid + .hosted-fields-error-msg { display: block; }

.paymentMethods .global-inputText_quarantine {
    width: 100%;
    height: 20px;
    background: var(--c-WHITE);
    border: 1px solid var(--c-BLACK);
    padding: 5px;
    margin-bottom: 10px;
}

.paymentMethods .globalForm-row_noHover {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paymentMethods .globalForm-row_noHover > *:first-of-type {
    font: 12px/14px var(--f-TERTIARY);
    text-transform: uppercase;
    font-weight: bold;
}

.paymentMethods .globalForm-row_inline {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Allows for a gap between the last two items in the add card inputs and the cancel link and submit button */

.paymentMethods .globalForm-row_inline > * + * { margin-left: 30px; }

/* Checkout braintree hosted styles */

#hostedCheckout .hosted-fields-container {
    width: 100%;
    height: 44px;
    padding: 10px;
    margin-top: 2px;
    background: var(--c-WHITE);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px !important;
    box-sizing: border-box;
}

#hostedCheckout .hosted-fields-error-msg {
    font-size: 13px;
    margin-top: 2px;
}

.pdpGrid-resources,
.pdpGrid-calc {
    padding: 20px;
}

.pdpGrid-description-inner {
    background-color: var(--tc-pageTitleSurface);
    color: var(--tc-pageTitleText);
    padding: 20px;
}

/* quarantine anchor override to support theme styles */

.pdpGrid-description .quarantine a { color: var(--tc-pageHeroText); }

.pdpGrid-resources > .quarantine:not(:empty):before {
    content: 'Details';
    font-family: 'urw-din-condensed', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
    padding-bottom: 20px;
    text-transform: var(--t-TEXT-TRANSFORM);
    display: block;
    border-bottom: 1px solid #ddd;
}

.pdpGrid-media-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.pdpGrid-calc .generalCalculator {
    display: block;
    width: 100%;
    padding: 20px 10px;
}

.pdpGrid-calc #stockCalculator {
    max-width: 100%;
    padding: 20px;
}

.product .pdpGrid-calc .generalCalculator:not(#stockCalculator) > * + * { padding-left: 0; }

.pdpGrid-calc .generalCalculator h3 { margin: 0 0 10px; }

.pdpGrid-calc .turnaroundTime-process { margin: 35px auto 55px; }

.pdpGrid-calc .generalCalculator .quoteContinue { margin-bottom: 0; }

.product .pdpGrid-calc .validationErrorMessage,
.product .pdpGrid-calc .validationInfoMessage {
    margin: 0;
    top: 0;
}

.pdpGrid-calc-inner > .generalCalculator > * { width: 100% !important; }

@media screen and (min-width: 1024px) {
    .pdpGrid {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-template-rows: auto auto minmax(100%, 100%);
        align-items: start;
        box-sizing: border-box;
        margin: 0 auto;
        border-bottom: 1px solid var(--c-NUETRAL-4);
    }

    .pdpGrid-media {
        grid-area: 1 / 1 / 2 / 2;
        grid-row: span 2;
        border-right: 1px solid var(--c-NUETRAL-4);
        margin-right: -1px; /* Shim for border when container is taller that the right container */
    }

    .pdpGrid-description {
        grid-area: 1 / 2 / 2 / 3;
        padding: 0;
        border-left: 1px solid var(--c-NUETRAL-4);
    }

    .pdpGrid-resources {
        grid-area: 2 / 1 / 3 / 2;
        grid-row: span 2;
        padding: 80px 40px;
        border-right: 1px solid var(--c-NUETRAL-4);
        margin-right: -1px; /* Shim for border when container is taller that the right container */
    }

    .pdpGrid-calc {
        grid-area: 2 / 2 / 3 / 3;
        grid-row: span 3;
        border-left: 1px solid var(--c-NUETRAL-4);
        padding: 0 70px 80px 70px;
    }

    .pdpGrid-description-inner {
        padding: 80px;
        border-bottom: 1px solid var(--c-NUETRAL-4);
    }

    .pdpGrid-description-inner > * + * { margin-top: 20px; }

    .pdpGrid-calc-inner + .pdpGrid-calc-inner { margin-top: 20px; }
    
    .pdpGrid-media-container {
        max-width: 50vw;
        box-sizing: border-box;
    }

}

.productGrid {
    display: flex;
    flex-wrap: wrap;
}

.productGrid_noResults {
    min-height: 200px;
    font-family: var(--f-PRIMARY);
    font-size: 36px;
    letter-spacing: .5px;
    color: var(--c-NUETRAL-6);
    padding: 40px;
}

.productGrid > * {
    display: flex;
    width: 100%;
    margin-top: -1px; /* Shim to accomplish design direction */
}

@media screen and (min-width: 480px) {
    .productGrid { width: calc(100% + 3px); } /* Shim to accomplish design direction */

    .productGrid > * { width: 50%; }

    .productGrid > * { margin-left: -1px; /* Shim to accomplish design direction */ }
}

@media screen and (min-width: 1024px) {
    .productGrid {
        border-top: 1px solid var(--c-NUETRAL-4);
        box-shadow: inset 0 -1px 1px var(--c-NUETRAL-4); /* Shim to accomplish design direction */
    }

    .productGrid_noResults { box-shadow: inset 0 0 1px var(--c-NUETRAL-4); }

    .productGrid_4upFill > * {
        flex-basis: 25%;
        flex-grow: 1;
    }
    
    .productGrid_3up { width: calc(100% + 4px); } /* Shim to accomplish design direction */
    .productGrid_4up { width: calc(100% + 5px); } /* Shim to accomplish design direction */
    .productGrid_5up { width: calc(100% + 6px); } /* Shim to accomplish design direction */

    .productGrid_2up > * { width: 50%; }
    .productGrid_3up > * { width: 33.333333%; }
    .productGrid_4up > * { width: 25%; }
    .productGrid_5up > * { width: 20%; }

    .productGrid_2up > *:nth-child(-n+2),
    .productGrid_3up > *:nth-child(-n+3),
    .productGrid_4up > *:nth-child(-n+4),
    .productGrid_5up > *:nth-child(-n+5) { margin-top: -1px; } /* Shim to accomplish design direction */
}

.productTile {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 80px 40px 20px 40px;
    border: 1px solid var(--c-NUETRAL-4);
    box-sizing: border-box;
}

.productTile-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 48px;
    font: bold 14px/1.1 var(--f-SECONDARY);
    margin-top: 60px;
    font-weight: 400;
    text-overflow: ellipsis;
    color: var(--c-NUETRAL-9);
    transition: color 0.15s ease-in-out;
}

.productTile:hover > .productTile-name { color: var(--c-PRIMARY); }

.productTile-media {
    display: block;
    flex-grow: 1;
    aspect-ratio: 1/1;
    max-width: 100%;
    max-height: 100%;
}

.productTile-media:empty {
    background-color: var(--c-NUETRAL-1);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.productTile-media > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    position: relative;
    object-fit: contain;
}

.productTile-media > img:before  {
    content: " ";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--c-NUETRAL-1);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

/* TODO: remove :not puesdo after moving modals out of project */

.mix-bodyIsLocked .project:not(.globalDiaolog) {
    pointer-events: none;
}

.project {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.project thead td,
.project thead th { padding: 12px 20px 8px; }

.project-hd { border-collapse: collapse; }

.project-hd-accentRow {
    display: none;
    font: 11px/11px var(--f-TERTIARY);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: var(--c-NUETRAL-2);
    text-align: left;
}

.project-hd-accentRow *:not(:first-child) { text-align: right; }

.project-ft-actions { text-align: right; }

.project-ft-actions > * + * { margin-left: 20px; }

.project-ft-totals-inner-promoForm { margin-bottom: 40px; }

.project-ft-totals-tally {
    font-family: var(--f-PRIMARY);
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 280px;
    padding: 10px 20px;
    letter-spacing: .5px;

}

.project-ft-totals-tally > li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.project-ft-totals-tally-total {
    font-size: 24px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--c-NUETRAL-5);
}

.project-ft-totals-tally-shipping.project-ft-totals-tally-shipping-link,
.project-ft-totals-tally-shipping-link:visited { color: var(--c-PRIMARY); }

.project-ft-totals-promo-message > * { margin-top: 10px; }

.project-ft-totals-inner {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 1024px) {
    .project-hd-accentRow { display: table-row; }
    
    .project-ft-totals {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .project-ft-totals-inner {
        flex-direction: row;
        justify-content: space-between;
        flex-grow: 1;
    }
}

.quarantine { margin-bottom: 25px; }

.quarantine h2 { font: var(--t-HEADING-2); }

.quarantine h3 { font: var(--t-HEADING-3); }

.quarantine h4 { font: var(--t-HEADING-4); }

.quarantine p,
.quarantine li { font: var(--t-BODY-1); }

.quarantine img { width: 100%; }

.quarantine strong,
.quarantine strong * { font-weight: bold; }

.quarantine ul,
.quarantine ol {
    font: var(--t-BODY-2);
    list-style: disc;
    padding-inline-start: 40px;
}

.quarantine a {
    color: var(--c-PRIMARY);
    text-decoration: underline;
}

.quarantine > * + *:not(ul, ol) { margin-top: 20px; }

.quarantine_background {
    background: var(--c-NUETRAL-2);
    padding: 25px;
}

@media screen and (min-width: 1024px) {
    .quarantine img {
        width: auto;
        max-width: 100%;
    }
}

.quoteList {
    box-sizing: border-box;
    width: 100%;
}

.quoteList thead,
.quoteList tbody {
    text-align: left;
}

.quoteList-item-name {
    text-decoration: none;
    color: var(--c-NUETRAL-8);
}

.quoteList-item-name:hover,
.quoteList-item-name:focus { color: var(--c-PRIMARY); }

.quoteList-item td:first-child {
    font-family:  var(--f-PRIMARY);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}

.quoteList-item {
    font: 14px/20px  var(--f-PRIMARY);
    font-weight: 400;
    color: var(--c-NUETRAL-8);
    padding: 10px 30px;
    box-sizing: border-box;
}

.quoteList-item td:last-child {
    padding: 30px 15px;
}

.quoteList-item-spIcon {
    margin-right: 10px;
    vertical-align: text-top;
}

.quoteList-item-remove {
    border-top: 1px solid var(--c-NUETRAL-5);
}

.quoteList-item-remove-button {
    border: none;
    font-size: 0;
    background: none;
    width: 100%;
}

.quoteList-item-remove-button:before {
    content: '';
    height: 26px;
    width: 24px;
    display: inline-block;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23787979' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23787979' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-ERROR);
}

.quoteList-item-remove-button:hover:before { cursor: pointer }

.quoteList-item_isExpiring { color: var(--c-ERROR); }

@media screen and (min-width: 769px) {
    .quoteList {
        border-collapse: separate;
        border-spacing: 0 20px;
    }

    .quoteList thead tr {
        font: 11px/11px  var(--f-PRIMARY);
        color: var(--c-NUETRAL-8);
        font-weight: bold;
        letter-spacing: .1em;
        text-transform: uppercase;
        background-color: var(--c-NUETRAL-2);
    }

    .quoteList thead th { padding: 12px 15px 8px 30px; }

    .quoteList-item td:first-child { border-left: 1px solid var(--c-NUETRAL-5); }

    .quoteList-item td:nth-child(2),
    .quoteList-item td:nth-child(3),
    .quoteList-item td:nth-child(4) { width: 11%; }

    .quoteList-item td:nth-child(5) { width: 24%; }

    .quoteList-item td:last-child {
        width: 5%;
        border-right: 1px solid var(--c-NUETRAL-5);
        text-align: right;
    }

    .quoteList-item td {
        border-top: 1px solid var(--c-NUETRAL-5);
        border-bottom: 1px solid var(--c-NUETRAL-5);
        border-left: none;
        border-right: none;
        padding: 30px;
    }

    .quoteList-item-toggle-arrow {
        display: inline-block;
        position: relative;
        width: 0px;
        height: 0px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid var(--c-NUETRAL-5);
        margin-left: 5px;
        opacity: 0;
        transform: rotate(180deg);
        transition: all 0.2s ease-in-out;
    }

    .quoteList-item-toggle.isSorted .quoteList-item-toggle-arrow { opacity: 1; }

    .quoteList-item-toggle.isAscending.isSorted .quoteList-item-toggle-arrow { transform: rotate(0); }

    .quoteList th:hover .quoteList-item-toggle-arrow { opacity: 1; }

    .quoteList-item-toggle {
        cursor: pointer;
        white-space: nowrap;
    }

    .quoteList-item-toggle-arrow:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 5px solid var(--c-NUETRAL-5);
        position: absolute;
        top: -7px;
        left: -3px;
    }

    .quoteList-item-remove { border-top: 0; }

    .quoteList-item-mobileLbl { display: none; }
}

@media screen and (max-width: 767px) {

    .quoteList { display: block; }

    .quoteList thead {
        display: block;
        opacity: 0;
        height: 0;
        width: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

    .quoteList tbody {
        display: flex;
        flex-wrap: wrap;
    }

    .quoteList-item {
        display: flex;
        flex-direction: column;
        width: calc(50% - 20px);
        margin: 10px;
        box-sizing: border-box;
        justify-content: space-between;
        border: 1px solid var(--c-NUETRAL-5);
    }

    .quoteList-item-mobileLbl {
        font: 12px/12px var(--f-PRIMARY);
        font-weight: 700;
        display: inline-block;
        color: var(--c-NUETRAL-5);
        letter-spacing: 0.03em;
        text-transform: uppercase;
        margin-right:  10px;
    }

    .quoteList-item td:first-child {
        border-bottom: 1px solid var(--c-NUETRAL-5);
        padding: 30px 30px 15px 0;
    }

    .quoteList-item td:last-child { padding-top: 20px 30px 15px; }

    .quoteList-item td:nth-child(2) { padding-top: 20px; }

    .quoteList-item td:nth-child(5) { padding-bottom: 20px; }

    .quoteList tfoot,
    .quoteList tfoot tr { display: block; }
}

@media screen and (max-width: 480px) {
    .quoteList tbody { display: block; }
    
    .quoteList .quoteList-item {
        width: 100%;
        margin: 10px 0;
    }
    .quoteList-item + .quoteList-item { margin-top: 20px; }
}

.quoteSearchForm {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.sfForm input:not([type=submit]),
.sfForm textarea,
.sfForm select {
    padding: 12px;
    font-size: 13px;
    color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-5);
    border-radius: 5px;
    background-color: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
}

.sfForm textarea { white-space: pre-wrap; }

.sfForm input:hover,
.sfForm textarea:hover,
.sfForm select:hover,
.sfForm input:focus,
.sfForm textarea:focus,
.sfForm select:focus {
    background-color: var(--c-WHITE);
    box-shadow: 0;
    outline: 1px var(--c-BLACK);
    border: 2px solid var(--c-BLACK);
}

.sfForm input[type=checkbox],
.sfForm input[type=radio] {
    position: absolute;
    display: inline-block;
    appearance: none;
    height: 15px;
    width: 15px;
    padding: 0;
    box-sizing: border-box;
    border: 2px solid var(--c-NUETRAL-5);
    background-position: center center;
    background-color: transparent;
}

.sfForm input[type=checkbox] { border-radius: 5%; }

.sfForm input[type=radio] { border-radius: 50%; }

.sfForm input[type=checkbox] + .sfForm-lbl,
.sfForm input[type=checkbox] + label,
.sfForm input[type=radio] + .sfForm-lbl,
.sfForm input[type=radio] + label,
.sfForm .checkHolder + label {
    display: inline-block;
    font: 13px/18px var(--f-PRIMARY);
    font-weight: 600;
    padding-left: 25px;
    cursor: pointer;
}

.sfForm input[type=checkbox],
.sfForm input[type=radio],
.sfForm input[type=checkbox] + .sfForm-lbl,
.sfForm input[type=checkbox] + label,
.sfForm input[type=radio] + .sfForm-lbl,
.sfForm input[type=radio] + label { transition: all 0.3s ease-in-out; }

.sfForm input[type=checkbox]:hover,
.sfForm input[type=radio]:hover { border-color: var(--c-PRIMARY); }

.sfForm input[type=checkbox]:checked,
.sfForm input[type=radio]:checked {
    border-color: var(--c-PRIMARY);
    background-color: var(--c-PRIMARY);
}

.sfForm input[type=checkbox] + .sfForm-lbl:hover,
.sfForm input[type=checkbox] + label:hover,
.sfForm input[type=radio] + .sfForm-lbl:hover,
.sfForm input[type=radio] + label:hover { color: var(--c-PRIMARY); }

.sfForm input[type=date],
.sfForm input[type=tel],
.sfForm input[type=datetime],
.sfForm input[type=datetime-local],
.sfForm input[type=email],
.sfForm input[type=month],
.sfForm input[type=number],
.sfForm input[type=password],
.sfForm input[type=range],
.sfForm input[type=search],
.sfForm input[type=tel],
.sfForm input[type=text],
.sfForm input[type=time],
.sfForm input[type=url],
.sfForm input[type=week],
.sfForm input[type=submit],
.sfForm select {
    height: 44px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.sfForm input[disabled] {
    pointer-events: none;
    opacity: 0.75;
}

.sfForm-inputText[disabled] { color: var(--c-NUETRAL-5); }

.sfForm-btn {
    display: inline-block;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.sfForm-btn:hover {
    color: var(--c-PRIMARY);
    background-color: transparent;
}

.sfForm textarea {
    line-height: 20px;
    padding: 10px;
    width: 100%;
    resize: none;
    box-sizing: border-box;
}

.sfForm select {
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #333333 50%), linear-gradient(135deg, #333333 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.sfForm fieldset {
    padding: 0;
    border: none;
}

.sfForm-row_2up > * + *,
.sfForm-row_3up > * + *,
.sfForm-row + .sfForm-row { margin-top: 20px; }

.sfForm-lbl,
.sfForm label {
    font: 13px/18px var(--f-PRIMARY);
    font-weight: bold;
}

.sfForm-row_containedInputSubmit .sfForm-inputText {
    border-radius: 22px !important;
    font-family: var(--f-TERTIARY);
}

.sfForm-row_containedInputSubmit { position: relative; }

.sfForm-row_containedInputSubmit input[type=submit] {
    position: absolute;
    padding: 5px 10px;
    height: auto;
    width: auto;
    min-width: auto;
    right: 5px;
    bottom: 7px;
    border-radius: 15px;
}

.sfForm-row_inline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.sfForm-msg {
    display: none;
    font: 12px/12px var(--f-PRIMARY);
    padding: 5px 10px 0;
    font-style: italic;
    color: var(--c-NUETRAL-5);
    letter-spacing: 0.035em;
    margin-bottom: -5px;
}

.sfForm-msg_error { color: var(--c-ERROR); }

.sfForm-row-item_list > * + * {
    margin-top: 10px;
    padding-left: 5px;
}

.sfForm-row-item_alignRight { text-align: right; }

.sfForm-row-item_hasErrors { position: relative; }

.sfForm .isRequired > .sfForm-lbl:after {
    content: '*';
    font-style: italic;
    margin-right: 5px;
}

.sfForm input[required].error { border-color: var(--c-ERROR); }

.sfForm-row-item_hasErrors .sfForm-inputText,
.sfForm-row-item_hasErrors .sfForm-input,
.sfForm-row-item_hasErrors .sfForm-textArea,
.sfForm-row-item_hasErrors .sfForm-select {
    border: 1px solid var(--c-ERROR) !important;
    background-color: #fff4f4 Im !important;
}

.sfForm-row-item_hasErrors .sfForm-msg {
    display: block;
    position: absolute;
}

.mix-sfForm_successMessage,
.sfForm.isSuccessSubmit {
    height: 0;
    overflow: hidden;
    position: relative;
}

.sfForm.isSuccessSubmit + .mix-sfForm_successMessage { height: auto; }

.mix-recaptchaPos_br .grecaptcha-badge {
    bottom: 100px !important;
    z-index: 2;
}

@media (min-width: 1024px) {
    .sfForm-row_2up,
    .sfForm-row_3up {
        display: flex;
        flex-direction : row;
        align-items: flex-end;
    }

    .sfForm-row_2up > *,
    .sfForm-row_3up > * {
        box-sizing: border-box;
        margin: 0;
    }

    .sfForm-row_2up > * { width: 50%; }

    .sfForm-row_3up > * { width: 33.333367%; }

    .sfForm-row_2up > * + *,
    .sfForm-row_3up > * + * { margin-left: 20px }
}

.sideNav {
    position: relative;
    border-top: 1px solid var(--c-NUETRAL-4);
    padding-top: 40px;
}

.sideNav-mobileMenu {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    width: 44px;
    height: 44px;
}

.sideNav-mobileMenu-inner {
    position: relative;
    top: -5px;
    height: 2px;
    width: 24px;
    margin: 0 auto;
    background-color: var(--c-PRIMARY);
    transition: all .3s ease-in-out;
    pointer-events: none;
}

.sideNav-mobileMenu-inner:after,
.sideNav-mobileMenu-inner:before {
    content: '';
    position: absolute;
    height: 2px;
    display: block;
    transition: all .3s ease-in-out;
}

.sideNav-mobileMenu-inner:before {
    width: 16px;
    left: calc(50% - 8px);
    bottom: -5px;
    background-color: var(--c-PRIMARY);
}

.sideNav-mobileMenu-inner:after {
    width: 10px;
    left: calc(50% - 5px);
    bottom: -10px;
    background-color: var(--c-PRIMARY);
}

.sideNav-hd,
.sideNav-content-hd {
    display: flex;
    align-items: center;
    height: 44px;
    font-family: var(--f-PRIMARY);
    font-size: 15px;
    font-weight: bold;
    text-transform: var(--t-TEXT-TRANSFORM);
    color: var(--c-BLACK);
    margin: auto;
    box-sizing: border-box;
}

.sideNav-hd-backLink { display: none; }

.sideNav-content {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.sideNav.isOpen .sideNav-content {
    opacity: 1;
    height: auto;
    padding: 0 10px;
}

.sideNav.isOpen > .sideNav-mobileMenu > .sideNav-mobileMenu-inner { background-color: transparent; }

.sideNav.isOpen > .sideNav-mobileMenu > .sideNav-mobileMenu-inner::before {
    width: 130%;
    left: 1px;
    top: -6px;
    transform: rotate(45deg);
    transform-origin: top left;
}

.sideNav.isOpen > .sideNav-mobileMenu > .sideNav-mobileMenu-inner:after {
    width: 130%;
    left: 1px;
    bottom: -15px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

@media screen and (min-width: 1024px) {
    .sideNav { padding: 40px; }
    
    .sideNav_sticky {
        position: sticky;
        top: 60px;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
    }

    .sideNav-mobileMenu { display: none; }

    .sideNav-hd,
    .sideNav-content-hd { height: auto; }

    .sideNav-hd {
        height: auto;
        padding-bottom: 30px;
    }

    .sideNav-content-hd {
        height: auto;
        padding: 10px 0;
    }
    
    .sideNav-hd-backLink {
        display: inline-block;
        margin-right: 10px;
        font-size: 20px;
        color: var(--c-PRIMARY);
    }

    .sideNav-hd-backLink:before {
        content: '<';
        margin-right: 10px;
    }

    .sideNav-content {
        height: auto;
        opacity: 1;
    }
}

#storeCredit #storeCredit-bd {
    padding: 20px;
    border-left: 2px solid var(--c-NUETRAL-2);
    border-right: 2px solid var(--c-NUETRAL-2);
    font-family: var(--f-PRIMARY);
    box-sizing: border-box;
}

#storeCredit #storeCredit-bd > * + * {
    margin-top: 20px;
}

#storeCredit .creditAmount {
    text-align: right;
    padding-right: 10px;
}

#storeCredit .creditAmout_used {
    width: 100%;
    padding: 10px;
    background: var(--c-NUETRAL-2);
    box-sizing: border-box;
}

#storeCredit .creditAmout_used > span:first-of-type {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--c-NUETRAL-8);
    font-size: 14px;
}

#storeCredit .creditAmount > span:last-of-type {
    font-family: var(--f-SECONDARY);
    font-size: 14px;
    color: var(--c-NUETRAL-7);
    margin-left: 10px
}

#storeCredit .storeCredit-bd-actions {
    display: flex;
    flex-direction: row;
    justify-content: right;
}

#storeCredit .creditBtn,
#storeCredit #saveStoreCredit,
#storeCredit #cancelStoreCredit {
    display: inline-flex;
    align-items: center;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

#storeCredit .creditBtn:hover,
#storeCredit #saveStoreCredit:hover {
    color: var(--c-PRIMARY);
    background-color: transparent;
}

#storeCredit #cancelStoreCredit {
    color: var(--c-NUETRAL-8);
    background-color: transparent;
    border-color: var(--c-NUETRAL-8);
}

#storeCredit #cancelStoreCredit:hover {
    color: var(--c-WHITE);
    background-color: var(--c-NUETRAL-8);
}

#storeCredit .creditBtn + .creditBtn,
#storeCredit #cancelStoreCredit {
    margin-left: 20px;
}

.textMenu {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 2fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 20px;
}

.textMenu-child-menu { margin-top: 30px; }

.textMenu-child-link,
.textMenu-child-lbl {
    font: 700 32px/1.1 var(--f-PRIMARY);
    text-transform: var(--t-TEXT-TRANSFORM);
    color: var(--c-NUETRAL-8);
}

.textMenu-child-menu-child {
    display: block;
    font: 400 16px/1.25 var(--f-SECONDARY);
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.textMenu-child-menu-child-link,
.textMenu-child-menu-child-lbl { color: var(--c-NUETRAL-8); }

.textMenu-child-link:hover,
.textMenu-child-menu-child-link:hover { color: var(--c-PRIMARY); }

@media screen and (min-width: 480px) {
    .textMenu { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (min-width: 1024px) {
    .textMenu { margin: 80px; }

    .textMenu { 
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 40px;    
    }
}

@media screen and (min-width: 1280px) {
    .textMenu { grid-template-columns: repeat(4, 1fr); }
}

.toggle {
    position: relative;
    overflow: hidden;
}

.toggle-trigger {
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    right: 0;
    cursor: pointer;
}

.toggle-trigger_left {
    right: unset;
    left: 0;
}

.toggle-trigger_left + * { margin-left: 20px; }

.toggle-target {
    height: 0;
    overflow: hidden;
    padding: 0;
    transition: all 0.2s ease-in-out;
}

.toggle-trigger::before,
.toggle-trigger:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    background-color: var(--c-NUETRAL-9);
    pointer-events: none;
}

.toggle-trigger:after {
    height: 14px;
    width: 2px;
    right: 6px;
    transition: all 0.2s ease-in-out;
}

.toggle-trigger:before {
    height: 2px;
    width: 14px;
    right: 0;
}

.toggle.isOpen > .toggle-target {
    height: auto;
    overflow: visible;
}

.toggle.isOpen > .toggle-trigger:after { transform: rotate(90deg) }

.totalsBlock {
    padding: 45px;
    text-align: center;
}

.totalsBlock-subtotal {
    color: var(--c-NUETRAL-5);
    margin-bottom: 20px;
}

.totalsBlock-subtotal-price {
    font: var(--t-HEADING-1);
    font-style: italic;
    margin: 5px 0 20px;
}

.totalsBlock-actions > * + * { margin-top: 20px; }

.totalsBlock-ft {
    text-align: left;
    margin-top: 20px;
    padding: 0 40px;
}

@media screen and (min-width: 1200px) {
    .totalsBlock { padding: 80px 40px; }
}

.totalsBlock {
    padding: 40px 0;
    text-align: center;
}

.totalsBlock-subtotal {
    color: var(--NUETRAL-2);
    margin-bottom: 20px;
}

.totalsBlock-subtotal-price {
    font: 48px/59px var(--f-PRIMARY);
    font-weight: bold;
    margin: 5px 0 20px;
}

.totalsBlock-actions > * + * { margin-top: 20px; }

.totalsBlock-ft {
    text-align: center;
    padding: 20px;
}

.vr > * + * { margin-top: 20px; }

/* Collaterate Quarantines */

#availableInventoryQuantity {
    width: 50%;
    margin: 10px 0;
}

#available-inventory {
    width: calc(100% - 20px);
    border: 1px solid var(--c-NUETRAL-5);
}

#available-inventory th {
    padding: 10px;
    background-color: var(--c-NUETRAL-5);
    font-weight: bold;
}

#available-inventory td {
    padding: 10px;
    border-top: 1px solid var(--c-NUETRAL-5);
}

.bulkAdd {
    font-family: var(--f-PRIMARY);
    font-weight: bold;
    font-size: 14px;
}

.bulkAdd > div > div > div {
    display: flex;
    flex-direction: row;
}

.bulkStageContainer {
    position: fixed;
    top: calc(100vh - 44px) !important;
    left: 0;
    width: 100%;
    height: 100% !important;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--c-NUETRAL-2);
    z-index: 100000;
    transition: all 0.3s ease-in-out;
}

.bulkChooserContainer { width: 100%; }

#stageFloater { position: static !important; }

.bulkSearchLabel {
    display: block;
    margin-bottom: 5px;
}

.bulkSearchGroup {
    width: 100%;
    margin: 0 0 20px 0;
    float: none !important;
    display: inline-block;
}

.bulkSearchGroup input,
.bulkSearchGroup select,
.candidateProductQuantity input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid var(--c-NUETRAL-5);
    box-sizing: border-box;
}

.candidateProductQuantity input { min-width: 50px; }

.bulkSearchGroup select {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--c-NUETRAL-8) 50%),
    linear-gradient(135deg, var(--c-NUETRAL-8) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}

.bulkAdd button:not(.addToCart):not(.pager) {
    background: none;
    border: none;
    font-family: var(--f-TERTIARY);
    color: var(--c-PRIMARY);
    cursor: pointer;
    position: relative;
    top: -15px;
    margin-bottom: -14px;
}

.bulkAdd button:not(.addToCart):not(.pager):before { content: '+'; }

.candidatePlaceholder {
    padding: 10px;
    border: 1px solid var(--c-NUETRAL-5);
}

.candidatePlaceholder + .candidatePlaceholder { margin-top: 10px; }

.candidateDescription,
.candidateProductDescription {
    height: 0;
    width: 0;
    overflow: hidden;
}

.candidateProductInfo {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.bulkChooserContainer .candidateProductQuantity,
.candidateExtras-descriptionLink,
.candidateExtras-description { display: none; }

.candidateName {
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--c-NUETRAL-8);
}

.candidateProductID > div, .candidateSKU > div {
    text-transform: uppercase;
    font-size: 12px;
}

.candidateProductID > strong, .candidateSKU > strong {
    font-family: var(--f-SECONDARY);
    font-size: 12px;
}

.candidateProductID,
.candidateSKU {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}

.candidateProductID > *,
.candidateSKU > * {
    float: none !important;
}

.candidateExtras { position: relative; }

.candidateExtras-descriptionLink {
    display: block;
    float: none;
}

.candidateExtras .tooltip-inner {
    position: absolute;
    top: 20px;
    background: var(--c-NUETRAL-3);
    padding: 5px;
}

.candidateProductPrice { display: none; }

.aCandidate.is-stock {
    position: relative;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    padding-bottom: 44px;
}

.candidateExtras-descriptionPipe,
.candidateExtras a[name="productImage"] { display: none; }

/* Targeting the anchor element to avoid applying styles to 'out of stock' div */

a.includeAction,
.includeAction {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
}

a.includeAction {
    display: block;
    font-family: var(--f-TERTIARY);
    font-size: 12px;
    color: var(--c-PRIMARY);
    padding: 10px 20px;
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
}

a.includeAction:before {
    content: '+';
    margin-right: 3px;
}

a.includeAction:hover {
    background-color: var(--c-PRIMARY);
    color: var(--c-WHITE);
}

.aCandidate.stagedForAdd {
    position: relative;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid var(--c-NUETRAL-4);
    background-color: transparent !important;
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
}

.aCandidate.stagedForAdd > * + * { margin-left: 10px; }

.excludeAction {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 26px;
    width: 26px;
    display: block;
    mask-image: url("data:image/svg+xml,%3Csvg width='21px' height='22px' viewBox='0 0 21 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EUI / Icons / Trash%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components-/-Bulk-Add-Product-/-Staged-/-Desktop' transform='translate(-401.000000  -35.000000)' fill='%23CCCCCC'%3E%3Cg id='UI-/-Icons-/-Trash' transform='translate(398.000000  33.000000)'%3E%3Cpath d='M10.6363636 5.02272727 L15.9545455 5.02272727 L15.9545455 3.47159091 C15.9545455 3.41309091 15.9315 3.35636364 15.8898409 3.31470455 C15.8481818 3.27304545 15.7914545 3.25 15.7329545 3.25 L10.8579545 3.25 C10.7994545 3.25 10.7427273 3.27304545 10.7010682 3.31470455 C10.6594091 3.35636364 10.6363636 3.41309091 10.6363636 3.47159091 L10.6363636 5.02272727 Z M20.3863636 5.90909091 L6.20454545 5.90909091 L6.20454545 21.8636364 C6.20454545 22.3529091 6.60163636 22.75 7.09090909 22.75 L19.5 22.75 C19.9892727 22.75 20.3863636 22.3529091 20.3863636 21.8636364 L20.3863636 5.90909091 Z M11.5227273 9.01136364 C11.5227273 8.76672727 11.3241818 8.56818182 11.0795455 8.56818182 C10.8349091 8.56818182 10.6363636 8.76672727 10.6363636 9.01136364 L10.6363636 19.6477273 C10.6363636 19.8923636 10.8349091 20.0909091 11.0795455 20.0909091 C11.3241818 20.0909091 11.5227273 19.8923636 11.5227273 19.6477273 L11.5227273 9.01136364 Z M15.9545455 9.01136364 C15.9545455 8.76672727 15.756 8.56818182 15.5113636 8.56818182 C15.2667273 8.56818182 15.0681818 8.76672727 15.0681818 9.01136364 L15.0681818 19.6477273 C15.0681818 19.8923636 15.2667273 20.0909091 15.5113636 20.0909091 C15.756 20.0909091 15.9545455 19.8923636 15.9545455 19.6477273 L15.9545455 9.01136364 Z M23.0454545 5.02272727 L23.0454545 5.90909091 L21.2727273 5.90909091 L21.2727273 21.8636364 C21.2727273 22.8430682 20.4794318 23.6363636 19.5 23.6363636 L7.09090909 23.6363636 C6.11147727 23.6363636 5.31818182 22.8430682 5.31818182 21.8636364 L5.31818182 5.90909091 L3.54545455 5.90909091 L3.54545455 5.02272727 L9.75 5.02272727 L9.75 3.25 C9.75 2.76072727 10.1470909 2.36363636 10.6363636 2.36363636 L15.9545455 2.36363636 C16.4438182 2.36363636 16.8409091 2.76072727 16.8409091 3.25 L16.8409091 5.02272727 L23.0454545 5.02272727 Z' id='Remove-Action'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21px' height='22px' viewBox='0 0 21 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EUI / Icons / Trash%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components-/-Bulk-Add-Product-/-Staged-/-Desktop' transform='translate(-401.000000  -35.000000)' fill='%23CCCCCC'%3E%3Cg id='UI-/-Icons-/-Trash' transform='translate(398.000000  33.000000)'%3E%3Cpath d='M10.6363636 5.02272727 L15.9545455 5.02272727 L15.9545455 3.47159091 C15.9545455 3.41309091 15.9315 3.35636364 15.8898409 3.31470455 C15.8481818 3.27304545 15.7914545 3.25 15.7329545 3.25 L10.8579545 3.25 C10.7994545 3.25 10.7427273 3.27304545 10.7010682 3.31470455 C10.6594091 3.35636364 10.6363636 3.41309091 10.6363636 3.47159091 L10.6363636 5.02272727 Z M20.3863636 5.90909091 L6.20454545 5.90909091 L6.20454545 21.8636364 C6.20454545 22.3529091 6.60163636 22.75 7.09090909 22.75 L19.5 22.75 C19.9892727 22.75 20.3863636 22.3529091 20.3863636 21.8636364 L20.3863636 5.90909091 Z M11.5227273 9.01136364 C11.5227273 8.76672727 11.3241818 8.56818182 11.0795455 8.56818182 C10.8349091 8.56818182 10.6363636 8.76672727 10.6363636 9.01136364 L10.6363636 19.6477273 C10.6363636 19.8923636 10.8349091 20.0909091 11.0795455 20.0909091 C11.3241818 20.0909091 11.5227273 19.8923636 11.5227273 19.6477273 L11.5227273 9.01136364 Z M15.9545455 9.01136364 C15.9545455 8.76672727 15.756 8.56818182 15.5113636 8.56818182 C15.2667273 8.56818182 15.0681818 8.76672727 15.0681818 9.01136364 L15.0681818 19.6477273 C15.0681818 19.8923636 15.2667273 20.0909091 15.5113636 20.0909091 C15.756 20.0909091 15.9545455 19.8923636 15.9545455 19.6477273 L15.9545455 9.01136364 Z M23.0454545 5.02272727 L23.0454545 5.90909091 L21.2727273 5.90909091 L21.2727273 21.8636364 C21.2727273 22.8430682 20.4794318 23.6363636 19.5 23.6363636 L7.09090909 23.6363636 C6.11147727 23.6363636 5.31818182 22.8430682 5.31818182 21.8636364 L5.31818182 5.90909091 L3.54545455 5.90909091 L3.54545455 5.02272727 L9.75 5.02272727 L9.75 3.25 C9.75 2.76072727 10.1470909 2.36363636 10.6363636 2.36363636 L15.9545455 2.36363636 C16.4438182 2.36363636 16.8409091 2.76072727 16.8409091 3.25 L16.8409091 5.02272727 L23.0454545 5.02272727 Z' id='Remove-Action'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--c-ERROR);
}

.stagedForAdd .candidateProductInfo { flex-direction: row; }

.stagedForAdd .candidateProductInfo > * { margin-right: 10px; }

.stagedForAdd .candidateName { font-size: 14px; }

#stageHeader #readyCount {
    padding: 10px 0;
    border-bottom: 1px solid var(--c-NUETRAL-5);
    margin-bottom: 20px;
}

#stageHeader #stageControls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.bulkExcludeAll {
    font-family: var(--f-TERTIARY);
    color: var(--c-PRIMARY);
    letter-spacing: 0.03em;
    font-size: 12px;
}

.stagedForAdd .candidateDescription,
 .stagedForAdd .candidateProductDescription { display: none; }

.bulkAddButton .addToCart {
    display: inline-block;
    min-width: 115px;
    height: 44px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 12px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
    padding-right: 54px;
    position: relative;
}

.bulkAddButton .addToCart:after {
    content: '';
    position: absolute;
    height: 40px;
    width: 44px;
    display: inline-block;
    top: 0;
    border-left: 2px solid var(--c-WHITE);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    margin-left: 10px;
    mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: var(--c-WHITE);
}

.bulkAddButton .addToCart:before {
    content: '';
    position: absolute;
    top: 0;
    right: 44px;
    height: 100%;
    width: 2px;
    background-color: var(--c-WHITE);
}

.bulkAddButton .addToCart:hover {
    background: transparent;
    color: var(--c-PRIMARY);
}

.bulkAddButton .addToCart:hover:before,
.bulkAddButton .addToCart:hover:after { background-color: var(--c-PRIMARY); }

#stageHeader { position: relative; }

.mix-mobileQueueToggle {
    position: absolute;
    height: 34px;
    width: 44px;
    top: -5px;
    right: 0;
}

.bulkStageContainer.isOpen {
    top: 0 !important;
    overflow-y: scroll;
}

.mix-mobileQueueToggle:after,
.mix-mobileQueueToggle:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 50%;
    background: var(--c-PRIMARY);
    top: 50%;
    transform-origin: top;
}

.mix-mobileQueueToggle:after {
    transform: rotate(45deg);
    left: 12.5%;
}

.mix-mobileQueueToggle:before {
    transform: rotate(-45deg);
    right: 12.5%;
}

.mix-mobileQueueToggle.isOpen:before,
.mix-mobileQueueToggle.isOpen:after {
    width: 60%;
    transform-origin: initial;
}

.mix-mobileQueueToggle.isOpen:before { right: 20%; }

.mix-mobileQueueToggle.isOpen:after { left: 20%; }

.mix-mobileQueueToggle:after,
.mix-mobileQueueToggle:before { transition: all 0.3s ease-in-out; }

.mix-candidateThumbnail { max-width: 100px; }

/* Bulk Add Pagination Styles */

.bulkAdd .grid-100 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.bulkAdd .pager {
    background: none;
    border: none;
    font-size: 0;
    padding: 3px;
    position: relative;
    height: 30px;
    width: 30px;
}

div[pagination-local] {
    display: flex;
    flex-direction: row;
    width: 75%;
    justify-content: space-around;
}

.bulkAdd .pager.next:after,
.bulkAdd .pager.prev:before {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    border-top: 2px solid var(--c-PRIMARY);
    border-right: 2px solid var(--c-PRIMARY);
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
}

.bulkAdd .page-navigator {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bulkAdd .pager.next:after {
    transform: rotate(45deg);
    left: -3px;
}

.bulkAdd .pager.prev:before {
    transform: rotate(-135deg);
    right: -3px;
}

.bulkAdd .pager:hover { background-color: var(--c-NUETRAL-2); }

.bulkAdd .pager.prev,
.bulkAdd .pager.next {
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}

.bulkAdd .pager:disabled { pointer-events: none; }

.bulkAdd .pager.prev:disabled:before,
.bulkAdd .pager.next:disabled:after { border-color: var(--c-NEUTRAL-5); }

.bulkAdd .page-navigator > select {
    margin: 0 5px;
    padding: 10px 40px 10px 10px;
    border-radius: 5px;
    border: 2px solid var(--c-NUETRAL-5);
    box-sizing: border-box;
    background-image: linear-gradient(45deg, transparent 50%, var(--c-NUETRAL-8) 50%), linear-gradient(135deg, var(--c-NUETRAL-8) 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

@media screen and (min-width: 480px) {
    div[pagination-local] { width: 65%; }
}

@media screen and (min-width: 1024px) {
    .bulkStageContainer {
        width: 35%;
        height: auto !important;
        padding: 20px;
        position: sticky;
        top: 80px !important;
        overflow: scroll;
        z-index: 0;
    }

    .bulkChooserContainer {
        width: 65%;
        padding: 20px 40px 20px 20px;
    }

    .aCandidate.is-stock > * + * { margin-left: 10px; }

    .candidateProductControl {
        position: static;
        margin-top: 0;
    }
    
    .candidateProductInfo {
        flex-grow: 1;
        margin-left: 0;
    }

    .bulkSearchGroup {
        width: calc(50% - 12px);
        margin-bottom: 40px;
    }

    .bulkSearchGroup.categories { margin-left: 20px; }
    
    .excludeAction,
    a.includeAction,
    .includeAction { position: static; }

    .mix-mobileQueueToggle { display: none; }
}

#categories {
    font-size: 15px;
    line-height: 20px;
    font-family: var(--f-PRIMARY);
}

#categories > li > ul, #categories > li > ul > li > ul {
    padding: 0 10px;
}

#categories > li > ul > li > a {
    background-color: var(--c-NUETRAL-5);
    margin-bottom: 4px;
    border-radius: 4px;
}

#categories > li > ul > li > ul > li + li {
    border-top: 1px solid var(--c-WHITE);
}

#categories > li > ul > li > ul {
    background-color: var(--c-NUETRAL-5);
    border-radius: 4px;
    margin-bottom: 4px;
}

#categories a {
    padding: 10px;
    display: block;
    color: var(--c-NUETRAL-8);
}

#categories a:hover,
#categories a.on {
    color: var(--c-PRIMARY);
}

/* Collaterate generated modal system. Targeting delivered elements and thier ids & classes */

#cboxOverlay {
    visibility: hidden;
    background-color: #00000080;
    height: 100vh;
    width: 100vw;
    display: block;
    top: 0;
    position: fixed;
    z-index: var(--z-MODAL-SNEEZEGUARD);
}

#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}

#colorbox {
    padding: 40px;
    background: var(--c-WHITE);
    visibility: hidden;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    z-index: var(--z-MODAL);
}

#cboxContent h3 {
    font-family: var(--f-PRIMARY);
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

#cboxClose {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    font-size: 0;
}

#cboxClose:after,
#cboxClose:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: #666;
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: middle middle;
    transition: all .3s ease-in-out;
    transition-delay: .25s;
}

#cboxClose:after { transform: rotate(45deg); }

#cboxClose:before { transform: rotate(-45deg); }

@media screen and (min-width: 1024px) {
    #colorbox,
    #cboxWrapper,
    #cboxContent,
    #cboxLoadedContent {
        max-width: 530px !important;
        height: initial;
        box-sizing: initial;
    }
}

.generalCalculator { margin-top: 40px; }

.generalCalculator,
#stockCalculator { box-sizing: border-box; }

.generalCalculator h3 {
    font-family: var(--f-PRIMARY);
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 20px;
    text-transform: var(--t-TEXT-TRANSFORM);
}

.generalCalculator #printSettings > * {
    display: flex;
    flex-direction: column;
}

.generalCalculator #variousPrintSettings h3 { display: none !important; }

.generalCalculator #printSettings > * > * > legend { display: none; }

.generalCalculator #printSettings > * > * > *,
.optionWrapperOn {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 20px;
    flex-grow: 1;
}

.generalCalculator #printSettings > * > *,
.generalCalculator .operationsGroup {
    display: flex;
    flex-flow: wrap;
}

.generalCalculator #variants {
    display: flex;
    margin-right: -20px;
}

.generalCalculator #dimensionsDiv,
.generalCalculator #pagesDiv {
    width: 100%;
    margin-bottom: 0;
}

.generalCalculator #versions { margin-bottom: 0 !important; }

.generalCalculator #productionSettings { margin-top: 20px; }

.generalCalculator .optionWrapperOn {
    position: relative;
    margin-bottom: 20px;
}

.generalCalculator .quoteHelp {
    position: absolute;
    right: 20px;
    font-size: 0;
    background: var(--c-WHITE);
    border-radius: 50%;
    background-color: var(--c-NUETRAL-3);
    height: 20px;
    width: 20px;
    top: -5px;
}

.generalCalculator .quoteHelp:before {
    content: '?';
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: var(--c-PRIMARY);
}

.quoteHelp.on:after {
    content: '';
    position: fixed;
    background: var(--c-BLACK);
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: var(--z-MODAL-SNEEZEGUARD);
    pointer-events: none;
    opacity: 0.8;
}

.generalCalculator .togglePreset,
.generalCalculator .addVersion {
    font-family: var(--f-TERTIARY);
    font-size: 12px;
    color: var(--c-PRIMARY);
    margin-top: 10px;
    text-align: right;
    display: block;
    letter-spacing: .5px;
}

.generalCalculator label {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: var(--c-NUETRAL-7);
    letter-spacing: 1px;
    margin: 0 0 12px;
}

.generalCalculator input,
.generalCalculator select, 
.generalCalculator textarea,
.generalCalculator button,
.generalCalculator .noEdit {
    font-family: var(--f-SECONDARY);
    font-size: 13px;
    color: var(--c-NUETRAL-8);
    border-radius: 5px;
    background-color: var(--c-WHITE);
    padding: 17px 18px;
    border: 2px solid var(--c-NUETRAL-5);
    transition: all 0.25s ease-in-out;
}

.generalCalculator input:hover,
.generalCalculator select:hover,
.generalCalculator textarea:hover,
.generalCalculator input:focus,
.generalCalculator select:focus,
.generalCalculator textarea:focus,
.generalCalculator input:focus-visible,
.generalCalculator select:focus-visible,
.generalCalculator textarea:focus-visible {
    border-color: var(--c-BLACK);
    outline-color: var(--c-BLACK);
}

.generalCalculator .noEdit {
    background-color:var(--c-NUETRAL-3);
    border-color: var(--c-NUETRAL-3);
    padding: 19px 18px;
    border-radius: 5px;
}

.generalCalculator select {
    padding-right: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: linear-gradient(45deg, transparent 50%, #333333 50%), linear-gradient(135deg, #333333 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.generalCalculator select:disabled {
    background-image: none;
    background-color: var(--c-NUETRAL-3);
    border-color: var(--c-NUETRAL-3);
    pointer-events: none;
}

.generalCalculator button { transition: all 0.3s ease-in-out; }

.generalCalculator button:hover {
    cursor: pointer;
    background-color: var(--c-WHITE) !important;
    color: var(--c-NUETRAL-8) !important;
}

.generalCalculator .fieldErrorNote {
    font-family: var(--f-TERTIARY);
    font-size: 12px;
    color: var(--c-ERROR);
    margin-top: 5px;
}

.generalCalculator input.error { border-color: var(--c-ERROR); }

.generalCalculator .op {
    display: flex;
    flex-direction: column;
    padding: 5px;
    box-sizing: border-box;
    background: var(--c-NUETRAL-3);
}

.generalCalculator label.opQuestion {
    text-transform: unset;
    font-size: 12px;
    line-height: 1.3;
    margin: 7px 5px 10px;
}

.generalCalculator .customDimensions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.generalCalculator .customDimensions input { flex-grow: 1; }

.generalCalculator .customDimensions > * + * { margin-left: 5px }

.generalCalculator .customDimensions input:first-of-type { margin-right: 5px; }

.productionGroup { font-size: 0; }

.productionGroup .optionWrapperOn { width: 100%; }

.generalCalculator .changeFocusButton button {
    border-color: var(--c-NUETRAL-8);
    background: var(--c-NUETRAL-8);
    color: var(--c-WHITE);
}

.generalCalculator .op .changeFocusButton:not(#dimensionsFocus) button,
.generalCalculator .configField + .changeFocusButton button { width: 100%; }

.generalCalculator .changeFocusButton:not(#dimensionsFocus) button { margin-top: 5px; }

.generalCalculator .focus:not(#dimensionsDiv) .changeFocusButton button {
    width: 100%;
    height: 100%;
}

.generalCalculator #theQuote {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-bottom: 20px;
}

.generalCalculator .productPrice,
.generalCalculator .productDiscount {
    display: flex;
    flex-direction: row;
    justify-self: normal;
    align-items: baseline;
    width: 100%;
    justify-content: space-between;
    color: black;
    font-weight: bold;
}

.mix-calcShipEstimate a { font-family: var(--f-TERTIARY); }

.generalCalculator .productPrice th,
.generalCalculator .productDiscount th {
    font-family: var(--f-PRIMARY);
    text-transform: var(--t-TEXT-TRANSFORM);
    font-weight: bold;
}

.generalCalculator .productPrice th,
.generalCalculator .productPrice .lineItemPrice { font-size: 40px; }

.generalCalculator .productDiscount th,
.generalCalculator .productDiscount .lineItemPrice { font-size: 18px; }

.mix-productDiscount .productPrice:not(.discounted) th,
.mix-productDiscount .productPrice:not(.discounted) .lineItemPrice {
    font-size: 18px;
    line-height: 18px;
    text-decoration: line-through;
    color: var(--c-NUETRAL-6);
}

.generalCalculator #theQuote h3:first-of-type { font-size: 0; }

.generalCalculator #jobQuotePrices,
.generalCalculator #productQuotePrices,
.generalCalculator .quote { width: 100%; }

.generalCalculator .quote tbody > * + * { margin-top: 10px; }

.generalCalculator .lineItemPrice {
    font-weight: normal;
    color: var(--c-NUETRAL-8);
    font-family: var(--f-PRIMARY);
}

.generalCalculator .continueButton,
.generalCalculator .addToCart {
    position: relative;
    display: inline-block;
    min-width: 115px;
    width: 100%;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--c-WHITE);
    padding: 5px 54px 5px 5px;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
}

.generalCalculator .continueButton:after,
.generalCalculator .addToCart:after {
    content: '';
    position: absolute;
    height: 44px;
    width: 44px;
    display: inline-block;
    right: 0;
    top: 0;
    border-left: 2px solid var(--c-WHITE);
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    margin-left: 10px;
    mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18px' height='15px' viewBox='0 0 18 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-arrow-right-lined copy%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='UI-/-Button-/-Primary-Reversed' transform='translate(-184.000000  -16.000000)' fill='%230079C9'%3E%3Cg id='iconmonstr-arrow-right-lined-copy' transform='translate(184.000000  16.000000)'%3E%3Cpath d='M11.524 13.795 C11.524 13.795 16.025 9.29 17.779 7.535 C17.925 7.389 17.998 7.197 17.998 7.005 C17.998 6.813 17.925 6.622 17.779 6.475 C16.026 4.721 11.524 0.217 11.524 0.217 C11.38 0.072 11.19 0 11 0 C10.807 0 10.615 0.074 10.468 0.221 C10.175 0.513 10.173 0.987 10.464 1.277 L15.442 6.255 L0.75 6.255 C0.336 6.255 0 6.591 0 7.005 C0 7.419 0.336 7.755 0.75 7.755 L15.442 7.755 L10.463 12.734 C10.174 13.023 10.177 13.496 10.469 13.788 C10.617 13.936 10.81 14.01 11.002 14.01 C11.192 14.01 11.38 13.938 11.524 13.795 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: var(--c-WHITE);
}

.generalCalculator .continueButton:before,
.generalCalculator .addToCart:before {
    content: '';
    position: absolute;
    top: 0;
    right: 44px;
    width: 2px;
    height: 100%;
    background-color: var(--c-WHITE);
}

.generalCalculator .continueButton:hover,
.generalCalculator .addToCart:hover {
    color: var(--c-PRIMARY);
    background-color: transparent;
}

.generalCalculator .continueButton:hover::before,
.generalCalculator .addToCart:hover::before,
.generalCalculator .continueButton:hover:after,
.generalCalculator .addToCart:hover:after { background-color: var(--c-PRIMARY); }

.generalCalculator .quoteContinue button:hover {
    color: var(--c-PRIMARY) !important;
    background-color: var(--c-WHITE);
}

.generalCalculator .quoteContinue { padding: 10px 0; }

.preloader img {
    width: auto;
    margin:  0 auto;
    display: block;
}

.preloader {
    position: relative;
    padding: 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.preloader::before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    height: 100%;
    min-height: 20px;
    border-radius: 5px;
    width: 100%;
    background-color: #f7f7f7;
    background-image: linear-gradient(90deg,#fff,#f1f1f1,#fff);
    background-size: 200% 100%;
    animation: HorizontalGradient 3s linear infinite
}

@keyframes HorizontalGradient {
    0% { background-position: 200% 0 }
    25% { background-position: 100% 0 }
    50% { background-position: 0 0 }
    75% { background-position: -100% 0 }
    100% { background-position: -200% 0 }
}

.mix-calcShipEstimate {
    display: block;
    width: calc(100% - 20px);
    margin-left: 10px;
}

.version-quantity tr {
    padding: 0 0 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: var(--c-BLACK);
}

.addVersion { margin-bottom: 10px; }

.versionName { width: calc(100% - 20px); }

#quantity .optionWrapperOn {
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
}

.deleteVersion a {
    position: absolute;
    top: 40px;
    right: 10px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.deleteVersion a:before {
    content: '';
    height: 20px;
    width: 20px;
    display: inline-block;
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23787979' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23787979' viewBox='0 0 32 32'%3E%3Cpath d='M12 4h8v-2.333c0-0.088-0.035-0.173-0.097-0.236s-0.148-0.097-0.236-0.097h-7.333c-0.088 0-0.173 0.035-0.236 0.097s-0.097 0.148-0.097 0.236v2.333zM26.667 5.333h-21.333v24c0 0.736 0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.597 1.333-1.333v-24zM13.333 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM20 10c0-0.368-0.299-0.667-0.667-0.667s-0.667 0.299-0.667 0.667v16c0 0.368 0.299 0.667 0.667 0.667s0.667-0.299 0.667-0.667v-16zM30.667 4v1.333h-2.667v24c0 1.473-1.193 2.667-2.667 2.667h-18.667c-1.473 0-2.667-1.193-2.667-2.667v-24h-2.667v-1.333h9.333v-2.667c0-0.736 0.597-1.333 1.333-1.333h8c0.736 0 1.333 0.597 1.333 1.333v2.667h9.333z'%3E%3C/path%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-ERROR);
}

@media screen and (min-width: 480px) {

    .generalCalculator { margin-right: -20px; /* Offseting the padding of the calc inputs */ }

    .generalCalculator fieldset {
        display: flex;
        margin-right: -20px;
    }

    .generalCalculator .additionalInformation { flex-flow: wrap; }

    .generalCalculator .productionGroup { 
        display: flex;
        flex-direction: row;
        font-size: initial;
    }

    .generalCalculator .quoteContinue { margin-left: 0; }

    .productionGroup > * {
        width: 50%;
        display: inline-block;
    }

    .generalCalculator .productionGroup .optionWrapperOn { width: calc(100% - 20px); }

    .generalCalculator #printSettings > * > * > *,
    .generalCalculator .optionWrapperOn {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .quoteContinue { transition: background 0.5s ease-in-out; }

    .quoteContinue.isOutOfView {
        position: fixed;
        z-index: 1;
        right: 0;
        bottom: 0;
        width: calc(50vw);
        box-sizing: border-box;
        padding: 10px 80px 30px;
        background-color: var(--c-WHITE);
        border-top: 1px solid var(--c-NUETRAL-4);
        border-left: 1px solid var(--c-NUETRAL-4);
    }
}

@media screen and (min-width: 1600px) {
    .quoteContinue #theQuote,
    /* .generalCalculator .quote, */
    .generalCalculator .continueButton,
    .generalCalculator .addToCart { width: 50%; }
}

.hideAllConfiguration .generalCalculator > *:not(#theQuote, .quoteContinue),
.hideQuantity .generalCalculator #quantity,
.hideQuantity .generalCalculator .qtyDropdown,
.showOnlyQTYPerSet .generalCalculator .total-v, 
.showOnlyQTYPerSet .generalCalculator .total-v-quantity, 
.showOnlyQTYPerSet .generalCalculator [name="versionHolder"],
.hideVersionBtnAndFields .generalCalculator [name="versionHolder"] { display: none; }

.hideIt { display: none; }

.panel {
    display: none;
    position: fixed;
    font: 13px/15px var(--f-PRIMARY);
    top: calc(10vh + 60px) !important;
    max-width: 100%;
    max-height: 60vh;
    background-color: var(--c-WHITE);
    padding: 40px;
    overflow-y: scroll;
    letter-spacing: 0.03em;
    box-sizing: border-box;
    z-index: var(--z-MODAL);
}

.panelContent h2:first-of-type,
#savePanelContent h2 {
    font-size: 20px;
    font-weight: bold;
    color: var(--c-BLACK);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.panel button {
    display: inline-block;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.panel button:hover {
    color: var(--c-NUETRAL-8);
    background-color: transparent;
}

.panel button.save {
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
}

.panel button.save:hover {
    background-color: var(--c-WHITE);
    color: var(--c-PRIMARY);
}

.panel > * + *:not(#savePanelButtons) { margin-top: 20px; }

.panel h2:first-of-type {
    border-bottom: 1px solid var(--c-NUETRAL-5);
    padding-bottom: 10px;
}

.panel ol,
.panel ul { padding-left: 15px; }

.panel ol { counter-reset: list-number; }

.panel ol > li { counter-increment: list-number; }

.panel ol > li::before {
    content: counter(list-number);
    margin-right: 5px;
}

.panel p {
    font: var(--t-BODY-2);
    margin-bottom: 10px;
}

.panel .field {
    width: 100%;
    padding: 12px;
    font-size: 13px;
    color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px;
    background-color: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    margin-top: 2px;
    box-sizing: border-box;
}

.screenOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    background-color: rgba(0,0,0,.5);
    opacity: 7 !important;
    z-index: var(--z-MODAL-SNEEZEGUARD);
}

.panel #closeButton a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}

.panel #closeButton svg { display: none; }

.panel #closeButton a {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
}

.panel #closeButton a:after,
.panel #closeButton a:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: #666;
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: middle middle;
    transition: all .3s ease-in-out;
    transition-delay: .25s;
}

.panel #closeButton a:after { transform: rotate(45deg); }

.panel #closeButton a:before { transform: rotate(-45deg); }

.product #savePanel { height: 400px; }

#confirmPanel,
#confirmPanelOverlay  { z-index: 9002 !important; }

#alertPanel,
#alertPanelOverlay { z-index: 9001 !important; }

#confirmPanelButtons > button + button { margin-top: 20px; }

#alertPanel ~ #savePanel,
#alertPanel ~ #savePanelOverlay { z-index: 1 !important; }

#savePanelButtons {
    display: flex;
    flex-direction: revert;
    margin-top: 20px;
}

#savePanelContent > * + * {
    margin-top: 10px;
}

#savePanelContent > h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

#passwordContent > * + * { margin-top: 20px; }

#passwordContent .formFields,
#passwordContent .formFields tbody { width: 100%; }

#passwordContent .formFields tr,
#passwordContent .formFields th,
#passwordContent .formFields td {
    display: block;
    text-align: left;
}

#savePanelButtons > button + button { margin-left: 20px; }

@media screen and (min-width: 480px) {
    #confirmPanelButtons {
        display: flex;
        flex-direction: row;
    }
    
    .panel button {
        display: flex;
        justify-content: center;
        flex-grow: 1;
    }
    
    #confirmPanelButtons > button + button { margin: 0 0 0 20px; }
}

@media screen and (min-width: 1024px) {
    .panel { min-width: 530px; }
}

/* Saved Payments specific modal styles. This is delivered to theme from Collaterate */

.panel-open .screenOverlay {
    height: 100%;
    width: 100%;
    z-index: var(--z-MODAL-SNEEZEGUARD);
}

.panel-open > .panelWrapper > .panel {
    display: block;
    z-index: var(--z-MODAL);
}

.panel-open > .panelWrapper > .panel > .panel-content > * + * { margin-top: 20px; }

.panel-open > .panelWrapper > .panel > .panel-content > h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.panel-open > .panelWrapper > .panel > .panel-buttons {
    display: flex;
    flex-direction: row;
}

.panel-open > .panelWrapper > .panel > .panel-buttons > * + * { margin-left: 20px; }

@media screen and (min-width: 480px) {
    .panel-open > .panelWrapper > .panel {
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 530px;
    }
}

.passwordResetContainer {
    max-width: 295px;
    margin: 0 auto;
}

.passwordResetContainer h3 {
    font-size: 22px;
    line-height: 25px;
    font-weight: bold;
    font-family: var(--f-PRIMARY);
}

.passwordResetContainer .formFields .required th {
    font: 13px/18px var(--f-PRIMARY);
    font-weight: bold;
}

.passwordResetContainer .formFields tr {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}

.passwordResetContainer .formFields tr input {
    height: 44px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    color: var(--c-BLACK);
    border: 2px solid var(--c-BLACK);
    border-radius: 5px;
    background-color: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    margin-top: 2px;
}

.passwordResetContainer .formFields,
.passwordResetContainer .formFields tbody {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.passwordResetContainer .formFields tr > * {
    width: 100%;
    text-align: left;
}

.passwordResetContainer .formFields tr a {
    width: 100%;
    padding-right: 54px;
    position: relative;
    display: inline-block;
    min-width: 115px;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding: 15px;
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--c-PRIMARY);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.15em;
}

.passwordResetContainer .formFields tr a:hover {
    background-color: transparent;
    color: var(--c-PRIMARY);
}

.quoteTipPanel {
    display: none;
    position: fixed;
    left: 0 !important; /* Overriding inline styles applied to elements from Calc logic */
    right: 0 !important; /* Overriding inline styles applied to elements from Calc logic */
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    z-index: 9000;
    top: calc(10vh + 60px)!important;
    max-width: 530px;
    max-height: 60vh;
    background-color: #fff;
    padding: calc(10px*4);
    overflow-y: scroll;
    letter-spacing: .01em
}

.quoteTipPanel b,
.quoteTipPanel strong {
    font-weight: bold;
}

.quoteTipPanel em,
.quoteTipPanel i {
    font-style: italic
}

.quoteTipPanel li {
    display: list-item;
}

.quoteTipPanel ul,
.quoteTipPanel ol {
    list-style: disc;
    padding-inline-start: 40px;
}

.quoteTipContent > * { margin-top: 10px; }

.closeQuoteTips {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: 0 0!important
}

.closeQuoteTips:after,.closeQuoteTips:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: #666;
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: center
}

.closeQuoteTips:before {
    transform: rotate(45deg)
}

.closeQuoteTips:after {
    transform: rotate(-45deg)
}

.resultsPage,
.searchResultsPage {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
}

.searchResult.count,
.searchResult.keyword { font-weight: bold; }

.searchResultsSummary {
    font-family: var(--f-SECONDARY);
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
    padding: 20px;
    border-top: 1px solid var(--c-NUETRAL-4);
}

#searchResultsContainer {
    border-top: 1px solid var(--c-NUETRAL-4);
    width: calc(100% + 1px);
}

#searchResultsContainer > * > *:first-child { margin-top: -1px; }

.aProductResult {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 80px 40px 20px 40px;
    border: 1px solid var(--c-NUETRAL-4);
    box-sizing: border-box;
    margin-bottom: -1px; /* offsetting for visual direction of 1px border of tiles */
}

.productThumb a {
    display: block;
    flex-grow: 1;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    max-height: 100%;
}

.productThumb a.noImage {
    background-color: var(--c-NUETRAL-1);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.productThumb a > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    position: relative;
    object-fit: contain;
}

.productThumb a > img:before {
    content: " ";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--c-NUETRAL-1);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.productName a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 48px;
    font: bold 14px / 1.1 var(--f-SECONDARY);
    margin-top: 60px;
    font-weight: 400;
    text-overflow: ellipsis;
    color: var(--c-NUETRAL-9);
    transition: color 0.15s ease-in-out;
}

.productThumb:hover + .productName > a,
.productName a:hover { color: var(--c-PRIMARY); }

.productExcerpt { display: none; }

.resultCount,
.resultsPageBreak { display: none; }

@media screen and (min-width: 480px) {
    .resultsPage,
    .searchResultsPage {
        grid-template-columns: repeat(2, 1fr);
    }
    #searchResultsContainer > * > *:nth-child(-n+2) { margin-top: -1px; }

    .aProductResult { margin-left: -1px; } /* offsetting for visual direction of 1px border of tiles */ 
}

@media screen and (min-width: 1024px) {
    .resultsPage{ grid-template-columns: repeat(4, 1fr); }
    .searchResultsPage { grid-template-columns: repeat(5, 1fr); }
    #searchResultsContainer > * > *:nth-child(-n+5) { margin-top: -1px; }
}

@media screen and (min-width: 1280px) {
    .mix-productResults_4up .resultsPage { grid-template-columns: repeat(4, 1fr); }
}

.saleEstimate .hdg_3 {
    font: var(--t-HEADING-3);
    line-height: 35px;
}

.saleEstimate .hdg_4 {
    font: var(--t-HEADING-4);
    line-height: 28px;
}

#shippingCalcWidget {
    margin-top: 20px;
    border-top: 1px solid #333;
    padding-top: 20px;
}

.shippingCalcInputs {}

#shippingCalcWidget label {
    font-family: var(--f-PRIMARY);
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 2px 0 5px;
    color: var(--c-NUETRAL-8);
}

.shippingCalcInputs input,
.shippingCalcInputs select, 
.shippingCalcInputs textarea,
.shippingCalcInputs button {
    padding: 12px;
    font-size: 13px;
    color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.shippingCalcInputs select {
    background-image: linear-gradient(45deg, transparent 50%, #333333 50%), linear-gradient(135deg, #333333 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.shippingCalcInputs button {
    width: 100%;
    height: 48px;
    font-family: var(--f-TERTIARY);
    font-size: 13px;
    color: var(--c-PRIMARY);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: var(--c-WHITE);
    border: 2px solid var(--c-PRIMARY);
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.shippingCalcInputs button:hover {
    color: var(--c-WHITE) !important;
    background-color: var(--c-PRIMARY);
    border-color: var(--c-PRIMARY);
}

#shippingCalcWidgetQuoteListDiv:not(:empty),
#shippingValidationMessagesDiv:not(:empty) { margin-bottom: 20px; }

#shippingValidationMessagesDiv:not(:empty) > * + * { margin-top: 10px; }

#validationMessagesDiv:not(:empty) {
    position: sticky;
    top: 85px;
    padding: 0 10px;
    background-color: var(--c-WHITE);
    z-index: 1;
}

#validationMessagesDiv:not(:empty) > * + * { margin-top: 20px; }

#validationMessagesDiv:not(:empty) > *:first-of-type { margin-top: 40px; }

#validationMessagesDiv:not(:empty) > * { margin-bottom: 20px; }

.validationErrorMessage,
.validationInfoMessage {
    font-size: 14px;
    border-radius: 5px;
    font-weight: 400;
    text-align: left;
    padding: 20px 20px 20px 60px;
    position: relative;
    letter-spacing: 1px;
}

.validationErrorMessage {
    color: var(--c-ERROR);
    border: 2px solid var(--c-ERROR);
    background-color: var(--c-ERROR-BG);
}

.validationInfoMessage {
    color: var(--c-INFO);
    border: 2px solid var(--c-INFO);
    background-color: var(--c-INFO-BG);
}

.validationErrorMessage:before,
.validationInfoMessage:before {
    content: '!';
    height: 24px;
    width: 24px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    font-family: var(--f-PRIMARY);
    font-size: 21px;
    line-height: 24px;
    text-indent: 2px;
    text-align: center;
    margin: auto;
    border-radius: 50%;
}

.validationErrorMessage:before {
    color: var(--c-ERROR);
    border: 2px solid var(--c-ERROR);
}

.validationInfoMessage:before {
    color: var(--c-INFO);
    border: 2px solid var(--c-INFO);
}

.shippingCalcEstimates tr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px 5px;
    font-family: var(--f-PRIMARY);
    font-size: 14px;
    box-sizing: border-box;
}

.shippingCalcEstimates { width: 100%; }

.shippingCalcEstimates tr:nth-of-type(even) { background: var(--c-NUETRAL-2); }

.shippingCalcEstimates th { font-weight: bold; }

.upload-page-files { max-width: 800px; }

.upload-page-files .c-file-row {
    margin-bottom: 20px;
    font-size: 12px;
}

.upload-page-files .c-file-row.file-uploading .c-file-info.c-file-name {
    width: 100%;
    padding-left: 10px;
}

.upload-page-files .c-file-row.file-uploading .c-file-info.c-file-date, .c-file-info.c-file-status { width: unset; }

/* Global Mixins */

.mix-isHiddenMobile { display: none; }

@media screen and (min-width: 1024px) {
    .mix-isHiddenMobile { display: inherit; }
}

@media screen and (min-width: 1024px) {
    .mix-isSticky {
        position: sticky;
        top: 80px; /* offset for sticky header */
        align-self: self-start;
        width: 100%;
    }
}

/* Print Styles */

@media print {
    body > * { display: none !important }

    body::before { content: none !important; }
    
    .printArea { display: block !important }

    .hdg_3 {
        font: 34px/38px var(--f-TERTIARY);
        color: #333;
    }

    .lbl {
        font: 12px/16px  var(--f-PRIMARY);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .15em;
        color: #666;
    }

    .bdcpy {
        font: 14px/25px var(--f-PRIMARY);
        font-weight: 300;
        color: #333;
        letter-spacing: .087em;
    }

}

@media print {
    #configurationPrintTarget .hdg {
        font: 20px/28px var(--f-PRIMARY);
        color: #333;
        margin-top: 40px;
    }

    #configurationPrintTarget .lbl,
    #configurationPrintTarget .spdcForm-lbl,
    #configurationPrintTarget .keyValTable:before {
        font: 10px/20px  var(--f-PRIMARY);
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .15em;
        color: #333;
    }

    #configurationPrintTarget .lbl { margin-top: 10px; }

    #configurationPrintTarget .keyValTable:before {
        content: 'Configuration';
        padding-bottom: 5px;
        border-bottom: 1px solid var(--c-NEUTRAL-2);
    }

    #configurationPrintTarget .keyValTable tr td {
        width: 50%;
        padding: 10px;
        border-spacing: 0;
    }

    #configurationPrintTarget .keyValTable tr th { text-align: left; }

    #configurationPrintTarget .btn,
    #configurationPrintTarget .link,
    #configurationPrintTarget .globalDialog_close,
    #configurationPrintTarget .spdcForm > div:nth-of-type(3),
    #configurationPrintTarget .spdcForm-textArea {
        display: none;
    }

    #configurationPrintTarget .spdcForm-row,
    #configurationPrintTarget .printOnly_jobName,
    #configurationPrintTarget .printOnly_jobDesc,
    #configurationPrintTarget .keyValTable { margin-top: 20px; }
    #configurationPrintTarget .printOnly_jobName {
        display: block;
        padding: none;
        resize: none;
        border: none;
        width: 50%;
    }

    #configurationPrintTarget .printOnly_jobName { font: 16px/18px var(--f-PRIMARY); }
    #configurationPrintTarget .printOnly_jobDesc {
        font: 14px/18px var(--f-PRIMARY);
        width: 100%;
        height: auto;
        min-height: auto;
    }

    #configurationPrintTarget .blocks > * {
        display: inline-block;
        margin-right: 10px;
    }

    #configurationPrintTarget .printOnly.isHidden {
        display: block;
        max-width: 25%;
        height: auto;
    }
}.styleWidget {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: var(--z-MAX);
}

.styleWidget-trigger {
    height: 50px;
    width: 50px;
    background-color: var(--c-NUETRAL-8);
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    left: 10px;
    border: 2px solid var(--c-NUETRAL-2);
    position: absolute;
    z-index: 2;
    cursor: pointer;
    transition: background 0.25s ease-in-out;
}

.styleWidget-trigger:hover { background-color: var(--c-BLACK); }

.styleWidget-trigger:before {
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 2px;
    left: 2px;
    display: inline-block;
    height: 24px;
    width: 24px;
    mask-image: url('data:image/svg+xml,<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--c-WHITE);
}

.isOpen .styleWidget-trigger:before {
    mask-image: url('data:image/svg+xml,<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><line x1="18" x2="6" y1="6" y2="18"/><line x1="6" x2="18" y1="6" y2="18"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><line x1="18" x2="6" y1="6" y2="18"/><line x1="6" x2="18" y1="6" y2="18"/></svg>');
    bottom: 0;
    left: 0;
}

.styleWidget-main {
    position: fixed;
    height: 0;
    width: 0;
    overflow: hidden;
    left: -100%;
}

.isOpen .styleWidget-main {
    height: auto;
    width: 100%;
    max-width: 450px;
    left: 0;
    bottom: 60px;
    z-index: 1;
    background: var(--c-NUETRAL-1);
    padding: 20px;
    box-sizing: border-box;
    border: 5px solid var(--c-BLACK);
    display: flex;
    flex-direction: column;
}

.styleWidget-main-hd-peristLabel {
    font-family: 'urw-din-condensed', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 12px;
    color: var(--c-NUETRAL-7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.styleWidget-main-hd-persistToggle {
    position: relative;
    appearance: none;
    height: 20px;
    width: 35px;
    vertical-align: middle;
    border: 2px solid var(--c-NUETRAL-6);
    border-radius: 10px;
    background-color: var(--c-NUETRAL-6);
    transition: all 0.25s ease-in-out;
}

.styleWidget-main-hd-persistToggle:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    display: block;
    height: 14px;
    width: 14px;
    background-color: var(--c-WHITE);
    border: 2px solid var(--c-NUETRAL-6);
    border-radius: 50%;
}

.styleWidget-main-hd-persistToggle:checked {
    background-color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-8);
}

.styleWidget-main-hd-persistToggle:checked:before {
    left: calc(50% - 1px);
    background-color: var(--c-WHITE);
    border: 2px solid var(--c-BLACK);
}

.styleWidget-main-setting {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
}

.styleWidget-main-setting > * { width: calc(50% - 10px); }

.styleWidget-main-setting-logo,
.styleWidget-main-setting-headings { margin-left: 20px; }

.styleWidget-main-setting-font,
.styleWidget-main-setting-headings {
    width: calc(33.333333% - 15px);
    margin-top: 20px;
}

.styleWidget-main-setting-logo > input[type=file] {
    height: 65px;
    width: 100%;
    font-family: 'urw-din', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 14px;
    font-weight: 600;
    box-sizing: border-box;
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.styleWidget-main-setting-logo > input[type=file]:hover {
    color: var(--c-WHITE);
    background-color: var(--c-NUETRAL-8);
}

.styleWidget-main-setting-logo > input::file-selector-button {
    font-size: 0;
    padding: 25px 0 0 0;
    margin: 10px;
    border: 0;
}

.styleWidget-main-setting-color label,
.styleWidget-main-setting-logo label,
.styleWidget-main-setting-font label,
.styleWidget-main-setting-headings label {
    font-family: 'urw-din-condensed', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.styleWidget-main-setting-color input {
    height: 65px;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px;
    background-color: var(--c-WHITE);
    border: 2px solid var(--c-NUETRAL-8);
}

.styleWidget-main-setting-color button {
    height: 44px;
    min-width: 100px;
    color: var(--c-NUETRAL-8);
    letter-spacing: 0.5px;
    background-color: var(--c-NUETRAL-2);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 22px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}

.styleWidget-main-setting-color button:hover {
    background-color: var(--c-NUETRAL-8);
    color: var(--c-NUETRAL-2);
}

.styleWidget-main-setting-font > select,
.styleWidget-main-setting-headings > select {
    height: 65px;
    width: 100%;
    font-family: 'urw-din', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    padding: 20px;
}

.styleWidget-main-actions {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: auto;
}

.styleWidget-main-actions > *:first-child { margin-right: auto; }

.styleWidget-main-actions > button:first-of-type { text-align: left; }

.styleWidget-main-actions > button:not(.styleWidget-main-actions-save) {
    font-family: 'urw-din', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 14px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.styleWidget-main-actions > button:not(.styleWidget-main-actions-save):hover { text-decoration: underline; }

.styleWidget-main-actions-save {
    height: 44px;
    color: var(--c-NUETRAL-2);
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    padding: 10px 20px;
    margin-left: 20px;
    box-sizing: border-box;
    background-color: var(--c-NUETRAL-8);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 22px;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.styleWidget-main-actions-save:hover {
    color: var(--c-NUETRAL-8);
    background-color: var(--c-NUETRAL-2);
}

.styleWidget-main > * + *:not(:last-child) { margin-bottom: 20px; }

.styleWidget-main-hd {
    font: 700 24px / 1.1 'urw-din-condensed', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--c-NUETRAL-5);
}

.styleWidget-main-current {
    display: flex;
    flex-direction: row;
    align-items: self-end;
}

.styleWidget-main-current {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-family: 'urw-din-condensed', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 12px;
    color: var(--c-NUETRAL-7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px;
    background-color: var(--c-NUETRAL-3);
}

.styleWidget-main-current span {
    display: block;
    font-family: 'urw-din', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 14px;
    font-weight: bold;
    color: var(--c-BLACK);
    text-transform: initial;
    letter-spacing: normal;
    margin-top: 2px;
}

.styleWidget-main-current > * { max-width: 25%; }

.styleWidget-main-current > * > span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.styleWidget-main-styles-hd {
    font-family: 'urw-din-condensed', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    font-size: 14px;
    margin-bottom: 5px;
}

.styleWidget-main-styles-options {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    font-weight: 600;
    background-color: var(--c-WHITE);
    border: 2px solid var(--c-NUETRAL-8);
    border-radius: 5px;
}

.styleWidget-main-styles-options > * {
    font-family: 'urw-din', Arial, Helvetica Neue, Helvetica, sans-serif; /* Baked in to prevent font family changes applying to widget */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
    text-align: center;
    padding: 20px 10px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.styleWidget-main-styles-options > * + * { border-left: 2px solid var(--c-NUETRAL-8); }

.styleWidget-main-styles-options > *:hover,
.styleWidget-main-styles-options > *.isCurrent {
    color: var(--c-NUETRAL-2);
    background-color: var(--c-NUETRAL-8);
}

@media screen and (min-width: 480px) {
    .isOpen .styleWidget-main {
        left: 30px;
        bottom: 30px;
    }

    .styleWidget-main-actions-save { min-width: 200px; }
}

@media screen and (min-width: 1024px) {
    .isOpen .styleWidget-main { max-width: 605px; }
}body::before {
    opacity: 0;
    content: '';
}

.bodyIsLocked:before {
    content: '';
    background-color: rgba(102,102,102,.6);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    backdrop-filter: blur(5px);
    z-index: var(--z-DRAWER);
    opacity: 1;
    transition: all 250ms ease-in-out;
}

@media screen and (min-width: 1280px) {
    .bodyIsLocked:before { top: 75px; }
}

.globalHeader {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    background: var(--tc-headerSurface);
    border-top: 5px solid var(--tc-headerBorderTop);
    border-bottom: 1px solid var(--tc-headerBorderBottom);
    z-index: var(--z-HEADER);
}

.bodyIsLocked .globalHeader { overflow-x: visible; }

.globalHeader_checkout {
    flex-direction: column;
    height: auto;
}

.globalHeader_checkout {
    flex-direction: column;
    height: auto;
}

.globalHeader_checkout .globalHeader-logo {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* CSS specific to iOS devices */

@supports (-webkit-overflow-scrolling: touch) {
    .bodyIsLocked .globalHeader {
        position: fixed;
    }
}

.globalHeader > * { order: 2; }

.globalHeader_thankyou > *  { order: 1 !important; }

.globalHeader-link {
    white-space: nowrap;
    order: 1;
}

.globalHeader_thankyou .globalHeader-logo {
    order: 1;
    flex-grow: 0;
}

.globalHeader_thankyou { justify-content: space-between; }

.globalHeader-sfLabel { display: none; }

.globalHeader-logo {
    display: flex;
    max-width: 100%;
    max-height: 100%;
    margin: 0 10px;
    flex-grow: 1;
}

.globalHeader-logo img {
    width: auto;
    max-width: 150px;
    max-height: 100%;
    line-height: 0;
    padding: 5px 0;
    box-sizing: border-box;
    object-fit: contain;
}

.globalHeader-nav {
    display: flex;
    order: 1;
}

.globalHeader-nav_checkout {
    order: 2;
    justify-content: center;
    width: 100%;
}

.globalHeader-nav_thankyou {
    align-items: center;
    justify-content: end;
}

.globalHeader-nav-confirm {
    font-family: var(--f-TERTIARY);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--c-PRIMARY);
    padding-right: 10px;
}

.globalHeader-nav-confirm:before {
    content: '\2143';
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    font-size: 18px;
    line-height: 20px;
    text-indent: -3px;
    text-align: center;
    color: var(--c-PRIMARY);
    margin: 0 10px 0 0;
    border: 2px solid var(--c-PRIMARY);
    border-radius: 50%;
    transform: rotate(45deg);
}

.globalHeader-nav-menu {
    position: absolute;
    top: 55px;
    left: -100%;
    width: 0;
    height: 100vh;
    padding: 60px 0 0 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    overflow: hidden;
    background-color: var(--tc-headerSurface);
    box-sizing: border-box;
    box-shadow: inset 0 5px 5px -5px var(--c-NUETRAL-5);
    transition: all 0.3s ease-in-out;
}

.globalHeader-nav.isOpen > .globalHeader-nav-menu {
    left: 0;
    width: 100%;
    padding: 60px 20px;
    overflow: scroll;
}

.globalHeader-nav-menu-item-link,
.globalHeader-nav-menu-item-label {
    color: var(--tc-headerLink);
    cursor: pointer;
    transition: color 0.15s ease-in-out;
}

.globalHeader-nav-menu-item-link { display: block; }

.globalHeader-nav-menu-item-label,
.globalHeader-nav-menu-item-link {
    font: 15px/1 var(--f-SECONDARY);
    text-align: center;
    font-weight: 500;
    letter-spacing: 2.5px;
}

.globalHeader-nav-menu-item:not(:empty) { margin-top: 40px; }

.globalHeader-nav-menu-item-link:hover,
.globalHeader-nav-menu-item-label:hover { color: var(--tc-headerLinkHover); }

.globalHeader-nav-menu > * { width: 100%; }

.globalHeader-nav-menu > * + * { border-top: 1px solid var(--c-NUETRAL-5); }

.globalHeader-nav-menu-item-menu {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.globalHeader-nav-menu-item.isOpen > .globalHeader-nav-menu-item-menu {
    height: auto;
    opacity: 1;
    padding: 10px 10px 40px 10px;
    margin-top: 10px;
    background-color: var(--c-NUETRAL-2);
    border-top: 4px solid var(--tc-headerBorderTop);
}

.globalHeader-nav-menu-item-label:after {
    content: '';
    position: relative;
    top: 2px;
    height: 8px;
    width: 20px;
    display: inline-block;
    margin-left: 5px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12px' height='8px' viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EV Down%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-574.000000  -35.000000)' fill='%23333333' stroke='%23333333'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Menu-List' transform='translate(250.000000  25.000000)'%3E%3Cg id='V-Down' transform='translate(330.000000  13.000000) rotate(-270.000000) translate(-330.000000  -13.000000) translate(327.000000  8.000000)'%3E%3Cpath d='M0.988521347 9.84653819 C0.988521347 9.84653819 4.47271434 6.63097787 5.83047361 5.37830121 C5.9434912 5.27408994 6 5.13704497 6 5 C6 4.86295503 5.9434912 4.72662384 5.83047361 4.62169879 C4.47348843 3.3697359 0.988521347 0.154889365 0.988521347 0.154889365 C0.877051942 0.051391863 0.729974256 0 0.582896569 0 C0.433496603 0 0.28487073 0.0528194147 0.171079046 0.157744468 C-0.0557302288 0.366167024 -0.057278415 0.704496788 0.167982674 0.911491792 L4.02141807 4.46466809 L4.61688351 5.00902153 L4.02141807 5.53533191 L0.167208581 9.08922198 C-0.0565043219 9.29550321 -0.0541820426 9.6331192 0.171853139 9.84154176 C0.286418916 9.94718059 0.435818882 10 0.584444755 10 C0.731522442 10 0.877051942 9.94860814 0.988521347 9.84653819 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='12px' height='8px' viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EV Down%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-574.000000  -35.000000)' fill='%23333333' stroke='%23333333'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Menu-List' transform='translate(250.000000  25.000000)'%3E%3Cg id='V-Down' transform='translate(330.000000  13.000000) rotate(-270.000000) translate(-330.000000  -13.000000) translate(327.000000  8.000000)'%3E%3Cpath d='M0.988521347 9.84653819 C0.988521347 9.84653819 4.47271434 6.63097787 5.83047361 5.37830121 C5.9434912 5.27408994 6 5.13704497 6 5 C6 4.86295503 5.9434912 4.72662384 5.83047361 4.62169879 C4.47348843 3.3697359 0.988521347 0.154889365 0.988521347 0.154889365 C0.877051942 0.051391863 0.729974256 0 0.582896569 0 C0.433496603 0 0.28487073 0.0528194147 0.171079046 0.157744468 C-0.0557302288 0.366167024 -0.057278415 0.704496788 0.167982674 0.911491792 L4.02141807 4.46466809 L4.61688351 5.00902153 L4.02141807 5.53533191 L0.167208581 9.08922198 C-0.0565043219 9.29550321 -0.0541820426 9.6331192 0.171853139 9.84154176 C0.286418916 9.94718059 0.435818882 10 0.584444755 10 C0.731522442 10 0.877051942 9.94860814 0.988521347 9.84653819 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    background-color: var(--tc-headerLink);
    transition: background-color 0.15s ease-in-out;
}

.globalHeader-nav-menu-item-label:hover:after { background-color: var(--tc-headerLinkHover); }

.globalHeader-nav-menu-item.isOpen > .globalHeader-nav-menu-item-label:after {
    height: 17px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='17px' viewBox='0 0 16 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EClose - icon%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-465.000000  -31.000000)' stroke='%23444444' stroke-width='2'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Menu-List' transform='translate(250.000000  25.000000)'%3E%3Cg id='Close---icon' transform='translate(223.048828  13.458496) rotate(-315.000000) translate(-223.048828  -13.458496) translate(218.548828  8.458496)'%3E%3Cline x1='4.5' y1='0.5' x2='4.5' y2='9.5' id='Line-5'%3E%3C/line%3E%3Cline x1='9' y1='5' x2='0' y2='5' id='Line-5-Copy'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='17px' viewBox='0 0 16 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EClose - icon%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-465.000000  -31.000000)' stroke='%23444444' stroke-width='2'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Menu-List' transform='translate(250.000000  25.000000)'%3E%3Cg id='Close---icon' transform='translate(223.048828  13.458496) rotate(-315.000000) translate(-223.048828  -13.458496) translate(218.548828  8.458496)'%3E%3Cline x1='4.5' y1='0.5' x2='4.5' y2='9.5' id='Line-5'%3E%3C/line%3E%3Cline x1='9' y1='5' x2='0' y2='5' id='Line-5-Copy'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.globalHeader-nav-menu > * { width: 100%; }

.globalHeader-nav-menu > * + * { border: none; }

.globalHeader-nav-trigger {
    position: relative;
    display: flex;
    align-items: center;
    height: 54px;
    width: 44px;
    background-color: var(--tc-headerSurface);
}

.globalHeader-nav-trigger-inner {
    position: relative;
    height: 2px;
    width: 24px;
    margin: 0 auto;
    background-color: var(--tc-headerIcon);
    transition: all .3s ease-in-out;
    pointer-events: none;
}

.globalHeader-nav-trigger-inner:after,
.globalHeader-nav-trigger-inner:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    display: block;
    transition: all .3s ease-in-out;
    pointer-events: none;
    background-color: var(--tc-headerIcon);
}

.globalHeader-nav-trigger-inner:after { bottom: calc(50% - 11px); }

.globalHeader-nav-trigger-inner:before { top: calc(50% - 11px); }

.globalHeader-nav.isOpen > .globalHeader-nav-trigger > .globalHeader-nav-trigger-inner {
    background-color: transparent;
}

.globalHeader-nav.isOpen > .globalHeader-nav-trigger > .globalHeader-nav-trigger-inner::before {
    width: 130%;
    left: 1px;
    top: calc(50% - 12px);
    transform: rotate(45deg);
    transform-origin: top left;
}

.globalHeader-nav.isOpen > .globalHeader-nav-trigger > .globalHeader-nav-trigger-inner:after {
    width: 130%;
    left: 1px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

.globalHeader-balance { display: none; }

.globalHeader-search input {
    border: 2px solid var(--tc-headerIcon);
    font: 600 12px/1 var(--f-SECONDARY);
    letter-spacing: 1.2px;
    color: var(--tc-headerText);
    border-radius: 20px;
    padding: 10px 29px 10px 15px;
    width: 100%;
    box-sizing: border-box;
    transition: border 0.15s ease-in-out;
    background-color: var(--tc-headerSurface);
}

.globalHeader-search input::placeholder { color: var(--tc-headerText); }

.globalHeader-search input:hover,
.globalHeader-search input:focus-visible {
    outline: none;
    border-color: var(--tc-headerLinkHover);
}

.globalHeader-search #productSearchContainer { position: relative; }

.globalHeader-search .productSearchLabel {
    font-size: 0;
    position: absolute;
}

.globalHeader-search .productSearchGroup button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 29px;
    height: 29px;
    font-size: 0;
    padding: 0px;
    margin: auto;
    border: none;
    mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-magnifier-2%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-1150.000000  -29.000000)' fill='%230079C9' fill-rule='nonzero'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Search' transform='translate(849.000000  17.000000)'%3E%3Cg id='iconmonstr-magnifier-2' transform='translate(301.000000  11.000000)'%3E%3Cpath d='M16 14.4306667 L11.8301483 10.294 C12.6143895 9.224 13.0780797 7.908 13.0780797 6.48666667 C13.0780797 2.91 10.1447352 0 6.53870385 0 C2.93334453 0 0 2.91 0 6.48666667 C0 10.064 2.93334453 12.9733333 6.53870385 12.9733333 C7.90558192 12.9733333 9.17501785 12.5553333 10.226049 11.8413333 L14.4180772 16 L16 14.4306667 L16 14.4306667 Z M1.91793019 6.48666667 C1.91793019 3.95866667 3.9910958 1.902 6.53937587 1.902 C9.08765593 1.902 11.1608215 3.95866667 11.1608215 6.48666667 C11.1608215 9.01466667 9.08765593 11.0713333 6.53937587 11.0713333 C3.99042379 11.0713333 1.91793019 9.01466667 1.91793019 6.48666667 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eiconmonstr-magnifier-2%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home---Desktop-MENUS' transform='translate(-1150.000000  -29.000000)' fill='%230079C9' fill-rule='nonzero'%3E%3Cg id='Globals-/-Header-/-Desktop' transform='translate(0.000000  1.000000)'%3E%3Cg id='Search' transform='translate(849.000000  17.000000)'%3E%3Cg id='iconmonstr-magnifier-2' transform='translate(301.000000  11.000000)'%3E%3Cpath d='M16 14.4306667 L11.8301483 10.294 C12.6143895 9.224 13.0780797 7.908 13.0780797 6.48666667 C13.0780797 2.91 10.1447352 0 6.53870385 0 C2.93334453 0 0 2.91 0 6.48666667 C0 10.064 2.93334453 12.9733333 6.53870385 12.9733333 C7.90558192 12.9733333 9.17501785 12.5553333 10.226049 11.8413333 L14.4180772 16 L16 14.4306667 L16 14.4306667 Z M1.91793019 6.48666667 C1.91793019 3.95866667 3.9910958 1.902 6.53937587 1.902 C9.08765593 1.902 11.1608215 3.95866667 11.1608215 6.48666667 C11.1608215 9.01466667 9.08765593 11.0713333 6.53937587 11.0713333 C3.99042379 11.0713333 1.91793019 9.01466667 1.91793019 6.48666667 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 50%;
    -webkit-mask-position: 50%;
    background-color: var(--tc-headerIcon);
    box-sizing: border-box;
    cursor: pointer;
}

.globalHeader-cart {
    position: relative;
    top: 2px;
}

.globalHeader-cart #cartButton { display: none; }

.globalHeader-cart #cartContents {
    font-size: 0;
    color: var(--tc-headerIcon);
    transition: color 0.15s ease-in-out;
}

.globalHeader-cart,
.globalHeader-cart .cartCount {
    font-size: 0;
    color: var(--tc-headerIcon);
    display: block;
    height: 55px;
    width: 24px;
    text-align: center;
    transition: color 0.15s ease-in-out;
}

.globalHeader-cart:hover .cartCount { color: var(--tc-headerLinkHover); }

.globalHeader-cart .cartCount {
    position: relative;
    right: -13px;
    top: 2px;
}

.globalHeader-cart #cartContents.empty:before {
    position: relative;
    right: 2px;
    top: 7px;
}

.globalHeader-cart > a {
    display: block;
    height: 100%;
}

.globalHeader-cart {
    position: relative;
    width: 44px;
    height: 44px;
}

.globalHeader-cart:after {
    content: '';
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M28.0799 6.65998C27.8999 6.47998 27.6599 6.35998 27.3599 6.35998H8.15994L7.43994 2.69998C7.37994 2.27998 6.95994 1.97998 6.53994 1.97998H2.33994C1.85994 1.97998 1.43994 2.39998 1.43994 2.87998C1.43994 3.35998 1.85994 3.77998 2.33994 3.77998H5.87994L9.59994 23.1C9.65994 23.52 10.0199 23.82 10.4999 23.82L22.9799 23.88C23.4599 23.88 23.8799 23.46 23.8799 22.98C23.8799 22.5 23.4599 22.08 22.9799 22.08L11.2799 22.02L10.6799 19.02H25.2599C25.6799 19.02 26.0399 18.72 26.1599 18.3L28.3199 7.37998C28.3199 7.13998 28.2599 6.89998 28.0799 6.65998ZM24.4799 17.22H10.5599L8.75994 8.15998H26.2199L24.4799 17.22Z" fill="%23222222"/><path d="M11.34 25.56C11.28 25.62 11.16 25.74 11.1 25.86C11.04 25.98 10.98 26.04 10.92 26.16C10.86 26.28 10.86 26.4 10.8 26.52C10.8 26.64 10.74 26.76 10.74 26.88C10.74 27.36 10.92 27.84 11.28 28.14C11.64 28.5 12.06 28.68 12.54 28.68C13.02 28.68 13.5 28.5 13.8 28.14C14.16 27.78 14.34 27.36 14.34 26.88C14.34 26.4 14.16 25.92 13.8 25.62C13.2 24.9 12 24.9 11.34 25.56Z" fill="%23222222"/><path d="M22.74 26.1599C22.68 26.0399 22.62 25.9799 22.56 25.8599C22.5 25.7399 22.44 25.6799 22.32 25.5599C21.66 24.8999 20.46 24.8999 19.8 25.5599C19.74 25.6199 19.62 25.7399 19.56 25.8599C19.5 25.9799 19.44 26.0399 19.38 26.1599C19.32 26.2799 19.32 26.3999 19.26 26.5199C19.26 26.6399 19.2 26.7599 19.2 26.8799C19.2 27.3599 19.38 27.8399 19.74 28.1399C19.8 28.1999 19.92 28.3199 19.98 28.3799C20.1 28.4399 20.16 28.4999 20.28 28.5599C20.4 28.6199 20.52 28.6199 20.64 28.6799C20.76 28.6799 20.88 28.7399 21 28.7399C21.48 28.7399 21.96 28.5599 22.26 28.1999C22.62 27.8399 22.8 27.4199 22.8 26.9399C22.8 26.8199 22.8 26.6999 22.74 26.5799C22.8 26.3999 22.8 26.2799 22.74 26.1599Z" fill="%23222222"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M28.0799 6.65998C27.8999 6.47998 27.6599 6.35998 27.3599 6.35998H8.15994L7.43994 2.69998C7.37994 2.27998 6.95994 1.97998 6.53994 1.97998H2.33994C1.85994 1.97998 1.43994 2.39998 1.43994 2.87998C1.43994 3.35998 1.85994 3.77998 2.33994 3.77998H5.87994L9.59994 23.1C9.65994 23.52 10.0199 23.82 10.4999 23.82L22.9799 23.88C23.4599 23.88 23.8799 23.46 23.8799 22.98C23.8799 22.5 23.4599 22.08 22.9799 22.08L11.2799 22.02L10.6799 19.02H25.2599C25.6799 19.02 26.0399 18.72 26.1599 18.3L28.3199 7.37998C28.3199 7.13998 28.2599 6.89998 28.0799 6.65998ZM24.4799 17.22H10.5599L8.75994 8.15998H26.2199L24.4799 17.22Z" fill="%23222222"/><path d="M11.34 25.56C11.28 25.62 11.16 25.74 11.1 25.86C11.04 25.98 10.98 26.04 10.92 26.16C10.86 26.28 10.86 26.4 10.8 26.52C10.8 26.64 10.74 26.76 10.74 26.88C10.74 27.36 10.92 27.84 11.28 28.14C11.64 28.5 12.06 28.68 12.54 28.68C13.02 28.68 13.5 28.5 13.8 28.14C14.16 27.78 14.34 27.36 14.34 26.88C14.34 26.4 14.16 25.92 13.8 25.62C13.2 24.9 12 24.9 11.34 25.56Z" fill="%23222222"/><path d="M22.74 26.1599C22.68 26.0399 22.62 25.9799 22.56 25.8599C22.5 25.7399 22.44 25.6799 22.32 25.5599C21.66 24.8999 20.46 24.8999 19.8 25.5599C19.74 25.6199 19.62 25.7399 19.56 25.8599C19.5 25.9799 19.44 26.0399 19.38 26.1599C19.32 26.2799 19.32 26.3999 19.26 26.5199C19.26 26.6399 19.2 26.7599 19.2 26.8799C19.2 27.3599 19.38 27.8399 19.74 28.1399C19.8 28.1999 19.92 28.3199 19.98 28.3799C20.1 28.4399 20.16 28.4999 20.28 28.5599C20.4 28.6199 20.52 28.6199 20.64 28.6799C20.76 28.6799 20.88 28.7399 21 28.7399C21.48 28.7399 21.96 28.5599 22.26 28.1999C22.62 27.8399 22.8 27.4199 22.8 26.9399C22.8 26.8199 22.8 26.6999 22.74 26.5799C22.8 26.3999 22.8 26.2799 22.74 26.1599Z" fill="%23222222"/></svg>');
    -webkit-mask-size: 30px;
    mask-size: 30px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--tc-headerIcon);
    transition: background-color 0.15s ease-in-out;
}

.globalHeader-cart:hover:after { background-color: var(--tc-headerLinkHover); }

.globalHeader-cart #cartContents .cartCount {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.globalHeader-cart #cartContents.empty span {
    font-size: 0;
}

.globalHeader-search-trigger {
    position: relative;
    width: 44px;
    height: 55px;
}

.globalHeader-search-trigger-inner {
    height: 100%;
    pointer-events: none;
}

.globalHeader-search-trigger-inner:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 11px;
    background: var(--tc-headerIcon);
    bottom: 15px;
    right: 10px;
    transform: rotate(45deg);
    transform-origin: bottom right;
    transition: all .3s ease-in-out
}

.globalHeader-search-trigger-inner:after {
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 12px;
    bottom: 20px;
    border: 2px solid var(--tc-headerIcon);
    border-radius: 50%;
    transition: all .3s ease-in-out;
    transform-origin: bottom left;
}

.globalHeader-search-container {
    position: absolute;
    top: 55px;
    right: -150%;
    display: block;
    width: 0;
    height: 100vh;
    overflow: hidden;
    padding-top: 115px;
    opacity: 1;
    box-sizing: border-box;
    background-color: var(--tc-headerSurface);
    box-shadow: inset 0 5px 5px -5px var(--c-NUETRAL-5);
    transition: all 0.3s ease-in-out;
}

.globalHeader-search.isOpen > .globalHeader-search-container { 
    right: 0;
    width: 100%;
    overflow: initial;
    padding: 115px 20px;
 }

.globalHeader-account { 
    height: 100%;
    width: 44px;
 }

.globalHeader-account-signIn {
    position: relative;
    display: flex;
    height: 100%;
    font-size: 0;
    font-weight: bold;
    color: var(--tc-headerIcon);
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

.globalHeader-account-signIn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M15 16.74C10.86 16.74 7.5 13.38 7.5 9.23999C7.5 5.09999 10.86 1.73999 15 1.73999C19.14 1.73999 22.5 5.09999 22.5 9.23999C22.5 13.38 19.14 16.74 15 16.74ZM15 3.53999C11.82 3.53999 9.3 6.11999 9.3 9.23999C9.3 12.36 11.88 14.94 15 14.94C18.12 14.94 20.7 12.36 20.7 9.23999C20.7 6.11999 18.18 3.53999 15 3.53999Z" fill="%23222222"/><path d="M25.8 27.5399C25.32 27.5399 24.9 27.1199 24.9 26.6399C24.9 21.1799 20.46 16.7399 15 16.7399C9.54005 16.7399 5.10005 21.1799 5.10005 26.6399C5.10005 27.1199 4.68005 27.5399 4.20005 27.5399C3.72005 27.5399 3.30005 27.1199 3.30005 26.6399C3.30005 20.2199 8.52005 14.9399 15 14.9399C21.42 14.9399 26.7 20.1599 26.7 26.6399C26.7 27.1199 26.28 27.5399 25.8 27.5399Z" fill="%23222222"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M15 16.74C10.86 16.74 7.5 13.38 7.5 9.23999C7.5 5.09999 10.86 1.73999 15 1.73999C19.14 1.73999 22.5 5.09999 22.5 9.23999C22.5 13.38 19.14 16.74 15 16.74ZM15 3.53999C11.82 3.53999 9.3 6.11999 9.3 9.23999C9.3 12.36 11.88 14.94 15 14.94C18.12 14.94 20.7 12.36 20.7 9.23999C20.7 6.11999 18.18 3.53999 15 3.53999Z" fill="%23222222"/><path d="M25.8 27.5399C25.32 27.5399 24.9 27.1199 24.9 26.6399C24.9 21.1799 20.46 16.7399 15 16.7399C9.54005 16.7399 5.10005 21.1799 5.10005 26.6399C5.10005 27.1199 4.68005 27.5399 4.20005 27.5399C3.72005 27.5399 3.30005 27.1199 3.30005 26.6399C3.30005 20.2199 8.52005 14.9399 15 14.9399C21.42 14.9399 26.7 20.1599 26.7 26.6399C26.7 27.1199 26.28 27.5399 25.8 27.5399Z" fill="%23222222"/></svg>');
    background-color: var(--tc-headerIcon);
    transition: background-color 0.15s ease-in-out;
}

.globalHeader-account-signIn:hover::before { background-color: var(--tc-headerLinkHover); }

.globalHeader-account-aside {
    position: fixed;
    top: 55px;
    right: -150%;
    height: calc(100vh - 75px);
    width: 0;
    padding: 60px 0;
    background-color: var(--c-WHITE);
    box-shadow: inset 0 5px 5px -5px var(--c-NUETRAL-5);
    transition: right 0.3s ease-in-out;
    overflow: hidden;
}

.globalHeader-account.isOpen > .globalHeader-account-aside {
    position: absolute;
    right: 0;
    width: 100%;
    overflow: initial;
}

.globalHeader-account.isOpen > .globalHeader-account-signIn::after,
.globalHeader-search.isOpen > .globalHeader-search-trigger::after {
    position: absolute;
    content: '';
    height: 4px;
    width: 100%;
    background: var(--tc-headerLinkHover);
    display: block;
    bottom: 0px;
    left: 0;
}

@media screen and (min-width: 1024px) {
    .globalHeader {
        height: 75px;
        padding: 0 20px;
    }
    
    .globalHeader > * + * { margin-left: 20px; }

    .globalHeader-logo {
        display: contents;
        margin-left: inherit;
        flex-grow: initial; 
    }

    .globalHeader-sfLabel:not(:empty) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 40px;
        min-width: 95px;
        overflow: hidden;
        font: 13px/1 var(--f-PRIMARY);
        text-align: center;
        text-transform: uppercase;
        color: var(--tc-headerText);
        letter-spacing: 2.21px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .globalHeader-nav {
        flex-grow: 1;
        order: 2;
        align-self: normal;
    }

    .globalHeader-nav-trigger { display: none; }
    
    .globalHeader-nav-menu {
        position: static;
        width: auto;
        flex-grow: unset;
        height: inherit;
        flex-direction: row;
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .globalHeader-nav-menu-item:not(:empty) { margin-top: 0; }
    
    .globalHeader-nav-menu > * { width: auto; }

    .globalHeader-nav-menu-item-menu {
        position: absolute;
        left: 0;
        top: 70px;
        height: 100%;
        width: 100%;
        max-width: 400px;
        padding: 40px;
        margin: 0;
        background: var(--c-WHITE);
        box-sizing: border-box;
        transition: left 0.3s ease-in-out;
        box-shadow: inset 0 5px 5px -5px #cfcfcf;
    }

    .globalHeader-nav-menu-item-menu { left: -100%; }

    .globalHeader-nav-menu-item.isOpen > .globalHeader-nav-menu-item-menu {
        left: 0;
        border-top: none;
        margin-top: 0;
        padding: 40px;
        background-color: var(--tc-headerSurface);
        box-sizing: border-box;
    }

    .globalHeader-nav-menu-item.isOpen > .globalHeader-nav-menu-item-label {
        border-bottom: 4px solid var(--tc-headerLinkHover);
        padding-bottom: 11px;
    }

    .globalHeader-balance { display: block; }

    .mix-globalbalance {
        display: block;
        font: var(--t-BODY);
        font-size: 12px;
        font-family: var(--f-SECONDARY);
        color: var(--c-NUETRAL-9);
        text-transform: uppercase;
    }

    .mix-globalbalance:before {
        content: '';
        display: inline-block;
        height: 34px;
        width: 34px;
        vertical-align: middle;
        mask-image: url("data:image/svg+xml,%3Csvg width='41px' height='37px' viewBox='0 0 41 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 3%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-3' transform='translate(0.500000  0.500000)' fill='%23333333' fill-rule='nonzero'%3E%3Cpath d='M17 0 C20.0477783 0 22.9816364 0.804479053 25.558442 2.30854184 L25.2827833 2.15194934 C33.5921685 3.26715181 40 10.3852613 40 19 C40 28.3888407 32.3888407 36 23 36 C19.9909285 36 17.1644545 35.2182068 14.712617 33.8466593 C6.33960739 32.720959 0 25.5472283 0 17 C0 7.61115925 7.61115925 0 17 0 Z M23 5 L22.687355 5.00342205 C15.0997524 5.16967311 9 11.3724998 9 19 C9 19.4383005 9.02030013 19.8730575 9.06018209 20.3032121 C9.06398865 20.347999 9.06830463 20.3924293 9.0728278 20.4367983 L9.06018209 20.3032121 C9.08027809 20.5199614 9.10534597 20.7355422 9.13529381 20.9498189 C9.14082797 20.9938514 9.14718231 21.0379136 9.15374136 21.0819089 L9.13529381 20.9498189 C9.27613264 21.9575203 9.52489868 22.9363811 9.87203363 23.8723114 C9.88252627 23.9029828 9.89378943 23.9329974 9.90515248 23.9629628 L9.87203363 23.8723114 C9.94589416 24.0714509 10.024208 24.2686469 10.1068832 24.4637637 C10.1182446 24.4920074 10.1302338 24.5200075 10.1423115 24.5479606 L10.1068832 24.4637637 C10.2028291 24.6902001 10.3046489 24.9138362 10.4121985 25.1344597 L10.535773 25.3816784 C10.7069581 25.7153538 10.8911484 26.0412573 11.0876749 26.3587199 C11.1074566 26.3921636 11.1282823 26.4255399 11.149248 26.4588273 L11.0876749 26.3587199 C11.9602523 27.7682538 13.0760187 29.0113852 14.3764011 30.0295413 C14.3949419 30.0452288 14.4139081 30.0599829 14.4329162 30.0746915 L14.3764011 30.0295413 C14.5743318 30.1845144 14.7765397 30.3342754 14.9828181 30.4786176 C15.1985565 30.630054 15.4188927 30.7750758 15.6438839 30.9142376 C17.7817771 32.2366679 20.3017457 33 23 33 C30.7319865 33 37 26.7319865 37 19 C37 11.8000688 31.5649387 5.86956411 24.5738042 5.08747413 C24.5096 5.08043613 24.4451992 5.07365519 24.3807017 5.06731942 L24.5738042 5.08747413 C24.4168868 5.06991997 24.2591856 5.05495952 24.1007442 5.04263663 C24.0218716 5.03651607 23.9429829 5.03103822 23.8639652 5.02622194 L24.1007442 5.04263663 C23.9848608 5.03362371 23.8685815 5.02602173 23.7519234 5.01984785 L23.8639652 5.02622194 C23.7451937 5.01898259 23.626131 5.01323794 23.5067989 5.00899331 L23.7519234 5.01984785 C23.6193419 5.01283126 23.4862712 5.00765924 23.3527365 5.00435698 L23 5 L23 5 Z M15.4849579 3.74702661 L15.5153844 3.73204494 C15.5788009 3.70089829 15.6424399 3.67013511 15.7062982 3.63975842 C15.7367442 3.62527526 15.7673773 3.61081566 15.7980604 3.59644504 C15.8567727 3.56894817 15.9153765 3.54190954 15.9741593 3.51519579 C16.1460019 3.4370996 16.3195628 3.36170139 16.4945987 3.28914309 C16.5108906 3.28238951 16.5272397 3.27564224 16.5436017 3.26891976 C16.7705684 3.17567027 16.9998644 3.08723819 17.2314962 3.00369415 L17 3 C9.2680135 3 3 9.2680135 3 17 C3 21.6042728 5.23454369 25.7251002 8.70927782 28.2840956 L8.70927782 28.2840956 L8.799 28.349 L8.74430483 28.2663131 C8.71740174 28.2249522 8.69067869 28.183474 8.66413648 28.1418797 C8.6350957 28.095407 8.60582382 28.0491084 8.57677008 28.0026594 C8.55105776 27.9623354 8.52602092 27.9218719 8.50115378 27.8813027 C8.37018044 27.6672793 8.24328978 27.4499276 8.12115192 27.2295767 C8.09881615 27.1889126 8.07655581 27.148298 8.05446029 27.1075896 C6.74416734 24.6977283 6 21.9357689 6 19 L6 19 L6.0038619 18.6339977 C6.00498464 18.5808417 6.00635137 18.5277457 6.007961 18.4747108 C6.02400744 17.9462968 6.06413288 17.4242292 6.1272847 16.9092817 C6.13145342 16.8752839 6.13576493 16.8409877 6.14017846 16.8067236 C6.19715089 16.3645177 6.27101843 15.9280903 6.36116752 15.497648 C6.39701809 15.3265003 6.43529852 15.1568941 6.47609298 14.9882695 C6.49356257 14.9160526 6.51157262 14.8437058 6.53004444 14.7715439 C6.53519132 14.7514374 6.54035732 14.7314097 6.54555886 14.7113963 C6.68925847 14.1584686 6.86017196 13.6162671 7.05673267 13.0865245 C7.07630881 13.0337684 7.09603739 12.9814023 7.1160163 12.9291601 L7.05673267 13.0865245 C7.16505739 12.794583 7.28117147 12.5064255 7.40482244 12.2223044 C7.47491885 12.0612369 7.54747531 11.9013864 7.62241031 11.7428804 C7.89173349 11.1731646 8.19197079 10.6205166 8.52082797 10.0873999 C8.60447772 9.95179621 8.68990307 9.81757209 8.77714171 9.68464461 C9.01247763 9.32606566 9.26090733 8.97705388 9.52183239 8.63816001 C9.55638291 8.59328235 9.5914757 8.54817095 9.62679002 8.5032419 C9.65579072 8.46634643 9.6848009 8.42974894 9.71395816 8.39327417 C9.74631001 8.35280279 9.77887754 8.31243999 9.81162528 8.27222979 C9.85100553 8.22387445 9.89078505 8.17557334 9.93082484 8.12749661 C9.95344142 8.10034082 9.97604824 8.07336666 9.99873704 8.04646389 C10.0514737 7.98393262 10.1046422 7.92179983 10.1582486 7.86005744 C10.1782274 7.83704637 10.198299 7.81405291 10.2184315 7.79111409 C10.503884 7.46587603 10.8014591 7.15171647 11.1105268 6.84925349 C11.1714907 6.78959163 11.2329861 6.73030466 11.2949244 6.67147954 C11.3077782 6.65927303 11.3200301 6.64767252 11.3322993 6.63609006 C11.3794404 6.5915858 11.4270722 6.54713008 11.4749587 6.50294611 C11.5107059 6.4699624 11.5466597 6.43707147 11.5827548 6.40433355 C11.6172345 6.37306379 11.6512221 6.3424878 11.6853333 6.31204732 C12.083579 5.95662696 12.4992353 5.6192567 12.9304248 5.30175732 C13.0591368 5.20698689 13.1889117 5.11420976 13.3200283 5.02323023 C13.4561603 4.92877323 13.5935507 4.8363763 13.7323435 4.74595161 C13.7734467 4.71917091 13.8150695 4.69230969 13.8568166 4.66562584 C14.3045873 4.37944799 14.7659927 4.11401794 15.2403532 3.87024119 C15.2495437 3.86551794 15.2589232 3.86070869 15.2683077 3.85590791 L15.4849579 3.74702661 L15.4849579 3.74702661 Z' id='Combined-Shape'%3E%3C/path%3E%3Cg id='%24' transform='translate(19.218750  11.320312)'%3E%3Cpath d='M5.453125 10.1875 C5.453125 9.76041667 5.33463542 9.42057292 5.09765625 9.16796875 C4.86067708 8.91536458 4.45833333 8.68229167 3.890625 8.46875 C3.32291667 8.25520833 2.83333333 8.04296875 2.421875 7.83203125 C2.01041667 7.62109375 1.65755208 7.37890625 1.36328125 7.10546875 C1.06901042 6.83203125 0.83984375 6.51041667 0.67578125 6.140625 C0.51171875 5.77083333 0.4296875 5.33072917 0.4296875 4.8203125 C0.4296875 3.94010417 0.7109375 3.21875 1.2734375 2.65625 C1.8359375 2.09375 2.58333333 1.765625 3.515625 1.671875 L3.515625 0 L4.765625 0 L4.765625 1.6953125 C5.6875 1.82552083 6.40885417 2.20963542 6.9296875 2.84765625 C7.45052083 3.48567708 7.7109375 4.3125 7.7109375 5.328125 L5.453125 5.328125 C5.453125 4.703125 5.32421875 4.23567708 5.06640625 3.92578125 C4.80859375 3.61588542 4.46354167 3.4609375 4.03125 3.4609375 C3.60416667 3.4609375 3.2734375 3.58203125 3.0390625 3.82421875 C2.8046875 4.06640625 2.6875 4.40104167 2.6875 4.828125 C2.6875 5.22395833 2.80208333 5.54166667 3.03125 5.78125 C3.26041667 6.02083333 3.68619792 6.265625 4.30859375 6.515625 C4.93098958 6.765625 5.44270833 7.00130208 5.84375 7.22265625 C6.24479167 7.44401042 6.58333333 7.69401042 6.859375 7.97265625 C7.13541667 8.25130208 7.34635417 8.56901042 7.4921875 8.92578125 C7.63802083 9.28255208 7.7109375 9.69791667 7.7109375 10.171875 C7.7109375 11.0572917 7.43489583 11.7760417 6.8828125 12.328125 C6.33072917 12.8802083 5.5703125 13.2057292 4.6015625 13.3046875 L4.6015625 14.859375 L3.359375 14.859375 L3.359375 13.3125 C2.29166667 13.1979167 1.46484375 12.8190104 0.87890625 12.1757812 C0.29296875 11.5325521 0 10.6770833 0 9.609375 L2.2578125 9.609375 C2.2578125 10.2291667 2.40494792 10.7044271 2.69921875 11.0351562 C2.99348958 11.3658854 3.41666667 11.53125 3.96875 11.53125 C4.42708333 11.53125 4.7890625 11.4101562 5.0546875 11.1679688 C5.3203125 10.9257812 5.453125 10.5989583 5.453125 10.1875 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='41px' height='37px' viewBox='0 0 41 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 3%3C/title%3E%3Cg id='*Home-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-3' transform='translate(0.500000  0.500000)' fill='%23333333' fill-rule='nonzero'%3E%3Cpath d='M17 0 C20.0477783 0 22.9816364 0.804479053 25.558442 2.30854184 L25.2827833 2.15194934 C33.5921685 3.26715181 40 10.3852613 40 19 C40 28.3888407 32.3888407 36 23 36 C19.9909285 36 17.1644545 35.2182068 14.712617 33.8466593 C6.33960739 32.720959 0 25.5472283 0 17 C0 7.61115925 7.61115925 0 17 0 Z M23 5 L22.687355 5.00342205 C15.0997524 5.16967311 9 11.3724998 9 19 C9 19.4383005 9.02030013 19.8730575 9.06018209 20.3032121 C9.06398865 20.347999 9.06830463 20.3924293 9.0728278 20.4367983 L9.06018209 20.3032121 C9.08027809 20.5199614 9.10534597 20.7355422 9.13529381 20.9498189 C9.14082797 20.9938514 9.14718231 21.0379136 9.15374136 21.0819089 L9.13529381 20.9498189 C9.27613264 21.9575203 9.52489868 22.9363811 9.87203363 23.8723114 C9.88252627 23.9029828 9.89378943 23.9329974 9.90515248 23.9629628 L9.87203363 23.8723114 C9.94589416 24.0714509 10.024208 24.2686469 10.1068832 24.4637637 C10.1182446 24.4920074 10.1302338 24.5200075 10.1423115 24.5479606 L10.1068832 24.4637637 C10.2028291 24.6902001 10.3046489 24.9138362 10.4121985 25.1344597 L10.535773 25.3816784 C10.7069581 25.7153538 10.8911484 26.0412573 11.0876749 26.3587199 C11.1074566 26.3921636 11.1282823 26.4255399 11.149248 26.4588273 L11.0876749 26.3587199 C11.9602523 27.7682538 13.0760187 29.0113852 14.3764011 30.0295413 C14.3949419 30.0452288 14.4139081 30.0599829 14.4329162 30.0746915 L14.3764011 30.0295413 C14.5743318 30.1845144 14.7765397 30.3342754 14.9828181 30.4786176 C15.1985565 30.630054 15.4188927 30.7750758 15.6438839 30.9142376 C17.7817771 32.2366679 20.3017457 33 23 33 C30.7319865 33 37 26.7319865 37 19 C37 11.8000688 31.5649387 5.86956411 24.5738042 5.08747413 C24.5096 5.08043613 24.4451992 5.07365519 24.3807017 5.06731942 L24.5738042 5.08747413 C24.4168868 5.06991997 24.2591856 5.05495952 24.1007442 5.04263663 C24.0218716 5.03651607 23.9429829 5.03103822 23.8639652 5.02622194 L24.1007442 5.04263663 C23.9848608 5.03362371 23.8685815 5.02602173 23.7519234 5.01984785 L23.8639652 5.02622194 C23.7451937 5.01898259 23.626131 5.01323794 23.5067989 5.00899331 L23.7519234 5.01984785 C23.6193419 5.01283126 23.4862712 5.00765924 23.3527365 5.00435698 L23 5 L23 5 Z M15.4849579 3.74702661 L15.5153844 3.73204494 C15.5788009 3.70089829 15.6424399 3.67013511 15.7062982 3.63975842 C15.7367442 3.62527526 15.7673773 3.61081566 15.7980604 3.59644504 C15.8567727 3.56894817 15.9153765 3.54190954 15.9741593 3.51519579 C16.1460019 3.4370996 16.3195628 3.36170139 16.4945987 3.28914309 C16.5108906 3.28238951 16.5272397 3.27564224 16.5436017 3.26891976 C16.7705684 3.17567027 16.9998644 3.08723819 17.2314962 3.00369415 L17 3 C9.2680135 3 3 9.2680135 3 17 C3 21.6042728 5.23454369 25.7251002 8.70927782 28.2840956 L8.70927782 28.2840956 L8.799 28.349 L8.74430483 28.2663131 C8.71740174 28.2249522 8.69067869 28.183474 8.66413648 28.1418797 C8.6350957 28.095407 8.60582382 28.0491084 8.57677008 28.0026594 C8.55105776 27.9623354 8.52602092 27.9218719 8.50115378 27.8813027 C8.37018044 27.6672793 8.24328978 27.4499276 8.12115192 27.2295767 C8.09881615 27.1889126 8.07655581 27.148298 8.05446029 27.1075896 C6.74416734 24.6977283 6 21.9357689 6 19 L6 19 L6.0038619 18.6339977 C6.00498464 18.5808417 6.00635137 18.5277457 6.007961 18.4747108 C6.02400744 17.9462968 6.06413288 17.4242292 6.1272847 16.9092817 C6.13145342 16.8752839 6.13576493 16.8409877 6.14017846 16.8067236 C6.19715089 16.3645177 6.27101843 15.9280903 6.36116752 15.497648 C6.39701809 15.3265003 6.43529852 15.1568941 6.47609298 14.9882695 C6.49356257 14.9160526 6.51157262 14.8437058 6.53004444 14.7715439 C6.53519132 14.7514374 6.54035732 14.7314097 6.54555886 14.7113963 C6.68925847 14.1584686 6.86017196 13.6162671 7.05673267 13.0865245 C7.07630881 13.0337684 7.09603739 12.9814023 7.1160163 12.9291601 L7.05673267 13.0865245 C7.16505739 12.794583 7.28117147 12.5064255 7.40482244 12.2223044 C7.47491885 12.0612369 7.54747531 11.9013864 7.62241031 11.7428804 C7.89173349 11.1731646 8.19197079 10.6205166 8.52082797 10.0873999 C8.60447772 9.95179621 8.68990307 9.81757209 8.77714171 9.68464461 C9.01247763 9.32606566 9.26090733 8.97705388 9.52183239 8.63816001 C9.55638291 8.59328235 9.5914757 8.54817095 9.62679002 8.5032419 C9.65579072 8.46634643 9.6848009 8.42974894 9.71395816 8.39327417 C9.74631001 8.35280279 9.77887754 8.31243999 9.81162528 8.27222979 C9.85100553 8.22387445 9.89078505 8.17557334 9.93082484 8.12749661 C9.95344142 8.10034082 9.97604824 8.07336666 9.99873704 8.04646389 C10.0514737 7.98393262 10.1046422 7.92179983 10.1582486 7.86005744 C10.1782274 7.83704637 10.198299 7.81405291 10.2184315 7.79111409 C10.503884 7.46587603 10.8014591 7.15171647 11.1105268 6.84925349 C11.1714907 6.78959163 11.2329861 6.73030466 11.2949244 6.67147954 C11.3077782 6.65927303 11.3200301 6.64767252 11.3322993 6.63609006 C11.3794404 6.5915858 11.4270722 6.54713008 11.4749587 6.50294611 C11.5107059 6.4699624 11.5466597 6.43707147 11.5827548 6.40433355 C11.6172345 6.37306379 11.6512221 6.3424878 11.6853333 6.31204732 C12.083579 5.95662696 12.4992353 5.6192567 12.9304248 5.30175732 C13.0591368 5.20698689 13.1889117 5.11420976 13.3200283 5.02323023 C13.4561603 4.92877323 13.5935507 4.8363763 13.7323435 4.74595161 C13.7734467 4.71917091 13.8150695 4.69230969 13.8568166 4.66562584 C14.3045873 4.37944799 14.7659927 4.11401794 15.2403532 3.87024119 C15.2495437 3.86551794 15.2589232 3.86070869 15.2683077 3.85590791 L15.4849579 3.74702661 L15.4849579 3.74702661 Z' id='Combined-Shape'%3E%3C/path%3E%3Cg id='%24' transform='translate(19.218750  11.320312)'%3E%3Cpath d='M5.453125 10.1875 C5.453125 9.76041667 5.33463542 9.42057292 5.09765625 9.16796875 C4.86067708 8.91536458 4.45833333 8.68229167 3.890625 8.46875 C3.32291667 8.25520833 2.83333333 8.04296875 2.421875 7.83203125 C2.01041667 7.62109375 1.65755208 7.37890625 1.36328125 7.10546875 C1.06901042 6.83203125 0.83984375 6.51041667 0.67578125 6.140625 C0.51171875 5.77083333 0.4296875 5.33072917 0.4296875 4.8203125 C0.4296875 3.94010417 0.7109375 3.21875 1.2734375 2.65625 C1.8359375 2.09375 2.58333333 1.765625 3.515625 1.671875 L3.515625 0 L4.765625 0 L4.765625 1.6953125 C5.6875 1.82552083 6.40885417 2.20963542 6.9296875 2.84765625 C7.45052083 3.48567708 7.7109375 4.3125 7.7109375 5.328125 L5.453125 5.328125 C5.453125 4.703125 5.32421875 4.23567708 5.06640625 3.92578125 C4.80859375 3.61588542 4.46354167 3.4609375 4.03125 3.4609375 C3.60416667 3.4609375 3.2734375 3.58203125 3.0390625 3.82421875 C2.8046875 4.06640625 2.6875 4.40104167 2.6875 4.828125 C2.6875 5.22395833 2.80208333 5.54166667 3.03125 5.78125 C3.26041667 6.02083333 3.68619792 6.265625 4.30859375 6.515625 C4.93098958 6.765625 5.44270833 7.00130208 5.84375 7.22265625 C6.24479167 7.44401042 6.58333333 7.69401042 6.859375 7.97265625 C7.13541667 8.25130208 7.34635417 8.56901042 7.4921875 8.92578125 C7.63802083 9.28255208 7.7109375 9.69791667 7.7109375 10.171875 C7.7109375 11.0572917 7.43489583 11.7760417 6.8828125 12.328125 C6.33072917 12.8802083 5.5703125 13.2057292 4.6015625 13.3046875 L4.6015625 14.859375 L3.359375 14.859375 L3.359375 13.3125 C2.29166667 13.1979167 1.46484375 12.8190104 0.87890625 12.1757812 C0.29296875 11.5325521 0 10.6770833 0 9.609375 L2.2578125 9.609375 C2.2578125 10.2291667 2.40494792 10.7044271 2.69921875 11.0351562 C2.99348958 11.3658854 3.41666667 11.53125 3.96875 11.53125 C4.42708333 11.53125 4.7890625 11.4101562 5.0546875 11.1679688 C5.3203125 10.9257812 5.453125 10.5989583 5.453125 10.1875 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: 100%;
        -webkit-mask-size: 100%;
        background-color: var(--c-NUETRAL-9);
    }

    .globalHeader-balance.mix-globalbalance::before { background-color: var(--tc-headerIcon); }

    .globalHeader-balance.mix-globalbalance {
        position: relative;
        cursor: pointer;
        color: var(--tc-headerIcon);
    }

    .globalHeader-balance-popup {
        position: absolute;
        z-index: 1;
        background: var(--c-WHITE);
        color: var(--c-NUETRAL-9);
        top: -150px;
        padding: 0;
        border-radius: 5px;
        left: calc(-100px + 20px);
        right: 0;
        width: 200px;
        box-sizing: border-box;
        margin: 0 auto;
        text-transform: initial;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        height: 0;
        overflow: hidden;
        pointer-events: none;
        border: 1px solid var(--c-NUETRAL-5);
    }
    
    .globalHeader-balance-popup:before {
        content: '';
        top: -10px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid var(--c-NUETRAL-5);
    }
    
    .globalHeader-balance:hover .globalHeader-balance-popup:not(:empty) {
        display: block;
        top: 39px;
        opacity: 1;
        height: auto;
        overflow: initial;
        padding: 10px;
        pointer-events: initial;
    }
    
    .globalHeader-search-trigger { display: none; }
    
    .globalHeader-search-container {
        display: block;
        position: static;
        height: auto;
        width: 100%;
        padding: 0;
        opacity: 1;
        background-color: transparent;
        box-shadow: none;
    }

    .globalHeader-account-aside {
        top: 70px;
        max-width: 320px;
        border-left: 1px solid var(--tc-headerBorderBottom);
    }
}

@media screen and (min-width: 1024px) {
    .globalHeader-nav-menu-item:not(:empty) {
        height: 100%;
        margin: 0 15px;
    }

    .globalHeader-nav-menu-item.isOpen > .globalHeader-nav-menu-item-menu {
        height: calc(100vh - 70px);
        background-color: var(--c-WHITE);
        overflow-y: scroll;
    }

    .globalHeader-nav-menu-item > a,
    .globalHeader-nav-menu-item-label {
        height: 100%;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        padding: 15px 0;
    }

    .globalHeader_checkout { flex-direction: row;}

    .globalHeader-nav_checkout { justify-content: end; }
    
    .globalHeader-logo { margin: 0; }

    .globalHeader-logo a { display: contents; }

    .globalHeader_checkout .globalHeader-logo {
        width: auto;
        padding: 0;
    }
}

@media screen and (min-width: 1400px) {
    .globalHeader-search input { min-width: 400px; }
}