@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;transition:all .25s cubic-bezier(.65,.05,.36,1)}i:before,i:after{transition:initial}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}a{text-decoration:none}img,picture{max-width:100%;display:block}html{font-size:16px}body{font-family:"Space Mono",monospace}h1{font-size:3.5rem}@media (max-width: 480px){h1{font-size:1.75rem}}h2{font-size:2rem;font-weight:700;letter-spacing:.75rem;line-height:2.25rem;text-transform:uppercase}h3{font-size:1rem}p{font-weight:700}button{text-transform:uppercase;letter-spacing:.15rem;font-size:1rem;font-weight:700}body{background:#c5e4e7}header{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:initial;gap:initial;margin-top:5rem}header h2{color:#5e7a7d}#container{width:62.5rem;height:31.25rem;background:white;margin:5rem auto;border-radius:.65rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:initial}@media (max-width: 1024px){#container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:initial;width:41.6666666667rem;height:62.5rem}}@media (max-width: 768px){#container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:initial;width:31.25rem;height:62.5rem}}@media (max-width: 480px){#container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:initial;width:17.8571428571rem;height:62.5rem}}#container>section{width:28.125rem;height:28.125rem;border-radius:.65rem}@media (max-width: 480px){#container>section{width:14.0625rem;height:42.1875rem}}#input{display:flex;flex-direction:column;justify-content:space-around;align-items:initial;gap:initial;padding:2rem}@media (max-width: 1024px){#input{text-align:center}}#input>*{position:relative}#input>*:not(:nth-last-of-type(1)){margin-bottom:2rem}@media (max-width: 480px){#input>*:not(:nth-last-of-type(1)){margin-bottom:1rem}}#input>* h3{color:#5e7a7d}#input>* input{width:100%;border-radius:.3rem;background:#f4fafa;color:#5e7a7d;border:none;outline:none;font:inherit;padding:0 1rem;margin:1rem 0;font-size:1.5rem;border:1px solid transparent;text-align:right;appearance:textfield}#input>* input:focus{border-color:#26c0ab}#input>* input::-webkit-inner-spin-button,#input>* input::-webkit-outer-spin-button{-webkit-appearance:none}#input>* img{position:absolute;top:57.5%;left:1rem}#input .tip h3{margin-bottom:1rem}#input .tips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-gap:.75rem}@media (max-width: 480px){#input .tips{grid-template-columns:repeat(1,1fr);place-content:center;grid-gap:.25rem}}#input .tips .tip-0{text-align:center;font-size:1.5rem;font-weight:700;border-radius:.3rem;padding:.5rem;cursor:pointer;transition:all .25s cubic-bezier(.65,.05,.36,1);background:#00494d;color:#fff}#input .tips .tip-0:hover{background:#c5e4e7;color:#00494d}#input .tips .tip-1{text-align:center;font-size:1.5rem;font-weight:700;border-radius:.3rem;padding:.5rem;cursor:pointer;transition:all .25s cubic-bezier(.65,.05,.36,1);background:#00494d;color:#fff}#input .tips .tip-1:hover{background:#c5e4e7;color:#00494d}#input .tips .tip-2{text-align:center;font-size:1.5rem;font-weight:700;border-radius:.3rem;padding:.5rem;cursor:pointer;transition:all .25s cubic-bezier(.65,.05,.36,1);background:#00494d;color:#fff}#input .tips .tip-2:hover{background:#c5e4e7;color:#00494d}#input .tips .tip-3{text-align:center;font-size:1.5rem;font-weight:700;border-radius:.3rem;padding:.5rem;cursor:pointer;transition:all .25s cubic-bezier(.65,.05,.36,1);background:#00494d;color:#fff}#input .tips .tip-3:hover{background:#c5e4e7;color:#00494d}#input .tips .tip-4{text-align:center;font-size:1.5rem;font-weight:700;border-radius:.3rem;padding:.5rem;cursor:pointer;transition:all .25s cubic-bezier(.65,.05,.36,1);background:#00494d;color:#fff}#input .tips .tip-4:hover{background:#c5e4e7;color:#00494d}#input .tips .tip-5{text-align:center;font-size:1.5rem;font-weight:700;border-radius:.3rem;padding:.5rem;cursor:pointer;transition:all .25s cubic-bezier(.65,.05,.36,1);background:#00494d;color:#fff}#input .tips .tip-5:hover{background:#c5e4e7;color:#00494d}#input .tips .activeTip{background:#26c0ab;color:#00494d}#input .tips .tip-6{font-size:1.5rem;font-weight:700;border-radius:.3rem;cursor:pointer;background:#f4fafa;letter-spacing:.15rem;font-weight:400;padding:0;border:none;outline:none;font:inherit;text-align:center;appearance:textfield}#input .tips .tip-6::placeholder{color:#5e7a7d}@media (max-width: 480px){#input .tips .tip-6{font-size:1rem}}#input .number-of-people{position:relative}#input .number-of-people small{color:red;position:absolute;bottom:-1.25rem;right:0;font-weight:400;letter-spacing:.15rem;opacity:0}#result{background:#00494d;display:flex;flex-direction:column;justify-content:space-around;align-items:initial;gap:initial}@media (max-width: 480px){#result{margin:1rem;justify-content:space-evenly}}#result .price .first-row{margin-top:-4rem}#result .price .second-row,#result .price .first-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:initial;padding-top:.5rem;padding-left:2rem;padding-right:2rem}@media (max-width: 480px){#result .price .second-row,#result .price .first-row{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:initial}}#result .price .second-row .txt h3,#result .price .first-row .txt h3{color:#f4fafa}#result .price .second-row .txt p,#result .price .first-row .txt p{color:#7f9c9f}#result .price .second-row .num,#result .price .first-row .num{color:#26c0ab}#result .price .second-row .num .dollar,#result .price .first-row .num .dollar{font-size:2.25rem}#result button{width:85%;height:3rem;border-radius:.3rem;margin:-3rem auto;transition:all .25s cubic-bezier(.65,.05,.36,1)}#result button.enabled{background:#26c0ab;color:#00494d;cursor:pointer;pointer-events:all}#result button.enabled:hover{background:#c5e4e7;color:#00494d;transform:scaleX(1.05)}#result button.disabled{background:#7f9c9f;color:#00494d;pointer-events:none}
