:root {
    --logo-height: 80px; /* logo + margin/padding */
    --header-height: 11rem; /* 176px w/ logo 80px */
}
#header {
    height: var(--header-height);
    top: 0px;
    position: sticky;
    top: calc(-1 * var(--logo-height));
    z-index: 16;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    background-color: var(--bg-color);
    /* background-color: white; */
    overscroll-behavior: none;
}
html.sticky #header {
    /* overflow-y: initial; */
    opacity: 0.95;
}

#toggle-menu { 
    display: grid;
    height: 3.5rem;
}
#toggle-menu .i.menu {
    height: 2rem;
    width: 2rem;
    margin: var(--body-padding);
    margin-right: 0;
    align-self: end;
    --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tYWplc3RpY29ucyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSJNMyA2YTEgMSAwIDAgMSAxLTFoMTZhMSAxIDAgMSAxIDAgMkg0YTEgMSAwIDAgMS0xLTF6bTAgNmExIDEgMCAwIDEgMS0xaDE2YTEgMSAwIDEgMSAwIDJINGExIDEgMCAwIDEtMS0xem0wIDZhMSAxIDAgMCAxIDEtMWgxNmExIDEgMCAxIDEgMCAySDRhMSAxIDAgMCAxLTEtMXoiPjwvcGF0aD48L2c+PC9zdmc+);
}
#toggle-menu .i.menu:hover { 
    color: var(--primary-bg-color);
}
html.minimal #toggle-menu * {
    visibility: hidden;
}
#logo {
    display: inline-block;
    width: 100%;
    height: var(--logo-height);
    text-align: center;
    align-self: center;
    padding: 0;
    margin: 0;
}


#search, #cart-steps {
    display: inline-block;
    width: 100%;
}
#nav-icons {
    display: inline-block;
}

@media (min-width: 768px) {
    :root {
        --header-height: 5rem;
        --height-available: 85rem;
    }
    html {
        --scroll-header-gap: calc(var(--header-height) + var(--menu-height) + 1rem);
    }
    #header {
        flex-wrap: nowrap;
        top: -1px;  /* sticky hack */
        height: calc(var(--header-height) + 1px);
        margin: 2rem 0;
    }
    #toggle-menu {
        display: none;
        order: 1;
    }
    #logo {
        order: 2;
        width: auto;
    }
    #search, #cart-steps {
        order: 3;
        width: auto;
        width: 40vw;
    }
    #nav-icons {
        order: 4;
    }
}
:root {
    --pre-header-height: 1.5rem;
}
#pre-header {
    height: var(--pre-header-height);
    overflow-y: hidden;
}

#market {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    margin: 0 0.3rem;
    height: var(--argument-height);
    line-height: var(--argument-height);
    font-size: 0.8rem;
    color: black;
    border: none !important;
}

#pre-header select {
  padding: 0rem 1.25rem 0.15rem 0.5rem;
  font-size: 1rem;
}

#pre-header a.help {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    margin: var(--body-padding);
    height: var(--argument-height);
    line-height: var(--argument-height);
    font-size: 0.8rem;
    color: white;
    text-decoration: none;
    cursor: pointer;
}
#pre-header a.help span {
    display: none;
    height: var(--argument-height);
    padding-right: 0.5rem;
}
#pre-header .i.help {
    display: inline-block;
    vertical-align: middle;
    width: var(--argument-height);
    height: var(--argument-height);
    color: white;
    --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1pYyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5IDNINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yem0tNi45OSAxNWMtLjcgMC0xLjI2LS41Ni0xLjI2LTEuMjZjMC0uNzEuNTYtMS4yNSAxLjI2LTEuMjVjLjcxIDAgMS4yNS41NCAxLjI1IDEuMjVjLS4wMS42OS0uNTQgMS4yNi0xLjI1IDEuMjZ6bTMuMDEtNy40Yy0uNzYgMS4xMS0xLjQ4IDEuNDYtMS44NyAyLjE3Yy0uMTYuMjktLjIyLjQ4LS4yMiAxLjQxaC0xLjgyYzAtLjQ5LS4wOC0xLjI5LjMxLTEuOThjLjQ5LS44NyAxLjQyLTEuMzkgMS45Ni0yLjE2Yy41Ny0uODEuMjUtMi4zMy0xLjM3LTIuMzNjLTEuMDYgMC0xLjU4LjgtMS44IDEuNDhsLTEuNjUtLjdDOS4wMSA3LjE1IDEwLjIyIDYgMTEuOTkgNmMxLjQ4IDAgMi40OS42NyAzLjAxIDEuNTJjLjQ0LjcyLjcgMi4wNy4wMiAzLjA4eiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+);
}:root {
    --bg-arrow-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tZGkiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik03LjQxIDguNThMMTIgMTMuMTdsNC41OS00LjU5TDE4IDEwbC02IDZsLTYtNmwxLjQxLTEuNDJ6IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=) no-repeat right center / contain;

}
select {
    appearance: none;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    padding: 0.15rem 2rem 0.15rem 0.5rem;
    line-height: 1.3rem;
    background: var(--bg-arrow-down);
}
select.invert {
    filter: invert(1);
}:root {
    --argument-height: 1.5rem;
}
#arguments {
    position: relative;
    width: 100%;
    height: var(--argument-height);
    background-color: #222222;
    text-align: right;
    padding-right: 1rem;
    overflow: hidden;
    align-self: baseline;
}
#arguments .arguments {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    animation: cycle 7s alternate linear infinite;
}
html:not(.logged) #arguments .arguments.greetings {
  display: none;
}
html.logged #arguments .arguments:not(.greetings) {
  display: none;
}


