.style-guide-grid{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;background-color:rgba(0,0,0,.15);z-index:200000;display:none}.style-guide-grid.is-visible{display:block}.style-guide-grid__mobile,.style-guide-grid__tablet,.style-guide-grid__desktop{padding-left:16px;padding-right:16px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}@media all and (min-width:768px){.style-guide-grid__mobile,.style-guide-grid__tablet,.style-guide-grid__desktop{padding-left:40px;padding-right:40px}}@media all and (min-width:1024px){.style-guide-grid__mobile,.style-guide-grid__tablet,.style-guide-grid__desktop{padding-left:40px;padding-right:40px}}@media all and (min-width:1280px){.style-guide-grid__mobile,.style-guide-grid__tablet,.style-guide-grid__desktop{padding-left:40px;padding-right:40px}}@media all and (min-width:1440px){.style-guide-grid__mobile,.style-guide-grid__tablet,.style-guide-grid__desktop{padding-left:40px;padding-right:40px}}.style-guide-grid__mobile>div,.style-guide-grid__tablet>div,.style-guide-grid__desktop>div{background-color:rgba(116,19,19,.15);height:100%}.style-guide-grid__mobile>div:not(:last-child),.style-guide-grid__tablet>div:not(:last-child),.style-guide-grid__desktop>div:not(:last-child){margin-right:16px}@media all and (min-width:768px){.style-guide-grid__mobile>div:not(:last-child),.style-guide-grid__tablet>div:not(:last-child),.style-guide-grid__desktop>div:not(:last-child){margin-right:40px}}@media all and (min-width:768px){.style-guide-grid__mobile{display:none}}.style-guide-grid__mobile>div{width:calc((((100% - 16px)/2)*1) + 0px + 0px)}.style-guide-grid__tablet{display:none}@media all and (min-width:768px){.style-guide-grid__tablet{display:-webkit-box;display:-ms-flexbox;display:flex}}@media all and (min-width:1024px){.style-guide-grid__tablet{display:none}}.style-guide-grid__tablet>div{width:calc((((100% - 200px)/6)*1) + 0px + 0px)}.style-guide-grid__desktop{display:none}@media all and (min-width:1024px){.style-guide-grid__desktop{display:-webkit-box;display:-ms-flexbox;display:flex}}.style-guide-grid__desktop>div{width:calc((((100% - 440px)/12)*1) + 0px + 0px)}.style-guide-grid__desktop.constrained-width{max-width:1480px;margin-left:auto;margin-right:auto}@media all and (min-width:1480px) and (max-width:1600px){.style-guide-grid__desktop.constrained-width{max-width:1360px}}