*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}@font-face{font-family:SpaceMono-Bold;src:url(/assets/SpaceMono-Bold-OmHk4iMk.ttf) format("TrueType");font-weight:700;font-style:normal;font-display:swap}:root{--color-strong-cyan: hsl(172, 67%, 45%);--color-very-dark-cyan: hsl(183, 100%, 15%);--color-dark-grayish-cyan: hsl(186, 14%, 43%);--color-grayish-cyan: hsl(184, 14%, 56%);--color-light-grayish-cyan: hsl(185, 41%, 84%);--color-very-light-grayish-cyan: hsl(189, 41%, 97%);--color-white: hsl(0, 0%, 100%);--font-family-primary: "SpaceMono-Bold", "Arial", sans-serif}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.container{max-width:873px;padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media (min-width: 1158px){.container{max-width:none;width:1110px;padding:0}}.hidden{display:none}.logo{padding-top:50px;padding-bottom:40px}.logo img{margin:0 auto}@media (min-width: 920px){.logo{padding-bottom:87px}}.app{max-width:920px;padding:32px;background-color:var(--color-white);border-top-left-radius:25px;border-top-right-radius:25px}@media (min-width: 920px){.app{margin:0 auto;padding-left:48px;border-radius:25px}}@media (min-width: 734px){.form{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}}@media (min-width: 920px){.form{grid-template-columns:45% 1fr;gap:48px}}.form input{font-size:1.5rem;color:var(--color-very-dark-cyan);border:none;border-radius:6px;background-color:var(--color-very-light-grayish-cyan);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;cursor:pointer;caret-color:var(--color-strong-cyan);outline-color:transparent;transition:outline-color .3s ease}.form input::-webkit-inner-spin-button,.form input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form input::placeholder{color:#9ebbbd}.form input:focus{outline:2px solid var(--color-strong-cyan)}.form button{position:relative;border:none;border-radius:5px;cursor:pointer;transition:color .3s ease,background-color .3s ease}.form button:hover:not(:disabled),.form button:focus-visible:not(:disabled){color:var(--color-very-dark-cyan);background-color:#9fe8df;outline:none}.form button:active:not(:disabled){opacity:.6}@media (min-width: 734px){.form__left-col{padding-top:13px}}.form__input-group{margin-bottom:32px}@media (min-width: 920px){.form__input-group{margin-bottom:40px}}.form__input-group label{display:block;margin-bottom:6px;color:var(--color-dark-grayish-cyan)}.form__input-group input{width:100%;padding:6px 18px 6px 47px;text-align:right;background-repeat:no-repeat;background-position:center left 18px}.form__input-group--bill input{background-image:url(/images/icon-dollar.svg)}@media (min-width: 734px){.form__input-group--people-number{margin-bottom:16px}}.form__input-group--people-number input{background-image:url(/images/icon-person.svg)}.form__input-group--people-number p{display:flex;justify-content:space-between}.form__input-group--people-number span{display:none;color:#f0151593}.form__input-group--error span{display:block}.form__input-group--error input{outline:2px solid rgba(240,21,21,.575)}.form__input-group--error input:focus{outline-color:#f0151593}.form_select-tip-title{margin-bottom:16px;color:var(--color-dark-grayish-cyan)}.form__tip-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}@media (min-width: 500px){.form__tip-selection{grid-template-columns:repeat(3,1fr)}}@media (min-width: 734px){.form__tip-selection{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:16px 12px;margin-bottom:40px}}.form__tip-button{padding:5px 12px 7px;background-color:var(--color-very-dark-cyan);font-size:1.5rem;color:var(--color-white)}.form__tip-button--active{color:var(--color-very-dark-cyan);background-color:var(--color-strong-cyan)}.form__tip-button:disabled{cursor:auto}.form__tip-custom{width:100%;padding:4px 10px;text-align:right}.form__tip-custom::placeholder{text-align:right}@media (min-width: 920px){.form__tip-custom::placeholder{text-align:center}}.form__result{margin-right:-8px;margin-left:-8px;padding:36px 22px 24px 24px;background-color:var(--color-very-dark-cyan);border-radius:15px}@media (min-width: 734px){.form__result{display:flex;flex-direction:column;height:100%;margin:0}}@media (min-width: 920px){.form__result{padding:42px 40px 40px}}.form__result-output-wrap{margin-bottom:31px}.form__result-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}@media (min-width: 920px){.form__result-item{margin-bottom:26px}}.form_result-title{color:var(--color-very-light-grayish-cyan);line-height:1.25}.form_result-title span{font-size:.8rem;line-height:1;color:var(--color-grayish-cyan)}.form__result-output{color:var(--color-strong-cyan);font-size:2rem;letter-spacing:-.6px}@media (min-width: 734px){.form__result-output{font-size:3rem}}.form__result-reset{width:100%;padding:11px 12px 8px;font-size:20px;color:var(--color-very-dark-cyan);background-color:var(--color-strong-cyan);text-transform:uppercase}@media (min-width: 734px){.form__result-reset{margin-top:auto}}.form__result-reset:disabled{background-color:#0c686d;cursor:not-allowed}body{min-width:320px;font-family:var(--font-family-primary);font-weight:700;background-color:var(--color-light-grayish-cyan)}