.woven-transition{position:fixed;inset:0;z-index:70;overflow:hidden;pointer-events:none;contain:strict;animation:woven-dissolve .76s ease-out both}.woven-transition__warp,.woven-transition__weft{position:absolute;display:block;will-change:transform,opacity}.woven-transition__warp{top:0;bottom:0;left:calc(var(--thread) * 100% / 12);width:calc(100% / 12 + 1px);background:repeating-linear-gradient(90deg,#eee7dc,#eee7dc 1px,#f6f1e9 0,#f6f1e9 5px);transform-origin:top;animation:woven-warp .62s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--thread) * 10ms)}.woven-transition__warp:nth-child(2n){transform-origin:bottom}.woven-transition__weft{left:0;right:0;top:calc(var(--thread) * 100% / 10);height:calc(100% / 10 + 1px);background:repeating-linear-gradient(0deg,rgb(165 135 104/12%),rgb(165 135 104/12%) 1px,rgb(250 248 244/40%) 0,rgb(250 248 244/40%) 5px);transform-origin:left;animation:woven-weft .58s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(40ms + var(--thread) * 12ms)}.woven-transition__weft:nth-child(2n){transform-origin:right}@keyframes woven-warp{0%{transform:scaleY(0);opacity:0}28%{transform:scaleY(1);opacity:.72}55%{transform:scaleY(1);opacity:.5}to{transform:scaleY(1);opacity:0}}@keyframes woven-weft{0%{transform:scaleX(0);opacity:0}35%{transform:scaleX(1);opacity:.7}to{transform:scaleX(1);opacity:0}}@keyframes woven-dissolve{0%,60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.woven-transition{display:none;animation:none}.woven-transition__warp,.woven-transition__weft{animation:none}}