:root{--card1:#ffe6ff;--card1-darken:#ffc2ff;--card1-lighten:#fff0ff;--card2:#e6e6ff;--card2-darken:#c2c2ff;--card2-lighten:#f0f0ff;--card3:#f0fff0;--card3-darken:#cdffcd;--card3-lighten:#fafffa;--card4:#ffffe1;--card4-darken:#fefebe;--card4-lighten:#ffffec;--card5:#ffe6e6;--card5-darken:#ffc2c2;--card5-lighten:#fff0f0;--card6:#fff6e6;--card6-darken:#ffe9c2;--card6-lighten:#fffaf0;--card7:#fff;--card7-darken:#ededed;--card7-lighten:#fff;--card8:#f4f4f4a6;--card8-darken:#e2e2e2a6;--card8-lighten:#f9f9f9a6}.bgcolor-1{background-color:var(--card1)!important}.bgcolor-2{background-color:var(--card2)!important}.bgcolor-3{background-color:var(--card3)!important}.bgcolor-4{background-color:var(--card4)!important}.bgcolor-5{background-color:var(--card5)!important}.bgcolor-6{background-color:var(--card6)!important}.bgcolor-7{background-color:var(--card7)!important}.bgcolor-8{background-color:var(--card8)!important}.bgcolor-opaque-1{background-color:var(--card1-lighten)!important}.bgcolor-opaque-2{background-color:var(--card2-lighten)!important}.bgcolor-opaque-3{background-color:var(--card3-lighten)!important}.bgcolor-opaque-4{background-color:var(--card4-lighten)!important}.bgcolor-opaque-5{background-color:var(--card5-lighten)!important}.bgcolor-opaque-6{background-color:var(--card6-lighten)!important}.bgcolor-opaque-7{background-color:var(--card7-lighten)!important}.bgcolor-opaque-8{background-color:var(--card8-lighten)!important}.bordercolor-1{border-color:var(--card1)!important}.bordercolor-2{border-color:var(--card2)!important}.bordercolor-3{border-color:var(--card3)!important}.bordercolor-4{border-color:var(--card4)!important}.bordercolor-5{border-color:var(--card5)!important}.bordercolor-6{border-color:var(--card6)!important}.bordercolor-7{border-color:var(--card7)!important}.bordercolor-8{border-color:var(--card8)!important}.width--5{flex:5%}@media (width<=599px){.width--5{flex:100%}}.width--10{flex:10%}@media (width<=599px){.width--10{flex:100%}}.width--15{flex:15%}@media (width<=599px){.width--15{flex:100%}}.width--20{flex:20%}@media (width<=599px){.width--20{flex:100%}}.width--25{flex:25%}@media (width<=599px){.width--25{flex:100%}}.width--30{flex:30%}@media (width<=599px){.width--30{flex:100%}}.width--35{flex:35%}@media (width<=599px){.width--35{flex:100%}}.width--40{flex:40%}@media (width<=599px){.width--40{flex:100%}}.width--45{flex:45%}@media (width<=599px){.width--45{flex:100%}}.width--50{flex:50%}@media (width<=599px){.width--50{flex:100%}}.width--55{flex:55%}@media (width<=599px){.width--55{flex:100%}}.width--60{flex:60%}@media (width<=599px){.width--60{flex:100%}}.width--65{flex:65%}@media (width<=599px){.width--65{flex:100%}}.width--70{flex:70%}@media (width<=599px){.width--70{flex:100%}}.width--75{flex:75%}@media (width<=599px){.width--75{flex:100%}}.width--80{flex:80%}@media (width<=599px){.width--80{flex:100%}}.width--85{flex:85%}@media (width<=599px){.width--85{flex:100%}}.width--90{flex:90%}@media (width<=599px){.width--90{flex:100%}}.width--95{flex:95%}@media (width<=599px){.width--95{flex:100%}}.width--100{flex:100%}@media (width<=599px){.width--100{flex:100%}}.startprojectinput .day-stepper__button:focus-visible,.startprojectinput .startprojectinput__action>.btn:focus-visible,.startprojectinput input:focus-visible{outline:none}.startprojectinput__error{color:#a12a20;margin:8px 0;font-size:.85rem}.startprojectinput__box{border:2px solid #016a70;border-radius:16px;width:100%;max-width:470px;font-size:1rem}.startprojectinput__action .btn:disabled{color:#fff;cursor:not-allowed;background-color:#777;border-color:#777}.startprojectinput__action{justify-content:space-between;align-items:center;width:100%;max-width:470px;margin-top:10px;display:flex;position:relative}.startprojectinput .traveler-counter{vertical-align:bottom;font-variant-numeric:tabular-nums;line-height:1.2;display:inline-flex}.startprojectinput .traveler-counter__window{width:.65em;height:1.2em;display:inline-block;overflow:hidden}.startprojectinput .traveler-counter__separator{width:.28em}.startprojectinput .traveler-counter__strip{display:block}.startprojectinput .traveler-counter__digit{text-align:center;height:1.2em;line-height:1.2;display:block}.startprojectinput .callout{color:#016a70;width:160px;position:absolute;bottom:-65px;right:140px}.startprojectinput .callout *{color:#016a70}@media screen and (width<=370px){.startprojectinput .callout{display:none}}.startprojectinput .callout svg{width:50px;position:absolute;bottom:5px;right:-50px;transform:rotate(105deg)}.startprojectinput .callout p{text-align:center;margin:0;line-height:1.2}.startprojectinput .callout p b{font-size:1.3rem}@media screen and (width<=800px){.startprojectinput .callout{width:130px;right:140px}.startprojectinput .callout svg{width:40px}.startprojectinput .callout{bottom:-55px}}.startprojectinput .geocoder{background:#fff;border-bottom:2px solid #016a70;border-radius:16px 16px 0 0;min-height:72px}.startprojectinput .mapboxgl-ctrl-geocoder--input{border:none;border-radius:0;min-height:70px}.startprojectinput .mapboxgl-ctrl-geocoder .suggestions{font-size:14px;line-height:18px}.startprojectinput .mapboxgl-ctrl-geocoder .suggestions>li>a{min-height:44px;padding:4px 12px}.startprojectinput .field{width:100%;margin:0}.startprojectinput .field__after{color:#016a70;padding-top:0;padding-left:15px}.startprojectinput .field__after *{margin:0;font-size:1rem}.startprojectinput .field__after span{opacity:.6;text-decoration:line-through;position:relative}.startprojectinput .field--destination input{border-radius:16px 16px 0 0}.startprojectinput .field .prefix{font-size:1.7rem;position:absolute;top:25px;left:15px}.startprojectinput label{color:#016a70;margin:0;position:absolute;top:12px;left:55px}.startprojectinput input{border:none;border-bottom:2px solid #016a70;padding:30px 25px 20px 55px;font-size:1rem}.startprojectinput input::placeholder{opacity:.4;color:#000a0b}.startprojectinput button{position:relative}.startprojectinput .startprojectinput__action,.startprojectinput .startprojectinput__box{max-width:620px}.startprojectinput .startprojectinput__box{grid-template-columns:minmax(0,1fr) clamp(82px,30%,170px);display:grid;overflow:visible}.startprojectinput .field--destination{min-width:0}.startprojectinput .field--destination .geocoder{border-bottom:0;border-right:2px solid #016a70;border-radius:16px 0 0 16px}.startprojectinput .field--destination input{border-bottom:0;border-radius:16px 0 0 16px}.startprojectinput .field--days{position:relative;container-type:inline-size}.startprojectinput .field--days label{text-align:center;width:100%;left:0}.startprojectinput .field--days .day-stepper{background:#fff;border-radius:0 16px 16px 0;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:72px;padding:28px 12px 10px;display:flex}.startprojectinput .field--days .day-stepper__button{cursor:pointer;background:#fff;border:1.5px solid #016a70;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;display:grid}.startprojectinput .field--days .day-stepper__button:disabled{cursor:default;opacity:.35}.startprojectinput .field--days .day-stepper__chevron{border-top:2px solid #016a70;border-right:2px solid #016a70;width:8px;height:8px}.startprojectinput .field--days .day-stepper__chevron--left{transform:translate(2px)rotate(-135deg)}.startprojectinput .field--days .day-stepper__chevron--right{transform:translate(-2px)rotate(45deg)}.startprojectinput .field--days input{color:#016a70;width:38px;min-width:0;font:inherit;text-align:center;background:0 0;border:0;border-bottom:1px dashed #016a70a6;border-radius:0;padding:0 0 2px;font-weight:700}.startprojectinput .field--days input:focus{border-bottom-style:solid}@container (width<=130px){.startprojectinput .field--days .day-stepper{justify-content:center}.startprojectinput .field--days .day-stepper__button{display:none}.startprojectinput .field--days .day-stepper input{width:100%}}.startprojectinput .startprojectinput__action .btn{white-space:nowrap}@media screen and (width<=599px){.startprojectinput .startprojectinput__box{--days-field-width:82px;grid-template-columns:minmax(0,1fr) var(--days-field-width)}.startprojectinput .mapboxgl-ctrl-geocoder .suggestions{width:calc(100% + var(--days-field-width) + 2px)}.startprojectinput .field--days .day-stepper{justify-content:center;padding-inline:10px}.startprojectinput .field--days .day-stepper__button{display:none}.startprojectinput .field--days .day-stepper input{width:100%}}.btn-pos--center .startprojectinput__action{justify-content:center}.btn-pos--right .startprojectinput__action{justify-content:flex-end}
