{"version":3,"sources":["/mnt/c/Users/gioti/workspace/filterizr2/src/index.scss","index.scss","main.d60f3f76.chunk.css","/mnt/c/Users/gioti/workspace/filterizr2/src/components/Navigation/Navigation.scss","/mnt/c/Users/gioti/workspace/filterizr2/src/components/Footer/Footer.scss","/mnt/c/Users/gioti/workspace/filterizr2/src/pages/DelayModeTutorialPage/DelayModeTutorialPage.scss","/mnt/c/Users/gioti/workspace/filterizr2/src/pages/FilteringTutorialPage/FilteringTutorialPage.scss","/mnt/c/Users/gioti/workspace/filterizr2/src/pages/LayoutsTutorialPage/LayoutsTutorialPage.scss","/mnt/c/Users/gioti/workspace/filterizr2/src/pages/ShowcasePage/ShowcasePage.scss","/mnt/c/Users/gioti/workspace/filterizr2/src/pages/SortingTutorialPage/SortingTutorialPage.scss","/mnt/c/Users/gioti/workspace/filterizr2/src/components/App/App.scss"],"names":[],"mappings":"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","file":"main.d60f3f76.chunk.css","sourcesContent":["body {\r\n  margin: 0;\r\n  font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',\r\n    'Droid Sans', 'Helvetica Neue', sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n    monospace;\r\n}\r\n\r\nmain {\r\n  padding: 0 15px;\r\n  margin: 0 auto;\r\n  max-width: 1230px;\r\n}\r\n\r\n.hljs {\r\n  border-radius: 3px;\r\n}\r\n\r\n.hljs-inline {\r\n  pre {\r\n    font-size: 12px;\r\n  }\r\n\r\n  pre,\r\n  .hljs {\r\n    display: inline !important;\r\n    padding: 2px;\r\n  }\r\n}\r\n\r\n.filtr-item {\r\n  z-index: 1;\r\n\r\n  .colored {\r\n    border-radius: 3px;\r\n    color: white;\r\n    display: block;\r\n    font-size: 36px;\r\n    font-weight: bold;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 20px 0;\r\n\r\n    &.green {\r\n      background-color: #3cd27b;\r\n    }\r\n    &.orange {\r\n      background-color: #f39c12;\r\n    }\r\n    &.purple {\r\n      background-color: #800080;\r\n    }\r\n  }\r\n}\r\n","body {\n  margin: 0;\n  font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',\r 'Droid Sans', 'Helvetica Neue', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r monospace; }\n\nmain {\n  padding: 0 15px;\n  margin: 0 auto;\n  max-width: 1230px; }\n\n.hljs {\n  border-radius: 3px; }\n\n.hljs-inline pre {\n  font-size: 12px; }\n\n.hljs-inline pre,\n.hljs-inline .hljs {\n  display: inline !important;\n  padding: 2px; }\n\n.filtr-item {\n  z-index: 1; }\n  .filtr-item .colored {\n    border-radius: 3px;\n    color: white;\n    display: block;\n    font-size: 36px;\n    font-weight: bold;\n    width: 100%;\n    text-align: center;\n    padding: 20px 0; }\n    .filtr-item .colored.green {\n      background-color: #3cd27b; }\n    .filtr-item .colored.orange {\n      background-color: #f39c12; }\n    .filtr-item .colored.purple {\n      background-color: #800080; }\n","body {\n  margin: 0;\n  font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',\r 'Droid Sans', 'Helvetica Neue', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r monospace; }\n\nmain {\n  padding: 0 15px;\n  margin: 0 auto;\n  max-width: 1230px; }\n\n.hljs {\n  border-radius: 3px; }\n\n.hljs-inline pre {\n  font-size: 12px; }\n\n.hljs-inline pre,\n.hljs-inline .hljs {\n  display: inline !important;\n  padding: 2px; }\n\n.filtr-item {\n  z-index: 1; }\n  .filtr-item .colored {\n    border-radius: 3px;\n    color: white;\n    display: block;\n    font-size: 36px;\n    font-weight: bold;\n    width: 100%;\n    text-align: center;\n    padding: 20px 0; }\n    .filtr-item .colored.green {\n      background-color: #3cd27b; }\n    .filtr-item .colored.orange {\n      background-color: #f39c12; }\n    .filtr-item .colored.purple {\n      background-color: #800080; }\n\n.Navigation {\n  border-radius: 0 !important;\n  margin-bottom: 2em !important; }\n  .Navigation__navbar {\n    margin: 0 auto !important;\n    max-width: 1200px; }\n  .Navigation__logo {\n    width: 120px;\n    height: 32px; }\n\n.Footer {\n  color: rgba(0, 0, 0, 0.5);\n  padding: 22px 0;\n  box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.1);\n  text-align: center; }\n\n.DelayModeTutorialPage .mode-alternate,\n.DelayModeTutorialPage .mode-progressive {\n  background-color: #272721;\n  border-radius: 3px;\n  margin-top: 10px;\n  padding: 10px;\n  position: relative;\n  z-index: 0; }\n  .DelayModeTutorialPage .mode-alternate .filtr-item,\n  .DelayModeTutorialPage .mode-progressive .filtr-item {\n    display: flex;\n    padding: 10px;\n    height: 84px;\n    width: 16.66%; }\n\n.FilteringTutorialPage .toggle-filter,\n.FilteringTutorialPage .active-filter {\n  background-color: #272721;\n  border-radius: 3px;\n  margin-top: 10px;\n  padding: 10px;\n  position: relative;\n  z-index: 0; }\n  .FilteringTutorialPage .toggle-filter .filtr-item,\n  .FilteringTutorialPage .active-filter .filtr-item {\n    display: flex;\n    padding: 10px;\n    height: 84px;\n    width: 16.66%; }\n\n.LayoutsTutorialPage .horizontal-layout,\n.LayoutsTutorialPage .vertical-layout,\n.LayoutsTutorialPage .packed-layout,\n.LayoutsTutorialPage .same-height-layout,\n.LayoutsTutorialPage .same-width-layout,\n.LayoutsTutorialPage .same-size-layout {\n  background-color: #272721;\n  border-radius: 3px;\n  margin-top: 10px;\n  padding: 10px;\n  position: relative;\n  z-index: 0; }\n  .LayoutsTutorialPage .horizontal-layout .filtr-item,\n  .LayoutsTutorialPage .vertical-layout .filtr-item,\n  .LayoutsTutorialPage .packed-layout .filtr-item,\n  .LayoutsTutorialPage .same-height-layout .filtr-item,\n  .LayoutsTutorialPage .same-width-layout .filtr-item,\n  .LayoutsTutorialPage .same-size-layout .filtr-item {\n    display: flex;\n    padding: 10px;\n    height: 84px;\n    width: 16.66%; }\n\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(2),\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(6),\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(8),\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(12) {\n  height: 168px; }\n\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(3),\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(5),\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(7),\n.LayoutsTutorialPage .same-width-layout .filtr-item:nth-child(10) {\n  height: 252px; }\n\n.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(1),\n.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(3) {\n  width: 33.32%; }\n\n.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(7) {\n  width: 66.48%; }\n\n.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(9) {\n  width: 49.86%; }\n\n.LayoutsTutorialPage .same-height-layout .filtr-item:nth-child(12) {\n  width: 100%; }\n\n.LayoutsTutorialPage .packed-layout .filtr-item {\n  width: 16.638%; }\n\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(2),\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(6) {\n  width: 33.276%; }\n\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(7),\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(9),\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(12) {\n  width: 49.914%; }\n\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(4),\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(8),\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(10),\n.LayoutsTutorialPage .packed-layout .filtr-item:nth-child(11) {\n  height: 168px; }\n\n.LayoutsTutorialPage .horizontal-layout {\n  overflow-y: scroll; }\n\n.LayoutsTutorialPage .vertical-layout {\n  overflow-x: scroll;\n  max-height: 300px; }\n\n\n.ShowcasePage {\n  overflow: hidden; }\n  .ShowcasePage .Filterizr__filter-controls,\n  .ShowcasePage .Filterizr__secondary-controls,\n  .ShowcasePage .Filterizr__shuffle-controls,\n  .ShowcasePage .Filterizr__search-control {\n    display: flex;\n    align-content: space-between;\n    align-items: center;\n    margin: 0 auto;\n    max-width: 900px;\n    padding: 0 30px 0 20px; }\n  .ShowcasePage .Filterizr__secondary-controls {\n    justify-content: space-between; }\n  .ShowcasePage .Filterizr__sort-controls {\n    display: flex; }\n    .ShowcasePage .Filterizr__sort-controls .form {\n      margin-left: 15px; }\n  .ShowcasePage .Filterizr__secondary-controls,\n  .ShowcasePage .Filterizr__search-control {\n    margin-top: 15px; }\n  .ShowcasePage .filtr-container {\n    margin: 0 auto;\n    max-width: 900px;\n    -webkit-transition: height 1000ms ease-out;\n    transition: height 1000ms ease-out;\n    overflow: hidden; }\n    .ShowcasePage .filtr-container .filtr-item {\n      display: inline-block;\n      width: 50%;\n      padding: 20px;\n      position: relative; }\n      @media only screen and (min-width: 992px) {\n        .ShowcasePage .filtr-container .filtr-item {\n          width: 33%; } }\n      .ShowcasePage .filtr-container .filtr-item .item-index,\n      .ShowcasePage .filtr-container .filtr-item .item-desc {\n        position: absolute;\n        color: white;\n        text-transform: uppercase;\n        padding: 5px 10px;\n        background-color: rgba(0, 0, 0, 0.5);\n        border-radius: 3px;\n        z-index: 1; }\n      .ShowcasePage .filtr-container .filtr-item .item-index {\n        top: 25px;\n        left: 25px; }\n      .ShowcasePage .filtr-container .filtr-item .item-desc {\n        bottom: 25px;\n        left: 25px; }\n  .ShowcasePage__playground-wrapper {\n    display: flex;\n    margin-bottom: 13px;\n    height: 280px; }\n    .ShowcasePage__playground-wrapper > div {\n      width: 100%; }\n      .ShowcasePage__playground-wrapper > div .jsoneditor-tree-inner {\n        padding-top: 10px;\n        padding-bottom: 50px !important; }\n\n.SortingTutorialPage .Filterizr__sort-controls {\n  display: flex; }\n  .SortingTutorialPage .Filterizr__sort-controls .two.buttons {\n    max-width: 190px; }\n  .SortingTutorialPage .Filterizr__sort-controls .form {\n    margin-left: 15px; }\n\n.SortingTutorialPage .sortable-grid {\n  background-color: #272721;\n  border-radius: 3px;\n  margin-top: 10px;\n  padding: 10px;\n  position: relative;\n  z-index: 0; }\n  .SortingTutorialPage .sortable-grid .filtr-item {\n    display: flex;\n    padding: 10px;\n    height: 84px;\n    width: 16.66%; }\n    .SortingTutorialPage .sortable-grid .filtr-item .black-letter {\n      color: black; }\n    .SortingTutorialPage .sortable-grid .filtr-item .blue-letter {\n      color: #2c6ccc; }\n\n.App {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh; }\n\nmain {\n  flex-grow: 1;\n  width: 100%; }\n  @media only screen and (max-width: 991px) {\n    main {\n      max-width: 100%;\n      overflow-x: hidden; } }\n\n",".Navigation {\r\n  border-radius: 0 !important;\r\n  margin-bottom: 2em !important;\r\n\r\n  &__navbar {\r\n    margin: 0 auto !important;\r\n    max-width: 1200px;\r\n  }\r\n\r\n  &__logo {\r\n    width: 120px;\r\n    height: 32px;\r\n  }\r\n}\r\n",".Footer {\r\n  color: rgba(0, 0, 0, 0.5);\r\n  padding: 22px 0;\r\n  box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.1);\r\n  text-align: center;\r\n}\r\n",".DelayModeTutorialPage {\r\n  .mode-alternate,\r\n  .mode-progressive {\r\n    background-color: #272721;\r\n    border-radius: 3px;\r\n    margin-top: 10px;\r\n    padding: 10px;\r\n    position: relative;\r\n    z-index: 0;\r\n\r\n    .filtr-item {\r\n      display: flex;\r\n      padding: 10px;\r\n      height: 84px;\r\n      width: 16.66%;\r\n    }\r\n  }\r\n}\r\n",".FilteringTutorialPage {\r\n  .toggle-filter,\r\n  .active-filter {\r\n    background-color: #272721;\r\n    border-radius: 3px;\r\n    margin-top: 10px;\r\n    padding: 10px;\r\n    position: relative;\r\n    z-index: 0;\r\n\r\n    .filtr-item {\r\n      display: flex;\r\n      padding: 10px;\r\n      height: 84px;\r\n      width: 16.66%;\r\n    }\r\n  }\r\n}\r\n",".LayoutsTutorialPage {\r\n  .horizontal-layout,\r\n  .vertical-layout,\r\n  .packed-layout,\r\n  .same-height-layout,\r\n  .same-width-layout,\r\n  .same-size-layout {\r\n    background-color: #272721;\r\n    border-radius: 3px;\r\n    margin-top: 10px;\r\n    padding: 10px;\r\n    position: relative;\r\n    z-index: 0;\r\n\r\n    .filtr-item {\r\n      display: flex;\r\n      padding: 10px;\r\n      height: 84px;\r\n      width: 16.66%;\r\n    }\r\n  }\r\n\r\n  .same-width-layout {\r\n    .filtr-item:nth-child(2),\r\n    .filtr-item:nth-child(6),\r\n    .filtr-item:nth-child(8),\r\n    .filtr-item:nth-child(12) {\r\n      height: 84 * 2px;\r\n    }\r\n    .filtr-item:nth-child(3),\r\n    .filtr-item:nth-child(5),\r\n    .filtr-item:nth-child(7),\r\n    .filtr-item:nth-child(10) {\r\n      height: 84 * 3px;\r\n    }\r\n  }\r\n\r\n  .same-height-layout {\r\n    .filtr-item:nth-child(1),\r\n    .filtr-item:nth-child(3) {\r\n      width: 16.66% * 2;\r\n    }\r\n    .filtr-item:nth-child(7) {\r\n      width: 16.62% * 4;\r\n    }\r\n    .filtr-item:nth-child(9) {\r\n      width: 16.62% * 3;\r\n    }\r\n    .filtr-item:nth-child(12) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .packed-layout {\r\n    .filtr-item {\r\n      width: 16.638%;\r\n    }\r\n    .filtr-item:nth-child(2),\r\n    .filtr-item:nth-child(6) {\r\n      width: 16.638% * 2;\r\n    }\r\n    .filtr-item:nth-child(7),\r\n    .filtr-item:nth-child(9),\r\n    .filtr-item:nth-child(12) {\r\n      width: 16.638% * 3;\r\n    }\r\n    .filtr-item:nth-child(4),\r\n    .filtr-item:nth-child(8),\r\n    .filtr-item:nth-child(10),\r\n    .filtr-item:nth-child(11) {\r\n      height: 84 * 2px;\r\n    }\r\n  }\r\n\r\n  .horizontal-layout {\r\n    overflow-y: scroll;\r\n  }\r\n\r\n  .vertical-layout {\r\n    overflow-x: scroll;\r\n    max-height: 300px;\r\n  }\r\n}\r\n",".ShowcasePage {\r\n  overflow: hidden;\r\n\r\n  .Filterizr__filter-controls,\r\n  .Filterizr__secondary-controls,\r\n  .Filterizr__shuffle-controls,\r\n  .Filterizr__search-control {\r\n    display: flex;\r\n    align-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    max-width: 900px;\r\n    padding: 0 30px 0 20px;\r\n  }\r\n\r\n  .Filterizr__secondary-controls {\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .Filterizr__sort-controls {\r\n    display: flex;\r\n\r\n    .form {\r\n      margin-left: 15px;\r\n    }\r\n  }\r\n\r\n  .Filterizr__secondary-controls,\r\n  .Filterizr__search-control {\r\n    margin-top: 15px;\r\n  }\r\n\r\n  .filtr-container {\r\n    margin: 0 auto;\r\n    max-width: 900px;\r\n    transition: height 1000ms ease-out;\r\n    overflow: hidden;\r\n\r\n    .filtr-item {\r\n      display: inline-block;\r\n      width: 50%;\r\n      padding: 20px;\r\n      position: relative;\r\n\r\n      @media only screen and (min-width: 992px) {\r\n        width: 33%;\r\n      }\r\n\r\n      .item-index,\r\n      .item-desc {\r\n        position: absolute;\r\n        color: white;\r\n        text-transform: uppercase;\r\n        padding: 5px 10px;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        border-radius: 3px;\r\n        z-index: 1;\r\n      }\r\n\r\n      .item-index {\r\n        top: 25px;\r\n        left: 25px;\r\n      }\r\n\r\n      .item-desc {\r\n        bottom: 25px;\r\n        left: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__playground-wrapper {\r\n    display: flex;\r\n    margin-bottom: 13px;\r\n    height: 280px;\r\n\r\n    & > div {\r\n      width: 100%;\r\n\r\n      .jsoneditor-tree-inner {\r\n        padding-top: 10px;\r\n        padding-bottom: 50px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n",".SortingTutorialPage {\r\n  .Filterizr__sort-controls {\r\n    display: flex;\r\n\r\n    .two.buttons {\r\n      max-width: 190px;\r\n    }\r\n\r\n    .form {\r\n      margin-left: 15px;\r\n    }\r\n  }\r\n\r\n  .sortable-grid {\r\n    background-color: #272721;\r\n    border-radius: 3px;\r\n    margin-top: 10px;\r\n    padding: 10px;\r\n    position: relative;\r\n    z-index: 0;\r\n\r\n    .filtr-item {\r\n      display: flex;\r\n      padding: 10px;\r\n      height: 84px;\r\n      width: 16.66%;\r\n\r\n      .black-letter {\r\n        color: black;\r\n      }\r\n\r\n      .blue-letter {\r\n        color: rgb(44, 108, 204);\r\n      }\r\n    }\r\n  }\r\n}\r\n",".App {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100vh;\r\n}\r\n\r\nmain {\r\n  flex-grow: 1;\r\n    width: 100%;\r\n\r\n  @media only screen and (max-width: 991px) {\r\n    max-width: 100%;\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n"]}