hopues-seletor-kit{display:block;margin-block:.25rem 1rem;padding:14px;border:1px solid rgb(from var(--color-foreground) r g b / 14%);border-radius:12px;background:rgb(from var(--color-foreground) r g b / 3%)}hopues-seletor-kit[hidden]{display:none}.hopues-kit__titulo,.hopues-kit__ajuda{display:none}.hopues-kit__linhas{display:grid;gap:14px}.hopues-kit__rotulo-grupo{margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c9a96e}.hopues-kit__rotulo-grupo span{color:rgb(from var(--color-foreground) r g b / 55%);letter-spacing:.08em;text-transform:none;font-weight:600;font-size:.78rem}.hopues-kit__pills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hopues-kit__pills--cor{grid-template-columns:repeat(2,1fr)}@media(min-width:750px){.hopues-kit__pills--cor{grid-template-columns:repeat(4,1fr)}}.hopues-kit__pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding:0 10px;border:1px solid rgb(from var(--color-foreground) r g b / 18%);border-radius:8px;background:rgb(from var(--color-background) r g b / 60%);color:inherit;font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.hopues-kit__pill:hover{border-color:#c9a96eb3}.hopues-kit__pill[aria-checked=true]{border-color:#c9a96e;background:#c9a96e24;color:#e2c998;box-shadow:inset 0 0 0 1px #c9a96e}.hopues-kit__pill:focus-visible{outline:2px solid #c9a96e;outline-offset:2px}.hopues-kit__bolinha{inline-size:16px;block-size:16px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 1px #ffffff59}.hopues-kit__dica{margin:-6px 0 0;font-size:.78rem;opacity:.7}.hopues-kit__contador{margin:12px 0 0;padding:8px 12px;border-radius:8px;background:rgb(from var(--color-foreground) r g b / 6%);font-size:.8rem;font-weight:600;transition:background .2s ease,color .2s ease}.hopues-kit__contador[data-estado=completo]{background:#c9a96e24;color:#e2c998}.hopues-kit__contador[data-alerta]{background:#c9a96e59;color:#fff}.hopues-kit__aviso{margin:8px 0 0;font-size:.8rem;opacity:.85}.hopues-kit__aviso[hidden]{display:none}@media(max-width:359px){.hopues-kit__pills{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hopues-seletor-kit.css.map */