@font-face{font-family:Roboto;font-weight:400;src:local("Roboto"),url(../fonts/roboto-regular-webfont.woff2) format("woff2"),url(../fonts/roboto-regular-webfont.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Roboto;font-weight:500;src:local("Roboto"),url(../fonts/roboto-medium-webfont.woff2) format("woff2"),url(../fonts/roboto-medium-webfont.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Roboto;font-weight:700;src:local("Roboto"),url(../fonts/roboto-bold-webfont.woff2) format("woff2"),url(../fonts/roboto-bold-webfont.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Avenir;font-weight:400;src:local("Avenir"),url(../fonts/AvenirNextText-Regular.woff2) format("woff2"),url(../fonts/AvenirNextText-Regular.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:Avenir;font-weight:700;src:local("Avenir"),url(../fonts/AvenirNextText-Bold.woff2) format("woff2"),url(../fonts/AvenirNextText-Bold.woff) format("woff");font-style:normal;font-display:swap}.ff1{font-family:Roboto}.ff2{font-family:Avenir}.fs-xxxs{font-size:.625rem}.fs-xxs{font-size:.75rem}.fs-xs{font-size:.875rem}.fs-s{font-size:1rem}.fs-m{font-size:1.25rem}.fs-l{font-size:1.5rem}.fs-xl{font-size:2rem}.fs-xxl{font-size:2.5rem}.fs-xxxl{font-size:3.25rem}.pad-s{padding:.25rem}.pad{padding:1rem}.pad-l{padding:4.5rem}.pad-x-xs{padding:0 .25rem}.pad-x{padding:0 1rem}.pad-x-xl{padding:0 4.5rem}.pad-y-xs{padding:.25rem 0}.pad-y{padding:1rem 0}.pad-y-xl{padding:4.5rem 0}.mar-xs{margin:.25rem}.mar{margin:1rem}.mar-xl{margin:4.5rem}.mar-x-xs{margin:0 .25rem}.mar-x{margin:0 1rem}.mar-x-xl{margin:0 4.5rem}.mar-y-xs{margin:.25rem 0}.mar-y{margin:1rem 0}.mar-y-xl{margin:4.5rem 0}.rad-s{border-radius:.25rem}.rad{border-radius:.5rem}.rad-l{border-radius:.75rem}:root{--lab-color-2:tomato;--lab-color-bg:#eee;--lab-color-txt:#fff;--lab-color-txt-l:#bbb;--lab-color-ok:#77ba5d;--lab-color-ko:tomato;--lab-color-actual:orange;--lab-color-disabled:#000;--lab-transition:all .25s ease-in-out 0s;--lab-shadow:0 0 2rem 0 rgb(41 48 66 / 20%);--lab-width-pano:18rem;--lab-maxwidth-container:85rem;--lab-width-inter:3rem;--lab-fs-t1:1.5rem;--lab-fs-t2:1rem;--lab-fs-t3:1.125rem}.lab-pano{position:fixed;top:1rem;width:var(--lab-width-pano);height:calc(100vh - 2rem);z-index:9999;background-color:var(--lab-color-1);transition:var(--lab-transition);color:var(--lab-color-txt);box-shadow:var(--lab-shadow)}.lab-pano.left{left:calc(-1 * var(--lab-width-pano));border-bottom-right-radius:var(--lab-radius);border-top-right-radius:var(--lab-radius)}.lab-open .lab-pano.left{left:0}.lab-pano.right{right:calc(-1 * var(--lab-width-pano));border-bottom-left-radius:var(--lab-radius);border-top-left-radius:var(--lab-radius)}.lab-open .lab-pano.right{right:0}.lab-pano-nav{display:block;width:var(--lab-width-inter);background-color:var(--lab-color-1-d);position:absolute;top:50%;border:none;padding:0;transition:var(--lab-transition);z-index:1000;transform:translateY(-50%)}.lab-pano.left .lab-pano-nav{right:calc(-1 * var(--lab-width-inter));border-top-right-radius:var(--lab-radius);border-bottom-right-radius:var(--lab-radius)}.lab-open .lab-pano.left .lab-pano-nav{right:calc(-1 * var(--lab-width-inter))}.lab-pano.right .lab-pano-nav{left:calc(-1 * var(--lab-width-inter));border-top-left-radius:var(--lab-radius);border-bottom-left-radius:var(--lab-radius)}.lab-open .lab-pano.right .lab-pano-nav{left:calc(-1 * var(--lab-width-inter))}.lab-pano-nav-link{display:block;display:block;width:var(--lab-width-inter);height:var(--lab-width-inter);background:var(--lab-color-1-d);border:none;padding:0;margin:0}.lab-pano-nav-link svg{width:1.5rem;height:1.5rem;fill:var(--lab-color-txt-l);transition:var(--lab-transition)}.lab-pano.left .lab-pano-nav-link:first-child{border-top-right-radius:var(--lab-radius)}.lab-pano.right .lab-pano-nav-link:first-child{border-top-left-radius:var(--lab-radius)}.lab-pano.left .lab-pano-nav-link:last-child{border-bottom-right-radius:var(--lab-radius)}.lab-pano.right .lab-pano-nav-link:last-child{border-bottom-left-radius:var(--lab-radius)}.lab-pano-nav-link.current{background-color:var(--lab-color-1-l)!important}.lab-pano-nav-link.current svg{fill:var(--lab-color-txt)!important}.lab-pano-nav-link:hover{background-color:var(--lab-color-1)}.lab-pano-nav-link:hover svg{fill:var(--lab-color-txt)}.lab-pano-nav-link:focus{outline:0}.lab-pano-header{padding:1.25rem 2.5rem 1.25rem 1rem;font-size:1rem;height:4rem;background-color:var(--lab-color-1-d);text-transform:uppercase}.lab-pano.left .lab-pano-header{border-top-right-radius:var(--lab-radius)}.lab-pano.right .lab-pano-header{border-top-left-radius:var(--lab-radius)}.lab-pano-header svg{width:1.5rem;height:1.5rem;margin-right:.25rem;fill:var(--lab-color-txt);position:relative;top:-2px}.lab-pano-i{display:none}.lab-pano-close{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;padding:0;margin:0;background-color:transparent;border:none}.lab-pano-close svg{width:1.5rem;height:1.5rem;fill:var(--lab-color-txt-l);transition:var(--lab-transition)}.lab-pano-close:hover svg{fill:var(--lab-color-txt)}.lab-overlay{position:fixed;width:100%;height:100%;display:none;background:rgba(0,0,0,.5);z-index:1900;top:0;left:0}.lab-open .lab-overlay{display:block}.lab-overlay-disabled{display:none!important}.lab-section{padding:1rem;font-size:.875rem}.lab-content{height:calc(100vh - 6rem);overflow-y:auto}.lab-list{list-style:none;padding:0;margin:0 0 .5rem 0}.lab-link{color:var(--lab-color-txt-l);transition:var(--lab-transition);position:relative;display:block;padding:.5rem .5rem .5rem 1.5rem;border-radius:var(--lab-radius);background-color:transparent}.lab-link:focus,.lab-link:hover{color:var(--lab-color-txt);text-decoration:none;background-color:var(--lab-color-1-d)}.lab-link.current{color:var(--lab-color-txt)!important;background-color:var(--lab-color-1-l)}.lab-link:before{content:"";display:inline-block;border-radius:var(--lab-radius);width:.5rem;height:.5rem;position:absolute;left:.5rem;top:50%;transform:translateY(-50%)}.lab-link.ok:before{background-color:var(--lab-color-ok)}.lab-link.ko:before{background-color:var(--lab-color-ko)}.lab-link.actual:before{background-color:var(--lab-color-actual)}.lab-link.disabled{opacity:.5}.lab-link.disabled:before{background-color:var(--lab-color-disabled)}.lab-body{background-color:var(--lab-color-bg)}.lab-header{background-color:var(--lab-color-1-l);margin:0;box-shadow:var(--lab-shadow);padding:1.5rem 0;position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:100rem;z-index:10;border-bottom-left-radius:var(--lab-radius);border-bottom-right-radius:var(--lab-radius)}.lab-middle{padding:7.5rem 0 2rem 0}.lab-container{padding:0 1.5rem;max-width:var(--lab-maxwidth-container);margin:0 auto}.lab-t1{font-size:var(--lab-fs-t1);color:#fff;text-transform:uppercase;margin:0;font-weight:400}.lab-t2{font-size:var(--lab-fs-t2);background-color:var(--lab-color-1-l);color:#fff;font-weight:400;text-transform:uppercase;margin-bottom:.5rem;display:inline-block;padding:.5rem 1rem;border-radius:var(--lab-radius);position:relative;left:-3rem;top:-.5rem}.lab-t3{font-size:var(--lab-fs-t3);color:var(--lab-color-2);font-weight:400;margin-bottom:.25rem}.lab-bl{background-color:#fff;border-radius:var(--lab-radius);box-shadow:var(--lab-shadow);margin:0 0 2rem 0;padding:1.5rem}.lab-pre{font-size:.75rem;margin:0;overflow:auto;-ms-overflow-style:scrollbar;background-color:#555;color:#ddd;border-radius:var(--lab-radius);border-left:.25rem solid var(--lab-color-1);padding:.5rem;margin:0 0 2rem 0}.lab-pre-custom{border-color:var(--lab-color-2)}.lab-col-item{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.15);border-radius:var(--lab-radius);margin-bottom:.5rem;padding:16px 8px;text-align:center;font-size:.75rem;color:#777}.lab-color{margin:0 .75rem .75rem 0;width:6.25rem}.lab-color-o{display:flex;flex-wrap:wrap}.lab-color-i{position:relative;width:100%;height:6.25rem}.lab-color-d,.lab-color-l{display:block;height:33%;width:100%;position:absolute;left:0}.lab-color-d{bottom:0}.lab-color-l{top:0}.lab-color-var{font-size:.6875rem;font-weight:700}.lab-color-code{font-size:.625rem;margin:0 0 .25rem 0}.lab-color i{font-size:.625rem;color:#888;display:block}.lab-color-charte:before{display:block;width:1rem;height:1rem;background-color:tomato;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.lab-totop{width:2rem;height:2rem;background-color:transparent;border:none;opacity:0;padding:0;margin:0;transition:var(--lab-transition)}.lab-scrolled .lab-totop{opacity:1}.lab-totop svg{width:2rem;height:2rem;fill:var(--lab-color-txt-l);transition:var(--lab-transition)}.lab-totop:hover svg{fill:var(--lab-color-txt)}.lab-toggle{position:relative}.lab-toggle input[type=checkbox]{position:absolute;left:-9999em}.lab-toggle input[type=checkbox]~label{display:block;cursor:pointer;width:100%;padding-left:3rem;color:var(--lab-color-txt-l)}.lab-toggle input[type=checkbox]~label:after,.lab-toggle input[type=checkbox]~label:before{position:absolute;display:block;content:"";transition:all .25s ease-in-out 0s;top:50%;transform:translateY(-50%)}.lab-toggle input[type=checkbox]~label:before{background-color:var(--lab-color-1-d);left:0;width:2.5rem;height:1.25rem;border-radius:.624rem;border:1px solid var(--lab-color-1-d)}.lab-toggle input[type=checkbox]~label:after{background-color:var(--lab-color-txt-l);left:.125rem;width:1rem;height:1rem;border-radius:50%}.lab-toggle input[type=checkbox]:checked~label{color:var(--lab-color-txt)}.lab-toggle input[type=checkbox]:checked~label:before{background-color:var(--lab-color-1-l);border-color:var(--lab-color-1-l)}.lab-toggle input[type=checkbox]:checked~label:after{left:22px;background-color:var(--lab-color-ok)}.lab-theme{border-top:1px solid var(--lab-color-txt-l);margin-top:1rem;padding-top:.5rem}.lab-theme-title{margin:0 0 .5rem 0;text-transform:uppercase}.lab-theme-liste{display:flex;flex-wrap:wrap}.lab-theme-item{display:inline-block;margin:0 .5rem .5rem 0;width:2rem;height:2rem}.lab-theme-item input[type=checkbox],.lab-theme-item input[type=radio]{position:absolute;left:-9999em}.lab-theme-item input[type=checkbox]:checked~label,.lab-theme-item input[type=checkbox]:not(:checked)~label,.lab-theme-item input[type=radio]:checked~label,.lab-theme-item input[type=radio]:not(:checked)~label{display:inline-block;width:2rem;height:2rem;cursor:pointer;border:2px solid var(--lab-color-1);margin:0;border-radius:50%;position:relative;transition:all .25s ease-in-out 0s}.lab-theme-item input[type=checkbox]:checked~label:hover,.lab-theme-item input[type=checkbox]:not(:checked)~label:hover,.lab-theme-item input[type=radio]:checked~label:hover,.lab-theme-item input[type=radio]:not(:checked)~label:hover{border-color:var(--lab-color-1-l)}.lab-theme-item input[type=checkbox]:checked~label,.lab-theme-item input[type=radio]:checked~label{border-color:var(--lab-color-txt)!important}