@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;margin:0;outline:none;box-shadow:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.header{display:flex;justify-content:center;margin:3.125rem 0 2.5625rem}@media(min-width: 75rem){.header{margin:10.188rem 0 5.5rem}}.calculator{display:flex;flex-direction:column;gap:2rem;height:49.313rem;width:23.438rem;margin:0 auto;padding:2.125rem 1.5rem;background:#fff;border-radius:1.563rem 1.563rem 0 0;box-shadow:0 32px 43px 0 hsla(185,38%,50%,.2)}@media(min-width: 48rem){.calculator{gap:2.5rem;height:50rem;width:38rem;padding:3.375rem 4.6875rem;border-radius:1.563rem}}@media(min-width: 75rem){.calculator{flex-direction:row;gap:3rem;height:30.063rem;width:57.5rem;padding:2rem 2.5rem}}.inputs{display:flex;flex-direction:column;gap:2rem;padding:0 .5rem}.inputs__bill,.inputs__people,.inputs__tips{display:flex;flex-direction:column;gap:.5rem}.inputs__label{color:hsl(186,14%,43%);line-height:1.5rem;font-weight:700;font-size:1rem}.inputs__input{height:100%;width:100%;padding:.375rem 1.125rem;text-align:end;background:hsl(189,47%,97%);color:hsl(183,100%,15%);color:hsl(183,100%,15%);line-height:2.25rem;font-weight:700;font-size:1.5rem;border-radius:.313rem;cursor:pointer}.inputs__input:hover,.inputs__input:focus-visible{outline:2px solid hsl(172,67%,45%)}.inputs__container{position:relative;height:3rem;width:100%}.inputs__icon{position:absolute;top:1rem;left:1.125rem}.inputs__people--msg{position:absolute;top:0;right:0;display:none;color:hsl(13,70%,60%);line-height:1.5rem;font-weight:700;font-size:1rem}.inputs__tips--option{height:3rem;width:9.188rem;text-align:center;background:hsl(183,100%,15%);border-radius:.313rem;color:#fff;color:#fff;line-height:2.25rem;font-weight:700;font-size:1.5rem;cursor:pointer;transition:background .5s ease-in-out,color .5s ease-in-out}.inputs__tips--option:hover{background:hsl(173,61%,77%);color:hsl(183,100%,15%)}.inputs__tips--custom{background:hsl(189,47%,97%);color:hsl(186,14%,43%)}.inputs__tips--active{background:hsl(172,67%,45%);color:hsl(183,100%,15%)}.inputs__options{display:flex;flex-wrap:wrap;gap:1rem;height:11rem;width:100%}.inputs__people{position:relative}.inputs__people--error .inputs__people--msg{display:inline-block}.inputs__people--error .inputs__input{outline:2px solid hsl(13,70%,60%)}@media(min-width: 48rem){.inputs{gap:1.5rem;padding:0}.inputs__tips--option{width:8.813rem}.inputs__options{height:7rem}}@media(min-width: 75rem){.inputs{gap:2.5rem;width:23.688rem;margin:1rem 0}.inputs__tips--option{width:7.22rem}.inputs__options{height:7rem}}.preview{height:16.0625rem;width:100%;display:flex;flex-direction:column;padding:1.5rem;background:hsl(183,100%,15%);border-radius:.9375rem}.preview__tip,.preview__total{height:2.9375rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.preview__tip{margin-bottom:1.5rem}.preview__total{margin-bottom:2rem}.preview__label{height:2.6875rem;width:6.125rem;color:#fff;line-height:1.5rem;font-weight:700;font-size:1rem}.preview__person{color:hsl(184,14%,56%);line-height:1.1875rem;font-weight:700;font-size:.8125rem}.preview__value{color:hsl(172,67%,45%);line-height:inherit;font-weight:700;font-size:2rem;letter-spacing:-0.67px}.preview__reset{display:flex;justify-content:center;align-items:center;height:3rem;width:100%;background:hsl(172,67%,45%);color:hsl(183,100%,15%);border-radius:.3125rem;color:hsl(183,100%,15%);line-height:1.875rem;font-weight:700;font-size:1.25rem;text-transform:uppercase;cursor:pointer;transition:background .3s ease-in-out}.preview__reset:hover{background:hsl(173,61%,77%)}.preview__reset--hide{background:hsl(183,79%,24%);color:hsl(183,85%,21%)}.preview__reset--hide:hover{cursor:auto;background:hsl(183,79%,24%)}@media(min-width: 48rem){.preview{height:18.75rem;padding:2.688rem 3rem}.preview__tip,.preview__total{height:4.438rem}.preview__tip{margin-bottom:.5rem}.preview__total{margin-bottom:1rem}.preview__value{font-size:3rem;letter-spacing:-1px}}@media(min-width: 75rem){.preview{height:26.063rem;width:25.813rem;padding:2.313rem 2.5rem}.preview__tip{margin-bottom:1.5rem}.preview__total{margin-bottom:8rem}}.container{background:hsl(185,41%,84%);font-family:"Space Mono",monospace}/*# sourceMappingURL=index.css.map */