#pet-records .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#pet-records .pointer-events-none{pointer-events:none}#pet-records .visible{visibility:visible}#pet-records .static{position:static}#pet-records .fixed{position:fixed}#pet-records .absolute{position:absolute}#pet-records .relative{position:relative}#pet-records .sticky{position:sticky}#pet-records .inset-0{inset:var(--space-0)}#pet-records .-inset-y-0\.5{top:-.125rem;bottom:-.125rem}#pet-records .inset-x-0{left:var(--space-0);right:var(--space-0)}#pet-records .inset-y-0{top:var(--space-0);bottom:var(--space-0)}#pet-records .bottom-0{bottom:var(--space-0)}#pet-records .bottom-2{bottom:var(--space-2)}#pet-records .bottom-\[12\%\]{bottom:12%}#pet-records .end-0{inset-inline-end:var(--space-0)}#pet-records .left-0{left:var(--space-0)}#pet-records .left-\[21\%\]{left:21%}#pet-records .start-0{inset-inline-start:var(--space-0)}#pet-records .start-1\/2{inset-inline-start:50%}#pet-records .top-0{top:var(--space-0)}#pet-records .isolate{isolation:isolate}#pet-records .z-0{z-index:0}#pet-records .z-20{z-index:20}#pet-records .z-30{z-index:30}#pet-records .z-\[1\]{z-index:1}#pet-records .z-\[21\]{z-index:21}#pet-records .z-\[2\]{z-index:2}#pet-records .col-span-2{grid-column:span 2 / span 2}#pet-records .m-0{margin:var(--space-0)}#pet-records .-mx-4{margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1)}#pet-records .-my-1\.5{margin-top:-.375rem;margin-bottom:-.375rem}#pet-records .mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}#pet-records .mx-auto{margin-left:auto;margin-right:auto}#pet-records .mb-0\.5{margin-bottom:.125rem}#pet-records .mb-2{margin-bottom:var(--space-2)}#pet-records .mb-6{margin-bottom:var(--space-6)}#pet-records .mb-\[22px\]{margin-bottom:22px}#pet-records .mt-0\.5{margin-top:.125rem}#pet-records .mt-1{margin-top:var(--space-1)}#pet-records .mt-1\.5{margin-top:.375rem}#pet-records .mt-12{margin-top:var(--space-12)}#pet-records .mt-16{margin-top:var(--space-16)}#pet-records .mt-2{margin-top:var(--space-2)}#pet-records .mt-2\.5{margin-top:.625rem}#pet-records .mt-3{margin-top:var(--space-3)}#pet-records .mt-3\.5{margin-top:.875rem}#pet-records .mt-4{margin-top:var(--space-4)}#pet-records .mt-5{margin-top:var(--space-5)}#pet-records .mt-6{margin-top:var(--space-6)}#pet-records .mt-9{margin-top:2.25rem}#pet-records .mt-\[72px\]{margin-top:72px}#pet-records .mt-\[7px\]{margin-top:7px}#pet-records .mt-auto{margin-top:auto}#pet-records .block{display:block}#pet-records .flex{display:flex}#pet-records .inline-flex{display:inline-flex}#pet-records .table{display:table}#pet-records .grid{display:grid}#pet-records .hidden{display:none}#pet-records .aspect-\[4\/3\]{aspect-ratio:4/3}#pet-records .aspect-square{aspect-ratio:1 / 1}#pet-records .h-1\.5{height:.375rem}#pet-records .h-11{height:2.75rem}#pet-records .h-12{height:var(--space-12)}#pet-records .h-2{height:var(--space-2)}#pet-records .h-4{height:var(--space-4)}#pet-records .h-auto{height:auto}#pet-records .h-full{height:100%}#pet-records .min-h-11{min-height:2.75rem}#pet-records .min-h-6{min-height:var(--space-6)}#pet-records .min-h-\[1\.25rem\]{min-height:1.25rem}#pet-records .min-h-\[52px\]{min-height:52px}#pet-records .w-1\.5{width:.375rem}#pet-records .w-11{width:2.75rem}#pet-records .w-2{width:var(--space-2)}#pet-records .w-20{width:var(--space-20)}#pet-records .w-4{width:var(--space-4)}#pet-records .w-52{width:13rem}#pet-records .w-\[11\.33\%\]{width:11.33%}#pet-records .w-\[13\%\]{width:13%}#pet-records .w-\[19\%\]{width:19%}#pet-records .w-\[58\%\]{width:58%}#pet-records .w-\[calc\(100\%\+2rem\)\]{width:calc(100% + 2rem)}#pet-records .w-fit{width:-moz-fit-content;width:fit-content}#pet-records .w-full{width:100%}#pet-records .w-px{width:1px}#pet-records .min-w-0{min-width:var(--space-0)}#pet-records .min-w-\[760px\]{min-width:760px}#pet-records .max-w-\[230px\]{max-width:230px}#pet-records .max-w-\[62ch\]{max-width:62ch}#pet-records .max-w-\[70ch\]{max-width:70ch}#pet-records .max-w-\[720px\]{max-width:720px}#pet-records .max-w-\[760px\]{max-width:760px}#pet-records .max-w-\[920px\]{max-width:920px}#pet-records .max-w-none{max-width:none}#pet-records .flex-1{flex:1 1 0%}#pet-records .flex-none{flex:none}#pet-records .table-fixed{table-layout:fixed}#pet-records .border-collapse{border-collapse:collapse}#pet-records .-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#pet-records .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#pet-records .-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}#pet-records .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}#pet-records .cursor-pointer{cursor:pointer}#pet-records .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}#pet-records .resize{resize:both}#pet-records .scroll-mb-4{scroll-margin-bottom:var(--space-4)}#pet-records .scroll-mt-20{scroll-margin-top:var(--space-20)}#pet-records .list-none{list-style-type:none}#pet-records .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}#pet-records .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#pet-records .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#pet-records .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}#pet-records .grid-cols-\[44px_1fr_38px\]{grid-template-columns:44px 1fr 38px}#pet-records .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}#pet-records .grid-rows-subgrid{grid-template-rows:subgrid}#pet-records .flex-col{flex-direction:column}#pet-records .flex-wrap{flex-wrap:wrap}#pet-records .place-items-center{place-items:center}#pet-records .content-start{align-content:flex-start}#pet-records .items-start{align-items:flex-start}#pet-records .items-center{align-items:center}#pet-records .items-baseline{align-items:baseline}#pet-records .justify-center{justify-content:center}#pet-records .justify-between{justify-content:space-between}#pet-records .justify-items-center{justify-items:center}#pet-records .gap-1{gap:var(--space-1)}#pet-records .gap-1\.5{gap:.375rem}#pet-records .gap-10{gap:var(--space-10)}#pet-records .gap-16{gap:var(--space-16)}#pet-records .gap-2{gap:var(--space-2)}#pet-records .gap-2\.5{gap:.625rem}#pet-records .gap-3{gap:var(--space-3)}#pet-records .gap-3\.5{gap:.875rem}#pet-records .gap-4{gap:var(--space-4)}#pet-records .gap-7{gap:1.75rem}#pet-records .gap-\[5px\]{gap:5px}#pet-records .gap-\[72px\]{gap:72px}#pet-records .gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}#pet-records .gap-x-2{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}#pet-records .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}#pet-records .gap-x-4{-moz-column-gap:var(--space-4);column-gap:var(--space-4)}#pet-records .gap-y-0\.5{row-gap:.125rem}#pet-records .gap-y-1{row-gap:var(--space-1)}#pet-records .gap-y-2\.5{row-gap:.625rem}#pet-records :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(var(--space-1) * var(--tw-space-x-reverse));margin-left:calc(var(--space-1) * calc(1 - var(--tw-space-x-reverse)))}#pet-records :is(.divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}#pet-records :is(.divide-subtle>:not([hidden])~:not([hidden])){border-color:hsl(var(--border-subtle))}#pet-records .self-start{align-self:flex-start}#pet-records .self-end{align-self:flex-end}#pet-records .overflow-hidden{overflow:hidden}#pet-records .overflow-visible{overflow:visible}#pet-records .overflow-x-auto{overflow-x:auto}#pet-records .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pet-records .whitespace-normal{white-space:normal}#pet-records .whitespace-nowrap{white-space:nowrap}#pet-records .rounded{border-radius:.25rem}#pet-records .rounded-\[10px\]{border-radius:10px}#pet-records .rounded-\[3px\]{border-radius:3px}#pet-records .rounded-\[4px\]{border-radius:4px}#pet-records .rounded-full{border-radius:var(--radius-full)}#pet-records .rounded-lg{border-radius:var(--radius-lg)}#pet-records .rounded-md{border-radius:var(--radius-md)}#pet-records .rounded-none{border-radius:0}#pet-records .border{border-width:1px}#pet-records .border-2{border-width:2px}#pet-records .border-\[1\.5px\]{border-width:1.5px}#pet-records .border-x-0{border-left-width:0px;border-right-width:0px}#pet-records .border-y{border-top-width:1px;border-bottom-width:1px}#pet-records .border-b-2{border-bottom-width:2px}#pet-records .border-r-2{border-right-width:2px}#pet-records .border-s-2{border-inline-start-width:2px}#pet-records .border-t{border-top-width:1px}#pet-records .border-dashed{border-style:dashed}#pet-records .border-brand-gold{border-color:hsl(var(--brand-gold))}#pet-records .border-brand-gold-border{border-color:hsl(var(--brand-gold-border))}#pet-records .border-fg-tertiary{border-color:hsl(var(--fg-tertiary))}#pet-records .border-medium{border-color:hsl(var(--border-medium))}#pet-records .border-semantic-warning-border{border-color:hsl(var(--semantic-warning-border))}#pet-records .border-subtle{border-color:hsl(var(--border-subtle))}#pet-records .border-transparent{border-color:transparent}#pet-records .bg-\[hsl\(var\(--border-strong\)\)\]{background-color:hsl(var(--border-strong))}#pet-records .bg-background{background-color:hsl(var(--surface-primary))}#pet-records .bg-background\/90{background-color:hsl(var(--surface-primary) / .9)}#pet-records .bg-brand-blue{background-color:hsl(var(--brand-blue))}#pet-records .bg-brand-gold{background-color:hsl(var(--brand-gold))}#pet-records .bg-fg-tertiary{background-color:hsl(var(--fg-tertiary))}#pet-records .bg-muted{background-color:hsl(var(--surface-secondary))}#pet-records .bg-semantic-warning-bg{background-color:hsl(var(--semantic-warning-bg))}#pet-records .bg-surface-primary{background-color:hsl(var(--surface-primary))}#pet-records .bg-surface-primary\/80{background-color:hsl(var(--surface-primary) / .8)}#pet-records .bg-surface-secondary{background-color:hsl(var(--surface-secondary))}#pet-records .bg-surface-tertiary{background-color:hsl(var(--surface-tertiary))}#pet-records .bg-transparent{background-color:transparent}#pet-records .bg-\[linear-gradient\(180deg\,hsl\(var\(--brand-gold-bg\)\/0\.6\)\,hsl\(var\(--surface-secondary\)\)_45\%\)\]{background-image:linear-gradient(180deg,hsl(var(--brand-gold-bg)/.6),hsl(var(--surface-secondary)) 45%)}#pet-records .bg-\[linear-gradient\(hsl\(var\(--surface-tertiary\)\)\,hsl\(var\(--surface-primary\)\)\)\]{background-image:linear-gradient(hsl(var(--surface-tertiary)),hsl(var(--surface-primary)))}#pet-records .bg-\[radial-gradient\(120\%_90\%_at_50\%_0\%\,hsl\(var\(--surface-tertiary\)\)\,hsl\(var\(--surface-primary\)\)_70\%\)\]{background-image:radial-gradient(120% 90% at 50% 0%,hsl(var(--surface-tertiary)),hsl(var(--surface-primary)) 70%)}#pet-records .fill-brand-blue{fill:hsl(var(--brand-blue))}#pet-records .fill-brand-gold{fill:hsl(var(--brand-gold))}#pet-records .fill-fg-secondary{fill:hsl(var(--fg-secondary))}#pet-records .fill-fg-tertiary{fill:hsl(var(--fg-tertiary))}#pet-records .stroke-border{stroke:hsl(var(--border-medium))}#pet-records .stroke-brand-blue{stroke:hsl(var(--brand-blue))}#pet-records .stroke-brand-gold{stroke:hsl(var(--brand-gold))}#pet-records .stroke-fg-primary{stroke:hsl(var(--fg-primary))}#pet-records .stroke-fg-secondary{stroke:hsl(var(--fg-secondary))}#pet-records .stroke-fg-tertiary{stroke:hsl(var(--fg-tertiary))}#pet-records .stroke-surface-primary{stroke:hsl(var(--surface-primary))}#pet-records .object-cover{-o-object-fit:cover;object-fit:cover}#pet-records .p-2{padding:var(--space-2)}#pet-records .p-3{padding:var(--space-3)}#pet-records .p-4{padding:var(--space-4)}#pet-records .p-\[18px\]{padding:18px}#pet-records .px-1{padding-left:var(--space-1);padding-right:var(--space-1)}#pet-records .px-1\.5{padding-left:.375rem;padding-right:.375rem}#pet-records .px-2{padding-left:var(--space-2);padding-right:var(--space-2)}#pet-records .px-2\.5{padding-left:.625rem;padding-right:.625rem}#pet-records .px-3{padding-left:var(--space-3);padding-right:var(--space-3)}#pet-records .px-3\.5{padding-left:.875rem;padding-right:.875rem}#pet-records .px-4{padding-left:var(--space-4);padding-right:var(--space-4)}#pet-records .px-5{padding-left:var(--space-5);padding-right:var(--space-5)}#pet-records .px-\[5px\]{padding-left:5px;padding-right:5px}#pet-records .px-\[7px\]{padding-left:7px;padding-right:7px}#pet-records .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}#pet-records .py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}#pet-records .py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}#pet-records .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}#pet-records .py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}#pet-records .py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}#pet-records .py-7{padding-top:1.75rem;padding-bottom:1.75rem}#pet-records .py-\[2px\]{padding-top:2px;padding-bottom:2px}#pet-records .py-\[3px\]{padding-top:3px;padding-bottom:3px}#pet-records .pb-2{padding-bottom:var(--space-2)}#pet-records .pb-2\.5{padding-bottom:.625rem}#pet-records .pb-\[18px\]{padding-bottom:18px}#pet-records .pe-12{padding-inline-end:var(--space-12)}#pet-records .ps-3{padding-inline-start:var(--space-3)}#pet-records .ps-3\.5{padding-inline-start:.875rem}#pet-records .pt-0\.5{padding-top:.125rem}#pet-records .pt-1{padding-top:var(--space-1)}#pet-records .pt-11{padding-top:2.75rem}#pet-records .pt-5{padding-top:var(--space-5)}#pet-records .text-center{text-align:center}#pet-records .text-right{text-align:right}#pet-records .text-start{text-align:start}#pet-records .text-end{text-align:end}#pet-records .align-middle{vertical-align:middle}#pet-records .font-display{font-family:Chakra Petch,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#pet-records .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#pet-records .font-sans{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Noto Sans,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,Noto Sans Arabic,Noto Sans Hebrew,sans-serif}#pet-records .text-\[10\.5px\]{font-size:10.5px}#pet-records .text-\[10px\]{font-size:10px}#pet-records .text-\[11px\]{font-size:11px}#pet-records .text-\[12\.5px\]{font-size:12.5px}#pet-records .text-\[13\.5px\]{font-size:13.5px}#pet-records .text-\[13px\]{font-size:13px}#pet-records .text-\[14\.5px\]{font-size:14.5px}#pet-records .text-\[15\.5px\]{font-size:15.5px}#pet-records .text-\[15px\]{font-size:15px}#pet-records .text-\[17px\]{font-size:17px}#pet-records .text-\[22px\]{font-size:22px}#pet-records .text-\[26px\]{font-size:26px}#pet-records .text-\[30px\]{font-size:30px}#pet-records .text-\[34px\]{font-size:34px}#pet-records .text-\[44px\]{font-size:44px}#pet-records .text-\[clamp\(22px\,1vw\+17px\,30px\)\]{font-size:clamp(22px,1vw + 17px,30px)}#pet-records .text-\[clamp\(24px\,1\.2vw\+18px\,34px\)\]{font-size:clamp(24px,1.2vw + 18px,34px)}#pet-records .text-\[clamp\(24px\,1\.6vw\+18px\,38px\)\]{font-size:clamp(24px,1.6vw + 18px,38px)}#pet-records .text-\[clamp\(26px\,2\.2vw\+18px\,46px\)\]{font-size:clamp(26px,2.2vw + 18px,46px)}#pet-records .text-\[clamp\(27px\,2\.3vw\+17px\,46px\)\]{font-size:clamp(27px,2.3vw + 17px,46px)}#pet-records .text-\[clamp\(27px\,2\.3vw\+17px\,48px\)\]{font-size:clamp(27px,2.3vw + 17px,48px)}#pet-records .text-base{font-size:1rem;line-height:1.5rem}#pet-records .text-lg{font-size:1.125rem;line-height:1.75rem}#pet-records .text-sm{font-size:.875rem;line-height:1.25rem}#pet-records .text-xl{font-size:1.25rem;line-height:1.75rem}#pet-records .text-xs{font-size:.75rem;line-height:1rem}#pet-records .font-bold{font-weight:var(--font-bold)}#pet-records .font-medium{font-weight:var(--font-medium)}#pet-records .font-normal{font-weight:400}#pet-records .font-semibold{font-weight:var(--font-semibold)}#pet-records .uppercase{text-transform:uppercase}#pet-records .ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#pet-records .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#pet-records .leading-\[1\.08\]{line-height:1.08}#pet-records .leading-none{line-height:1}#pet-records .leading-normal{line-height:1.5}#pet-records .leading-relaxed{line-height:1.625}#pet-records .leading-snug{line-height:1.375}#pet-records .leading-tight{line-height:1.25}#pet-records .tracking-\[-0\.01em\]{letter-spacing:-.01em}#pet-records .tracking-\[0\.03em\]{letter-spacing:.03em}#pet-records .tracking-\[0\.06em\]{letter-spacing:.06em}#pet-records .tracking-\[0\.08em\]{letter-spacing:.08em}#pet-records .tracking-\[0\.12em\]{letter-spacing:.12em}#pet-records .tracking-\[0\.14em\]{letter-spacing:.14em}#pet-records .tracking-\[0\.1em\]{letter-spacing:.1em}#pet-records .tracking-\[0\.22em\]{letter-spacing:.22em}#pet-records .tracking-normal{letter-spacing:0em}#pet-records .text-brand-blue{color:hsl(var(--brand-blue))}#pet-records .text-brand-gold{color:hsl(var(--brand-gold))}#pet-records .text-fg-inverse{color:hsl(var(--fg-inverse))}#pet-records .text-fg-link{color:hsl(var(--fg-link))}#pet-records .text-fg-primary{color:hsl(var(--fg-primary))}#pet-records .text-fg-secondary{color:hsl(var(--fg-secondary))}#pet-records .text-fg-tertiary,#pet-records .text-muted-foreground{color:hsl(var(--fg-tertiary))}#pet-records .text-muted-foreground\/50{color:hsl(var(--fg-tertiary) / .5)}#pet-records .text-semantic-error{color:hsl(var(--semantic-error))}#pet-records .text-tier-1-text{color:hsl(var(--tier-1-text))}#pet-records .underline{text-decoration-line:underline}#pet-records .no-underline{text-decoration-line:none}#pet-records .decoration-fg-tertiary{text-decoration-color:hsl(var(--fg-tertiary))}#pet-records .decoration-dotted{text-decoration-style:dotted}#pet-records .underline-offset-4{text-underline-offset:4px}#pet-records .opacity-\[0\.13\]{opacity:.13}#pet-records .shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#pet-records .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#pet-records .backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#pet-records .transition-\[filter\,background-color\]{transition-property:filter,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#pet-records .transition-\[filter\]{transition-property:filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#pet-records .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#pet-records .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#pet-records .duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}#pet-records .duration-200{animation-duration:.2s}#pet-records .\[filter\:brightness\(0\)_invert\(1\)\]{filter:brightness(0) invert(1)}#pet-records .\[scrollbar-width\:none\]{scrollbar-width:none}#pet-records .\[text-wrap\:balance\]{text-wrap:balance}#pet-records .placeholder\:text-fg-tertiary::-moz-placeholder{color:hsl(var(--fg-tertiary))}#pet-records .placeholder\:text-fg-tertiary::placeholder{color:hsl(var(--fg-tertiary))}#pet-records .hover\:border-brand-gold-border:hover{border-color:hsl(var(--brand-gold-border))}#pet-records .hover\:border-medium:hover{border-color:hsl(var(--border-medium))}#pet-records .hover\:border-strong:hover{border-color:hsl(var(--border-strong))}#pet-records .hover\:bg-brand-blue-hover:hover{background-color:hsl(var(--brand-blue-hover))}#pet-records .hover\:bg-surface-secondary:hover{background-color:hsl(var(--surface-secondary))}#pet-records .hover\:bg-surface-tertiary:hover{background-color:hsl(var(--surface-tertiary))}#pet-records .hover\:text-brand-blue:hover{color:hsl(var(--brand-blue))}#pet-records .hover\:text-fg-link-hover:hover{color:hsl(var(--fg-link-hover))}#pet-records .hover\:text-fg-primary:hover{color:hsl(var(--fg-primary))}#pet-records .hover\:underline:hover{text-decoration-line:underline}#pet-records .hover\:brightness-105:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#pet-records .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}#pet-records .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#pet-records .focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--border-focus)) }#pet-records .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px }#pet-records .focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--surface-primary)) }#pet-records :is(.group[open] .group-open\:rotate-45){--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#pet-records :is(.group:hover .group-hover\:scale-\[1\.03\]){--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#pet-records :is(.group:hover .group-hover\:text-fg-link){color:hsl(var(--fg-link))}#pet-records :is(.group:hover .group-hover\:text-fg-link-hover){color:hsl(var(--fg-link-hover))}#pet-records :is(.group:hover .group-hover\:underline){text-decoration-line:underline}#pet-records :is(.group:hover .group-hover\:brightness-110){--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#pet-records .aria-expanded\:text-fg-primary[aria-expanded=true]{color:hsl(var(--fg-primary))}#pet-records .aria-\[invalid\=true\]\:border-semantic-error[aria-invalid=true]{border-color:hsl(var(--semantic-error))}@media(prefers-reduced-motion:reduce){#pet-records .motion-reduce\:transition-none{transition-property:none}}#pet-records .dark\:text-fg-inverse:is(.dark *){color:hsl(var(--fg-inverse))}#pet-records .dark\:text-fg-tertiary:is(.dark *){color:hsl(var(--fg-tertiary))}#pet-records .dark\:text-tier-1-text:is(.dark *){color:hsl(var(--tier-1-text))}@media(max-width:899px){#pet-records .max-\[899px\]\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@media not all and (min-width:768px){#pet-records .max-md\:sticky{position:sticky}#pet-records .max-md\:start-0{inset-inline-start:var(--space-0)}#pet-records .max-md\:z-\[1\]{z-index:1}#pet-records .max-md\:order-1{order:1}#pet-records .max-md\:order-2{order:2}#pet-records .max-md\:scroll-mb-24{scroll-margin-bottom:var(--space-24)}#pet-records .max-md\:bg-surface-secondary{background-color:hsl(var(--surface-secondary))}}@media(max-width:520px){#pet-records .max-\[520px\]\:max-w-none{max-width:none}#pet-records .max-\[520px\]\:grid-cols-\[34px_1fr_30px\]{grid-template-columns:34px 1fr 30px}#pet-records .max-\[520px\]\:gap-1{gap:var(--space-1)}#pet-records .max-\[520px\]\:gap-1\.5{gap:.375rem}#pet-records .max-\[520px\]\:text-\[11px\]{font-size:11px}}@media(max-width:374px){#pet-records .max-\[374px\]\:px-1{padding-left:var(--space-1);padding-right:var(--space-1)}#pet-records .max-\[374px\]\:text-\[10px\]{font-size:10px}#pet-records .max-\[374px\]\:text-\[13px\]{font-size:13px}#pet-records .max-\[374px\]\:text-\[22px\]{font-size:22px}}@media(min-width:640px){#pet-records .sm\:col-span-1{grid-column:span 1 / span 1}#pet-records .sm\:-mx-6{margin-left:calc(var(--space-6) * -1);margin-right:calc(var(--space-6) * -1)}#pet-records .sm\:mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}#pet-records .sm\:w-full{width:100%}#pet-records .sm\:max-w-full{max-width:100%}#pet-records .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#pet-records .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}#pet-records .sm\:grid-cols-\[200px_260px_max-content\]{grid-template-columns:200px 260px max-content}#pet-records .sm\:items-end{align-items:flex-end}#pet-records .sm\:rounded-\[10px\]{border-radius:10px}#pet-records .sm\:border-x{border-left-width:1px;border-right-width:1px}#pet-records .sm\:p-\[18px\]{padding:18px}#pet-records .sm\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}#pet-records .sm\:text-\[11px\]{font-size:11px}#pet-records .sm\:text-\[12\.5px\]{font-size:12.5px}#pet-records .sm\:text-base{font-size:1rem;line-height:1.5rem}#pet-records .sm\:text-xs{font-size:.75rem;line-height:1rem}#pet-records .sm\:tracking-\[0\.12em\]{letter-spacing:.12em}}@media(min-width:768px){#pet-records .md\:col-span-2{grid-column:span 2 / span 2}#pet-records .md\:mt-4{margin-top:var(--space-4)}#pet-records .md\:mt-8{margin-top:var(--space-8)}#pet-records .md\:block{display:block}#pet-records .md\:hidden{display:none}#pet-records .md\:max-w-\[42\.5rem\]{max-width:42.5rem}#pet-records .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#pet-records .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#pet-records .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:900px){#pet-records .min-\[900px\]\:col-start-1{grid-column-start:1}#pet-records .min-\[900px\]\:col-start-2{grid-column-start:2}#pet-records .min-\[900px\]\:row-span-2{grid-row:span 2 / span 2}#pet-records .min-\[900px\]\:row-span-3{grid-row:span 3 / span 3}#pet-records .min-\[900px\]\:row-start-1{grid-row-start:1}#pet-records .min-\[900px\]\:row-start-2{grid-row-start:2}#pet-records .min-\[900px\]\:grid{display:grid}#pet-records .min-\[900px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#pet-records .min-\[900px\]\:grid-cols-\[190px_1fr\]{grid-template-columns:190px 1fr}#pet-records .min-\[900px\]\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,8fr\)\]{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}#pet-records .min-\[900px\]\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}#pet-records .min-\[900px\]\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}#pet-records .min-\[900px\]\:content-start{align-content:flex-start}#pet-records .min-\[900px\]\:items-start{align-items:flex-start}#pet-records .min-\[900px\]\:gap-8{gap:var(--space-8)}#pet-records .min-\[900px\]\:gap-x-10{-moz-column-gap:var(--space-10);column-gap:var(--space-10)}#pet-records .min-\[900px\]\:gap-x-5{-moz-column-gap:var(--space-5);column-gap:var(--space-5)}#pet-records .min-\[900px\]\:gap-y-4{row-gap:var(--space-4)}#pet-records .min-\[900px\]\:pt-14{padding-top:3.5rem}#pet-records .min-\[900px\]\:pt-7{padding-top:1.75rem}}@media(min-width:1024px){#pet-records .lg\:-mx-8{margin-left:calc(var(--space-8) * -1);margin-right:calc(var(--space-8) * -1)}#pet-records .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#pet-records .lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}#pet-records .lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}}#pet-records .rtl\:rotate-\[135deg\]:where([dir=rtl],[dir=rtl] *){--tw-rotate: 135deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#pet-records .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}#pet-records .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}#pet-records :is(.\[\&_svg\]\:shrink-0 svg){flex-shrink:0}