.webcam-container{position:relative;margin:0 auto}.webcam-container video.--invert{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.webcam-container canvas,.webcam-container video{height:310px;width:520px}.webcam-container__error{color:var(--alert-700);margin-top:1em}@media(max-width:768px){.webcam-container canvas,.webcam-container video{height:300px;width:225px}}.modal-facial svg{fill:var(--primary-color);stroke:var(--primary-color)}.modal-facial__tips{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal-facial__tip{height:164px;width:164px;background-color:var(--gray);border-radius:8px;vertical-align:center;padding-top:16px;margin:12px 0}.modal-facial__tip-blur .tip-icons{width:64px;position:relative}@media screen and (min-width:1023px){.modal-facial__tip-blur .tip-icons{margin:0 auto}}.modal-facial__tip-blur .tip-icons:before{width:35px;height:35px;backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.2509803922);content:"";display:block;position:absolute;left:14px;top:10px}.modal-facial__tip-blur .woman-blur-icon{width:16px;height:16px;position:absolute;top:0;right:0;color:var(--alert-700)}@media screen and (max-width:1023px){.modal-facial__tip{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;height:auto}}.modal-facial__tip p{font-size:1.4em;margin:12px 8px}.modal-facial__loading{width:288px;height:auto;max-width:100%}.modal-facial__step-00 svg{fill:var(--black-500)}.modal-facial__step-02{position:relative}.modal-facial__step-02 .camera-shape svg{width:555px;height:310px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);stroke:var(--alert-700)}@media(max-width:768px){.modal-facial__step-02 .camera-shape svg{height:320px;width:250px}}.modal-facial__step-02 .camera-shape.--detected svg{stroke:var(--primary-color)}.modal-facial .icon-wrapper.is-large,.modal-facial .icon-wrapper.is-large .icon{width:64px;height:64px}