.semantic-native{display:none!important}
.semantic-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin:8px 0 16px;min-width:0;max-width:100%;color:inherit}
.semantic-options .semantic-option{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:80px;min-width:0;padding:8px 5px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer;box-shadow:none;text-align:center}
.semantic-option svg{width:42px;height:42px;flex-shrink:0;opacity:.65}
.semantic-option span{font-size:.875rem;line-height:1.3;overflow-wrap:anywhere;max-width:100%}
.semantic-options .semantic-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 5%,transparent)}
.semantic-options .semantic-option.is-selected{border-color:currentColor;background:color-mix(in srgb,currentColor 9%,transparent)}
.semantic-option.is-selected svg{opacity:1}
.semantic-options .semantic-option:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.semantic-options .semantic-option:disabled{opacity:.35;cursor:default}
@media(max-width:480px){.semantic-options{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:6px}}