.btn-icon__button {background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; display: inline-flex; padding: 8px 10px; align-items: center; justify-content: center; flex-direction: row;} .btn-icon__button > svg {fill: currentColor;} html[dir="rtl"] .btn-icon__button {transform: scaleX(-1);} .btn-icon__button:hover {background-color: #efefef;}.btn-icon__button--tooltip {position: relative; cursor: pointer; overflow: visible;} .btn-icon__button--tooltip:after {content: attr(aria-label); position: absolute; z-index: 1000000; display: none; padding: 0.3875rem 0.775rem; font-size: 0.875rem; line-height: 1.55rem; color: #ffffff; text-align: center; word-wrap: break-word; white-space: pre; pointer-events: none; background: rgba(0, 0, 0, 0.75); border-radius: 3px;} .btn-icon__button--tooltip:before {content: ""; position: absolute; z-index: 1000001; display: none; width: 0; height: 0; color: rgba(0, 0, 0, 0.75); pointer-events: none; border: 5px solid transparent;} .btn-icon__button--tooltip:hover, .btn-icon__button--tooltip:active, .btn-icon__button--tooltip:focus {text-decoration: none;} .btn-icon__button--tooltip:hover:before, .btn-icon__button--tooltip:hover:after, .btn-icon__button--tooltip:active:before, .btn-icon__button--tooltip:active:after, .btn-icon__button--tooltip:focus:before, .btn-icon__button--tooltip:focus:after {display: inline-block;}.btn-icon__button--tooltip-left:after {top: auto; right: 100%; margin-right: 5px; bottom: 50%; margin-bottom: inherit; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);} html[dir="rtl"] .btn-icon__button--tooltip-left:after {right: auto; left: 100%; margin-right: 0; margin-left: 5px;}.btn-icon__button--tooltip-left:before {top: 50%; bottom: 50%; left: -5px; margin-top: -5px; border-left-color: rgba(0, 0, 0, 0.75); border-bottom: 5px solid transparent;} html[dir="rtl"] .btn-icon__button--tooltip-left:before {left: auto; right: -5px; margin-right: 0; border-left-color: transparent; border-right-color: rgba(0, 0, 0, 0.75);}.btn-icon__button--tooltip-right:after {top: auto; right: auto; bottom: 50%; left: 100%; margin-left: 5px; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);} html[dir="rtl"] .btn-icon__button--tooltip-right:after {left: auto; right: 100%; margin-left: 0; margin-right: 5px;}.btn-icon__button--tooltip-right:before {top: 50%; right: -5px; bottom: 50%; margin-top: -5px; margin-right: 0; border-right-color: rgba(0, 0, 0, 0.75); border-bottom: 5px solid transparent;} html[dir="rtl"] .btn-icon__button--tooltip-right:before {left: -5px; right: auto; border-left-color: rgba(0, 0, 0, 0.75); border-right-color: transparent;}.btn-icon__button--tooltip-top:after {top: auto; right: 50%; bottom: 100%; margin-bottom: 5px;}.btn-icon__button--tooltip-top:before {top: -5px; right: 50%; bottom: auto; margin-right: -5px; border-top-color: rgba(0, 0, 0, 0.75); border-bottom: 5px solid transparent;}.btn-icon__button--active {color: #005e95; background-color: #d2e9f9;} .btn-icon__button--active:hover {background-color: #d2e9f9;}