.glass-test-A-level-3-button{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, .724) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, .724) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-top, .5))),inset 0 2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-bottom, .5))),inset -1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-left, .5))),inset 1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-right, .5)));transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-A-level-3-button:hover{background:hsla(0,0%,100%,.21);transform:translateY(-2px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, .724) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, .724) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-A-level-3-button:active{background:hsla(0,0%,100%,.21);transform:translateY(0) scale(.98) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, .724) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, .724) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-A-level-3-button:focus-visible{outline:none}.dark .glass-test-A-level-3-button{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-A-level-3-button:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-A-level-3-button:active{background:hsla(0,0%,100%,.13)}.glass-test-A-level-3-button-small{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, .724) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, .724) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034);transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-A-level-3-button-small:hover{background:hsla(0,0%,100%,.21);transform:translateY(-1px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, .724) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, .724) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-A-level-3-button-small:active{background:hsla(0,0%,100%,.21);transform:scale(.95) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, .724) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, .724) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-A-level-3-button-small:focus-visible{outline:none}.dark .glass-test-A-level-3-button-small{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-A-level-3-button-small:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-A-level-3-button-small:active{background:hsla(0,0%,100%,.13)}.glass-test-A-level-1-surface{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, .724) * 1px) calc(1px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, .724) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, .724) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-A-level-1-surface,.glass-test-A-level-2-raised{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21)}.glass-test-A-level-2-raised{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, .724) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, .724) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-A-level-3-elevated{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, .724) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, .724) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034)}.glass-test-A-level-4-floating{transform:translateZ(0);will-change:transform}.glass-test-A-level-4-floating,.glass-test-A-level-4-floating-static{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, .724) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, .724) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, .724) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, .724) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, .724) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.dark .glass-test-A-level-1-surface,.dark .glass-test-A-level-2-raised,.dark .glass-test-A-level-3-elevated,.dark .glass-test-A-level-4-floating,.dark .glass-test-A-level-4-floating-static{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.glass-test-B-level-3-button{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-top, .5))),inset 0 2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-bottom, .5))),inset -1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-left, .5))),inset 1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-right, .5)));transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-B-level-3-button:hover{background:hsla(0,0%,100%,.21);transform:translateY(-2px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-B-level-3-button:active{background:hsla(0,0%,100%,.21);transform:translateY(0) scale(.98) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-B-level-3-button:focus-visible{outline:none}.dark .glass-test-B-level-3-button{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-B-level-3-button:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-B-level-3-button:active{background:hsla(0,0%,100%,.13)}.glass-test-B-level-3-button-small{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034);transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-B-level-3-button-small:hover{background:hsla(0,0%,100%,.21);transform:translateY(-1px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-B-level-3-button-small:active{background:hsla(0,0%,100%,.21);transform:scale(.95) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-B-level-3-button-small:focus-visible{outline:none}.dark .glass-test-B-level-3-button-small{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-B-level-3-button-small:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-B-level-3-button-small:active{background:hsla(0,0%,100%,.13)}.glass-test-B-level-1-surface{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1) * 1px) calc(1px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-B-level-1-surface,.glass-test-B-level-2-raised{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21)}.glass-test-B-level-2-raised{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-B-level-3-elevated{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034)}.glass-test-B-level-4-floating{transform:translateZ(0);will-change:transform}.glass-test-B-level-4-floating,.glass-test-B-level-4-floating-static{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.dark .glass-test-B-level-1-surface,.dark .glass-test-B-level-2-raised,.dark .glass-test-B-level-3-elevated,.dark .glass-test-B-level-4-floating,.dark .glass-test-B-level-4-floating-static{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.glass-test-C-level-3-button{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.236) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.236) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-top, .5))),inset 0 2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-bottom, .5))),inset -1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-left, .5))),inset 1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-right, .5)));transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-C-level-3-button:hover{background:hsla(0,0%,100%,.21);transform:translateY(-2px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.236) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.236) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-C-level-3-button:active{background:hsla(0,0%,100%,.21);transform:translateY(0) scale(.98) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.236) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.236) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-C-level-3-button:focus-visible{outline:none}.dark .glass-test-C-level-3-button{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-C-level-3-button:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-C-level-3-button:active{background:hsla(0,0%,100%,.13)}.glass-test-C-level-3-button-small{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.236) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.236) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034);transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-C-level-3-button-small:hover{background:hsla(0,0%,100%,.21);transform:translateY(-1px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.236) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.236) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-C-level-3-button-small:active{background:hsla(0,0%,100%,.21);transform:scale(.95) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.236) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.236) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-C-level-3-button-small:focus-visible{outline:none}.dark .glass-test-C-level-3-button-small{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-C-level-3-button-small:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-C-level-3-button-small:active{background:hsla(0,0%,100%,.13)}.glass-test-C-level-1-surface{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.236) * 1px) calc(1px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.236) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.236) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-C-level-1-surface,.glass-test-C-level-2-raised{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21)}.glass-test-C-level-2-raised{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.236) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.236) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-C-level-3-elevated{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.236) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.236) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034)}.glass-test-C-level-4-floating{transform:translateZ(0);will-change:transform}.glass-test-C-level-4-floating,.glass-test-C-level-4-floating-static{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.236) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.236) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.236) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.236) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.236) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.dark .glass-test-C-level-1-surface,.dark .glass-test-C-level-2-raised,.dark .glass-test-C-level-3-elevated,.dark .glass-test-C-level-4-floating,.dark .glass-test-C-level-4-floating-static{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.glass-test-D-level-3-button{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.382) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.382) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-top, .5))),inset 0 2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-bottom, .5))),inset -1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-left, .5))),inset 1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-right, .5)));transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-D-level-3-button:hover{background:hsla(0,0%,100%,.21);transform:translateY(-2px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.382) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.382) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-D-level-3-button:active{background:hsla(0,0%,100%,.21);transform:translateY(0) scale(.98) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.382) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.382) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-D-level-3-button:focus-visible{outline:none}.dark .glass-test-D-level-3-button{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-D-level-3-button:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-D-level-3-button:active{background:hsla(0,0%,100%,.13)}.glass-test-D-level-3-button-small{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.382) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.382) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034);transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-D-level-3-button-small:hover{background:hsla(0,0%,100%,.21);transform:translateY(-1px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.382) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.382) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-D-level-3-button-small:active{background:hsla(0,0%,100%,.21);transform:scale(.95) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.382) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.382) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-D-level-3-button-small:focus-visible{outline:none}.dark .glass-test-D-level-3-button-small{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-D-level-3-button-small:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-D-level-3-button-small:active{background:hsla(0,0%,100%,.13)}.glass-test-D-level-1-surface{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.382) * 1px) calc(1px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.382) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.382) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-D-level-1-surface,.glass-test-D-level-2-raised{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21)}.glass-test-D-level-2-raised{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.382) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.382) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-D-level-3-elevated{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.382) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.382) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034)}.glass-test-D-level-4-floating{transform:translateZ(0);will-change:transform}.glass-test-D-level-4-floating,.glass-test-D-level-4-floating-static{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.382) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.382) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.382) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.382) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.382) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.dark .glass-test-D-level-1-surface,.dark .glass-test-D-level-2-raised,.dark .glass-test-D-level-3-elevated,.dark .glass-test-D-level-4-floating,.dark .glass-test-D-level-4-floating-static{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.glass-test-E-level-3-button{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.618) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.618) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-top, .5))),inset 0 2px calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-bottom, .5))),inset -1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-left, .5))),inset 1px 0 calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-right, .5)));transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-E-level-3-button:hover{background:hsla(0,0%,100%,.21);transform:translateY(-2px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.618) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.618) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-E-level-3-button:active{background:hsla(0,0%,100%,.21);transform:translateY(0) scale(.98) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.618) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.618) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-E-level-3-button:focus-visible{outline:none}.dark .glass-test-E-level-3-button{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-E-level-3-button:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-E-level-3-button:active{background:hsla(0,0%,100%,.13)}.glass-test-E-level-3-button-small{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.618) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.618) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034);transition:transform 233ms cubic-bezier(.382,0,.618,1),box-shadow 144ms cubic-bezier(.382,0,.618,1),background 89ms cubic-bezier(.382,0,.618,1);cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}.glass-test-E-level-3-button-small:hover{background:hsla(0,0%,100%,.21);transform:translateY(-1px) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.618) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.618) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.glass-test-E-level-3-button-small:active{background:hsla(0,0%,100%,.21);transform:scale(.95) translateZ(0);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.618) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.618) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)));transition:transform 89ms cubic-bezier(.236,0,0,1),box-shadow 55ms cubic-bezier(.236,0,0,1),background 34ms cubic-bezier(.236,0,0,1)}.glass-test-E-level-3-button-small:focus-visible{outline:none}.dark .glass-test-E-level-3-button-small{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}.dark .glass-test-E-level-3-button-small:hover{background:hsla(0,0%,100%,.15)}.dark .glass-test-E-level-3-button-small:active{background:hsla(0,0%,100%,.13)}.glass-test-E-level-1-surface{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.618) * 1px) calc(1px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.618) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.618) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-E-level-1-surface,.glass-test-E-level-2-raised{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21)}.glass-test-E-level-2-raised{box-shadow:0 0 1px -.25px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 1px) calc(var(--static-shadow-y, 1.618) * 1px) calc(2px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.618) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -.5px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 1px) calc(var(--unified-shadow-y, 0) * 1px) calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -.5px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-top, .5))),inset 0 1px calc(2px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.055 * var(--rim-intensity-bottom, .5))),inset -.5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-left, .5))),inset .5px 0 calc(1px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.034 * var(--rim-intensity-right, .5)))}.glass-test-E-level-3-elevated{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 2px) calc(var(--static-shadow-y, 1.618) * 2px) calc(3px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.618) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 2px) calc(var(--unified-shadow-y, 0) * 2px) calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 2px 3px hsla(0,0%,100%,.055),inset 0 -1px 2px rgba(0,0,0,.021),inset 1px 0 2px hsla(0,0%,100%,.034)}.glass-test-E-level-4-floating{transform:translateZ(0);will-change:transform}.glass-test-E-level-4-floating,.glass-test-E-level-4-floating-static{background:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.21);box-shadow:0 0 1px -.5px rgba(0,0,0,.21),calc(var(--static-shadow-x, 0) * 3px) calc(var(--static-shadow-y, 1.618) * 3px) calc(5px * var(--static-blur-magnitude, 1)) -1px rgba(0,0,0,var(--shadow-opacity-21-static)),calc(var(--static-shadow-x, 0) * 5px) calc(var(--static-shadow-y, 1.618) * 5px) calc(8px * var(--static-blur-magnitude, 1)) -2px rgba(0,0,0,var(--shadow-opacity-13-static)),calc(var(--static-shadow-x, 0) * 8px) calc(var(--static-shadow-y, 1.618) * 8px) calc(13px * var(--static-blur-magnitude, 1)) -3px rgba(0,0,0,var(--shadow-opacity-08-static)),calc(var(--static-shadow-x, 0) * 13px) calc(var(--static-shadow-y, 1.618) * 13px) calc(21px * var(--static-blur-magnitude, 1)) -5px rgba(0,0,0,var(--shadow-opacity-05-static)),calc(var(--static-shadow-x, 0) * 21px) calc(var(--static-shadow-y, 1.618) * 21px) calc(34px * var(--static-blur-magnitude, 1)) -8px rgba(0,0,0,var(--shadow-opacity-03-static)),calc(var(--unified-shadow-x, 0) * 3px) calc(var(--unified-shadow-y, 0) * 3px) calc(5px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -1px rgba(0,0,0,var(--shadow-opacity-21-dynamic)),calc(var(--unified-shadow-x, 0) * 5px) calc(var(--unified-shadow-y, 0) * 5px) calc(8px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -2px rgba(0,0,0,var(--shadow-opacity-13-dynamic)),calc(var(--unified-shadow-x, 0) * 8px) calc(var(--unified-shadow-y, 0) * 8px) calc(13px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -3px rgba(0,0,0,var(--shadow-opacity-08-dynamic)),calc(var(--unified-shadow-x, 0) * 13px) calc(var(--unified-shadow-y, 0) * 13px) calc(21px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -5px rgba(0,0,0,var(--shadow-opacity-05-dynamic)),calc(var(--unified-shadow-x, 0) * 21px) calc(var(--unified-shadow-y, 0) * 21px) calc(34px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) -8px rgba(0,0,0,var(--shadow-opacity-03-dynamic)),inset 0 -2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-top, .5))),inset 0 2px calc(4px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.144 * var(--rim-intensity-bottom, .5))),inset -2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-left, .5))),inset 2px 0 calc(3px * (.618 + (var(--dynamic-blur-magnitude, 1) - .618) * .618)) rgba(255,255,255,calc(.089 * var(--rim-intensity-right, .5)))}.dark .glass-test-E-level-1-surface,.dark .glass-test-E-level-2-raised,.dark .glass-test-E-level-3-elevated,.dark .glass-test-E-level-4-floating,.dark .glass-test-E-level-4-floating-static{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.13)}