@charset "UTF-8";.skip-link{ position:absolute; left:-625rem; display:inline; white-space:nowrap; &:focus-within{position:static;display:inline-block;} &:is(p,div):focus-within{display:block;} & a[id*="e"]{font-size:max(1rem,1.125rem);line-height:1;font-weight:600;padding:0.5rem 0.625rem 0.5rem 2rem;position:relative;color:light-dark(white,black) !important;outline-color:currentColor;background-color:light-dark(black,white);border-radius:0.1875rem;&:before{ width:0; text-indent:-1.875rem; display:inline-flex; overflow:hidden;:root[lang="fr"] &{content:"Lien d'évitement ";} }&:after{ content:""; position:absolute; inset:0 auto 0 0.1875rem; width:1.5rem; -webkit-mask-size:1.5rem 1.5rem; -webkit-mask-position:center center; -webkit-mask-repeat:no-repeat; mask-size:1.5rem 1.5rem; mask-position:center center; mask-repeat:no-repeat; background-color:currentColor;}&[id*="prev"]:after{ -webkit-mask-image:var(--svg-marker-to-bottom); mask-image:var(--svg-marker-to-bottom);}&[id*="next"]:after{ -webkit-mask-image:var(--svg-marker-to-top); mask-image:var(--svg-marker-to-top);}}}#skip-menu{ &:not(:focus-within){height:0;overflow:hidden;transform:translateY(-100%);z-index:0;} &:focus-within{background-image:linear-gradient(90deg,var(--background-color-secondary, rgb(238,238,238)),var(--canvas,white) 80%);background-color:var(--background-color-secondary, rgb(238,238,238));height:max(3.125rem,var(--header-outer-height) * .7);box-shadow:0 -1px 0 0 var(--background-color-secondary) inset;position:fixed;inset:0 0 auto;transform:none;z-index:6;& > ol{ margin-block:var(--tiny-gutter);}} & li + li{margin-left:var(--small-gutter,2rem);} & a{margin-bottom:0;vertical-align:bottom;& span[aria-hidden]{ font-weight:bold;}}}