.vortex-contact-panel{position:fixed;width:350px;max-width:calc(100vw - 8px);right:0;visibility:visible;z-index:999999;transform:translateX(calc(100% - 35px));transition:transform .8s}
.vortex-contact-panel.open{transform:translateX(0)}
:where(.vortex-contact-panel) .popup-wrap{display:flex;align-items:flex-start}
:where(.vortex-contact-panel) .popup-header{box-sizing:border-box;width:35px;flex:0 0 35px;margin-top:35%;height:160px;border:1px solid var(--vortex-panel-border);border-radius:4px 0 0 4px;padding:0;background:var(--vortex-panel-header);cursor:pointer}
:where(.vortex-contact-panel) .popup-title{display:block;padding:5px;font-size:18px;font-weight:bold;color:var(--vortex-panel-title);white-space:nowrap;transform:rotate(90deg)}
:where(.vortex-contact-panel) .popup-image{float:right;width:40px;padding:0;margin:7px -135px 0 0;transform:rotate(90deg)}
:where(.vortex-contact-panel) .popup-image img{max-width:20px;max-height:20px}
:where(.vortex-contact-panel) .popup-content{box-sizing:border-box;width:315px;max-width:calc(100vw - 43px);height:400px;max-height:70vh;overflow-x:hidden;overflow-y:auto;background:#fefefe}
:where(.vortex-contact-panel) .popup-content-pad{padding:10px}
:where(.vortex-contact-panel) .popup-content p{margin:5px 0}
:where(.vortex-contact-panel) .popup-content img{max-width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.vortex-contact-panel{transition:none}}

:where(.vortex-contact-panel .popup-content){border:1px solid #ebebeb}