body.popup-active{overflow:hidden}.popup{--base-speed:.6s;z-index:999;opacity:1;background-color:oklch(var(--c-raw-1-2)/.95);transition:all 0s,opacity calc(var(--base-speed)*.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.popup:focus{outline:0}.popup__inner{width:100%;min-height:5em;max-width:var(--w-px);max-height:calc(100% - var(--sp)*3);transition:calc(var(--base-speed)*2);flex-direction:column;display:flex;position:relative}.popup__inner .button--close{-webkit-tap-highlight-color:transparent;z-index:10;position:absolute;bottom:100%;right:0}.popup__inner .button--close:not(:hover){color:var(--c-0-9)}.popup__frame{width:100%;max-width:100vw;max-height:100%;overflow-y:auto;-webkit-mask:linear-gradient(#0000,#000 1em calc(100% - 1em),#0000);mask:linear-gradient(#0000,#000 1em calc(100% - 1em),#0000)}.popup__frame [type=submit]{float:right;margin-top:1em}.site-header__nav,.torso,.site-footer{transition:filter var(--base-speed)}.popup:not(.active){visibility:hidden;opacity:0;transition:all 0s var(--base-speed),opacity var(--base-speed);bottom:100%;left:100%}.popup:not(.active) .popup__inner{transform:translateY(.25em)rotate(-.25deg)}.popup .popup__frame{transition:left;position:relative;left:0}.popup:not(.active) .popup__frame{transition:left 0s var(--base-speed);left:-9999px}.popup--block .button-wrap{width:100%;height:.5em;position:relative}.popup--block .popup__background{width:100%;max-height:100%;display:flex;position:relative;box-shadow:0 .25em 1em #0003}.popup--block .popup__frame{-webkit-mask:linear-gradient(#0000,#000 .5em calc(100% - 2em),#0000);mask:linear-gradient(#0000,#000 .5em calc(100% - 2em),#0000)}
/*# sourceMappingURL=popup-style.css.map */