.c-side-pane-underlay{background:#000000b3;bottom:0;display:block;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:100}.c-side-pane{background:#fff;height:100%;max-width:calc(100% - 30px);padding:20px;position:fixed;right:0;top:0;width:350px;z-index:101}.c-side-pane--large{width:890px}.c-side-pane--medium{width:490px}.c-side-pane__inner{height:100%;overflow:hidden}.c-side-pane__header,.c-side-pane__inner{display:flex;flex-direction:column}.c-side-pane__body-content{margin-top:20px}.c-side-pane__body-content p,.c-side-pane__body-content ul{font-size:1.14286rem;line-height:1.85714rem;margin:0 0 10px}.c-side-pane__body{height:100%;overflow:hidden}.c-side-pane__btn{grid-area:button;margin-left:auto;padding:0}.c-side-pane__heading{grid-area:title;margin-top:10px;text-align:left}.c-side-pane__heading.title--medium{font-size:1.71429rem;line-height:1.5}.c-side-pane__greeting{grid-area:greeting;margin-top:20px}.side-pane-leave-active .c-side-pane-underlay{opacity:0}.side-pane-leave-active .c-side-pane{animation:slidePanel .3s ease reverse forwards}.side-pane-enter-from .c-side-pane-underlay{opacity:0}.side-pane-enter-active .c-side-pane-underlay{opacity:1}.side-pane-enter-active .c-side-pane{animation:slidePanel .3s ease normal forwards}@keyframes slidePanel{0%{opacity:0;transform:translateX(100%)}50%{opacity:.7}to{opacity:1;transform:translateX(0)}}@media (min-width:480px){.c-side-pane{padding:40px}}@media (min-width:768px){.c-side-pane__header--title-first{display:grid;grid-template:"title title" "greeting button"}}@media (max-width:480px){.c-side-pane__body{overflow-y:scroll}.c-side-pane__btn{margin-bottom:10px;min-height:auto}.c-side-pane__heading{font-size:1.71429rem}}