.sr-tone--great{--sr-tone:var(--success)}.sr-tone--okay{--sr-tone:var(--warning)}.sr-tone--needsWork{--sr-tone:var(--danger)}.sr-tone--fresh{--sr-tone:var(--color-caption)}.sr-circle{background:var(--sr-tone);width:46px;height:46px;color:var(--color-on-fill);border-radius:50%;flex:none;place-items:center;display:grid}.sr-circle--small{width:32px;height:32px}.sr-circle--hero{width:56px;height:56px}.sr-tone--fresh .sr-circle{background:var(--color-secondary-container);color:var(--color-caption)}.sr-pill{align-items:center;gap:var(--s1);padding:var(--s1) var(--s3);border-radius:var(--r-stadium);background:var(--color-secondary-container);color:var(--sr-tone);flex:none;margin-left:auto;display:inline-flex}.sr-pill__dot{background:var(--sr-tone);border-radius:50%;width:8px;height:8px}.sr-tip{align-items:flex-start;gap:var(--s2);padding:0 var(--s1);color:var(--color-caption);margin:0;display:flex}.sr-tip svg{color:var(--sr-tone);flex:none}.sr-screen{gap:var(--s4);flex-direction:column;display:flex}.sr-hero,.sr-seen{padding:var(--s5);background:var(--color-primary);border:1px solid var(--color-secondary-container);border-radius:var(--r-transient);flex-direction:column;display:flex}.sr-seen{gap:var(--s2);padding:var(--s4)}.sr-hero__top{margin-bottom:var(--s4);align-items:flex-start;display:flex}.sr-hero__line{color:var(--color-inverse-primary);margin:0}.sr-hero__body{margin:var(--s1) 0 0;color:var(--color-caption)}.sr-hero .sr-tip{margin-top:var(--s3);padding:0}.sr-caption{padding:0 var(--s1);color:var(--color-caption);margin:0}.sr-seen .sr-caption{padding:0}.sr-entry{align-items:flex-start;gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--color-secondary-container);display:flex}.sr-entry:first-child{border-top:0}.sr-entry__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sr-entry__title{color:var(--color-inverse-primary)}.sr-entry__title--tone{color:var(--sr-tone)}.sr-entry__body{color:var(--color-caption)}.sr-entry__end{color:var(--color-inverse-primary);flex:none}.sr-entry__end--tick{color:var(--sr-tone)}.sr-measure{background:var(--color-secondary-container);width:32px;height:32px;color:var(--color-caption);border-radius:50%;flex:none;place-items:center;display:grid}.sr-seen__line{align-items:center;gap:var(--s2);color:var(--color-caption);margin:0;display:flex}.sr-seen__line svg{color:var(--success);flex:none}.sr-bell{align-items:flex-start;gap:var(--s3);padding:0 var(--s1);color:var(--color-inverse-primary);margin:0;display:flex}.sr-bell svg{flex:none}.sr-hidden{gap:var(--s2);padding:var(--s4);border-radius:var(--r-content);background:var(--danger);color:var(--on-danger);flex-direction:column;display:flex}.sr-hidden__title{align-items:center;gap:var(--s2);color:var(--on-danger);margin:0;display:flex}.sr-hidden__body{color:var(--on-danger);margin:0}.eu-card{align-items:stretch;gap:var(--s4);flex-direction:column}.eu-card__top{align-items:flex-start;gap:var(--s3);display:flex}.eu-card__nearby{align-items:center;gap:var(--s3);display:flex}.eu-card__faces{display:inline-flex}.eu-card__faces>*+*{margin-left:calc(-1 * var(--s2))}.eu-card__caption{color:var(--color-caption)}