.panel{position:fixed;z-index:1000;pointer-events:none;background-color:transparent;transition:background-color .2s ease-in-out;top:0;left:auto;bottom:auto;right:0;height:100%;width:100%}.panel.panel--open{pointer-events:all;background-color:rgba(0,0,0,.7)}.panel__item{position:fixed;top:0;height:100%;width:100%;max-width:31.75rem;overflow-x:hidden;overflow-y:auto;background-color:var(--color-white);transition:transform .2s ease-in-out}.panel__item.panel__item--right{right:0;transform:translate3d(100%,0,0)}.panel__item.panel__item--left{left:0;transform:translate3d(-100%,0,0)}.panel--open .panel__item{transform:translate3d(0,0,0)}@media (max-width:1023px){.panel__item{max-width:100%}}.panel__header{padding:1.5rem 1.25rem}.panel__header button{cursor:pointer;color:currentColor;z-index:100}.panel__header button .icon{display:flex;justify-content:center}.panel__close{display:block;padding:0;background:0 0;border:none;margin-top:.625rem;padding:.828125rem 1.203125rem;border:.09375rem solid var(--color-light-gray)}.panel__close .icon--close{display:block;width:1.1875rem;height:1.1875rem}