#arguments .arguments[data-nb="1"] { animation: none; }
#arguments .arguments[data-nb="2"] { animation: cycle2arguments 5s alternate linear infinite; }
#arguments .arguments[data-nb="3"] { animation: cycle3arguments 7.5s alternate linear infinite; }
#arguments .arguments[data-nb="4"] { animation: cycle4arguments 10s alternate linear infinite; }
#arguments .arguments[data-nb="5"] { animation: cycle5arguments 12.5s alternate linear infinite; }
#arguments .arguments[data-nb="6"] { animation: cycle6arguments 15s alternate linear infinite; }
#arguments .arguments[data-nb="7"] { animation: cycle7arguments 17.5s alternate linear infinite; }
#arguments .arguments[data-nb="8"] { animation: cycle8arguments 20s alternate linear infinite; }

#arguments .argument {
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
    color: white;
    background-color: #222222;
    white-space: nowrap;
}
html.logged #arguments .argument {
    background-color: var(--primary-bg-color);
    font-size: 0.85rem;
}

@keyframes cycle {
  0% { transform: translateY(calc(-100% + var(--argument-height))); }
  100% { transform: translateY(0); }
}
@keyframes cycle2arguments {
  0%,  45%  { transform: translateY(-1.5rem); }
  50%, 100% { transform: translateY(0rem); }
}
@keyframes cycle3arguments {
  0%,  27%  { transform: translateY(-3.0rem); }
  33%, 61%  { transform: translateY(-1.5rem); }
  66%, 100% { transform: translateY(0rem); }
}
@keyframes cycle4arguments {
  0%,  20%  { transform: translateY(-4.5rem); }
  25%, 45%  { transform: translateY(-3.0rem); }
  50%, 70%  { transform: translateY(-1.5rem); }
  75%, 100% { transform: translateY(0rem); }
}
@keyframes cycle5arguments {
  0%,  15%  { transform: translateY(-6.0rem); }
  20%, 35%  { transform: translateY(-4.5rem); }
  40%, 55%  { transform: translateY(-3.0rem); }
  60%, 75%  { transform: translateY(-1.5rem); }
  80%, 100% { transform: translateY(0rem); }
}
@keyframes cycle6arguments {
  0%,  12%  { transform: translateY(-7.5rem); }
  17%, 28%  { transform: translateY(-6.0rem); }
  33%, 45%  { transform: translateY(-4.5rem); }
  50%, 62%  { transform: translateY(-3.0rem); }
  67%, 78%  { transform: translateY(-1.5rem); }
  83%, 100% { transform: translateY(0rem); }
}
@keyframes cycle7arguments {
  0%,  9%   { transform: translateY(-9.0rem); }
  14%, 24%  { transform: translateY(-7.5rem); }
  29%, 38%  { transform: translateY(-6.0rem); }
  43%, 52%  { transform: translateY(-4.5rem); }
  57%, 66%  { transform: translateY(-3.0rem); }
  71%, 80%  { transform: translateY(-1.5rem); }
  85%, 100% { transform: translateY(0rem); }
}
@keyframes cycle8arguments {
  0%,    9%    { transform: translateY(-10.5rem); }
  12.5%, 20%   { transform: translateY(-9.0rem); }
  25%,   32.5% { transform: translateY(-7.5rem); }
  37.5%, 45%   { transform: translateY(-6.0rem); }
  50%,   57.5% { transform: translateY(-4.5rem); }
  62.5%, 70%   { transform: translateY(-3.0rem); }
  75%,   82.5% { transform: translateY(-1.5rem); }
  87.5%, 100%  { transform: translateY(0rem); }
}#nav-icons {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    text-align: right;
    justify-content: end;
    height: 3.5rem;
}
#nav-icons li {
    display: inline-block;
    white-space: nowrap;
    margin: 0 1rem;
    align-self: end;
    width: 2rem;
    height: 2rem;
}
#nav-icons li#nav-filters {
    visibility: hidden;
}

#nav-icons .i {
    width: 2rem;
    height: 2rem;
    background-color: var(--icon-unused);
}
#nav-icons .i.used,
#nav-icons .i:hover {
    background-color: var(--primary-bg-color);
}

