.mp{--mp-line: color-mix(in oklab, oklch(var(--bc)) 12%, oklch(var(--b1)));--mp-line-2: color-mix(in oklab, oklch(var(--bc)) 22%, oklch(var(--b1)));--mp-brand: oklch(var(--p));--mp-brand-ink: oklch(var(--pc));--mp-shadow-1: 0 1px 2px oklch(var(--bc) / .05);--mp-shadow-2: 0 1px 2px oklch(var(--bc) / .04), 0 12px 28px -16px oklch(var(--bc) / .3);--mp-shadow-3: 0 2px 4px oklch(var(--bc) / .06), 0 20px 40px -22px oklch(var(--bc) / .34);--mp-ease: cubic-bezier(.22, .61, .36, 1);--mp-header-h: 60px}.mp :is(a,button,[role=button],[tabindex]):focus-visible{outline:2px solid var(--mp-brand);outline-offset:2px}.mp-scroll-x{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mp-scroll-x::-webkit-scrollbar{display:none}.mp-thumb{display:grid;grid-template:1fr / 1fr;overflow:clip}.mp-thumb>*{grid-area:1 / 1;min-inline-size:0}.mp-thumb img{transition:transform .55s var(--mp-ease),opacity .25s linear!important}@media(min-width:1024px){.mp-sheet>*:nth-child(-n+2){border-block-start-width:0!important}.mp-sheet>*:nth-child(odd){border-inline-end:1px solid var(--mp-line)}}.mp-meta li+li:before{content:"";inline-size:3px;block-size:3px;border-radius:50%;background:var(--mp-line-2);margin-inline-end:.25rem}.mp-rail-cat:before{content:"";position:absolute;inset-inline-start:-.375rem;inset-block:.5rem;inline-size:2px;border-radius:2px;background:var(--mp-brand);transform:scaleY(0);transform-origin:center;transition:transform .22s var(--mp-ease)}.mp-rail-cat[aria-current=true]:before{transform:scaleY(1)}.mp-stepper{animation:mp-pop .22s var(--mp-ease) both}.mp .mp-stepper button:hover:not(:disabled){background:oklch(var(--b1) / .22)}.mp .mp-stepper button:focus-visible{outline-color:var(--mp-brand-ink);outline-offset:-3px}.mp .mp-stepper button:disabled{opacity:.5;cursor:not-allowed}@keyframes mp-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mp-pop{animation:mp-pop .24s var(--mp-ease) both}@keyframes mp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mp-rise{animation:mp-rise .42s var(--mp-ease) both}@media(prefers-reduced-motion:reduce){.mp *,.mp *:before,.mp *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.mp .mp-thumb img{transition:none!important}}
