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;box-sizing:border-box;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none;color:inherit}button{outline:none;border:none;font-family:inherit}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}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.eot);src:url(../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Regular.woff) format("woff"),url(../fonts/Roboto-Regular.ttf) format("truetype")}html{background-color:#e4e4c6;font:18px/1.45 Roboto,sans-serif}button:active{transform:scale(.98)}::-moz-selection{color:#a54;background:#fbfbb2}::selection{color:#a54;background:#fbfbb2}.wrapper{min-height:100vh}.container{max-width:1200px;margin:0 auto}.clearfix:after{content:"";display:table;clear:both}.header{background-color:#ccf;border-bottom:1px solid #a4a4cd}.inner-header{padding:10px 0}.header__title{font-size:2.5rem;font-weight:700;text-align:center;animation:c .8s ease-out forwards}.main{background-color:#ffd;padding:60px 36px;min-height:calc(100vh - 86px);box-shadow:0 2px 4px rgba(0,0,0,.5)}.generator__description{text-align:center;font-size:18px;margin-bottom:36px}.generator__range-block{margin-bottom:60px}.generator__range{width:calc(100% - 165px);display:inline-block;position:relative;top:3px}.generator__range>.ui-slider-handle{background-color:#ccf;border:1px solid #a4a4cd;outline:none}.generator__range-value,.ui-slider-handle:after{color:#000;display:block;visibility:hidden;position:absolute;width:44px;height:36px;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);top:-40px;left:-12px;opacity:0;transition:.15s;text-align:center;line-height:37px;font-size:26px;font-weight:600}.ui-slider-handle:after{content:"";width:0;height:0;border:8px solid transparent;border-top:8px solid #fff;top:-4px;left:1px;background-color:transparent;box-shadow:none}.ui-state-active:after,.ui-state-active>.generator__range-value{visibility:visible;opacity:1}.generator__range>.ui-slider-handle:active{background-color:#bbbbea}.generator__range>.ui-slider-handle:focus{border-width:2px}.generator__do-btn{width:140px;height:30px;border-radius:0 8px 8px 0;margin-left:20px;font-weight:700;font-size:.7778rem;background-color:#ccf;border:1px solid #a4a4cd}.generator__do-btn:active{background-color:#bbbbea;position:relative;left:2px;top:1px}.generator__result,.sorter__result{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:120px;height:62px}.sorter__result-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.generator__result-block,.sorter__result-block{width:50px;height:62px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.5);opacity:0}.entryDataUp{animation:a .6s ease-out forwards}.generator__result-value,.sorter__result-value{font-size:2rem;font-weight:700;text-align:center}.entryDataDown{animation:b .6s ease-out forwards}.generator__result-spot,.sorter__result-spot{width:42px;height:6px;background-color:#000;margin:0 auto;border-radius:4px}.sorter__wrapper{margin-bottom:60px;height:30px}.sorter__btns-block{font-size:0;text-align:center;position:relative;display:none;opacity:1;left:0;animation:c .4s ease-out forwards}.sorter__do-btn,.sorter__tab-btn{background-color:#ccf;border:1px solid #a4a4cd}.sorter__do-btn{width:140px;height:30px;border-radius:8px 0 0 8px;vertical-align:top;font-weight:700;font-size:.7778rem}.sorter__do-btn:active,.sorter__do-btn:disabled{background-color:#bbbbea;height:29px;position:relative;left:2px;top:1px}.sorter__tab-btn{width:40px;height:30px}.sorter__tab-btn:active{background-color:#bbbbea;height:29px}.sorter__tab-btn:after{content:"";margin:0 auto;width:10px;height:10px;display:block;border:8px solid transparent;box-sizing:border-box}.sorter__up-btn:after{border-bottom:6px solid #000;position:relative;bottom:5px}.sorter__down-btn:after{border-top:6px solid #000;position:relative;top:5px}.sorter__tab-btn_pressed{background-color:#bbbbea;height:29px}@keyframes a{0%{transform:translateY(20px) scale(1.2);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes b{0%{transform:translateY(-50px) scale(1.2);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes c{0%{transform:translateX(80px);opacity:0}to{transform:translateX(0);opacity:1}}.visible{opacity:1}@media screen and (min-width:768px){.text-cols{font-size:.7rem}}@media screen and (min-width:992px){.text-cols{font-size:.8rem}}@media screen and (min-width:1200px){.text-cols{font-size:.9rem}}