#nav-icons .nb-icon {
    display: none;
    position: absolute;
    margin: -1.25rem 0 0 -1rem;
    background-color: var(--primary-bg-color);
    color: var(--primary-color);
    border-radius: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1.5rem;
    text-align: center;
}
#nav-icons .nb-icon.used {
    display: inline-block;
}
#nav-icons #nav-filters {
    opacity: 0;
    transition: ease 1s opacity;
}
html.filters-sticky #nav-icons #nav-filters {
    opacity: 1;
    transition: ease 2s opacity;
}

#nav-filters .menu-filters {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
}
html.filters-sticky #nav-icons li#nav-filters {
    visibility: visible;
}
html.filters-sticky #nav-filters .menu-filters {
    animation: pulse 2s 2;
}

.i.heart { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tZGkiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMi4xIDE4LjU1bC0uMS4xbC0uMTEtLjFDNy4xNCAxNC4yNCA0IDExLjM5IDQgOC41QzQgNi41IDUuNSA1IDcuNSA1YzEuNTQgMCAzLjA0IDEgMy41NyAyLjM2aDEuODZDMTMuNDYgNiAxNC45NiA1IDE2LjUgNWMyIDAgMy41IDEuNSAzLjUgMy41YzAgMi44OS0zLjE0IDUuNzQtNy45IDEwLjA1TTE2LjUgM2MtMS43NCAwLTMuNDEuODEtNC41IDIuMDhDMTAuOTEgMy44MSA5LjI0IDMgNy41IDNDNC40MiAzIDIgNS40MSAyIDguNWMwIDMuNzcgMy40IDYuODYgOC41NSAxMS41M0wxMiAyMS4zNWwxLjQ1LTEuMzJDMTguNiAxNS4zNiAyMiAxMi4yNyAyMiA4LjVDMjIgNS40MSAxOS41OCAzIDE2LjUgM3oiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjwvc3ZnPg==); }
.i.heart.on { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tZGkiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyMS4zNWwtMS40NS0xLjMyQzUuNCAxNS4zNiAyIDEyLjI3IDIgOC41QzIgNS40MSA0LjQyIDMgNy41IDNjMS43NCAwIDMuNDEuODEgNC41IDIuMDhDMTMuMDkgMy44MSAxNC43NiAzIDE2LjUgM0MxOS41OCAzIDIyIDUuNDEgMjIgOC41YzAgMy43Ny0zLjQgNi44Ni04LjU1IDExLjUzTDEyIDIxLjM1eiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+); }

.i.cart { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tZGkiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xNyAxOGMtMS4xMSAwLTIgLjg5LTIgMmEyIDIgMCAwIDAgMiAyYTIgMiAwIDAgMCAyLTJhMiAyIDAgMCAwLTItMk0xIDJ2MmgybDMuNiA3LjU5bC0xLjM2IDIuNDVjLS4xNS4yOC0uMjQuNjEtLjI0Ljk2YTIgMiAwIDAgMCAyIDJoMTJ2LTJINy40MmEuMjUuMjUgMCAwIDEtLjI1LS4yNWMwLS4wNS4wMS0uMDkuMDMtLjEyTDguMSAxM2g3LjQ1Yy43NSAwIDEuNDEtLjQyIDEuNzUtMS4wM2wzLjU4LTYuNDdjLjA3LS4xNi4xMi0uMzMuMTItLjVhMSAxIDAgMCAwLTEtMUg1LjIxbC0uOTQtMk03IDE4Yy0xLjExIDAtMiAuODktMiAyYTIgMiAwIDAgMCAyIDJhMiAyIDAgMCAwIDItMmEyIDIgMCAwIDAtMi0yeiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+); }
/* html.golf .i.cart { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tZGkiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOS44OSAxMi4zN0wxOC4yNSA1SDE5VjNIM3Y0SDF2MmgydjMuNTRBNiA2IDAgMCAwIDEgMTd2MmgyYTMgMyAwIDAgMCA2IDBoNmEzIDMgMCAwIDAgNiAwaDJ2LTJhNSA1IDAgMCAwLTMuMTEtNC42M002IDIwLjVBMS41IDEuNSAwIDEgMSA3LjUgMTlBMS41IDEuNSAwIDAgMSA2IDIwLjVtOS41My04LjVsLTEuMTUtMS43MmwxLjQyLS45NWwtMS4xLTEuNjZsLTQuNSAzbDEuMSAxLjY2bDEuNDMtLjk1bDEuMTUgMS43NEwxMyAxNGgtMi44TDUgN1Y1aDExLjJsMS41NSA3bS4yNSA4LjVhMS41IDEuNSAwIDEgMSAxLjUtMS41YTEuNSAxLjUgMCAwIDEtMS41IDEuNXoiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjwvc3ZnPg==); } */
/* html.tennis .i.cart { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS13aGgiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI1Ij48cGF0aCBkPSJNOTYwIDUxM0g2NHEtMjYgMC00NS0xOC41dC0xOS00NVQxOC41IDQwNFQ2NCAzODVoNTZxMjAgMzAgNTEuNSA0N3Q2OC41IDE3dDY4LjUtMTd0NTEuNS00N2gzMDRxMjAgMzAgNTEuNSA0N3Q2OC41IDE3dDY4LjUtMTd0NTEuNS00N2g1NnEyNyAwIDQ1LjUgMTl0MTguNSA0NS41dC0xOSA0NXQtNDUgMTguNXpNODA2IDM3OXEtMTkgMTEtNDAgNXQtMzItMjVMNTgzIDgxcS0xMS0xOS01LjUtNDAuNVQ2MDIgOHQ0MC01dDMyIDI1bDE1MSAyNzhxMTEgMTkgNS41IDQwLjVUODA2IDM3OXptLTUxNi0yMHEtMTEgMTktMzIgMjV0LTQwLTV0LTI0LjUtMzIuNVQxOTkgMzA2TDM1MCAyOHExMS0xOSAzMi0yNXQ0MCA1dDI0LjUgMzIuNVQ0NDEgODF6bTYwNiA2MDJxLTggNDAtMjkuNSA1MnQtNjUuNSAxMkgyMjdxLTQ1IDAtNjgtMTJ0LTMxLTUyTDY0IDU3N2g4OTZ6TTczNiA3NjloLTk2di05NnEwLTEzLTkuNS0yMi41VDYwOCA2NDF0LTIyLjUgOS41VDU3NiA2NzN2OTZoLTk2cS0xMyAwLTIyLjUgOS41VDQ0OCA4MDF0OS41IDIyLjVUNDgwIDgzM2g5NnY5NnEwIDEzIDkuNSAyMi41VDYwOCA5NjF0MjIuNS05LjVUNjQwIDkyOXYtOTZoOTZxMTMgMCAyMi41LTkuNVQ3NjggODAxdC05LjUtMjIuNVQ3MzYgNzY5eiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+); } */

