@font-face{font-family:Montserrat;src:url(~@/assets/fonts/Montserrat/Montserrat-Regular.eot);src:url(~@/assets/fonts/Montserrat/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(~@/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(~@/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff"),url(~@/assets/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(~@/assets/fonts/Montserrat/Montserrat-Medium.eot);src:url(~@/assets/fonts/Montserrat/Montserrat-Medium.eot?#iefix) format("embedded-opentype"),url(~@/assets/fonts/Montserrat/Montserrat-Medium.woff2) format("woff2"),url(~@/assets/fonts/Montserrat/Montserrat-Medium.woff) format("woff"),url(~@/assets/fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(~@/assets/fonts/Montserrat/Montserrat-SemiBold.eot);src:url(~@/assets/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(~@/assets/fonts/Montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(~@/assets/fonts/Montserrat/Montserrat-SemiBold.woff) format("woff"),url(~@/assets/fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}*{margin:0;padding:0;font:inherit;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-focus-ring-color:rgba(255,255,255,0);cursor:default}body{font-size:100%;line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}a{background:transparent}*:focus,*:active,*:hover{outline:0}hr{box-sizing:content-box;height:0}ol,ul{list-style:none}pre{-moz-tab-size:4;tab-size:4;white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}img{border:0}svg:not(:root){overflow:hidden}button,input{line-height:normal}button,select{text-transform:none}button{overflow:visible}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}button,input,select[multiple],textarea{background-image:none}input,select,textarea{border-radius:0;box-shadow:none}input,textarea{resize:none;-webkit-user-select:text;user-select:text}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}body{position:relative;min-width:320px;width:100%;color:#000;font-weight:600}body.fixed{overflow:hidden}html{font-family:Montserrat,Arial,sans-serif;font-size:62.5%;line-height:1.4;letter-spacing:0;min-width:320px;margin-left:auto;margin-right:auto}.wrap{position:relative;padding:0 30px;width:100%;margin-left:auto;margin-right:auto;max-width:1260px}@media only screen and (max-width: 767px){.wrap{padding:0 20px}}.main{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:2}.autograph{position:relative;opacity:.3;z-index:10;padding-bottom:30px;pointer-events:all;transition:.3s}.autograph img{max-width:80px}.autograph:hover{opacity:1}.wrong{position:relative;width:100%;height:100vh}.wrong .wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.wrong-title{font-size:160px;padding-bottom:20px}@media only screen and (max-width: 640px){.wrong-title{font-size:100px}}.wrong-text{font-size:20px;line-height:24px;text-align:center}@media only screen and (max-width: 640px){.wrong-text{font-size:16px;line-height:20px}}.wrong-button{margin-top:30px;background:#d5ffe8;color:#333;font-size:20px;padding:15px 30px;border-radius:40px}.add{position:fixed;top:0;right:0;left:0;bottom:0;z-index:11;background-color:#fff;opacity:0;pointer-events:none;transition:.3s}.add.open{opacity:1;pointer-events:all}.add .wrap{height:100%;display:flex;justify-content:center;align-items:center}.add-form{display:flex;flex-direction:column;align-items:center;max-width:350px;width:100%}.add-text{font-size:20px;line-height:22px;padding-bottom:20px;color:#000;text-align:center}.add-codes{border:none;background:#f0f0f0;height:100px;border-radius:20px;padding:30px 20px;font-size:26px;line-height:30px;text-align:center;width:100%}.add-button{margin-top:20px;border:none;padding:10px 20px;border-radius:50px;background:#5bfbc8;font-size:18px;color:#fff}.add-close{position:absolute;right:60px;top:60px;cursor:pointer;z-index:2}.add-close img{width:40px;pointer-events:none}@media only screen and (max-width: 768px){.add-close{right:20px;top:30px}}.codes{padding:140px 0 40px;pointer-events:none}@media only screen and (max-width: 768px){.codes{padding-top:50px}}.codes .wrap{display:flex;align-items:center;flex-direction:column;height:100vh}.codes-body{width:100%;background:#fff;padding:30px 0;border-radius:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.codes-counter{font-size:30px;color:#d0d0d0;margin-bottom:40px}.codes-capsule{padding:24px 70px;border-radius:100px;cursor:pointer;margin-bottom:10px;pointer-events:all;transition:.3s}.codes-capsule:hover{background:#d5ffe8}.codes-capsule.used{background:#ffd6d6}@media only screen and (max-width: 768px){.codes-capsule{padding:24px 50px}}.codes-code{font-size:34px;font-weight:500;letter-spacing:1px;pointer-events:none}.auth{height:100vh}.auth .wrap{height:100%;display:flex;justify-content:center;align-items:center}.auth-form{display:flex;flex-direction:column;align-items:center;max-width:350px;width:100%}.auth-container{position:relative;width:100%}.auth-container span{display:none}.auth-input{margin-top:10px;border:none;padding:15px 25px;background-color:#f1f1f1;border-radius:50px;font-size:16px;text-align:center;width:100%;transition:.3s}.auth-input.invalid{background-color:#ffbdbd}.auth-text{text-align:center;padding-bottom:20px;font-size:32px}.auth-social{display:flex;align-items:center;margin:10px 0;padding:13px;background:#f5f5f5;border-radius:60px;width:203px;cursor:pointer;transition:.3s}.auth-social img{max-width:26px}.auth-social p{margin-left:10px;white-space:nowrap;font-size:13px}.auth-button{padding:13px 25px;font-size:16px;margin-top:15px;background:#79d8ac;border:none;color:#fff;border-radius:60px;transition:.3s}.auth-link{font-size:16px;margin-left:15px;color:#222}@media only screen and (max-width: 360px){.auth-link{font-size:14px}}.auth-checkbox{position:relative;margin:8px 0}.auth-checkbox input{position:absolute;opacity:0}.auth-checkbox input+label{cursor:pointer;font-size:12px;padding-left:30px;text-align:left;line-height:18px;position:relative}.auth-checkbox input+label a{color:#00a1ff}.auth-checkbox input+label:after{content:"";position:absolute;height:16px;width:16px;border-radius:5px;background-color:#f0f0f0;left:0;top:0}.auth-checkbox input+label:before{content:"";position:absolute;height:10px;width:10px;border-radius:3px;background-color:#00a1ff;left:3px;top:3px;opacity:0;z-index:2;transition:.3s}.auth-checkbox input:checked+label:before{opacity:1}.content h1{font-size:40px;line-height:44px;padding-bottom:30px}.content h2{font-size:36px;line-height:40px;padding-bottom:20px}.content h3{font-size:32px;line-height:36px;padding-bottom:20px}.content h4{font-size:28px;line-height:32px;padding-bottom:20px}.content p{font-size:16px;line-height:24px;padding-bottom:20px;font-weight:400}.content span{font-weight:600}.content a{color:#8fdbea;font-weight:600}.header{position:fixed;z-index:10;width:100%;display:flex;justify-content:space-between;padding:20px;transition:.3s}@media only screen and (max-width: 768px){.header{position:relative}}.history{padding-top:140px}.history-date{font-size:20px;padding-bottom:10px;padding-left:5px}.history-block{padding:30px}.history-items{display:flex;flex-wrap:wrap}.history-item__code{font-size:20px;padding:5px;margin:5px;text-align:center}.history-item__code.used{background:#ffbdbd}.history-item__code.added{background:#d5ffe8}.loader{position:fixed;left:0;top:0;right:0;bottom:0;background-color:#fff;z-index:20;display:flex;justify-content:center;align-items:center}.loader__dynamic{animation:rotation 2s linear infinite}.loader__dynamic img{width:100px}@-moz-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@-webkit-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@-o-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.messages{position:fixed;bottom:0;padding:20px;pointer-events:none;flex-direction:column;max-width:240px;display:flex;justify-content:center;align-items:center}.messages .message{padding:20px 30px;background-color:#5bc2c2d1;color:#fff;font-size:16px;font-weight:500;line-height:20px;border-radius:20px;opacity:0;transform:translateY(10px);animation:showMessage 3s linear;margin-top:5px;transition:.3s}.messages .message.error{background-color:#ea7070d1}@-moz-keyframes showMessage{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@-webkit-keyframes showMessage{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@-o-keyframes showMessage{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes showMessage{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.page{padding:120px 0}.page .wrap{max-width:850px}.panel{display:flex;align-items:center;margin:10px}.panel-add{display:flex;align-items:center;cursor:pointer}.panel-add:hover p{color:#000}.panel-add__icon{width:40px;height:40px;border-radius:50%;background-color:#5bfbc8;pointer-events:none;display:flex;justify-content:center;align-items:center}.panel-add__icon img{max-width:60%}.panel-add p{font-size:14px;font-weight:300;color:#bcbcbc;margin-left:10px;pointer-events:none;transition:.3s}@media only screen and (max-width: 520px){.panel-add p{display:none}}.user{display:flex;align-items:center;cursor:pointer;padding:10px 15px;border-radius:20px;position:relative;transition:.3s}.user:hover,.user.open{background:#f0f0f0}.user.open .user-list{opacity:1;pointer-events:all}.user__avatar{min-width:40px;width:40px;height:40px;border-radius:50%;background:#f1f1f1;margin-right:15px;pointer-events:none;background-size:cover;z-index:3;background-position:top center}.user__name{font-size:14px;color:#222;pointer-events:none;z-index:3;white-space:nowrap}.user-container{display:flex;align-items:center;border-bottom:1px solid #e3e3e3;padding:12px 0}.user-list{position:absolute;top:30px;left:0;right:0;padding-top:30px;background:#f1f1f1;border-radius:20px;overflow:hidden;opacity:0;pointer-events:none;z-index:-1;transition:.3s}.user-list__item{padding:0 15px;transition:.3s}.user-list__item:hover{background:#5bfbc8}.user-list__item:first-child .user-container{border-top:1px solid #e3e3e3}.user-list__item:last-child .user-container{border:none}.user-list__item img{max-width:20px;margin-right:10px}.user-list__item p{font-size:14px;color:#222}.user-list__item.def{opacity:.6;pointer-events:none}