.dop-family{background:transparent}.dop-family__body{display:flex;flex-direction:column;gap:var(--dop-s-11)}.dop-family__head{display:flex;flex-direction:column;gap:var(--dop-s-2)}.dop-family__intro{display:flex;flex-direction:column;gap:var(--dop-s-1)}.dop-family .dop-stag{margin-bottom:0}.dop-family__sub{color:var(--dop-ink)}.dop-family__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dop-s-8)}.dop-family__card{--dop-family-border: var(--dop-line);--dop-family-role: var(--dop-navy);background:var(--dop-white);border:var(--dop-bw) solid var(--dop-family-border);border-radius:var(--dop-r-3xl);padding:var(--dop-s-7) var(--dop-s-6) var(--dop-s-9);text-align:center;box-shadow:var(--dop-shadow-char-card);transition:transform var(--dop-dur) var(--dop-ease)}.dop-family__card:hover{transform:translateY(-.3125rem)}.dop-family__card--raccy{--dop-family-border: var(--dop-char-raccy);--dop-family-role: var(--dop-navy)}.dop-family__card--pip{--dop-family-border: var(--dop-char-pip);--dop-family-role: var(--dop-yellow-ink)}.dop-family__card--nomi{--dop-family-border: var(--dop-char-nomi);--dop-family-role: var(--dop-green-ink)}.dop-family__card--doro{--dop-family-border: var(--dop-char-doro);--dop-family-role: var(--dop-coral-ink)}.dop-family__card--oma{--dop-family-border: var(--dop-char-oma);--dop-family-role: var(--dop-lilac-ink)}.dop-family__card--momo{--dop-family-border: var(--dop-char-momo);--dop-family-role: var(--dop-pink-ink)}.dop-family__img{width:7.75rem;height:7.75rem;object-fit:contain;filter:var(--dop-drop-char);margin-inline:auto}.dop-family__name{font-size:var(--dop-t-h5);line-height:var(--dop-lh-body);letter-spacing:.03125rem;margin-top:var(--dop-s-1)}.dop-family__role{font-family:var(--dop-font-display);font-weight:700;font-size:var(--dop-t-label);color:var(--dop-family-role);margin:.125rem 0 var(--dop-s-2)}.dop-family__desc{font-size:var(--dop-t-caption);color:var(--dop-ink);line-height:1.5}@media(max-width:47.5em){.dop-family__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:27.5em){.dop-family__grid{gap:var(--dop-s-5)}.dop-family__img{width:6.5rem;height:6.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dop-section-family.css.map */