.barra-icones{align-items:center;gap:var(--esp-1);flex-wrap:wrap;display:flex}.barra-icones .separador-barra{background:var(--linha);flex:none;align-self:stretch;width:1px;margin:4px 2px}.barra-icones .grupo-barra{align-items:center;gap:var(--esp-1);display:flex}.barra-icones .vao-barra{width:var(--alvo-denso);flex:none}button.botao-icone{width:var(--alvo-denso);min-height:var(--alvo-denso);gap:var(--esp-2);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:none;padding:0;position:relative}button.botao-icone>svg.ic{z-index:1;position:relative}button.botao-icone>.rotulo-botao{padding-inline:var(--alvo-denso) var(--esp-3);background:inherit;border:inherit;border-radius:inherit;color:inherit;font:600 var(--t-pequeno) / 1 var(--fonte);text-transform:none;letter-spacing:normal;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;clip-path:inset(-10px 100% -10px -10px);box-sizing:border-box;contain:paint;max-width:100%;transition:clip-path var(--mov-rapido) var(--curva), opacity var(--mov-rapido) ease, visibility 0s linear var(--mov-rapido), max-width 0s linear var(--mov-rapido), padding 0s linear var(--mov-rapido);align-items:center;display:flex;position:absolute;inset-block:-1px;inset-inline-start:-1px}button.botao-icone:not(.selecionado):not(.mostra-rotulo):not(:hover):not(:focus-visible)>.rotulo-botao{padding-inline:0}button.botao-icone.primario>.rotulo-botao{font-family:var(--fonte-titulo);text-transform:uppercase;letter-spacing:.06em;font-weight:500}button.botao-icone[data-lado=esquerda]>.rotulo-botao{padding-inline:var(--esp-3) var(--alvo-denso);clip-path:inset(-10px -10px -10px 100%);inset-inline:auto -1px}button.botao-icone.discreto>.rotulo-botao{background:var(--superficie-2);border:1px solid var(--linha-forte)}@media (hover:hover){button.botao-icone:not(.selecionado):hover{z-index:2}button.botao-icone:not(.selecionado):hover>.rotulo-botao{visibility:visible;opacity:1;clip-path:inset(-10px);max-width:none;transition:clip-path var(--mov-rapido) var(--curva), opacity var(--mov-rapido) ease}}button.botao-icone:not(.selecionado):focus-visible,button.botao-icone.mostra-rotulo{z-index:2}button.botao-icone:not(.selecionado):focus-visible>.rotulo-botao,button.botao-icone.mostra-rotulo>.rotulo-botao{visibility:visible;opacity:1;clip-path:inset(-10px);max-width:none;transition:clip-path var(--mov-rapido) var(--curva), opacity var(--mov-rapido) ease}button.botao-icone:not(.selecionado):focus-visible{box-shadow:none;outline:none}button.botao-icone:not(.selecionado):focus-visible>.rotulo-botao{outline:var(--foco-largura) solid var(--foco);outline-offset:var(--foco-afastamento);box-shadow:0 0 0 calc(var(--foco-afastamento) + var(--foco-largura) + var(--foco-halo)) var(--fundo)}@media (forced-colors:active){button.botao-icone:not(.selecionado):focus-visible>.rotulo-botao{box-shadow:none;outline-color:highlight}}button.botao-icone.selecionado{width:auto;padding-inline:var(--esp-2) var(--esp-3)}button.botao-icone.selecionado>.rotulo-botao{visibility:visible;opacity:1;clip-path:none;contain:none;background:0 0;border:0;max-width:none;padding:0;transition:none;display:inline;position:static}.grupo-selecao{flex-wrap:wrap;align-self:flex-start;max-width:100%;display:inline-flex}.grupo-selecao>button.botao-icone{border-radius:0}.grupo-selecao>button.botao-icone+button.botao-icone{margin-inline-start:-1px}.grupo-selecao>button.botao-icone:first-child{border-start-start-radius:var(--raio);border-end-start-radius:var(--raio)}.grupo-selecao>button.botao-icone:last-child{border-start-end-radius:var(--raio);border-end-end-radius:var(--raio)}.grupo-selecao>button.botao-icone>.rotulo-botao{border-radius:var(--raio)}.grupo-selecao>button.botao-icone.selecionado,.grupo-selecao>button.botao-icone.selecionado:hover:not(:disabled){z-index:1;background:var(--destaque);background-image:var(--destaque-textura,none);border-color:var(--destaque);color:var(--destaque-texto)}.grupo-selecao>button.botao-icone.selecionado:disabled{background:var(--superficie-2);border-color:var(--linha-forte);color:var(--texto-2)}@media (prefers-reduced-motion:reduce){button.botao-icone>.rotulo-botao,button.botao-icone:not(.selecionado):focus-visible>.rotulo-botao,button.botao-icone.mostra-rotulo>.rotulo-botao{transition:none!important}}@media (hover:hover) and (prefers-reduced-motion:reduce){button.botao-icone:not(.selecionado):hover>.rotulo-botao{transition:none!important}}