@import "https://fonts.googleapis.com/css2?family=Asimovian&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--font-sans:"Montserrat", "Roboto", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--rtc-color-1:#fff;--rtc-color-2:#000;--rtc-color-3:#274c77;--rtc-color-4:#e7ecef;--rtc-color-5:#6096ba;--rtc-color-6:#a3cef1;--rtc-color-7:#8b8c89;--rtc-primaryColor:var(--rtc-color-1);--rtc-textColor:var(--rtc-color-3);--rtc-textColorSecondary:var(--rtc-color-1);--rtc-highlightColor:var(--rtc-color-3);--rtc-highlightColorSecondary:var(--rtc-color-4);--rtc-bgColor:var(--rtc-color-5);--rtc-bgColorSecondary:var(--rtc-color-6);--rtc-bgColorOverlay:#ffffffa9;--rtc-border-radius-square:4px;--rtc-border-radius-circle:20px;--rtc-margin-xs:5px;--rtc-margin-s:10px;--rtc-margin-m:20px;--rtc-margin-l:30px;--rtc-margin-xl:50px;--rtc-margin-xxl:75px;--rtc-margin-3xl:100px;--rtc-padding-xs:5px;--rtc-padding-s:10px;--rtc-padding-m:20px;--rtc-padding-l:30px;--rtc-padding-xl:50px;--rtc-padding-xxl:75px;--rtc-padding-3xl:100px;--rtc-button-padding-xs:5px 20px;--rtc-button-padding-s:10px 30px;--rtc-button-padding-m:15px 40px;--rtc-button-padding-l:20px 50px;--rtc-input-padding-xs:5px 20px;--rtc-input-padding-s:10px 20px;--rtc-input-padding-m:15px 20px;--rtc-input-padding-l:20px 20px;--rtc-gap-xs:10px;--rtc-gap-s:20px;--rtc-gap-m:30px;--rtc-gap-l:40px;--rtc-gap-xl:50px;--rtc-gap-xxl:75px;--rtc-gap-3xl:100px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}input,textarea,select{font-size:1rem}body{font-family:var(--font-sans);background-color:var(--rtc-bgColor);color:var(--rtc-textColor);flex-direction:column;min-height:100svh;display:flex}p,label,button,a{font-size:1rem;font-family:var(--font-sans)}button,a{cursor:pointer}h1{font-size:1.5rem}h2{font-size:1.4rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5,h6{font-size:1rem}p,label,button,a,h1,h2,h3,h4,h5,h6{color:var(--rtc-textColor)}ul,ol,a{text-decoration:none;list-style:none}input{font-family:var(--font-sans)}.hidden{display:none}.active{display:block}.wrapper{width:100%;max-width:70%;margin:0 auto;display:flex}#app{background-color:#0000;background-image:linear-gradient(#ffffff80,#e9f7ff80),url(/assets/images/clouds.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex-grow:1;width:100%;display:flex}.flex-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.error-container{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.is-blurred{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.is-blurred-dark{filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none}.hide-on-mobile{display:flex}.show-on-mobile{display:none}@media (width<=1800px){.wrapper{width:100%;max-width:80%;margin:0 auto}}@media (width<=1024px){.wrapper{width:100%;max-width:85%;margin:0 auto}}@media (width<=769px){.wrapper{width:100%;max-width:90%;margin:0 auto}}@media (width<=480px){html{font-size:14px}input,textarea,select{font-size:16px}.wrapper{max-width:100%;padding:0 15px}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}}header{padding:var(--rtc-padding-s) 0;background-color:var(--rtc-bgColorOverlay);display:flex;box-shadow:0 0 5px #0000004d}header .active{border-bottom:1px solid var(--rtc-color-3);font-weight:600}header .wrapper{align-items:center}header .app-logo-div{align-items:center;gap:var(--rtc-gap-xs);flex-direction:column;display:flex}header .app-logo-icon{width:30px}header .app-logo-title{color:var(--rtc-color-3);font-size:.9rem;font-weight:600}header .app-logo-subtitle{font-size:.6rem;font-weight:400}header nav{flex:1;justify-content:space-around;display:flex}.explorer-page{flex-direction:column;flex:1;display:flex}main:has(.explorer-page){padding:10px}.explorer-content{flex:1}main:has(.explorer-hero){padding:10px 0}.explorer-hero{text-align:center;align-items:center;gap:var(--rtc-gap-m);background-color:var(--rtc-bgColorOverlay);isolation:isolate;flex-direction:column;justify-self:center;width:100%;padding:100px 0;display:flex;box-shadow:0 0 5px #0000004d}.hero-text{gap:var(--rtc-gap-l);flex-direction:column;display:flex}.hero-text h1{color:var(--rtc-color-3);text-shadow:2px 2px 5px #e0f0ff;font-size:3rem;font-weight:800;position:relative}.hero-text h1>span{color:var(--rtc-color-1);text-shadow:0 1px 4px #000;background-color:var(--rtc-color-6);padding:var(--rtc-padding-xs) var(--rtc-padding-m);z-index:-1;font-size:1rem;font-weight:500;position:absolute;bottom:-19px;right:50px;transform:rotate(-3deg)}.hero-text p{font-size:1.3rem}.search-box{width:100%;display:flex}.search-box input{text-align:center;border-radius:var(--rtc-border-radius-circle);outline:1px solid var(--rtc-color-7);padding:var(--rtc-padding-xs) var(--rtc-padding-m);caret-color:var(--rtc-color-7);color:var(--rtc-color-3);border:none;flex:1;font-weight:500;box-shadow:0 0 4px #00000085}.search-box input:focus{outline:2px solid var(--rtc-color-7)}.search-box input:not(:placeholder-shown){text-align:start}.airport-grid{width:100%;padding:var(--rtc-padding-m) 0;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.airport-card{background:var(--rtc-bgColorOverlay);border:2px solid var(--rtc-bgColorOverlay);text-align:center;justify-content:center;align-items:center;gap:var(--rtc-gap-xs);padding-top:var(--rtc-padding-m);border-radius:12px;flex-direction:column;width:100%;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 0 5px #0000004d}.airport-card:hover{cursor:pointer;transform:translateY(-5px)}.card-subtitle{justify-content:center;gap:var(--rtc-gap-m);width:100%;display:flex}.card-image{width:100%;height:200px;display:flex}.card-image img{object-fit:cover;width:100%;height:100%}.card-image .card-image-error{object-fit:contain;opacity:.1}.airport-card span{color:var(--rtc-color-7)}.airport-card .iata-span{color:var(--rtc-color-3);font-weight:600}.airport-grid:has(.airport-top-details){grid-template-columns:1fr}.airport-card-top{padding:0;padding-left:var(--rtc-padding-s);padding-right:var(--rtc-padding-s);border:0;grid-template-columns:1fr 1fr 1fr;display:grid}.airport-card-top .card-title{gap:var(--rtc-gap-m);flex-direction:column;display:flex}.airport-card-top .card-image{border:2px solid #fff}.airport-top-details{gap:var(--rtc-gap-s)}.airport-top-details p{color:var(--rtc-highlightColor);font-size:.85rem;font-weight:600}.airport-top-details span{color:var(--rtc-highlightColor);margin:10px;font-weight:400}@media (width<=1024px){.airport-card-top .card-subtitle{gap:var(--rtc-gap-xs)}}@media (width<=769px){.airport-card-top .card-title{gap:var(--rtc-gap-xs)}.airport-card-top .card-title h1{font-size:1rem}}@media (width<=480px){.airport-card-top{padding:var(--rtc-padding-s);display:flex}.airport-card-top .card-title h1{font-size:1.3rem}}.detail-page{padding:var(--rtc-padding-l);justify-content:space-around;gap:var(--rtc-gap-s);isolation:isolate;flex:1;position:relative}.detail-page h1,.detail-page h2,.detail-page h3,.detail-page h4,.detail-page p,.detail-page span{color:var(--rtc-color-1);text-shadow:2px 2px 3px #00000080}.detail-image{object-fit:cover;z-index:-1;filter:brightness(.6);border-bottom:5px solid var(--rtc-color-1);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 3px 5px #0000004d}.detail-title-container{align-items:baseline;gap:var(--rtc-gap-s);flex-flow:wrap;display:flex}.detail-title-container div{width:100%}.detail-title-container h1{text-align:center;font-size:2.5rem}.detail-separator{width:100%}.detail-content-container{gap:var(--rtc-gap-s);flex-direction:column;flex:1;width:100%;display:flex}.detail-description-container{background-color:color-mix(in srgb, var(--rtc-color-1), transparent 80%);padding:var(--rtc-padding-s);border:2px solid var(--rtc-highlightColorSecondary);gap:var(--rtc-gap-s);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:row}.detail-description-container p{text-align:center;text-shadow:1px 2px 3px #000;font-size:1.1rem;font-weight:400}.detail-widgets-container{gap:var(--rtc-gap-s);flex-direction:row;flex:1;display:flex}@media (width<=1800px){.detail-widgets-container{flex-direction:column}}@media (width<=769px){.detail-page{padding:var(--rtc-padding-m)}.detail-title-container{flex-wrap:wrap}}.weather-widget{z-index:1;background-color:color-mix(in srgb, var(--rtc-color-3), transparent 30%);padding:var(--rtc-padding-xl) var(--rtc-padding-l);border:2px solid var(--rtc-highlightColorSecondary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:space-between;width:25%}div.weather-title{gap:var(--rtc-gap-xs);text-align:center;flex-wrap:wrap;width:100%}div.weather-info{gap:var(--rtc-gap-xxl)}div.weather-info div{gap:var(--rtc-gap-m);letter-spacing:2px;font-weight:500}.weather-temp{letter-spacing:2px;font-size:1.8rem;font-weight:800}@media (width<=1800px){.weather-widget{gap:var(--rtc-gap-l);order:2;width:100%}div.weather-title{flex-direction:row}div.weather-info{flex-direction:row;justify-content:space-around;gap:0;width:100%}}@media (width<=769px){.weather-widget{gap:var(--rtc-gap-l);padding:var(--rtc-padding-l)}div.weather-info{justify-content:space-between;gap:var(--rtc-gap-l);flex-direction:column}}.live-flights-widget{z-index:1;background-color:color-mix(in srgb, var(--rtc-color-2), transparent 30%);padding:var(--rtc-padding-m);border:2px solid var(--rtc-highlightColorSecondary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);gap:var(--rtc-gap-s);flex:1;width:100%}.live-flights-widget .filter-bar{gap:var(--rtc-gap-l);justify-content:center;width:80%;display:flex}hr.live-flight-separator{width:100%}.live-flights-widget .filter-bar button{color:var(--rtc-color-1);border-radius:var(--rtc-border-radius-square);width:120px;padding:var(--rtc-padding-xs);background:#ffffff1e;border:2px solid #000;font-size:.9rem}.live-flights-widget .filter-bar button.active{border:2px solid var(--rtc-color-1);background:#00000085}.live-flights-widget .flights-info-container{gap:var(--rtc-gap-s);flex-direction:column;flex:1;display:flex}.live-flights-widget ul{gap:var(--rtc-gap-m);flex-direction:column;align-items:center;display:flex}.live-flights-widget li{flex-direction:column;width:100%;display:flex}.live-flights-widget .flights-header span{color:#ffffff71;font-weight:700}.live-flights-widget .flights-header,.live-flights-widget .flights-info{gap:var(--rtc-gap-l);text-align:center;display:flex}.live-flights-widget span{min-width:110px}span abbr.iata-info{text-underline-offset:4px;cursor:help;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}span abbr.iata-info:hover{color:var(--rtc-color-3);opacity:1}span.flight-delay-time{color:#78f778;text-transform:capitalize}span.flight-delay-time.delayed{color:#ffe600;text-transform:capitalize}span.status{text-transform:capitalize}@media (width<=1024px){.live-flights-widget .flights-header,.live-flights-widget .flights-info{gap:0}.live-flights-widget .filter-bar{width:100%}}@media (width<=769px){.live-flights-widget .filter-bar{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.live-flights-widget .filter-bar button{width:100%}.live-flights-widget .flights-info-container{flex-direction:row;justify-content:space-between;gap:0;width:100%}.live-flights-widget .flights-header{text-align:start}.live-flights-widget ul{flex:1;gap:0}.live-flights-widget li{border-bottom:1px solid #fff;flex-direction:row;justify-content:space-between}.live-flights-widget .flights-header,.live-flights-widget .flights-info{gap:var(--rtc-gap-xs);padding:var(--rtc-padding-s) 0;flex-direction:column}.live-flights-widget .flights-header:last-child,.live-flights-widget li:last-child{border-bottom:none;padding-bottom:0}}.top-airports-page{padding:10px 0}div.top-airports-titles{gap:var(--rtc-gap-s);text-align:center;align-items:center;gap:var(--rtc-gap-m);padding:var(--rtc-padding-m);background-color:var(--rtc-bgColorOverlay);flex-direction:column;justify-self:center;width:100%;display:flex;box-shadow:0 0 5px #0000004d}div.top-airports-titles h1{text-shadow:1px 1px 2px #fff;color:var(--rtc-color-3);font-size:2rem;font-weight:700}div.top-airports-titles h4{color:var(--rtc-color-3);font-weight:500}.airports-quiz-page{gap:var(--rtc-gap-xs);height:80svh;padding:var(--rtc-padding-s) 0;flex:1}.airports-quiz-titles{gap:var(--rtc-gap-s);text-align:center;align-items:center;gap:var(--rtc-gap-m);width:100%;padding:var(--rtc-padding-m);background-color:var(--rtc-bgColorOverlay);flex-direction:column;display:flex;box-shadow:0 0 5px #0000004d}.airports-quiz-titles h1{text-shadow:1px 1px 2px #fff;font-size:2rem;font-weight:700}.quiz-container{background-color:var(--rtc-bgColorOverlay);justify-content:center;align-items:center;gap:var(--rtc-gap-m);border-radius:var(--rtc-border-radius-square);isolation:isolate;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;box-shadow:0 0 5px #0000004d}.quiz-image{z-index:-1;filter:brightness(1.1);opacity:.7;width:100%;height:100%;position:absolute;top:0;left:0}:is(.quiz-container:has(.quiz-image) .quiz-text-container,.quiz-container:has(.quiz-image) .quiz-results){background-color:var(--rtc-bgColorOverlay);box-shadow:0 0 5px #0000004d}.quiz-results{gap:var(--rtc-gap-m);padding:var(--rtc-padding-l);border-radius:var(--rtc-border-radius-square);flex-direction:column;display:flex;position:absolute;top:10px;right:10px}.quiz-results-score,.quiz-results-attempts{font-weight:600}.quiz-results-score span,.quiz-results-attempts span{font-weight:500}.quiz-text-container{gap:var(--rtc-gap-l);padding:var(--rtc-padding-l);border-radius:var(--rtc-border-radius-square);flex-direction:column;align-items:center;display:flex}.quiz-options{gap:var(--rtc-gap-l);display:flex}.quiz-options .option-button{padding:var(--rtc-padding-m);background-color:var(--rtc-color-4);border-radius:var(--rtc-border-radius-square);border:2px solid #0000;outline:none;font-weight:500;box-shadow:0 0 5px #00000080}.quiz-options .option-button:hover{box-shadow:0 0 5px #000}:is(.quiz-options:has(.option-button.correct) .option-button:hover,.quiz-options:has(.option-button.option-button.incorrect) .option-button:hover){box-shadow:0 0 5px #00000080}.quiz-options .option-button.correct{background-color:#48ff0075;border:2px solid #48ff00}.quiz-options .option-button.incorrect{background-color:#ff000065;border:2px solid red}@media (width<=769px){.quiz-container{width:90%}.quiz-results{gap:var(--rtc-gap-m);flex-direction:row;order:1;justify-content:center;width:100%;position:static}.quiz-text-container{padding:var(--rtc-padding-m);flex:1}.quiz-options{gap:var(--rtc-gap-s);flex-direction:column}}footer .wrapper{justify-content:center;gap:var(--rtc-gap-xl);padding:var(--rtc-padding-m) 0;display:flex}.footer-info-div,.footer-nav-div{gap:var(--rtc-gap-xs);display:flex}footer a{align-items:center;gap:8px;font-weight:600;display:flex}.footer-github-icon{width:20px;height:20px}@media (width<=1024px){footer .wrapper{justify-content:space-around}.footer-nav-div,.footer-info-div{flex-direction:column}}@media (width<=769px){footer .wrapper{align-items:center;gap:var(--rtc-gap-s);flex-direction:column}.footer-nav-div,.footer-info-div{flex-direction:row;align-items:center}.footer-info-div{order:2}}@media (width<=480px){.footer-info-div{flex-direction:column-reverse}}