/* Shared source: shared/ui/koshi-networks.css. Copies must remain identical. */
.koshi-networks{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;min-inline-size:0;max-inline-size:100%}
.koshi-networks>.koshi-networks__control{display:inline-flex;align-items:center;justify-content:center;gap:.375em;box-sizing:border-box;flex:0 0 auto;inline-size:2em;block-size:2em;max-inline-size:100%;padding:.25em;border:0;color:inherit;background:transparent;font:inherit;line-height:1;text-decoration:none;cursor:pointer}
.koshi-networks--circles>.koshi-networks__control{border-radius:50%;background:var(--koshi-beige,#d8d0bd);color:var(--koshi-ink,#322a22)}
.koshi-networks--plain{gap:var(--koshi-networks-gap,.75em)}
.koshi-networks--plain>.koshi-networks__control{inline-size:var(--koshi-networks-control-size,1.5em);block-size:var(--koshi-networks-control-size,1.5em);padding:0;border-radius:0}
.koshi-networks>.koshi-networks__control:focus-visible{outline:.125em solid currentColor;outline-offset:.125em}
.koshi-networks>.koshi-networks__control:hover{opacity:.75}
.koshi-networks__control>svg{display:block;inline-size:1.5em;block-size:1.5em;flex-shrink:0}
.koshi-networks--text>.koshi-networks__control,.koshi-networks--both>.koshi-networks__control{inline-size:auto;block-size:auto;min-block-size:2.75em;padding:.5em;border-radius:.25em;overflow-wrap:anywhere;flex-shrink:1}
.koshi-networks>.guide-use-share__status,.koshi-networks>.guide-use-share__manual{flex-basis:100%;font-size:.875em;line-height:1.4}
.koshi-networks>.guide-use-share__status:empty{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.koshi-networks>.guide-use-share__manual[hidden]{display:none}
.koshi-networks>.guide-use-share__manual input{inline-size:100%;max-inline-size:100%;box-sizing:border-box}
@media(pointer:coarse){.koshi-networks>.koshi-networks__control{min-inline-size:2.75em;min-block-size:2.75em}}