.pet-community .pet-reaction-bar{flex-wrap:wrap;flex:0 auto;max-width:100%}.pet-community .pet-reaction-bar button{font:500 13px/1 ui-sans-serif,system-ui,sans-serif}.pet-community .pet-reaction-bar button:disabled{opacity:.5;cursor:wait}.pet-community .pet-reaction-bar .reaction-details{min-width:min(190px,100vw - 80px);max-width:min(280px,100vw - 80px);left:auto;right:0}.pet-community .pet-reaction-bar .reaction-details strong{overflow-wrap:anywhere}.pet-community.pet-bonds-panel{margin-top:18px}.pet-community.pet-bonds-panel>header{flex-wrap:wrap;align-items:center}.pet-community.pet-bonds-panel .pet-relations{border:0;margin:0;padding:0}.pet-community .pet-relation-add{border:1px solid var(--pet-social-line);background:color-mix(in srgb, var(--pet-social-accent) 4%, transparent);width:auto;min-height:34px;color:var(--pet-social-accent);letter-spacing:.025em;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font:600 12px/1.3 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.pet-community .pet-relation-add:hover{background:color-mix(in srgb, var(--pet-social-accent) 10%, transparent)}.pet-community .pet-relation-editor-submit>button,.pet-community .pet-relation-request-actions button,.pet-community .pet-relation-pending article>button{font:600 12px/1.3 ui-sans-serif,system-ui,sans-serif}.pet-community button:focus-visible{outline:2px solid var(--pet-social-accent);outline-offset:3px}.pet-community.pet-bonds-panel .pet-relation-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),220px));align-items:stretch;gap:14px;margin-top:0;display:grid}.pet-community.pet-bonds-panel .pet-relation-list>article{--bond-accent:var(--pet-social-accent);border:1px solid color-mix(in srgb, var(--bond-accent) 23%, transparent);background:linear-gradient(150deg, color-mix(in srgb, var(--bond-accent) 8%, transparent), #08050e47);border-radius:12px;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.pet-community.pet-bonds-panel .pet-relation-list>article.relation-love{--bond-accent:#d982a4}.pet-community.pet-bonds-panel .pet-relation-list>article.relation-enemy{--bond-accent:#d09770}.pet-community.pet-bonds-panel .pet-relation-main{min-height:100%;color:var(--pet-social-ink);flex-direction:column;align-items:stretch;gap:10px;padding:12px;text-decoration:none;display:flex}.pet-community.pet-bonds-panel .pet-relation-kind{width:fit-content;max-width:calc(100% - 24px);min-height:28px;color:var(--bond-accent);background:color-mix(in srgb, var(--bond-accent) 9%, transparent);letter-spacing:0;text-transform:none;border-radius:8px;align-self:flex-start;align-items:center;gap:5px;margin:0;padding:4px 7px;font:600 12px/1.3 ui-sans-serif,system-ui,sans-serif;display:flex}.pet-community.pet-bonds-panel .pet-relation-kind svg{flex:none}.pet-community.pet-bonds-panel .pet-relation-main>img{aspect-ratio:1;object-fit:cover;border:1px solid color-mix(in srgb, var(--bond-accent) 18%, transparent);background:#100b19;border-radius:8px;width:100%;height:auto;display:block}.pet-community.pet-bonds-panel .pet-relation-main>div{min-width:0}.pet-community.pet-bonds-panel .pet-relation-main strong,.pet-community.pet-bonds-panel .pet-relation-main small,.pet-community.pet-bonds-panel .pet-relation-main em{overflow-wrap:anywhere;white-space:normal;text-overflow:clip;display:block;overflow:visible}.pet-community.pet-bonds-panel .pet-relation-main strong{color:var(--pet-social-ink);font-size:20px;line-height:1.2}.pet-community.pet-bonds-panel .pet-relation-main small{color:var(--pet-social-muted);margin-top:5px;font-size:14px;line-height:1.35}.pet-community.pet-bonds-panel .pet-relation-main em{color:var(--pet-social-muted);margin-top:4px;font:500 12px/1.35 ui-sans-serif,system-ui,sans-serif}.pet-community.pet-bonds-panel .pet-relation-main:hover{background:color-mix(in srgb, var(--bond-accent) 5%, transparent)}.pet-community.pet-bonds-panel .pet-relation-main:focus-visible{outline:2px solid var(--bond-accent);outline-offset:-3px;border-radius:11px}.pet-community.pet-bonds-panel .pet-relation-list>article>button{width:28px;height:28px;color:var(--pet-social-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:7px}.pet-community.pet-bonds-panel .pet-relation-empty{border:1px dashed var(--pet-social-line);color:var(--pet-social-muted);text-align:center;border-radius:8px;margin:0;padding:18px;font-size:14px}.pet-community.pet-bonds-panel .pet-community-message{margin-bottom:14px}@media (width<=560px){.pet-community .pet-reaction-bar button{min-width:36px;height:36px}.pet-community .pet-reaction-bar .reaction-details{left:0;right:auto}.pet-community .pet-relation-add{justify-self:start;min-height:40px}.pet-community.pet-bonds-panel .pet-relation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=440px){.pet-community.pet-bonds-panel .pet-relation-list{grid-template-columns:minmax(0,260px)}}