.transition{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:clip}.transition__panels{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.transition__panel{background-color:var(--color-surface-2);width:100%;height:100%;position:relative;top:-100%}.transition__lines{opacity:0;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.transition[data-active=true] .transition__lines{opacity:var(--wipe-lines-opacity)}.transition__line{border-right:var(--button-border) solid var(--color-text);width:100%;height:100%}.transition__line.is--last{border-right-style:none}html[data-wipe=covered] .transition__panel{transform:translateY(100%)}html[data-wipe=covered] .transition__lines{opacity:var(--wipe-lines-opacity)}