.db-breed .db-breed-section--overall{text-align:center;border:1px solid var(--db-border,#D8DDE6);border-radius:calc(var(--db-radius,10px) + 6px);padding:16px 16px 18px;background:#00000005;--db-overall-cols: var(--db-overall-cols-desktop, auto-fit);--db-overall-label-size: var(--db-overall-label-desktop, calc(var(--db-font-size,15px) * .96));--db-overall-rank-size: var(--db-overall-rank-desktop, calc(var(--db-font-size,15px) * .92));--db-overall-grade-size: var(--db-overall-grade-desktop, calc(var(--db-number-size,14px) * 1.45));--db-overall-unit-size: var(--db-overall-unit-desktop, 11px)}.db-breed .db-overall-context{margin:0 0 var(--db-overall-context-mb-desktop,12px);display:flex;flex-direction:column;gap:var(--db-overall-context-gap-desktop,6px);color:var(--db-overall-context-color,var(--db-text,currentColor));font-size:var(--db-overall-context-size-desktop,15px);line-height:1.4}.db-breed .db-overall-context__text{margin:0}.db-breed .db-overall-context__link{color:var(--db-overall-context-link,var(--db-accent,#2F6BFF));text-decoration:underline;text-underline-offset:3px;font-weight:600}@media (max-width: 750px){.db-breed .db-overall-context{margin-bottom:var(--db-overall-context-mb-mobile,10px);gap:var(--db-overall-context-gap-mobile,6px);font-size:var(--db-overall-context-size-mobile,14px)}}@supports (background: color-mix(in srgb,black,white)){.db-breed .db-breed-section--overall{background:color-mix(in srgb,var(--db-text,currentColor) 4%,transparent)}}.db-breed .db-overall-grid{display:grid;grid-template-columns:repeat(var(--db-overall-cols, auto-fit),minmax(170px,1fr));gap:12px;justify-items:stretch;align-items:stretch}.db-breed .db-overall-item{width:100%;max-width:none;--db-text: rgba(255,255,255,.92);--db-muted: rgba(255,255,255,.72);--db-track: rgba(255,255,255,.18);--db-border: rgba(255,255,255,.2);--db-tile-bg: var(--db-overall-tile-bg, #071A33);--db-tile-bg2: var(--db-overall-tile-bg2, #0A2550);--db-tile-border: var(--db-overall-tile-border, rgba(255,255,255,.2));display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:10px;padding:14px 12px 12px;border:1px solid var(--db-tile-border);border-radius:calc(var(--db-radius,10px) + 4px);background:radial-gradient(520px 190px at 50% 0%,rgba(255,255,255,.1),transparent 65%),linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(180deg,var(--db-tile-bg2),var(--db-tile-bg));box-shadow:0 18px 50px #00000029;overflow:hidden;text-align:center;position:relative;isolation:isolate;transform:translateZ(0) scale(1);transition:transform .22s cubic-bezier(.2,.9,.1,1),box-shadow .22s cubic-bezier(.2,.9,.1,1),border-color .22s ease,filter .22s ease;will-change:transform}.db-breed .db-overall-item>*{position:relative;z-index:1}.db-breed .db-overall-item:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;transform:translateY(6px) scale(.985);transition:opacity .24s ease,transform .24s ease;background:radial-gradient(520px 240px at 50% 0%,rgba(255,255,255,.1),transparent 68%),radial-gradient(520px 240px at 50% 0%,color-mix(in srgb,var(--db-accent,#2F6BFF) 28%,transparent),transparent 70%)}.db-breed .db-overall-item:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;transform:translate(-140%);background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 62%)}@keyframes db-tile-sheen{0%{transform:translate(-140%)}to{transform:translate(140%)}}@media (hover:hover) and (pointer:fine){.db-breed .db-overall-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 26px 74px #00000038;border-color:#ffffff47;filter:saturate(1.05)}.db-breed .db-overall-item:hover:before{opacity:1;transform:translateY(0) scale(1)}.db-breed .db-overall-item:hover:after{opacity:1;animation:db-tile-sheen .9s ease}.db-breed .db-overall-item:hover .db-overall-item__label{transform:translateY(-1px);color:#fffffff5}.db-breed .db-overall-item:hover .db-overall-item__rank{background:#ffffff14;border-color:#ffffff2e;transform:translateY(1px)}.db-breed .db-overall-item:hover .db-ring{transform:scale(1.06)}.db-breed .db-overall-item:hover .db-ring__progress{filter:drop-shadow(0 0 2.5px color-mix(in srgb,var(--db-ring-color,var(--db-accent,#2F6BFF)) 55%,transparent))}}.db-breed.db-js .db-overall-item{opacity:0;transform:translateY(10px) scale(.985);transition:opacity .52s ease,transform .82s cubic-bezier(.2,.9,.1,1),box-shadow .22s cubic-bezier(.2,.9,.1,1),border-color .22s ease,filter .22s ease;transition-delay:calc(var(--db-i,0) * 45ms + 40ms)}.db-breed.db-js .db-inview .db-overall-item{opacity:1;transform:translateY(0) scale(1)}.db-breed .db-overall-item__label{font-weight:650;line-height:1.15;letter-spacing:-.01em;color:var(--db-text,currentColor);font-size:var(--db-overall-label-size, calc(var(--db-font-size,15px) * .96));transition:transform .22s cubic-bezier(.2,.9,.1,1),color .22s ease;text-shadow:0 10px 30px rgba(0,0,0,.18)}.db-breed .db-overall-item__rank{font-size:var(--db-overall-rank-size, calc(var(--db-font-size,15px) * .92));letter-spacing:.01em;color:#ffffffe0;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:transform .22s cubic-bezier(.2,.9,.1,1),background .22s ease,border-color .22s ease}.db-breed .db-ring{width:var(--db-ring-size,72px);height:var(--db-ring-size,72px);position:relative;display:inline-grid;place-items:center;transform:scale(1);transition:transform .22s cubic-bezier(.2,.9,.1,1)}.db-breed .db-ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.db-breed .db-ring__track,.db-breed .db-ring__progress{fill:transparent;stroke-width:var(--db-ring-stroke,6px)}.db-breed .db-ring__track{stroke:var(--db-track,rgba(255,255,255,.18));opacity:.95}.db-breed .db-ring.is-low{--db-ring-color:var(--db-low,#E44B4B)}.db-breed .db-ring.is-mid{--db-ring-color:var(--db-mid,#E6A700)}.db-breed .db-ring.is-high{--db-ring-color:var(--db-high,#1BAA6A)}.db-breed .db-ring.is-empty{--db-ring-color:var(--db-border,rgba(255,255,255,.2))}.db-breed .db-ring__progress{stroke:var(--db-ring-color,var(--db-accent,#2F6BFF));stroke-linecap:round;stroke-dasharray:var(--db-ring-circ,282.74);stroke-dashoffset:var(--db-ring-offset,var(--db-ring-circ,282.74));transition:stroke-dashoffset .95s cubic-bezier(.2,.9,.1,1);transition-delay:calc(var(--db-i,0) * 45ms + 40ms);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--db-ring-color,var(--db-accent,#2F6BFF)) 40%,transparent))}.db-breed.db-js .db-ring__progress{stroke-dashoffset:var(--db-ring-circ,282.74)}.db-breed.db-js .db-inview .db-ring__progress{stroke-dashoffset:var(--db-ring-offset,var(--db-ring-circ,282.74))}.db-breed .db-ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none;transform:scale(1)}.db-breed.db-js .db-ring__center{opacity:0;transform:scale(.96);transition:opacity .52s ease,transform .76s cubic-bezier(.2,.9,.1,1)}.db-breed.db-js .db-inview .db-ring__center{opacity:1;transform:scale(1);transition-delay:calc(var(--db-i,0) * 45ms + 40ms)}.db-breed .db-ring__num{font-family:var(--font-heading-family,var(--font-body-family,inherit));font-size:var(--db-overall-grade-size, calc(var(--db-number-size,14px) * 1.45));line-height:1;color:var(--db-ring-color,rgba(255,255,255,.92));font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 10px 28px rgba(0,0,0,.22)}.db-breed .db-ring__unit{font-size:var(--db-overall-unit-size, 11px);line-height:1.1;color:var(--db-muted,rgba(255,255,255,.72));margin-top:2px}@media (max-width: 750px){.db-breed .db-breed-section--overall{padding:14px 12px 16px;--db-overall-cols: var(--db-overall-cols-mobile, 2);--db-overall-label-size: var(--db-overall-label-mobile, calc(var(--db-font-size,15px) * .96));--db-overall-rank-size: var(--db-overall-rank-mobile, calc(var(--db-font-size,15px) * .92));--db-overall-grade-size: var(--db-overall-grade-mobile, calc(var(--db-number-size,14px) * 1.45));--db-overall-unit-size: var(--db-overall-unit-mobile, 11px)}.db-breed .db-overall-grid{grid-template-columns:repeat(var(--db-overall-cols, 2),minmax(0,1fr));gap:12px}.db-breed .db-overall-grid>.db-overall-item:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center}}@media (prefers-reduced-motion: reduce){.db-breed .db-overall-item{transition:none}.db-breed .db-overall-item:before,.db-breed .db-overall-item:after{transition:none;animation:none}.db-breed.db-js .db-overall-item{opacity:1;transform:none;transition:none}.db-breed .db-ring{transition:none}.db-breed .db-ring__progress{transition:none;filter:none}.db-breed.db-js .db-ring__progress{stroke-dashoffset:var(--db-ring-offset,var(--db-ring-circ,282.74))}.db-breed .db-ring__center{transition:none;opacity:1;transform:none}.db-breed.db-js .db-ring__center{opacity:1;transform:none}.db-breed .db-overall-item__label,.db-breed .db-overall-item__rank{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/DB-overall-rankings.css.map */