.popup-box__outer,.popup-box__overlay{position:fixed;top:0;bottom:0;opacity:0}.popup-box{display:none}.popup-box.is-open,.popup-box.is-show{display:block}.popup-box__overlay{left:0;right:0;background:rgba(0,0,0,.8);transition:opacity .2s ease-in-out;pointer-events:none;z-index:949}.popup-box.is-open>.popup-box__overlay{opacity:1;pointer-events:auto}.popup-box__outer{right:100%;width:350px;max-width:100%;background:#fff;display:flex;flex-direction:column;transition:transform .2s ease-in-out,opacity .2s ease-in-out;z-index:950}.popup-box.is-open>.popup-box__outer{transform:translateX(100%);opacity:1}.popup-box__head{position:relative;display:flex;align-items:center;flex:0 0 auto}.popup-box__close{position:absolute;top:25px;right:20px;width:20px;height:20px;padding:0;border:none;border-radius:0;background:0 0;outline:0;color:#ffc10c}.popup-box__close:hover{color:#ffc10c}.popup-box__close:after,.popup-box__close:before{position:absolute;content:'';top:50%;left:50%;width:104%;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:50% 50%}.popup-box__close:after{transform:translate(-50%,-50%) rotate(45deg)}.popup-box__body{flex:1 1 auto;justify-content:flex-end;overflow:hidden;overflow-y:auto;overscroll-behavior:contain;-ms-scroll-chaining:none}.popup-box__body:before{display:block;padding-top:44px}.popup-box__body:after{display:block;padding-top:50px}.popup-box.is-noscroll>.popup-box__outer>.popup-box__body{overflow:hidden}