body{margin:0;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{padding:0 15px;margin:0 auto;max-width:1230px}.hljs{border-radius:3px}.hljs-inline pre{font-size:12px}.hljs-inline .hljs,.hljs-inline pre{display:inline!important;padding:2px}.filtr-item{z-index:1}.filtr-item .colored{border-radius:3px;color:#fff;display:block;font-size:36px;font-weight:700;width:100%;text-align:center;padding:20px 0}.filtr-item .colored.green{background-color:#3cd27b}.filtr-item .colored.orange{background-color:#f39c12}.filtr-item .colored.purple{background-color:purple}.Navigation{border-radius:0!important;margin-bottom:2em!important}.Navigation__navbar{margin:0 auto!important;max-width:1200px}.Navigation__logo{width:120px;height:32px}.Footer{color:rgba(0,0,0,.5);padding:22px 0;box-shadow:0 -3px 8px rgba(0,0,0,.1);text-align:center}.DelayModeTutorialPage .mode-alternate,.DelayModeTutorialPage .mode-progressive{background-color:#272721;border-radius:3px;margin-top:10px;padding:10px;position:relative;z-index:0}.DelayModeTutorialPage .mode-alternate .filtr-item,.DelayModeTutorialPage .mode-progressive .filtr-item{display:flex;padding:10px;height:84px;width:16.66%}.FilteringTutorialPage .active-filter,.FilteringTutorialPage .toggle-filter{background-color:#272721;border-radius:3px;margin-top:10px;padding:10px;position:relative;z-index:0}.FilteringTutorialPage .active-filter .filtr-item,.FilteringTutorialPage .toggle-filter .filtr-item{display:flex;padding:10px;height:84px;width:16.66%}.LayoutsTutorialPage .horizontal-layout,.LayoutsTutorialPage .packed-layout,.LayoutsTutorialPage .same-height-layout,.LayoutsTutorialPage .same-size-layout,.LayoutsTutorialPage .same-width-layout,.LayoutsTutorialPage .vertical-layout{background-color:#272721;border-radius:3px;margin-top:10px;padding:10px;position:relative;z-index:0}.LayoutsTutorialPage .horizontal-layout .filtr-item,.LayoutsTutorialPage .packed-layout .filtr-item,.LayoutsTutorialPage .same-height-layout .filtr-item,.LayoutsTutorialPage .same-size-layout .filtr-item,.LayoutsTutorialPage .same-width-layout .filtr-item,.LayoutsTutorialPage .vertical-layout .filtr-item{display:flex;padding:10px;height:84px;width:16.66%}.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(2),.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(6),.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(8),.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(12){height:168px}.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(3),.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(5),.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(7),.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(10){height:252px}.LayoutsTutorialPage .same-height-layout .filtr-item:first-child,.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(3){width:33.32%}.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(7){width:66.48%}.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(9){width:49.86%}.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(12){width:100%}.LayoutsTutorialPage .packed-layout .filtr-item{width:16.638%}.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(2),.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(6){width:33.276%}.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(7),.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(9),.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(12){width:49.914%}.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(4),.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(8),.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(10),.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(11){height:168px}.LayoutsTutorialPage .horizontal-layout{overflow-y:scroll}.LayoutsTutorialPage .vertical-layout{overflow-x:scroll;max-height:300px}.ShowcasePage{overflow:hidden}.ShowcasePage .Filterizr__filter-controls,.ShowcasePage .Filterizr__search-control,.ShowcasePage .Filterizr__secondary-controls,.ShowcasePage .Filterizr__shuffle-controls{display:flex;align-content:space-between;align-items:center;margin:0 auto;max-width:900px;padding:0 30px 0 20px}.ShowcasePage .Filterizr__secondary-controls{justify-content:space-between}.ShowcasePage .Filterizr__sort-controls{display:flex}.ShowcasePage .Filterizr__sort-controls .form{margin-left:15px}.ShowcasePage .Filterizr__search-control,.ShowcasePage .Filterizr__secondary-controls{margin-top:15px}.ShowcasePage .filtr-container{margin:0 auto;max-width:900px;-webkit-transition:height 1s ease-out;transition:height 1s ease-out;overflow:hidden}.ShowcasePage .filtr-container .filtr-item{display:inline-block;width:50%;padding:20px;position:relative}@media only screen and (min-width:992px){.ShowcasePage .filtr-container .filtr-item{width:33%}}.ShowcasePage .filtr-container .filtr-item .item-desc,.ShowcasePage .filtr-container .filtr-item .item-index{position:absolute;color:#fff;text-transform:uppercase;padding:5px 10px;background-color:rgba(0,0,0,.5);border-radius:3px;z-index:1}.ShowcasePage .filtr-container .filtr-item .item-index{top:25px;left:25px}.ShowcasePage .filtr-container .filtr-item .item-desc{bottom:25px;left:25px}.ShowcasePage__playground-wrapper{display:flex;margin-bottom:13px;height:280px}.ShowcasePage__playground-wrapper>div{width:100%}.ShowcasePage__playground-wrapper>div .jsoneditor-tree-inner{padding-top:10px;padding-bottom:50px!important}.SortingTutorialPage .Filterizr__sort-controls{display:flex}.SortingTutorialPage .Filterizr__sort-controls .two.buttons{max-width:190px}.SortingTutorialPage .Filterizr__sort-controls .form{margin-left:15px}.SortingTutorialPage .sortable-grid{background-color:#272721;border-radius:3px;margin-top:10px;padding:10px;position:relative;z-index:0}.SortingTutorialPage .sortable-grid .filtr-item{display:flex;padding:10px;height:84px;width:16.66%}.SortingTutorialPage .sortable-grid .filtr-item .black-letter{color:#000}.SortingTutorialPage .sortable-grid .filtr-item .blue-letter{color:#2c6ccc}.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;width:100%}@media only screen and (max-width:991px){main{max-width:100%;overflow-x:hidden}}
/*# sourceMappingURL=main.d60f3f76.chunk.css.map */