.popUpCummerCardDce{--textWidth:11em;--padLR:2.3125rem;position:fixed;top:50%;right:0;transform:translateY(-50%);max-height:calc(100vh - var(--nav-height) * 2);width:calc(var(--textWidth) + 2 * var(--padLR));max-width:100vw;padding-left:var(--padLR);padding-right:var(--padLR);padding-top:1.875rem;padding-bottom:3.125rem;background-color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.popUpCummerCardDce.mpHidden{transform:translateX(100%) translateY(-50%);pointer-events:none;opacity:0;transition:transform 500ms ease,opacity 500ms ease}.popUpCummerCardDce .popUpCloser{width:2.9375rem;height:.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.625rem}.popUpCummerCardDce .popUpCloser::before,.popUpCummerCardDce .popUpCloser::after{--rotate:17.44deg;--weight:3px;content:"";display:block;width:100%;height:var(--weight);transform:rotate(var(--rotate)) scaleY(.5);background-color:currentColor}.popUpCummerCardDce .popUpCloser::after{--rotate:-17.44deg;margin-top:calc(var(--weight) *  -1)}.popUpCummerCardDce .title{text-wrap:balance}.popUpCummerCardDce .link{margin-top:.625rem}.popUpCummerCardDce .summerCardImg{position:absolute;bottom:0;right:100%;height:142px;width:auto;transform:translate(50%,11%) rotate(-9.65deg)}.popUpCummerCardDce .summerCardImg img{width:auto;height:100%}