.fog-transition-wrapper{margin-bottom:2px;margin-top:2px;pointer-events:none;position:relative;z-index:10}.fog-overlay{background:#fff;display:block;height:15dvh;position:relative;width:100%}.fog-overlay:after,.fog-overlay:before{background:#fff;content:"";left:0;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;position:absolute;width:100%}.fog-overlay:before{height:var(--fog-before-h,0);margin-bottom:-1px;mask-image:url(../images/fog-mask-pc-top.webp);-webkit-mask-image:url(../images/fog-mask-pc-top.webp);mask-position:bottom center;-webkit-mask-position:bottom center;top:calc(var(--fog-before-h, 0px)*-1)}.fog-overlay:after{bottom:calc(var(--fog-after-h, 0px)*-1);height:var(--fog-after-h,0);margin-top:-1px;mask-image:url(../images/fog-mask-pc-bottom.webp);-webkit-mask-image:url(../images/fog-mask-pc-bottom.webp);mask-position:top center;-webkit-mask-position:top center}@media screen and (max-width:760px){.fog-overlay:before{mask-image:url(../images/fog-mask-sp-top.webp);-webkit-mask-image:url(../images/fog-mask-sp-top.webp)}.fog-overlay:after{mask-image:url(../images/fog-mask-sp-bottom.webp);-webkit-mask-image:url(../images/fog-mask-sp-bottom.webp)}}