.page-mark{width:var(--mark-size,28px);height:var(--mark-size,28px);vertical-align:middle;flex:none;display:inline-grid;position:relative}.page-mark>img{object-fit:contain;grid-area:1/1;width:100%;height:100%;transition:opacity .2s ease-out,transform .26s cubic-bezier(.2,.7,.3,1)}.page-mark[data-motion=swap]>img{opacity:0}.page-mark[data-motion=swap]>img:first-child{opacity:1}.page-mark[data-motion=swap]:hover>img:first-child,:hover>*>.page-mark[data-motion=swap]>img:first-child{opacity:0}.page-mark[data-motion=swap]:hover>img:last-child,:hover>*>.page-mark[data-motion=swap]>img:last-child{opacity:1}.page-mark[data-motion=fan]>img{transform:translateX(calc(var(--i) * 6%)) scale(calc(1 - var(--i) * .08));opacity:calc(1 - var(--i) * .25)}.page-mark[data-motion=fan]:hover>img{transform:translateX(calc(var(--i) * 30% - 30%)) rotate(calc((var(--i) - 1) * 9deg)) scale(.82);opacity:1}.page-mark[data-motion=assemble]>img{transform:scale(1)}.page-mark[data-motion=assemble]>img:not(:first-child){opacity:0;transform:translateX(calc((var(--i) - 1.5) * 90%)) scale(.7)}.page-mark[data-motion=assemble]:hover>img:first-child{transform:translate(-18%)scale(.78)}.page-mark[data-motion=assemble]:hover>img:not(:first-child){opacity:1;transform:translateX(calc((var(--i) - .5) * 26%)) scale(.72)}.page-mark[data-motion=grow]>img{transform-origin:50% 100%;transform:translateX(calc((var(--i) - 1) * 26%)) scale(.74)}.page-mark[data-motion=grow]:hover>img{transform:translateX(calc((var(--i) - 1) * 30%)) scale(.88) translateY(-4%)}@media (prefers-reduced-motion:reduce){.page-mark>img{transition:none}.page-mark:hover>img{transform:none}.page-mark[data-motion=swap]:hover>img:first-child{opacity:1}.page-mark[data-motion=swap]:hover>img:last-child{opacity:0}.page-mark[data-motion=fan]:hover>img,.page-mark[data-motion=assemble]:hover>img,.page-mark[data-motion=grow]:hover>img{transform:translateX(calc(var(--i) * 6%)) scale(calc(1 - var(--i) * .08))}.page-mark[data-motion=assemble]:hover>img:not(:first-child){opacity:0}}