@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}:where(.c-base-segmented){padding:calc(var(--spacing) * 1);background-color:color-mix(in srgb, var(--color-surface-2) var(--un-bg-opacity), transparent);border-radius:3.40282e38px;display:flex;position:relative}:where(.c-base-segmented) .c-base-segmented__thumb{background:var(--color-surface-solid);transition:transform .4s var(--ease-spring);border-radius:9999px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000f}:where(.c-base-segmented) .c-base-segmented__thumb--tracking{transition:none}:root[data-theme=dark] .c-base-segmented__thumb{background:#ffffff29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .c-base-segmented__thumb{background:#ffffff29}}