{"draftJsState":{"blocks":[{"data":{"image":{"id":"651ef52cb2dd8c4002f69d6d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8cq6a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"dp1q3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы можете создать для своего сайта форму входа, которая появляется после нажатия на кнопку, с помощью готового кода ниже.","type":"unstyled","key":"begfe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"header-three","key":"2mc8p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1qn94"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"b7cdi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"1cmh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8pcb5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"8nvnd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

CodePen by Cole Waldrip

","type":"unstyled","key":"c5u2r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS","type":"header-three","key":"6q8ou"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$shadow1 : 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);","type":"unstyled","key":"49kv1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$shadow2 : 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);","type":"unstyled","key":"9gdb0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$shadow3 : 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);","type":"unstyled","key":"aectk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$shadow4 : 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);","type":"unstyled","key":"dgsp7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$shadow5 : 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);","type":"unstyled","key":"a06db"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@mixin transition($transition...) {","type":"unstyled","key":"a6ddl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transition: $transition;","type":"unstyled","key":"1c1g6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transition: $transition;","type":"unstyled","key":"6fbtl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transition: $transition;","type":"unstyled","key":"5s798"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transition: $transition;","type":"unstyled","key":"6h36m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transition: $transition;","type":"unstyled","key":"3cdf0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"fq86b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@mixin transform($transform) {","type":"unstyled","key":"fjtfs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: $transform;","type":"unstyled","key":"al2ln"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: $transform;","type":"unstyled","key":"a6jnf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: $transform;","type":"unstyled","key":"bncoj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: $transform;","type":"unstyled","key":"fheh5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: $transform;","type":"unstyled","key":"4n2ae"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"2of61"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"*, *:before, *:after {","type":"unstyled","key":"eepth"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin: 0;","type":"unstyled","key":"3srbn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 0;","type":"unstyled","key":"6h3jj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-sizing: border-box;","type":"unstyled","key":"6knf2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"7gr52"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"body {","type":"unstyled","key":"2ohg0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: #999;","type":"unstyled","key":"5b8km"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 20px;","type":"unstyled","key":"fp7o9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"6kn9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"min-height: 100vh;","type":"unstyled","key":"9hing"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"align-items: center;","type":"unstyled","key":"8qufe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-family: 'Raleway';","type":"unstyled","key":"28j3q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"justify-content: center;","type":"unstyled","key":"cnjbo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: #fbfbfb;","type":"unstyled","key":"1ilep"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"jf5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#mainButton {","type":"unstyled","key":"epht9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: white;","type":"unstyled","key":"pimj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: none;","type":"unstyled","key":"7o7pb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"outline: none;","type":"unstyled","key":"5tfkk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 24px;","type":"unstyled","key":"er3s1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-weight: 200;","type":"unstyled","key":"ohuv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"overflow: hidden;","type":"unstyled","key":"b4dl8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: relative;","type":"unstyled","key":"2ogkr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 2px;","type":"unstyled","key":"8eq7m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"letter-spacing: 2px;","type":"unstyled","key":"7tdvn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: $shadow1;","type":"unstyled","key":"d2iqs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-transform: uppercase;","type":"unstyled","key":"6rnll"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: #00a7ee;","type":"unstyled","key":"fh1r8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transition(all 0.2s ease-in);","type":"unstyled","key":"5vdgb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".btn-text {","type":"unstyled","key":"8a6im"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"z-index: 2;","type":"unstyled","key":"5j8j9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: block;","type":"unstyled","key":"756d1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 10px 20px;","type":"unstyled","key":"4njvm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: relative;","type":"unstyled","key":"ev5h7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:hover {","type":"unstyled","key":"c6ceu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"d6f95"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"2is0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"9r93s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:after {","type":"unstyled","key":"3png5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"top: -50%;","type":"unstyled","key":"98nv9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"z-index: 1;","type":"unstyled","key":"9d8iq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"content: '';","type":"unstyled","key":"4eaps"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 150%;","type":"unstyled","key":"avn2s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 200%;","type":"unstyled","key":"f826a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: absolute;","type":"unstyled","key":"4pdha"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"left: calc(-150% - 40px);","type":"unstyled","key":"cvt10"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: rgba(255,255,255,0.2);","type":"unstyled","key":"b2sem"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transform(skewX(-40deg));","type":"unstyled","key":"a4bsb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transition(all 0.2s ease-out);","type":"unstyled","key":"64d7c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"kc3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:hover {","type":"unstyled","key":"10p3k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: default;","type":"unstyled","key":"8ukbt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: $shadow3;","type":"unstyled","key":"7hg8p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:after {","type":"unstyled","key":"eumoo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transform(translateX(100%) skewX(-30deg));","type":"unstyled","key":"5cp3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"59di9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"25m1s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&.active {","type":"unstyled","key":"b22ap"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: $shadow5;","type":"unstyled","key":"6hf8l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal {","type":"unstyled","key":"b98i2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transform(scale(1, 1));","type":"unstyled","key":"73o39"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"49epp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"75e9k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal {","type":"unstyled","key":"2siqq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"top: 0;","type":"unstyled","key":"41cna"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"left: 0;","type":"unstyled","key":"cl9b5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"z-index: 3;","type":"unstyled","key":"bgavs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"2bjmq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 100%;","type":"unstyled","key":"6mvtj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 20px;","type":"unstyled","key":"d5ecp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"vmq9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: fixed;","type":"unstyled","key":"c61c6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"align-items: center;","type":"unstyled","key":"1tv0t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"justify-content: center;","type":"unstyled","key":"feer2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"flex-direction: column;","type":"unstyled","key":"6932f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: inherit;","type":"unstyled","key":"1aagt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform-origin: center center;","type":"unstyled","key":"22fb4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-image: linear-gradient(to top left, #00a7ee 10%, lighten(#00a7ee, 20%) 65%, white 200%);","type":"unstyled","key":"af7uj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transform(scale(0.000001,0.00001));","type":"unstyled","key":"6hkof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transition(all 0.2s ease-in);","type":"unstyled","key":"ber40"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"289o7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"8a8so"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".close-button {","type":"unstyled","key":"524kj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"top: 20px;","type":"unstyled","key":"9qo9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"right: 20px;","type":"unstyled","key":"64bga"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: absolute;","type":"unstyled","key":"4406e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transition(opacity 0.2s ease-in);","type":"unstyled","key":"flbq1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:hover {","type":"unstyled","key":"69p1l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"opacity: 0.5;","type":"unstyled","key":"af722"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"acqcm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"epa85"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"drfol"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".form-title {","type":"unstyled","key":"2hpsa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-bottom: 15px;","type":"unstyled","key":"6sjsr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"e6lff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".form-button {","type":"unstyled","key":"dho4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"fcuid"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 10px;","type":"unstyled","key":"3vp4g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: #00a7ee;","type":"unstyled","key":"ba1i0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-top: 10px;","type":"unstyled","key":"4u7ah"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"max-width: 400px;","type":"unstyled","key":"8avt0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-align: center;","type":"unstyled","key":"1og9h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: solid 1px white;","type":"unstyled","key":"9a170"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: white;","type":"unstyled","key":"fadk6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transition(color 0.2s ease-in, background-color 0.2s ease-in);","type":"unstyled","key":"1s39a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:hover {","type":"unstyled","key":"53mh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: white;","type":"unstyled","key":"9ot0h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"6pvs3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: transparent;","type":"unstyled","key":"btiks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"ahboc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"87la"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".input-group {","type":"unstyled","key":"bnhmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"7snqv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 16px;","type":"unstyled","key":"2b08v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"max-width: 400px;","type":"unstyled","key":"a5uvf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding-top: 20px;","type":"unstyled","key":"2po4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: relative;","type":"unstyled","key":"c75j0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-bottom: 15px;","type":"unstyled","key":"d37nq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input {","type":"unstyled","key":"6q4s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"foa5s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: white;","type":"unstyled","key":"8e28c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: none;","type":"unstyled","key":"8n0cb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"outline: none;","type":"unstyled","key":"13ero"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 5px 0;","type":"unstyled","key":"e4o4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"line-height: 1;","type":"unstyled","key":"doiii"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 16px;","type":"unstyled","key":"djfan"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-family: 'Raleway';","type":"unstyled","key":"elinj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-bottom: solid 1px white;","type":"unstyled","key":"a2cnn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: transparent;","type":"unstyled","key":"61m0a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transition(box-shadow 0.2s ease-in);","type":"unstyled","key":"bmeeq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"+ label {","type":"unstyled","key":"7rvhl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"left: 0;","type":"unstyled","key":"fit5k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"top: 20px;","type":"unstyled","key":"2sd7n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: absolute;","type":"unstyled","key":"8258q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"pointer-events: none;","type":"unstyled","key":"116cd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transition(all 0.2s ease-in);","type":"unstyled","key":"72hdf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"dvntj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:focus {","type":"unstyled","key":"64kgt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: 0 1px 0 0 white;","type":"unstyled","key":"b3cka"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"dr2gk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:focus,","type":"unstyled","key":"fhmth"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&.active {","type":"unstyled","key":"3kk0q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"+ label {","type":"unstyled","key":"98qna"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 12px;","type":"unstyled","key":"1cqet"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@include transform(translateY(-20px));","type":"unstyled","key":"8cj1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"2vj80"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"742gm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5nml0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"25o6s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".codepen-by {","type":"unstyled","key":"33c2u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"left: 0;","type":"unstyled","key":"299p8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"bottom: 0;","type":"unstyled","key":"8iv7r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"c5dso"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 10px;","type":"unstyled","key":"btv33"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 16px;","type":"unstyled","key":"4urpu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: absolute;","type":"unstyled","key":"33v89"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-align: center;","type":"unstyled","key":"rdqm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-transform: none;","type":"unstyled","key":"a1ei9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"letter-spacing: initial;","type":"unstyled","key":"bon0a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"6cjum"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JS","type":"header-three","key":"d27h2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"var button = document.getElementById('mainButton');","type":"unstyled","key":"f51oh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"var openForm = function() {","type":"unstyled","key":"e661s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"button.className = 'active';","type":"unstyled","key":"91p91"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"};","type":"unstyled","key":"gu9o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"var checkInput = function(input) {","type":"unstyled","key":"3ftvn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"if (input.value.length > 0) {","type":"unstyled","key":"25v88"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input.className = 'active';","type":"unstyled","key":"20dgk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"} else {","type":"unstyled","key":"5830f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input.className = '';","type":"unstyled","key":"7id6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"2072o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"};","type":"unstyled","key":"d5h7j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"var closeForm = function() {","type":"unstyled","key":"1e0qv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"button.className = '';","type":"unstyled","key":"7nn27"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"};","type":"unstyled","key":"b5nkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"document.addEventListener(\"keyup\", function(e) {","type":"unstyled","key":"1noqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"if (e.keyCode == 27 || e.keyCode == 13) {","type":"unstyled","key":"5ag63"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"closeForm();","type":"unstyled","key":"95hs3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"23pap"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"unstyled","key":"1l983"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"o5BSFOHKQ80FYuqi65al"}],"entityMap":{}},"mentions":[]}