.popup{background-color:var(--c-white);height:100%;opacity:0;padding:3rem calc(50vw - var(--shell-max-width)/2 + 3.2rem) 2rem 5.5rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:13}.popup.is-visible{opacity:1;pointer-events:auto}.popup:before{background-color:var(--c-blue);content:"";height:100%;opacity:.73;position:absolute;right:100%;top:0;width:calc(100vw - 100%)}.popup .popup__scroll{height:100%;overflow-y:auto;width:55rem}.popup .popup__head{margin-bottom:6rem;padding-right:1rem}.popup .popup__head>a{display:block;margin-left:auto;width:fit-content}.popup .popup__body h4{color:#0e0e25;font-weight:800;letter-spacing:-.01em}.popup .popup__body ul{list-style-type:none}.popup .popup__body li{align-items:center;border-bottom:1px solid color-mix(in srgb,currentcolor 10%,transparent);display:flex;gap:2rem;padding:2rem 0}.popup .popup__body ul .btn{font-weight:500;gap:1.1rem;margin-left:auto;min-height:4.8rem;padding:.2rem 1.9rem .2rem 1.6rem}.popup .popup__body .mask-img{min-width:1.5rem}@media (max-width:1440px){.popup{padding:3rem 3rem 5rem}}@media (max-width:1200px){.popup .popup__scroll{width:35rem}}@media (max-width:767px){.popup{padding:3rem var(--shell-gutter);width:100%}.popup .popup__head{margin-bottom:3rem;padding:0}.popup .popup__scroll{width:100%}}