.i.account { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tZGkiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTQgNCAwIDAgMSA0IDRhNCA0IDAgMCAxLTQgNGE0IDQgMCAwIDEtNC00YTQgNCAwIDAgMSA0LTRtMCAxMGM0LjQyIDAgOCAxLjc5IDggNHYySDR2LTJjMC0yLjIxIDMuNTgtNCA4LTR6IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=); }
/* html.golf .i.account { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS12YWFkaW4iIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTcgMmEyIDIgMCAxIDEtMy45OTkuMDAxQTIgMiAwIDAgMSA3IDJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOS44IDEuOGMtLjItLjUtMS43LS4xLTIgLjVjLS4yLjMtLjIgMS4yLTEuMiAxLjljLS44LjUtMS42LjUtMS42LjVjLS4zLjYtLjEgMS4xLjIgMS42Yy41LjkuNiAxLjguNyAyLjhjLjEgMS4zLS41IDIuNC0yLjMgMy4yYy0uOC4zLTEuMy45LTEgMS45YzAgMCAyLS4zIDMuMS0xLjJjMS41LTEuMiAxLjgtMi4zIDEuOC0yLjNzLjEuNyAwIDEuOWMtLjEgMS0uMiAxLjUtLjQgMi4yUzcuNCAxNiA4IDE2czEtLjQgMS0xbC4zLTEuOWMuMy0yLjEgMC00LjMtLjgtNi4zYzAtLjEtLjEtLjEtLjEtLjJjLS42LTEuNi4yLTIuNi42LTNjLjMtLjQgMS4yLTEuMi44LTEuOHoiPjwvcGF0aD48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAwdjEwaDFWNGwzLTJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTYgMTBhMSAxIDAgMSAxLTIgMGExIDEgMCAwIDEgMiAweiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEgOC40bDMuNy0zLjdsLS43LS4zTC4yIDhzLS40LjcuMSAxLjdzMS42LjMgMS42LjNjLjQtLjIuMi0uNCAwLS42cy0uOS0xLS45LTF6Ij48L3BhdGg+PC9zdmc+); } */
/* html.tennis .i.account { --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tYXAiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik01LjgwOSAyNC4yMWExLjg0MyAxLjg0MyAwIDAgMC0xLjgzOCAxLjgzNWMwIDEuMDA3LjgyOCAxLjgyIDEuODM4IDEuODJhMS44MiAxLjgyIDAgMCAwIDEuODI2LTEuODJhMS44MzMgMS44MzMgMCAwIDAtMS44MjYtMS44MzV6TTMxLjI5NyA4Ljk1MWMyLjE5MSAwIDMuOTgtMS43NzEgMy45OC0zLjk2OWEzLjk4NiAzLjk4NiAwIDAgMC03Ljk3MyAwYzAgMi4xOTggMS43OSAzLjk2OSAzLjk5MyAzLjk2OXptMTcuMTMxIDM1LjQxMmwtNi40NzctNy42MjZzLTIuMDIzLTExLjc3NC0yLjAyMy0xMS43OTlsLS4zMDMtMS4zMzVjLjAxMi4wMTMtLjgxNC0zLjcxNC0xLjQ0Ny02LjYyN2MxLjAxLjU4MiAxLjkyMiAxLjEwNCAxLjk3MSAxLjEyOWMuMDQ5LjEwOCAzLjQzMiA2LjUzIDMuNDMyIDYuNTNjLjI1OC40NzUuNjg2LjgyNyAxLjE5NS45ODNhMi4wMSAyLjAxIDAgMCAwIDEuNTQ3LS4xNDZhMS45NSAxLjk1IDAgMCAwIC45ODQtMS4xODlhMS45IDEuOSAwIDAgMC0uMTM1LTEuNTI5TDQzLjQ2MyAxNS43cy0uMTQ4LS4yNTUtLjM0Mi0uNDQ4Yy0uMjY4LS4yNjctLjg1NS0uNTk1LS44NTUtLjU5NWwtNy4yMDUtNC4wOTJjLS45MTQtLjQ2MS0xLjkyNC0uNjE4LTIuOTM2LS40Yy0uNDE2LjA4NS0uODAzLjI0My0xLjI0LjQ4NmMtLjA1MS4wMTEtMS42NDYuNzE1LTIuNTcgMi44NzhsLTMuNyA3LjQyOWwtNS44MzMgMS4xMjlsLS4xMzQuMDQ4bC01LjI2Ni0zLjcxNWMtMS4xODEtLjgyNS0xLjMyNi0zLjMwMi0xLjM0LTMuMzk5Yy0uMTQ1LTEuNjk5LTEuMTItMy4zMDItMi42NzgtNC40MDdjLTEuNDExLS45OTUtMy4xMTctMS40MTktNC42NzYtMS4xNjZjLTEuMjE4LjIwNy0yLjI1Mi44MzgtMi45MSAxLjc2MkE0LjI3IDQuMjcgMCAwIDAgMSAxMy43MWwuMDczLjgwM2MuMjY5IDEuNTY0IDEuMjMgMy4wMjEgMi42NDMgNC4wMjljMS40MjQgMS4wMDcgMy4xMTcgMS40MzMgNC42NzUgMS4xNjZsLjM2Ni0uMDczYy4wMzYtLjAyNCAyLjM3NC0uNzQyIDMuNTE4LjAzN2MwIC4wMTEgMy45MzggMi43NzkgNC45ODYgMy41MmMtLjEwOS4xNy0uMzA0LjU0NS0uMjkyLjkzNWEyLjAyMyAyLjAyMyAwIDAgMCAyLjQxMSAxLjk2N2w2Ljk4Ny0xLjM2MXMuNTk4LS4xODIuODU0LS4zNjVjLjMzLS4yMy41NzItLjcxNS41NzItLjcxNWwxLjgzOC0zLjY5MXMxLjI2OCA1Ljk2IDEuMjg5IDYuMDY5Yy0uMTQ1LjE0Ni01LjczMiA2LjA1OC01LjczMiA2LjA1OGwtLjIxNS4xMjJjLS41NTEuNDk2LS45NzMgMS4xNTEtLjk3MyAxLjg0NXYxMi41MjZDMjQgNDcuOTIgMjUuMTY3IDQ5IDI2LjUwNiA0OUMyNy44MzQgNDkgMjkgNDcuOTIgMjkgNDYuNTgyVjM2LjExOWMxLS41MzMgNC44NDQtNS4wMzYgNS45ODgtNi4yMjljLjEyMy43MDQgMS4yNTIgNy4wNTYgMS4yNTIgNy4wNTZjLjA5OC41NTkuMzc5IDEuMDY4Ljc4MSAxLjQ3OWMwIC4wMTQgNy42OTkgOS4wNzEgNy42OTkgOS4wNzFhMi41MjUgMi41MjUgMCAwIDAgMS42NTcuODQ4YTIuNDcgMi40NyAwIDAgMCAxLjc2OS0uNTY4YTIuNDM2IDIuNDM2IDAgMCAwIC44NTMtMS44NDhhMi4zOSAyLjM5IDAgMCAwLS41NzEtMS41NjV6TTEwLjAyMiAxNy4wNDljLS40MjYuNTk1LTEuMDgzLjk4My0xLjg5OSAxLjEyOWMtMS4xNDUuMTkzLTIuNDI0LS4xMzQtMy40OTQtLjkxMWMtMS4wODMtLjc2Ni0xLjgxNS0xLjg1Ny0yLjAwOS0yLjk5OGwtLjA1LS41NzFjMC0uNTk1LjE1OS0xLjEyOC40ODgtMS41OWMxLjA1OS0xLjQ4IDMuNDgxLTEuNTc3IDUuNDA0LS4yMThjMS45MTMgMS4zNiAyLjYxOSAzLjY3OCAxLjU2IDUuMTU5eiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+); } */
#account-access {
    position: fixed;
    left: 1rem;
    right: 1rem;
    top: 1rem;
    display: flex;
    flex-direction: column;
    z-index: 21;
    margin: 2rem auto 0 auto;
    max-width: 25rem;
    background-color: #fafafa;
    border-radius: 0.2rem;
    padding-bottom: 3rem;
}

