*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--text-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-mode=dark] .toucan-logo{filter:invert(1)}.configurator-preview-sticky{position:sticky;top:var(--scale-4)}.configurator-preview-scope{padding:var(--scale-8);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-default);background:#ffffff;box-shadow:var(--shadow-sm);overflow:auto;max-height:80vh}.configurator-swatch{width:var(--scale-8);height:var(--scale-8);border-radius:var(--radius-sm);padding:0}.configurator-colour-picker,.configurator-swatch{border:var(--border-width-thin) solid var(--color-border-default);cursor:pointer}.configurator-colour-picker{width:var(--scale-10);height:var(--scale-10);border-radius:var(--radius-sm);padding:var(--scale-1);background:none}.configurator-scale-card{border:var(--border-width-thin) solid var(--color-border-default)}.configurator-spacing-visual{background:var(--color-primary);border-radius:var(--radius-sm)}.configurator-radius-preview{width:var(--scale-12);height:var(--scale-12);background:var(--color-primary)}.configurator-shadow-preview{width:var(--scale-12);height:var(--scale-12);background:var(--color-surface-raised);border-radius:var(--radius-md)}.configurator-border-preview{width:var(--scale-12);height:var(--scale-12);background:var(--color-surface-default);border-style:solid;border-color:var(--color-border-strong);border-radius:var(--radius-sm)}.configurator-colour-option{display:inline-flex;align-items:center;gap:var(--scale-2)}.configurator-colour-option-swatch{display:inline-block;width:var(--scale-4);height:var(--scale-4);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--color-border-default);flex-shrink:0}.configurator-alias-label{min-width:var(--layout-40)}.configurator-token-label{min-width:var(--layout-60)}.configurator-code-block{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--font-line-height-relaxed);overflow-x:auto;margin:0;white-space:pre}@media (max-width:1023px){.configurator-preview-sticky{position:static}}