a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus,button{outline:none}button{background:none;border:none;padding:0;margin:0;cursor:pointer}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.App{font-family:"Roboto",sans-serif;font-style:normal;font-weight:400;color:#333;display:flex;justify-content:center;width:100%;height:100vh;overflow:hidden}.wrap,aside{overflow-y:scroll}::-webkit-scrollbar{display:none}.wrap{max-width:680px;width:47.22%;padding-right:43.05%;padding-left:9.72%}.wrap header h1{font-weight:700;font-size:20px;line-height:28px;margin-top:40px}.wrap main h2:first-child{font-weight:700;font-size:32px;line-height:44px;margin-top:78px}button.getJoke{width:152px;height:42px;background:linear-gradient(92.01deg,#8ea7ff,#7291ff);border-radius:10px;font-weight:700;font-size:16px;line-height:22px;color:#fff;margin-top:20px;margin-bottom:40px;border:none;cursor:pointer;float:left;position:relative}button.getJoke:active{background:linear-gradient(92.01deg,#7291ff,#8ea7ff)}#chuck{height:72px;position:relative;top:20px;left:20px;opacity:1;transition:all .15s}#chuck.hide{opacity:0;height:50px;transition:all 1.25s}#errorMessage{opacity:0;max-height:0;display:block;transition:all .25s;font-size:.9em;color:#ababab;float:left;margin:0;width:100%}#errorMessage.show{opacity:1;margin-top:-30px;max-height:20px;transition:all .25s}.wrap main form>fieldset>legend{font-weight:500;font-size:24px;line-height:44px;margin-bottom:43px}.wrap main form>fieldset label{font-size:18px;line-height:26px;display:block;margin-bottom:10px}.wrap main form label{position:relative}.wrap main form label span.radio{margin-left:35px;margin-bottom:10px}.wrap span.radio:after,.wrap span.radio:before{content:"";display:block;position:absolute;top:0;bottom:0;margin:auto}.wrap label:hover{cursor:pointer}.wrap span.radio:before{width:20px;height:20px;border:2px solid #ababab;box-sizing:border-box;border-radius:50px;z-index:-1;cursor:pointer}.wrap span.radio:after{left:5px;width:10px;height:10px;border-radius:10px;background:#fff;transition:width .25s,height .25s,background-color .25s;z-index:0}.wrap input[type=radio]:checked+.radio:after{background:#333;left:5px}.wrap input[type=radio]:checked+.radio:before{border:2px solid #333;transition:border-color .25s}.wrap input[type=radio]{display:none}.wrap .categories>label>span.radio:before{content:"";display:block;top:0;bottom:0;margin:auto;height:100%;width:100%;border:2px solid #f8f8f8;height:28px;box-sizing:border-box;border-radius:6px;z-index:-1;position:absolute;left:0;bottom:-3px}.wrap .categories>label>span.radio:after{display:none}.wrap fieldset.categories div.categories label>span.radio{font-weight:500;font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#ababab;margin-left:0}.wrap div.categories.hide label{cursor:default}.wrap div.categories.show input{pointer-events:all}.wrap div.categories.hide{pointer-events:none;margin-top:0;max-height:0;opacity:0;transform:scaleY(.95);transition:max-height .55s ease-out,opacity .75s,transform .55s,margin-top .55s;transition-timing-function:ease-in-out}.wrap div.categories.show{margin-bottom:20px;margin-top:10px;max-height:800px;opacity:1;transform:scaleY(1);transition:max-height .55s ease-in,opacity .55s,transform .55s,margin-top .55s;transition-timing-function:ease-in-out}.wrap fieldset.categories div.categories label{padding:1px 15px;margin-right:10px;display:inline-block}.wrap fieldset.categories div.categories label input[type=radio]:checked+.radio:before{background:#f8f8f8;border:2px solid #f8f8f8;box-sizing:border-box;border-radius:6px;transition:background-color .25s}.wrap fieldset.categories div.categories label input[type=radio]:checked+.radio{color:#333;transition:color .25s ease-in}.wrap #search-field{max-width:680px;width:100%;height:42px;border:2px solid #333;box-sizing:border-box;border-radius:10px;font-family:inherit;font-size:16px;line-height:22px;padding-left:15px;color:inherit;display:block;margin-top:20px;transition:max-height .75s,opacity .25s,transform .55s,margin-top .55s;transition-timing-function:ease-in-out}.wrap #search-field.hide{overflow:hidden;opacity:0;transform:scaleY(.9);max-height:0;margin-top:-20px;pointer-events:none;cursor:default}.wrap #search-field.show{max-height:50px;margin-top:10px;opacity:1;transform:scaleY(1);max-height:42px;pointer-events:all}.wrap #search-field::-webkit-input-placeholder{color:#ababab}.wrap #search-field::-webkit-search-cancel-button{position:relative;right:5px;-webkit-appearance:none;height:20px;width:20px;border-radius:10px;background:repeating-linear-gradient(45deg,#ababab,#ababab 2px,transparent 0,transparent 13px),repeating-linear-gradient(135deg,#ababab,#ababab 2px,transparent 0,transparent 13px);-webkit-transition:opacity .25s;transition:opacity .25s}main section article{background:#f8f8f8;border-radius:20px;margin-bottom:20px;position:relative;padding:67px 5.88% 45px 100px;transition:all .4s;transition-timing-function:ease-in-out;max-height:1000px}main section article.hide{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}section article span.message{position:absolute;left:5.88%;background:#fff;width:40px;height:40px;box-sizing:border-box;border-radius:20px;display:flex;justify-content:center;align-items:center}main section article h2{font-size:18px;line-height:26px}section article address{font-weight:500;font-size:10px;line-height:14px;color:#ababab;margin-bottom:5px}section article address a{color:#8ea7ff;text-decoration:none}section article address a span{text-decoration:underline;margin-right:3px;margin-left:3px}section article p{font-size:10px;line-height:14px;color:#ababab;margin-top:28px}section article p time{font-weight:500}main section article mark{position:absolute;right:40px;bottom:40px;background:#fff;border-radius:6px;font-weight:500;font-size:10px;line-height:14px;letter-spacing:2px;text-transform:uppercase;color:#333;padding:6px 20px;height:24px;box-sizing:border-box}main section article mark.hide{display:none}section article .like{position:absolute;top:40px;right:40px}.like{transition:opacity .25s}.like.show{opacity:1;z-index:1}.like.hide{opacity:0;z-index:-1}aside{width:33.33%;background:#f8f8f8;height:100vh;position:absolute;right:0;top:0}aside h2{font-weight:500;font-size:20px;line-height:28px;color:#ababab;margin:40px 40px 20px 8.33%;z-index:1}aside section article{background:#fff;border:1px solid #f8f8f8;box-sizing:border-box;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px;padding-left:20%;padding-top:47px;padding-right:5%;position:relative;margin:0 8.33% 20px;opacity:1;max-height:300px}aside section article,aside section article.hide{transition:all .35s;transition-timing-function:ease-in-out}aside section article.hide{opacity:0;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}aside section article h2{font-size:14px;line-height:20px;margin:5px 0 0}aside section article span.message{left:5%;background:#f8f8f8}aside section article .like{top:20px;right:20px}aside section article mark{display:none}aside section article p{margin-top:20px;margin-bottom:20px}.menu{display:none}@media screen and (max-width:991px){body:after{display:none;opacity:1;transition:all .5s;background:rgba(0,0,0,.35);display:block;content:"";height:100%;left:0;top:0}aside,body:after{width:100%;position:fixed}aside{max-width:480px;z-index:3;transform:translate(480px)}aside.show{transform:translate(0)}aside.hide,aside.show{transition:transform .5s}aside.hide{transform:translate(480px)}body.blur-show:after{background:rgba(0,0,0,.35);opacity:1;z-index:1}body.blur-hide:after{opacity:0;background:transparent;z-index:-1}aside>h2{display:none}aside section{padding-top:88px}.wrap{width:100%;padding:0 40px;position:relative}.wrap,.wrap #search-field{max-width:100%}div.menu{top:40px;right:40px;z-index:5}div.menu,input.menu{display:block;position:absolute}input.menu{opacity:0;-webkit-touch-callout:none;width:40px;height:40px;margin:0;padding:0;bottom:0;top:35px;right:127px;z-index:6}div.menu h2{font-family:Roboto;font-style:normal;font-weight:500;font-size:20px;line-height:28px;color:#ababab;padding:0;margin:0 0 0 10px}div.menu div,div.menu h2{float:left}div.menu div{width:28px;height:28px;background:#333;border-radius:14px;padding-top:10px;padding-bottom:16px;box-sizing:border-box}div.menu div span{width:14px;height:2px;display:block;background:#fff;border-radius:2px;margin:0 auto 4px;transform:none;transition:transform .55s cubic-bezier(.77,.2,.05,1)}input.menu:checked~div.menu span:first-child{transform:rotate(45deg) translate(2px,2px) scale(1.2);transition:transform .55s cubic-bezier(.77,.2,.05,1)}input.menu:checked~div.menu span:nth-child(2){transform:rotate(-45deg) translate(2px,-2px) scale(1.2);transition:transform .55s cubic-bezier(.77,.2,.05,1)}}@media screen and (max-width:576px){main section article{padding:47px 20px 20px 24%}main section article mark{position:relative;display:inline-block;margin-top:10px;left:0;bottom:0}section article .like{top:20px;right:20px}section article address{min-width:180px}aside section article{max-height:1000px}}
/*# sourceMappingURL=main.abd688f7.chunk.css.map */