body{margin:0;background:#fff;-webkit-font-smoothing:antialised;overflow:hidden auto;color:#444;font-family:Roboto,serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}*{box-sizing:border-box}a{text-decoration:none}.content{padding:20px;display:flex;justify-content:center}.container{display:flex;width:100%;align-items:center;max-height:870px;max-width:400px;flex-direction:column;justify-content:space-between}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:80%;padding:10px}.title{font-size:28px;color:#222;text-align:center}.title2{font-size:20px;color:#222;text-align:center}.subtitle{text-align:center;font-size:24px;padding:20px 50px}.btngray{background:#a8a8a8;color:#000;border:0;padding:12px;width:100%;font-weight:600;font-size:24px;cursor:pointer}.btngray:hover{box-shadow:0 8px 8px #0003}.btnoutline{border:1px solid #000;border-radius:22px;font-weight:600;cursor:pointer;font-size:18px;background:#fff;padding:10px 20px}.btnoutline:hover{box-shadow:0 2px 2px #0003}.btntag{border-radius:32px;font-weight:400;cursor:pointer;font-size:20px;background:#dadada;padding:14px 36px;border:0;margin:10px}.btntag:hover{box-shadow:0 2px 2px #0003}.slot{height:870px;width:400px;display:flex}@media (max-height: 870px){.slot{height:100vh}}@media (max-width: 400px){.slot{width:100vw}}.fixed-bottom{display:flex;height:100px;justify-content:space-between;flex-direction:column-reverse;align-items:center;width:100%;margin-bottom:50px}.slider{display:flex}.point{background:#bbb;width:12px;height:12px;border-radius:100%;margin:3px;box-sizing:content-box}.point.active{background:#000}.input{font-size:18px;background:#efefef;color:#000;border:0;margin:10px;padding:16px;width:100%}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.my10{margin-top:10px;margin-bottom:10px}.my20{margin-top:20px;margin-bottom:20px}