.scrollbar-hit-area.svelte-1xrjyhk{z-index:20;top:var(--panel-gap);right:0;bottom:var(--panel-gap);pointer-events:none;width:36px;position:fixed}.field-scrollbar.svelte-1xrjyhk{z-index:2;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:10px;position:absolute;inset-block:2px;inset-inline-end:12px}.field-scrollbar.dragging.svelte-1xrjyhk{cursor:ns-resize}.thumb.svelte-1xrjyhk{--thumb-fade:.6s;width:6px;height:var(--thumb-height);opacity:0;transition-property:width,height,margin-block-start,background-color,opacity;transition-duration:.14s, .14s, .14s, .14s, var(--thumb-fade);background:#00000091;border-radius:999px;margin-block-start:0;margin-inline:auto;transition-timing-function:cubic-bezier(.2,.8,.2,1);position:absolute;inset-block-start:0;inset-inline:0;box-shadow:0 0 0 1px #ffffff1f}.thumb-position.svelte-1xrjyhk{will-change:transform;position:absolute;inset-block-start:0;inset-inline:0}.field-scrollbar.active.svelte-1xrjyhk .thumb:where(.svelte-1xrjyhk),.field-scrollbar.svelte-1xrjyhk:hover .thumb:where(.svelte-1xrjyhk),.field-scrollbar.svelte-1xrjyhk:focus-within .thumb:where(.svelte-1xrjyhk),.field-scrollbar.dragging.svelte-1xrjyhk .thumb:where(.svelte-1xrjyhk){--thumb-fade:90ms;opacity:1}.field-scrollbar.svelte-1xrjyhk:focus-visible .thumb:where(.svelte-1xrjyhk){background:#000000b3}@media (width>=40rem){.field-scrollbar.svelte-1xrjyhk{width:16px;inset-block:7px;inset-inline-end:19px}.thumb.svelte-1xrjyhk{background:#ffffff6b;width:10px;margin-inline:0;inset-inline:auto 0;box-shadow:0 0 0 1px #0000000f}.field-scrollbar.svelte-1xrjyhk:hover .thumb:where(.svelte-1xrjyhk),.field-scrollbar.svelte-1xrjyhk:focus-within .thumb:where(.svelte-1xrjyhk),.field-scrollbar.dragging.svelte-1xrjyhk .thumb:where(.svelte-1xrjyhk){width:14px}.field-scrollbar.svelte-1xrjyhk:focus-visible .thumb:where(.svelte-1xrjyhk){background:#ffffff94}}@media (pointer:coarse){.field-scrollbar.touch-scrollbar.svelte-1xrjyhk{width:36px;inset-block:2px;inset-inline-end:0}.field-scrollbar.touch-scrollbar.svelte-1xrjyhk .thumb:where(.svelte-1xrjyhk){pointer-events:none;width:6px;transition-property:width,background-color,opacity;transition-duration:.3s, .14s, var(--thumb-fade);margin-inline:0;transition-timing-function:cubic-bezier(.22,1,.36,1),cubic-bezier(.2,.8,.2,1),cubic-bezier(.2,.8,.2,1);inset-inline:auto 14px}.field-scrollbar.touch-scrollbar.dragging.svelte-1xrjyhk .thumb:where(.svelte-1xrjyhk){width:10px}}@media (width<=47.999rem) and (pointer:coarse){@supports (animation-timeline:scroll(root block)) and (height:1cqh){.field-scrollbar.svelte-1xrjyhk{container-type:size}.thumb-position.svelte-1xrjyhk{animation:linear both svelte-1xrjyhk-mobile-thumb-scroll;animation-timeline:scroll(root)}}}@keyframes svelte-1xrjyhk-mobile-thumb-scroll{0%{transform:translateY(0)}to{transform:translateY(calc(100cqh - var(--thumb-height)))}}@media (width>=40rem) and (pointer:coarse){.field-scrollbar.touch-scrollbar.svelte-1xrjyhk{inset-block:7px}.field-scrollbar.touch-scrollbar.svelte-1xrjyhk .thumb:where(.svelte-1xrjyhk){width:10px;inset-inline-end:19px}.field-scrollbar.touch-scrollbar.dragging.svelte-1xrjyhk .thumb:where(.svelte-1xrjyhk){width:14px;height:calc(var(--thumb-height) + 2px);margin-block-start:-1px}}@media (prefers-reduced-motion:reduce){.thumb.svelte-1xrjyhk{transition-duration:.01ms!important}}.field-panel.svelte-twqnqs{--field-radius:var(--panel-radius);z-index:10;top:var(--panel-gap);right:var(--panel-gap);bottom:var(--panel-gap);border-radius:var(--field-radius);width:10px;clip-path:inset(0 round var(--field-radius));pointer-events:none;position:fixed;overflow:hidden}.canvas-frame.svelte-twqnqs{width:100%;height:calc(100lvh - 2 * var(--panel-gap));position:absolute;inset-block-start:0;inset-inline:0}@media (width>=40rem){.field-panel.svelte-twqnqs{--field-radius:8px var(--panel-radius) var(--panel-radius) 8px;width:80px}}@media (width>=64rem){.field-panel.svelte-twqnqs{--field-radius:var(--panel-radius);width:calc(var(--field) - 2 * var(--panel-gap))}}@media (width<=39.999rem) and (pointer:coarse){.field-panel.svelte-twqnqs{will-change:width;transition:width .3s cubic-bezier(.22,1,.36,1)}.field-panel.expanded.svelte-twqnqs{width:14px}.canvas-frame.svelte-twqnqs{width:14px;inset-inline-start:auto}}@media (prefers-reduced-motion:reduce){.field-panel.svelte-twqnqs{transition-duration:.01ms!important}}
