.db-breed{--db-surface: rgba(var(--color-foreground), .035);--db-surface-2: rgba(var(--color-foreground), .055);--db-border-soft: rgba(var(--color-foreground), .14);--db-shadow: 0 18px 55px rgba(var(--color-foreground), .12);--db-shadow-2: 0 14px 40px rgba(var(--color-foreground), .1);--db-male: var(--db-accent, #2F6BFF);--db-female: #b58bff;--db-radius-card: clamp(16px, var(--db-radius, 10px), 24px);--db-radius-chip: 12px}@supports (color: color-mix(in srgb,white,black)){.db-breed{--db-female: color-mix(in srgb, var(--db-accent, #2F6BFF) 22%, #b58bff)}}.db-breed .db-sexGrid{width:min(760px,100%);margin:6px auto 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;border-radius:var(--db-radius-card);border:1px solid var(--db-border-soft);overflow:hidden;position:relative;isolation:isolate;transform:translateZ(0);contain:paint;--db-ringW: 62%;--db-grid: 26px;--db-gridA: .02;--db-gridB: .015;background:radial-gradient(700px 240px at 50% 0%,rgba(255,255,255,.1),transparent 62%),linear-gradient(180deg,#ffffff16,#ffffff05),repeating-linear-gradient(90deg,rgba(255,255,255,var(--db-gridA)) 0 1px,transparent 1px var(--db-grid)),repeating-linear-gradient(0deg,rgba(255,255,255,var(--db-gridB)) 0 1px,transparent 1px var(--db-grid)),var(--db-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--db-shadow),inset 0 0 0 1px var(--db-border-soft);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,--db-ringW .18s ease}@supports (background: conic-gradient(from 210deg,red,blue)) and (color: color-mix(in srgb,white,black)){.db-breed .db-sexGrid{border:1px solid transparent;background:radial-gradient(700px 240px at 50% 0%,rgba(255,255,255,.1),transparent 62%) padding-box,linear-gradient(180deg,#ffffff16,#ffffff05) padding-box,repeating-linear-gradient(90deg,rgba(255,255,255,var(--db-gridA)) 0 1px,transparent 1px var(--db-grid)) padding-box,repeating-linear-gradient(0deg,rgba(255,255,255,var(--db-gridB)) 0 1px,transparent 1px var(--db-grid)) padding-box,var(--db-surface) padding-box,conic-gradient(from 210deg,color-mix(in srgb,var(--db-male) var(--db-ringW),transparent),color-mix(in srgb,var(--db-female) var(--db-ringW),transparent),color-mix(in srgb,var(--db-male) var(--db-ringW),transparent)) border-box}}.db-breed .db-sexGrid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 22%),radial-gradient(700px 220px at 50% -10%,rgba(255,255,255,.1),transparent 60%);opacity:.55;mix-blend-mode:screen}.db-breed .db-sexGrid:hover{transform:translateY(-2px);box-shadow:0 26px 75px rgba(var(--color-foreground),.16),inset 0 0 0 1px color-mix(in srgb,var(--db-border-soft) 55%,white 45%);filter:saturate(1.06);--db-ringW: 88%}.db-breed .db-sexGrid:focus-within{--db-ringW: 92%;box-shadow:0 0 0 3px color-mix(in srgb,var(--db-male) 25%,transparent),0 0 0 6px color-mix(in srgb,var(--db-female) 18%,transparent),var(--db-shadow),inset 0 0 0 1px var(--db-border-soft)}.db-breed.db-js .db-breed-section--physical .db-sexGrid{opacity:0;transform:translateY(10px);transition:opacity .52s ease,transform .82s cubic-bezier(.2,.9,.1,1);transition-delay:40ms}.db-breed.db-js .db-breed-section--physical.db-inview .db-sexGrid{opacity:1;transform:none}.db-breed .db-sexCard{position:relative;padding:18px 18px 20px;display:grid;gap:14px;align-content:start;isolation:isolate;background:transparent;border:0}.db-breed .db-sexCard+.db-sexCard{border-left:1px solid var(--db-border-soft)}.db-breed .db-sexCard--male{--db-sex-accent: var(--db-male)}.db-breed .db-sexCard--female{--db-sex-accent: var(--db-female)}.db-breed .db-sexCard:before{content:"";position:absolute;left:14px;right:14px;top:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--db-sex-accent) 55%,transparent),transparent);opacity:.55;pointer-events:none}.db-breed .db-sexCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.85;transition:opacity .18s ease,transform .18s ease;z-index:-1;filter:saturate(1.05)}.db-breed .db-sexCard--male:after{background:radial-gradient(440px 260px at 0% 50%,color-mix(in srgb,var(--db-sex-accent) 22%,transparent),transparent 62%)}.db-breed .db-sexCard--female:after{background:radial-gradient(440px 260px at 100% 50%,color-mix(in srgb,var(--db-sex-accent) 22%,transparent),transparent 62%)}.db-breed .db-sexGrid:hover .db-sexCard:after{opacity:1;transform:translateY(-1px)}.db-breed .db-sexCard__title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading-family, var(--font-body-family, inherit));font-weight:830;letter-spacing:.01em;font-size:calc(var(--db-font-size, 15px) * 1.08);color:var(--db-text, currentColor)}.db-breed .db-sexCard__title:before{content:"";width:.7rem;height:.7rem;border-radius:999px;border:1px solid var(--db-border-soft);background:color-mix(in srgb,var(--db-sex-accent) 30%,transparent 70%);box-shadow:0 0 0 3px color-mix(in srgb,var(--db-sex-accent) 10%,transparent 90%)}.db-breed .db-sexCard__rows{display:grid;gap:14px;padding-top:2px}.db-breed .db-rangeMetric{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0;border-bottom:0}.db-breed .db-rangeMetric__label{font-size:calc(var(--db-font-size, 15px) * .76);letter-spacing:.08em;text-transform:uppercase;color:var(--db-muted, #5B6068);font-weight:650;line-height:1.1}.db-breed .db-rangeMetric__value{position:relative;display:inline-flex;align-items:baseline;gap:.25rem;padding:.38rem .6rem;border-radius:var(--db-radius-chip);border:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.03);font-variant-numeric:tabular-nums;font-weight:780;line-height:1.1;box-shadow:inset 0 1px #ffffff38;transition:border-color .16s ease,background .16s ease,transform .16s ease;transform:translateZ(0)}.db-breed .db-sexGrid:hover .db-rangeMetric__value{border-color:color-mix(in srgb,var(--db-sex-accent) 22%,rgba(var(--color-foreground),.12));background:rgba(var(--color-foreground),.035)}.db-breed .db-rangeMetric__num{font-family:var(--font-heading-family, var(--font-body-family, inherit));font-size:calc(var(--db-number-size, 14px) * 1.12);line-height:1.1;color:var(--db-text, currentColor)}.db-breed .db-rangeMetric__dash{width:auto;height:auto;top:0;background:none;opacity:1;transform:none!important;position:static}.db-breed .db-rangeMetric__dash:before{content:"\2013";opacity:.65;padding:0 .08rem}.db-breed .db-rangeMetric__unit{font-size:calc(var(--db-font-size, 15px) * .8);line-height:1.1;opacity:.75;font-weight:720;margin-left:.12rem;color:var(--db-muted, #5B6068)}.db-breed.db-js .db-breed-section--physical .db-rangeMetric__num{opacity:0;transform:translateY(6px);transition:opacity .42s ease,transform .7s cubic-bezier(.2,.9,.1,1);transition-delay:calc(var(--db-delay, 0ms) + 40ms)}.db-breed.db-js .db-breed-section--physical.db-inview .db-rangeMetric__num{opacity:1;transform:none}.db-breed .db-rangeMetric__num[data-db-count-done=animating]{color:color-mix(in srgb,var(--db-sex-accent) 82%,var(--db-text, currentColor) 18%);transform:translateY(-1px);text-shadow:0 0 14px color-mix(in srgb,var(--db-sex-accent) 35%,transparent 65%)}.db-breed .db-breed-metric--measure{width:min(380px,100%);margin:0 auto 14px;border-radius:clamp(14px,calc(var(--db-radius, 10px) + 4px),18px);border:1px solid var(--db-border-soft);background:radial-gradient(420px 160px at 50% 0%,rgba(255,255,255,.11),transparent 70%),linear-gradient(180deg,#ffffff17,#ffffff05),var(--db-surface-2);box-shadow:var(--db-shadow-2),inset 0 0 0 1px var(--db-border-soft);padding:12px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}@supports (background: conic-gradient(from 220deg,red,blue)) and (color: color-mix(in srgb,white,black)){.db-breed .db-breed-metric--measure{border:1px solid transparent;background:radial-gradient(420px 160px at 50% 0%,rgba(255,255,255,.11),transparent 70%) padding-box,linear-gradient(180deg,#ffffff17,#ffffff05) padding-box,var(--db-surface-2) padding-box,conic-gradient(from 220deg,color-mix(in srgb,rgba(255,255,255,.28) 52%,transparent),color-mix(in srgb,var(--db-male) 64%,transparent),color-mix(in srgb,var(--db-female) 64%,transparent),color-mix(in srgb,rgba(255,255,255,.28) 52%,transparent)) border-box}}.db-breed .db-breed-metric--measure:hover{transform:translateY(-1px);box-shadow:0 18px 55px rgba(var(--color-foreground),.14),inset 0 0 0 1px color-mix(in srgb,var(--db-border-soft) 55%,white 45%);filter:saturate(1.04)}.db-breed .db-breed-metric--measure .db-breed-metric__label{font-size:calc(var(--db-font-size, 15px) * .76);letter-spacing:.08em;text-transform:uppercase;color:var(--db-muted, #5B6068);font-weight:650;white-space:nowrap;line-height:1.1;margin:0}.db-breed .db-breed-metric--measure .db-breed-metric__value{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.25rem;padding:.38rem .6rem;border-radius:var(--db-radius-chip);border:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.03);font-variant-numeric:tabular-nums;line-height:1.1;min-width:0}.db-breed .db-breed-metric--measure{--db-sex-accent: color-mix(in srgb, var(--db-text, currentColor) 86%, var(--db-accent, #2F6BFF) 14%)}@media (max-width: 560px){.db-breed .db-sexGrid{grid-template-columns:1fr}.db-breed .db-sexCard+.db-sexCard{border-left:0;border-top:1px solid var(--db-border-soft)}.db-breed .db-sexCard--male:after{background:radial-gradient(440px 260px at 50% 20%,color-mix(in srgb,var(--db-male) 18%,transparent),transparent 62%)}.db-breed .db-sexCard--female:after{background:radial-gradient(440px 260px at 50% 20%,color-mix(in srgb,var(--db-female) 18%,transparent),transparent 62%)}}@media (prefers-reduced-motion: reduce){.db-breed .db-sexGrid,.db-breed .db-sexCard:after,.db-breed .db-rangeMetric__num,.db-breed .db-breed-metric--measure,.db-breed .db-rangeMetric__value{transition:none!important}.db-breed .db-sexGrid:hover,.db-breed .db-breed-metric--measure:hover{transform:none;filter:none}.db-breed .db-rangeMetric__num[data-db-count-done=animating]{transform:none;text-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/DB-weight.css.map */