.placement-demo.svelte-hjxpmx{width:min(100%,var(--doc-reading-width, 700px));margin:var(--size-24) auto var(--size-32);padding:var(--size-24);border-radius:var(--ui-radius);background:var(--color-background-tint);box-sizing:border-box;-webkit-user-select:none;user-select:none}.placement-demo.compact.svelte-hjxpmx{width:100%;margin:var(--size-12) 0 0;padding:var(--size-16)}.placement-demo .snap-engine-canvas{overflow:visible!important}@media(max-width:720px){.placement-demo.svelte-hjxpmx{padding:var(--size-16)}}.euclidean-demo-list{width:min(100%,22rem);margin:0 auto;gap:var(--size-8);overflow:visible;box-sizing:border-box}.euclidean-demo-list.comparison{width:min(100%,30.5rem)}.euclidean-demo-item{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%!important;padding:var(--size-4) var(--size-8);border:1px solid color-mix(in srgb,var(--color-background-dark) 24%,transparent);border-radius:var(--size-4);background:color-mix(in srgb,var(--color-background) 88%,var(--color-background-tint));box-sizing:border-box;cursor:grab}.euclidean-demo-item[data-snapsort-dragging=true]{opacity:1!important}.euclidean-demo-item span,.euclidean-demo-ghost span{font-family:Bitcount Grid Single,monospace;font-size:.8rem;font-weight:350}.euclidean-demo-list:not(.comparison) .is-one{height:38px!important}.euclidean-demo-list:not(.comparison) .is-two{height:48px!important}.euclidean-demo-list:not(.comparison) .is-three{height:42px!important}.euclidean-demo-list:not(.comparison) .is-four{height:54px!important}.euclidean-demo-list.comparison .euclidean-demo-item{height:48px!important}.euclidean-demo-list.comparison .is-one{width:64px!important}.euclidean-demo-list.comparison .is-two{width:176px!important}.euclidean-demo-list.comparison .is-three{width:84px!important}.euclidean-demo-list.comparison .is-four{width:144px!important}.euclidean-demo-list.comparison .is-five{width:76px!important}.euclidean-demo-list.comparison .is-six{width:104px!important}.euclidean-demo-ghost{padding:0;border:2px dashed color-mix(in srgb,var(--color-primary) 62%,transparent)!important;border-radius:var(--size-4);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-background))!important;box-sizing:border-box;opacity:1}.insertion-tree-group{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - var(--tree-node-indent))!important;margin:0 0 0 var(--tree-node-indent)!important;padding:0;gap:0!important;border:0!important;border-radius:0;background:transparent;box-sizing:border-box}.insertion-tree-row{position:relative;display:grid!important;grid-template-columns:14px 16px minmax(0,1fr);align-items:center!important;justify-content:initial!important;width:100%!important;min-height:var(--tree-row-height);height:var(--tree-row-height);margin:0!important;padding:3px var(--size-8)!important;border:0!important;border-radius:0;background:transparent;color:var(--color-text);box-sizing:border-box;cursor:grab;touch-action:none}.insertion-tree-item{width:calc(100% - var(--tree-node-indent))!important;margin-left:var(--tree-node-indent)!important}.insertion-tree-row:hover{background:color-mix(in srgb,var(--color-primary) 9%,transparent)}.insertion-tree-group.is-highlighted>.insertion-tree-group-row{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-background));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 42%,transparent);color:var(--color-action)}.insertion-tree-item[data-snapsort-dragging=true],.insertion-tree-group[data-snapsort-dragging=true]>.insertion-tree-group-row{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-background));color:var(--color-action);cursor:grabbing}.insertion-tree-guide{position:absolute;top:0;bottom:0;left:calc(0px - var(--size-12));width:1px;background:color-mix(in srgb,var(--color-background-dark) 18%,transparent);opacity:var(--tree-guide-opacity);pointer-events:none}.insertion-tree-chevron,.insertion-tree-chevron-spacer{position:relative;width:14px;height:14px}.insertion-tree-chevron:before{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-right:1.5px solid var(--color-text-subtle);border-bottom:1.5px solid var(--color-text-subtle);transform:rotate(45deg)}.insertion-tree-container-icon,.insertion-tree-item-icon{position:relative;width:14px;height:14px}.insertion-tree-container-icon:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1.5px solid var(--color-action);border-radius:var(--size-2);box-shadow:3px 3px 0 -1px var(--color-background),3px 3px color-mix(in srgb,var(--color-action) 55%,transparent)}.insertion-tree-item-icon:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px solid color-mix(in srgb,var(--color-text-subtle) 72%,transparent);border-radius:var(--size-2);transform:rotate(45deg)}.insertion-tree-label{min-width:0;overflow:hidden;color:inherit;font-family:Bitcount Grid Single,monospace;font-size:.76rem;font-weight:350;line-height:1;text-overflow:ellipsis;white-space:nowrap}.insertion-demo-tree{display:flex;flex-direction:column;align-items:stretch;width:min(100%,24rem);margin:0 auto;padding:var(--size-8) 0;gap:0!important;overflow:hidden;border-color:color-mix(in srgb,var(--color-background-dark) 22%,transparent);border-radius:var(--ui-radius);background:var(--color-background);box-shadow:0 10px 30px color-mix(in srgb,var(--color-background-dark) 8%,transparent);box-sizing:border-box}.progressive-demo-list{width:min(100%,30.5rem);margin:0 auto;gap:var(--size-8);overflow:visible;box-sizing:border-box}.progressive-demo-item{display:flex;flex:0 0 auto;align-items:center;justify-content:center;height:48px!important;padding:var(--size-4) var(--size-8);border:1px solid color-mix(in srgb,var(--color-background-dark) 24%,transparent);border-radius:var(--size-4);background:color-mix(in srgb,var(--color-background) 88%,var(--color-background-tint));box-sizing:border-box;cursor:grab}.progressive-demo-item[data-snapsort-dragging=true]{opacity:1!important}.progressive-demo-item span{font-family:Bitcount Grid Single,monospace;font-size:.8rem;font-weight:350}.progressive-demo-list .is-one{width:64px!important}.progressive-demo-list .is-two{width:176px!important}.progressive-demo-list .is-three{width:84px!important}.progressive-demo-list .is-four{width:144px!important}.progressive-demo-list .is-five{width:76px!important}.progressive-demo-list .is-six{width:104px!important}.progressive-demo-ghost{padding:0;border:2px dashed color-mix(in srgb,var(--color-primary) 62%,transparent)!important;border-radius:var(--size-4);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-background))!important;box-sizing:border-box;opacity:1}.swap-demo-list{width:min(100%,20rem);margin:0 auto;gap:var(--size-8);justify-content:center;overflow:visible;box-sizing:border-box}.swap-demo-item{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:calc(50% - var(--size-4))!important;height:64px!important;padding:var(--size-4) var(--size-8);border:1px solid color-mix(in srgb,var(--color-background-dark) 24%,transparent);border-radius:var(--size-4);background:color-mix(in srgb,var(--color-background) 88%,var(--color-background-tint));box-sizing:border-box;cursor:grab}.swap-demo-item[data-snapsort-dragging=true]{opacity:1!important}.swap-demo-item.is-targeted{border-color:var(--color-primary);outline:2px solid color-mix(in srgb,var(--color-primary) 38%,transparent);outline-offset:-2px;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background))}.swap-demo-item span,.swap-demo-ghost span{font-family:Bitcount Grid Single,monospace;font-size:.8rem;font-weight:350}.swap-demo-ghost{display:grid;place-items:center;padding:0;border:2px dashed color-mix(in srgb,var(--color-primary) 62%,transparent)!important;border-radius:var(--size-8)!important;background:color-mix(in srgb,var(--color-primary) 14%,var(--color-background))!important;box-sizing:border-box;opacity:1}