Referer:
Issues:
23 Errors 3 Probable Errors 5 Warnings
Summary report > Page report
23 Errors
- 18 WCAG2 AA
- 18 E910 - SC 1.4.4: Use relative rather than absolute units. Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:.14px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:.14px 1 Use relative rather than absolute units with 'font-size' font-size:12px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.8px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.8px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.8px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.8px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.8px 1 Use relative rather than absolute units with 'font-size' font-size:12px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.4px 1 Use relative rather than absolute units with 'font-size' font-size:12px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.4px
- 18 E910 - SC 1.4.4: Use relative rather than absolute units. Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
- 5 CSS
- 1 E721 - Unrecognised at-rule. The at-rule is not recognised as valid for the selected CSS Level.
1 Unrecognised at-rule @media(min-width:1920px){.NavSocials_nav-socials__dDtOA .NavSocials_logo-wrapper__fTZ0d{display:block}} - 4 E777 - Invalid value. Check the value against the list of valid rules from the official standard.
1 width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-max-content 1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-fit-content 1 min-width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. min-width:-moz-fit-content 1 height has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. height:-moz-fit-content
- 1 E721 - Unrecognised at-rule. The at-rule is not recognised as valid for the selected CSS Level.
3 Probable Errors
- 3 WCAG2 A
- 3 P908 - SC 1.3.1: Do not insert content using CSS. Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
1 Do not insert content using CSS content:url(/_next/static/media/lh_arrow_right.60061c8b.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg)
- 3 P908 - SC 1.3.1: Do not insert content using CSS. Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
5 Warnings
- 5 CSS
- 4 W776 - Vendor extension used. Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
1 A vendor extension has been used: -ms-word-break -ms-word-break:break-all 1 A vendor extension has been used: -webkit-user-select -webkit-user-select:none 1 A vendor extension has been used: -moz-user-select -moz-user-select:none 1 A vendor extension has been used: input::-moz-placeholder .SearchInput_search-input-desktop-input-wrapper__8Hj5W input::-moz-placeholder{line-height:1.25rem;color:#2c2f38;opacity:.5;text-transform:uppercase;font-size:.875rem} - 1 W777 - Experimental item. Because this item is so new, it's definition has not yet been agreed upon, and so it has not been tested. Experimental items should be avoided as few browsers may support them, and their definition may change at any time.
1 This item is experimental and has been ignored: backdrop-filter backdrop-filter:blur(6px)
- 4 W776 - Vendor extension used. Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
1 .Section_section__oHlmj {
1 position:relative;
1 z-index:2;
1 }
1 .Section_section__oHlmj.Section_is-gapless__3bIIT {
1 padding:16px;
1 }
1 .Section_section__oHlmj.Section_is-gapless-top-bottom__vuOSP {
1 padding:0 24px;
1 }
1 @media screen and (min-width:768px)and (max-width:1023px) {
1 .Section_section__oHlmj.Section_is-gapless-top-bottom__vuOSP {
1 padding:0 56px;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Section_section__oHlmj.Section_is-gapless-top-bottom__vuOSP {
1 padding:0 64px;
1 }
1 }
1 .Section_section__oHlmj.Section_is-gapless-top__3YQG_ {
1 padding-top:0;
1 }
1 .Section_section__oHlmj.Section_is-gapless-bottom__InESN {
1 padding-bottom:0;
1 }
1 .Button_btn__1Gtek {
1 white-space:nowrap;
1 cursor:pointer;
1 
E777CSS: width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-max-content;
1 width:max-content;
1 text-decoration:none;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.2em;
1 text-transform:uppercase;
1 padding:0;
1 height:2rem;
1 color:#2c2f38;
1 border:none;
1 background-color:transparent;
1 }
1 .Button_btn__1Gtek strong {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .Button_btn__1Gtek.Button_primary__ivjK_ {
1 display:flex;
1 align-items:center;
1 position:relative;
1 left:5.625rem;
1 text-decoration:none;
1 padding:3rem 0;
1 max-width:calc(100% - 5.625rem);
1 }
1 .Button_btn__1Gtek.Button_primary__ivjK_ span {
1 overflow-wrap:break-word;
1 word-wrap:break-word;
1 W776CSS: A vendor extension has been used: -ms-word-break
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-ms-word-break:break-all;
1 word-break:break-word;
1 hyphens:auto;
1 white-space:break-spaces;
1 width:100%;
1 }
1 .Button_btn__1Gtek.Button_primary__ivjK_:before {
1 content:"";
1 display:inline-block;
1 height:5rem;
1 width:5rem;
1 border:1px solid #2c2f38;
1 border-radius:5rem;
1 position:absolute;
1 left:-5.625rem;
1 transition:width .3s ease,scale .3s ease;
1 }
1 .Button_btn__1Gtek.Button_primary__ivjK_:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_arrow_right.60061c8b.svg);
1 width:.75rem;
1 height:.75rem;
1 position:absolute;
1 left:-3rem;
1 transform:translate(-50%,-50%);
1 }
1 .Button_btn__1Gtek.Button_secondary__7I0Vt {
1 display:block;
1 border-bottom:1px solid #2c2f38;
1 text-decoration:none;
1 padding-bottom:1rem;
1 transition:padding-bottom .3s ease;
1 }
1 .Button_btn__1Gtek.Button_secondary__7I0Vt .Button_children__ngKoL {
1 display:inline-block;
1 transition:transform .3s ease;
1 }
1 .Button_btn__1Gtek.Button_secondary__7I0Vt:hover .Button_children__ngKoL {
1 transform:translateY(-.75rem);
1 }
1 .Button_btn__1Gtek:focus.Button_primary__ivjK_:before,.Button_btn__1Gtek:hover.Button_primary__ivjK_:before {
1 width:calc(100% + 8.125rem);
1 border-radius:5rem;
1 }
1 .Button_btn__1Gtek.Button_is-white__Q0Pop {
1 color:#fff;
1 }
1 .Button_btn__1Gtek.Button_is-white__Q0Pop.Button_primary__ivjK_:before {
1 border:1px solid #fff;
1 }
1 .Button_btn__1Gtek.Button_is-white__Q0Pop.Button_primary__ivjK_:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg);
1 }
1 .Button_btn__1Gtek.Button_is-white__Q0Pop.Button_secondary__7I0Vt {
1 border-bottom:2px solid #fff;
1 }
1 .Button_btn__1Gtek.Button_back-button__YT3oT {
1 background-color:transparent;
1 left:3.625rem;
1 margin-bottom:2rem;
1 }
1 .Button_btn__1Gtek.Button_back-button__YT3oT:before {
1 height:3rem;
1 width:3rem;
1 left:-3.625rem;
1 }
1 .Button_btn__1Gtek.Button_back-button__YT3oT:after {
1 transform:rotate(180deg) translate(50%,-50%)!important;
1 left:-2.125rem;
1 }
1 .Button_btn__1Gtek.Button_back-button__YT3oT:focus:before,.Button_btn__1Gtek.Button_back-button__YT3oT:hover:before {
1 width:calc(100% + 6.125rem);
1 border-radius:5rem;
1 }
1 .Button_btn__1Gtek.Button_tertiary__tXYxJ {
1 padding:1rem 1.5rem;
1 background-color:transparent;
1 color:#2c2f38;
1 text-transform:uppercase;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border-radius:2rem;
1 letter-spacing:.1em;
1 line-height:normal;
1 cursor:pointer;
1 border:1px solid #2c2f38;
1 transition:background-color .3s ease,color .3s ease;
1 height:auto;
1 display:block;
1 }
1 .Button_btn__1Gtek.Button_tertiary__tXYxJ:focus,.Button_btn__1Gtek.Button_tertiary__tXYxJ:hover {
1 background-color:#2c2f38;
1 color:#fff;
1 }
1 .has-dark-grey-bg .Button_btn__1Gtek {
1 color:#fff;
1 }
1 .has-dark-grey-bg .Button_btn__1Gtek.Button_primary__ivjK_:before {
1 border:1px solid #fff;
1 }
1 .has-dark-grey-bg .Button_btn__1Gtek.Button_primary__ivjK_:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg);
1 }
1 .has-dark-grey-bg .Button_btn__1Gtek.Button_secondary__7I0Vt {
1 border-bottom:1px solid #fff;
1 }
1 .Listbox_listbox__B2I19 {
1 E777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-fit-content;
1 width:fit-content;
1 position:relative;
1 z-index:2;
1 }
1 .Listbox_listbox__B2I19[data-color=white] .Listbox_listbox-button___3oOv {
1 color:#fff;
1 }
1 .Listbox_listbox__B2I19[data-color=white] .Listbox_listbox-chevron__Y1n4I svg {
1 stroke:#fff;
1 }
1 .Listbox_listbox__B2I19[data-color=black] .Listbox_listbox-button___3oOv {
1 color:#2c2f38;
1 }
1 .Listbox_listbox__B2I19[data-color=black] .Listbox_listbox-chevron__Y1n4I svg {
1 stroke:#2c2f38;
1 }
1 .Listbox_listbox__B2I19[data-pos-top=true] .Listbox_listbox-options__yDVL_ {
1 bottom:150%;
1 }
1 .Listbox_listbox__B2I19[data-pos-top=true] .Listbox_listbox-chevron__Y1n4I {
1 transform:rotate(180deg) translateY(20%);
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-button___3oOv {
1 position:relative;
1 width:100%;
1 cursor:default;
1 border:none;
1 background-color:transparent;
1 text-align:left;
1 gap:6.5px;
1 transition:color .3s cubic-bezier(.455,.03,.515,.955);
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 line-height:1;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:.14px;
1 display:flex;
1 align-items:center;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-button___3oOv.Listbox_is-disabled__0Q9a2 {
1 opacity:.4;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-selected__m1_C1 {
1 display:block;
1 white-space:nowrap;
1 overflow:hidden;
1 text-transform:uppercase;
1 text-overflow:ellipsis;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-chevron__Y1n4I {
1 display:flex;
1 align-items:center;
1 cursor:pointer;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-chevron__Y1n4I.Listbox_is-disabled__0Q9a2 {
1 cursor:not-allowed;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-chevron__Y1n4I svg {
1 height:14px;
1 width:14px;
1 transition:stroke .3s cubic-bezier(.455,.03,.515,.955);
1 position:relative;
1 top:-1.5px;
1 }
1 .Listbox_listbox__B2I19 .Listbox_transition-leave__ACg6q {
1 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
1 transition-timing-function:cubic-bezier(.4,0,.2,1);
1 transition-duration:.15s;
1 }
1 .Listbox_listbox__B2I19 .Listbox_transition-leavefrom__6scIJ {
1 opacity:1;
1 }
1 .Listbox_listbox__B2I19 .Listbox_transition-leaveto__bK5Fs {
1 opacity:0;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-options__yDVL_ {
1 position:absolute;
1 background:#fff;
1 width:100%;
1 E777CSS: min-width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
min-width:-moz-fit-content;
1 min-width:fit-content;
1 max-height:20rem;
1 overflow:auto;
1 border-radius:2px;
1 box-sizing:border-box;
1 box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);
1 margin-bottom:0;
1 padding:.5rem 0;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-option__I8cs8 {
1 position:relative;
1 cursor:pointer;
1 W776CSS: A vendor extension has been used: -webkit-user-select
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-webkit-user-select:none;
1 W776CSS: A vendor extension has been used: -moz-user-select
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-user-select:none;
1 user-select:none;
1 margin-bottom:0;
1 text-transform:uppercase;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 line-height:1;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:.14px;
1 color:#2c2f38;
1 padding:0 0 12px;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-option__I8cs8:last-child {
1 padding-bottom:0;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-option__I8cs8:before {
1 display:none;
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-option__I8cs8.Listbox_is-active__NzRbp,.Listbox_listbox__B2I19 .Listbox_listbox-option__I8cs8.Listbox_is-active__NzRbp * {
1 color:rgba(44,47,56,.6);
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-option__I8cs8.Listbox_is-selected___LdLd * {
1 color:rgba(44,47,56,.5);
1 }
1 .Listbox_listbox__B2I19 .Listbox_listbox-option__I8cs8 .listbox-item {
1 padding:.25rem .5rem;
1 }
1 .Navbar_navbar__W_ouQ {
1 position:fixed;
1 width:100%;
1 bottom:0;
1 left:0;
1 z-index:40;
1 background-color:#fff;
1 height:48px;
1 display:flex;
1 justify-content:space-between;
1 perspective:1px;
1 }
1 @media screen and (min-width:1024px) {
1 .Navbar_navbar__W_ouQ {
1 top:0;
1 }
1 }
1 .Navbar_navbar__W_ouQ .Navbar_navbar-text-wrapper__B93F_ {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:12px;
1 color:#2c2f38;
1 text-transform:uppercase;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.8px;
1 line-height:1;
1 border:none;
1 }
1 @media screen and (min-width:1024px) {
1 .Navbar_navbar__W_ouQ .Navbar_navbar-text-wrapper__B93F_ {
1 padding-left:40px;
1 }
1 }
1 .Navbar_navbar__W_ouQ .Navbar_navbar-text-wrapper__B93F_ * {
1 font-size:inherit;
1 font-family:inherit;
1 padding-bottom:0;
1 line-height:1;
1 letter-spacing:inherit;
1 text-transform:inherit;
1 }
1 .Navbar_navbar__W_ouQ .Navbar_navbar-text-wrapper__B93F_ strong {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .Navbar_navbar__W_ouQ .Navbar_language-wrapper__oyLyJ,.Navbar_navbar__W_ouQ .Navbar_navbar-text-wrapper__B93F_ {
1 display:none;
1 }
1 @media screen and (min-width:1024px) {
1 .Navbar_navbar__W_ouQ .Navbar_language-wrapper__oyLyJ,.Navbar_navbar__W_ouQ .Navbar_navbar-text-wrapper__B93F_ {
1 display:block;
1 padding-top:18px;
1 padding-bottom:18px;
1 }
1 }
1 .Navbar_navbar__W_ouQ .Navbar_language-wrapper__oyLyJ {
1 position:absolute;
1 top:0;
1 left:50%;
1 transform:translateX(-50%);
1 }
1 .NavigationMenu_navigation-menu__woJ2U {
1 position:fixed;
1 z-index:39;
1 top:0;
1 left:0;
1 height:100dvh;
1 width:100%;
1 opacity:1;
1 background-color:#f7f7f7;
1 perspective:1px;
1 }
1 @media print,screen and (min-width:768px) {
1 .NavigationMenu_navigation-menu__woJ2U {
1 background-color:rgba(44,47,56,.6);
1 W777CSS: This item is experimental and has been ignored: backdrop-filter
Because this item is so new, it's definition has not yet been agreed upon, and so it has not been tested. Experimental items should be avoided as few browsers may support them, and their definition may change at any time.
backdrop-filter:blur(6px);
1 }
1 }
1 @media screen and (max-width:1023px) {
1 .NavigationMenu_navigation-menu__woJ2U {
1 display:grid;
1 grid-template-rows:25% calc(80% - 40px);
1 height:100dvh;
1 }
1 }
1 @media screen and (max-width:1023px)and (min-width:768px) {
1 .NavigationMenu_navigation-menu__woJ2U {
1 grid-template-rows:30% 70%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .NavigationMenu_navigation-menu__woJ2U {
1 display:flex;
1 flex-direction:column;
1 }
1 }
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_menu-wrapper__xxnss {
1 background-color:#fff;
1 }
1 @media screen and (max-width:1023px) {
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_menu-wrapper__xxnss {
1 overflow:auto;
1 padding-bottom:48px;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_menu-wrapper__xxnss {
1 padding-top:80px;
1 }
1 }
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_bottom-wrapper__vNOqh {
1 width:100%;
1 height:100%;
1 }
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_shop-btn__FxeYS {
1 position:absolute;
1 top:0;
1 right:0;
1 width:80px;
1 height:80px;
1 border:none;
1 padding:13px;
1 background-color:#2c2f38;
1 color:#fff;
1 display:flex;
1 flex-direction:column;
1 justify-content:space-between;
1 align-items:flex-end;
1 }
1 @media screen and (min-width:1024px) {
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_shop-btn__FxeYS {
1 display:none;
1 }
1 }
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_shop-btn__FxeYS span {
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.8px;
1 line-height:1;
1 }
1 .NavigationMenu_navigation-menu__woJ2U .NavigationMenu_shop-btn__FxeYS svg {
1 filter:invert(1);
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ {
1 display:grid;
1 padding:0 80px;
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ[data-is-last=true] {
1 grid-template-columns:20% 20% 20% 40%;
1 background-color:#f7f7f7;
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ .MenuLarge_menu-column__fzZpb {
1 padding:2.5rem 1.5rem;
1 display:flex;
1 flex-direction:column;
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ .MenuLarge_menu-column__fzZpb:first-child {
1 padding-left:0;
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ .MenuLarge_menu-column__fzZpb .MenuLarge_parent-link__M_zqn {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.8px;
1 margin-bottom:1.5rem;
1 text-transform:uppercase;
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ .MenuLarge_menu-column__fzZpb .MenuLarge_child-link__cEkWO {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:1rem;
1 line-height:1;
1 letter-spacing:.1em;
1 color:#2c2f38;
1 padding:0;
1 border-bottom:0;
1 margin-bottom:1.375rem;
1 transition:letter-spacing .3s ease;
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ .MenuLarge_menu-column__fzZpb .MenuLarge_child-link__cEkWO:last-child {
1 margin-bottom:0;
1 }
1 .MenuLarge_menu-large__9lsnr .MenuLarge_menu-columns__vnziJ .MenuLarge_menu-column__fzZpb .MenuLarge_child-link__cEkWO:hover {
1 letter-spacing:.15em;
1 }
1 .NavBanner_nav-banner__pDzTt {
1 height:100%;
1 background-color:#f7f7f7;
1 position:relative;
1 width:calc(100% + 40px);
1 min-height:280px;
1 }
1 @media screen and (min-width:1408px) {
1 .NavBanner_nav-banner__pDzTt {
1 width:calc(100% + 80px);
1 min-height:220px;
1 }
1 }
1 .NavBanner_nav-banner__pDzTt:before {
1 content:"";
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 background:transparent linear-gradient(180deg,rgba(0,0,0,.275),rgba(0,0,0,.769)) 0 0 no-repeat padding-box;
1 z-index:1;
1 }
1 .NavBanner_nav-banner__pDzTt .NavBanner_content-wrapper__WrqX_ {
1 width:100%;
1 height:100%;
1 display:flex;
1 flex-direction:column;
1 justify-content:flex-end;
1 position:relative;
1 z-index:2;
1 padding:32px 32px 0;
1 }
1 @media screen and (min-width:1408px) {
1 .NavBanner_nav-banner__pDzTt .NavBanner_content-wrapper__WrqX_ {
1 padding:42px 42px 0;
1 }
1 }
1 .NavBanner_nav-banner__pDzTt .NavBanner_content-wrapper__WrqX_ .NavBanner_headline__t9ohW {
1 color:#fff;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:1.25rem;
1 line-height:1.75rem;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2px;
1 margin-bottom:32px;
1 display:block;
1 max-width:80%;
1 }
1 .NavSocials_nav-socials__dDtOA {
1 position:relative;
1 display:flex;
1 width:100%;
1 height:100%;
1 justify-content:flex-end;
1 }
1 .NavSocials_nav-socials__dDtOA .NavSocials_logo-wrapper__fTZ0d {
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-60%);
1 display:flex;
1 width:76.1px;
1 height:85.56px;
1 }
1 @media screen and (max-width:767px) {
1 .NavSocials_nav-socials__dDtOA .NavSocials_logo-wrapper__fTZ0d {
1 display:none;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .NavSocials_nav-socials__dDtOA .NavSocials_logo-wrapper__fTZ0d {
1 height:89.95px;
1 width:80px;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .NavSocials_nav-socials__dDtOA .NavSocials_logo-wrapper__fTZ0d {
1 display:none;
1 }
1 }
1 E721CSS: Unrecognised at-rule
The at-rule is not recognised as valid for the selected CSS Level.
@media(min-width:1920px) {
1 .NavSocials_nav-socials__dDtOA .NavSocials_logo-wrapper__fTZ0d {
1 display:block;
1 }
1 }
1 .NavSocials_nav-socials__dDtOA .NavSocials_socials__KSWHP {
1 display:flex;
1 gap:5%;
1 flex-wrap:nowrap;
1 width:100%;
1 align-items:flex-end;
1 justify-content:space-around;
1 padding-bottom:32px;
1 }
1 @media screen and (min-width:1024px) {
1 .NavSocials_nav-socials__dDtOA .NavSocials_socials__KSWHP {
1 padding:40px 0;
1 justify-content:center;
1 }
1 }
1 .NavSocials_nav-socials__dDtOA .NavSocials_socials__KSWHP .NavSocials_social__I35sE {
1 width:20px;
1 height:20px;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 padding:0;
1 border:none;
1 transition:transform .3s ease;
1 }
1 .NavSocials_nav-socials__dDtOA .NavSocials_socials__KSWHP .NavSocials_social__I35sE:hover {
1 transform:scale(1.4);
1 }
1 @media print,screen and (min-width:768px) {
1 .NavSocials_nav-socials__dDtOA .NavSocials_socials__KSWHP .NavSocials_social__I35sE img {
1 filter:brightness(0) invert(1);
1 }
1 }
1 .Menu_menu__5TG8Q {
1 padding:40px;
1 }
1 @media screen and (min-width:1024px) {
1 .Menu_menu__5TG8Q {
1 padding:0 40px;
1 }
1 }
1 .AnimatedMenu_animated-menu__PAMIc ul {
1 margin-bottom:0;
1 }
1 .AnimatedMenu_animated-menu__PAMIc ul li {
1 padding:0;
1 line-height:1rem;
1 }
1 .AnimatedMenu_animated-menu__PAMIc ul li:before {
1 content:none;
1 }
1 .AnimatedMenu_animated-menu__PAMIc ul li:last-of-type {
1 margin-bottom:0;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_main-menu__bABzI {
1 display:grid;
1 grid-gap:42px;
1 gap:42px;
1 }
1 @media screen and (min-width:1024px) {
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_main-menu__bABzI {
1 grid-template-columns:repeat(2,1fr);
1 }
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_main-menu__bABzI .AnimatedMenu_menu-item__kFVec {
1 display:flex;
1 justify-content:space-between;
1 align-items:center;
1 background:none;
1 border:none;
1 padding:0;
1 cursor:pointer;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_main-menu__bABzI .AnimatedMenu_menu-item__kFVec:hover svg {
1 transform:translateX(5px);
1 }
1 @media screen and (min-width:1216px) {
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_main-menu__bABzI .AnimatedMenu_menu-item__kFVec {
1 padding-right:30%;
1 }
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_main-menu__bABzI .AnimatedMenu_menu-item__kFVec span {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.8px;
1 line-height:21px;
1 color:#2c2f38;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_main-menu__bABzI .AnimatedMenu_menu-item__kFVec svg {
1 transition:transform .3s ease;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu-head__yRuai {
1 display:flex;
1 justify-content:space-between;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu-head__yRuai .AnimatedMenu_submenu-title__c7y35 {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.8px;
1 line-height:1;
1 text-transform:uppercase;
1 color:#2c2f38;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu-head__yRuai .AnimatedMenu_back-btn__Hwb2C {
1 background:none;
1 border:none;
1 padding:0;
1 display:flex;
1 gap:15px;
1 align-items:center;
1 cursor:pointer;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu-head__yRuai .AnimatedMenu_back-btn__Hwb2C:hover svg {
1 transform:translateX(-5px) rotate(180deg);
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu-head__yRuai .AnimatedMenu_back-btn__Hwb2C span {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:12px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.4px;
1 line-height:1;
1 text-transform:uppercase;
1 color:#2c2f38;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu-head__yRuai .AnimatedMenu_back-btn__Hwb2C svg {
1 transform:rotate(180deg);
1 transition:transform .3s ease;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu__wLERu {
1 display:grid;
1 grid-gap:42px;
1 gap:42px;
1 margin-top:40px;
1 }
1 @media screen and (min-width:1024px) {
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu__wLERu {
1 grid-template-rows:repeat(3,1fr);
1 grid-auto-flow:column;
1 }
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu__wLERu .AnimatedMenu_submenu-item__VmGau {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:1rem;
1 line-height:1;
1 letter-spacing:.1em;
1 color:#2c2f38;
1 padding:0;
1 border-bottom:0;
1 transition:letter-spacing .3s ease;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu__wLERu .AnimatedMenu_submenu-item__VmGau:hover {
1 letter-spacing:.15em;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu__wLERu .AnimatedMenu_submenu-item__VmGau span {
1 position:absolute;
1 }
1 .AnimatedMenu_animated-menu__PAMIc .AnimatedMenu_submenu-menu-wrapper__EoZE_ .AnimatedMenu_submenu__wLERu .AnimatedMenu_submenu-item__VmGau .AnimatedMenu_letter-spacing__lXgVR {
1 letter-spacing:.15em;
1 position:relative;
1 opacity:0;
1 }
1 .SearchInput_searchbar__Byhu9 {
1 position:relative;
1 margin-bottom:1rem;
1 }
1 .SearchInput_searchbar__Byhu9 input {
1 background-color:#efefef;
1 border:none;
1 height:3rem;
1 width:100%;
1 padding-left:3rem;
1 }
1 .SearchInput_searchbar__Byhu9 .SearchInput_icon__AakeJ {
1 position:absolute;
1 left:0;
1 top:0;
1 width:48px;
1 height:48px;
1 display:flex;
1 align-items:center;
1 justify-content:center;
1 }
1 .SearchInput_search-input-desktop__L4kYP {
1 cursor:pointer;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 height:100%;
1 gap:.75rem;
1 position:relative;
1 }
1 @media screen and (max-width:1407px) {
1 .SearchInput_search-input-desktop__L4kYP {
1 margin:0 1.5rem;
1 gap:0;
1 }
1 .SearchInput_search-input-desktop__L4kYP:after {
1 content:"";
1 position:absolute;
1 top:50%;
1 width:1px;
1 height:19.6px;
1 transform:translateY(-50%);
1 background-color:hsla(230,5%,44%,.2);
1 right:-1.5rem;
1 }
1 }
1 .SearchInput_search-input-desktop__L4kYP span {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 line-height:1;
1 font-size:.75rem;
1 letter-spacing:.2em;
1 text-transform:uppercase;
1 transition:letter-spacing .3s ease,width .3s ease;
1 color:#2c2f38;
1 position:relative;
1 width:0;
1 overflow:hidden;
1 }
1 @media screen and (min-width:1408px) {
1 .SearchInput_search-input-desktop__L4kYP span {
1 width:100%;
1 }
1 }
1 .SearchInput_search-input-desktop__L4kYP:hover {
1 gap:.75rem;
1 }
1 .SearchInput_search-input-desktop__L4kYP:hover span {
1 width:100%;
1 letter-spacing:.3em;
1 }
1 .SearchInput_search-input-desktop__L4kYP .SearchInput_icon__AakeJ {
1 width:1.5rem;
1 height:1.5rem;
1 }
1 .SearchInput_search-input-desktop-input-wrapper__8Hj5W {
1 height:0;
1 position:fixed;
1 z-index:-1;
1 top:3rem;
1 left:0;
1 width:100%;
1 background-color:#fff;
1 display:flex;
1 align-items:center;
1 justify-content:center;
1 gap:1rem;
1 opacity:0;
1 transition:opacity .3s ease,height .3s ease;
1 }
1 .SearchInput_search-input-desktop-input-wrapper__8Hj5W.SearchInput_open__dPiJ8 {
1 height:5rem;
1 opacity:1;
1 }
1 .SearchInput_search-input-desktop-input-wrapper__8Hj5W input {
1 outline:none;
1 box-shadow:none;
1 border-radius:0;
1 padding:.5rem 0;
1 background-color:transparent;
1 border:none;
1 border-bottom:1px solid #2c2f38;
1 color:#2c2f38;
1 width:100%;
1 margin-bottom:.75rem;
1 font-size:1rem;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 max-width:600px;
1 }
1 W776CSS: A vendor extension has been used: input::-moz-placeholder
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
.SearchInput_search-input-desktop-input-wrapper__8Hj5W input::-moz-placeholder {
1 line-height:1.25rem;
1 color:#2c2f38;
1 opacity:.5;
1 text-transform:uppercase;
1 font-size:.875rem;
1 }
1 .SearchInput_search-input-desktop-input-wrapper__8Hj5W input::placeholder {
1 line-height:1.25rem;
1 color:#2c2f38;
1 opacity:.5;
1 text-transform:uppercase;
1 font-size:.875rem;
1 }
1 .SearchInput_search-input-desktop-input-wrapper__8Hj5W svg circle,.SearchInput_search-input-desktop-input-wrapper__8Hj5W svg path {
1 stroke:#2c2f38!important;
1 }
1 .SearchInput_button__XVGZK {
1 border:none;
1 background-color:transparent;
1 cursor:pointer;
1 }
1 .SearchInput_icon__AakeJ svg {
1 width:1.5rem;
1 height:1.5rem;
1 }
1 @media screen and (max-width:1023px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn {
1 width:100%;
1 display:grid;
1 grid-template-columns:104px 1fr 1fr 1fr;
1 }
1 }
1 @media screen and (max-width:1023px)and (min-width:768px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn {
1 grid-template-columns:104px 1fr 1fr 1fr 1fr;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn {
1 display:flex;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn {
1 gap:32px;
1 }
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs {
1 display:flex;
1 align-items:center;
1 }
1 @media screen and (max-width:767px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs[data-is-hidden-mobile=true] {
1 display:none;
1 }
1 }
1 @media screen and (max-width:1023px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs {
1 justify-content:center;
1 }
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs:hover .QuickNavMenu_quick-nav-menu-link__9HNcy span {
1 letter-spacing:.3em;
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy {
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 text-decoration:none;
1 E777CSS: height has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
height:-moz-fit-content;
1 height:fit-content;
1 border:none;
1 padding:0;
1 position:relative;
1 }
1 @media screen and (min-width:1408px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy {
1 gap:.75rem;
1 }
1 }
1 @media screen and (max-width:1407px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy {
1 margin:0 1.5rem;
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy:after {
1 content:"";
1 position:absolute;
1 top:50%;
1 width:1px;
1 height:70%;
1 transform:translateY(-50%);
1 background-color:hsla(230,5%,44%,.2);
1 right:-1.5rem;
1 }
1 }
1 @media screen and (max-width:1407px)and (max-width:1023px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy:after {
1 display:none;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy[data-is-last=true]:after {
1 display:none;
1 }
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy .QuickNavMenu_icon-wrapper__qRiwR {
1 position:relative;
1 display:flex;
1 width:auto;
1 flex-shrink:0;
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy .QuickNavMenu_icon-wrapper__qRiwR img {
1 width:auto;
1 height:2rem;
1 }
1 @media screen and (min-width:1024px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy .QuickNavMenu_icon-wrapper__qRiwR img {
1 height:1.75rem;
1 }
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy span {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 line-height:1;
1 font-size:.75rem;
1 letter-spacing:.2em;
1 width:0;
1 overflow:hidden;
1 text-transform:uppercase;
1 transition:letter-spacing .3s ease,width .3s ease;
1 color:#2c2f38;
1 display:block;
1 }
1 @media screen and (min-width:1408px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy span {
1 width:100%;
1 }
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy:hover {
1 gap:.75rem;
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs .QuickNavMenu_quick-nav-menu-link__9HNcy:hover span {
1 width:100%;
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_language-toggle-wrapper__wpZ0b {
1 height:100%;
1 display:flex;
1 align-items:center;
1 justify-content:center;
1 }
1 @media screen and (min-width:1024px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_language-toggle-wrapper__wpZ0b {
1 display:none;
1 }
1 }
1 @media screen and (max-width:1023px) {
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_language-toggle-wrapper__wpZ0b,.QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs {
1 position:relative;
1 }
1 .QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_language-toggle-wrapper__wpZ0b:after,.QuickNavMenu_quick-nav-menu__NVGNn .QuickNavMenu_quick-nav-menu-item__1IRUs:after {
1 content:"";
1 position:absolute;
1 top:50%;
1 width:1px;
1 height:60%;
1 transform:translateY(-50%);
1 background-color:hsla(230,5%,44%,.2);
1 right:0;
1 }
1 }
1 .Hamburger_hamburger__6VuUc {
1 display:flex;
1 border:none;
1 background-color:#fff;
1 color:#2c2f38;
1 align-items:center;
1 padding:0;
1 cursor:pointer;
1 }
1 @media screen and (max-width:1023px) {
1 .Hamburger_hamburger__6VuUc {
1 gap:15px;
1 justify-content:center;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Hamburger_hamburger__6VuUc {
1 width:80px;
1 height:80px;
1 background-color:#2c2f38;
1 color:#fff;
1 padding:12px;
1 flex-direction:column;
1 justify-content:space-between;
1 align-items:flex-end;
1 }
1 }
1 .Hamburger_hamburger__6VuUc .Hamburger_menu-label__3wNgV {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:12px;
1 line-height:1;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.4px;
1 text-transform:uppercase;
1 min-width:48px;
1 color:inherit;
1 }
1 .Hamburger_hamburger__6VuUc .Hamburger_hamburger-icon__Rk6CS {
1 width:18px;
1 }
1 .Hamburger_hamburger__6VuUc .Hamburger_hamburger-icon__Rk6CS img {
1 filter:brightness(0);
1 }
1 @media screen and (min-width:1024px) {
1 .Hamburger_hamburger__6VuUc .Hamburger_hamburger-icon__Rk6CS img {
1 filter:brightness(0) invert(1);
1 }
1 }