*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:solid 1px #000}
.grid-layout__title--des{color:#111;margin:5px 0}.grid-layout__container{display:grid;grid-template-columns:repeat(12, [col-start] 1fr);gap:1px;margin:0 auto}.grid-layout__panel{grid-column:col-start/span 12;background-color:#fff;padding:10px;border:1px solid #dcdedf}@media(min-width: 768px){.grid-layout__header{height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid-layout__footer{height:60px;grid-column:col-start/span 12}.grid-layout__nav,.grid-layout__content{height:calc(100vh - 60px - 60px - 2px);overflow-y:auto}.grid-layout__nav{grid-column:col-start/span 3;grid-row:2/4}.grid-layout__nav .grid-layout__nav-root{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.grid-layout__content{grid-column:col-start 4/span 9;grid-row:2/4}}@media(max-width: 767px)and (min-width: 320px)and (orientation: landscape){.grid-layout__header{height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid-layout__footer{height:60px;grid-column:col-start/span 12}.grid-layout__nav,.grid-layout__content{height:calc(100vh - 60px - 60px - 2px);overflow-y:auto}.grid-layout__nav{grid-column:col-start/span 3;grid-row:2/4}.grid-layout__nav .grid-layout__nav-root{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.grid-layout__content{grid-column:col-start 4/span 9;grid-row:2/4}}@media(max-width: 320px){.grid-layout__content,.grid-layout__footer{grid-column:col-start 0/span 12}.grid-layout__nav .grid-layout__nav-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}@media(min-width: 768px){.grid-layout-with-side .grid-layout__nav{grid-column:col-start/span 2;grid-row:2/4}.grid-layout-with-side .grid-layout__content{grid-column:col-start 3/span 8;grid-row:2/4}.grid-layout-with-side .grid-layout__sidebar{grid-column:col-start 11/span 2;grid-row:2}.grid-layout-with-side .grid-layout__ad{grid-column:col-start 11/span 2;grid-row:3}.grid-layout-with-side .grid-layout__footer{grid-column:col-start/span 12}}@media(max-width: 320px){.grid-layout-with-side .grid-layout__sidebar{grid-column:col-start/span 3;grid-row:3}.grid-layout-with-side .grid-layout__ad{grid-column:col-start/span 3;grid-row:4}.grid-layout-with-side .grid-layout__content,.grid-layout-with-side .grid-layout__footer{grid-column:col-start 4/span 9}}
.grid-layout__title--des{color:#111;margin:5px 0}.grid-layout__container{display:grid;grid-template-columns:repeat(12, [col-start] 1fr);gap:1px;margin:0 auto}.grid-layout__panel{grid-column:col-start/span 12;background-color:#fff;padding:10px;border:1px solid #dcdedf}@media(min-width: 768px){.grid-layout__header{height:60px}.grid-layout__footer{height:60px;grid-column:col-start/span 12}.grid-layout__nav,.grid-layout__content{height:calc(100vh - 60px - 60px - 2px);overflow-y:auto}.grid-layout__nav{grid-column:col-start/span 3;grid-row:2/4}.grid-layout__nav .grid-layout__nav-root{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.grid-layout__content{grid-column:col-start 4/span 9;grid-row:2/4}}@media(max-width: 767px)and (min-width: 320px)and (orientation: landscape){.grid-layout__header{height:60px}.grid-layout__footer{height:60px;grid-column:col-start/span 12}.grid-layout__nav,.grid-layout__content{height:calc(100vh - 60px - 60px - 2px);overflow-y:auto}.grid-layout__nav{grid-column:col-start/span 3;grid-row:2/4}.grid-layout__nav .grid-layout__nav-root{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.grid-layout__content{grid-column:col-start 4/span 9;grid-row:2/4}}@media(max-width: 320px){.grid-layout__content,.grid-layout__footer{grid-column:col-start 0/span 12}.grid-layout__nav .grid-layout__nav-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}@media(min-width: 768px){.grid-layout-with-side .grid-layout__nav{grid-column:col-start/span 2;grid-row:2/4}.grid-layout-with-side .grid-layout__content{grid-column:col-start 3/span 8;grid-row:2/4}.grid-layout-with-side .grid-layout__sidebar{grid-column:col-start 11/span 2;grid-row:2}.grid-layout-with-side .grid-layout__ad{grid-column:col-start 11/span 2;grid-row:3}.grid-layout-with-side .grid-layout__footer{grid-column:col-start/span 12}}@media(max-width: 320px){.grid-layout-with-side .grid-layout__sidebar{grid-column:col-start/span 3;grid-row:3}.grid-layout-with-side .grid-layout__ad{grid-column:col-start/span 3;grid-row:4}.grid-layout-with-side .grid-layout__content,.grid-layout-with-side .grid-layout__footer{grid-column:col-start 4/span 9}}
.flexbox-layout__title--des{color:#111;margin:5px 0}.flexbox-layout__container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;font-weight:bold}.flexbox-layout-panel{-webkit-box-flex:1;-webkit-flex:1 100%;-ms-flex:1 100%;flex:1 100%;padding:10px;margin:1px;border:solid 1px #dcdedf}.flexbox-layout__sidebar{-webkit-box-flex:1;-webkit-flex:1 0 0;-ms-flex:1 0 0px;flex:1 0 0}@media(min-width: 768px){.flexbox-layout__content{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;overflow-y:auto;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.flexbox-layout__nav{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;overflow-y:auto}.flexbox-layout__ad{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.flexbox-layout__footer{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4;height:60px}.flexbox-layout__header{height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flexbox-layout__nav,.flexbox-layout__content,.flexbox-layout__ad{height:calc(100vh - 60px - 60px - 6px)}}@media(max-width: 767px)and (min-width: 320px)and (orientation: landscape){.flexbox-layout__content{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;overflow-y:auto;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.flexbox-layout__nav{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;overflow-y:auto}.flexbox-layout__ad{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.flexbox-layout__footer{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4;height:60px}.flexbox-layout__header{height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flexbox-layout__nav,.flexbox-layout__content,.flexbox-layout__ad{height:calc(100vh - 60px - 60px - 6px)}}
.demo-home-image{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-position:center;background-repeat:no-repeat;background-size:100%;width:100px;height:100px;background-image:url(/images/demo-ts-react-webpack_ad3b591.png);border:dashed 1px #dcdedf}@media(min-width: 500px){.demo-home-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTcuNjEiIGhlaWdodD0iMzE0Ljc4IiB2aWV3Qm94PSIwIDAgNDE3LjYwNiAzMTQuNzgiPjxwYXRoIGZpbGw9IiMwMDM3MzUiIGQ9Ik0xMDIuMTQgMzE0Ljc4aDUwLjg1NmwxNi42ODQtNTMuMzg2aDc4LjM2bDE2LjUwNyA1My4zODZoNTAuODU2TDIwNy43NjMgMGwtMTA1LjYzIDMxNC43OHpNMjA5LjM2IDEzOC43bDI2Ljg0NiA4NS41NEgxODEuMzVsMjcuMDEyLTg1LjU0aC45OTd6bTIwOC4yNSAxMTYuNDJsLTYuNTgzLTIwLjU3Mi0xMDkuMDMtMTAuMjg1IDEyLjc1NSAzNy4wMyAxMDIuODUtNi4xN3ptLTMwMi0zMC44Nkw2LjU4IDIzNC41NWwtNi41ODMgMjAuNTcgMTAyLjg2IDYuMTcyIDEyLjc1LTM3LjAzeiIvPjwvc3ZnPgo=)}}.demo-autoprefixer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#111;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s}.demo-home__title--des{color:#111}.demo-home__component--panel{margin:10px 0;padding:10px;border:1px solid #dcdedf}
.demo-fc-redux-hook__title{margin:4px 0}
.demo-thunk-cc__title{margin:4px 0}
.demo-redirect__title{margin:4px 0}