.App{text-align:center}.header{align-items:center;background-color:#282828;border-radius:15px;color:#919191;font-size:calc(10px + 2vmin);height:100px;justify-content:center}.component,.header{display:flex;flex-direction:column}.component{gap:50px;padding-top:50px}.component__container{display:flex;gap:30px;justify-content:center}.component__form{align-items:flex-start;border:1px solid #0089b6;border-radius:5px;display:flex;flex-direction:column;gap:10px;padding:10px}.button__wrapper{display:flex;justify-content:center;width:100px}.code{background:#212121;border-radius:15px;color:#919191;padding:20px}.label{align-items:center;display:flex;gap:5px;height:27px}.burger{background:transparent;border:none;outline:0;overflow:hidden;padding:0}.burger__menu{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .4s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.burger .hamRotate.opened{transform:rotate(45deg)}.burger .hamRotate180.opened{transform:rotate(180deg)}.burger .line{fill:none;stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.burger__menu--thin .line{stroke-width:2.5}.burger__menu--thick .line{stroke-width:5.5}.burger .cross-right .top{stroke-dasharray:40 139}.burger .cross-right .bottom{stroke-dasharray:40 180}.burger .cross-right.opened .top{stroke-dashoffset:-98px}.burger .cross-right.opened .bottom{stroke-dashoffset:-138px}.burger .arrow-top-left .bottom,.burger .arrow-top-left .top{stroke-dasharray:40 121}.burger .arrow-top-left.opened .bottom,.burger .arrow-top-left.opened .top{stroke-dashoffset:-102px}.burger .close .top{stroke-dasharray:40 130}.burger .close .middle{stroke-dasharray:40 140}.burger .close .bottom{stroke-dasharray:40 205}.burger .close.opened .top{stroke-dasharray:75 130;stroke-dashoffset:-63px}.burger .close.opened .middle{stroke-dashoffset:-102px}.burger .close.opened .bottom{stroke-dasharray:110 205;stroke-dashoffset:-86px}.burger .plus .bottom,.burger .plus .top{stroke-dasharray:40 121}.burger .plus.opened .bottom,.burger .plus.opened .top{stroke-dashoffset:-68px}.burger .arrow-right .bottom,.burger .arrow-right .top{stroke-dasharray:40 82}.burger .arrow-right.opened .bottom,.burger .arrow-right.opened .top{stroke-dasharray:14 82;stroke-dashoffset:-72px}.burger .cross-complex .top{stroke-dasharray:40 172}.burger .cross-complex .middle{stroke-dasharray:40 111}.burger .cross-complex .bottom{stroke-dasharray:40 172}.burger .cross-complex.opened .top{stroke-dashoffset:-132px}.burger .cross-complex.opened .middle{stroke-dashoffset:-71px}.burger .cross-complex.opened .bottom{stroke-dashoffset:-132px}.burger .cross-left .top{stroke-dasharray:40 82}.burger .cross-left .middle{stroke-dasharray:40 111}.burger .cross-left .bottom{stroke-dasharray:40 161}.burger .cross-left.opened .top{stroke-dasharray:17 82;stroke-dashoffset:-62px}.burger .cross-left.opened .middle{stroke-dashoffset:23px}.burger .cross-left.opened .bottom{stroke-dashoffset:-83px}.burger .cross-rotate .top{stroke-dasharray:40 160}.burger .cross-rotate .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.burger .cross-rotate .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.burger .cross-rotate.opened .top{stroke-dashoffset:-64px}.burger .cross-rotate.opened .middle{transform:rotate(90deg)}.burger .cross-rotate.opened .bottom{stroke-dashoffset:-64px}.mod{float:left;height:300px;padding-top:100px;position:relative;width:50%}.mod>*{box-sizing:border-box;font-family:arial,serif;font-size:12px;margin:0;padding:0}@keyframes mrotr{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(15px) rotate(0)}to{transform:translateY(15px) rotate(45deg)}}@keyframes mrotl{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(0)}to{transform:translateY(-15px) rotate(-45deg)}}@keyframes rotateR{0%{transform:translateY(0) rotate(0)}to{transform:translateY(15px) rotate(45deg)}}@keyframes rotateL{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(-45deg)}}@keyframes circle-creation{0%{border-color:transparent;transform:rotate(0deg)}25%{border-color:transparent #fff transparent transparent;transform:rotate(-35deg)}50%{border-color:transparent #fff #fff transparent}75%{border-color:transparent #fff #fff}to{border-color:#fff;transform:rotate(-300deg)}}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(25px)}}@keyframes fade{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.bbc98cab.css.map*/