.transitionMask{z-index:999999;width:100%;height:100lvh;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(1px)}.transitionMask.hide{display:none}.transitionMask__main{width:calc(100% + 9.6rem);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}@media (max-width:1023px){.transitionMask__main{width:calc(100% + 5.8rem)}}.transitionMask__container{flex-flow:column-reverse;display:flex;position:relative}.transitionMask__row{letter-spacing:0;opacity:1;white-space:nowrap;width:100%;height:6.4rem;margin-bottom:-3.2rem;font-size:0;line-height:0;position:relative}.transitionMask__row:nth-child(odd){margin-left:-4.8rem}.transitionMask__grid{opacity:1;will-change:opacity;width:9.6rem;height:6.4rem;transition:opacity .15s linear;display:inline-block;position:relative}.transitionMask__grid:before,.transitionMask__grid:after{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";background-color:#fff;width:100%;height:100%;display:block;position:absolute;left:0}.transitionMask__grid:before{z-index:1;top:0}.transitionMask__grid:after{z-index:0;top:1px}.transitionMask.wipeOut .transitionMask__grid.active,.transitionMask.wipeIn .transitionMask__grid{opacity:0}.transitionMask.wipeIn .transitionMask__grid.active{opacity:1}.transitionMask.gray .transitionMask__grid:before,.transitionMask.gray .transitionMask__grid:after{background-color:#e6e6e6}.transitionMask__title{color:#000;text-align:center;white-space:nowrap;z-index:10;flex-flow:row;justify-content:center;align-items:stretch;width:100vw;height:3rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:1023px){.transitionMask__title{transform:translate(-2.9rem)}}.transitionMask__title__prefix,.transitionMask__title__text{opacity:1;flex:none;font-weight:700;display:block}.transitionMask__title__prefix{flex:0 0 12rem}.transitionMask__title__prefix img{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:relative}.transitionMask__title__text{color:#000;width:fit-content;font-size:3rem;line-height:1em}.transitionMask.initial-title .transitionMask__title__prefix,.transitionMask.initial-title .transitionMask__title__text{transform:translateY(calc(100% + 2px))}.transitionMask:not(.initial-title) .transitionMask__title__prefix,.transitionMask:not(.initial-title) .transitionMask__title__text{transition:transform .5s cubic-bezier(.165,.84,.44,1);transform:translateY(0)}.transitionMask.wipeOut .transitionMask__title__prefix,.transitionMask.wipeOut .transitionMask__title__text{animation:.75s cubic-bezier(.165,.84,.44,1) both transitionTitleWipeOut}.transitionMask.wipeIn .transitionMask__title__prefix,.transitionMask.wipeIn .transitionMask__title__text{animation:.75s cubic-bezier(.19,1,.22,1) .35s both transitionTitleWipeIn}@keyframes transitionTitleWipeOut{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 2px))}}@keyframes transitionTitleWipeIn{0%{transform:translateY(calc(100% + 2px))}to{transform:translateY(0)}}@media (max-width:1023px){.transitionMask__row{height:3.8rem;margin-bottom:-1.9rem}.transitionMask__row:nth-child(odd){margin-left:-2.9rem}.transitionMask__grid{width:5.8rem;height:3.8rem}.transitionMask__title{width:max-content;height:2rem;top:50%;left:50%;transform:translate(-50%,-50%)}.transitionMask__title__prefix{flex:0 0 10.6rem;width:10.6rem;height:2rem}.transitionMask__title__text{font-size:2rem}.transitionMask.wipeOut .transitionMask__title__prefix,.transitionMask.wipeOut .transitionMask__title__text{animation-delay:50ms}.transitionMask.wipeIn .transitionMask__title__prefix,.transitionMask.wipeIn .transitionMask__title__text{animation-delay:.45s}}