.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;transition:border-color .2s cubic-bezier(.5,1,.89,1);position:relative;overflow:hidden}.pixel-card:not(.pixel-card--hero){aspect-ratio:4/5;border:1px solid #27272a;border-radius:25px;place-items:center;width:300px;height:400px;display:grid}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#09090b,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}.pixel-card.pixel-card--hero{width:100%;max-width:100%;height:auto;box-shadow:none;background:0 0;border:none;display:block;overflow:hidden}.pixel-canvas--on-top{z-index:15;pointer-events:none;position:absolute;inset:0}.pixel-card.pixel-card--hero:before{display:none}
.gradual-blur-inner{width:100%;height:100%;position:relative}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur-inner>div{opacity:.5;background:#0000004d}}.gradual-blur-fixed{pointer-events:none;z-index:1000;inset:0;position:fixed!important}