html{height:-webkit-fill-available;height:-moz-available;height:fill-available}body{min-height:100vh;min-height:-webkit-fill-available;min-height:-moz-available;min-height:fill-available;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,background,serif;background:#f3f0f7}body,input,textarea,button{margin:0;padding:0;color:#2d2c32}img{max-width:100%;height:auto}.title{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 12px 16px;font-weight:500;font-size:24px}.box{padding:16px;width:100%;border-radius:8px;box-sizing:border-box;text-align:center;background:#f3f0f7}.box .comment{margin-top:0}.comment{margin-top:20px;font-size:12px;color:#ada0b5}.main{padding:60px 16px 16px;position:relative;background:#fffdff;flex:1 1}.main-not-found{max-width:360px;width:100%;padding:30px;margin:80px auto 0;text-align:center;font-size:21px;flex:0 max-content;box-sizing:border-box;border-radius:6px;background:#fffdff}.main-form{gap:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.main-buttons{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.main-img{max-width:90px}.main-loader{width:100px}.main-close{width:25px;height:25px;top:12px;left:16px;position:absolute;display:flex;align-items:center;cursor:pointer}.main-close:before,.main-close:after{content:"";position:absolute;top:45%;left:0;height:2px;width:100%;background-color:#bc5862}.main-close:before{rotate:-45deg}.main-close:after{rotate:45deg}.main-amount{font-weight:500;font-size:24px}.main-comment{text-align:center}.main-pin{margin-top:46px;display:flex;justify-content:center;gap:12px}.main-timer{text-align:center}.main-input{max-width:280px;width:100%;padding:4px;text-align:center;letter-spacing:24px;font-size:24px;background:transparent;border:1px solid #cdcbd0;border-radius:6px;outline:none;box-sizing:border-box}.main-input-wrap{position:relative}.main-input--error{border-color:#bc5862}.main-error{position:absolute;padding:4px 8px;right:4px;max-width:calc(100% - 48px);font-size:12px;line-height:14px;background:#bc5862;border-radius:4px;color:#fff;top:90%;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:pre-line;word-break:break-word;min-width:max-content;z-index:9}.main-input::placeholder{letter-spacing:1px}.main-input::-webkit-outer-spin-button,.main-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.main-button{width:max-content;padding:4px 24px;font-size:21px;border-radius:6px;border:1px solid #cdcbd0;background:#f3f0f7;cursor:pointer}.main-button.link{border:none;background:transparent}@media only screen and (min-width: 568px){body{align-items:center;justify-content:center}.title{padding:12px 0;max-width:460px;width:100%;margin:0 auto}.main{max-width:460px;width:100%;padding:80px 16px 40px;margin:0 auto;flex:0 max-content;box-sizing:border-box;border-radius:6px}.main-not-found{margin-top:0;max-width:460px}.main-close{top:16px}.box{max-width:380px;width:100%;margin:0 auto}}