#account-access p {
    padding: 0.75rem 0;
    margin: 0;
}

#account-access .head {
    display: block;
    width: 100%;
    text-align: center;
}


#account-access .close {
    position: absolute;
    display: block;
    right: 0rem;
    top: 0.5rem;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    font-size: 1.3rem;
    cursor: pointer;
    transition: ease 0.5s transform;
    font-style: initial;
}
#account-access .close:hover {
    transform: scale(1.3);
}

#account-access .title {
    padding-bottom: 0;
    display: none;
    width: 100%;
    font-size: 1.0rem;
    font-weight: bold;
    text-align: center;
    font-style: italic;
    background-color: #f5f5f5;
    padding: 0.5rem;
}
#account-access[data-go="email"] .title.email,
#account-access[data-go="password"] .title.password,
#account-access[data-go="passwordless"] .title.passwordless,
#account-access[data-go="signup"] .title.signup,
#account-access[data-go="logged"] .title.logged {
    display: block;
}


#account-access form {
    display: none;
    color: #444;
    padding: 1rem;
    padding-top: 0;
}
#account-access[data-go="email"] #email-form,
#account-access[data-go="password"] #password-form,
#account-access[data-go="passwordless"] #passwordless-form,
#account-access[data-go="signup"] #signup-form,
#account-access[data-go="logged"] #logged-form {
    display: block;
}


