.DrawerBackground{width:100vw;max-width:730px;background-color:var(--primary);mix-blend-mode:difference;height:100vh;right:0;top:0;position:fixed;--timing: .8s;--delay: .5s;opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}.DrawerBackground[open]{-webkit-animation:open var(--timing) forwards var(--easeInOutExpo);animation:open var(--timing) forwards var(--easeInOutExpo)}.DrawerBackground:not([open]){-webkit-animation:none;animation:none}.DrawerBackground[data-was-opened]:not([open]){-webkit-animation:close var(--timing) forwards var(--easeInOutExpo);animation:close var(--timing) forwards var(--easeInOutExpo)}@-webkit-keyframes open{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes open{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes close{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes close{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}