.column-wipe{--cw-fill:var(--bg);--cw-line:color-mix(in srgb, var(--ink) 10%, transparent);--cw-height:100%;--cw-z:3;block-size:var(--cw-height);z-index:var(--cw-z);pointer-events:none;grid-template-columns:repeat(var(--cw-cols), minmax(0, 1fr));display:grid;position:absolute;inset-block-start:0;inset-inline:0}.column-wipe__col{margin-inline-end:-1px;position:relative;overflow:hidden}.column-wipe_lines .column-wipe__col:not(:first-child){border-inline-start:1px solid var(--cw-line)}.column-wipe__fill{background:var(--cw-fill);block-size:100%;display:block;transform:translateY(100%)}.column-wipe_reveal .column-wipe__fill{transform:translateY(-100%)}.column-wipe_active .column-wipe__fill{will-change:transform}@media (max-width:668px){.column-wipe{grid-template-columns:repeat(var(--cw-cols-mobile), minmax(0, 1fr))}.column-wipe__col[data-cw-wide]{display:none}}@media (min-width:669px){.column-wipe__col[data-cw-narrow]{display:none}}