.canvas-simple{position:relative;background:hsla(0,0%,100%,.89);backdrop-filter:blur(21px) saturate(144%);-webkit-backdrop-filter:blur(21px) saturate(144%);border:1px solid hsla(0,0%,100%,.21);--shadow-offset-y:var(--unified-shadow-y,0.382);--strength:var(--shadow-strength,0.382);--blur-scale:var(--velocity-blur,1);transform:translateZ(0);backface-visibility:hidden;perspective:1000px;contain:layout style paint;transition:background 144ms cubic-bezier(.382,0,.618,1)}.canvas-simple:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;box-shadow:0 0 calc(3px * var(--blur-scale)) rgba(0,0,0,.06),0 calc(-3px - var(--shadow-offset-y) * 3px) calc(3px * var(--blur-scale)) rgba(0,0,0,calc(.21 * var(--strength) * .6)),0 calc(-8px - var(--shadow-offset-y) * 8px) calc(8px * var(--blur-scale)) rgba(0,0,0,calc(.13 * var(--strength) * .6)),0 calc(-21px - var(--shadow-offset-y) * 21px) calc(21px * var(--blur-scale)) rgba(0,0,0,calc(.08 * var(--strength) * .6)),0 calc(-55px - var(--shadow-offset-y) * 55px) calc(55px * var(--blur-scale)) rgba(0,0,0,calc(.05 * var(--strength) * .6));transition:opacity 233ms cubic-bezier(.382,0,.236,1);opacity:1}.dark .canvas-simple{background:rgba(15,23,42,.89);border:1px solid hsla(0,0%,100%,.13)}.dark .canvas-simple:before{box-shadow:0 0 calc(3px * var(--blur-scale)) rgba(0,0,0,.1),0 calc(-3px - var(--shadow-offset-y) * 3px) calc(3px * var(--blur-scale)) rgba(0,0,0,calc(.34 * var(--strength) * .6)),0 calc(-8px - var(--shadow-offset-y) * 8px) calc(8px * var(--blur-scale)) rgba(0,0,0,calc(.21 * var(--strength) * .6)),0 calc(-21px - var(--shadow-offset-y) * 21px) calc(21px * var(--blur-scale)) rgba(0,0,0,calc(.13 * var(--strength) * .6)),0 calc(-55px - var(--shadow-offset-y) * 55px) calc(55px * var(--blur-scale)) rgba(0,0,0,calc(.08 * var(--strength) * .6))}.canvas-transparent{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,var(--edge-intensity,.21))}.canvas-transparent:after{content:"";position:absolute;top:8px;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;z-index:-2;box-shadow:0 0 calc(3px * var(--blur-scale)) rgba(0,0,0,.03),0 calc(3px + var(--shadow-offset-y) * 3px) calc(3px * var(--blur-scale)) rgba(0,0,0,calc(.13 * var(--strength) * .4)),0 calc(8px + var(--shadow-offset-y) * 8px) calc(8px * var(--blur-scale)) rgba(0,0,0,calc(.08 * var(--strength) * .4)),0 calc(21px + var(--shadow-offset-y) * 21px) calc(21px * var(--blur-scale)) rgba(0,0,0,calc(.05 * var(--strength) * .4)),0 calc(55px + var(--shadow-offset-y) * 55px) calc(55px * var(--blur-scale)) rgba(0,0,0,calc(.03 * var(--strength) * .4));transition:opacity 233ms cubic-bezier(.382,0,.236,1);opacity:.8}.dark .canvas-transparent:after{box-shadow:0 0 calc(3px * var(--blur-scale)) rgba(0,0,0,.05),0 calc(3px + var(--shadow-offset-y) * 3px) calc(3px * var(--blur-scale)) rgba(0,0,0,calc(.21 * var(--strength) * .4)),0 calc(8px + var(--shadow-offset-y) * 8px) calc(8px * var(--blur-scale)) rgba(0,0,0,calc(.13 * var(--strength) * .4)),0 calc(21px + var(--shadow-offset-y) * 21px) calc(21px * var(--blur-scale)) rgba(0,0,0,calc(.08 * var(--strength) * .4)),0 calc(55px + var(--shadow-offset-y) * 55px) calc(55px * var(--blur-scale)) rgba(0,0,0,calc(.05 * var(--strength) * .4))}.canvas-animating{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:transform;transition:none!important}.canvas-animating:before{opacity:.5;transition:opacity 144ms cubic-bezier(.382,0,.618,1)}.canvas-animating.canvas-transparent:after{opacity:.3;transition:opacity 144ms cubic-bezier(.382,0,.618,1)}.canvas-dragging *{pointer-events:none!important}.canvas-dragging .drag-handle{pointer-events:auto!important}.canvas-body{background:rgba(255,255,255,var(--transparency,.89));transition:background 144ms ease-out}.dark .canvas-body{background:rgba(15,23,42,var(--transparency,.89))}.canvas-transparent .canvas-body{background:transparent}