:root {
    --color-white: #fff;
    --color-black: #000;
    --color-gray-light: #eee;
    --color-gray-dark: #999;
    --color-cream: #FFF9E9;
    --color-brown: #845831;
    --color-orange: #F7931D;
    --color-red: #d21625;
    --color-shade-light: rgba(0,0,0, 0.03);
    --color-shade-dark: rgba(0,0,0, 0.1);
    --color-shade-faux: #f7f1e3;
    
    --border-faint: 1px solid var(--color-shade-dark);
    
    --font-primary: 'Twentieth Century', 'Poppins', sans-serif;
    
    --icon-tested-new: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_173_33)'%3E%3Cpath d='M8 1H48C51.866 1 55 4.13401 55 8V48C55 51.866 51.866 55 48 55H8C4.13401 55 1 51.866 1 48V8C1 4.13401 4.13401 1 8 1Z' stroke='%23F7931D' stroke-width='2'/%3E%3Cpath d='M42.2221 20.9603L20.6711 42.5149C20.1994 42.9866 19.6395 43.3608 19.0233 43.6162C18.4071 43.8715 17.7466 44.003 17.0796 44.003C15.7324 44.0032 14.4404 43.4682 13.4877 42.5158C12.535 41.5633 11.9997 40.2714 11.9995 38.9243C11.9993 37.5771 12.5343 36.2851 13.4868 35.3324L35.0378 13.7778' stroke='%23F7931D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.6437 29.5422L20.6711 42.5149C20.1994 42.9866 19.6395 43.3609 19.0233 43.6162C18.4071 43.8715 17.7466 44.003 17.0796 44.0031C15.7324 44.0033 14.4404 43.4683 13.4877 42.5158C12.535 41.5634 11.9997 40.2714 11.9995 38.9243C11.9993 37.5772 12.5343 36.2851 13.4868 35.3324L19.277 29.5422' fill='%23F7931D'/%3E%3Cpath d='M33.6437 29.5422L20.6711 42.5149C20.1994 42.9866 19.6395 43.3609 19.0233 43.6162C18.4071 43.8715 17.7466 44.003 17.0796 44.0031C15.7324 44.0033 14.4404 43.4683 13.4877 42.5158C12.535 41.5634 11.9997 40.2714 11.9995 38.9243C11.9993 37.5772 12.5343 36.2851 13.4868 35.3324L19.277 29.5422' stroke='%23F7931D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1099 29.7784H33.3326' stroke='%23F7931D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M39.2612 37.5198L40.4439 36.2583L41.6265 37.5198C41.8156 37.741 41.9389 38.011 41.9822 38.299C42.0268 38.5951 41.985 38.8977 41.8618 39.1706C41.7386 39.4435 41.5393 39.675 41.2878 39.8374C41.0363 39.9998 40.7433 40.0862 40.4439 40.0862C40.1445 40.0862 39.8515 39.9998 39.5999 39.8374C39.3484 39.675 39.1491 39.4435 39.026 39.1706C38.9028 38.8977 38.861 38.5951 38.9055 38.299C38.9489 38.011 39.0722 37.741 39.2612 37.5198Z' fill='%23F7931D' stroke='%23F7931D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.3325 12L43.9996 22.6671' stroke='%23F7931D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_173_33'%3E%3Crect width='56' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --icon-approved-new: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_174_41)'%3E%3Cpath d='M8 1H48C51.866 1 55 4.13401 55 8V48C55 51.866 51.866 55 48 55H8C4.13401 55 1 51.866 1 48V8C1 4.13401 4.13401 1 8 1Z' fill='%2338C704' stroke='%23FFF9E9' stroke-width='2'/%3E%3Cpath d='M16 28L24.6667 37L42 19' stroke='%23FFF9E9' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_174_41'%3E%3Crect width='56' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    
    --icon-chart: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-graph'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 18v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z' /%3E%3Cpath d='M7 14l3 -3l2 2l3 -3l2 2' /%3E%3C/svg%3E");
    --icon-gear: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-settings'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z' /%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3C/svg%3E");
    --icon-connection: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-plug-connected'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 12l5 5l-1.5 1.5a3.536 3.536 0 1 1 -5 -5l1.5 -1.5z' /%3E%3Cpath d='M17 12l-5 -5l1.5 -1.5a3.536 3.536 0 1 1 5 5l-1.5 1.5z' /%3E%3Cpath d='M3 21l2.5 -2.5' /%3E%3Cpath d='M18.5 5.5l2.5 -2.5' /%3E%3Cpath d='M10 11l-2 2' /%3E%3Cpath d='M13 14l-2 2' /%3E%3C/svg%3E");
    --icon-youtube: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-brand-youtube'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z' /%3E%3Cpath d='M10 9l5 3l-5 3z' /%3E%3C/svg%3E");
    --icon-shop: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-shopping-bag'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z' /%3E%3Cpath d='M9 11v-5a3 3 0 0 1 6 0v5' /%3E%3C/svg%3E");
    --icon-speaker: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-volume'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 8a5 5 0 0 1 0 8' /%3E%3Cpath d='M17.7 5a9 9 0 0 1 0 14' /%3E%3Cpath d='M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5' /%3E%3C/svg%3E");
    --icon-chevron: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-chevron-down'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
    --icon-table: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-table'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z' /%3E%3Cpath d='M3 10h18' /%3E%3Cpath d='M10 3v18' /%3E%3C/svg%3E");
    --icon-sliders: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-adjustments-horizontal'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M4 6l8 0' /%3E%3Cpath d='M16 6l4 0' /%3E%3Cpath d='M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M4 12l2 0' /%3E%3Cpath d='M10 12l10 0' /%3E%3Cpath d='M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M4 18l11 0' /%3E%3Cpath d='M19 18l1 0' /%3E%3C/svg%3E");
    --icon-close: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-x'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E");
    --icon-hamburger: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3E%3Cpath class='st0' d='M105,65H15c-2.76,0-5-2.24-5-5v0c0-2.76,2.24-5,5-5h90c2.76,0,5,2.24,5,5v0C110,62.76,107.76,65,105,65z'/%3E%3Cpath class='st0' d='M105,20H15c-2.76,0-5-2.24-5-5v0c0-2.76,2.24-5,5-5h90c2.76,0,5,2.24,5,5v0C110,17.76,107.76,20,105,20z'/%3E%3Cpath class='st0' d='M105,110H15c-2.76,0-5-2.24-5-5v0c0-2.76,2.24-5,5-5h90c2.76,0,5,2.24,5,5v0C110,107.76,107.76,110,105,110z'/%3E%3C/svg%3E%0A");
    
    --icon-fave-empty: url("data:image/svg+xml,%3Csvg 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='icon icon-tabler icons-tabler-outline icon-tabler-heart'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572' /%3E%3C/svg%3E");
    --icon-fave-full: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor' class='icon icon-tabler icons-tabler-filled icon-tabler-heart'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037 .033l.034 -.03a6 6 0 0 1 4.733 -1.44l.246 .036a6 6 0 0 1 3.364 10.008l-.18 .185l-.048 .041l-7.45 7.379a1 1 0 0 1 -1.313 .082l-.094 -.082l-7.493 -7.422a6 6 0 0 1 3.176 -10.215z' /%3E%3C/svg%3E");
}

