.side-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:rgba(0,0,0,.5)}.side-panel__content{position:fixed;top:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-white);-webkit-transition:-webkit-transform .5s cubic-bezier(.25,1,0,1);transition:-webkit-transform .5s cubic-bezier(.25,1,0,1);transition:transform .5s cubic-bezier(.25,1,0,1);transition:transform .5s cubic-bezier(.25,1,0,1),-webkit-transform .5s cubic-bezier(.25,1,0,1);-webkit-box-shadow:-2px 0 10px rgba(0,0,0,.1);box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:1000}.side-panel__content[data-state=open]{-webkit-animation:slideInRight .5s cubic-bezier(.25,1,0,1);animation:slideInRight .5s cubic-bezier(.25,1,0,1)}.side-panel__content[data-state=closed]{-webkit-animation:slideOutRight .5s cubic-bezier(.25,1,0,1);animation:slideOutRight .5s cubic-bezier(.25,1,0,1)}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.side-panel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;background-color:var(--color-white);padding:1rem 1.5rem}@media (min-width:768px){.side-panel__header{padding:1.75rem 2rem 1rem}}.side-panel__title{font-size:var(--font-size-h4);font-weight:500;color:var(--color-primary);font-family:var(--font-heading)}@media (min-width:1024px){.side-panel__title{font-size:var(--font-size-md)}}.side-panel__close{padding:0;background-color:transparent;border:none}.side-panel__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:768px){.side-panel__body{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.side-panel__body{padding-left:0;padding-right:0}}