/*!
Author: Rachel Pellin
Author URI: https://prachel.fr/
Package: webtopie-sass-starter
Version: 1.0
*/@font-face{font-family:"Oxygen";src:url("../fonts/subset-Oxygen-Bold.woff2") format("woff2"),url("../fonts/subset-Oxygen-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Oxygen";src:url("../fonts/subset-Oxygen-Regular.woff2") format("woff2"),url("../fonts/subset-Oxygen-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Exo";src:url("../fonts/subset-Exo-Bold.woff2") format("woff2"),url("../fonts/subset-Exo-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Exo";src:url("../fonts/subset-Exo-Medium.woff2") format("woff2"),url("../fonts/subset-Exo-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--color-primary: #0AB8C7;--color-secondary: #3BC47C;--color-tertiary: #001f24;--color-gradient: radial-gradient(farthest-side ellipse at top left, #003139, #001f24);--color-success: #509B25;--color-error: #DB221B;--color-info: #1968FC;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-title: "Exo", var(--font-body);--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacer-auto: auto;--spacer-0: 0;--spacer-xs: 0.5rem;--spacer-s: 1rem;--spacer-m: 2rem;--spacer-l: 3rem;--spacer-xl: 4rem;--spacer-xxl: 5rem;--border-radius: 20px;--color-text: #fff;--color-text-dark: #b0b9bb;--color-text-static-dark: #101727;--color-background: #003139;--color-background-accent: var(--color-tertiary);--color-link: var(--color-primary);--text-size-desktop: 1.2rem;--text-size-mobile: 1rem;--color-button-background: var(--color-primary);--color-button-text: var(--color-tertiary);--site-width: 95rem;--grid-gap: 2rem;--grid-columns: 2;--grid-item-width: 250px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{box-sizing:border-box}*{box-sizing:border-box}*::before,*::after{box-sizing:inherit}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}html{min-height:100%}body{line-height:1.5;color:var(--color-text);background-color:var(--color-background-accent);font-family:var(--font-body);font-size:var(--text-size-mobile)}@media(min-width: 65rem){body{font-size:var(--text-size-desktop)}}h1,h2,h3,h4,h5,h6,p,blockquote,dl,img,figure{margin:2rem 0}[hidden]{display:none !important}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;line-height:1.2}h1{font-size:1.875rem}@media screen and (min-width: 23.4375rem){h1{font-size:calc( 1.875rem + 1.25 * ( (100vw - 23.4375rem) / 66.5625 ) )}}@media screen and (min-width: 90rem){h1{font-size:3.125rem}}h2{font-size:150%}h3{font-size:120%}h4,h5,h6{font-size:100%}h5,h6{text-transform:uppercase}p{margin:2rem 0}a,a:visited{color:var(--color-link)}strong,time,b{font-weight:bold}em,dfn,i{font-style:italic}sub{font-size:60%;vertical-align:bottom}small{font-size:80%}blockquote,q{background:var(--color-secondary);border-left:10px solid var(--color-primary);display:block;font-family:"Georgia",serif;padding:1rem}blockquote p:first-child{margin-top:0}cite{font-family:"Georgia",serif;font-style:italic;font-weight:bold}kbd,code,samp,pre,var{font-family:monospace;font-size:1rem}code,pre{background:var(--color-tertiary);padding:.5rem 1rem}code pre,pre code{padding:0}ul,ol{margin:2rem 0;padding:0 0 0 2rem}ul ul,ul ol,ol ul,ol ol{margin:0 0 2rem}dl dd{padding-left:2rem}img{display:block;height:auto;max-width:100%}figure{border:1px solid var(--color-primary);display:inline-block;padding:1rem;width:auto}figure img{margin:0}figure figcaption{font-size:80%;margin-top:.5rem}video{display:block;height:auto;max-width:100%}table{border:1px solid var(--color-primary);border-collapse:collapse;table-layout:auto;width:100%}@media(min-width: 65rem){table{table-layout:fixed}}table caption{margin:2rem 0}table thead{text-align:center}table tbody{text-align:right}table tr{border-bottom:1px solid var(--color-primary)}table tbody tr:nth-child(even){background:var(--color-tertiary)}table th{background:var(--color-secondary);font-weight:bold}table th,table td{padding:1rem}table th:not(last-of-type),table td:not(last-of-type){border-right:1px solid var(--color-primary)}input,select,optgroup,textarea,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid var(--color-text);background-color:var(--color-background);color:var(--color-text);display:block;margin:.5rem 0;padding:.8rem .5rem;font:inherit;width:100%}input:focus,input:active,select:focus,select:active,optgroup:focus,optgroup:active,textarea:focus,textarea:active,button:focus,button:active{border-bottom-color:transparent;outline:2px solid var(--color-link);outline-offset:5px}input::-moz-placeholder, select::-moz-placeholder, optgroup::-moz-placeholder, textarea::-moz-placeholder, button::-moz-placeholder{color:var(--color-text);opacity:.6}input:-ms-input-placeholder, select:-ms-input-placeholder, optgroup:-ms-input-placeholder, textarea:-ms-input-placeholder, button:-ms-input-placeholder{color:var(--color-text);opacity:.6}input::placeholder,select::placeholder,optgroup::placeholder,textarea::placeholder,button::placeholder{color:var(--color-text);opacity:.6}input.has-icon,select.has-icon,optgroup.has-icon,textarea.has-icon,button.has-icon{padding-left:1.75rem}input[type=checkbox],input[type=radio]{display:initial;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=color]{cursor:pointer;padding:.25rem;border:1px solid var(--color-secondary);height:2.25rem;width:2.25rem}input[type=range]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button,[type=button],[type=submit],[type=reset]{border:none;background-color:var(--color-button-background);color:var(--color-button-text);width:auto;cursor:pointer}input:disabled,button:disabled{background-color:#ccc;color:#777;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}select{cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12.5L15 18.75L21.25 12.5H8.75Z' fill='%23666666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85em top 47%;padding-right:1.75rem;background-size:1.5em auto}.field{position:relative;margin-top:2rem}.field.is-checkbox{display:inline-flex;align-items:center;margin-top:1rem}.field.is-checkbox label{display:flex}.field.is-checkbox input{margin:0;margin-right:.5rem}.field_icon{position:absolute;top:0;left:0;padding:.75rem 0}.field_description{color:var(--color-text);opacity:.7;font-size:.875rem}.field_error{color:var(--color-error)}.field:focus-within label,.field:focus-within .icon{color:var(--color-link)}.hide{display:none}label{font-weight:700;display:inline-block}[aria-invalid=true]{--color-link: var(--color-error);border-color:var(--color-error)}meter,progress{width:100%;max-width:25rem;height:8px;border-radius:var(--border-radius);border:none}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-background-accent);color:var(--color-primary);overflow:hidden}progress::-webkit-progress-bar{background:var(--color-background-accent)}progress::-webkit-progress-value{background:var(--color-primary)}progress::-moz-progress-bar{background:var(--color-primary)}.button,button{border:none;background:var(--color-button-background);color:var(--color-button-text);text-decoration:none;display:inline-flex;margin:1rem 0;padding:.5rem 1rem .6rem;border-radius:var(--border-radius);font:inherit;line-height:1.5;align-items:center;font-weight:700}.button:focus,.button:active,button:focus,button:active{outline:2px solid var(--color-button-background);outline-offset:2px}.button:hover,button:hover{outline:2px solid var(--color-button-background);outline-offset:2px}.button--error,button--error{--color-button-background: var(--color-error);--color-button-text: var(--color-text)}.button--password-visibility,button--password-visibility{position:absolute;top:0;margin:.6rem 0;padding:.25rem .6rem;right:0;background:none;--color-button-background: none;--color-button-text: var(--color-text)}.button--password-visibility:focus,.button--password-visibility:active,button--password-visibility:focus,button--password-visibility:active{--color-button-background: var(--color-primary);background:inherit;color:inherit}.button--password-visibility svg,button--password-visibility svg{vertical-align:-2px}.button--link,button--link{padding:0;background-color:transparent;color:var(--color-button-background)}.icon{display:inline-block;fill:currentColor;height:1em;line-height:1;position:relative;top:0;vertical-align:middle;width:1em}.has-circle{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;padding:.5rem;border-radius:50%;background-color:#16828b;color:var(--color-text)}.split-screen{min-height:100vh;display:grid;gap:var(--grid-gap);background:var(--color-background)}@media(min-width: 65rem){.split-screen{grid-template-columns:minmax(25rem, 1fr) 2fr}}.split-screen>*{display:flex;flex-direction:column;justify-content:center}.split-screen header{background:var(--color-background-accent);border-right:1px solid var(--color-background-accent)}.menu{background:inherit;margin-left:auto;font-size:1rem;transform-origin:top;z-index:-1;width:100%;padding:0 1rem;display:block;box-shadow:0px 4px 20px 0px rgba(6,44,58,.2);background-color:var(--color-background)}.menu_list{display:flex;align-items:center;margin:0 1rem;padding:0;border-top:1px solid var(--color-background-darker);list-style:none;max-width:100%;height:auto;flex-wrap:wrap;justify-content:right}.menu_item{margin:0 1rem}.menu_link,.menu_link:visited{display:inline-block;padding:.2rem 0;border-bottom:none;color:var(--color-text);text-decoration:none;font-size:1rem;display:flex;align-items:center;font-family:var(--font-title)}.menu_button{font-size:2rem;line-height:.8;z-index:1;margin:0 .5rem 0 auto;width:auto;background-color:inherit;color:var(--color-text-accent);align-self:center;padding:.5rem;border-radius:50%}.logo{display:inline-block;fill:currentColor;height:4em;line-height:1;position:relative;top:0;vertical-align:middle;width:7em}.theme-toggle{border:none;padding:0;white-space:nowrap}.theme-toggle.is-fixed{position:fixed;top:1rem;right:1rem}.theme-toggle label{display:inline-block;line-height:1.5;position:relative;z-index:2}.theme-toggle label:first-of-type{padding-right:4em}.theme-toggle label:first-of-type::before,.theme-toggle label:first-of-type::after{border:1px solid #aaa;content:"";height:1.5em;overflow:hidden;pointer-events:none;position:absolute;vertical-align:middle}.theme-toggle label:first-of-type::before{background:#fff;border:1px solid #aaa;border-radius:100%;position:absolute;right:.175em;transform:translateX(0em);transition:transform .2s ease-in-out;width:1.5em;z-index:2}.theme-toggle label:first-of-type::after{background:#fff;border-radius:1em;margin:0 .8em;transition:background .2s ease-in-out;width:3em}.theme-toggle label:last-child{margin-left:-3.5em;padding-left:4em}.theme-toggle input{opacity:0;position:absolute}.theme-toggle input:first-of-type:checked~label:first-of-type:after{background:#101727}.theme-toggle input:first-of-type:checked~label:first-of-type:before{transform:translateX(-1.5em)}.theme-toggle input:last-of-type:checked~label:last-of-type{z-index:1}.theme-toggle:focus-within label:first-of-type:after{box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.card{background-color:var(--color-background);padding:1rem;border-radius:12px}@media(min-width: 40rem){.card{padding:1rem 2rem}}@media(min-width: 40rem){.card .has-large-padding{padding:1rem 4rem}}.graph{--graph-width: 100%;overflow:visible}.graph_wrapper{position:relative;margin:2rem auto}.graph_grid{stroke:#ccc;stroke-dasharray:0;stroke-width:1}.graph_labels{font-size:13px;text-anchor:end}.graph_labels .label-title{font-weight:bold;text-transform:uppercase;font-size:12px;fill:#000;text-anchor:middle}.graph_labels--x text{transform:rotate(0 0 -45deg);transform-origin:100}.graph_labels--y text{transform:translateY(0.325em)}.graph_labels--y .label-title{text-anchor:end}.graph_data{--graph-color: #00808B}.graph_data circle{cursor:pointer;fill:var(--graph-color);stroke-width:15;stroke:transparent;border-radius:50%}.graph_data circle[aria-labelledby*=visitors]{--graph-color: rgb(116, 214, 116)}.graph_data circle:focus{outline:2px solid var(--graph-color)}.graph_data polyline{fill:none;stroke-width:2;stroke:var(--graph-color);-webkit-animation:drawLine 1s ease-out forwards;animation:drawLine 1s ease-out forwards;transition:.2s}.graph_data polyline[aria-label=visitors]{--graph-color: rgb(116, 214, 116)}.graph_tooltip{display:none;position:absolute;background-color:rgba(0,31,36,.85);color:#fff;padding:.5rem calc(.5rem + 15px) .5rem .5rem;-webkit-clip-path:polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0% 0%);clip-path:polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 0% 0%);min-width:5rem;margin-left:calc(var(--translate-left) * 1px);margin-top:calc(var(--translate-top) * 1px);top:calc(var(--top) * 1px);left:calc(var(--left) * 1px)}.graph_tooltip p{margin:0;font-weight:bold}.graph_tooltip p:first-of-type{font-weight:normal;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.graph_tooltip.is-active{display:block;z-index:3}.graph_table{margin:0 auto;width:var(--graph-width)}.graph_table td,.graph_table th{padding:.5rem;text-align:left}.graph_table tbody tr:nth-of-type(odd){background-color:#f2f2f2}.graph_toggle{font:inherit;position:absolute;top:-1rem;right:0;border:0;padding:.5rem;background-color:rgba(0,128,139,.2);cursor:pointer}[data-toggle-state=false]{display:none}@-webkit-keyframes drawLine{from{stroke-dashoffset:var(--stroke-size)}to{stroke-dashoffset:0}}@keyframes drawLine{from{stroke-dashoffset:var(--stroke-size)}to{stroke-dashoffset:0}}.datas{list-style:none;padding:0;margin:0;gap:2rem;counter-reset:listname}.datas li{margin-bottom:2rem}.datas li+li{border-top:1px solid #ffffff67}.datas h3::before,.datas h4::before{content:counter(listname) ". ";counter-increment:listname;font-weight:700;font-size:1.1em;margin-right:.5rem;color:var(--color-primary)}details{margin:1rem 0 0}details+details{border-top:1px solid #777;margin:0}details summary{cursor:pointer;list-style-type:none;display:flex;align-items:center;background-color:inherit;padding:.5rem;font-size:1.2rem;font-weight:700;position:relative;background-color:#003139}details summary::before{content:"";display:inline-block;margin-right:1rem;width:1.5rem;height:1.0625rem;font-size:1.5rem;transform-origin:center;align-self:initial;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='8.4' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M1 1l6.5 7L14 1' stroke-width='2' stroke='%23fff'/%3E%3C/svg%3E");background-size:contain;position:absolute;top:0;bottom:0;right:0;height:100%;background-repeat:no-repeat;background-position:center}details[open]{padding:0 0 2rem}details[open] summary::before{transform:rotate(-180deg)}.container{margin:0 auto;max-width:var(--site-width)}.container--s{margin:0 auto;max-width:80ch}.container--m{margin:0 auto;max-width:90ch}.grid,.grid-auto{display:block;grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gap)}.grid-auto{grid-template-columns:repeat(auto-fit, minmax(var(--grid-item-width), 1fr))}@media(min-width: 40rem){.grid,.grid-auto{display:grid}}.grid>*,.grid-auto>*{grid-column:span var(--col-span);grid-row:span var(--row-span)}.flex{display:flex;flex-wrap:wrap;align-items:center}.sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.skip-link{opacity:0;background:var(--color-primary);color:var(--color-background-blue);font-weight:700;top:0;z-index:99999;left:50%;padding:.5rem 1.5rem;position:absolute;transform:translateY(-100%) translateX(-50%);transition:transform .3s}.skip-link:focus{opacity:1;transform:translateY(0%) translateX(-50%)}.text-align-center{text-align:center}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.align-self-center{align-self:center}.position-relative{position:relative}[id]{scroll-margin-top:calc( var(--menu-height, 5rem) + 5rem)}.sticky{position:-webkit-sticky;position:sticky;top:2rem}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-text-dark{color:var(--color-text-dark)}.has-background-gradient{background-color:var(--color-gradient)}.has-background-accent{background-color:var(--color-background-accent)}.is-larger{font-size:1.125rem}@media screen and (min-width: 23.4375rem){.is-larger{font-size:calc( 1.125rem + 0.25 * ( (100vw - 23.4375rem) / 66.5625 ) )}}@media screen and (min-width: 90rem){.is-larger{font-size:1.375rem}}.is-large{font-size:1.5em}.is-medium{font-size:1.15em}.is-size-05{font-size:.875rem}.w100{width:100%}.mw400{max-width:37.5rem}.mh60vh{min-height:60vh}.maauto{margin:auto}.mtauto{margin-top:auto}.mrauto{margin-right:auto}.mbauto{margin-bottom:auto}.mlauto{margin-left:auto}.mhauto{margin-left:auto;margin-right:auto}.mvauto{margin-top:auto;margin-bottom:auto}.paauto{padding:auto}.ptauto{padding-top:auto}.pbauto{padding-bottom:auto}.prauto{padding-right:auto}.plauto{padding-left:auto}.phauto{padding-left:auto;padding-right:auto}.pvauto{padding-top:auto;padding-bottom:auto}.ma0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.mh0{margin-left:0;margin-right:0}.mv0{margin-top:0;margin-bottom:0}.pa0{padding:0}.pt0{padding-top:0}.pb0{padding-bottom:0}.pr0{padding-right:0}.pl0{padding-left:0}.ph0{padding-left:0;padding-right:0}.pv0{padding-top:0;padding-bottom:0}.maxs{margin:0.5rem}.mtxs{margin-top:0.5rem}.mrxs{margin-right:0.5rem}.mbxs{margin-bottom:0.5rem}.mlxs{margin-left:0.5rem}.mhxs{margin-left:0.5rem;margin-right:0.5rem}.mvxs{margin-top:0.5rem;margin-bottom:0.5rem}.paxs{padding:0.5rem}.ptxs{padding-top:0.5rem}.pbxs{padding-bottom:0.5rem}.prxs{padding-right:0.5rem}.plxs{padding-left:0.5rem}.phxs{padding-left:0.5rem;padding-right:0.5rem}.pvxs{padding-top:0.5rem;padding-bottom:0.5rem}.mas{margin:1rem}.mts{margin-top:1rem}.mrs{margin-right:1rem}.mbs{margin-bottom:1rem}.mls{margin-left:1rem}.mhs{margin-left:1rem;margin-right:1rem}.mvs{margin-top:1rem;margin-bottom:1rem}.pas{padding:1rem}.pts{padding-top:1rem}.pbs{padding-bottom:1rem}.prs{padding-right:1rem}.pls{padding-left:1rem}.phs{padding-left:1rem;padding-right:1rem}.pvs{padding-top:1rem;padding-bottom:1rem}.mam{margin:2rem}.mtm{margin-top:2rem}.mrm{margin-right:2rem}.mbm{margin-bottom:2rem}.mlm{margin-left:2rem}.mhm{margin-left:2rem;margin-right:2rem}.mvm{margin-top:2rem;margin-bottom:2rem}.pam{padding:2rem}.ptm{padding-top:2rem}.pbm{padding-bottom:2rem}.prm{padding-right:2rem}.plm{padding-left:2rem}.phm{padding-left:2rem;padding-right:2rem}.pvm{padding-top:2rem;padding-bottom:2rem}.mal{margin:3rem}.mtl{margin-top:3rem}.mrl{margin-right:3rem}.mbl{margin-bottom:3rem}.mll{margin-left:3rem}.mhl{margin-left:3rem;margin-right:3rem}.mvl{margin-top:3rem;margin-bottom:3rem}.pal{padding:3rem}.ptl{padding-top:3rem}.pbl{padding-bottom:3rem}.prl{padding-right:3rem}.pll{padding-left:3rem}.phl{padding-left:3rem;padding-right:3rem}.pvl{padding-top:3rem;padding-bottom:3rem}.maxl{margin:4rem}.mtxl{margin-top:4rem}.mrxl{margin-right:4rem}.mbxl{margin-bottom:4rem}.mlxl{margin-left:4rem}.mhxl{margin-left:4rem;margin-right:4rem}.mvxl{margin-top:4rem;margin-bottom:4rem}.paxl{padding:4rem}.ptxl{padding-top:4rem}.pbxl{padding-bottom:4rem}.prxl{padding-right:4rem}.plxl{padding-left:4rem}.phxl{padding-left:4rem;padding-right:4rem}.pvxl{padding-top:4rem;padding-bottom:4rem}.maxxl{margin:5rem}.mtxxl{margin-top:5rem}.mrxxl{margin-right:5rem}.mbxxl{margin-bottom:5rem}.mlxxl{margin-left:5rem}.mhxxl{margin-left:5rem;margin-right:5rem}.mvxxl{margin-top:5rem;margin-bottom:5rem}.paxxl{padding:5rem}.ptxxl{padding-top:5rem}.pbxxl{padding-bottom:5rem}.prxxl{padding-right:5rem}.plxxl{padding-left:5rem}.phxxl{padding-left:5rem;padding-right:5rem}.pvxxl{padding-top:5rem;padding-bottom:5rem}