html{font-size:18px}body{padding:0;font-family:"Ubuntu", sans-serif;font-weight:300}.website{margin:0 auto;display:block}.website.nav{border-bottom:2px solid #e9ecee}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:1200px;width:100%;gap:1rem;margin:0 auto}.toc{width:30rem}.toc ul{list-style-type:none;margin:0;padding-inline:0;padding-block:1rem}.toc ul li{padding:0.5rem 1rem}.toc ul li.has-children>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toc ul li.has-children>a:after{font-family:'Material Symbols Outlined';content:"\e5cf"}.toc ul li ul{display:none;font-size:0.9rem;list-style-type:disc;padding:0.5rem 0 1rem 1.5rem}.toc ul li ul li{padding:0.5rem 0;color:black}.toc ul li.active>a{font-weight:400;color:orangered}.toc ul li.active ul{display:block}.toc ul li.active.has-children>a:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}li::marker{-webkit-transition:color 0.3s ease;transition:color 0.3s ease;color:currentColor}li:hover{color:orangered}li:hover::marker{color:orangered}a{color:black;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;text-decoration:none}a:hover{color:orangered}.gap{border-right:1px solid #ccc;width:2rem;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}.car{position:relative;aspect-ratio:1200/635;background-image:url("car2.jpg");background-size:cover;width:100%;margin-block:2rem}.car.poc3{background-image:url("carexploded.jpg");aspect-ratio:1200/715}.car .sub{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;scale:0.5;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.car .sub:before{content:"";border:3px solid orangered;border-radius:50%;height:30px;width:30px}.car .sub:after{content:"";width:1rem;height:1rem;background-color:orangered;border-radius:50%;position:absolute}.car .sub.show{opacity:1;scale:1}.car .sub.show:before{-webkit-animation:pulsate 1.2s ease-out infinite;animation:pulsate 1.2s ease-out infinite}.car .switch-view{position:absolute;bottom:0rem;right:0rem;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.15rem;color:#252525;font-size:0.75rem;border:1px solid #252525;border-radius:1rem;padding:0.3rem 0.75rem;opacity:0.4;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;font-weight:400}.car .switch-view img{position:relative;opacity:1;height:1.2rem;width:auto}.car .switch-view:hover{opacity:1}.car img{position:absolute;top:0;left:0;opacity:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;will-change:opacity}.car img.active{opacity:1}.car label{background-color:#ff4500;border:1px solid #ff4500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;color:white;padding:0.5rem 0.75rem;position:absolute;cursor:pointer;z-index:2;font-size:14px;border-radius:30px;padding:0.5rem 1rem}.car label:hover,.car label.active{background-color:#cc3700;border-color:#cc3700}.car--selected label:not(.active){background-color:white;border-color:green;color:black}.material-symbols-outlined,.toc ul li.has-children>a:after{font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}.car.poc3:after{content:"";display:block;background-image:url("car3.jpg");background-size:cover;top:0;left:0;position:absolute;width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease;pointer-events:all}.car.poc3 .n{opacity:0;will-change:transform;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.car.poc3 .n.n1{-webkit-transition-delay:0.1s;transition-delay:0.1s}.car.poc3 .n.n2{-webkit-transition-delay:0.15s;transition-delay:0.15s}.car.poc3 .n.n3{-webkit-transition-delay:0.2s;transition-delay:0.2s}.car.poc3 .n.n4{-webkit-transition-delay:0.25s;transition-delay:0.25s}.car.poc3 .n.n5{-webkit-transition-delay:0.3s;transition-delay:0.3s}.car.poc3 .n.n6{-webkit-transition-delay:0.35s;transition-delay:0.35s}.wrapper.hovered:hover .car.poc3:after{opacity:0;pointer-events:none}.wrapper.hovered:hover .car.poc3 .n{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
/*# sourceMappingURL=styles.css.map */