.Drawer{width:100%;max-width:730px;min-height:100%;margin:0;padding:0;border:0;display:none;background-color:var(--primary);color:#fff;mix-blend-mode:difference;--timing: .8s;--delay: .5s;-webkit-transition:display var(--timing) allow-discrete var(--delay),overlay var(--timing) allow-discrete var(--delay);transition:display var(--timing) allow-discrete var(--delay),overlay var(--timing) allow-discrete var(--delay);-webkit-transform-origin:right;transform-origin:right;-webkit-animation:close var(--timing) forwards var(--easeInOutExpo) var(--delay);animation:close var(--timing) forwards var(--easeInOutExpo) var(--delay)}.Drawer header{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content}.Drawer[open]{display:inline;display:initial;-webkit-transition:display var(--timing) allow-discrete 0s,overlay var(--timing) allow-discrete 0s;transition:display var(--timing) allow-discrete 0s,overlay var(--timing) allow-discrete 0s;-webkit-animation:open var(--timing) forwards var(--easeInOutExpo);animation:open var(--timing) forwards var(--easeInOutExpo)}.Drawer.withoutBlendMode{mix-blend-mode:normal}.Drawer .container{padding:164px 40px}.Drawer::-ms-backdrop{background-color:#0000}.Drawer::backdrop{background-color:#0000}.Drawer .close{position:fixed;top:42px;right:50px;isolation:isolate;aspect-ratio:1 / 1;max-width:36px;max-height:36px;padding:0}@media (min-width: 48em){.Drawer .container{padding:164px 112px}}@-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)}}