@import url(https://rsms.me/inter/inter.css);html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;-webkit-font-feature-settings:"kern","liga","pnum";font-feature-settings:"kern","liga","pnum";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-ms-overflow-style:-ms-autohiding-scrollbar}*,:after,:before{box-sizing:inherit}body{margin:0;line-height:1;position:relative;min-height:100vh;overflow-x:hidden;overflow-y:scroll}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden]{display:none}a{text-decoration:none;color:inherit}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}img:not([width]),picture:not([width]){margin:0;width:100%}img[width],picture[width]{margin:0;max-width:100%}img{border:0;height:auto;display:block}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0;width:100%}td,th{padding:0}ol,ul{list-style:none;padding-left:0}h1,h2,h3,h4,h5,ol,p,ul{margin-top:0;margin-bottom:0}@media (max-width:320px){html{font-size:8px}}@media (min-width:320px) and (max-width:899px){html{font-size:calc(.34483vw + 6.89655px)}}@media (min-width:900px) and (max-width:1299px){html{font-size:calc(-1vw + 19px)}}@media (min-width:1300px) and (max-width:1599px){html{font-size:calc(8.66667vw + -106.66667px)}}@media (min-width:2199px){html{font-size:18px}}@media (min-width:1600px) and (max-width:2199px){html{font-size:calc(-2.33333vw + 69.33333px)}}.grid-overlay{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:fixed;top:0;left:0;pointer-events:none;visibility:hidden;width:100%;z-index:10000000;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}@media (max-width:600px){.grid-overlay{padding-top:0}}@media (min-width:2199px){.grid-overlay{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.grid-overlay{padding-top:0}}@media (max-width:600px){.grid-overlay{padding-bottom:0}}@media (min-width:2199px){.grid-overlay{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.grid-overlay{padding-bottom:0}}@media (max-width:600px){.grid-overlay{margin-top:0}}@media (min-width:2199px){.grid-overlay{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.grid-overlay{margin-top:0}}@media (max-width:600px){.grid-overlay{margin-bottom:0}}@media (min-width:2199px){.grid-overlay{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.grid-overlay{margin-bottom:0}}@media (max-width:600px){.grid-overlay>*{padding-top:4px}}@media (min-width:2199px){.grid-overlay>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.grid-overlay>*{padding-bottom:4px}}@media (min-width:2199px){.grid-overlay>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.grid-overlay>*{margin-top:0}}@media (min-width:2199px){.grid-overlay>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.grid-overlay>*{margin-top:0}}@media (max-width:600px){.grid-overlay>*{margin-bottom:0}}@media (min-width:2199px){.grid-overlay>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.grid-overlay>*{margin-bottom:0}}@media (max-width:600px){.grid-overlay{padding-left:16px}}@media (min-width:2199px){.grid-overlay{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.grid-overlay{padding-right:16px}}@media (min-width:2199px){.grid-overlay{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay{padding-right:calc(31vw + -170px)}}html.show-containers .grid-overlay:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .grid-overlay:after{margin-top:0}}@media (min-width:2199px){html.show-containers .grid-overlay:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .grid-overlay:after{margin-top:0}}html.show-grid .grid-overlay{visibility:visible}.show-containers .grid-overlay:after{display:none!important}.grid-overlay__column{display:block;position:relative;min-width:0;width:8.33333%;margin-top:0!important;margin-bottom:0!important}@media (max-width:600px){.grid-overlay__column{padding-left:4px}}@media (min-width:2199px){.grid-overlay__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.grid-overlay__column{padding-right:4px}}@media (min-width:2199px){.grid-overlay__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.grid-overlay__column{padding-top:4px}}@media (min-width:2199px){.grid-overlay__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.grid-overlay__column{padding-bottom:4px}}@media (min-width:2199px){.grid-overlay__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.grid-overlay__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .grid-overlay__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .grid-overlay__column>:after,html.show-columns .grid-overlay__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .grid-overlay__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.grid-overlay__column:before{display:block;position:absolute;content:"";top:0;left:0;bottom:0;right:0;border:.5px solid rgba(255,0,0,.25)}.show-block-children .grid-overlay__column>:after,.show-columns .grid-overlay__column:after{display:none!important}.grid-overlay__column>div{display:block;content:"";top:0;bottom:0;left:0;right:0;height:100vh;width:100%;background-color:rgba(255,0,0,.25)}body{background-color:#111;color:#fff}.demo-title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.demo-title{padding-top:0}}@media (min-width:2199px){.demo-title{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.demo-title{padding-top:0}}@media (max-width:600px){.demo-title{padding-bottom:0}}@media (min-width:2199px){.demo-title{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.demo-title{padding-bottom:0}}@media (max-width:600px){.demo-title{margin-top:32px}}@media (min-width:2199px){.demo-title{margin-top:64px}}@media (min-width:600px) and (max-width:2199px){.demo-title{margin-top:calc(2vw + 20px)}}@media (max-width:600px){.demo-title{margin-bottom:0}}@media (min-width:2199px){.demo-title{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.demo-title{margin-bottom:0}}@media (max-width:600px){.demo-title>*{margin-top:0}}@media (min-width:2199px){.demo-title>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.demo-title>*{margin-top:0}}@media (max-width:600px){.demo-title>*{margin-bottom:0}}@media (min-width:2199px){.demo-title>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.demo-title>*{margin-bottom:0}}@media (max-width:600px){.demo-title{padding-left:16px}}@media (min-width:2199px){.demo-title{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.demo-title{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.demo-title{padding-right:16px}}@media (min-width:2199px){.demo-title{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.demo-title{padding-right:calc(31vw + -170px)}}html.show-containers .demo-title:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .demo-title:after{margin-top:0}}@media (min-width:2199px){html.show-containers .demo-title:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .demo-title:after{margin-top:0}}.demo-title>*{display:block;position:relative;min-width:0;width:100%}@media (max-width:600px){.demo-title>*{padding-left:4px}}@media (min-width:2199px){.demo-title>*{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.demo-title>*{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.demo-title>*{padding-right:4px}}@media (min-width:2199px){.demo-title>*{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.demo-title>*{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.demo-title>*{padding-top:4px}}@media (min-width:2199px){.demo-title>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.demo-title>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.demo-title>*{padding-bottom:4px}}@media (min-width:2199px){.demo-title>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.demo-title>*{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .demo-title>:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .demo-title>*>:after,html.show-columns .demo-title>:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .demo-title>*>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.demo-title>* h1{font-weight:700;line-height:3rem;font-family:Inter;font-size:4rem;margin-top:0;margin-bottom:7.59999rem;padding-top:.40001rem}html.show-baselines .demo-title>* h1:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* h1{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:900px){.demo-title>* h1{line-height:3rem;font-family:Inter;font-size:3rem;margin-top:0;margin-bottom:1.32499rem;padding-top:.67501rem}html.show-baselines .demo-title>* h1:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* h1{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.demo-title>* h2{font-weight:700;line-height:2rem;font-family:Inter;font-size:2rem;margin-top:0;margin-bottom:2.54999rem;padding-top:.45001rem}html.show-baselines .demo-title>* h2:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* h2{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:1300px){.demo-title>* h2{line-height:2rem;font-family:Inter;font-size:2rem;margin-top:0;margin-bottom:2.54999rem;padding-top:.45001rem}html.show-baselines .demo-title>* h2:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* h2{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.demo-title>* h3{line-height:2rem;font-family:Inter;font-size:1.5rem;margin-top:0;margin-bottom:2.41249rem;padding-top:.58751rem;font-weight:700}html.show-baselines .demo-title>* h3:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* h3{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:1300px){.demo-title>* h3{line-height:3rem;font-family:Inter;font-size:1.5rem;margin-top:0;margin-bottom:1.91249rem;padding-top:1.08751rem}html.show-baselines .demo-title>* h3:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* h3{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.demo-title>* h4{line-height:1rem;font-family:Inter;font-size:.75rem;margin-top:0;margin-bottom:1.70624rem;padding-top:.29376rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}html.show-baselines .demo-title>* h4:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* h4{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}.demo-title>* p{line-height:3rem;font-family:Inter;font-size:1.125rem;margin-top:-2rem;margin-bottom:4.80936rem;padding-top:1.19063rem}html.show-baselines .demo-title>* p:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .demo-title>* p{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 2rem}.typography-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.typography-demo{padding-top:0}}@media (min-width:2199px){.typography-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.typography-demo{padding-top:0}}@media (max-width:600px){.typography-demo{padding-bottom:0}}@media (min-width:2199px){.typography-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.typography-demo{padding-bottom:0}}@media (max-width:600px){.typography-demo{margin-top:0}}@media (min-width:2199px){.typography-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.typography-demo{margin-top:0}}@media (max-width:600px){.typography-demo{margin-bottom:0}}@media (min-width:2199px){.typography-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.typography-demo{margin-bottom:0}}@media (max-width:600px){.typography-demo>*{padding-top:4px}}@media (min-width:2199px){.typography-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo>*{padding-bottom:4px}}@media (min-width:2199px){.typography-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo>*{margin-top:0}}@media (min-width:2199px){.typography-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.typography-demo>*{margin-top:0}}@media (max-width:600px){.typography-demo>*{margin-bottom:0}}@media (min-width:2199px){.typography-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.typography-demo>*{margin-bottom:0}}@media (max-width:600px){.typography-demo{padding-left:16px}}@media (min-width:2199px){.typography-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.typography-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.typography-demo{padding-right:16px}}@media (min-width:2199px){.typography-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.typography-demo{padding-right:calc(31vw + -170px)}}html.show-containers .typography-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .typography-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .typography-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .typography-demo:after{margin-top:0}}.typography-demo h1{font-weight:700;line-height:3rem;font-family:Inter;font-size:4rem;margin-top:0;margin-bottom:7.59999rem;padding-top:.40001rem}html.show-baselines .typography-demo h1:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo h1{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:900px){.typography-demo h1{line-height:3rem;font-family:Inter;font-size:3rem;margin-top:0;margin-bottom:1.32499rem;padding-top:.67501rem}html.show-baselines .typography-demo h1:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo h1{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.typography-demo h2{font-weight:700;line-height:2rem;font-family:Inter;font-size:2rem;margin-top:0;margin-bottom:2.54999rem;padding-top:.45001rem}html.show-baselines .typography-demo h2:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo h2{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:1300px){.typography-demo h2{line-height:2rem;font-family:Inter;font-size:2rem;margin-top:0;margin-bottom:2.54999rem;padding-top:.45001rem}html.show-baselines .typography-demo h2:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo h2{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.typography-demo h3{line-height:2rem;font-family:Inter;font-size:1.5rem;margin-top:0;margin-bottom:2.41249rem;padding-top:.58751rem;font-weight:700}html.show-baselines .typography-demo h3:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo h3{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:1300px){.typography-demo h3{line-height:3rem;font-family:Inter;font-size:1.5rem;margin-top:0;margin-bottom:1.91249rem;padding-top:1.08751rem}html.show-baselines .typography-demo h3:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo h3{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.typography-demo h4{line-height:1rem;font-family:Inter;font-size:.75rem;margin-top:0;margin-bottom:1.70624rem;padding-top:.29376rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}html.show-baselines .typography-demo h4:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo h4{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}.typography-demo p{line-height:3rem;font-family:Inter;font-size:1.125rem;margin-top:-2rem;margin-bottom:4.80936rem;padding-top:1.19063rem}html.show-baselines .typography-demo p:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .typography-demo p{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 2rem}.typography-demo__title{display:block;position:relative;min-width:0}@media (max-width:319px){.typography-demo__title{width:100%}}@media (min-width:320px) and (max-width:599px){.typography-demo__title{width:100%}}@media (min-width:600px){.typography-demo__title{width:25%}}@media (max-width:600px){.typography-demo__title{padding-left:4px}}@media (min-width:2199px){.typography-demo__title{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__title{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__title{padding-right:4px}}@media (min-width:2199px){.typography-demo__title{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__title{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__title{padding-top:4px}}@media (min-width:2199px){.typography-demo__title{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__title{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__title{padding-bottom:4px}}@media (min-width:2199px){.typography-demo__title{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__title{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .typography-demo__title:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .typography-demo__title>:after,html.show-columns .typography-demo__title:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .typography-demo__title>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.typography-demo__body{display:block;position:relative;min-width:0}@media (max-width:319px){.typography-demo__body{width:100%}}@media (min-width:320px) and (max-width:599px){.typography-demo__body{width:100%}}@media (min-width:600px){.typography-demo__body{width:50%}}@media (max-width:600px){.typography-demo__body{padding-left:4px}}@media (min-width:2199px){.typography-demo__body{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__body{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__body{padding-right:4px}}@media (min-width:2199px){.typography-demo__body{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__body{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__body{padding-top:4px}}@media (min-width:2199px){.typography-demo__body{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__body{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__body{padding-bottom:4px}}@media (min-width:2199px){.typography-demo__body{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__body{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .typography-demo__body:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .typography-demo__body>:after,html.show-columns .typography-demo__body:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .typography-demo__body>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.typography-demo__sidebar{display:block;position:relative;min-width:0}@media (max-width:319px){.typography-demo__sidebar{width:100%}}@media (min-width:320px) and (max-width:599px){.typography-demo__sidebar{width:100%}}@media (min-width:600px){.typography-demo__sidebar{width:20.83333%}}@media (max-width:600px){.typography-demo__sidebar{padding-left:4px}}@media (min-width:2199px){.typography-demo__sidebar{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__sidebar{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__sidebar{padding-right:4px}}@media (min-width:2199px){.typography-demo__sidebar{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__sidebar{padding-right:calc(.25vw + 2.5px)}}@media (max-width:319px){.typography-demo__sidebar{margin-left:0}}@media (min-width:320px) and (max-width:599px){.typography-demo__sidebar{margin-left:0}}@media (min-width:600px){.typography-demo__sidebar{margin-left:4.16667%}}@media (max-width:600px){.typography-demo__sidebar{padding-top:4px}}@media (min-width:2199px){.typography-demo__sidebar{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__sidebar{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.typography-demo__sidebar{padding-bottom:4px}}@media (min-width:2199px){.typography-demo__sidebar{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.typography-demo__sidebar{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .typography-demo__sidebar:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .typography-demo__sidebar>:after,html.show-columns .typography-demo__sidebar:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .typography-demo__sidebar>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.images-demo{padding-top:0}}@media (min-width:2199px){.images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.images-demo{padding-top:0}}@media (max-width:600px){.images-demo{padding-bottom:0}}@media (min-width:2199px){.images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.images-demo{padding-bottom:0}}@media (max-width:600px){.images-demo{margin-top:0}}@media (min-width:2199px){.images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.images-demo{margin-top:0}}@media (max-width:600px){.images-demo{margin-bottom:0}}@media (min-width:2199px){.images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.images-demo{margin-bottom:0}}@media (max-width:600px){.images-demo>*{padding-top:4px}}@media (min-width:2199px){.images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.images-demo>*{margin-top:0}}@media (min-width:2199px){.images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.images-demo>*{margin-top:0}}@media (max-width:600px){.images-demo>*{margin-bottom:0}}@media (min-width:2199px){.images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.images-demo>*{margin-bottom:0}}@media (max-width:600px){.images-demo{padding-left:16px}}@media (min-width:2199px){.images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.images-demo{padding-right:16px}}@media (min-width:2199px){.images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .images-demo:after{margin-top:0}}.images-demo__column{display:block;position:relative;min-width:0;width:100%}@media (max-width:600px){.images-demo__column{padding-left:4px}}@media (min-width:2199px){.images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.images-demo__column{padding-right:4px}}@media (min-width:2199px){.images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.images-demo__column{padding-top:4px}}@media (min-width:2199px){.images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .images-demo__column>:after,html.show-columns .images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.one-column-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.one-column-demo{padding-top:0}}@media (min-width:2199px){.one-column-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.one-column-demo{padding-top:0}}@media (max-width:600px){.one-column-demo{padding-bottom:0}}@media (min-width:2199px){.one-column-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.one-column-demo{padding-bottom:0}}@media (max-width:600px){.one-column-demo{margin-top:0}}@media (min-width:2199px){.one-column-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.one-column-demo{margin-top:0}}@media (max-width:600px){.one-column-demo{margin-bottom:0}}@media (min-width:2199px){.one-column-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.one-column-demo{margin-bottom:0}}@media (max-width:600px){.one-column-demo>*{padding-top:4px}}@media (min-width:2199px){.one-column-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-demo>*{padding-bottom:4px}}@media (min-width:2199px){.one-column-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-demo>*{margin-top:0}}@media (min-width:2199px){.one-column-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.one-column-demo>*{margin-top:0}}@media (max-width:600px){.one-column-demo>*{margin-bottom:0}}@media (min-width:2199px){.one-column-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.one-column-demo>*{margin-bottom:0}}@media (max-width:600px){.one-column-demo{padding-left:16px}}@media (min-width:2199px){.one-column-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.one-column-demo{padding-right:16px}}@media (min-width:2199px){.one-column-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo{padding-right:calc(31vw + -170px)}}html.show-containers .one-column-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .one-column-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .one-column-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .one-column-demo:after{margin-top:0}}.one-column-demo__column{display:block;position:relative;min-width:0;width:100%}@media (max-width:600px){.one-column-demo__column{padding-left:4px}}@media (min-width:2199px){.one-column-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-demo__column{padding-right:4px}}@media (min-width:2199px){.one-column-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-demo__column{padding-top:4px}}@media (min-width:2199px){.one-column-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-demo__column{padding-bottom:4px}}@media (min-width:2199px){.one-column-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .one-column-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .one-column-demo__column>:after,html.show-columns .one-column-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .one-column-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-demo{padding-top:0}}@media (min-width:2199px){.two-column-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-demo{padding-top:0}}@media (max-width:600px){.two-column-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-demo{padding-bottom:0}}@media (max-width:600px){.two-column-demo{margin-top:0}}@media (min-width:2199px){.two-column-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-demo{margin-top:0}}@media (max-width:600px){.two-column-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-demo{margin-bottom:0}}@media (max-width:600px){.two-column-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-demo>*{margin-top:0}}@media (max-width:600px){.two-column-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-demo{padding-left:16px}}@media (min-width:2199px){.two-column-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-demo{padding-right:16px}}@media (min-width:2199px){.two-column-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-demo:after{margin-top:0}}.two-column-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-demo__column>:after,html.show-columns .two-column-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.three-column-demo{padding-top:0}}@media (min-width:2199px){.three-column-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-demo{padding-top:0}}@media (max-width:600px){.three-column-demo{padding-bottom:0}}@media (min-width:2199px){.three-column-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-demo{padding-bottom:0}}@media (max-width:600px){.three-column-demo{margin-top:0}}@media (min-width:2199px){.three-column-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-demo{margin-top:0}}@media (max-width:600px){.three-column-demo{margin-bottom:0}}@media (min-width:2199px){.three-column-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-demo{margin-bottom:0}}@media (max-width:600px){.three-column-demo>*{padding-top:4px}}@media (min-width:2199px){.three-column-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-demo>*{padding-bottom:4px}}@media (min-width:2199px){.three-column-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-demo>*{margin-top:0}}@media (min-width:2199px){.three-column-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-demo>*{margin-top:0}}@media (max-width:600px){.three-column-demo>*{margin-bottom:0}}@media (min-width:2199px){.three-column-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-demo>*{margin-bottom:0}}@media (max-width:600px){.three-column-demo{padding-left:16px}}@media (min-width:2199px){.three-column-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.three-column-demo{padding-right:16px}}@media (min-width:2199px){.three-column-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo{padding-right:calc(31vw + -170px)}}html.show-containers .three-column-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .three-column-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .three-column-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .three-column-demo:after{margin-top:0}}.three-column-demo__column{display:block;position:relative;min-width:0;width:33.33333%}@media (max-width:600px){.three-column-demo__column{padding-left:4px}}@media (min-width:2199px){.three-column-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-demo__column{padding-right:4px}}@media (min-width:2199px){.three-column-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-demo__column{padding-top:4px}}@media (min-width:2199px){.three-column-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-demo__column{padding-bottom:4px}}@media (min-width:2199px){.three-column-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-demo__column>:after,html.show-columns .three-column-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.four-column-demo{padding-top:0}}@media (min-width:2199px){.four-column-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-demo{padding-top:0}}@media (max-width:600px){.four-column-demo{padding-bottom:0}}@media (min-width:2199px){.four-column-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-demo{padding-bottom:0}}@media (max-width:600px){.four-column-demo{margin-top:0}}@media (min-width:2199px){.four-column-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-demo{margin-top:0}}@media (max-width:600px){.four-column-demo{margin-bottom:0}}@media (min-width:2199px){.four-column-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-demo{margin-bottom:0}}@media (max-width:600px){.four-column-demo>*{padding-top:4px}}@media (min-width:2199px){.four-column-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-demo>*{padding-bottom:4px}}@media (min-width:2199px){.four-column-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-demo>*{margin-top:0}}@media (min-width:2199px){.four-column-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-demo>*{margin-top:0}}@media (max-width:600px){.four-column-demo>*{margin-bottom:0}}@media (min-width:2199px){.four-column-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-demo>*{margin-bottom:0}}@media (max-width:600px){.four-column-demo{padding-left:16px}}@media (min-width:2199px){.four-column-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.four-column-demo{padding-right:16px}}@media (min-width:2199px){.four-column-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo{padding-right:calc(31vw + -170px)}}html.show-containers .four-column-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .four-column-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .four-column-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .four-column-demo:after{margin-top:0}}.four-column-demo__column{display:block;position:relative;min-width:0;width:25%}@media (max-width:600px){.four-column-demo__column{padding-left:4px}}@media (min-width:2199px){.four-column-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-demo__column{padding-right:4px}}@media (min-width:2199px){.four-column-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-demo__column{padding-top:4px}}@media (min-width:2199px){.four-column-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-demo__column{padding-bottom:4px}}@media (min-width:2199px){.four-column-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-demo__column>:after,html.show-columns .four-column-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.six-column-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.six-column-demo{padding-top:0}}@media (min-width:2199px){.six-column-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.six-column-demo{padding-top:0}}@media (max-width:600px){.six-column-demo{padding-bottom:0}}@media (min-width:2199px){.six-column-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.six-column-demo{padding-bottom:0}}@media (max-width:600px){.six-column-demo{margin-top:0}}@media (min-width:2199px){.six-column-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.six-column-demo{margin-top:0}}@media (max-width:600px){.six-column-demo{margin-bottom:0}}@media (min-width:2199px){.six-column-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.six-column-demo{margin-bottom:0}}@media (max-width:600px){.six-column-demo>*{padding-top:4px}}@media (min-width:2199px){.six-column-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-demo>*{padding-bottom:4px}}@media (min-width:2199px){.six-column-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-demo>*{margin-top:0}}@media (min-width:2199px){.six-column-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.six-column-demo>*{margin-top:0}}@media (max-width:600px){.six-column-demo>*{margin-bottom:0}}@media (min-width:2199px){.six-column-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.six-column-demo>*{margin-bottom:0}}@media (max-width:600px){.six-column-demo{padding-left:16px}}@media (min-width:2199px){.six-column-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.six-column-demo{padding-right:16px}}@media (min-width:2199px){.six-column-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo{padding-right:calc(31vw + -170px)}}html.show-containers .six-column-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .six-column-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .six-column-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .six-column-demo:after{margin-top:0}}.six-column-demo__column{display:block;position:relative;min-width:0;width:16.66667%}@media (max-width:600px){.six-column-demo__column{padding-left:4px}}@media (min-width:2199px){.six-column-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-demo__column{padding-right:4px}}@media (min-width:2199px){.six-column-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-demo__column{padding-top:4px}}@media (min-width:2199px){.six-column-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-demo__column{padding-bottom:4px}}@media (min-width:2199px){.six-column-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .six-column-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .six-column-demo__column>:after,html.show-columns .six-column-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .six-column-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.eight-column-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.eight-column-demo{padding-top:0}}@media (min-width:2199px){.eight-column-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo{padding-top:0}}@media (max-width:600px){.eight-column-demo{padding-bottom:0}}@media (min-width:2199px){.eight-column-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo{padding-bottom:0}}@media (max-width:600px){.eight-column-demo{margin-top:0}}@media (min-width:2199px){.eight-column-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo{margin-top:0}}@media (max-width:600px){.eight-column-demo{margin-bottom:0}}@media (min-width:2199px){.eight-column-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo{margin-bottom:0}}@media (max-width:600px){.eight-column-demo>*{padding-top:4px}}@media (min-width:2199px){.eight-column-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-demo>*{padding-bottom:4px}}@media (min-width:2199px){.eight-column-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-demo>*{margin-top:0}}@media (min-width:2199px){.eight-column-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo>*{margin-top:0}}@media (max-width:600px){.eight-column-demo>*{margin-bottom:0}}@media (min-width:2199px){.eight-column-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo>*{margin-bottom:0}}@media (max-width:600px){.eight-column-demo{padding-left:16px}}@media (min-width:2199px){.eight-column-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.eight-column-demo{padding-right:16px}}@media (min-width:2199px){.eight-column-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo{padding-right:calc(31vw + -170px)}}html.show-containers .eight-column-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .eight-column-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .eight-column-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .eight-column-demo:after{margin-top:0}}.eight-column-demo__column{display:block;position:relative;min-width:0;width:12.5%}@media (max-width:600px){.eight-column-demo__column{padding-left:4px}}@media (min-width:2199px){.eight-column-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-demo__column{padding-right:4px}}@media (min-width:2199px){.eight-column-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-demo__column{padding-top:4px}}@media (min-width:2199px){.eight-column-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-demo__column{padding-bottom:4px}}@media (min-width:2199px){.eight-column-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .eight-column-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .eight-column-demo__column>:after,html.show-columns .eight-column-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .eight-column-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.double-column-padding-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.double-column-padding-demo{padding-top:0}}@media (min-width:2199px){.double-column-padding-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo{padding-top:0}}@media (max-width:600px){.double-column-padding-demo{padding-bottom:0}}@media (min-width:2199px){.double-column-padding-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo{padding-bottom:0}}@media (max-width:600px){.double-column-padding-demo{margin-top:0}}@media (min-width:2199px){.double-column-padding-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo{margin-top:0}}@media (max-width:600px){.double-column-padding-demo{margin-bottom:0}}@media (min-width:2199px){.double-column-padding-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo{margin-bottom:0}}@media (max-width:600px){.double-column-padding-demo>*{padding-top:4px}}@media (min-width:2199px){.double-column-padding-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.double-column-padding-demo>*{padding-bottom:4px}}@media (min-width:2199px){.double-column-padding-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.double-column-padding-demo>*{margin-top:0}}@media (min-width:2199px){.double-column-padding-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo>*{margin-top:0}}@media (max-width:600px){.double-column-padding-demo>*{margin-bottom:0}}@media (min-width:2199px){.double-column-padding-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo>*{margin-bottom:0}}@media (max-width:600px){.double-column-padding-demo{padding-left:16px}}@media (min-width:2199px){.double-column-padding-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.double-column-padding-demo{padding-right:16px}}@media (min-width:2199px){.double-column-padding-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo{padding-right:calc(31vw + -170px)}}html.show-containers .double-column-padding-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .double-column-padding-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .double-column-padding-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .double-column-padding-demo:after{margin-top:0}}.double-column-padding-demo__column{display:block;position:relative;min-width:0;width:50%;background-color:#333}@media (max-width:600px){.double-column-padding-demo__column{padding-left:8px}}@media (min-width:2199px){.double-column-padding-demo__column{padding-left:16px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo__column{padding-left:calc(.5vw + 5px)}}@media (max-width:600px){.double-column-padding-demo__column{padding-right:8px}}@media (min-width:2199px){.double-column-padding-demo__column{padding-right:16px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo__column{padding-right:calc(.5vw + 5px)}}@media (max-width:600px){.double-column-padding-demo__column{padding-top:8px}}@media (min-width:2199px){.double-column-padding-demo__column{padding-top:16px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo__column{padding-top:calc(.5vw + 5px)}}@media (max-width:600px){.double-column-padding-demo__column{padding-bottom:8px}}@media (min-width:2199px){.double-column-padding-demo__column{padding-bottom:16px}}@media (min-width:600px) and (max-width:2199px){.double-column-padding-demo__column{padding-bottom:calc(.5vw + 5px)}}html.show-columns .double-column-padding-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .double-column-padding-demo__column>:after,html.show-columns .double-column-padding-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .double-column-padding-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.double-column-padding-demo__column>*{background-color:#999}.two-column-spaced-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spaced-demo{padding-top:0}}@media (min-width:2199px){.two-column-spaced-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo{padding-top:0}}@media (max-width:600px){.two-column-spaced-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spaced-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spaced-demo{margin-top:0}}@media (min-width:2199px){.two-column-spaced-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo{margin-top:0}}@media (max-width:600px){.two-column-spaced-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spaced-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spaced-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spaced-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spaced-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spaced-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spaced-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spaced-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spaced-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spaced-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spaced-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spaced-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spaced-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spaced-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spaced-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spaced-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spaced-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spaced-demo:after{margin-top:0}}.two-column-spaced-demo__column{display:block;position:relative;min-width:0;width:33.33333%;margin-left:16.66667%}@media (max-width:600px){.two-column-spaced-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spaced-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spaced-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spaced-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spaced-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spaced-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spaced-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spaced-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spaced-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spaced-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spaced-demo__column>:after,html.show-columns .two-column-spaced-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spaced-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-spaced-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.three-column-spaced-demo{padding-top:0}}@media (min-width:2199px){.three-column-spaced-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo{padding-top:0}}@media (max-width:600px){.three-column-spaced-demo{padding-bottom:0}}@media (min-width:2199px){.three-column-spaced-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo{padding-bottom:0}}@media (max-width:600px){.three-column-spaced-demo{margin-top:0}}@media (min-width:2199px){.three-column-spaced-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo{margin-top:0}}@media (max-width:600px){.three-column-spaced-demo{margin-bottom:0}}@media (min-width:2199px){.three-column-spaced-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo{margin-bottom:0}}@media (max-width:600px){.three-column-spaced-demo>*{padding-top:4px}}@media (min-width:2199px){.three-column-spaced-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo>*{padding-bottom:4px}}@media (min-width:2199px){.three-column-spaced-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo>*{margin-top:0}}@media (min-width:2199px){.three-column-spaced-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo>*{margin-top:0}}@media (max-width:600px){.three-column-spaced-demo>*{margin-bottom:0}}@media (min-width:2199px){.three-column-spaced-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo>*{margin-bottom:0}}@media (max-width:600px){.three-column-spaced-demo{padding-left:16px}}@media (min-width:2199px){.three-column-spaced-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.three-column-spaced-demo{padding-right:16px}}@media (min-width:2199px){.three-column-spaced-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo{padding-right:calc(31vw + -170px)}}html.show-containers .three-column-spaced-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .three-column-spaced-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .three-column-spaced-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .three-column-spaced-demo:after{margin-top:0}}.three-column-spaced-demo__column{display:block;position:relative;min-width:0;width:25%}@media (max-width:600px){.three-column-spaced-demo__column{padding-left:4px}}@media (min-width:2199px){.three-column-spaced-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo__column{padding-right:4px}}@media (min-width:2199px){.three-column-spaced-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo__column{padding-top:4px}}@media (min-width:2199px){.three-column-spaced-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo__column{padding-bottom:4px}}@media (min-width:2199px){.three-column-spaced-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spaced-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spaced-demo__column>:after,html.show-columns .three-column-spaced-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spaced-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-spaced-demo__column:not(:nth-child(3n-5)){display:block;position:relative;min-width:0;margin-left:12.5%}@media (max-width:600px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-left:4px}}@media (min-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-right:4px}}@media (min-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-top:4px}}@media (min-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-bottom:4px}}@media (min-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spaced-demo__column:not(:nth-child(3n-5)){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spaced-demo__column:not(:nth-child(3n-5)):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spaced-demo__column:not(:nth-child(3n-5))>:after,html.show-columns .three-column-spaced-demo__column:not(:nth-child(3n-5)):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spaced-demo__column:not(:nth-child(3n-5))>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spaced-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.four-column-spaced-demo{padding-top:0}}@media (min-width:2199px){.four-column-spaced-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo{padding-top:0}}@media (max-width:600px){.four-column-spaced-demo{padding-bottom:0}}@media (min-width:2199px){.four-column-spaced-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo{padding-bottom:0}}@media (max-width:600px){.four-column-spaced-demo{margin-top:0}}@media (min-width:2199px){.four-column-spaced-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo{margin-top:0}}@media (max-width:600px){.four-column-spaced-demo{margin-bottom:0}}@media (min-width:2199px){.four-column-spaced-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo{margin-bottom:0}}@media (max-width:600px){.four-column-spaced-demo>*{padding-top:4px}}@media (min-width:2199px){.four-column-spaced-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo>*{padding-bottom:4px}}@media (min-width:2199px){.four-column-spaced-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo>*{margin-top:0}}@media (min-width:2199px){.four-column-spaced-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo>*{margin-top:0}}@media (max-width:600px){.four-column-spaced-demo>*{margin-bottom:0}}@media (min-width:2199px){.four-column-spaced-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo>*{margin-bottom:0}}@media (max-width:600px){.four-column-spaced-demo{padding-left:16px}}@media (min-width:2199px){.four-column-spaced-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.four-column-spaced-demo{padding-right:16px}}@media (min-width:2199px){.four-column-spaced-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo{padding-right:calc(31vw + -170px)}}html.show-containers .four-column-spaced-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .four-column-spaced-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .four-column-spaced-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .four-column-spaced-demo:after{margin-top:0}}.four-column-spaced-demo__column{display:block;position:relative;min-width:0;width:12.5%}@media (max-width:600px){.four-column-spaced-demo__column{padding-left:4px}}@media (min-width:2199px){.four-column-spaced-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo__column{padding-right:4px}}@media (min-width:2199px){.four-column-spaced-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo__column{padding-top:4px}}@media (min-width:2199px){.four-column-spaced-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo__column{padding-bottom:4px}}@media (min-width:2199px){.four-column-spaced-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spaced-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spaced-demo__column>:after,html.show-columns .four-column-spaced-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spaced-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spaced-demo__column:not(:nth-child(4n)){display:block;position:relative;min-width:0;margin-right:16.66667%}@media (max-width:600px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-left:4px}}@media (min-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-right:4px}}@media (min-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-top:4px}}@media (min-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-bottom:4px}}@media (min-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spaced-demo__column:not(:nth-child(4n)){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spaced-demo__column:not(:nth-child(4n)):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spaced-demo__column:not(:nth-child(4n))>:after,html.show-columns .four-column-spaced-demo__column:not(:nth-child(4n)):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spaced-demo__column:not(:nth-child(4n))>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.one-column-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.one-column-with-images-demo{padding-top:0}}@media (min-width:2199px){.one-column-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo{padding-top:0}}@media (max-width:600px){.one-column-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.one-column-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo{padding-bottom:0}}@media (max-width:600px){.one-column-with-images-demo{margin-top:0}}@media (min-width:2199px){.one-column-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo{margin-top:0}}@media (max-width:600px){.one-column-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.one-column-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo{margin-bottom:0}}@media (max-width:600px){.one-column-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.one-column-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.one-column-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.one-column-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo>*{margin-top:0}}@media (max-width:600px){.one-column-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.one-column-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.one-column-with-images-demo{padding-left:16px}}@media (min-width:2199px){.one-column-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.one-column-with-images-demo{padding-right:16px}}@media (min-width:2199px){.one-column-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .one-column-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .one-column-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .one-column-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .one-column-with-images-demo:after{margin-top:0}}.one-column-with-images-demo__column{display:block;position:relative;min-width:0;width:100%}@media (max-width:600px){.one-column-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.one-column-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.one-column-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.one-column-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.one-column-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.one-column-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.one-column-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .one-column-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .one-column-with-images-demo__column>:after,html.show-columns .one-column-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .one-column-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.one-column-with-images-demo>*>*>*{display:block;position:relative;padding-bottom:56.25%}.one-column-with-images-demo>*>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.two-column-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-with-images-demo{padding-top:0}}@media (min-width:2199px){.two-column-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo{padding-top:0}}@media (max-width:600px){.two-column-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo{padding-bottom:0}}@media (max-width:600px){.two-column-with-images-demo{margin-top:0}}@media (min-width:2199px){.two-column-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo{margin-top:0}}@media (max-width:600px){.two-column-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo{margin-bottom:0}}@media (max-width:600px){.two-column-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo>*{margin-top:0}}@media (max-width:600px){.two-column-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-with-images-demo{padding-left:16px}}@media (min-width:2199px){.two-column-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-with-images-demo{padding-right:16px}}@media (min-width:2199px){.two-column-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-with-images-demo:after{margin-top:0}}.two-column-with-images-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-with-images-demo__column>:after,html.show-columns .two-column-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-with-images-demo>*>*>*{display:block;position:relative;padding-bottom:56.25%}.two-column-with-images-demo>*>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.three-column-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.three-column-with-images-demo{padding-top:0}}@media (min-width:2199px){.three-column-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo{padding-top:0}}@media (max-width:600px){.three-column-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.three-column-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo{padding-bottom:0}}@media (max-width:600px){.three-column-with-images-demo{margin-top:0}}@media (min-width:2199px){.three-column-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo{margin-top:0}}@media (max-width:600px){.three-column-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.three-column-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo{margin-bottom:0}}@media (max-width:600px){.three-column-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.three-column-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.three-column-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.three-column-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo>*{margin-top:0}}@media (max-width:600px){.three-column-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.three-column-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.three-column-with-images-demo{padding-left:16px}}@media (min-width:2199px){.three-column-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.three-column-with-images-demo{padding-right:16px}}@media (min-width:2199px){.three-column-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .three-column-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .three-column-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .three-column-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .three-column-with-images-demo:after{margin-top:0}}.three-column-with-images-demo__column{display:block;position:relative;min-width:0;width:33.33333%}@media (max-width:600px){.three-column-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.three-column-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.three-column-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.three-column-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.three-column-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-with-images-demo__column>:after,html.show-columns .three-column-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.four-column-with-images-demo{padding-top:0}}@media (min-width:2199px){.four-column-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo{padding-top:0}}@media (max-width:600px){.four-column-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.four-column-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo{padding-bottom:0}}@media (max-width:600px){.four-column-with-images-demo{margin-top:0}}@media (min-width:2199px){.four-column-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo{margin-top:0}}@media (max-width:600px){.four-column-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.four-column-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo{margin-bottom:0}}@media (max-width:600px){.four-column-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.four-column-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.four-column-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.four-column-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo>*{margin-top:0}}@media (max-width:600px){.four-column-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.four-column-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.four-column-with-images-demo{padding-left:16px}}@media (min-width:2199px){.four-column-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.four-column-with-images-demo{padding-right:16px}}@media (min-width:2199px){.four-column-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .four-column-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .four-column-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .four-column-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .four-column-with-images-demo:after{margin-top:0}}.four-column-with-images-demo__column{display:block;position:relative;min-width:0;width:25%}@media (max-width:600px){.four-column-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.four-column-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.four-column-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.four-column-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.four-column-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-with-images-demo__column>:after,html.show-columns .four-column-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-with-images-demo>*>*>*{display:block;position:relative;padding-bottom:56.25%}.four-column-with-images-demo>*>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.six-column-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.six-column-with-images-demo{padding-top:0}}@media (min-width:2199px){.six-column-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo{padding-top:0}}@media (max-width:600px){.six-column-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.six-column-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo{padding-bottom:0}}@media (max-width:600px){.six-column-with-images-demo{margin-top:0}}@media (min-width:2199px){.six-column-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo{margin-top:0}}@media (max-width:600px){.six-column-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.six-column-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo{margin-bottom:0}}@media (max-width:600px){.six-column-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.six-column-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.six-column-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.six-column-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo>*{margin-top:0}}@media (max-width:600px){.six-column-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.six-column-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.six-column-with-images-demo{padding-left:16px}}@media (min-width:2199px){.six-column-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.six-column-with-images-demo{padding-right:16px}}@media (min-width:2199px){.six-column-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .six-column-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .six-column-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .six-column-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .six-column-with-images-demo:after{margin-top:0}}.six-column-with-images-demo__column{display:block;position:relative;min-width:0;width:16.66667%}@media (max-width:600px){.six-column-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.six-column-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.six-column-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.six-column-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.six-column-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.six-column-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.six-column-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .six-column-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .six-column-with-images-demo__column>:after,html.show-columns .six-column-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .six-column-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.six-column-with-images-demo>*>*>*{display:block;position:relative;padding-bottom:56.25%}.six-column-with-images-demo>*>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.eight-column-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.eight-column-with-images-demo{padding-top:0}}@media (min-width:2199px){.eight-column-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo{padding-top:0}}@media (max-width:600px){.eight-column-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.eight-column-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo{padding-bottom:0}}@media (max-width:600px){.eight-column-with-images-demo{margin-top:0}}@media (min-width:2199px){.eight-column-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo{margin-top:0}}@media (max-width:600px){.eight-column-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.eight-column-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo{margin-bottom:0}}@media (max-width:600px){.eight-column-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.eight-column-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.eight-column-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.eight-column-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo>*{margin-top:0}}@media (max-width:600px){.eight-column-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.eight-column-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.eight-column-with-images-demo{padding-left:16px}}@media (min-width:2199px){.eight-column-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.eight-column-with-images-demo{padding-right:16px}}@media (min-width:2199px){.eight-column-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .eight-column-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .eight-column-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .eight-column-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .eight-column-with-images-demo:after{margin-top:0}}.eight-column-with-images-demo__column{display:block;position:relative;min-width:0;width:12.5%}@media (max-width:600px){.eight-column-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.eight-column-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.eight-column-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.eight-column-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.eight-column-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.eight-column-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.eight-column-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .eight-column-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .eight-column-with-images-demo__column>:after,html.show-columns .eight-column-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .eight-column-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.eight-column-with-images-demo>*>*>*{display:block;position:relative;padding-bottom:56.25%}.eight-column-with-images-demo>*>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.nested-grid-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.nested-grid-demo{padding-top:0}}@media (min-width:2199px){.nested-grid-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo{padding-top:0}}@media (max-width:600px){.nested-grid-demo{padding-bottom:0}}@media (min-width:2199px){.nested-grid-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo{padding-bottom:0}}@media (max-width:600px){.nested-grid-demo{margin-top:0}}@media (min-width:2199px){.nested-grid-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo{margin-top:0}}@media (max-width:600px){.nested-grid-demo{margin-bottom:0}}@media (min-width:2199px){.nested-grid-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo{margin-bottom:0}}@media (max-width:600px){.nested-grid-demo>*{padding-top:4px}}@media (min-width:2199px){.nested-grid-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo>*{padding-bottom:4px}}@media (min-width:2199px){.nested-grid-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo>*{margin-top:0}}@media (min-width:2199px){.nested-grid-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo>*{margin-top:0}}@media (max-width:600px){.nested-grid-demo>*{margin-bottom:0}}@media (min-width:2199px){.nested-grid-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo>*{margin-bottom:0}}@media (max-width:600px){.nested-grid-demo{padding-left:16px}}@media (min-width:2199px){.nested-grid-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.nested-grid-demo{padding-right:16px}}@media (min-width:2199px){.nested-grid-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo{padding-right:calc(31vw + -170px)}}html.show-containers .nested-grid-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .nested-grid-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .nested-grid-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .nested-grid-demo:after{margin-top:0}}.nested-grid-demo__column{display:block;position:relative;min-width:0;width:33.33333%}@media (max-width:600px){.nested-grid-demo__column{padding-left:4px}}@media (min-width:2199px){.nested-grid-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo__column{padding-right:4px}}@media (min-width:2199px){.nested-grid-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo__column{padding-top:4px}}@media (min-width:2199px){.nested-grid-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo__column{padding-bottom:4px}}@media (min-width:2199px){.nested-grid-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .nested-grid-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .nested-grid-demo__column>:after,html.show-columns .nested-grid-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .nested-grid-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.nested-grid-demo-nested-grid{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.nested-grid-demo-nested-grid{padding-top:0}}@media (min-width:2199px){.nested-grid-demo-nested-grid{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid{padding-top:0}}@media (max-width:600px){.nested-grid-demo-nested-grid{padding-bottom:0}}@media (min-width:2199px){.nested-grid-demo-nested-grid{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid{padding-bottom:0}}@media (max-width:600px){.nested-grid-demo-nested-grid{margin-top:-4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid{margin-top:-8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid{margin-top:calc(-.25vw + -2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid{margin-bottom:4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid{margin-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid{margin-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid>*{padding-top:4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid>*{padding-bottom:4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid>*{margin-top:0}}@media (min-width:2199px){.nested-grid-demo-nested-grid>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid>*{margin-top:0}}@media (max-width:600px){.nested-grid-demo-nested-grid>*{margin-bottom:0}}@media (min-width:2199px){.nested-grid-demo-nested-grid>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid>*{margin-bottom:0}}@media (max-width:600px){.nested-grid-demo-nested-grid{margin-left:-4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid{margin-left:-8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid{margin-left:calc(-.25vw + -2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid{margin-right:-4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid{margin-right:-8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid{margin-right:calc(-.25vw + -2.5px)}}html.show-containers .nested-grid-demo-nested-grid:after{display:block;text-align:right;content:"Nested Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,255,.75);font-weight:700;letter-spacing:.1em;color:#80ffff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .nested-grid-demo-nested-grid:after{margin-top:0}}@media (min-width:2199px){html.show-containers .nested-grid-demo-nested-grid:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .nested-grid-demo-nested-grid:after{margin-top:0}}.nested-grid-demo-nested-grid__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.nested-grid-demo-nested-grid__column{padding-left:4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid__column{padding-right:4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid__column{padding-top:4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.nested-grid-demo-nested-grid__column{padding-bottom:4px}}@media (min-width:2199px){.nested-grid-demo-nested-grid__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.nested-grid-demo-nested-grid__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .nested-grid-demo-nested-grid__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .nested-grid-demo-nested-grid__column>:after,html.show-columns .nested-grid-demo-nested-grid__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .nested-grid-demo-nested-grid__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spill-with-images-demo{padding-top:0}}@media (min-width:2199px){.two-column-spill-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo{padding-top:0}}@media (max-width:600px){.two-column-spill-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spill-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spill-with-images-demo{margin-top:0}}@media (min-width:2199px){.two-column-spill-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo{margin-top:0}}@media (max-width:600px){.two-column-spill-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spill-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spill-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spill-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spill-with-images-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spill-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-with-images-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spill-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spill-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spill-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spill-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spill-with-images-demo:after{margin-top:0}}.two-column-spill-with-images-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-spill-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-with-images-demo__column>:after,html.show-columns .two-column-spill-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-with-images-demo__column:first-child{display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-with-images-demo__column:first-child{padding-left:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:first-child{padding-right:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:first-child{left:-16px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:first-child{left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:first-child{left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:first-child>*{margin-right:-16px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:first-child>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:first-child>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:first-child{padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:first-child{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:first-child{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-with-images-demo__column:first-child:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-with-images-demo__column:first-child>:after,html.show-columns .two-column-spill-with-images-demo__column:first-child:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-with-images-demo__column:first-child>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-with-images-demo__column:first-child>*>*{display:block;position:relative;padding-bottom:75%}.two-column-spill-with-images-demo__column:first-child>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.two-column-spill-with-images-demo__column:nth-child(2){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-with-images-demo__column:nth-child(2){padding-left:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:nth-child(2){padding-right:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:nth-child(2){right:-16px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:nth-child(2)>*{margin-left:-16px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:nth-child(2){padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-images-demo__column:nth-child(2){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-images-demo__column:nth-child(2){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-with-images-demo__column:nth-child(2):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-with-images-demo__column:nth-child(2)>:after,html.show-columns .two-column-spill-with-images-demo__column:nth-child(2):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-with-images-demo__column:nth-child(2)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-with-images-demo__column:nth-child(2)>*>*{display:block;position:relative;padding-bottom:56.25%}.two-column-spill-with-images-demo__column:nth-child(2)>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.three-column-spill-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.three-column-spill-with-images-demo{padding-top:0}}@media (min-width:2199px){.three-column-spill-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo{padding-top:0}}@media (max-width:600px){.three-column-spill-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.three-column-spill-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo{padding-bottom:0}}@media (max-width:600px){.three-column-spill-with-images-demo{margin-top:0}}@media (min-width:2199px){.three-column-spill-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo{margin-top:0}}@media (max-width:600px){.three-column-spill-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.three-column-spill-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo{margin-bottom:0}}@media (max-width:600px){.three-column-spill-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.three-column-spill-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo>*{margin-top:0}}@media (max-width:600px){.three-column-spill-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.three-column-spill-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.three-column-spill-with-images-demo{padding-left:16px}}@media (min-width:2199px){.three-column-spill-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.three-column-spill-with-images-demo{padding-right:16px}}@media (min-width:2199px){.three-column-spill-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .three-column-spill-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .three-column-spill-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .three-column-spill-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .three-column-spill-with-images-demo:after{margin-top:0}}.three-column-spill-with-images-demo__column{display:block;position:relative;min-width:0;width:33.33333%}@media (max-width:600px){.three-column-spill-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spill-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spill-with-images-demo__column>:after,html.show-columns .three-column-spill-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spill-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-spill-with-images-demo__column>*{position:relative}.three-column-spill-with-images-demo__column>*>*{display:block;position:relative;padding-bottom:56.25%}.three-column-spill-with-images-demo__column>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.three-column-spill-with-images-demo__column:first-child{display:block;position:relative;min-width:0}@media (max-width:600px){.three-column-spill-with-images-demo__column:first-child{padding-left:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:first-child{padding-right:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:first-child{left:-16px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:first-child{left:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:first-child{left:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:first-child>*{margin-right:-16px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:first-child>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:first-child>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:first-child{padding-top:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:first-child{padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:first-child{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spill-with-images-demo__column:first-child:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spill-with-images-demo__column:first-child>:after,html.show-columns .three-column-spill-with-images-demo__column:first-child:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spill-with-images-demo__column:first-child>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-spill-with-images-demo__column:nth-child(3){display:block;position:relative;min-width:0}@media (max-width:600px){.three-column-spill-with-images-demo__column:nth-child(3){padding-left:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:nth-child(3){padding-right:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:nth-child(3){right:-16px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){right:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){right:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:nth-child(3)>*{margin-left:-16px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:nth-child(3){padding-top:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-with-images-demo__column:nth-child(3){padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-with-images-demo__column:nth-child(3){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spill-with-images-demo__column:nth-child(3):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spill-with-images-demo__column:nth-child(3)>:after,html.show-columns .three-column-spill-with-images-demo__column:nth-child(3):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spill-with-images-demo__column:nth-child(3)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spill-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.four-column-spill-with-images-demo{padding-top:0}}@media (min-width:2199px){.four-column-spill-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo{padding-top:0}}@media (max-width:600px){.four-column-spill-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.four-column-spill-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo{padding-bottom:0}}@media (max-width:600px){.four-column-spill-with-images-demo{margin-top:0}}@media (min-width:2199px){.four-column-spill-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo{margin-top:0}}@media (max-width:600px){.four-column-spill-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.four-column-spill-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo{margin-bottom:0}}@media (max-width:600px){.four-column-spill-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.four-column-spill-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo>*{margin-top:0}}@media (max-width:600px){.four-column-spill-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.four-column-spill-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.four-column-spill-with-images-demo{padding-left:16px}}@media (min-width:2199px){.four-column-spill-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.four-column-spill-with-images-demo{padding-right:16px}}@media (min-width:2199px){.four-column-spill-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .four-column-spill-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .four-column-spill-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .four-column-spill-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .four-column-spill-with-images-demo:after{margin-top:0}}.four-column-spill-with-images-demo__column{display:block;position:relative;min-width:0;width:25%}@media (max-width:600px){.four-column-spill-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spill-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spill-with-images-demo__column>:after,html.show-columns .four-column-spill-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spill-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spill-with-images-demo__column:first-child{display:block;position:relative;min-width:0}@media (max-width:600px){.four-column-spill-with-images-demo__column:first-child{padding-left:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:first-child{padding-right:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:first-child{left:-16px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:first-child{left:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:first-child{left:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:first-child>*{margin-right:-16px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:first-child>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:first-child>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:first-child{padding-top:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:first-child{padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:first-child{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spill-with-images-demo__column:first-child:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spill-with-images-demo__column:first-child>:after,html.show-columns .four-column-spill-with-images-demo__column:first-child:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spill-with-images-demo__column:first-child>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spill-with-images-demo__column:first-child>*>*{display:block;position:relative;padding-bottom:100%}.four-column-spill-with-images-demo__column:first-child>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.four-column-spill-with-images-demo__column:nth-child(2)>*>*{display:block;position:relative;padding-bottom:56.25%}.four-column-spill-with-images-demo__column:nth-child(2)>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.four-column-spill-with-images-demo__column:nth-child(3)>*>*{display:block;position:relative;padding-bottom:75%}.four-column-spill-with-images-demo__column:nth-child(3)>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.four-column-spill-with-images-demo__column:nth-child(4){display:block;position:relative;min-width:0}@media (max-width:600px){.four-column-spill-with-images-demo__column:nth-child(4){padding-left:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:nth-child(4){padding-right:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:nth-child(4){right:-16px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){right:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){right:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:nth-child(4)>*{margin-left:-16px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:nth-child(4){padding-top:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-with-images-demo__column:nth-child(4){padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-with-images-demo__column:nth-child(4){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spill-with-images-demo__column:nth-child(4):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spill-with-images-demo__column:nth-child(4)>:after,html.show-columns .four-column-spill-with-images-demo__column:nth-child(4):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spill-with-images-demo__column:nth-child(4)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spill-with-images-demo__column:nth-child(4)>*>*{display:block;position:relative;padding-bottom:66.66667%}.four-column-spill-with-images-demo__column:nth-child(4)>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.two-column-spill-left-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spill-left-with-images-demo{padding-top:0}}@media (min-width:2199px){.two-column-spill-left-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo{padding-top:0}}@media (max-width:600px){.two-column-spill-left-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spill-left-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spill-left-with-images-demo{margin-top:0}}@media (min-width:2199px){.two-column-spill-left-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo{margin-top:0}}@media (max-width:600px){.two-column-spill-left-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-left-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spill-left-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spill-left-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spill-left-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-left-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spill-left-with-images-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spill-left-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spill-left-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spill-left-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spill-left-with-images-demo:after{margin-top:0}}.two-column-spill-left-with-images-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-spill-left-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-left-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-left-with-images-demo__column>:after,html.show-columns .two-column-spill-left-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-left-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-left-with-images-demo__column>*>*{display:block;position:relative;padding-bottom:56.25%}.two-column-spill-left-with-images-demo__column>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.two-column-spill-left-with-images-demo__column:nth-child(odd){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-left:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-right:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column:nth-child(odd){left:-16px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column:nth-child(odd)>*{margin-right:-16px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd)>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd)>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-top:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-with-images-demo__column:nth-child(odd){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-left-with-images-demo__column:nth-child(odd):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-left-with-images-demo__column:nth-child(odd)>:after,html.show-columns .two-column-spill-left-with-images-demo__column:nth-child(odd):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-left-with-images-demo__column:nth-child(odd)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-right-with-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spill-right-with-images-demo{padding-top:0}}@media (min-width:2199px){.two-column-spill-right-with-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo{padding-top:0}}@media (max-width:600px){.two-column-spill-right-with-images-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spill-right-with-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spill-right-with-images-demo{margin-top:0}}@media (min-width:2199px){.two-column-spill-right-with-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo{margin-top:0}}@media (max-width:600px){.two-column-spill-right-with-images-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-right-with-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spill-right-with-images-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spill-right-with-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spill-right-with-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-right-with-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spill-right-with-images-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spill-right-with-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spill-right-with-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spill-right-with-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spill-right-with-images-demo:after{margin-top:0}}.two-column-spill-right-with-images-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-spill-right-with-images-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-right-with-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-right-with-images-demo__column>:after,html.show-columns .two-column-spill-right-with-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-right-with-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-right-with-images-demo__column>*>*{display:block;position:relative;padding-bottom:56.25%}.two-column-spill-right-with-images-demo__column>*>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.two-column-spill-right-with-images-demo__column:nth-child(2n){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-left:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-right:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column:nth-child(2n){right:-16px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column:nth-child(2n)>*{margin-left:-16px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-top:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-with-images-demo__column:nth-child(2n){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-right-with-images-demo__column:nth-child(2n):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-right-with-images-demo__column:nth-child(2n)>:after,html.show-columns .two-column-spill-right-with-images-demo__column:nth-child(2n):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-right-with-images-demo__column:nth-child(2n)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-conform-images-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-conform-images-demo{padding-top:0}}@media (min-width:2199px){.two-column-conform-images-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo{padding-top:0}}@media (max-width:600px){.two-column-conform-images-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-conform-images-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo{padding-bottom:0}}@media (max-width:600px){.two-column-conform-images-demo{margin-top:0}}@media (min-width:2199px){.two-column-conform-images-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo{margin-top:0}}@media (max-width:600px){.two-column-conform-images-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-conform-images-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo{margin-bottom:0}}@media (max-width:600px){.two-column-conform-images-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-conform-images-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-conform-images-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-conform-images-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-conform-images-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-conform-images-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo>*{margin-top:0}}@media (max-width:600px){.two-column-conform-images-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-conform-images-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-conform-images-demo{padding-left:16px}}@media (min-width:2199px){.two-column-conform-images-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-conform-images-demo{padding-right:16px}}@media (min-width:2199px){.two-column-conform-images-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-conform-images-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-conform-images-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-conform-images-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-conform-images-demo:after{margin-top:0}}.two-column-conform-images-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-conform-images-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-conform-images-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-conform-images-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-conform-images-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-conform-images-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-conform-images-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-conform-images-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-conform-images-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-conform-images-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-conform-images-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-conform-images-demo__column>:after,html.show-columns .two-column-conform-images-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-conform-images-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-conform-images-demo__column:nth-child(odd)>*{display:block;position:relative;padding-bottom:133.33333%}.two-column-conform-images-demo__column:nth-child(odd)>*>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.two-column-conform-images-demo__column:nth-child(2n)>*,.two-column-conform-images-demo__column:nth-child(2n)>*>*{height:100%}.two-column-spill-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spill-demo{padding-top:0}}@media (min-width:2199px){.two-column-spill-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo{padding-top:0}}@media (max-width:600px){.two-column-spill-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spill-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spill-demo{margin-top:0}}@media (min-width:2199px){.two-column-spill-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo{margin-top:0}}@media (max-width:600px){.two-column-spill-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spill-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spill-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spill-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spill-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spill-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spill-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spill-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spill-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spill-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spill-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spill-demo:after{margin-top:0}}.two-column-spill-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-spill-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spill-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spill-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spill-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-demo__column>:after,html.show-columns .two-column-spill-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-demo__column:nth-child(odd){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-demo__column:nth-child(odd){padding-left:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(odd){padding-right:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(odd){left:-16px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(odd){left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(odd){left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(odd)>*{margin-right:-16px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(odd)>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(odd)>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(odd){padding-top:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(odd){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(odd){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-demo__column:nth-child(odd):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-demo__column:nth-child(odd)>:after,html.show-columns .two-column-spill-demo__column:nth-child(odd):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-demo__column:nth-child(odd)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-demo__column:nth-child(2n){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-demo__column:nth-child(2n){padding-left:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(2n){padding-right:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(2n){right:-16px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(2n){right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(2n){right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(2n)>*{margin-left:-16px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(2n)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(2n)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(2n){padding-top:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-demo__column:nth-child(2n){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-demo__column:nth-child(2n){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-demo__column:nth-child(2n):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-demo__column:nth-child(2n)>:after,html.show-columns .two-column-spill-demo__column:nth-child(2n):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-demo__column:nth-child(2n)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-spill-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.three-column-spill-demo{padding-top:0}}@media (min-width:2199px){.three-column-spill-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo{padding-top:0}}@media (max-width:600px){.three-column-spill-demo{padding-bottom:0}}@media (min-width:2199px){.three-column-spill-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo{padding-bottom:0}}@media (max-width:600px){.three-column-spill-demo{margin-top:0}}@media (min-width:2199px){.three-column-spill-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo{margin-top:0}}@media (max-width:600px){.three-column-spill-demo{margin-bottom:0}}@media (min-width:2199px){.three-column-spill-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo{margin-bottom:0}}@media (max-width:600px){.three-column-spill-demo>*{padding-top:4px}}@media (min-width:2199px){.three-column-spill-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo>*{padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo>*{margin-top:0}}@media (min-width:2199px){.three-column-spill-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo>*{margin-top:0}}@media (max-width:600px){.three-column-spill-demo>*{margin-bottom:0}}@media (min-width:2199px){.three-column-spill-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo>*{margin-bottom:0}}@media (max-width:600px){.three-column-spill-demo{padding-left:16px}}@media (min-width:2199px){.three-column-spill-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.three-column-spill-demo{padding-right:16px}}@media (min-width:2199px){.three-column-spill-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo{padding-right:calc(31vw + -170px)}}html.show-containers .three-column-spill-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .three-column-spill-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .three-column-spill-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .three-column-spill-demo:after{margin-top:0}}.three-column-spill-demo__column:nth-child(3n-2){display:block;position:relative;min-width:0;width:25%}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-2){padding-left:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-2){padding-right:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-2){left:-16px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){left:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){left:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-2)>*{margin-right:-16px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-2)>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-2)>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-2){padding-top:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-2){padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-2){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spill-demo__column:nth-child(3n-2):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spill-demo__column:nth-child(3n-2)>:after,html.show-columns .three-column-spill-demo__column:nth-child(3n-2):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spill-demo__column:nth-child(3n-2)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-spill-demo__column:nth-child(3n-1){display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-1){padding-left:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-1){padding-right:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-1){padding-top:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n-1){padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n-1){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spill-demo__column:nth-child(3n-1):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spill-demo__column:nth-child(3n-1)>:after,html.show-columns .three-column-spill-demo__column:nth-child(3n-1):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spill-demo__column:nth-child(3n-1)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.three-column-spill-demo__column:nth-child(3n){display:block;position:relative;min-width:0;width:25%}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n){padding-left:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n){padding-right:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n){right:-16px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n){right:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n){right:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n)>*{margin-left:-16px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n){padding-top:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.three-column-spill-demo__column:nth-child(3n){padding-bottom:4px}}@media (min-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.three-column-spill-demo__column:nth-child(3n){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .three-column-spill-demo__column:nth-child(3n):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .three-column-spill-demo__column:nth-child(3n)>:after,html.show-columns .three-column-spill-demo__column:nth-child(3n):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .three-column-spill-demo__column:nth-child(3n)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spill-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.four-column-spill-demo{padding-top:0}}@media (min-width:2199px){.four-column-spill-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo{padding-top:0}}@media (max-width:600px){.four-column-spill-demo{padding-bottom:0}}@media (min-width:2199px){.four-column-spill-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo{padding-bottom:0}}@media (max-width:600px){.four-column-spill-demo{margin-top:0}}@media (min-width:2199px){.four-column-spill-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo{margin-top:0}}@media (max-width:600px){.four-column-spill-demo{margin-bottom:0}}@media (min-width:2199px){.four-column-spill-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo{margin-bottom:0}}@media (max-width:600px){.four-column-spill-demo>*{padding-top:4px}}@media (min-width:2199px){.four-column-spill-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo>*{padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo>*{margin-top:0}}@media (min-width:2199px){.four-column-spill-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo>*{margin-top:0}}@media (max-width:600px){.four-column-spill-demo>*{margin-bottom:0}}@media (min-width:2199px){.four-column-spill-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo>*{margin-bottom:0}}@media (max-width:600px){.four-column-spill-demo{padding-left:16px}}@media (min-width:2199px){.four-column-spill-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.four-column-spill-demo{padding-right:16px}}@media (min-width:2199px){.four-column-spill-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo{padding-right:calc(31vw + -170px)}}html.show-containers .four-column-spill-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .four-column-spill-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .four-column-spill-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .four-column-spill-demo:after{margin-top:0}}.four-column-spill-demo__column:nth-child(4n-3){display:block;position:relative;min-width:0;width:16.66667%}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-3){padding-left:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-3){padding-right:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-3){left:-16px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){left:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){left:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-3)>*{margin-right:-16px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-3)>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-3)>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-3){padding-top:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-3){padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-3){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spill-demo__column:nth-child(4n-3):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spill-demo__column:nth-child(4n-3)>:after,html.show-columns .four-column-spill-demo__column:nth-child(4n-3):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spill-demo__column:nth-child(4n-3)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){display:block;position:relative;min-width:0;width:33.33333%}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-left:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-right:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-top:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n-1),.four-column-spill-demo__column:nth-child(4n-2){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spill-demo__column:nth-child(4n-1):after,html.show-columns .four-column-spill-demo__column:nth-child(4n-2):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spill-demo__column:nth-child(4n-1)>:after,html.show-block-children .four-column-spill-demo__column:nth-child(4n-2)>:after,html.show-columns .four-column-spill-demo__column:nth-child(4n-1):after,html.show-columns .four-column-spill-demo__column:nth-child(4n-2):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spill-demo__column:nth-child(4n-1)>:after,html.show-block-children .four-column-spill-demo__column:nth-child(4n-2)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.four-column-spill-demo__column:nth-child(4n){display:block;position:relative;min-width:0;width:16.66667%}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n){padding-left:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n){padding-right:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n){right:-16px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n){right:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n){right:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n)>*{margin-left:-16px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n){padding-top:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.four-column-spill-demo__column:nth-child(4n){padding-bottom:4px}}@media (min-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.four-column-spill-demo__column:nth-child(4n){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .four-column-spill-demo__column:nth-child(4n):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .four-column-spill-demo__column:nth-child(4n)>:after,html.show-columns .four-column-spill-demo__column:nth-child(4n):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .four-column-spill-demo__column:nth-child(4n)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-left-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spill-left-demo{padding-top:0}}@media (min-width:2199px){.two-column-spill-left-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo{padding-top:0}}@media (max-width:600px){.two-column-spill-left-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spill-left-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spill-left-demo{margin-top:0}}@media (min-width:2199px){.two-column-spill-left-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo{margin-top:0}}@media (max-width:600px){.two-column-spill-left-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-left-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spill-left-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spill-left-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-left-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spill-left-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spill-left-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-left-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spill-left-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spill-left-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-left-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spill-left-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spill-left-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spill-left-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spill-left-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spill-left-demo:after{margin-top:0}}.two-column-spill-left-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-spill-left-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-left-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-left-demo__column>:after,html.show-columns .two-column-spill-left-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-left-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-left-demo__column:nth-child(2n-1){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-left:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-right:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo__column:nth-child(2n-1){left:-16px}}@media (min-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-left-demo__column:nth-child(2n-1)>*{margin-right:-16px}}@media (min-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1)>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1)>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-top:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-left-demo__column:nth-child(2n-1){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-left-demo__column:nth-child(2n-1):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-left-demo__column:nth-child(2n-1)>:after,html.show-columns .two-column-spill-left-demo__column:nth-child(2n-1):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-left-demo__column:nth-child(2n-1)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-right-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spill-right-demo{padding-top:0}}@media (min-width:2199px){.two-column-spill-right-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo{padding-top:0}}@media (max-width:600px){.two-column-spill-right-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spill-right-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spill-right-demo{margin-top:0}}@media (min-width:2199px){.two-column-spill-right-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo{margin-top:0}}@media (max-width:600px){.two-column-spill-right-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-right-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spill-right-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spill-right-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-right-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spill-right-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spill-right-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-right-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spill-right-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spill-right-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-right-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spill-right-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spill-right-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spill-right-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spill-right-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spill-right-demo:after{margin-top:0}}.two-column-spill-right-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-spill-right-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-right-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-right-demo__column>:after,html.show-columns .two-column-spill-right-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-right-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-right-demo__column:nth-child(2n){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-right-demo__column:nth-child(2n){padding-left:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo__column:nth-child(2n){padding-right:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo__column:nth-child(2n){right:-16px}}@media (min-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-right-demo__column:nth-child(2n)>*{margin-left:-16px}}@media (min-width:2199px){.two-column-spill-right-demo__column:nth-child(2n)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column:nth-child(2n)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-right-demo__column:nth-child(2n){padding-top:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-right-demo__column:nth-child(2n){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-right-demo__column:nth-child(2n){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-right-demo__column:nth-child(2n):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-right-demo__column:nth-child(2n)>:after,html.show-columns .two-column-spill-right-demo__column:nth-child(2n):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-right-demo__column:nth-child(2n)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-with-content-constrained-to-grid-demo{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo{padding-top:0}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-top:0}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo{padding-bottom:0}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-bottom:0}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo{margin-top:0}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{margin-top:0}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{margin-bottom:0}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo>*{padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo>*{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{padding-bottom:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo>*{margin-top:0}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{margin-top:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{margin-top:0}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo>*{margin-bottom:0}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{margin-bottom:0}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo>*{margin-bottom:0}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo{padding-left:16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-left:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo{padding-right:16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo{padding-right:calc(31vw + -170px)}}html.show-containers .two-column-spill-with-content-constrained-to-grid-demo:after{display:block;text-align:right;content:"Grid";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,0,255,.75);font-weight:700;letter-spacing:.1em;color:#8080ff;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}@media (max-width:600px){html.show-containers .two-column-spill-with-content-constrained-to-grid-demo:after{margin-top:0}}@media (min-width:2199px){html.show-containers .two-column-spill-with-content-constrained-to-grid-demo:after{margin-top:0}}@media (min-width:600px) and (max-width:2199px){html.show-containers .two-column-spill-with-content-constrained-to-grid-demo:after{margin-top:0}}.two-column-spill-with-content-constrained-to-grid-demo__column{display:block;position:relative;min-width:0;width:50%}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-left:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-right:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column{padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-with-content-constrained-to-grid-demo__column:after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-with-content-constrained-to-grid-demo__column>:after,html.show-columns .two-column-spill-with-content-constrained-to-grid-demo__column:after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-with-content-constrained-to-grid-demo__column>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-with-content-constrained-to-grid-demo__background{display:block;position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(https://via.placeholder.com/1200/222222);background-position:50%;background-size:cover;z-index:-1}.two-column-spill-with-content-constrained-to-grid-demo__column>* h1{font-weight:700;line-height:3rem;font-family:Inter;font-size:4rem;margin-top:0;margin-bottom:7.59999rem;padding-top:.40001rem}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h1:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h1{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:900px){.two-column-spill-with-content-constrained-to-grid-demo__column>* h1{line-height:3rem;font-family:Inter;font-size:3rem;margin-top:0;margin-bottom:1.32499rem;padding-top:.67501rem}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h1:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h1{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.two-column-spill-with-content-constrained-to-grid-demo__column>* h2{font-weight:700;line-height:2rem;font-family:Inter;font-size:2rem;margin-top:0;margin-bottom:2.54999rem;padding-top:.45001rem}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h2:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h2{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:1300px){.two-column-spill-with-content-constrained-to-grid-demo__column>* h2{line-height:2rem;font-family:Inter;font-size:2rem;margin-top:0;margin-bottom:2.54999rem;padding-top:.45001rem}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h2:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h2{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.two-column-spill-with-content-constrained-to-grid-demo__column>* h3{line-height:2rem;font-family:Inter;font-size:1.5rem;margin-top:0;margin-bottom:2.41249rem;padding-top:.58751rem;font-weight:700}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h3:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h3{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}@media (max-width:1300px){.two-column-spill-with-content-constrained-to-grid-demo__column>* h3{line-height:3rem;font-family:Inter;font-size:1.5rem;margin-top:0;margin-bottom:1.91249rem;padding-top:1.08751rem}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h3:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h3{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}}.two-column-spill-with-content-constrained-to-grid-demo__column>* h4{line-height:1rem;font-family:Inter;font-size:.75rem;margin-top:0;margin-bottom:1.70624rem;padding-top:.29376rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h4:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* h4{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 0}.two-column-spill-with-content-constrained-to-grid-demo__column>* p{line-height:3rem;font-family:Inter;font-size:1.125rem;margin-top:-2rem;margin-bottom:4.80936rem;padding-top:1.19063rem}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* p:after{display:block;text-align:right;content:"Typeset";position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;outline:2px solid rgba(0,255,0,.75);font-weight:700;letter-spacing:.1em;color:#80ff80;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-baselines .two-column-spill-with-content-constrained-to-grid-demo__column>* p{background-image:-webkit-linear-gradient(rgba(0,255,0,.75),transparent 1px);background-image:linear-gradient(rgba(0,255,0,.75),transparent 1px);background-repeat:repeat-y;background-size:100% 1rem;background-position:0 2rem}.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-left:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-right:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){left:-16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>*{margin-right:-16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>*{margin-right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>*{margin-right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>:after,html.show-columns .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){display:block;position:relative;min-width:0}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-left:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-left:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-left:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-right:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-right:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-right:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){right:-16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){right:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){right:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>*{margin-left:-16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>*{margin-left:-512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>*{margin-left:calc(-31vw + 170px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-top:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-top:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-top:calc(.25vw + 2.5px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-bottom:4px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-bottom:8px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n){padding-bottom:calc(.25vw + 2.5px)}}html.show-columns .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n):after{content:"grid-column";outline:2px solid rgba(255,153,0,.75);color:#ffcc80}html.show-block-children .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>:after,html.show-columns .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n):after{display:block;text-align:right;position:absolute;padding:4px;left:2px;bottom:2px;right:2px;top:2px;font-weight:700;letter-spacing:.1em;z-index:100;font-size:10px;font-weight:400;text-transform:uppercase;font-family:sans-serif;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}html.show-block-children .two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>:after{content:"grid-column > *";outline:2px solid rgba(255,0,255,.75);color:#ff80ff}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>.two-column-spill-with-content-constrained-to-grid-demo__constrained{padding-right:16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>.two-column-spill-with-content-constrained-to-grid-demo__constrained{padding-right:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(2n)>.two-column-spill-with-content-constrained-to-grid-demo__constrained{padding-right:calc(31vw + -170px)}}@media (max-width:600px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>.two-column-spill-with-content-constrained-to-grid-demo__constrained{padding-left:16px}}@media (min-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>.two-column-spill-with-content-constrained-to-grid-demo__constrained{padding-left:512px}}@media (min-width:600px) and (max-width:2199px){.two-column-spill-with-content-constrained-to-grid-demo__column:nth-child(odd)>.two-column-spill-with-content-constrained-to-grid-demo__constrained{padding-left:calc(31vw + -170px)}}.image-square-demo{display:block;position:relative;padding-bottom:100%}.image-square-demo>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.image-2-1-demo{display:block;position:relative;padding-bottom:50%}.image-2-1-demo>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.image-16-9-demo{display:block;position:relative;padding-bottom:56.25%}.image-16-9-demo>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.image-3-1-demo{display:block;position:relative;padding-bottom:33.33333%}.image-3-1-demo>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.image-4-3-demo{display:block;position:relative;padding-bottom:75%}.image-4-3-demo>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:50%}.image-stretch-demo{height:100%}.image-stretch-demo img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
/*# sourceMappingURL=demo-index.css.map */