@charset "utf-8";@font-face{font-family:'OpenSans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans'),url('./../assets/fonts/OpenSans/static/OpenSans/OpenSans-Regular.ttf') format('truetype')}@font-face{font-family:'OpenSans';font-style:normal;font-weight:300;font-display:swap;src:local('Open Sans'),url('./../assets/fonts/OpenSans/static/OpenSans/OpenSans-Light.ttf') format('truetype')}@font-face{font-family:'OpenSans';font-style:normal;font-weight:700;font-display:swap;src:local('Open Sans'),url('./../assets/fonts/OpenSans/static/OpenSans/OpenSans-Bold.ttf') format('truetype')}:root{--paddingCorners:2rem;--heightHeader:10rem}*,*::before,*::after{background:none;margin:0;padding:0;border:none;outline:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:62.5%;overflow:auto}html,html[data-theme="light"]{--fontColorMain:#000}html[data-theme="dark"]{--fontColorMain:#DDD}html,body{width:100%;min-height:100dvh}body{font:normal normal 400 1.6rem/normal OpenSans,sans-serif;color:#FFF;background:#BBB;position:relative;top:0;left:0;overflow-x:hidden}a{text-decoration:none}a[target="_blank"]::after{content:'\f08e';font-family:'Font Awesome 6 Free';font-weight:700;margin-left:.4rem}ul{list-style:none}hr{width:100%;height:1px;display:block}input{box-shadow:none;outline:none}input::-moz-focus-inner{border:0}.button,button,select{font:inherit;cursor:pointer}.button.disabled,button:disabled,select:disabled{cursor:initial}code{color:inherit;display:block}code pre{white-space:pre-wrap}mark{color:inherit;background:rgba(255,236,128,.4)}.mobile{display:none}.flex{display:flex;justify-content:space-between;flex-wrap:nowrap}.flex>*{flex:1 1 auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;@media (max-width:100rem){grid-template-columns:repeat(3,1fr)}@media (max-width:80rem){grid-template-columns:repeat(2,1fr)}}div.wrapper{width:100%;max-width:100rem;margin:0 auto;padding:0 1rem;position:relative;top:0;left:0}h1,h2,h3{font-size:clamp(3rem,4vh,5rem);font-weight:300;letter-spacing:2px;text-align:center;text-wrap-style:balance;padding:4rem 0 0 0}h2,h3{font-size:2.8rem}header{max-width:180rem;height:var(--heightHeader);margin:0 auto;padding:2rem var(--paddingCorners) 0 var(--paddingCorners)}header div.wrapper{height:100%}header div.wrapper figure{height:inherit;align-content:center}header div.wrapper figure a{height:inherit}header div.wrapper figure img{height:90%}header div.wrapper button#menu{display:none}nav{height:100%}nav ul.navigation{height:inherit;display:flex;justify-content:flex-end;flex-wrap:nowrap}nav ul.navigation li{height:inherit;align-content:center}nav ul.navigation li a{font-size:1.8rem;color:#FFF;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;padding:2rem;&[target="_blank"]::after{font-size:.9em;margin-left:.6rem}&:hover,&:focus-visible{columns:lch(97 94 99);outline:2px dashed lch(97 94 99);outline-offset:-.5rem}}main{background-image:linear-gradient(150deg,lch(52 43 251) 0%,lch(41 39 256) 40%,lch(0 0 0) 100%);background-attachment:fixed;padding:0 0 1rem 0;position:relative;top:0;left:0;box-shadow:0 5px 10px 0 lch(0 0 0 / 80%);z-index:1}main div.wrapper>p,main div.wrapper ol p{font-size:2rem;font-weight:300;letter-spacing:3px;line-height:1.6;padding:2rem 0;&:first-child{padding-top:0}& a{color:lch(97 94 99);&:hover,&:focus-visible{outline:2px dashed lch(97 94 99);outline-offset:.2rem}}@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){font-size:1.8rem;line-height:1.4;letter-spacing:1px;&:last-child{padding-bottom:4rem}}}main div.wrapper ol{padding-left:2rem;& li::before{font:inherit}& b{font-size:2rem;letter-spacing:3px;line-height:1.6}}main ul.configurators{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:repeat(1fr);gap:2rem;padding:2rem 0;@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){grid-template-columns:1fr 1fr;gap:1rem}&:has(li:hover,li:focus-within) li{& a.tile:not(:hover,.hover,:focus-visible) img{filter:grayscale(1) contrast(.8)}& a.tile:is(:hover,.hover,:focus-visible) img{filter:grayscale(0) contrast(1.3)}}}main ul.configurators li{aspect-ratio:3 / 2;border-radius:2rem;overflow:hidden;& a{width:100%;height:100%;color:#EEE;font-weight:bold;position:relative;top:0;left:0;display:block;& img{width:100%;height:100%;object-fit:cover;object-position:center;transition:filter 300ms linear}& p{width:100%;padding:2rem 1rem;text-align:center;align-content:center;letter-spacing:2px;background:lch(0 0 0 / 30%);backdrop-filter:blur(5px);position:absolute;bottom:0;left:0;text-shadow:0 -1px 0 #333;hyphens:auto;text-wrap-style:balance}}&:nth-of-type(1){grid-column:1 / 4;grid-row:1 / 2}&:nth-of-type(2){grid-column:4 / 7;grid-row:1 / 2}&:nth-of-type(3){aspect-ratio:1;grid-column:1 / 3;grid-row:2 / 3}&:nth-of-type(4){aspect-ratio:1;grid-column:3 / 5;grid-row:2 / 3}&:nth-of-type(5){aspect-ratio:1;grid-column:5 / 7;grid-row:2 / 3}@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){border-radius:1rem;& a p{font-size:1.4rem;font-weight:normal;letter-spacing:1px;padding:.5rem .4rem}&:nth-of-type(1){aspect-ratio:1;grid-column:auto;grid-row:auto}&:nth-of-type(2){aspect-ratio:1;grid-column:auto;grid-row:auto}&:nth-of-type(3){grid-column:auto;grid-row:auto}&:nth-of-type(4){grid-column:auto;grid-row:auto}&:nth-of-type(5){grid-column:auto;grid-row:auto}}}main div.content{flex-basis:60%;max-width:100rem;color:#FFF;padding-right:10rem;display:grid;grid-template-rows:1fr auto 1fr;grid-template-columns:1fr}main div.content img{display:none}main figure.image{flex-basis:40%;max-width:70rem;display:grid;place-items:center}main figure.image img{width:90%}main div.content p{font-size:clamp(1.6rem,2.4vh,3rem);font-weight:300;line-height:1.5;letter-spacing:2px;padding:2rem 0}main div.content p a{color:hsl(60,100%,50%);&:focus-visible{text-decoration:underline solid;text-decoration-thickness:.3rem;text-underline-offset:.3rem;color:inherit}}main div.content div.buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}main div.buttons a.button{font-weight:700;letter-spacing:0;color:#000;text-align:center;width:40rem;background:yellow;padding:1rem 2rem;border-radius:1rem;transition:all 100ms linear;&:hover,&:focus-visible{background:#FFF}&:focus-visible{outline:.3rem solid #70CAF0;outline-offset:.3rem}& + a.button{margin-top:1rem}}#loginModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}#loginModal .modal-content{background-color:#fff;margin:10% auto;padding:20px;border-radius:4px;width:300px;box-shadow:0 2px 10px rgba(0,0,0,.3);text-align:center}#loginModal input[type="password"]{width:100%;padding:8px;margin-top:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px}#loginModal button{padding:8px 16px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer}#loginModal button:hover{background-color:#0056b3}#fileManager{display:none;padding:20px}#fileTable{width:100%;border-collapse:collapse;margin-top:20px}#fileTable th,#fileTable td{border:1px solid #ddd;padding:8px}#fileTable th{background-color:#f2f2f2}.action-btn{margin-right:5px;cursor:pointer}footer{width:100%;color:#333;display:block;position:relative;bottom:0;left:0}footer div.wrapper{padding:4rem 0;display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;& div{padding:0 2rem;&:has(+ div){border-right:1px solid lch(0 0 0 / 20%)}& + div{border-left:1px solid lch(100 0 0 / 50%)}@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){padding:2rem 0;border-left:none!important;border-right:none!important;&:has(+ div){border-bottom:1px solid lch(0 0 0 / 20%)}& + div{border-top:1px solid lch(100 0 0 / 50%)}}}@media screen and (max-width:880px){grid-template-columns:1fr 1fr 20rem}@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){display:block;padding:2rem 1rem}}footer a::after{display:none}footer a:has(img){width:60%;display:block;& img{width:100%}}footer p{padding:.4rem 0;text-shadow:0 1px 0 lch(100 0 0 / 50%);&.title{font-weight:bold}}footer a{color:inherit}footer ul li a{display:inline-block;padding:.2rem 1rem .2rem 0;position:relative;top:0;left:0;text-shadow:0 1px 0 lch(100 0 0 / 50%);transition:padding-left 300ms ease;&::before{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:0;translate:0 -50%;padding-left:1rem;opacity:0;transition:padding-left 300ms ease,opacity 150ms linear;z-index:-1}&:hover,&:focus-visible{padding-left:2rem;&::before{padding-left:0;opacity:1;transition-duration:300ms,300ms}}@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){padding:0 1rem 0 0;margin:.6rem 0}}@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){:root{--paddingCorners:1rem;--heightHeader:7rem}.desktop{display:none}.mobile{display:initial}h1{font-size:2.6rem;margin-top:3rem}header{padding:2rem var(--paddingCorners) 1rem var(--paddingCorners)}header div.wrapper button#menu{--lineWidth:5rem;--lineColor:#DDD;--lineSpace:1rem;flex:0 0 var(--lineWidth);width:var(--lineWidth);height:100%;padding:0 1rem;display:flex;align-items:center;cursor:pointer;position:relative;top:0;left:0;& div.line{width:100%;height:3px;background:var(--lineColor);position:relative;top:0;left:0;transition:background 0s 250ms linear;&::before,&::after{content:'';width:100%;height:100%;background:var(--lineColor);display:block;position:absolute;left:0;transition:all 250ms ease;transition-delay:250ms,0s}&::before{bottom:var(--lineSpace);transition-property:bottom,rotate}&::after{top:var(--lineSpace);transition-property:top,rotate}}&.close div.line{background:transparent;&::before,&::after{transition-delay:0s,250ms}&::before{bottom:0;rotate:45deg}&::after{top:0;rotate:-45deg}}}nav{width:60%;height:calc(100dvh - 6rem);background:#999;position:fixed;top:7rem;left:calc(100% + 1rem);transition:all 500ms ease;transition-property:left,translate;z-index:1;&.show{left:100%;translate:-100% 0}}nav ul.navigation{height:auto;display:block}nav ul.navigation li{height:auto;&:not(:first-of-type){border-top:1px solid rgba(255,255,255,.4)}&:not(:last-of-type){border-bottom:1px solid rgba(0,0,0,.2)}}nav ul.navigation li a{font-size:1.6rem;color:#FFF;height:inherit;display:block;padding:2rem 0 2rem 1rem}nav ul.navigation li a[target="_blank"]::after{font-size:.9em}main.flex{display:block}main{height:auto}main div.content{max-width:auto;padding-right:0;display:block}main div.content p{font-size:1.8rem}main div.content img{width:60%;display:block;margin:3rem auto}main figure.image{display:none}main div.content div.buttons{display:block;margin-top:2rem}main div.buttons a.button{width:100%;display:block}}