footer{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;position:relative;z-index:1}footer .glass{padding:5px 20px;font-size:1.6rem}#controller{width:260px;position:fixed;top:40px;left:40px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:column;gap:40px}#controller .airfield{width:100%;min-width:auto}#controller .airplanes{display:block}#app:not(:has(.airfield)) #controller{margin:auto;inset:0;justify-content:center}#add_airplane h1{height:30px;overflow:hidden}#add_airplane h1 span{display:block;transition-property:transform;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}#add_airplane h1.mode_airplane span{transform:translateY(-100%)}#add_airplane h1.mode_remove span{transform:translateY(-200%)}#add_airplane h1.mode_airfield span{transform:translateY(-300%)}.airplane{height:30px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:row;overflow:hidden;transition-property:height opacity;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.airplane .favicon{width:20px;min-width:20px;aspect-ratio:1;overflow:hidden;display:flex;justify-content:nowrap;align-items:nowrap;flex-wrap:nowrap;flex-direction:column;gap:0}.airplane .favicon :is(img,.fa-plane-departure,button){width:100%;height:20px;transition-property:transform;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.airplane .favicon :is(img,i){object-fit:cover}.airplane .favicon button{padding:0;color:#fff;background-color:transparent;background-color:#090c;border:0;border-radius:100%}.airplane .favicon i{text-align:center;line-height:20px;font-size:1rem}.airplane a{margin-left:10px;padding-bottom:2px;display:block;position:relative;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.airplane a:after{content:"";width:0;height:2px;display:block;position:absolute;left:0;bottom:0;background-color:#fff;transition-property:width;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.airplane a:is(:active,:hover,.active):after{width:100%}.airplane:is(:active,:hover,.active) .favicon :is(img,.fa-plane-departure,button){transform:translateY(-100%)}.more .more_airplanes{display:grid;grid-template-rows:0fr;overflow:hidden;transition-property:grid-template-rows;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.more .more_airplanes .airplanes{padding-bottom:0;overflow:hidden}.more label{height:30px;display:block;overflow:hidden}.more label span{display:block;text-align:center;line-height:30px;font-size:1.8rem;transition-property:margin-top;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.airfield:has(.more:hover) .more .more_airplanes{grid-template-rows:1fr}.airfield:has(.more:hover) .more label input+span{margin-top:-30px}#find_bar{width:calc(100% - 40px)}#find_bar form{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:row}#find_bar input{margin-right:20px;flex:1}
