:root{--dissolve-field-width:900px;--dissolve-field-height:40vh;--dissolve-field-max-height:420px;--dissolve-field-opacity:.28}.detail-dissolve[data-renderer=static-fallback],.loading-dissolve-field[data-renderer=static-fallback]{background:radial-gradient(circle at 2.5px 2.5px,var(--ink) .5px,transparent .75px) 0 0 / 4px 4px,currentColor;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.detail-shell{isolation:isolate;position:relative}.detail-shell .detail-top,.detail-shell .detail-content{z-index:1;position:relative}.detail-dissolve{width:min(100%,var(--dissolve-field-width));z-index:0;pointer-events:none;contain:strict;opacity:0;height:100%;max-height:none;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.detail-dissolve[data-renderer]{opacity:1;animation:.4s both detail-dissolve-enter}@keyframes detail-dissolve-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.detail-dissolve[data-renderer]{animation:none}}.detail-dissolve-scope{isolation:isolate;background:var(--paper);min-height:100dvh;position:relative}.detail-dissolve-scope>.detail-shell{z-index:1;background:0 0}.detail-dissolve-scope>.loading-screen,.detail-dissolve-scope>.error-screen{z-index:1;background:0 0;position:relative}.detail-dissolve{transition:color .4s}@media (prefers-reduced-motion:reduce){.detail-dissolve{transition:none}}.detail-dissolve[data-renderer=static-fallback]{opacity:var(--dissolve-field-opacity);animation:none}