.alloc-hit{-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:flex-end;height:100%;padding:0;display:flex;position:relative}.alloc-hit:focus-visible{outline:none}.alloc-hit:focus-visible .alloc-block{outline:2px solid var(--color-ring,currentColor);outline-offset:2px}.alloc-block{background:color-mix(in srgb, var(--alloc-color) 14%, transparent);width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--alloc-color) 55%, transparent);--alloc-top:color-mix(in srgb, var(--alloc-color) 78%, white);--alloc-side:color-mix(in srgb, var(--alloc-color) 72%, black);border-radius:1px;position:relative}.alloc-block-fill{border-radius:inherit;background:var(--alloc-color);pointer-events:none;position:absolute;inset:0}.alloc-face{pointer-events:none;position:absolute}.alloc-face-top{left:0;right:0;top:calc(var(--alloc-depth) * -1);height:var(--alloc-depth);background:var(--alloc-top);transform-origin:0 100%;transform:skew(-45deg)}.alloc-face-side{top:0;bottom:0;right:calc(var(--alloc-depth) * -1);width:var(--alloc-depth);background:var(--alloc-side);transform-origin:0 0;transform:skewY(-45deg)}.alloc-viewport-faded{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--alloc-fade), black calc(100% - var(--alloc-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--alloc-fade), black calc(100% - var(--alloc-fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--alloc-fade), black calc(100% - var(--alloc-fade)), transparent 100%)}