.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100vh;background-color:rgba(4,20,28,.8);padding:90px 20px 130px;overflow:hidden;overflow-y:overlay}.modal-wrapper{position:relative;margin:0 auto;width:100%;max-width:768px}.modal-container{width:100%;margin:0 auto;background-color:#fff;color:#000}.modal-close{position:absolute;top:100%;margin-top:55px;right:0;width:56px;height:56px;border-radius:50%;border:4px solid #faf8f8;padding:0;background-color:transparent;cursor:pointer;outline:none;z-index:10}.modal-close:after,.modal-close:before{content:"";position:absolute;top:6px;bottom:6px;left:50%;margin-left:-2px;width:4px;background-color:#fff}.modal-close:before{-webkit-transform:rotate(-38deg);transform:rotate(-38deg)}.modal-close:after{-webkit-transform:rotate(38deg);transform:rotate(38deg)}.modal-body{padding:30px 20px;font-size:11px;font-weight:500}.notification{position:absolute;top:0;bottom:0;right:0;left:0;z-index:10001;padding:0 20px}.notification,.notification__window{display:-webkit-box;display:-ms-flexbox;display:flex}.notification__window{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;background-color:#fff;border-radius:8px;padding:20px;max-width:500px;min-width:270px;text-align:center;z-index:602}.notification__message{color:#4a4a4a;font-size:16px;margin-bottom:15px}.notification__button{padding:0 20px;min-width:100px;width:auto;font-size:18px}.notification__background{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.3);z-index:601}.notification-enter-active,.notification-leave-active{-webkit-transition:all .3s;transition:all .3s}.notification-enter,.notification-leave-to{opacity:0}.notification-enter-to{opacity:1}.checkmark-screen{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.checkmark-screen .icon.checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;-webkit-box-shadow:inset 0 0 0 #7ac142;box-shadow:inset 0 0 0 #7ac142;-webkit-animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-screen .icon .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#4dd08b;fill:none;-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-screen .icon .checkmark__check{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@-webkit-keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke{to{stroke-dashoffset:0}}@-webkit-keyframes scale{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes scale{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fill{to{-webkit-box-shadow:inset 0 0 0 30px #4dd08b;box-shadow:inset 0 0 0 30px #4dd08b}}@keyframes fill{to{-webkit-box-shadow:inset 0 0 0 30px #4dd08b;box-shadow:inset 0 0 0 30px #4dd08b}}.serial-number{position:relative}.serial-number input{padding-right:5px}