@font-face {
    font-family: 'Social icons';
    font-weight: 400;
    src: url('fa-brands-400.ttf');
}

html {
    font-size: 4px;
}


/* body {
    letter-spacing: -0.02em;
} */

/* -----
Site header */

header.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    flex: 48px 0 0;
    width: 100%;
    
    background-color: var(--color-brown);
    
    overflow: hidden;
}

button.site-header-toggle {
    display: none;
    
    box-sizing: border-box;
    flex: 36px 0 0;
    height: 36px;
    margin: 0 auto 0 0;
    
    background-color: var(--color-cream);
    border: none;
    
    mask: var(--icon-hamburger);
    -webkit-mask: var(--icon-hamburger);
    mask-size: 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    cursor: pointer;
}

div.site-header-logo {
    box-sizing: border-box;
    flex: 75rem 0 0;
    height: 48px;
    padding: 12px 0;
    margin: 0 auto 0 0;
}

a.site-header-logo-link {
    display: block;
    width: 100%;
    height: 100%;
}

img.site-header-logo-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

li.site-header-link-container.site-header-links-social {
    display: flex;
    gap: 16px;
}

ul.site-header-links {
    display: flex;
    justify-content: flex-end;
    gap: 0 32px;
    
    flex: 100% 0 1;
    margin: 0;
    padding: 0 16px;
    align-items: center;
}

a.site-header-link.social {
    font-family: 'Social icons', sans-serif;
    font-size: 16px;
    line-height: 14px;
}

li.site-header-link-container {
    list-style: none;
    text-align: center;
}

a.site-header-link {
    color: var(--color-white);
    
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1em;
    text-decoration: none;
}

li.squig-select-li {
    order: -1;
    position: relative;
    margin: 0 auto 0 -16px;
    color: #fff;
}

select.squig-select {
    appearance: none;
    position: relative;
    display: flex;
    box-sizing: border-box;
    height: 36px;
    padding: 2px 30px 0 16px;
    background-color: transparent;
    border: 1px solid var(--background-color-contrast-more);
    border-radius: 18px;
    color: currentColor;
    outline: none;
}

@media (max-width: 800px) {
    button.site-header-toggle {
        display: block;
    }
    
    div.site-header-logo {
        flex-grow: 1;
        margin: 0 36px 0 0;
    }
    
    ul.site-header-links {
        position: fixed;
        top: 48px;
        left: 0;
        z-index: 20;
        
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        
        box-sizing: border-box;
        width: 100%;
        height: calc(100dvh - 48px);
        
        background-color: var(--color-cream);
        
        transform: translateX(-100vw);
    }
    
    body[data-site-header-links="collapsed"] ul.site-header-links,
    body[data-site-header-links="expanded"] ul.site-header-links {
        transition: transform 0.2s ease;
    }
    
    body[data-site-header-links="expanded"] ul.site-header-links {
        transform: translateX(0);
    }
    
    li.site-header-link-container {
        margin: 48px 0 0 0;
    }
    
    a.site-header-link {
        padding: 16px;
        
        color: var(--color-black);
    }
}