.mf-grade{position:relative;isolation:isolate}.mf-grade :is(img,video){filter:saturate(.82) contrast(1.03)}.mf-grade:before{z-index:1;background:var(--copper);mix-blend-mode:color;opacity:.16}.mf-grade:after,.mf-grade:before{content:"";position:absolute;inset:0;pointer-events:none}.mf-grade:after{z-index:2;background-image:radial-gradient(circle at 50% 50%,transparent 46%,color-mix(in oklab,var(--noir) 22%,transparent) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.5}.tone-noir .mf-grade:after,body:has(.tone-page-noir) .mf-grade:after{mix-blend-mode:screen;opacity:.16}@media (forced-colors:active){.mf-grade:after,.mf-grade:before{display:none}.mf-grade :is(img,video){filter:none}}.mf-grade[data-grade=none]:after,.mf-grade[data-grade=none]:before{display:none}.mf-grade[data-grade=none] :is(img,video){filter:none}.mf-scene{position:relative;isolation:isolate;overflow:clip;border-radius:var(--radius-container);background:var(--paper)}.mf-scene__layer{position:absolute;inset:-24% 0;pointer-events:none}.mf-scene__rules{background-image:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 44px);opacity:.5}.mf-scene__art{inset:0}.mf-scene__frame>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mf-scene__frame{position:absolute;inset:4% 2%}.mf-scene__edge{inset:-8% 0;background:var(--card);clip-path:polygon(0 82%,100% 68%,100% 100%,0 100%)}.mf-scene__grain{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes mf-drift{0%{transform:translate3d(0,calc(var(--mf-shift) * -1),0)}to{transform:translate3d(0,var(--mf-shift),0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mf-scene__layer{animation:mf-drift linear both;animation-timeline:view();animation-range:entry 0 exit 100%;will-change:transform}.mf-scene__rules{--mf-shift:3%}.mf-scene__art{--mf-shift:9%}.mf-scene__edge{--mf-shift:26%}}}.mf-scene--card{border-radius:0}.mf-scene--card .mf-scene__rules{opacity:.28}.mf-scene--card .mf-scene__frame{inset:8% 6%}.mf-scene--card .mf-scene__grain{opacity:.35}.mf-scene--chip{border-radius:0}.mf-scene--chip .mf-scene__frame{inset:1% 0}.mf-scene__spin{position:absolute;top:12%;height:76%;left:50%;translate:-50% 0;aspect-ratio:900/680;background-repeat:no-repeat;background-size:900% 100%;background-position:50% 50%}@keyframes mf-turn{0%{background-position:0 50%}to{background-position:100% 50%}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mf-scene__spin{animation:mf-turn steps(8) both;animation-timeline:view();animation-range:entry 10% exit 90%}}}