#account-access label {
    display: block;
    padding: 1rem 0;
    font-size: 0.9rem;
}
#account-access .radio label {
    display: inline;
    padding-right: 1rem;
}
#account-access p.checkbox {
    display: flex;
    align-items: baseline;
    font-size: 0.85rem;
    font-style: italic;
}

/* Fill your password */
#account-access input[type="email"],
#account-access input[type="password"] {
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
    border: 1px solid #ccc;
}
#account-access p.submit {
    text-align: center;
    margin-top: 0.5rem;
}

/* Passwordless email sent */
#account-access p.passwordless {
    font-style: italic;
    font-size: 0.9rem;
}
#account-access .set-password {
    font-style: italic;
    font-size: 0.85rem;
}

/* New account */
#account-access #signup-form p {
    padding: 0.5rem 0;
}
#account-access #signup-form input[type="text"] {
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
    border: 1px solid #ccc;
}
#account-access #signup-form .country {
    padding: 0 0.5rem 0 0;
    white-space: nowrap
}
#account-access #signup-form .country label {
    display: inline-block;
}
#account-access #signup-form #country {
    border: none;
    display: inline-block;
    max-width: 7rem;
    margin-left: 0.5rem;
}
#account-access #signup-form #subscribe-newsletter {
    margin-right: 0.5rem;   
}
#account-access #signup-form #terms {
    font-size: 0.85rem;
    color: #888;
    font-style: italic;
}

/* Logged */
#account-access .links a {
    display: block;
    padding: 0.35rem 0;
}.button {
    display: inline-block;
    cursor: pointer;
}
.button {
    border: 1px solid var(--primary-bg-color);
    background-color: var(--primary-bg-color); 
    color: var(--primary-color); 
    height: 2rem;
    padding: 0 1rem;
    border-radius: 0.2rem;
    white-space: nowrap;
}
.button.loading {
    background: url(/ext/loading.svg) no-repeat center center / contain,
                var(--primary-bg-color);
    opacity: 0.7;
}

.button:hover,
.button:focus {
  border: 1px solid var(--primary-color);

}


