.c-layout-sidebar{display:flex;height:100%;justify-content:flex-end;left:0;position:fixed;top:0;width:100%;z-index:85}.c-layout-sidebar:not(.is-open){pointer-events:none}.c-layout-sidebar:not(.is-open)>.background{opacity:0}.c-layout-sidebar:not(.is-open)>.inner{transform:translate(101%)}.c-layout-sidebar>.background{background-color:var(--color-white);height:100%;left:0;opacity:.7;position:absolute;top:0;transition:opacity .8s;width:100%}.c-layout-sidebar>.inner{background-color:var(--color-white);display:flex;flex:0 0 calc(var(--width)*1px);flex-direction:column;position:relative;transition:transform .7s var(--the-curve)}.c-layout-sidebar>.inner>.header{flex:0 0 auto;padding:106px var(--box-spacing-x) 0}@media(max-width:960px){.c-layout-sidebar>.inner>.header{padding-top:60px}}.c-layout-sidebar>.inner>.header>.inner{text-transform:uppercase;--border:1px solid var(--color-dark-grey-60);border-bottom:var(--border);padding-bottom:16px;position:relative}.c-layout-sidebar>.inner>.body{flex:1 1 0;overflow:auto;padding:var(--box-spacing-x);padding-bottom:calc(var(--box-spacing-x)*1.5)}.c-layout-sidebar>.inner>.body>.inner{position:relative}.c-layout-sidebar>.inner>.close-button{font-size:56px;height:1em;position:absolute;right:var(--box-spacing-x);top:18px}@media(max-width:960px){.c-layout-sidebar>.inner>.close-button{font-size:24px;top:20px}}