.xy-styled-path-wrapper.svelte-1xq34pi{width:100%;height:100%;display:flex;flex-direction:column}.xy-styled-path-container.svelte-1xq34pi{flex:1;position:relative;min-height:0}.xy-label.svelte-1xq34pi{position:absolute;top:5px;left:50%;transform:translate(-50%);color:var(--text-primary);pointer-events:none;z-index:2}.selection-controls.svelte-1xq34pi{display:flex;flex-direction:row;gap:0;padding:.5rem;padding-bottom:0;box-sizing:border-box;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:3rem}.colour-swatches.svelte-1xq34pi,.width-options.svelte-1xq34pi{display:flex;gap:0;align-items:center;justify-content:center;width:100%;height:100%}.colour-swatch.svelte-1xq34pi{width:48%;height:100%;border-radius:.375rem;border:2px solid transparent;cursor:pointer;transition:border .2s;padding:0;margin:0 .5rem}.colour-swatch.selected.svelte-1xq34pi{border-color:#1e2886}.width-option.svelte-1xq34pi{flex:1;height:100%;border:2px solid transparent;border-radius:.375rem;cursor:pointer;transition:border .2s;padding:.25rem;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 .5rem}.width-option.selected.svelte-1xq34pi{border-color:#1e2886}.width-preview.svelte-1xq34pi{width:100%;border-radius:.125rem;transition:all .2s ease}