.button .i { 
    width: 2rem;
    height: 2rem;
    color: var(--primary-color); 
    vertical-align: middle;
}
.button:hover .i {
    /* color: var(--primary-bg-color);
    background-color: var(--primary-bg-color) !important; */
}
.button label {
    display: inline-block;
    height: 2rem;
    cursor: pointer;
    line-height: 1.75rem;
}
.button + label {
    line-height: inherit;
}
#search {
    position: relative;
    margin: 0;
    text-align: center;
    align-self: center;
    padding: var(--body-padding);
}
#searching {
    width: 100%;
    height: 2.5rem;
    font-size: 0.9rem;
    border: none;
    border-bottom: 1px solid #CCC;
    padding: 0 1rem;
    background-color: inherit;
}
.i.search { 
    position: absolute;
    margin-left: -2rem;
    margin-top: 0.5rem;
    width: 2rem;
    height: 2rem;
    background-color: var(--icon-unused);
    --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1pYyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LjUgMTRoLS43OWwtLjI4LS4yN0E2LjQ3MSA2LjQ3MSAwIDAgMCAxNiA5LjVBNi41IDYuNSAwIDEgMCA5LjUgMTZjMS42MSAwIDMuMDktLjU5IDQuMjMtMS41N2wuMjcuMjh2Ljc5bDUgNC45OUwyMC40OSAxOWwtNC45OS01em0tNiAwQzcuMDEgMTQgNSAxMS45OSA1IDkuNVM3LjAxIDUgOS41IDVTMTQgNy4wMSAxNCA5LjVTMTEuOTkgMTQgOS41IDE0eiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+PC9zdmc+); 
}
#search:hover .i.search {
    background-color: var(--primary-bg-color);
}
#searching:focus + .i.search {
    background-color: var(--primary-bg-color);
}

#search-results {
    position: absolute;
    background: rgba(255,255,255, 0.9);
    border: 1px solid #CCC;
    box-shadow: 5px 5px rgba(0,0,0,.1);
    border-radius: 0.2rem;
    width: 100%;
    text-align: left;
    padding: 0.5rem;
    margin-left: -3vw;
}
#search-results .title {
    display: block;
    font-size: 0.9rem;
    color: #444;
    margin-bottom: 0.5rem;
}
#search-results-buttons {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 0.5rem 1rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#search-results-buttons li {
    white-space: nowrap;
    border: 2px solid var(--primary-bg-color);
    border-radius: 2rem;
    padding: 0 0.5rem;
    background-color: white;
    color: #666;
    cursor: pointer;
}

#search-results-buttons li:hover {
  border-color: var(--color);
}

#search-results-buttons img {  
    vertical-align: middle;
    border-radius: 1rem;
}
#search-results-buttons .results-nb {
    font-weight: bold;
    padding-right: 0.25rem;
}

@media (min-width: 480px) {
    #searching {
        border: 1px solid #CCC;
        border-radius: 0.2rem;
        box-shadow: 0 5px 5px rgba(0,0,0,.1);
   }
}

@media (min-width: 768px) {
    #search {
        padding: initial;
    }

    #search-results {
        margin-left: 0;
    }
}:root {
    --menu-height: 0rem;
}
#menu {
    display: none;
    align-self: center;
    position: sticky;
    z-index: 15;
    background-color: var(--bg-color);
    box-shadow: 0 1px 1px rgba(0,0,0, 0.1);
    margin-bottom: 1rem;
    margin-bottom: 0;
}
html.menu-opened body {
    overflow: hidden;
}
html.menu-opened #menu {
    display: block;
    height: calc(100vh - var(--header-height) + var(--logo-height));
    top: var(--header-height);
    overflow: auto;
}
html.sticky.menu-opened #menu {
    height: calc(100vh - var(--header-height) + var(--logo-height));
    top: calc(var(--header-height) - var(--logo-height));
}

@media (min-width: 768px) {
    :root {
        --menu-height: 2rem;
    }
    #menu {
        display: block;
        position: sticky;
        background-color: rgba(255, 255, 255, 0.95);
        top: var(--header-height);

    }
}ul.menu {
    display: none;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    background-color: white;
}
#menu-0 {
    padding-bottom: 8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
#menu-0,
ul.menu.opened {
    display: flex;
}
ul.menu li {
    display: inline-block;
    position: relative;
    border-bottom: 2px solid transparent;
    text-align: left;
    width: 100%;
    border-top: 1px solid #eee;
    padding-left: 1rem;
}

ul.menu li img {
    position: absolute;
    left: 0;
    height: 2rem;
    width: 2rem;
}
ul.menu li a {
    display: inline-block;
    color: var(--color);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    line-height: 2rem;
    text-decoration: none;
    height: 2rem;
    width: calc(100% - 2rem);
    font-size: 1rem;
    margin-left: 1.5rem;
}

#menu-0 > li:first-child {
    background-color: var(--primary-bg-color);
}
#menu-0 > li:first-child a {
    color: var(--primary-color);
}


ul.menu li .i.expand {
    --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1pYyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjU5IDguNTlMMTIgMTMuMTdMNy40MSA4LjU5TDYgMTBsNiA2bDYtNnoiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPjwvc3ZnPg==);
    position: absolute;
    right: 0;
    width: 2rem;
    height: 2rem;
    outline: none;
    /* transition: ease 1s transform; */
}
ul.menu li .i.expand:hover {
    color: var(--primary-bg-color);
}
ul.menu li .i.expand.opened {
    color: var(--primary-bg-color);
    transform: rotateZ(180deg);
}

ul.menu a:hover {
    color: var(--border-hover-color);
    /* border-bottom: 2px solid var(--border-hover-color); */
}


