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