.createprojectmodal__backdrop{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#ffffffb0;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.createprojectmodal__inner{border-radius:12px;display:flex;flex-direction:column;height:80vh;justify-content:center;left:50%;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:99999}.createprojectmodal__inner .animate_emojies{font-size:7rem;text-align:center}.createprojectmodal__inner .h2{color:#016a70;margin-top:3rem;text-align:center}: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}.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-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}.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}.width--5{flex:1 1 5%}@media(max-width:599px){.width--5{flex:1 1 100%}}.width--10{flex:1 1 10%}@media(max-width:599px){.width--10{flex:1 1 100%}}.width--15{flex:1 1 15%}@media(max-width:599px){.width--15{flex:1 1 100%}}.width--20{flex:1 1 20%}@media(max-width:599px){.width--20{flex:1 1 100%}}.width--25{flex:1 1 25%}@media(max-width:599px){.width--25{flex:1 1 100%}}.width--30{flex:1 1 30%}@media(max-width:599px){.width--30{flex:1 1 100%}}.width--35{flex:1 1 35%}@media(max-width:599px){.width--35{flex:1 1 100%}}.width--40{flex:1 1 40%}@media(max-width:599px){.width--40{flex:1 1 100%}}.width--45{flex:1 1 45%}@media(max-width:599px){.width--45{flex:1 1 100%}}.width--50{flex:1 1 50%}@media(max-width:599px){.width--50{flex:1 1 100%}}.width--55{flex:1 1 55%}@media(max-width:599px){.width--55{flex:1 1 100%}}.width--60{flex:1 1 60%}@media(max-width:599px){.width--60{flex:1 1 100%}}.width--65{flex:1 1 65%}@media(max-width:599px){.width--65{flex:1 1 100%}}.width--70{flex:1 1 70%}@media(max-width:599px){.width--70{flex:1 1 100%}}.width--75{flex:1 1 75%}@media(max-width:599px){.width--75{flex:1 1 100%}}.width--80{flex:1 1 80%}@media(max-width:599px){.width--80{flex:1 1 100%}}.width--85{flex:1 1 85%}@media(max-width:599px){.width--85{flex:1 1 100%}}.width--90{flex:1 1 90%}@media(max-width:599px){.width--90{flex:1 1 100%}}.width--95{flex:1 1 95%}@media(max-width:599px){.width--95{flex:1 1 100%}}.width--100{flex:1 1 100%}@media(max-width:599px){.width--100{flex:1 1 100%}}.startprojectinput__box{border:2px solid #016a70;border-radius:16px;font-size:1rem;max-width:470px;width:100%}.startprojectinput__action{align-items:center;display:flex;justify-content:space-between;margin-top:10px;max-width:470px;position:relative;width:100%}.startprojectinput .callout{bottom:-65px;color:#016a70;position:absolute;right:140px;width:160px}.startprojectinput .callout *{color:#016a70}@media screen and (max-width:370px){.startprojectinput .callout{display:none}}.startprojectinput .callout svg{bottom:5px;position:absolute;right:-50px;transform:rotate(105deg);width:50px}.startprojectinput .callout p{line-height:1.2;margin:0;text-align:center}.startprojectinput .callout p b{font-size:1.3rem}@media screen and (max-width:800px){.startprojectinput .callout{right:140px;width:130px}.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 .field{margin:0;width:100%}.startprojectinput .field__after{color:#016a70;padding-left:15px;padding-top:0}.startprojectinput .field__after *{font-size:1rem;margin:0}.startprojectinput .field__after span{opacity:.6;position:relative;text-decoration:line-through}.startprojectinput .field--destination input{border-radius:16px 16px 0 0}.startprojectinput .field--end input,.startprojectinput .field--start input{border:none;border-radius:0 0 16px 16px}.startprojectinput .field--start input{border-radius:0 0 0 16px;border-right:2px solid #016a70}.startprojectinput .field .prefix{font-size:1.7rem;left:15px;position:absolute;top:25px}.startprojectinput label{left:55px;margin:0;position:absolute;top:12px}.startprojectinput input{border:none;border-bottom:2px solid #016a70;font-size:1rem;padding:30px 25px 20px 55px}.startprojectinput input::-moz-placeholder{color:#000a0b}.startprojectinput input::placeholder{color:#000a0b}.startprojectinput button{position:relative}.datepicker_popup{background:#fff;border:1px solid #016a70;border-radius:15px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-top:10px;padding:15px;position:absolute;width:650px;z-index:20}.datepicker_popup button{background:none}@media screen and (min-width:801px){.datepicker_popup .column-1{border-right:1px solid #b3d5f4}}@media screen and (max-width:800px){.datepicker_popup{max-width:550px}}@media screen and (max-width:599px){.datepicker_popup{max-width:470px;width:calc(100% - 35px)}}.btn-pos--center .startprojectinput__action{justify-content:center}.btn-pos--right .startprojectinput__action{justify-content:flex-end}