#kanji-popup-container{background:#000000ca;inset:0;overflow-y:auto;position:fixed;z-index:100}#kanji-popup-container a{text-decoration:underline}#kanji-popup-wrapper{left:50%;min-height:100%;padding:80px 0;position:absolute;top:0;transform:translate(-50%)}.popup-window{background:#fff;border-radius:24px;padding:calc(var(--padding-side)*1.5);position:relative;transition:translate .5s;translate:0 20px;width:100%}.popup-window.active{display:block}#kanji-popup-container.show .popup-window{pointer-events:all;translate:0 0}.popup-section{padding:var(--gutter) 0}.popup-close-button{background-color:#aaa;border-radius:100px;cursor:pointer;height:48px;left:50%;position:absolute;top:-60px;transition:.2s;translate:-50% 0;width:48px}.popup-close-button:after,.popup-close-button:before{background-color:#000;border-radius:100px;content:"";display:block;height:2px;left:50%;position:absolute;top:50%;translate:-50% -50%;width:24px}.popup-close-button:before{rotate:45deg}.popup-close-button:after{rotate:-45deg}.popup-close-button:hover{background-color:#fff}.popup-window img{border-radius:12px;width:100%}.popup-window img:not(:last-child){margin-bottom:calc(var(--gutter)*2)}.popup-title{font-size:3.6rem;font-variation-settings:"wght" 320;letter-spacing:-.01em;padding:20px 0;text-align:center}.popup-section .callout{width:100%}#kanji-popup .popup-title{font-family:var(--font)}@media only screen and (max-width:767px){#kanji-popup{max-width:400px;width:92vw}}