.base-chip:focus-visible{outline:.1875rem solid #7a93c4;outline-offset:.125rem}.base-chip{font-size:1rem;letter-spacing:.015rem;line-height:1.5rem;display:flex;align-items:center;gap:.25rem;color:#0d3a93;background-color:#e6ebf4;padding:.5rem 1rem;border:1px solid transparent;border-radius:1.5rem;pointer-events:auto}@media(hover:hover)and (pointer:fine){.base-chip:hover{background-color:#cceffb}}.base-chip--small{padding:.25rem .5rem;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:.875rem}.base-chip--green{background-color:#d3e7cc;color:#1e6e00}@media(hover:hover)and (pointer:fine){.base-chip--green:hover{background-color:#d3e7cc}}.base-chip--yellow{background-color:#ffe68c;color:#806400}@media(hover:hover)and (pointer:fine){.base-chip--yellow:hover{background-color:#ffe68c}}.base-chip--red{background-color:#f9ccd0;color:#b30012}@media(hover:hover)and (pointer:fine){.base-chip--red:hover{background-color:#f9ccd0}}.base-chip--active{border-color:#0d3a93;background-color:#cfd8e9}.base-chip--active:hover{background-color:#cceffb}.base-chip:focus:before{border-radius:1.5rem}.base-chip__image{flex:0 0 3rem;height:3rem;border-radius:50%;overflow:hidden;margin:0 .25rem}.base-chip__image--fallback{background-color:#fff;padding:.5rem;display:grid;place-items:center}.base-chip__image--fallback img{height:100%}.base-chip__label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.base-chip__label-highlight{font-weight:700}.base-chip--large{width:100%;min-width:0;height:4.5rem;border-radius:.75rem;padding:.5rem}.base-chip--large .base-chip__label{-webkit-line-clamp:3;line-height:1.25rem}.base-chip__post-label{display:inline-block}