.layout{z-index:0;height:100vh}.layout--centered{padding:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;height:auto;min-height:100vh}.layout--centered .layout__container{width:976px;margin:0 auto;display:flex;padding:24px 32px 0;flex-direction:column;align-items:stretch;align-self:stretch}.layout--three-column{flex-direction:row;position:relative;align-items:center;width:100%;padding-left:5%;padding-right:5%;display:flex}@media(max-width:65.98rem){.layout--three-column{flex-direction:column}}.layout--three-column .layout__sidebar{width:256px;position:fixed;height:100vh;z-index:20;background-color:var(--cds-background,#fff);border-right:1px solid var(--cds-border-subtle);border-left:1px solid var(--cds-border-subtle);overflow-y:auto}@media(max-width:65.98rem){.layout--three-column .layout__sidebar{position:relative;width:100%;height:auto;border-bottom:1px solid var(--cds-border-subtle)}}.layout--three-column .layout__container{width:calc(100% - 256px);margin-left:256px;height:100vh;position:relative;z-index:10}@media(max-width:65.98rem){.layout--three-column .layout__container{margin-left:0;width:100%}}@media(max-width:41.98rem){.layout--centered .layout__container,.layout--three-column .layout__container{padding:12px 8px 0 16px;width:100%}}@media(max-width:19.98rem){.layout--centered,.layout--three-column{padding:0}.layout--centered .layout__container,.layout--three-column .layout__container{padding:0;width:100%}}