.c-popup{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}html.has-app-init .c-popup{-webkit-transition:opacity var(--speed-slow) var(--easing);transition:opacity var(--speed-slow) var(--easing)}.c-popup.is-open{opacity:1;pointer-events:auto;z-index:3000}.c-popup_background{background-color:#00000080;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}html.has-app-init .c-popup_background{-webkit-transition:opacity var(--speed-slow) var(--easing);transition:opacity var(--speed-slow) var(--easing)}.c-popup.is-open .c-popup_background{opacity:1}.c-popup_content{background-color:var(--white);border-radius:4px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0) translateZ(0);transform:translate3d(-50%,-50%,0) translateZ(0)}html.has-app-init .c-popup_content{-webkit-transition:opacity var(--speed-slow) var(--easing),-webkit-transform var(--speed-slow) var(--easing);transition:opacity var(--speed-slow) var(--easing),-webkit-transform var(--speed-slow) var(--easing);transition:transform var(--speed-slow) var(--easing),opacity var(--speed-slow) var(--easing);transition:transform var(--speed-slow) var(--easing),opacity var(--speed-slow) var(--easing),-webkit-transform var(--speed-slow) var(--easing)}.c-popup.is-open .c-popup_content{opacity:1;pointer-events:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition-delay:.3s;transition-delay:.3s}@media (min-width:768px){.c-popup_content{padding:var(--unit-30) var(--unit-small);width:480px}}@media (max-width:767px){.c-popup_content{padding:var(--unit-20);width:90%}}.c-popup_close{height:20px;margin-top:.5em;position:absolute;width:20px}@media (min-width:768px){.c-popup_close{right:var(--unit-20);top:var(--unit-20)}}@media (max-width:767px){.c-popup_close{right:var(--unit-20);top:var(--unit-20)}}