.searchform-container{margin:2rem auto}.searchform{background-color:#fff!important;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:2rem;position:relative}#searchformForm{display:flex;flex-direction:column;gap:1rem}#searchformForm>.search-container,.form-header{border-bottom:1px solid #ccc;padding-bottom:.75rem}.form-header{display:flex;gap:1rem}.form-header button,.form-header select{padding:.5rem}.buttonContainer{display:flex;flex-direction:row}.buttonContainer button{margin:.25rem;padding:.25rem .5rem}.buttonOK{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.search-container{display:flex;flex-direction:row;gap:1rem;justify-content:flex-end}.input-container input{width:100%;transition:border-color .2s ease}.input-container:has(input.airpax[hidden]){display:none}.input-container,.select-container{position:relative;display:flex;flex-direction:column}.select-container{flex-direction:row}.input-container.airport{flex:1 1 450px}.datetime{flex:0 0 215px}.select-container select{transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url(../img/select-arrows.svg);background-repeat:no-repeat;background-position:right 2px center;padding-right:24px;min-height:2.875rem}input.airpax{max-width:6em;min-width:5em;padding-left:1rem;padding-right:1rem;text-align:center}button:focus,button:hover,input:focus,input:hover,select:focus,select:hover{outline:1px solid var(--primary-color);border:1px solid var(--primary-color)}.select-container select:focus{border-color:var(--primary-color)}.select-container label{position:absolute;left:.5rem;top:-.5rem;font-size:.75rem;color:var(--primary-color);transition:all .2s ease;pointer-events:none;background-color:var(--background-color);padding:0 .25rem}.input-container label{position:absolute;left:2rem;top:1.25rem;color:var(--light-text);transition:all .2s ease;pointer-events:none;background-color:var(--background-color);padding:0 .25rem}.input-container .airpax-label{left:.5rem}.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label{top:-.5rem;font-size:.75rem;color:var(--primary-color)}.switch-button{height:4rem;width:4rem;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--light-background);border-radius:50%;transition:all .2s ease;align-self:center}.switch-button:hover{background-color:var(--border-color);border-color:var(--primary-color)}.search-button{min-width:100px;width:40%;height:100%;align-self:center;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);font-weight:700;transition:background-color .2s ease}.search-button:hover{background-color:var(--secondary-color)}.maximum-legs-warning{color:var(--error-color)}.add-button{background-color:var(--light-background);font-weight:500;transition:all .2s ease}.add-button:hover{background-color:var(--border-color);border-color:var(--primary-color)}#maximum-legs-warning,.error{color:var(--error-color);font-size:.8rem;font-style:italic}.error{text-indent:.25em}.error #display-error{margin-top:.2rem}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{position:relative;background-color:var(--background-color);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);width:90%;max-width:400px;margin:10vh auto 0;padding:2rem}.controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}#openModal{max-width:12em;display:none!important}.passenger-count{width:100%;text-align:center;font-size:1.25rem;font-weight:500}.passenger-count input{text-align:center;font-size:1.25rem;width:100%}.passenger-count input:focus{outline:0}.downBtn{display:flex;justify-content:flex-end;gap:1rem}.suggestions{position:absolute;z-index:10000;top:100%;left:0;background-color:#fff;border-radius:4px;max-height:300px;overflow-y:auto;width:100%;box-shadow:0 4px 10px rgba(0,0,0,.1)}.suggestions li{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.suggestions li:hover{background-color:var(--light-background)}.active-airport-elem{background-color:var(--darker-background);color:var(--primary-color);font-weight:500}.delete-button{width:4rem;height:4rem;padding:0;display:flex;align-items:center;justify-content:center;align-self:center;vertical-align:middle;color:var(--light-text);transition:all .2s ease;background-image:url(../img/delete1.svg);border:none;background-size:2em;background-color:transparent;background-repeat:no-repeat;background-position:center}.delete-button:focus,.delete-button:hover{outline:1px solid var(--error-color);border:1px solid var(--error-color);background-color:var(--border-color);color:var(--error-color)}div#map-container{display:none;width:100%;height:550px;margin-top:1rem;border-radius:.25rem;box-shadow:0 4px 15px rgba(0,0,0,.1)}div#map-container.active{display:block}#map-container .leaflet-control-attribution a{color:var(--primary-color)}span#map-note{display:none;font-size:.8rem;margin-top:.75rem}span#map-note.active{display:block}#map-container .leaflet-tooltip{font-size:.9rem}#map-container .route-type-container{background:#fff;padding:6px;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.4)}#map-container .route-type-container{font-size:.8rem;display:flex;flex-direction:column;gap:.25rem}#map-container .route-type-container label{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;align-items:center;cursor:pointer}#map-container .route-type-container label input{vertical-align:middle}#map-container .route-type-container label input:focus,#map-container .route-type-container label input:hover{border:none;outline:0}@media (max-width:1080px){.switch-button{height:2.8rem;width:2.8rem}.delete-button{width:2.8rem;height:2.8rem}.search-container{flex-wrap:wrap;gap:.75rem .5rem}.input-container label{position:absolute;left:1rem;top:.75rem;color:var(--light-text);transition:all .2s ease;pointer-events:none;background-color:var(--background-color);padding:0 .25rem}.search-button{width:100%}.input-container.airport{flex:1 1 300px}.datetime{flex:1 0 70%;width:70%}.searchform{padding:2rem 1rem}}@media (max-width:480px){.switch-button img{transform:rotate(90deg)}.form-header{gap:.5rem}#passengers-label{display:none}input.airpax{padding-left:.5rem;padding-right:.5rem}.input-container.airport{flex:1 1 225px}}