/* Phosphor SVGs use the same paths on every device. Labels stay on their controls. */
.kc-icon{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.2em;flex-shrink:0;fill:currentColor;pointer-events:none}
.site-header .menu-icon{display:grid;place-items:center;width:24px;height:24px;border:0}
.menu-icon .kc-icon{grid-area:1/1;width:24px;height:24px}
.menu-button[aria-expanded=false] [data-icon=x],.menu-button[aria-expanded=true] [data-icon=list]{display:none}
.detail-icon,.kc-add-icon{display:inline-flex;align-items:center;justify-content:center}
.kc-detail-icon .kc-icon{width:18px;height:18px}
.kc-close{display:grid;place-items:center}
.kc-close .kc-icon{width:22px;height:22px}
.kc-export-gate>.kc-icon{margin-right:.5em}
.kc-contact-preferences>summary{list-style:none;display:flex;align-items:center;gap:.5em}
.kc-contact-preferences>summary::-webkit-details-marker{display:none}
.kc-contact-preferences>summary>.kc-icon{margin-left:auto;transition:transform .2s}
.kc-contact-preferences[open]>summary>.kc-icon{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.kc-contact-preferences>summary>.kc-icon{transition:none}}