@media (min-width: 768px) {
    #menu-0 {
        padding-bottom: 0;
    }
    ul.menu {
        padding: var(--body-padding);
        background-color: var(--bg-color);
        border-bottom: 1px solid #EEE;
    }
    ul.menu li {
        width: auto;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }
    ul.menu li img {
        display: none;
    }

    ul.menu li a {
        font-size: max(12px, min(1.3vw, 1.1rem));
        height: inherit;
        width: inherit;
        margin-left: 0rem;
    }
    ul.menu li button, 
    ul.menu li ul,
    ul.menu li ul.opened {
        display: none;
    }
    ul.menu li.selected > a  {
        color: var(--border-hover-color);
    }
    #menu-0 > li:first-child {
        background-color: inherit;
    }
    #menu-0 > li:first-child a {
        color: inherit;
    }

}
#etrusted-badge {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 2147483647;
    overflow: hidden;
}
html.sticky #etrusted-badge {
    animation: 0.5s ease forwards fade;
    z-index: 1;
}

#etrusted-badge .clone {
    width: 68px;
    background-color: white;
    padding: 8px 4px;
    border-radius: 68px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 9px 4px !important;
    text-align: center;
    color: black;
    border: 1px solid white;
}
#etrusted-badge .clone:hover {
    border-color: rgb(255, 220, 15);
}
#etrusted-badge .clone .menu, 
#etrusted-badge .clone .protect, 
#etrusted-badge .clone .appreciation {
    display: none;
} 

#etrusted-badge .clone .stars {
    display: inline-block;
    font-size: 0.9rem;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#etrusted-badge .clone .stars li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    color: #FFDC0F;
}
#etrusted-badge .clone .note {
    font-size: 0.9rem;
    font-weight: bold;
}

@media (min-width: 649px) {
    #etrusted-badge {
        left: inherit;
        bottom: 134px;
        bottom: 53px;
        right: 20px;
    }
    #etrusted-badge .clone {
        width: 93px;
        border-radius: 8px;
        padding: 3px;
    }
    #etrusted-badge .clone .menu {
        display: block;
        text-align: right;
        line-height: 0.5rem;
        padding-right: 3px;
    }
    #etrusted-badge .clone .protect {
        display: block;
        font-size: 0.8rem;
        padding: 0;
        margin: 0;
    }
    #etrusted-badge .clone .stars {
        border-top: 1px solid #eee;
        margin: 3px 0 0 0;
        padding: 3px 0 0 0;
    }
    #etrusted-badge .clone .stars li {
        font-size: 1.1rem;
    }
    #etrusted-badge .clone .appreciation {
        display: block;
        font-size: 0.8rem;
        margin: 0 0 0.5rem 0;
    }
}
.menu-filters {
    display: inline-block;
    cursor: pointer;
}
.menu-filters.text {
    background-color: var(--primary-color); 
    color: var(--primary-bg-color); 
    height: 2rem;
    padding: 0 2rem;
    border-radius: 0.2rem;
    white-space: nowrap;
}
.menu-filters.text:hover {
    background-color: var(--primary-bg-color); 
    color: var(--primary-color); 
}
.i.filters { 
    --icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1tZGkiIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik02IDEzaDEydi0ySDZNMyA2djJoMThWNk0xMCAxOGg0di0yaC00djJ6IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48L3N2Zz4=); 
    width: 2rem;
    height: 2rem;
    color: var(--primary-bg-color); 
}
.menu-filters.text:hover .i.filters {
    color: var(--primary-color);
    background-color: var(--primary-color) !important;
}
.menu-filters.text label {
    cursor: pointer;
    margin-top:0.3rem;
}
.menu-filters:not(.text) label {
    position: absolute;
    /* background: rgba(20, 20, 20, 0.9); */
    background-color: var(--primary-bg-color);
    color: white;
    border-radius: 0.3rem;
    margin-left: -1.25rem;
    padding: 0rem 1rem;
    font-size: 0.9rem;
    opacity: 0.95;
    display:block;
}
html.filters-sticky #header .menu-filters:not(.text) label {
    transition: ease-in 10s opacity;
    opacity: 0;
}
.menu-filters #nb-filters-button {
    margin-left: 0.25rem;
}

@media (min-width: 480px) {
.menu-filters.text {
  padding: 0 5rem;
  }
}
#back-top {
    position: fixed;
    right: 0.8rem;
    bottom: 3rem;
    z-index: 2147483647;    
}
@media (min-width: 480px) {
    #back-top {
        right: 2.5rem;
        bottom: 4.5rem;
    }
}
#back-top a {
    display: block;
    margin-top: 1rem;
    font-size: 2rem;
    color: white;
    background-color: rgba(0,0,0, 0.8);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    align-self: end;
    visibility: hidden;
}

html.sticky #back-top a {
    visibility: visible;
}
html.sticky #back-top a:hover {
    background-color: white;
    color: #222;
    border: 1px solid #222;
}