.candidate-popup{--candidate-popup-width:810px;position:fixed;z-index:14;top:0;right:0;display:none;width:var(--candidate-popup-width);height:100%}@media (width < 810px){.candidate-popup{--candidate-popup-width:100%}}.candidate-popup__obfuscator{position:fixed;top:0;right:0;display:none;width:100%;height:100%;background-color:rgb(42 42 42/30%);border:none;outline:none;-webkit-tap-highlight-color:transparent}.candidate-popup__nav{position:absolute;z-index:111;top:20px;left:-50px;display:flex;flex-direction:column;gap:12px;height:fit-content}@media (width <= 850px){.candidate-popup__nav{left:18px}}@media (width <= 650px){.candidate-popup__nav{top:18px;right:20px;left:auto}}.candidate-popup__nav__button{position:relative;width:36px;height:36px;padding:6px;background-color:var(--white);border-radius:50%}@media (width <= 850px){.candidate-popup__nav__button{background-color:var(--gray)}}@media (width <= 650px){.candidate-popup__nav__button{background-color:transparent}}.candidate-popup__body{position:absolute;z-index:110;top:0;right:0;display:none;flex-direction:column;justify-content:flex-start;width:var(--candidate-popup-width);height:100%;padding:24px;background-color:var(--white)}@media (width <= 650px){.candidate-popup__body{padding:0}}.candidate-popup__body:after{content:"";position:absolute;top:0;left:100%;transform:translateX(-1px);width:55px;height:100%;background-color:#fff}.candidate-popup.candidate-popup_visible,.candidate-popup_visible .candidate-popup__obfuscator{display:block}.candidate-popup_visible .candidate-popup__body{display:flex}.candidate-popup.candidate-popup__visible{display:block}.candidate-popup.candidate-popup__visible .candidate-popup__body{display:flex}