.modal-user-profile .app-modal__container{max-width:480px;text-align:center}.modal-user-profile .app-modal__title{text-align:center}.modal-user-profile .app-modal__body{padding:0 16px 16px 16px}.modal-user-profile .app-radio{width:100px;margin-bottom:0}.modal-user-profile h4{padding:8px;text-align:center!important}.modal-user-profile__column{margin-bottom:24px}.modal-user-profile .vdp-datepicker__calendar{margin:0 auto 16px auto}.modal-user-profile__action{margin:16px}.get-started a{text-align:center;padding:8px;margin-top:16px;margin-right:16px;cursor:pointer;background-color:hsla(0,0%,100%,.5);-webkit-transition:-webkit-box-shadow .5s cubic-bezier(.25,.8,.25,1);transition:-webkit-box-shadow .5s cubic-bezier(.25,.8,.25,1);transition:box-shadow .5s cubic-bezier(.25,.8,.25,1);transition:box-shadow .5s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .5s cubic-bezier(.25,.8,.25,1)}.get-started a:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.33);box-shadow:0 2px 8px rgba(0,0,0,.33)}.record{padding:16px}.record h3{padding:8px;border-bottom:1px solid #ddd;text-align:left}.record-no-rest__text{padding:16px;margin:4px 0;background-color:#fafafa}.record-past{margin-top:24px}.record .ng{color:#e42a66}.record-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.record-list h4{padding:0 0 8px 0;border-bottom:1px solid #ddd;text-align:center;color:#4f8289}.record-list h5{margin:8px 0;font-weight:400;font-size:15px}.record-list h5 small{display:inline-block;background-color:#eee;padding:0 8px;margin-right:4px}.record__card{margin:8px 0 8px 1%;width:32%;max-width:360px;display:block;text-decoration:none;color:initial;background-color:#fff;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 3px 1px -2px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 3px 1px -2px rgba(0,0,0,.1)}.record__card:hover{-webkit-box-shadow:0 1px 8px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);box-shadow:0 1px 8px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.record__card-done,.record__card-not-done{position:relative;padding:16px 24px}.record__card-done{height:280px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0h1L0 6V5zm1 5v1H5z' fill='%23ddd' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")}.record__card-done__image{position:absolute;right:4px;bottom:4px}.record__card-not-done{height:304px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z' fill='%23fff5f5' fill-opacity='.27'/%3E%3C/svg%3E")}.record__card-not-done .notes{display:block;margin-top:16px;color:#555;line-height:140%}.record__card__title{font-size:1.5em}.record__card__subhead{font-size:1em;opacity:.75;font-weight:600;padding:16px 0}.record__card__judgement{padding:4px;margin:12px 0;border-bottom:1px solid #aaa}