.popup{background-color:var(--c-bg);border-radius:3.6rem;bottom:2rem;opacity:0;padding:0 3.6rem;pointer-events:none;position:fixed;right:2rem;top:2rem;transition:opacity .3s;z-index:15}.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;padding-bottom:5.6rem;padding-top:5.6rem;width:55rem}.popup .popup__head{margin-bottom:3.4rem;padding-right:5rem;padding-top:1.5rem;position:relative}.popup .popup__head>a{display:block;margin-left:auto;position:absolute;right:0;top:0;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:1rem 0}.popup .popup__body li h6{color:var(--primary);margin: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:1439px){.popup .popup__scroll{padding:3rem 0 5rem}}@media (max-width:1200px){.popup .popup__scroll{width:35rem}}@media (max-width:767px){.popup{border-radius:0;bottom:0;padding:0 var(--shell-gutter);right:0;top:0;width:100%}.popup .popup__head{margin-bottom:3rem;padding:0}.popup .popup__scroll{width:100%}}body:before{background-color:#000;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:14}body:has(.popup.is-visible):before{opacity:.66;pointer-events:auto}