.panel{position:fixed;z-index:1000;pointer-events:none;background-color:transparent;transition:background-color 200ms 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,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 200ms 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;border:0;margin-top:.625rem;padding:.828125rem 1.203125rem;border:.09375rem solid var(--color-light-gray);border-radius:.75rem}.panel__close .icon--close{display:block;width:1.1875rem;height:1.1875rem}