@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap);:root{--gray:#969696;--dark-gray:#2b2b2b}*{margin:0;padding:0;box-sizing:border-box;font-family:"Rubik",sans-serif}body{font-size:18px}.App{position:relative}.App__Background{width:100vw;height:35vh;background-position:top;background-repeat:no-repeat;background-image:url(/static/media/pattern-bg.a60a3c85.png);background-size:cover}.IP{position:absolute;width:85%;top:36px;left:50%;font-size:1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.IP__Title{font-size:1.2em;font-weight:500;color:#fff;text-align:center;margin-bottom:30px}.IP__Input-Container{display:flex;margin:0 auto 24px;max-width:460px;border-radius:12px;overflow:hidden}.IP__Input-Wrapper{flex:1 1;display:flex;background-color:#fff;align-items:center;justify-content:center}.IP__Input{width:100%;height:100%;padding:0 1em;font-size:.85em;border:none}.IP__Input:focus{outline:none}.IP__Input::-webkit-input-placeholder{font-size:.9em}.IP__Input:-ms-input-placeholder{font-size:.9em}.IP__Input::placeholder{font-size:.9em}.IP__Input:-webkit-autofill,.IP__Input:-webkit-autofill:active,.IP__Input:-webkit-autofill:focus,.IP__Input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.IP__Button{justify-content:center;width:2.2em;height:2.2em;font-size:20px;font-weight:700;color:#fff;background-color:#000;cursor:pointer}.IP-Info,.IP__Button{display:flex;align-items:center}.IP-Info{position:relative;flex-direction:column;width:100%;margin:0 auto;max-width:400px;max-height:44px;border-radius:12px;padding:20px;background-color:#fff;transition:max-height .75s ease .25s;overflow:hidden}.IP-Info--Open{max-height:400px}.IP-Info__Toggle{display:flex;align-items:center;justify-content:center;position:absolute;bottom:2px;right:50%;width:28px;height:28px;font-size:20px;font-weight:700;color:var(--gray);-webkit-transform:translateX(50%) rotate(90deg);transform:translateX(50%) rotate(90deg)}.IP-Info--Open .IP-Info__Toggle{top:12px;right:24px}.IP-Info__Toggle span{opacity:0}.IP-Info--Open .IP-Info__Toggle span{opacity:1;-webkit-transform:translateX(-6px) rotate(180deg);transform:translateX(-6px) rotate(180deg)}.IP-Info__Field{margin-bottom:20px;text-align:center;font-size:.75em;opacity:0;transition:opacity .25s ease}.IP-Info--Open .IP-Info__Field{opacity:1;transition:opacity .25s ease .75s}.IP-Info__Field:last-child{margin-bottom:0}.IP-Field__Label{margin-bottom:8px;color:var(--gray);font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:2px}.IP-Field__Value{font-size:1.1em;font-weight:500}@media only screen and (min-width:375px){.IP{font-size:1.1rem}}@media only screen and (min-width:450px){.IP{font-size:1.2rem}}@media only screen and (min-width:750px){.IP-Info__Toggle{display:none}.IP-Info{flex-direction:row;align-items:stretch;padding:28px 24px;max-width:1000px;max-height:400px}.IP-Info__Field{width:25%;margin-bottom:0;text-align:left}.IP-Info__Field:not(:first-child){border-left:1px solid #ddd;padding-left:1rem}}@media only screen and (min-width:750px){.IP{font-size:1.3rem}}.Map{width:100vw;height:65vh}
/*# sourceMappingURL=main.af4096ea.chunk.css.map */