@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light dark;interpolate-size:allow-keywords;--gray-50: 0 0% 95%;--gray-75: 0 0% 90%;--gray-100: 0 0% 86%;--gray-200: 0 0% 77%;--gray-300: 0 0% 68%;--gray-400: 0 0% 59%;--gray-500: 0 0% 50%;--gray-600: 0 0% 41%;--gray-700: 0 0% 32%;--gray-800: 0 0% 23%;--gray-900: 0 0% 14%;--gray-950: 0 0% 5%;--yellow-50: 60 100% 95%;--yellow-100: 0 100% 86%;--yellow-200: 0 100% 77%;--yellow-300: 0 100% 68%;--yellow-400: 0 100% 59%;--yellow-500: 0 100% 50%;--yellow-600: 0 100% 41%;--yellow-700: 0 100% 32%;--yellow-800: 0 100% 23%;--yellow-900: 0 100% 14%;--yellow-950: 0 100% 5%;--blue-50: 216 100% 95%;--blue-100: 216 100% 86%;--blue-200: 216 100% 77%;--blue-300: 216 100% 68%;--blue-400: 216 100% 58%;--blue-500: 216 100% 50%;--blue-600: 216 100% 41%;--blue-700: 216 100% 32%;--blue-800: 216 100% 23%;--blue-900: 215 100% 14%;--blue-950: 217 100% 5%;--grayblue-50: 220 14% 96%;--grayblue-100: 220 13% 87%;--grayblue-200: 218 14% 78%;--grayblue-300: 221 14% 69%;--grayblue-400: 221 14% 60%;--grayblue-500: 219 14% 50%;--grayblue-600: 219 14% 41%;--grayblue-700: 219 14% 32%;--grayblue-800: 221 14% 23%;--grayblue-900: 222 14% 14%;--grayblue-950: 225 15% 5%;--purple-50: 265 76% 95%;--purple-100: 265 75% 86%;--purple-200: 265 74% 77%;--purple-300: 265 74% 68%;--purple-400: 265 74% 59%;--purple-500: 265 74% 50%;--purple-600: 265 74% 41%;--purple-700: 265 74% 35%;--purple-800: 265 74% 23%;--purple-900: 265 75% 14%;--purple-950: 265 76% 5%;--brown-50: 0 60% 95%;--brown-100: 0 58% 86%;--brown-200: 0 59% 77%;--brown-300: 0 60% 68%;--brown-400: 0 59% 59%;--brown-500: 0 59% 50%;--brown-600: 0 59% 41%;--brown-700: 0 60% 32%;--brown-800: 0 59% 23%;--brown-900: 0 58% 14%;--brown-950: 0 60% 5%;--cieling-50: 195 31% 95%;--cieling-100: 193 32% 86%;--cieling-200: 194 33% 77%;--cieling-300: 193 33% 68%;--cieling-400: 194 33% 59%;--cieling-500: 194 33% 50%;--cieling-600: 194 33% 42%;--cieling-700: 194 33% 32%;--cieling-800: 194 33% 23%;--cieling-900: 193 32% 14%;--cieling-950: 195 31% 5%;--theme-50: 27 36% 95%;--theme-100: 28 33% 86%;--theme-200: 27 34% 77%;--theme-300: 26 34% 68%;--theme-400: 26 34% 59%;--theme-500: 26 34% 50%;--theme-600: 26 34% 42%;--theme-700: 26 34% 32%;--theme-800: 26 34% 23%;--theme-900: 25 33% 14%;--theme-950: 27 36% 5%;--clr-ft-dark: hsl(0, 0%, 70%);--wall-h1: var(--cieling-700);--foreG-invert: #171717;--theme-white: hsla(0, 0%, 64%, .71);--theme-dark: hsla(187, 94%, 18%, .71);--theme-light: hsla(0, 0%, 96%, .246);--theme-clr-font: hsl(30, 36%, 52%);--theme-clr-font-c: hsl(var(--theme-600));--clr-tooltip: hsl(var(--gray-50));--bg-tooltip: var(--theme-clr-font);--ft-title: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--nav-var: clamp(1rem, 3vw, 2rem);--header-height: 6.5rem;--footer-height: 50px;--bradius: .5rem;--radius: .3rem;--bar-width: 60px;--bar-height: 8px;--hamb-gap: 6px;--animation-timing: .25s ease-out;--animation-delay: .2s;--hamb-height: calc(var(--bar-height) * 3 + var(--hamb-gap) * 2);--column-count: 6}:root header.active{--header-height: 4rem}.light{--bg-clr-toggle: var(--theme-clr-font);--hm-img: url(/assets/porche/porche-stencil.png);--root-bg: hsl(var(--grayblue-50));--foreG: var(--gray-800);--backG: var(--grayblue-50);--theme: var(--theme-light);--ad-ph: hsl(var(--cieling-700));--nav-bg: var(--gray-800);--nav-clr: var(--gray-200);--night-day: var(--grayblue-800);--h1-opacity: 1;--project-h1: var(--foreG);--bgContact: hsl(var(--gray-100));--input-bg: var(--gray-75);--input-clr: var(--gray-800);--input-focus-bg: var(--grayblue-50);--focus-clr-cntact: hsl(var(--blue-200));--admin-bg: hsl(var(--grayblue-100));--admin-links-clr: hsl(var(--grayblue-600));--table-bg: var(--theme-100);--table-select-bg: var(--gray-50);--table-clr: var(--gray-900)}.dark{--bg-clr-toggle: hsl(var(--gray-100));--hm-img: url(/assets/porche/porche-mod.jpg);--root-bg: rgb(28, 28, 28);--foreG: var(--grayblue-100);--backG: var(--gray-900);--theme: var(--theme-dark);--ad-ph: hsl(var(--cieling-400));--nav-bg: var(--grayblue-200);--nav-clr: var(--gray-900);--night-day: var(--grayblue-200);--h1-opacity: .8;--project-h1: var(--blue-600);--bgContact: hsl(var(--grayblue-900));--input-bg: var(--grayblue-800);--input-clr: var(--gray-200);--input-focus-bg: var(--gray-950);--focus-clr-cntact: rgb(136, 183, 190);--admin-bg: hsl(var(--grayblue-800));--admin-links-clr: hsl(var(--grayblue-200) / .8);--table-bg: var(--grayblue-900);--table-clr: var(--grayblue-400);--table-select-bg: var(--gray-950)}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none;color:gray}li{list-style:none;text-decoration:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover}h1,h2,h3,h4,h5,h6,p{color:hsl(var(--foreG))}button{display:inline-block;cursor:pointer;text-align:center;background:none;border:none;font:inherit;color:hsl(var(--foreG));padding:0}input,button,textarea,select{font:inherit}.theme-selector .theme-tooltip,footer .footer-tooltip{color:var(--clr-tooltip);background-color:var(--bg-tooltip);font-weight:900}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none}}body,html{height:100%;scroll-behavior:smooth}body::-webkit-scrollbar{width:0px;height:8px}body{margin:0;font-family:var(--ft-title);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:hsl(var(--backG));position:relative}header.active .theme-selector svg{color:var(--bg-clr-toggle);transition:.2s ease-out}header.active .hamburger:before,header.active .hamburger:after{background-color:var(--bg-clr-toggle);transition:.2s ease-out}header.active .hamburger input{background-color:var(--bg-clr-toggle)}header.active li a,header.active .contact-button-header:not(.navUi .contact-button-header){color:hsl(var(--foreG));transition:.2s ease-out}.section-header{grid-row:1}header{display:grid;height:var(--header-height);align-items:center;position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.5s ease}header .theme-selector{grid-row:1;grid-column:2;padding:1rem;transition:all .5s ease-out}header .theme-selector svg{font-size:2rem;color:hsl(var(--night-day) / .8);background-color:transparent;transform:rotate(22deg)}header .theme-selector svg:focus{border:transparent;outline:transparent}header .head{grid-row:1}header .navUl{display:flex;justify-content:space-between;padding-right:1rem;font-family:Orbitron,system-ui,sans-serif;max-width:885px}header li{position:relative}header li a{text-decoration:none}header .head li a{color:hsl(var(--nav-clr));font-weight:500;padding:.1rem var(--nav-var);display:flex;background-color:hsl(var(--nav-bg));border-radius:3px;text-align:center}header .border li a{border:1px solid rgb(82,123,136)}header .event-border li a{border:1px solid rgb(138,138,90)}.dsfid{font-size:.7rem;color:transparent;position:absolute;left:50%;transform:translate(-50%)}#info-button-about{position:relative;text-decoration:underline;text-underline-offset:2px}.btn-tooltip{font-size:1.5rem;padding:0;margin:0}footer{background-color:transparent;padding-block:1rem .5rem}footer a{color:hsl(var(--foreG));text-decoration:none;font-size:.5rem}.copyright-row{grid-column:1 / 4;font-size:.7rem;margin-left:.3rem;padding-top:.7rem;opacity:.9}.copyright-row svg{padding:.2rem;color:hsl(var(--foreG))}.social-row{grid-column:5 / -1;grid-row:1;display:flex;justify-content:flex-end;gap:.7rem;margin-right:.7rem}.social-row svg{width:30px;height:25px;outline:2px solid var(--theme-clr-font);outline-offset:2px;border-radius:2px}.social-row .icon-base.alias{color:hsl(var(--foreG))}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{display:none;width:100vw;min-height:calc(100dvh - 4rem);background-color:hsl(var(--foreG));justify-content:center;align-items:center;transition:var(--animation-timing);transform:translate3d(-150%,0,0);transition-delay:.2s}.sidebar ul{text-align:left;padding-bottom:1rem}.sidebar ul li:not(.AppDrawer ul li){position:relative;padding:1rem;overflow:hidden}.sidebar ul li a:hover{transition:.25s ease}.sidebar ul li a:not(.AppDrawer ul li a){display:flex;color:hsl(var(--nav-clr));transition:var(--animation-timing);transform:translate3d(0,100%,0);transition-delay:0s;font-size:4rem;font-family:Orbitron;letter-spacing:1px;padding:0 3rem}.sidebar .contact-button-header{color:hsl(var(--backG));transition:var(--animation-timing);transform:translate3d(0,100%,0);transition-delay:0s;font-size:4rem;font-family:Orbitron,system-ui,sans-serif}input[type=checkbox]:checked{background-color:#4caf50;border-color:#4caf50}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #666;border-radius:4px;cursor:pointer}.hamburger:has(input:checked)+.sidebar{transform:translateZ(0);transition-delay:0s}.hamburger:has(input:checked)+.sidebar .contact-button-header,.hamburger:has(input:checked)+.sidebar ul li a:not(.AppDrawer ul li a){transition-delay:.3s;transform:translateZ(0)}.hamburger:has(input:focus-visible):before,.hamburger:has(input:focus-visible):after,.hamburger input:focus-visible{border:1px solid hsl(var(--foreG));box-shadow:0 0 0 1px hsl(var(--backG))}.hamburger:before,.hamburger:after,.hamburger input{content:"";width:var(--bar-width);height:var(--bar-height);background-color:hsl(var(--night-day) / .8);border-radius:100vw;transform-origin:left center;transition:all var(--animation-timing),width var(--animation-timing),rotate var(--animation-timing),translate var(--animation-timing)}.hamburger{--x-width: calc(var(--hamb-height) * 1.41421356237);display:none;flex-direction:column;gap:var(--hamb-gap);width:max-content;position:absolute;left:.9rem;top:.9rem;z-index:100;cursor:pointer}.hamburger input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;outline:none;border:none;pointer-events:none;opacity:1}.hamburger input:checked{opacity:0;width:0}.hamburger:has(input:checked):before{rotate:45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / -2)}.hamburger:has(input:checked):after{rotate:-45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / 2)}.findus-wrapper h2{margin-bottom:1.5rem}.hidden-html{height:0;overflow:hidden;transition:height .3s ease}.container{display:grid;padding:5rem 1rem;place-content:center}.sales-container{gap:1rem;min-height:calc(100dvh - var(--header-height) - 50px);display:flex;flex-direction:column}.sales-container .sales{margin:auto 0;height:fit-content;grid-column:2 / 5}#form h2,.container .details-panel h2{white-space:nowrap}.container-login{place-content:center;height:calc(100dvh - var(--header-height) - var(--footer-height))}.login-wrapper{grid-column:1 / -1;display:flex;flex-direction:column;width:300px;gap:1rem;text-align:center;margin:auto}.main-grid-bs{--column-count: 6;display:grid;grid-template-columns:minmax(.1rem,1fr) repeat(var(--column-count),minmax(0,16rem)) minmax(.1rem,1fr);grid-template-rows:var(--header-height) 1fr var(--footer-height);grid-auto-flow:row dense;background:var(--root-bg);position:relative;z-index:0;pointer-events:all}.main-grid-bs>*{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;overflow:hidden}.main-grid{--column-count: 6;display:grid;grid-template-columns:minmax(.1rem,1fr) repeat(var(--column-count),minmax(0,16rem)) minmax(.1rem,1fr)}#main-grid-front{column-gap:1.5rem}#main-grid-info{grid-row:2 /4;column-gap:1rem}#main-grid-contact,#main-grid-events,#main-grid-projects{grid-row:1 / 4;column-gap:1rem}.main-grid>*{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;overflow:hidden}#main-grid-events>*>*{grid-column:1 / -1}.details-panel .details-contact{display:grid;gap:2rem;padding-top:5rem;margin:auto;width:fit-content}.details-panel{grid-column:1 / -1}.details-grid{display:grid;gap:1rem;font-size:1.2rem;margin:auto}.details-grid .icon-email{font-size:2rem}.details-grid .icon-phone{font-size:1.6rem}.details-grid ul{display:flex;flex-direction:column;gap:1rem}.details-grid ul li{position:relative}.details-grid span{color:hsl(var(--foreG));font-family:Orbitron}.details-grid span:before{content:"185";position:absolute;top:-3.9rem;left:-9rem;font-size:7rem;font-family:Orbitron;font-weight:900!important;opacity:.1}.details-grid span:after{content:"";position:absolute;height:1px;width:50px;left:-50px;top:50%;background-color:hsl(var(--foreG))}.details-grid a,.details-grid p{color:var(--ad-ph);font-weight:500}.hero{--title-row: calc(100px + 2rem) ;grid-row:2;height:calc(100vh - var(--header-height));grid-template-rows:calc(100vh - var(--header-height) - var(--title-row)) var( --title-row );grid-auto-flow:row dense;position:relative}.projects-grid{margin-top:calc(var(--header-height) - 4px)}.hero-image,.filterImage{grid-row:1;grid-column:4 / 9;height:100%;width:100%;object-fit:cover;border-radius:0;transform:scale(.9) translate(75px) translateZ(75px) perspective(200px);animation:smoothScale 1s ease-out;will-change:transform;animation-delay:.3s;animation-fill-mode:forwards;overflow:hidden}@keyframes smoothScale{0%{transform:scale(.9) translate(75px) translateZ(75px);border-radius:0}50%{transform:scale(.9) translate(40px) translateZ(0);border-radius:0}to{transform:scale(1) translate(0) translateZ(0);border-radius:var(--bradius) 0 0 var(--bradius)}}.bg-white{background:radial-gradient(ellipse at top,hsl(var(--foreG)),transparent),radial-gradient(ellipse at bottom,var(--theme-white),transparent);background-image:linear-gradient(2deg,hsl(var(--foreG)),var(--theme-white));background-color:radial-gradient(hsl(var(--foreG)),var(--theme-white))}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/assets/img/background.png);background-size:cover;background-position:center;background-attachment:fixed;transition:all 1s ease}.background.active{transform:translateY(-80%)}.background img{position:relative;width:100%;height:100vh;object-fit:cover;z-index:-1}.hero-image{position:relative;grid-row:1;border-radius:1rem;background-color:#3131311f}.img-wrapper{--_height: 100%;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background-position:bottom;background-size:cover;background-image:var(--hm-img);background-attachment:fixed}.filterImage{z-index:1}.about-section{grid-template-rows:auto;grid-auto-flow:dense;align-items:center;align-content:center;min-height:calc(100dvh - 7rem)}#about-section-2{background-image:linear-gradient(180deg,hsl(var(--backG)),var(--theme))}#about-section-3{background-image:linear-gradient(180deg,var(--theme),hsl(var(--backG)))}#about-section-4{background-image:linear-gradient(180deg,hsl(var(--backG)),var(--theme));padding-bottom:3rem}.details{grid-column:3 / 6}#details-1{padding-right:2rem}#details-2{grid-column:5 / 8;padding-left:2rem}#details-3{grid-column:3 / 6}.details span:before{content:"185";position:absolute;top:-3.9rem;left:-9rem;font-size:7rem;font-family:Orbitron;font-weight:900!important;opacity:.1}.details span{position:relative;font-size:1rem;font-family:Orbitron;padding-left:5rem;color:hsl(var(--foreG));font-weight:100}.details span:after{content:"";position:absolute;height:1px;width:50px;left:calc(5rem - 50px);top:50%;background-color:hsl(var(--foreG));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.p-1{padding-top:.5rem;font-weight:600;font-size:2rem;padding-bottom:.5rem;color:hsl(var(--foreG))}.p-2{color:hsl(var(--foreG) / .9);letter-spacing:.5px;font-size:1rem;max-width:300px}.insetImage{position:relative;opacity:0;transition:.75s ease-in-out}#insetImage-1{grid-row:2}#insetImage-3,#insetImage-1{grid-column:6 / 9}#insetImage-2,#insetImage-4{grid-column:1 / 5}.insetImage.intersecting{opacity:1}#insetImage-1 img,#insetImage-2 img,#insetImage-3 img,#insetImage-4 img{max-height:350px;width:auto}.main__title,.about__title{font-family:Orbitron,system-ui,sans-serif}.main__title{font-size:clamp(1.2rem,5vw,2.7rem);text-shadow:1px 1px 3px #b5862ffe;letter-spacing:-1px;font-weight:900}.main__title h1{padding-block:1rem .3rem;opacity:var(--h1-opacity)}.projects__title{font-size:2.5rem}.hero__title{grid-column:2 / 8;grid-row:2;z-index:2}.about__title{grid-column:2 / 9;margin-block:2rem 1rem;padding-bottom:4rem;padding-left:2rem;font-size:clamp(2.3rem,7vw,4rem);color:hsl(var(--foreG))}h1 span{color:var(--theme-clr-font);text-shadow:none}.hero__body{display:grid;grid-row:1;grid-column:2 / 6;position:relative}.hero__subtitle{display:flex;width:100%;height:fit-content;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.5;transition:.2s ease;color:hsl(var(--foreG) / .8);padding:1.5rem 1.5rem 1.5rem 0;border-radius:3rem 0}.hero__subtitle span{font-weight:400}.hero__subtitle span span{font-weight:600;margin-left:.1rem}.btn-logout{opacity:1;position:absolute;left:50%;transform:translate(-50%);bottom:-20px;font-weight:600;color:hsl(var(--foreG));z-index:10;display:flex;flex-direction:column;align-items:center;gap:.8rem}.btn-logout svg{color:var(--theme-clr-font)}.call-to-action-wrapper{grid-row:1;grid-column:2 / 4;display:flex;align-items:flex-end;height:100%}.contact-btn{position:relative;justify-self:flex-start;padding:1rem 1.5rem;font-size:1.25rem;font-weight:500;border:none;border-radius:var(--radius);height:fit-content;transition:all .25s ease;background-color:hsl(var(--nav-bg));z-index:3;font-family:var(--ft-title);color:hsl(var(--nav-clr));overflow:hidden;opacity:var(--h1-opacity)}.btn-contact{grid-column:span 2;padding:1rem;margin-top:.5rem;color:hsl(var(--foreG));border:1px solid rgb(136,183,190);background-color:hsl(var(--input-bg));padding:.5rem 1rem;border-radius:5px;position:relative;overflow:hidden;font-style:inherit;font-weight:500}.btn-contact:hover{background-color:hsl(var(--input-focus-bg))}.contact-btn:before,.btn-contact:before{content:"";position:absolute;width:130%;height:100%;background-color:#00bfff4d;border:2px solid var(--theme-clr-font);transform:rotate(45deg);left:-110%;top:90%}.contact-btn:hover:before,.btn-contact:hover:before{animation:aaa .7s 1;top:-10%;left:-10%}@keyframes aaa{0%{left:-110%;top:90%}50%{left:10%;top:-30%}to{top:-10%;left:-10%}}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-color:hsl(var(--cieling-200))!important}.rbc-calendar{--_colour: hsl(var(--cieling-400));color:var(--_colour)}.rbc-toolbar button{padding:.2rem 1rem!important;border:1px solid var(--_colour)!important}.rbc-month-view{border:1px solid var(--_colour)!important}.rbc-toolbar{row-gap:.2rem}.rbc-event,.rbc-day-slot .rbc-background-event{background-color:hsl(var(--wall-h1))!important}.rbc-header{border-bottom:1px solid var(--_colour)!important}.rbc-header+.rbc-header{border-left:1px solid var(--_colour)!important}.rbc-time-content{border-top:2px solid var(--_colour)!important}.rbc-time-view{border:1px solid var(--_colour)!important}.rbc-timeslot-group{border-bottom:1px solid var(--_colour)!important}.rbc-time-content>*+*>*{border:1px solid var(--_colour)!important}.rbc-agenda-view table.rbc-agenda-table{border:1px solid var(--_colour)!important}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border:1px solid var(--_colour)!important}.rbc-day-slot .rbc-time-slot{border-top:1px solid var(--_colour)!important}.rbc-btn-group button{color:var(--_colour)!important}.rbc-day-bg+.rbc-day-bg{border-left:1px solid var(--_colour)!important}.rbc-month-row+.rbc-month-row{border-top:1px solid var(--_colour)!important}.rbc-btn-group button:hover,.rbc-btn-group .rbc-active{color:var(--_colour)!important;font-weight:500!important}.rbc-off-range-bg{background:hsl(var(--cieling-900) / .7)!important}.rbc-today{background-color:hsl(var(--cieling-200))!important}.rbc-agenda-event-cell>* div{color:var(--theme-clr-font)!important}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center}.map-wrapper{grid-column:1 / -1;position:relative;width:100%;max-width:900px;margin:0 auto;padding-bottom:56.25%;display:grid;grid-template-rows:auto}.responsive-iframe{position:absolute;top:0;left:0;width:100%;height:100%;grid-row:2;background-color:hsl(var(--backG))}@media(min-width:651px){header{grid-template-columns:minmax(.1rem,1fr) repeat(var(--column-count),minmax(0,15rem)) minmax(.1rem,1fr);column-gap:1.5rem}.head{grid-column:4 / -1}}@media(min-width:900px){.map-wrapper{height:500px;padding-bottom:5rem}.responsive-iframe{position:relative;width:900px;height:500px}}#form-new-user,#form-event,#form-upload,#form-login,#form-delete-user,#form-update-user,#form-delete-project,#form-delete-event,#form-get-project{display:flex;flex-direction:column}#form-new-user,#form-event,#form-delete-user,#form-login,#form-update-user,#form-delete-project,#form-delete-event,#form-get-project{gap:.7rem}#form-upload{margin-block:1.5rem}#form-upload .form-control:nth-child(2),#form-upload .form-control:nth-child(3),#form-upload .form-control:nth-child(4){margin-bottom:1rem}#form-login{max-width:300px}.form-control{display:grid;grid-template-rows:auto;grid-auto-flow:dense;gap:.3rem}.form-contact{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;column-gap:.7rem;row-gap:.3rem;grid-auto-flow:dense;max-width:610px;border-radius:1rem;width:100%;padding-top:3rem;margin:auto}.form-contact .form-control{gap:0}.form-contact #lastname,.form-contact #email2{grid-row:6}.form-contact #site{grid-row:7}.form-contact #email,.form-contact #subject{grid-column:1}.form-contact #message{grid-row:span 3;grid-template-rows:1.4rem 1fr}.form-contact #message textarea,.form-contact input{height:100%}.form-contact .form-control input,.form-contact .form-control textarea{background-color:hsl(var(--input-bg));color:hsl(var(--input-clr));border:1px solid rgb(136,183,190)}.form-contact .form-control input:focus,.form-contact .form-control textarea:focus{background-color:hsl(var(--input-focus-bg));color:var(--focus-clr-cntact);outline:3px solid rgb(90,122,127)}@media(max-width:660px){.form-contact{grid-template-columns:1fr;padding:2rem 0}.btn-contact{grid-column:span 1;grid-row:5}#message{grid-row:4!important}}.btn-submit{color:hsl(var(--nav-clr));background-color:hsl(var(--nav-bg) / .9);padding:.5rem 1rem;border-radius:5px}.form-control{display:grid;text-align:left}.hidden{display:none}.form-control>:user-invalid{outline:3px solid rgb(225,55,55);outline-offset:-4px}.form-checkbox{display:flex;gap:.5rem;position:relative;color:hsl(var(--foreG))}.form-checkbox>*{block-size:auto}.form-control input,.form-control textarea,.form-control select{padding:.7rem;border:1px solid hsl(var(--input-clr) / .4);background-color:hsl(var(--input-bg));width:100%;border-radius:5px;color:hsl(var(--foreG));font-size:var(--ft-sm-me)}.form-control input:focus,.form-control textarea:focus,.form-control select:focus{outline:3px solid hsl(var(--foreG));outline-offset:-3px;transition:.2s ease}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(50%)}.form-checkbox>* input:focus{outline:none}input::placeholder,textarea::placeholder{color:hsl(var(--foreG) / .8);letter-spacing:.18rem;opacity:.5}.form-control span{color:hsl(var(--foreG) / .8)}.errors{display:inline;color:#eca0a0;text-align:center}.admin-errors{height:calc(100dvh - var(--header-height) - 50px)}.error-boundary{display:inline;min-height:calc(100dvh - var(--header-height) - var(--footer-height));margin:auto;color:hsl(var(--foreG) / .8)}.loading-error{grid-column:1 / -1;display:inline;margin:auto}.error-loading-project-details{display:grid;height:calc(100dvh - var(--header-height) - var(--footer-height))}.btn-refresh{display:flex;margin-top:1rem;color:hsl(var(--foreG) / .9)}#home-error{grid-row:1;z-index:100;display:flex;flex-direction:column;gap:1rem}.form-control span span{font-size:.8rem}.form-control .errors{font-weight:700;color:#eca0a0}.form-control span{font-weight:500}form .response-message{font-weight:500;color:#7ace89;font-size:1.2rem;margin-bottom:.5rem}.select-analytics{margin:0 .5rem;padding:.3rem;font-family:Orbitron,system-ui,sans-serif;font-weight:600;font-size:.7rem;color:hsl(var(--nav-clr));background-color:hsl(var(--nav-bg));border-radius:3px;border:1px solid hsl(var(--table-clr) / .3);width:100%}.select-analytics:focus,.select-analytics:focus-within{outline:transparent;border:none;box-shadow:none}.prev-button-wrapper{display:flex;gap:1rem;margin:.5rem 0;color:hsl(var(--table-clr))}.prev-btn,.next-btn{text-decoration:underline;color:hsl(var(--table-clr))}.prev-btn:hover{color:#eca0a0}.next-btn:hover{color:hsl(var(--blue-200))}.container-projects{grid-column:1 / -1}.errors-message{grid-row:2}.thumbnail-gallery{grid-column:1;grid-row:1 / 2;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100px),1fr));margin-top:.2rem;margin-left:1rem;padding-left:.6rem;padding-right:1rem;direction:rtl;overflow-y:scroll;max-height:55vh;column-gap:.4rem;width:100%}.thumbnail-gallery::-webkit-scrollbar{background-color:transparent;border-radius:100vw;width:5px}.thumbnail-gallery::-webkit-scrollbar-thumb{background-color:hsl(var(--nav-bg) / .5);border-radius:100vw;cursor:pointer}.thumbnail-gallery::-webkit-scrollbar-thumb:hover{background-color:#ccd5cf84}.thumbnail-image{width:100%;height:100%;object-fit:cover;position:absolute}.thumbnail-gallery>div{border-radius:0}.thumbnail-thumbnail{height:auto;overflow:hidden;margin:.2rem;width:100%}.blur-container{position:relative;width:100%;height:60px}.blur-image{position:absolute;width:100%;height:100%}.fullImage.loaded{width:100%;height:100%;object-fit:cover;position:absolute;cursor:pointer}.img-container .fullImage{opacity:0;animation:opacityImage .3s 1.2s ease-in forwards}.title-wrapper-projects{grid-column:1 / -1;grid-row:2;display:flex;width:100%;align-items:center;justify-content:center;z-index:10;background-color:hsl(var(--backG) / .8);padding:.5rem 0}.title-wrapper-projects p{font-family:Orbitron,system-ui;padding-left:.5rem}.diamond-grid{grid-column:1 /-1;grid-row:2 / 3;display:grid;gap:3rem;place-items:center;justify-content:center;width:100%;grid-template-rows:auto 60px}.gallery-diamond{--gap: .25rem;--scale: 1;--img-size: calc(100px - .25rem) ;grid-row:1;display:grid;grid-template-columns:repeat(6,100px);grid-template-rows:repeat(3,100px);gap:var(--gap);scale:var(--scale);transition:scale .3s ease}.img-container{position:relative;height:200px;grid-column:span 2;border-radius:.5rem;clip-path:path("M 80 20 C 100 0 100 0 120 20 C 140 40 160 60 180 80 C 200 100 200 100 180 120 C 160 140 140 160 120 180 C 100 200 100 200 80 180 C 60 160 40 140 20 120 C 0 100 0 100 20 80 Z");transition:filter .5s,clip-path .5s}.img-container.img-container:nth-of-type(4){grid-column:2 / span 2}.img-container img{aspect-ratio:1;object-fit:cover;width:200px;height:200px}.img-container:hover{z-index:100;clip-path:path("M 0 0 C 100 0 100 0 200 0 C 200 50 200 50 200 80 C 200 100 200 100 200 120 C 200 150 200 150 200 200 C 100 200 100 200 0 200 C 0 150 0 150 0 120 C 0 100 0 100 0 80 Z")}.img-container:not(:hover){animation:zIndexHack .5s}.img-container figcaption{text-align:center;position:absolute;background-color:#0000007a;width:210px;right:0;transform:translateY(-100%)}.img-container:hover>figcaption{animation:slidedown .5s ease .1s 1 alternate both}.img-container figcaption p{padding:1rem;color:hsl(var(--blue-200));font-weight:900}@keyframes slidedown{0%{transform:translateY(-100%)}to{transform:translateY(-2px)}}@media(max-width:503px){.gallery-diamond{--scale: .7;rotate:90deg;margin-left:100px;margin-top:5rem}.gallery-diamond .img-container img{rotate:-90deg}}.gallery-diamond:hover>.img-container{filter:brightness(.5) saturate(.5)}.gallery-diamond>.img-container:hover{filter:brightness(1) saturate(1.5)}@keyframes opacityImage{0%{opacity:0}to{opacity:1}}@keyframes zIndexHack{0%,to{z-index:10}}.action-button{position:absolute;top:2px;right:2px;background-color:#b947475d;color:#f0f0f0ac;border:none;border-radius:100vw;width:15px;height:15px;cursor:pointer;font-size:16px;line-height:16px;font-weight:900;z-index:1}.close-button,.open-button{padding:.3rem;width:30px;height:30px;right:5px;top:5px}.open-button{width:60px;background-color:hsl(var(--blue-600) / .6)}.close-button{position:fixed}.action-button:hover{background-color:#e50d0d80;color:#f0f0f0ac}#modal{width:100%;height:100%;max-width:100%;max-height:100%;padding:0;margin:auto;outline:none;border:transparent}#modal::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;margin:0}.toggle-buttons{display:flex;gap:.3rem;flex-wrap:wrap}.toggle-buttons button{padding:.2rem 1rem;border-radius:3px;text-decoration:underline;color:var(--admin-links-clr);font-weight:600}.project-details-admin{margin:2rem 0}.filepond-images-upload .filepond--list{display:flex;flex-wrap:wrap;gap:10px}.filepond--credits{display:none}.filepond-images-upload .filepond--item{width:150px;height:150px!important;overflow:hidden}.filepond-images-upload .filepond--image-preview{object-fit:cover;width:100%;height:100%}.event-grid{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:minmax(100px,40%) minmax(200px,58%);grid-template-rows:auto;overflow-x:scroll;align-content:center;align-items:end;justify-content:center;justify-items:center}.event-grid::-webkit-scrollbar{background-color:transparent}.event-grid::-webkit-scrollbar-thumb{background-color:#5f6b5e80;border-radius:2px}.event-grid::-webkit-scrollbar-thumb:hover{background-color:#7f8d7d80}.plate-container,.plate-container-contact{width:fit-content;display:grid;height:100%}.plate-container-contact{padding-top:2rem}.plate-18{width:120px;height:65px;border-radius:5px}.plate-18 .blur-load img{rotate:2deg}.plate-container-contact{grid-row:2 / 3;grid-column:7 / -1!important}.plate-container img{margin-top:3.2rem}.calender-wrapper{grid-row:2;grid-column:2;height:100%;min-height:500px;width:100%;display:flex;align-items:center;justify-items:center;padding:1rem 2rem}.calender-wrapper .rbc-calendar{margin-right:2rem}.event-title{padding:2rem;white-space:nowrap;width:100%;transform:rotateX(190deg);perspective-origin:top center;text-align:center;color:var(--theme-clr-font)}.event-wall-upper{grid-row:2;grid-column:1;height:100%;padding:1rem;text-align:left;display:flex;flex-direction:column}.wall-img{max-width:150px;transition:.3s ease;border:3px solid hsl(var(--cieling-500))}.wall-img:hover{opacity:.8}.event-wall-upper span{color:#a2a8ac;font-style:italic;font-size:.8rem}.event-wall>*{margin-bottom:1rem}.event-wall h3{color:hsl(var(--cieling-500))}.event-wall{padding:1rem;height:100%;width:100%;grid-row:2;grid-column:1;display:grid;justify-content:center;justify-items:center;transform:translate(-20px);animation:fade .75s ease both}.event-wall>div{width:100%;max-width:380px;height:fit-content;margin-top:4rem;display:flex;flex-direction:column;gap:.5rem}@keyframes fade{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.car-wall{grid-column:1 / -1;grid-row:2;position:relative}.car-wall svg{position:absolute;left:-20%;bottom:-60px;color:#527b88}.car{position:absolute;bottom:0;right:0;left:-20%;transform-style:preserve-3d;perspective:1000px}.car svg{color:#527b88;transform-style:preserve-3d;transform:translate3d(0,90px,0);height:500px}.container-3d{grid-row:1 / 4;grid-template-rows:20vh auto 20vh;--_grid-color-events: 72, 126, 142;--_grid-color-contact: 72, 126, 142;--_grid-height: auto;--_grid-sq: 150px;width:100%;height:var(--_grid-height);min-height:100dvh;perspective:500px;overflow:hidden;position:relative}.container-3d:after{content:"";position:absolute;left:0;height:2px;width:100%;bottom:0;background-color:#487e8e3d}#grid-lines-events-ceiling,#grid-lines-events-floor{background-image:linear-gradient(rgba(var(--_grid-color-events),.6) 1px,transparent 0),linear-gradient(90deg,rgba(var(--_grid-color-events),.6) 1px,transparent 0),linear-gradient(rgba(var(--_grid-color-events),.3) 1px,transparent 0),linear-gradient(90deg,rgba(var(--_grid-color-events),.3) 1px,transparent 0)}#grid-lines-contact{background-image:linear-gradient(rgba(var(--_grid-color-contact),.6) 1px,transparent 0),linear-gradient(90deg,rgba(var(--_grid-color-contact),.6) 1px,transparent 0),linear-gradient(rgba(var(--_grid-color-contact),.3) 1px,transparent 0),linear-gradient(90deg,rgba(var(--_grid-color-contact),.3) 1px,transparent 0)}.grid-lines{width:100%;height:200%;background-size:calc(var(--_grid-sq) / 3) calc(var(--_grid-sq) / 4),calc(var(--_grid-sq) / 3) calc(var(--_grid-sq) / 4),calc(var(--_grid-sq) / 15) calc(var(--_grid-sq) / 20),calc(var(--_grid-sq) / 15) calc(var(--_grid-sq) / 20);background-repeat:repeat}.ceiling{position:absolute;top:-50px;transform-origin:center top;transform:rotateX(90deg) translateZ(-200px);background-position:center top}.floor{position:absolute;bottom:-50px;transform-origin:center bottom;transform:rotateX(-90deg) translateZ(-200px);background-position:center bottom;outline:1px solid rgba(72,126,142);pointer-events:none}#grid-lines-events-floor{bottom:-50px}.notes{position:absolute;display:flex;width:fit-content;height:110px;gap:2rem;top:40%;transform:translateY(-50%);rotate:8deg;grid-row:2 / 3;z-index:1}.blur-load{position:relative;width:100%;height:100%}.blur-load img{aspect-ratio:1;position:absolute;top:0;right:0;bottom:0;left:0}.thumbpin{opacity:1;object-fit:cover;width:100%;height:100%}.fullpin{opacity:0;object-fit:cover;width:100%;height:100%}.fullpin.loaded{opacity:1}.loaded .thumbpin{opacity:0}.wall-box{--_rotate: 5deg;--_reverse-rotate: -11deg;position:relative;width:120px;height:120px;z-index:1}#box-1 img,.fig-1{rotate:-4deg}#box-2 img,.fig-2{rotate:var(--_rotate)}#box-3 img,.fig-3{rotate:var(--_reverse-rotate)}.figcaption{position:absolute;top:35px;width:50px;left:50%;transform:translate(-50%);text-decoration:underline;cursor:pointer;color:hsl(var(--brown-800));font-size:1.25rem}.figcaption:hover{color:#5e7986}.side-container{grid-row:2;grid-column:5 / -1;transform:translate(-100px);padding-top:2rem}@media(max-width:430px){#grid-lines-events-floor{bottom:-70px}.rbc-calendar{width:360px}.wall-img{width:80px}}@media(max-width:414px){.gallery-diamond{--scale: .8;margin-left:80px;margin-top:2rem}.notes{gap:0}}@media(min-width:1024px){.about__title{padding-right:4rem}}@media(max-width:650px){:root{--header-height: 4rem}.main-grid>*>*{grid-column:1 / -1}#main-grid-front{column-gap:0rem}.contact-btn{width:100%;margin:0 .75rem .75rem}.details{padding:2rem}#details-2,#details-3{grid-column:1 / -1}#insetImage-1{grid-column:3 / 9}#insetImage-2,#insetImage-4{grid-row:1;grid-column:2 / 8}#insetImage-3{grid-row:1;grid-column:3 / 9}.about__title{padding-bottom:1rem;padding-left:1rem}.insetImage img{display:block;float:right;padding-right:2rem}header{align-items:start}header .head .navUl{display:none}.hamburger{display:flex}.sidebar{display:flex;position:absolute;margin-top:var(--header-height)}.theme-selector{justify-self:flex-end!important;padding:.3rem .5rem!important}.theme-selector svg{font-size:3.6rem!important;transform:rotate(180deg)!important}.call-to-action-wrapper{grid-row:3;grid-column:1 / -1;justify-content:center}.hero{--title-row: calc(70px + 2rem) ;grid-template-rows:calc(100dvh - var(--header-height) - var(--title-row) - 100px) var(--title-row) 100px}.hero__body{grid-column:1 / 8}.hero__title{margin:auto}.hero-image,.filterImage{grid-column:1 / -1;border-radius:0!important}.hero__body_2{grid-row:1;grid-column:1 / -1}.hero__subtitle{padding:1.5rem;margin-top:1rem}.container-3d{grid-template-rows:15vh auto 20vh}.ceiling{top:-85px}}@media(max-width:414px){.container-3d{grid-template-rows:13vh auto 17vh}}@media screen and (orientation:landscape)and (max-width:768px){.hero{grid-template-rows:450px 1fr;height:fit-content}:root{--header-height: 4rem}.about-section>div{margin:2.5rem 0}.car{bottom:0}.container-3d{--_grid-sq: 100vh}.ceiling{top:-120px;outline:1px solid rgba(72,126,142)}.floor,#grid-lines-events-floor{bottom:-150px}}#root{position:relative;--color-contrast: hsl(198, 60%, 63%)}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.6s}.relative{position:relative}.thumbnail{width:100%;height:auto;aspect-ratio:2 /3;display:block;border-radius:5px;object-fit:cover}.full{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;display:block;object-fit:cover;z-index:0}.mobile-dialog-img.active{height:fit-content}#from #thumbnail,#to #full{view-transition-name:poster}#to{view-transition-name:projects;height:100%!important;padding-bottom:3rem}::view-transition-old(poster),::view-transition-new(poster){animation:none;mix-blend-mode:normal;overflow:clip;z-index:0}::view-transition-group(poster){z-index:0}@keyframes fade-in{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes fade-out{to{opacity:0}}.img-wrapper-projects{display:grid;grid-template-columns:28% 72%;grid-template-rows:55vh 25vh auto;align-items:start;justify-items:center;justify-content:start}.projects-header-full{grid-row:2 / 4;grid-column:1}.projects-header-full .project-details{margin:auto;padding:1rem}.projects-wrapper-full{grid-row:1 / 3;grid-column:2;width:100%;height:100%;overflow:clip;position:relative}.project-details h1{color:var(--theme-clr-font)}.project-details span{font-weight:400}.view-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin-top:.4rem}@media(max-width:650px){.img-wrapper-projects{grid-template-rows:55vh 30vh auto}}@media(max-width:502px){#main-grid-projects,#main-grid-events{margin:0}#event-grid-floor{bottom:-70px}.dark .img-wrapper{background-image:url(/assets/porche/porche-mob.jpg)}.light .img-wrapper{background-image:url(/assets/porche/porche-mob-stencil.png)}.projects-header-full{grid-row:1;grid-column:1;width:100%}.img-wrapper-projects{grid-template-columns:1fr;grid-template-rows:auto}.projects-wrapper-full{grid-row:2;grid-column:1;height:410px}.thumbnail-gallery{grid-row:3;grid-template-columns:repeat(auto-fill,minmax(min(80px),1fr));width:100%;padding:1rem 1rem 1rem .4rem;margin:0;direction:ltr;overflow:hidden}}.projects-wrapper{grid-column:1 / -1;grid-row:1;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,150px);margin-top:6rem;margin-left:1rem;margin-right:1rem}.projects-header{grid-row:2;grid-column:1 / -1;margin-top:1rem;margin-bottom:1.5rem}.project-id{text-transform:capitalize}.view-wrapper #to::view-transition-new(poster){object-fit:cover}#from::view-transition-new(poster){object-fit:cover}#from{border-top:5px solid rgb(254,1,1)}#to{border-top:0px solid transparent}.App{text-align:center}.App-logo-positioning{position:absolute;right:1rem;top:.7rem}.App-logo{position:relative}.App-logo .errors{position:absolute;left:0}.App-logo img{height:60px;width:60px}.App-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004c;border-radius:100vw}.AppDrawer{position:fixed;bottom:0;left:0;right:0;background-color:hsl(var(--foreG));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:1px solid #5b5b5b;border-radius:20px 20px 0 0;z-index:1000;max-height:calc(100vh - var(--header-height));padding:1.5rem 0 25rem;cursor:grab;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain}.AppDrawer .grab-scroll{width:7rem;padding:.5rem;margin-left:auto;margin-right:auto;background-color:var(--bgContact);border-radius:100vw;transition:.25s ease}.AppDrawer .grab-scroll:hover{background-color:var(--theme-clr-font-c)}.AppDrawer .drawer-title{padding:1rem 0 .5rem;font-weight:400;font-size:1.2rem;font-weight:500;color:var(--bgContact)}.AppDrawer .contact-container{text-align:center;border-radius:.125rem;margin-left:1rem;margin-right:1rem}.AppDrawer .contact-grid{position:relative;display:grid;text-align:left;column-gap:1rem;row-gap:2rem;grid-template-columns:minmax(30px,50px) 1fr minmax(30px,50px) 1fr;margin-top:1rem;margin-left:auto;margin-right:auto;width:100%;max-width:1100px;background-color:hsl(var(--nav-clr));padding:2rem 1rem;border-radius:1rem;overflow:hidden}.AppDrawer .contact-grid svg{font-size:2rem;vertical-align:middle;color:var(--theme-clr-font-c)}.AppDrawer .contact-grid ul{position:relative;display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;font-size:1.2rem;font-weight:500}.AppDrawer .contact-grid li a{color:hsl(var(--nav-bg));text-decoration:none;position:relative}.AppDrawer .contact-grid li a svg{padding-right:1rem;font-size:2.5rem;color:var(--theme-clr-font-c)}.AppDrawer .contact-grid li span{font-weight:600;color:var(--theme-clr-font-c)}.AppDrawer .stripe:before{content:"";position:absolute;width:120%;height:80px;background-color:#00bfff4d;border:3px solid var(--theme-clr-font);transform:rotate(-135deg) translate(100px);left:190px;top:100px}.admin-wrapper{height:100%;display:grid;grid-auto-rows:min-content;gap:1rem;grid-auto-flow:dense;margin-bottom:4rem}.admin-header{margin-block:1rem}.admin-header h1,.admin-header p{color:var(--theme-clr-font)}.readmore{color:var(--admin-links-clr);margin:.2rem 0;font-weight:600}.readmore.expanded{color:var(--theme-clr-font)}.button-wrapper{margin:1rem;color:hsl(var(--foreG))}.admin-container{grid-column:1 / 6;margin:0 2rem;overflow:hidden;background-color:var(--admin-bg);border-radius:var(--radius);padding:1rem}.admin-container h2{color:hsl(var(--foreG) / .9)}#admin-analytics{grid-column:1 / -1;grid-row:5}#admin-analytics>* .button-wrapper{margin:0}.admin-secret{display:none}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px),1fr));grid-template-rows:auto;row-gap:2rem;margin-block:2rem}#chart-geo{grid-column:span 2;display:grid;justify-items:center}.chart-double-outer{grid-column:1 / -1}.chart-double{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;row-gap:2rem}.chart-double>div{display:grid;grid-template-rows:30px 1fr}.chart-double>div .pie-dynamic-topL{padding-right:1rem;margin-right:auto;margin-top:1rem;max-width:450px;text-align:center}@media(max-width:760px){.chart-double>div .pie-dynamic-topL{padding-right:0rem}}.tooltip-charts{background-color:hsl(var(--table-clr) / .9);padding:.75rem;border-radius:5px}.tooltip-charts p{font-weight:900;color:hsl(var(--table-bg))}@media(max-width:760px){.chart-grid,.chart-double{grid-template-columns:1fr}#chart-geo{grid-column:span 1;justify-items:start}}@media(max-width:900px){.recharts-default-legend{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}}.wrapper-users{color:hsl(var(--foreG))}.unauthorized-container{grid-row:1 / 5;z-index:1000;position:relative;pointer-events:all}.container-400{grid-column:1 / -1;height:100vh;display:grid;place-content:center;background-color:#000}.container-400 p{text-align:center;color:#d1d1d1}.container-400 h1{text-align:center;margin-bottom:1rem;color:#8e3131}.warning{max-width:720px;padding:1rem}.warning p{margin-bottom:.7rem;text-align:left;color:#8e3131}.table-wrapper{overflow-x:auto;margin-inline:auto}.analytics-caption{text-align:left;padding:1rem .5rem;width:100%;display:grid;grid-template-columns:max-content max-content;grid-template-rows:auto;gap:.75rem;color:hsl(var(--table-clr))}.t-clr{color:hsl(var(--table-clr) / .9)}.analytics-caption label{white-space:nowrap}.analytics-caption div{display:flex;align-items:center;width:100%}.table-analytics{border-collapse:collapse;min-width:100%;background-color:hsl(var(--table-bg) / .7);padding:1rem;border-radius:var(--radius)}.table-analytics .tr{background-color:hsl(var(--table-bg))}.table-analytics thead tr{background-color:hsl(var(--nav-bg))}.table-analytics thead tr th{padding:.5rem;text-align:left;color:hsl(var(--nav-clr))}.table-analytics tr td{padding:.5rem;white-space:nowrap}.table-analytics tbody tr:nth-of-type(2n){background-color:hsl(var(--grayblue-600) / .1)}@media(max-width:650px){.analytics-caption{grid-template-columns:1fr}th{display:none}td{display:block;padding:.5rem 1rem}td:before{content:attr(data-cell) ": ";font-weight:700;text-transform:capitalize}}@media(max-width:1099px){.admin-container{margin:0 1rem;grid-column:1 / -1}}@media(min-width:1100px){.admin-secret{position:relative;display:block;grid-column:6 / -1;grid-row:1 / 5}.admin-secret .readmore{color:var(--theme-clr-font);padding:.2rem;border:2px solid var(--theme-clr-font);border-radius:5px;font-weight:900}}@media(max-width:650px){.AppDrawer{border-radius:0}}@media(max-width:750px){.contact-grid{grid-template-columns:minmax(30px,50px) 1fr!important}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
