*{box-sizing:border-box}:root{font-size:100%}:host,design-systems-webring:not([hydrated]){text-align:left;color:#231f20;width:100%;font-family:sans-serif;font-size:16px;display:block}.webring-banner{background-color:#fff;border:1px solid #ddd;border-radius:8px;max-width:480px;box-shadow:0 2px 4px #0e1e251f}.webring-banner a{color:#60f;text-decoration:none}.webring-banner a:hover,.webring-banner a:focus{color:#5200cc;text-decoration:underline}.webring-banner__header{border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;padding:1rem;display:flex;position:relative}.webring-banner__description{flex:1 0;padding-right:2rem}design-systems-webring:not([hydrated]) img,.webring-banner__image{border-radius:50%;width:70px;height:70px;margin:0 1rem 0 0;display:block}design-systems-webring:not([hydrated]) h3,design-systems-webring:not([hydrated]) h3 a,.webring-banner__title{margin:0;font-family:sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2}.webring-banner__info{text-align:center;color:#54698d;border:2px solid #ddd;border-radius:50%;justify-content:center;width:1.25rem;height:1.25rem;font-size:.75rem;line-height:1.25rem;text-decoration:none;display:flex;position:absolute;top:1rem;right:1rem}.webring-banner__links{flex-wrap:wrap;justify-content:space-between;margin:0;padding:1rem;display:flex}.webring-banner__link{color:#00ad9f;text-decoration:none;display:block}.webring-banner__link--random{text-align:center}.webring-banner__link--next{text-align:right}@media (width>=400px){.webring-banner__link{min-width:100px}.webring-banner__info{align-items:center}}