@layer components{.up-smcp{letter-spacing:.13em;font-variant-caps:all-small-caps}.up-page{z-index:1;background:var(--color-sheet);border-radius:3px;position:relative;box-shadow:0 0 0 1px #14161b0f,0 2px 2px #14161b08,0 40px 70px -40px #14161b61}.up-page:before,.up-page:after{content:"";pointer-events:none;border-radius:1px;position:absolute}.up-page:before{border:1px solid #14161b2b;inset:.7rem}.up-page:after{border:1px solid #14161b12;inset:1.02rem}.up-gutter{inset-block:0;pointer-events:none;background:linear-gradient(90deg,#14161b12,#0000);width:2.6rem;position:absolute;left:0}.up-under1,.up-under2{background:var(--color-sheet);border-radius:3px;height:100%;position:absolute;inset-inline:.55rem;box-shadow:0 0 0 1px #14161b12}.up-under1{z-index:0;bottom:-.5rem}.up-under2{inset-inline:1.1rem;z-index:-1;background:var(--color-rule-soft);bottom:-1rem}.up-thumb-tab{background:var(--color-sheet);min-height:2.75rem;color:var(--color-ink);transition:transform .5s var(--ease-spring), background-color .4s var(--ease-spring);border-radius:0 0 .6rem .6rem;align-items:center;gap:.4rem;padding:.5rem .62rem;font-size:.8rem;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #14161b1a,0 10px 18px -14px #14161b66}.up-thumb-tab:hover{background:var(--color-marker-soft);transform:translateY(3px)}.up-plate{transition:transform .6s var(--ease-spring), box-shadow .5s var(--ease-spring)}.up-plate[aria-selected=true]{transform:translateY(-.2rem)scale(1.025)}.up-plate:hover:not([aria-selected=true]){transform:translateY(-.12rem)}.up-slip{background-color:var(--color-sheet);position:relative}.up-slip-lines{background-image:repeating-linear-gradient(#0000 0 calc(1.75rem - 1px),#2f33b821 calc(1.75rem - 1px) 1.75rem);line-height:1.75rem}.up-slip:before{content:"";inset-inline:0;background:radial-gradient(circle at 6px 6px, var(--color-marker-soft) 4px, transparent 4.5px) 0 0 / 14px 12px repeat-x;height:12px;position:absolute;top:-6px}@media (prefers-reduced-motion:reduce){.up-plate,.up-thumb-tab{transition:none}}}