.drawer__inner{position:relative;z-index:100}.drawer__inner--background{background-color:var(--drawer-overlay-color);content:"";height:100%;left:0;position:fixed;top:0;transition:opacity .5s ease-in-out;width:100%}.drawer__inner--content{background:var(--background-color,#fff);box-shadow:calc(var(--drawer-shadow-horizontal-offset)*-1) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur) var(--drawer-shadow-color);color:var(--color,var(--off-black));height:var(--window-height,100vh);max-width:var(--drawer-width);position:fixed;right:0;top:0;width:100%}.drawer__inner--left .drawer__inner--content{box-shadow:var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur) var(--drawer-shadow-color);left:0;right:unset}.drawer__close-button{cursor:pointer;padding:1rem;position:absolute;right:.8rem;top:.8rem}.drawer__close-button svg{display:block;width:1.5rem}.drawer__details[open] .drawer__inner--background{animation:fade-in .5s ease-in-out forwards}.drawer__details[open] .drawer__inner--content{animation:slide-in .5s ease-in-out forwards}.drawer__details[open] .drawer__inner--left .drawer__inner--content{animation:slide-in-left .5s ease-in-out forwards}.drawer__details[closed] .drawer__inner--background,.drawer__details[closing] .drawer__inner--background{animation:fade-out .5s ease-in-out forwards;opacity:0}.drawer__details[closed] .drawer__inner--content,.drawer__details[closing] .drawer__inner--content{animation:slide-out .5s ease-in-out forwards;transform:translate(110%)}.drawer__details[closed] .drawer__inner--left .drawer__inner--content,.drawer__details[closing] .drawer__inner--left .drawer__inner--content{animation:slide-out-left .5s ease-in-out forwards}@keyframes slide-in{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(110%)}}@keyframes slide-in-left{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-110%)}}@keyframes fade-in{0%{opacity:0}to{opacity:var(--drawer-overlay-opacity)}}@keyframes fade-out{0%{opacity:var(--drawer-overlay-opacity)}to{opacity:0}}