.catalog-stage{transition:translate var(--dur-lift) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out), background-color var(--dur-ui) var(--ease-out)}@media (hover:hover){.catalog-card:hover .catalog-stage{background-color:var(--surface);box-shadow:var(--surface-shadow-hover)}}.catalog-card:has(:focus-visible) .catalog-stage{background-color:var(--surface);box-shadow:var(--surface-shadow-hover)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.catalog-card:hover .catalog-stage{translate:0 -2px}}.block-window{--block-window-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 8px 24px -12px var(--lift-shadow);--block-window-shadow-hover:0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 20px 40px -18px var(--lift-shadow);background-color:var(--background);box-shadow:var(--block-window-shadow);transition:width var(--dur-page) var(--ease-in-out), height var(--dur-page) var(--ease-in-out), translate var(--dur-lift) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);border-radius:12px}.block-window-chrome{background-color:color-mix(in oklab, var(--foreground) 3%, var(--background));box-shadow:inset 0 -1px 0 var(--hairline), inset 0 1px 0 var(--highlight)}.block-window-dot{background-color:color-mix(in oklab, var(--foreground) 15%, transparent)}@media (hover:hover){.catalog-card:hover .block-window{box-shadow:var(--block-window-shadow-hover)}}.catalog-card:has(:focus-visible) .block-window{box-shadow:var(--block-window-shadow-hover)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.catalog-card:hover .block-window{translate:0 -2px}}.block-window-fade{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.block-sheet{isolation:isolate;background-color:var(--stage);border-radius:24px;position:relative;overflow:hidden}.block-sheet:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none;position:absolute;inset:0}.block-sheet-grid{margin-bottom:-1px;margin-right:-1px}.block-cell{box-shadow:inset -1px 0 0 var(--hairline), inset 0 -1px 0 var(--hairline);transition:background-color var(--dur-ui) var(--ease-out)}@media (hover:hover){.block-cell:hover{background-color:color-mix(in oklab, var(--foreground) 2%, var(--stage))}}
