.popup{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@media (max-width:767.9px){.popup{align-items:flex-end}}.popup__content{background:var(--color-background);display:flex;flex-direction:column;max-height:100%;max-width:48rem;transition:var(--transition);width:100%}@media (max-width:767.9px){.popup__content{border-radius:1.6rem 1.6rem 0 0;max-width:100%}}.popup__header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:1.6rem 2.4rem;position:relative}@media (max-width:767.9px){.popup__header{padding:.8rem 1.6rem 0}}.popup__body{flex:1 1 auto;overflow-y:auto}.popup__title{color:var(--color-text-primary);font-size:2.1rem;font-weight:var(--font-bold);line-height:2.9rem}@media (max-width:767.9px){.popup__title{font-size:1.9rem;font-weight:var(--font-medium);line-height:2.7rem}}.popup__close-btn{align-items:center;background-color:transparent;border:0;color:var(--color-text-primary);display:flex;height:4.8rem;justify-content:center;padding:8px;transition:var(--transition);width:4.8rem}@media (max-width:767.9px){.popup__close-btn{margin-right:-1.2rem;padding:1.2rem}}.popup__close-btn svg{height:100%;margin-bottom:0;width:100%}.popup__close-btn:hover{background-color:#0000000d;border-radius:4px;color:var(--color-text-primary)}@media (max-width:767.9px){.popup--fullscreen .popup__content{border-radius:0;height:100%}.popup--fullscreen .popup__header{padding:.4rem}}.popup--fullscreen .pc-hidden{display:none}@media (max-width:767.9px){.popup--fullscreen .pc-hidden{display:flex}.popup--fullscreen .m-hidden{opacity:0}}.popup-enter-active,.popup-leave-active{transition:var(--transition)}.popup-enter-from,.popup-leave-to{opacity:0}.popup-enter-from .popup__content,.popup-leave-to .popup__content{transform:translateY(30px)}@media (max-width:767.9px){.popup-enter-from.popup--fullscreen .popup__content,.popup-leave-to.popup--fullscreen .popup__content{transform:translate(-100%)}}