.vp-seg-set{border:0;margin:0;padding:0;min-width:0}.vp-seg-set>legend{padding:0;margin-bottom:var(--s-3, 12px)}.vp-seg{display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:var(--s-2, 8px)}.vp-seg__opt{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:56px;padding:var(--s-2, 8px) var(--s-1, 4px);border-radius:var(--r-md, 10px);border:1px solid var(--btnline);color:var(--ink);text-align:center;transition:border-color var(--t-micro) var(--ease-settle),background-color var(--t-micro) var(--ease-settle)}.vp-seg__opt:after{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;transition:opacity var(--t-micro) var(--ease-settle)}.vp-seg__opt:hover{border-color:var(--btnline2)}.vp-seg__opt:hover:after{opacity:var(--state-hover, .08)}.vp-seg__opt:has(input:focus-visible){box-shadow:var(--focus-ring, 0 0 0 2px var(--bg0), 0 0 0 4px var(--moss))}.vp-seg__opt[data-checked]{border-color:var(--moss);background:color-mix(in srgb,var(--moss) 12%,transparent)}.vp-seg--row .vp-seg__opt{flex-direction:row;min-height:48px;gap:var(--s-2, 8px)}.vp-seg__name{font:500 13px/1.2 var(--sans)}.vp-seg__sub{font:400 12px/1 var(--mono);color:var(--muted)}.vp-seg__opt[data-checked] .vp-seg__sub{color:var(--ink2)}.vp-seg__opt input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}.vp-swatch{width:12px;height:12px;flex:none;border-radius:3px;border:1px solid var(--btnline2)}.vp-swatch[data-c=w]{background:#ece8e1}.vp-swatch[data-c=b]{background:#1b1a18}.vp-swatch[data-c=random]{background:linear-gradient(135deg,#ece8e1 50%,#1b1a18 50%)}