npm - @petnow/ui - Versions diffs - 3.0.2 → 3.0.4 - Mend

@petnow/ui 3.0.2 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.css +1 -1
package/package.json +5 -3
package/petnow-design-system-v1.css +823 -0

package/dist/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@import "https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.min.css" layer(base);@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-gray-200:oklch(92.8% .006 264.531);--color-black:#2c2f34;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-display-96-bold:"text-[96px] leading-normal tracking-[0] font-bold";--text-display-96-medium:"text-[96px] leading-normal tracking-[0] font-medium";--text-display-72-bold:"text-[72px] leading-normal tracking-[0] font-bold";--text-display-72-medium:"text-[72px] leading-normal tracking-[0] font-medium";--text-display-60-bold:"text-[60px] leading-normal tracking-[0] font-bold";--text-display-60-medium:"text-[60px] leading-normal tracking-[0] font-medium";--text-headline-48-bold:"text-[48px] leading-normal tracking-[0] font-bold";--text-headline-48-medium:"text-[48px] leading-normal tracking-[0] font-medium";--text-headline-48-regular:"text-[48px] leading-normal tracking-[0] font-normal";--text-headline-42-bold:"text-[42px] leading-normal tracking-[0] font-bold";--text-headline-42-medium:"text-[42px] leading-normal tracking-[0] font-medium";--text-headline-42-regular:"text-[42px] leading-normal tracking-[0] font-normal";--text-headline-36-bold:"text-[36px] leading-normal tracking-[0] font-bold";--text-headline-36-medium:"text-[36px] leading-normal tracking-[0] font-medium";--text-headline-36-regular:"text-[36px] leading-normal tracking-[0] font-normal";--text-title-28-bold:"text-[28px] leading-normal tracking-[0] font-bold";--text-title-28-medium:"text-[28px] leading-normal tracking-[0] font-medium";--text-title-28-regular:"text-[28px] leading-normal tracking-[0] font-normal";--text-title-24-bold:"text-[24px] leading-normal tracking-[0] font-bold";--text-title-24-medium:"text-[24px] leading-normal tracking-[0] font-medium";--text-title-24-regular:"text-[24px] leading-normal tracking-[0] font-normal";--text-title-20-bold:"text-[20px] leading-normal tracking-[0] font-bold";--text-title-20-medium:"text-[20px] leading-normal tracking-[0] font-medium";--text-title-20-regular:"text-[20px] leading-normal tracking-[0] font-normal";--text-title-18-bold:"text-[18px] leading-normal tracking-[0] font-bold";--text-title-18-medium:"text-[18px] leading-normal tracking-[0] font-medium";--text-title-18-regular:"text-[18px] leading-normal tracking-[0] font-normal";--text-title-16-bold:"text-[16px] leading-normal tracking-[0] font-bold";--text-title-14-bold:"text-[14px] leading-normal tracking-[0] font-bold";--text-body-16-medium:"text-[16px] leading-normal tracking-[0] font-medium";--text-body-16-regular:"text-[16px] leading-normal tracking-[0] font-normal";--text-body-14-medium:"text-[14px] leading-normal tracking-[0] font-medium";--text-body-14-regular:"text-[14px] leading-normal tracking-[0] font-normal";--text-body-12-bold:"text-[12px] leading-normal tracking-[0] font-bold";--text-caption-12-bold:"text-[12px] leading-normal tracking-[0] font-bold";--text-caption-12-medium:"text-[12px] leading-normal tracking-[0] font-medium";--text-caption-12-regular:"text-[12px] leading-normal tracking-[0] font-normal";--text-caption-11-medium:"text-[11px] leading-normal tracking-[0] font-medium";--text-caption-10-bold:"text-[10px] leading-normal tracking-[0] font-bold";--color-petnow-orange-80:#ffbdab;--color-petnow-orange-primary:#ff592c;--color-petnow-orange-secondary:#ffeeea;--color-petnow-grey-30:#42474d;--color-petnow-grey-70:#a8adb3;--color-petnow-grey-90:#e2e4e6;--color-petnow-grey-primary:#c5c8cd;--color-petnow-grey-secondary:#8b919a;--color-petnow-grey-tertiary:#585e67;--color-background-secondary:#f8f8f9;--color-background-tertiary:#f0f1f2;--text-title-small:font-bold text-[18px]leading-[26px]tracking-normal;--text-label-large:font-bold text-[16px]leading-[24px]tracking-normal;--text-label-medium:font-bold text-[14px]leading-[22px]tracking-normal;--text-body-large:font-medium text-[16px]leading-[24px]tracking-normal;--text-body-medium:font-medium text-[14px]leading-[22px]tracking-normal}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 63%;--radius:.625rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--petnow-main-0:#0a0b0c;--petnow-main-10:#3b1b12;--petnow-main-20:#6c2a19;--petnow-main-30:#9d3a1f;--petnow-main-40:#ce4926;--petnow-main-50:#ff592c;--petnow-main-60:#ff7a56;--petnow-main-70:#ff9b80;--petnow-main-80:#ffbdab;--petnow-main-90:#ffded5;--petnow-main-95:#fff3f1;--petnow-main-100:#fff;--petnow-sub-0:#0a0b0c;--petnow-sub-10:#152437;--petnow-sub-20:#213d63;--petnow-sub-30:#2c578e;--petnow-sub-40:#3870ba;--petnow-sub-50:#4389e5;--petnow-sub-60:#69a1ea;--petnow-sub-70:#8eb8ef;--petnow-sub-80:#b4d0f5;--petnow-sub-90:#d9e7fa;--petnow-sub-95:#ecf5ff;--petnow-sub-100:#fff;--petify-main-0:#0a0b0c;--petify-main-10:#00154c;--petify-main-20:#001c64;--petify-main-30:#002481;--petify-main-40:#002ea5;--petify-main-50:#0033b5;--petify-main-60:#335cc4;--petify-main-70:#5476cd;--petify-main-80:#99afe7;--petify-main-90:#c5d3f8;--petify-main-95:#e6ebf8;--petify-main-100:#fff;--petify-brand-0:#0a0b0c;--petify-brand-10:#6b2500;--petify-brand-20:#8c3000;--petify-brand-30:#b53e00;--petify-brand-40:#e85000;--petify-brand-50:#ff5800;--petify-brand-60:#ff7933;--petify-brand-70:#ff8f54;--petify-brand-80:#ffb28a;--petify-brand-90:#ffcbb0;--petify-brand-95:#fff2eb;--petify-brand-100:#fff;--neutral-grey-0:#0a0b0c;--neutral-grey-10:#25272b;--neutral-grey-20:#303439;--neutral-grey-30:#3e4349;--neutral-grey-40:#50565e;--neutral-grey-50:#585e67;--neutral-grey-60:#797e85;--neutral-grey-70:#8f9399;--neutral-grey-80:#b2b5b9;--neutral-grey-90:#d8dadc;--neutral-grey-95:#f3f3f4;--neutral-grey-100:#fff;--red-0:#0a0b0c;--red-10:#49070a;--red-20:#870b12;--red-30:#c51a24;--red-40:#ec010f;--red-50:#ff323e;--red-60:#ff5b65;--red-70:#ff767e;--red-80:#ffa7b1;--red-90:#ffbfc3;--red-95:#fff0f2;--red-100:#fff;--purple-0:#0a0b0c;--purple-10:#3b134d;--purple-20:#621a82;--purple-30:#801dac;--purple-40:#9a28cc;--purple-50:#af50dc;--purple-60:#bf73e3;--purple-70:#c98ae8;--purple-80:#daafef;--purple-90:#e6c9f4;--purple-95:#f7eefc;--purple-100:#fff;--green-0:#0a0b0c;--green-10:#0f432a;--green-20:#155f3b;--green-30:#2a9e56;--green-40:#2db05f;--green-50:#2fc869;--green-60:#46d87e;--green-70:#60e593;--green-80:#90edb4;--green-90:#b5f9cf;--green-95:#e3ffee;--green-100:#fff;--yellow-0:#0a0b0c;--yellow-10:#3f3306;--yellow-20:#64510a;--yellow-30:#89721a;--yellow-40:#d7ad0e;--yellow-50:#ffd22d;--yellow-60:#ffdb57;--yellow-70:#ffe172;--yellow-80:#ffea9e;--yellow-90:#fff1be;--yellow-95:#fffbea;--yellow-100:#fff;--unset-0:#fff0;--background-base-neutral-1:var(--petnow-main-100);--background-base-neutral-2:var(--neutral-grey-95);--surface-base-accent-1:var(--petnow-main-95);--surface-base-accent-1-badge:var(--petnow-main-95);--surface-primary-accent:var(--petnow-main-50);--surface-primary-accent-hover:var(--petnow-main-40);--surface-primary-accent-pressed:var(--petnow-main-30);--surface-base-accent-2:var(--petnow-main-90);--surface-base-accent-3:var(--petnow-main-50);--surface-base-accent-3-badge:var(--petnow-main-50);--surface-base-accent-3-alpha:#ff580066;--surface-base-neutral-1:var(--neutral-grey-100);--surface-base-neutral-2:var(--neutral-grey-95);--surface-secondary-accent:var(--petnow-main-90);--surface-secondary-accent-hover:var(--petnow-main-80);--surface-secondary-accent-pressed:var(--petnow-main-70);--surface-base-neutral-3:var(--neutral-grey-90);--surface-base-neutral-4:var(--neutral-grey-80);--surface-base-neutral-5:var(--neutral-grey-40);--surface-base-neutral-5-alpha-1:#50565ecc;--surface-base-neutral-5-alpha-2:#50565ee5;--surface-base-neutral-6:var(--neutral-grey-0);--surface-base-sub-1:var(--petnow-sub-95);--surface-base-sub-2:var(--petnow-sub-90);--surface-base-sub-3:var(--petnow-sub-50);--surface-base-sub-3-pressed:var(--petnow-sub-40);--surface-base-critical-1:var(--red-95);--surface-base-critical-2:var(--red-50);--surface-base-critical-2-pressed:var(--red-40);--surface-base-error:var(--red-50);--surface-base-divide-1:var(--neutral-grey-95);--surface-base-divide-2:var(--neutral-grey-70);--surface-base-divide-2-selected:var(--neutral-grey-30);--surface-base-success-1:var(--green-95);--surface-base-success-2:var(--green-60);--surface-tertiary-accent:var(--petnow-main-50);--surface-tertiary-accent-hover:var(--petnow-main-95);--surface-tertiary-accent-pressed:var(--petnow-main-90);--container-base-accent-1:var(--petnow-main-60);--container-temporary-overlay-disabled:#fff6;--container-base-accent-2:var(--petnow-main-50);--container-base-accent-2-camera-control-bar:var(--petnow-main-50);--container-base-sub:var(--petnow-sub-50);--container-base-neutral-1:var(--neutral-grey-100);--container-base-neutral-2:var(--neutral-grey-95);--container-base-neutral-3:var(--neutral-grey-90);--container-base-neutral-4:var(--neutral-grey-70);--container-base-neutral-5:var(--neutral-grey-40);--container-base-neutral-6:var(--neutral-grey-0);--container-base-error:var(--red-50);--container-base-info:var(--yellow-50);--icon-prominent-neutral:var(--neutral-grey-100);--icon-base-neutral-1:var(--neutral-grey-100);--icon-base-neutral-2:var(--neutral-grey-80);--icon-base-neutral-3:var(--neutral-grey-40);--icon-base-neutral-4:var(--neutral-grey-0);--icon-prominent-accent-1:var(--petnow-main-50);--icon-prominent-accent-1-badge:var(--petnow-main-50);--icon-prominent-accent-1-camera-control-bar:var(--petnow-main-50);--icon-prominent-accent-2:var(--petnow-main-20);--icon-prominent-sub:var(--petnow-sub-50);--icon-prominent-critical:var(--red-50);--icon-prominent-error:var(--red-50);--icon-prominent-success:var(--green-50);--border-prominent-accent:var(--petnow-main-50);--border-prominent-accent-badge:var(--petnow-main-50);--border-prominent-accent-disabled:#ff592c66;--border-base-neutral-1:var(--neutral-grey-100);--border-base-neutral-2:var(--neutral-grey-90);--border-base-neutral-3:var(--neutral-grey-80);--border-base-neutral-4:var(--neutral-grey-70);--border-base-neutral-5:var(--neutral-grey-40);--border-base-neutral-6:var(--neutral-grey-0);--border-prominent-sub:var(--petnow-sub-50);--border-prominent-sub-disabled:#4389e566;--border-prominent-critical:var(--red-50);--border-prominent-error:var(--red-50);--border-prominent-success:var(--green-50);--text-prominent-neutral-1:var(--neutral-grey-100);--text-prominent-neutral-2:var(--neutral-grey-70);--text-prominent-neutral-3:var(--neutral-grey-40);--text-prominent-neutral-4:var(--neutral-grey-0);--text-base-neutral-1:var(--neutral-grey-80);--text-base-neutral-2:var(--neutral-grey-70);--text-base-neutral-3:var(--neutral-grey-40);--text-base-neutral-4:var(--neutral-grey-30);--text-base-neutral-5:var(--neutral-grey-0);--text-prominent-accent-1:var(--petnow-main-50);--text-prominent-accent-1-badge:var(--petnow-main-50);--text-prominent-accent-1-camera-control-bar:var(--petnow-main-50);--text-prominent-accent-2:var(--petnow-main-20);--text-prominent-sub:var(--petnow-sub-50);--text-prominent-critical:var(--red-50);--text-prominent-error:var(--red-50);--text-prominent-success:var(--green-50)}.petify{--background-base-neutral-1:var(--neutral-grey-100);--background-base-neutral-2:var(--neutral-grey-95);--surface-base-accent-1:var(--petify-main-95);--surface-base-accent-1-badge:var(--petify-brand-95);--surface-primary-accent:var(--petify-main-50);--surface-primary-accent-hover:var(--petify-main-30);--surface-primary-accent-pressed:var(--petify-main-20);--surface-base-accent-2:var(--petify-main-90);--surface-base-accent-3:var(--petify-main-50);--surface-base-accent-3-badge:var(--petify-brand-50);--surface-base-accent-3-alpha:#0033b566;--surface-base-neutral-1:var(--neutral-grey-100);--surface-base-neutral-2:var(--neutral-grey-95);--surface-secondary-accent:var(--petify-main-90);--surface-secondary-accent-hover:var(--petify-main-80);--surface-secondary-accent-pressed:var(--petify-main-70);--surface-base-neutral-3:var(--neutral-grey-90);--surface-base-neutral-4:var(--neutral-grey-80);--surface-base-neutral-5:var(--neutral-grey-40);--surface-base-neutral-5-alpha-1:#50565ecc;--surface-base-neutral-5-alpha-2:#50565ee5;--surface-base-neutral-6:var(--neutral-grey-0);--surface-base-sub-1:var(--petify-main-95);--surface-base-sub-2:var(--petify-main-90);--surface-base-sub-3:var(--petify-main-70);--surface-base-sub-3-pressed:var(--petify-main-60);--surface-base-critical-1:var(--red-95);--surface-base-critical-2:var(--red-50);--surface-base-critical-2-pressed:var(--red-40);--surface-base-error:var(--red-50);--surface-base-divide-1:var(--neutral-grey-95);--surface-base-divide-2:var(--neutral-grey-70);--surface-base-divide-2-selected:var(--neutral-grey-30);--surface-base-success-1:var(--green-95);--surface-base-success-2:var(--green-60);--surface-tertiary-accent:var(--petify-main-50);--surface-tertiary-accent-hover:var(--petify-main-95);--surface-tertiary-accent-pressed:var(--petify-main-90);--container-base-accent-1:var(--petify-main-60);--container-temporary-overlay-disabled:#fff6;--container-base-accent-2:var(--petify-main-50);--container-base-accent-2-camera-control-bar:var(--petify-main-70);--container-base-sub:var(--petify-main-70);--container-base-neutral-1:var(--neutral-grey-100);--container-base-neutral-2:var(--neutral-grey-95);--container-base-neutral-3:var(--neutral-grey-90);--container-base-neutral-4:var(--neutral-grey-70);--container-base-neutral-5:var(--neutral-grey-40);--container-base-neutral-6:var(--neutral-grey-0);--container-base-error:var(--red-50);--container-base-info:var(--yellow-50);--icon-prominent-neutral:var(--neutral-grey-100);--icon-base-neutral-1:var(--neutral-grey-100);--icon-base-neutral-2:var(--neutral-grey-80);--icon-base-neutral-3:var(--neutral-grey-40);--icon-base-neutral-4:var(--neutral-grey-0);--icon-prominent-accent-1:var(--petify-main-50);--icon-prominent-accent-1-badge:var(--petify-brand-50);--icon-prominent-accent-1-camera-control-bar:var(--petify-main-70);--icon-prominent-accent-2:var(--petify-main-50);--icon-prominent-sub:var(--petify-main-40);--icon-prominent-critical:var(--red-50);--icon-prominent-error:var(--red-50);--icon-prominent-success:var(--green-50);--border-prominent-accent:var(--petify-main-50);--border-prominent-accent-badge:var(--petify-brand-50);--border-prominent-accent-disabled:#0033b566;--border-base-neutral-1:var(--neutral-grey-100);--border-base-neutral-2:var(--neutral-grey-90);--border-base-neutral-3:var(--neutral-grey-80);--border-base-neutral-4:var(--neutral-grey-70);--border-base-neutral-5:var(--neutral-grey-40);--border-base-neutral-6:var(--neutral-grey-0);--border-prominent-sub:var(--petify-main-60);--border-prominent-sub-disabled:#335cc466;--border-prominent-critical:var(--red-50);--border-prominent-error:var(--red-50);--border-prominent-success:var(--green-50);--text-prominent-neutral-1:var(--neutral-grey-100);--text-prominent-neutral-2:var(--neutral-grey-70);--text-prominent-neutral-3:var(--neutral-grey-40);--text-prominent-neutral-4:var(--neutral-grey-0);--text-base-neutral-1:var(--neutral-grey-80);--text-base-neutral-2:var(--neutral-grey-70);--text-base-neutral-3:var(--neutral-grey-40);--text-base-neutral-4:var(--neutral-grey-30);--text-base-neutral-5:var(--neutral-grey-0);--text-prominent-accent-1:var(--petify-main-50);--text-prominent-accent-1-badge:var(--petify-brand-50);--text-prominent-accent-1-camera-control-bar:var(--petify-main-80);--text-prominent-accent-2:var(--petify-main-50);--text-prominent-sub:var(--petify-main-40);--text-prominent-critical:var(--red-50);--text-prominent-error:var(--red-50);--text-prominent-success:var(--green-50)}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-2\/4{top:50%}.top-\[50px\]{top:50px}.top-\[104px\]{top:104px}.right-4{right:calc(var(--spacing)*4)}.bottom-5{bottom:calc(var(--spacing)*5)}.left-2\/4{left:50%}.z-10{z-index:10}.z-50{z-index:50}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.my-2\.5{margin-block:calc(var(--spacing)*2.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-\[-4px\]{margin-top:-4px}.mt-\[2\.5px\]{margin-top:2.5px}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-\[20px\]{margin-bottom:20px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-\[3\.5vw\]{width:3.5vw;height:3.5vw}.h-4{height:calc(var(--spacing)*4)}.h-\[2px\]{height:2px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[60px\]{height:60px}.h-min{height:min-content}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[24rem\]{max-height:24rem}.max-h-\[240px\]{max-height:240px}.max-h-\[314px\]{max-height:314px}.min-h-full{min-height:100%}.w-4{width:calc(var(--spacing)*4)}.w-\[52px\]{width:52px}.w-\[90vw\]{width:90vw}.w-\[100vw\]{width:100vw}.w-auto{width:auto}.w-full{width:100%}.w-min{width:min-content}.w-screen{width:100vw}.max-w-\[300px\]{max-width:300px}.max-w-sm{max-width:var(--container-sm)}.min-w-6{min-width:calc(var(--spacing)*6)}.flex-1{flex:1}.-translate-x-2\/4{--tw-translate-x:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2\/4{--tw-translate-y:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\[8px\]{gap:8px}.gap-\[16px\]{gap:16px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-petnow-grey-90{border-color:var(--color-petnow-grey-90)}.border-petnow-grey-primary{border-color:var(--color-petnow-grey-primary)}.border-petnow-orange-primary{border-color:var(--color-petnow-orange-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-black\/30{background-color:#2c2f344d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#2c2f3466}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-petnow-grey-30{background-color:var(--color-petnow-grey-30)}.bg-petnow-grey-70{background-color:var(--color-petnow-grey-70)}.bg-petnow-grey-70\/40{background-color:#a8adb366}@supports (color:color-mix(in lab, red, red)){.bg-petnow-grey-70\/40{background-color:color-mix(in oklab,var(--color-petnow-grey-70)40%,transparent)}}.bg-petnow-grey-90{background-color:var(--color-petnow-grey-90)}.bg-petnow-grey-primary{background-color:var(--color-petnow-grey-primary)}.bg-petnow-orange-primary{background-color:var(--color-petnow-orange-primary)}.bg-petnow-orange-secondary{background-color:var(--color-petnow-orange-secondary)}.bg-red-500\!{background-color:var(--color-red-500)!important}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-\[20px\]{padding:20px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[12px\]{padding-inline:12px}.px-\[16px\]{padding-inline:16px}.py-1{padding-block:calc(var(--spacing)*1)}.py-\[6px\]{padding-block:6px}.py-\[12px\]{padding-block:12px}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-\[16px\]{padding-top:16px}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-\[4px\]{padding-bottom:4px}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-body-12-bold{font-size:var(--text-body-12-bold)}.text-body-14-medium{font-size:var(--text-body-14-medium)}.text-body-14-regular{font-size:var(--text-body-14-regular)}.text-body-16-medium{font-size:var(--text-body-16-medium)}.text-body-16-regular{font-size:var(--text-body-16-regular)}.text-body-large{font-size:var(--text-body-large)}.text-body-medium{font-size:var(--text-body-medium)}.text-caption-10-bold{font-size:var(--text-caption-10-bold)}.text-caption-11-medium{font-size:var(--text-caption-11-medium)}.text-caption-12-bold{font-size:var(--text-caption-12-bold)}.text-caption-12-medium{font-size:var(--text-caption-12-medium)}.text-caption-12-regular{font-size:var(--text-caption-12-regular)}.text-display-60-bold{font-size:var(--text-display-60-bold)}.text-display-60-medium{font-size:var(--text-display-60-medium)}.text-display-72-bold{font-size:var(--text-display-72-bold)}.text-display-72-medium{font-size:var(--text-display-72-medium)}.text-display-96-bold{font-size:var(--text-display-96-bold)}.text-display-96-medium{font-size:var(--text-display-96-medium)}.text-headline-36-bold{font-size:var(--text-headline-36-bold)}.text-headline-36-medium{font-size:var(--text-headline-36-medium)}.text-headline-36-regular{font-size:var(--text-headline-36-regular)}.text-headline-42-bold{font-size:var(--text-headline-42-bold)}.text-headline-42-medium{font-size:var(--text-headline-42-medium)}.text-headline-42-regular{font-size:var(--text-headline-42-regular)}.text-headline-48-bold{font-size:var(--text-headline-48-bold)}.text-headline-48-medium{font-size:var(--text-headline-48-medium)}.text-headline-48-regular{font-size:var(--text-headline-48-regular)}.text-label-large{font-size:var(--text-label-large)}.text-label-medium{font-size:var(--text-label-medium)}.text-title-14-bold{font-size:var(--text-title-14-bold)}.text-title-16-bold{font-size:var(--text-title-16-bold)}.text-title-18-bold{font-size:var(--text-title-18-bold)}.text-title-18-medium{font-size:var(--text-title-18-medium)}.text-title-18-regular{font-size:var(--text-title-18-regular)}.text-title-20-bold{font-size:var(--text-title-20-bold)}.text-title-20-medium{font-size:var(--text-title-20-medium)}.text-title-20-regular{font-size:var(--text-title-20-regular)}.text-title-24-bold{font-size:var(--text-title-24-bold)}.text-title-24-medium{font-size:var(--text-title-24-medium)}.text-title-24-regular{font-size:var(--text-title-24-regular)}.text-title-28-bold{font-size:var(--text-title-28-bold)}.text-title-28-medium{font-size:var(--text-title-28-medium)}.text-title-28-regular{font-size:var(--text-title-28-regular)}.text-title-small{font-size:var(--text-title-small)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.text-petnow-grey-30{color:var(--color-petnow-grey-30)}.text-petnow-grey-70{color:var(--color-petnow-grey-70)}.text-petnow-grey-primary{color:var(--color-petnow-grey-primary)}.text-petnow-grey-secondary{color:var(--color-petnow-grey-secondary)}.text-petnow-grey-tertiary{color:var(--color-petnow-grey-tertiary)}.text-petnow-orange-primary{color:var(--color-petnow-orange-primary)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.peer-checked\:bg-petnow-orange-primary:is(:where(.peer):checked~*){background-color:var(--color-petnow-orange-primary)}.peer-checked\:text-white:is(:where(.peer):checked~*){color:var(--color-white)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-petnow-grey-primary::placeholder{color:var(--color-petnow-grey-primary)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-2\/4:before{content:var(--tw-content);top:50%}.before\:left-2\/4:before{content:var(--tw-content);left:50%}.before\:block:before{content:var(--tw-content);display:block}.before\:h-6:before{content:var(--tw-content);height:calc(var(--spacing)*6)}.before\:h-12:before{content:var(--tw-content);height:calc(var(--spacing)*12)}.before\:w-6:before{content:var(--tw-content);width:calc(var(--spacing)*6)}.before\:w-12:before{content:var(--tw-content);width:calc(var(--spacing)*12)}.before\:-translate-x-2\/4:before{content:var(--tw-content);--tw-translate-x:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:-translate-y-2\/4:before{content:var(--tw-content);--tw-translate-y:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[3px\]:after{content:var(--tw-content);top:3px}.after\:size-\[26px\]:after{content:var(--tw-content);width:26px;height:26px}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:shadow-\[0_3px_8px_0_rgba\(0\,0\,0\,0\.15\)\]:after{content:var(--tw-content);--tw-shadow:0 3px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-\[250ms\]:after{content:var(--tw-content);--tw-duration:.25s;transition-duration:.25s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-\[calc\(100\%-4px\)\]:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:calc(100% - 4px);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}.checked\:border-petnow-orange-primary:checked{border-color:var(--color-petnow-orange-primary)}.checked\:bg-petnow-orange-primary:checked{background-color:var(--color-petnow-orange-primary)}.checked\:before\:bg-petnow-orange-primary:checked:before{content:var(--tw-content);background-color:var(--color-petnow-orange-primary)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:brightness-90:active{--tw-brightness:brightness(90%);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,)}.enabled\:cursor-pointer:enabled{cursor:pointer}.enabled\:active\:brightness-90:enabled:active{--tw-brightness:brightness(90%);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,)}.disabled\:bg-background-secondary:disabled{background-color:var(--color-background-secondary)}.disabled\:bg-petnow-orange-80:disabled{background-color:var(--color-petnow-orange-80)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:max-h-60{max-height:calc(var(--spacing)*60)}@media (hover:hover){.enabled\:sm\:hover\:brightness-90:enabled:hover{--tw-brightness:brightness(90%);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,)}}}@media (min-width:48rem){.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:pt-10{padding-top:calc(var(--spacing)*10)}.md\:pb-10{padding-bottom:calc(var(--spacing)*10)}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[24px\]{font-size:24px}}.font-pretendard-regular{font-family:Pretendard-Regular}.font-pretendard-medium{font-family:Pretendard-Medium}.font-pretendard-bold{font-family:Pretendard-Bold}.text-display-96-bold{letter-spacing:0;font-size:96px;font-weight:700;line-height:normal}.text-display-96-medium{letter-spacing:0;font-size:96px;font-weight:500;line-height:normal}.text-display-72-bold{letter-spacing:0;font-size:72px;font-weight:700;line-height:normal}.text-display-72-medium{letter-spacing:0;font-size:72px;font-weight:500;line-height:normal}.text-display-60-bold{letter-spacing:0;font-size:60px;font-weight:700;line-height:normal}.text-display-60-medium{letter-spacing:0;font-size:60px;font-weight:500;line-height:normal}.text-headline-48-bold{letter-spacing:0;font-size:48px;font-weight:700;line-height:normal}.text-headline-48-medium{letter-spacing:0;font-size:48px;font-weight:500;line-height:normal}.text-headline-48-regular{letter-spacing:0;font-size:48px;font-weight:400;line-height:normal}.text-headline-42-bold{letter-spacing:0;font-size:42px;font-weight:700;line-height:normal}.text-headline-42-medium{letter-spacing:0;font-size:42px;font-weight:500;line-height:normal}.text-headline-42-regular{letter-spacing:0;font-size:42px;font-weight:400;line-height:normal}.text-headline-36-bold{letter-spacing:0;font-size:36px;font-weight:700;line-height:normal}.text-headline-36-medium{letter-spacing:0;font-size:36px;font-weight:500;line-height:normal}.text-headline-36-regular{letter-spacing:0;font-size:36px;font-weight:400;line-height:normal}.text-title-28-bold{letter-spacing:0;font-size:28px;font-weight:700;line-height:normal}.text-title-28-medium{letter-spacing:0;font-size:28px;font-weight:500;line-height:normal}.text-title-28-regular{letter-spacing:0;font-size:28px;font-weight:400;line-height:normal}.text-title-24-bold{letter-spacing:0;font-size:24px;font-weight:700;line-height:normal}.text-title-24-medium{letter-spacing:0;font-size:24px;font-weight:500;line-height:normal}.text-title-24-regular{letter-spacing:0;font-size:24px;font-weight:400;line-height:normal}.text-title-20-bold{letter-spacing:0;font-size:20px;font-weight:700;line-height:normal}.text-title-20-medium{letter-spacing:0;font-size:20px;font-weight:500;line-height:normal}.text-title-20-regular{letter-spacing:0;font-size:20px;font-weight:400;line-height:normal}.text-title-18-bold{letter-spacing:0;font-size:18px;font-weight:700;line-height:normal}.text-title-18-medium{letter-spacing:0;font-size:18px;font-weight:500;line-height:normal}.text-title-18-regular{letter-spacing:0;font-size:18px;font-weight:400;line-height:normal}.text-title-16-bold{letter-spacing:0;font-size:16px;font-weight:700;line-height:normal}.text-title-14-bold{letter-spacing:0;font-size:14px;font-weight:700;line-height:normal}.text-body-16-medium{letter-spacing:0;font-size:16px;font-weight:500;line-height:normal}.text-body-16-regular{letter-spacing:0;font-size:16px;font-weight:400;line-height:normal}.text-body-14-medium{letter-spacing:0;font-size:14px;font-weight:500;line-height:normal}.text-body-14-regular{letter-spacing:0;font-size:14px;font-weight:400;line-height:normal}.text-body-12-bold,.text-caption-12-bold{letter-spacing:0;font-size:12px;font-weight:700;line-height:normal}.text-caption-12-medium{letter-spacing:0;font-size:12px;font-weight:500;line-height:normal}.text-caption-12-regular{letter-spacing:0;font-size:12px;font-weight:400;line-height:normal}.text-caption-11-medium{letter-spacing:0;font-size:11px;font-weight:500;line-height:normal}.text-caption-10-bold{letter-spacing:0;font-size:10px;font-weight:700;line-height:normal}.text-display-large{--tw-leading:46px;--tw-font-weight:var(--font-weight-bold);font-size:34px;line-height:46px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-display-medium{--tw-leading:38px;--tw-font-weight:var(--font-weight-bold);font-size:28px;line-height:38px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-title-large{--tw-leading:34px;--tw-font-weight:var(--font-weight-bold);font-size:24px;line-height:34px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-title-medium{--tw-leading:30px;--tw-font-weight:var(--font-weight-bold);font-size:20px;line-height:30px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-title-small{--tw-leading:26px;--tw-font-weight:var(--font-weight-bold);font-size:18px;line-height:26px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-label-large{--tw-leading:24px;--tw-font-weight:var(--font-weight-bold);font-size:16px;line-height:24px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-label-medium{--tw-leading:22px;--tw-font-weight:var(--font-weight-bold);font-size:14px;line-height:22px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-label-small{--tw-leading:18px;--tw-font-weight:var(--font-weight-bold);font-size:12px;line-height:18px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-body-large{--tw-leading:24px;--tw-font-weight:var(--font-weight-medium);font-size:16px;line-height:24px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-body-medium{--tw-leading:22px;--tw-font-weight:var(--font-weight-medium);font-size:14px;line-height:22px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-body-small{--tw-leading:18px;--tw-font-weight:var(--font-weight-medium);font-size:12px;line-height:18px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-caption-large{--tw-leading:24px;--tw-font-weight:var(--font-weight-normal);font-size:16px;line-height:24px;font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-caption-medium{--tw-leading:22px;--tw-font-weight:var(--font-weight-normal);font-size:14px;line-height:22px;font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-caption-small{--tw-leading:18px;--tw-font-weight:var(--font-weight-normal);font-size:12px;line-height:18px;font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-badge{--tw-leading:16px;--tw-font-weight:var(--font-weight-medium);font-size:11px;line-height:16px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}}*{word-break:keep-all;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;line-height:normal}.scrollbar::-webkit-scrollbar-thumb{background-color:#d8d8d8;border:4px solid #f8f8f8;border-radius:12px}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#d8d8d8}.scrollbar::-webkit-scrollbar-track{background-color:#f8f8f8;border-top-right-radius:12px;border-bottom-right-radius:12px}.scrollbar::-webkit-scrollbar-track:hover{background-color:#f8f8f8}.scrollbar{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb,initial)var(--scrollbar-track,initial)}.scrollbar::-webkit-scrollbar{width:var(--scrollbar-width,16px);height:var(--scrollbar-height,16px);display:block}.popup-scrollbar::-webkit-scrollbar-thumb{background-color:#c5c8cd;border:4px solid #fff;border-radius:12px;width:4px}.popup-scrollbar::-webkit-scrollbar-track{background-color:#0000}.popup-scrollbar{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb,initial)var(--scrollbar-track,initial)}.popup-scrollbar::-webkit-scrollbar{width:var(--scrollbar-width,12px);display:block}.petnowRadio[type=radio]{appearance:none;border-radius:50%;width:20px;height:20px;transition:background-color .2s ease-in-out,border .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;box-shadow:0 0 0 2px #585e67}.petnowRadio[type=radio]:checked{background-color:#ff592c;background-clip:padding-box;border:3.5px solid #0000;box-shadow:0 0 0 2px #ff592c,inset 0 0 0 3.5px #0000}.petnowRadio[type=radio]:hover{cursor:pointer}.petnowRadio[type=radio]:disabled{box-shadow:none;opacity:.7;cursor:not-allowed;background-color:#d3d3d3}.petnowRadio[type=radio]:disabled+span{opacity:.7;cursor:not-allowed}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.3rem;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{color:#fff;background-color:#2a87d0;border-radius:.3rem}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:#0000}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:0 20px 20px;overflow:hidden;background-color:#f8f8f8!important;border:none!important;border-radius:.75rem!important}.datepicker-select{appearance:none;text-align-last:center;text-align:center;-ms-text-align-last:center}.react-datepicker__header{font-weight:700;background-color:#f8f8f8!important;border:none!important;padding:0!important}.react-datepicker__current-month{padding:15px;font-size:1.25rem!important}.react-datepicker__navigation{top:24px!important}.react-datepicker__month-container{width:100%;font-size:.925rem;background-color:#f8f8f8!important;margin:0!important}.react-datepicker-popper .react-datepicker__triangle{display:none!important}.react-datepicker__day--today,.react-datepicker__day--keyboard-selected{background-color:#0000!important}.react-datepicker__day--selected{font-weight:700;color:#fff!important;background-color:#4389e5!important}.ja-break-all:lang(ja),.global-break-all{word-break:break-all;overflow-wrap:break-word}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
+@import "https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.min.css" layer(base);@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-gray-200:oklch(92.8% .006 264.531);--color-black:#2c2f34;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-petnow-orange-80:#ffbdab;--color-petnow-orange-primary:#ff592c;--color-petnow-orange-secondary:#ffeeea;--color-petnow-grey-30:#42474d;--color-petnow-grey-70:#a8adb3;--color-petnow-grey-90:#e2e4e6;--color-petnow-grey-primary:#c5c8cd;--color-petnow-grey-secondary:#8b919a;--color-petnow-grey-tertiary:#585e67;--color-background-secondary:#f8f8f9;--color-background-tertiary:#f0f1f2;--text-title-small:font-bold text-[18px]leading-[26px]tracking-normal;--text-label-large:font-bold text-[16px]leading-[24px]tracking-normal;--text-label-medium:font-bold text-[14px]leading-[22px]tracking-normal;--text-body-large:font-medium text-[16px]leading-[24px]tracking-normal;--text-body-medium:font-medium text-[14px]leading-[22px]tracking-normal}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 63%;--radius:.625rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--petnow-main-0:#0a0b0c;--petnow-main-10:#3b1b12;--petnow-main-20:#6c2a19;--petnow-main-30:#9d3a1f;--petnow-main-40:#ce4926;--petnow-main-50:#ff592c;--petnow-main-60:#ff7a56;--petnow-main-70:#ff9b80;--petnow-main-80:#ffbdab;--petnow-main-90:#ffded5;--petnow-main-95:#fff3f1;--petnow-main-100:#fff;--petnow-sub-0:#0a0b0c;--petnow-sub-10:#152437;--petnow-sub-20:#213d63;--petnow-sub-30:#2c578e;--petnow-sub-40:#3870ba;--petnow-sub-50:#4389e5;--petnow-sub-60:#69a1ea;--petnow-sub-70:#8eb8ef;--petnow-sub-80:#b4d0f5;--petnow-sub-90:#d9e7fa;--petnow-sub-95:#ecf5ff;--petnow-sub-100:#fff;--petify-main-0:#0a0b0c;--petify-main-10:#00154c;--petify-main-20:#001c64;--petify-main-30:#002481;--petify-main-40:#002ea5;--petify-main-50:#0033b5;--petify-main-60:#335cc4;--petify-main-70:#5476cd;--petify-main-80:#99afe7;--petify-main-90:#c5d3f8;--petify-main-95:#e6ebf8;--petify-main-100:#fff;--petify-brand-0:#0a0b0c;--petify-brand-10:#6b2500;--petify-brand-20:#8c3000;--petify-brand-30:#b53e00;--petify-brand-40:#e85000;--petify-brand-50:#ff5800;--petify-brand-60:#ff7933;--petify-brand-70:#ff8f54;--petify-brand-80:#ffb28a;--petify-brand-90:#ffcbb0;--petify-brand-95:#fff2eb;--petify-brand-100:#fff;--neutral-grey-0:#0a0b0c;--neutral-grey-10:#25272b;--neutral-grey-20:#303439;--neutral-grey-30:#3e4349;--neutral-grey-40:#50565e;--neutral-grey-50:#585e67;--neutral-grey-60:#797e85;--neutral-grey-70:#8f9399;--neutral-grey-80:#b2b5b9;--neutral-grey-90:#d8dadc;--neutral-grey-95:#f3f3f4;--neutral-grey-100:#fff;--red-0:#0a0b0c;--red-10:#49070a;--red-20:#870b12;--red-30:#c51a24;--red-40:#ec010f;--red-50:#ff323e;--red-60:#ff5b65;--red-70:#ff767e;--red-80:#ffa7b1;--red-90:#ffbfc3;--red-95:#fff0f2;--red-100:#fff;--purple-0:#0a0b0c;--purple-10:#3b134d;--purple-20:#621a82;--purple-30:#801dac;--purple-40:#9a28cc;--purple-50:#af50dc;--purple-60:#bf73e3;--purple-70:#c98ae8;--purple-80:#daafef;--purple-90:#e6c9f4;--purple-95:#f7eefc;--purple-100:#fff;--green-0:#0a0b0c;--green-10:#0f432a;--green-20:#155f3b;--green-30:#2a9e56;--green-40:#2db05f;--green-50:#2fc869;--green-60:#46d87e;--green-70:#60e593;--green-80:#90edb4;--green-90:#b5f9cf;--green-95:#e3ffee;--green-100:#fff;--yellow-0:#0a0b0c;--yellow-10:#3f3306;--yellow-20:#64510a;--yellow-30:#89721a;--yellow-40:#d7ad0e;--yellow-50:#ffd22d;--yellow-60:#ffdb57;--yellow-70:#ffe172;--yellow-80:#ffea9e;--yellow-90:#fff1be;--yellow-95:#fffbea;--yellow-100:#fff;--unset-0:#fff0;--background-base-neutral-1:var(--petnow-main-100);--background-base-neutral-2:var(--neutral-grey-95);--surface-base-accent-1:var(--petnow-main-95);--surface-base-accent-1-badge:var(--petnow-main-95);--surface-primary-accent:var(--petnow-main-50);--surface-primary-accent-hover:var(--petnow-main-40);--surface-primary-accent-pressed:var(--petnow-main-30);--surface-base-accent-2:var(--petnow-main-90);--surface-base-accent-3:var(--petnow-main-50);--surface-base-accent-3-badge:var(--petnow-main-50);--surface-base-accent-3-alpha:#ff580066;--surface-base-neutral-1:var(--neutral-grey-100);--surface-base-neutral-2:var(--neutral-grey-95);--surface-secondary-accent:var(--petnow-main-90);--surface-secondary-accent-hover:var(--petnow-main-80);--surface-secondary-accent-pressed:var(--petnow-main-70);--surface-base-neutral-3:var(--neutral-grey-90);--surface-base-neutral-4:var(--neutral-grey-80);--surface-base-neutral-5:var(--neutral-grey-40);--surface-base-neutral-5-alpha-1:#50565ecc;--surface-base-neutral-5-alpha-2:#50565ee5;--surface-base-neutral-6:var(--neutral-grey-0);--surface-base-sub-1:var(--petnow-sub-95);--surface-base-sub-2:var(--petnow-sub-90);--surface-base-sub-3:var(--petnow-sub-50);--surface-base-sub-3-pressed:var(--petnow-sub-40);--surface-base-critical-1:var(--red-95);--surface-base-critical-2:var(--red-50);--surface-base-critical-2-pressed:var(--red-40);--surface-base-error:var(--red-50);--surface-base-divide-1:var(--neutral-grey-95);--surface-base-divide-2:var(--neutral-grey-70);--surface-base-divide-2-selected:var(--neutral-grey-30);--surface-base-success-1:var(--green-95);--surface-base-success-2:var(--green-60);--surface-tertiary-accent:var(--petnow-main-50);--surface-tertiary-accent-hover:var(--petnow-main-95);--surface-tertiary-accent-pressed:var(--petnow-main-90);--container-base-accent-1:var(--petnow-main-60);--container-temporary-overlay-disabled:#fff6;--container-base-accent-2:var(--petnow-main-50);--container-base-accent-2-camera-control-bar:var(--petnow-main-50);--container-base-sub:var(--petnow-sub-50);--container-base-neutral-1:var(--neutral-grey-100);--container-base-neutral-2:var(--neutral-grey-95);--container-base-neutral-3:var(--neutral-grey-90);--container-base-neutral-4:var(--neutral-grey-70);--container-base-neutral-5:var(--neutral-grey-40);--container-base-neutral-6:var(--neutral-grey-0);--container-base-error:var(--red-50);--container-base-info:var(--yellow-50);--icon-prominent-neutral:var(--neutral-grey-100);--icon-base-neutral-1:var(--neutral-grey-100);--icon-base-neutral-2:var(--neutral-grey-80);--icon-base-neutral-3:var(--neutral-grey-40);--icon-base-neutral-4:var(--neutral-grey-0);--icon-prominent-accent-1:var(--petnow-main-50);--icon-prominent-accent-1-badge:var(--petnow-main-50);--icon-prominent-accent-1-camera-control-bar:var(--petnow-main-50);--icon-prominent-accent-2:var(--petnow-main-20);--icon-prominent-sub:var(--petnow-sub-50);--icon-prominent-critical:var(--red-50);--icon-prominent-error:var(--red-50);--icon-prominent-success:var(--green-50);--border-prominent-accent:var(--petnow-main-50);--border-prominent-accent-badge:var(--petnow-main-50);--border-prominent-accent-disabled:#ff592c66;--border-base-neutral-1:var(--neutral-grey-100);--border-base-neutral-2:var(--neutral-grey-90);--border-base-neutral-3:var(--neutral-grey-80);--border-base-neutral-4:var(--neutral-grey-70);--border-base-neutral-5:var(--neutral-grey-40);--border-base-neutral-6:var(--neutral-grey-0);--border-prominent-sub:var(--petnow-sub-50);--border-prominent-sub-disabled:#4389e566;--border-prominent-critical:var(--red-50);--border-prominent-error:var(--red-50);--border-prominent-success:var(--green-50);--text-prominent-neutral-1:var(--neutral-grey-100);--text-prominent-neutral-2:var(--neutral-grey-70);--text-prominent-neutral-3:var(--neutral-grey-40);--text-prominent-neutral-4:var(--neutral-grey-0);--text-base-neutral-1:var(--neutral-grey-80);--text-base-neutral-2:var(--neutral-grey-70);--text-base-neutral-3:var(--neutral-grey-40);--text-base-neutral-4:var(--neutral-grey-30);--text-base-neutral-5:var(--neutral-grey-0);--text-prominent-accent-1:var(--petnow-main-50);--text-prominent-accent-1-badge:var(--petnow-main-50);--text-prominent-accent-1-camera-control-bar:var(--petnow-main-50);--text-prominent-accent-2:var(--petnow-main-20);--text-prominent-sub:var(--petnow-sub-50);--text-prominent-critical:var(--red-50);--text-prominent-error:var(--red-50);--text-prominent-success:var(--green-50)}.petify{--background-base-neutral-1:var(--neutral-grey-100);--background-base-neutral-2:var(--neutral-grey-95);--surface-base-accent-1:var(--petify-main-95);--surface-base-accent-1-badge:var(--petify-brand-95);--surface-primary-accent:var(--petify-main-50);--surface-primary-accent-hover:var(--petify-main-30);--surface-primary-accent-pressed:var(--petify-main-20);--surface-base-accent-2:var(--petify-main-90);--surface-base-accent-3:var(--petify-main-50);--surface-base-accent-3-badge:var(--petify-brand-50);--surface-base-accent-3-alpha:#0033b566;--surface-base-neutral-1:var(--neutral-grey-100);--surface-base-neutral-2:var(--neutral-grey-95);--surface-secondary-accent:var(--petify-main-90);--surface-secondary-accent-hover:var(--petify-main-80);--surface-secondary-accent-pressed:var(--petify-main-70);--surface-base-neutral-3:var(--neutral-grey-90);--surface-base-neutral-4:var(--neutral-grey-80);--surface-base-neutral-5:var(--neutral-grey-40);--surface-base-neutral-5-alpha-1:#50565ecc;--surface-base-neutral-5-alpha-2:#50565ee5;--surface-base-neutral-6:var(--neutral-grey-0);--surface-base-sub-1:var(--petify-main-95);--surface-base-sub-2:var(--petify-main-90);--surface-base-sub-3:var(--petify-main-70);--surface-base-sub-3-pressed:var(--petify-main-60);--surface-base-critical-1:var(--red-95);--surface-base-critical-2:var(--red-50);--surface-base-critical-2-pressed:var(--red-40);--surface-base-error:var(--red-50);--surface-base-divide-1:var(--neutral-grey-95);--surface-base-divide-2:var(--neutral-grey-70);--surface-base-divide-2-selected:var(--neutral-grey-30);--surface-base-success-1:var(--green-95);--surface-base-success-2:var(--green-60);--surface-tertiary-accent:var(--petify-main-50);--surface-tertiary-accent-hover:var(--petify-main-95);--surface-tertiary-accent-pressed:var(--petify-main-90);--container-base-accent-1:var(--petify-main-60);--container-temporary-overlay-disabled:#fff6;--container-base-accent-2:var(--petify-main-50);--container-base-accent-2-camera-control-bar:var(--petify-main-70);--container-base-sub:var(--petify-main-70);--container-base-neutral-1:var(--neutral-grey-100);--container-base-neutral-2:var(--neutral-grey-95);--container-base-neutral-3:var(--neutral-grey-90);--container-base-neutral-4:var(--neutral-grey-70);--container-base-neutral-5:var(--neutral-grey-40);--container-base-neutral-6:var(--neutral-grey-0);--container-base-error:var(--red-50);--container-base-info:var(--yellow-50);--icon-prominent-neutral:var(--neutral-grey-100);--icon-base-neutral-1:var(--neutral-grey-100);--icon-base-neutral-2:var(--neutral-grey-80);--icon-base-neutral-3:var(--neutral-grey-40);--icon-base-neutral-4:var(--neutral-grey-0);--icon-prominent-accent-1:var(--petify-main-50);--icon-prominent-accent-1-badge:var(--petify-brand-50);--icon-prominent-accent-1-camera-control-bar:var(--petify-main-70);--icon-prominent-accent-2:var(--petify-main-50);--icon-prominent-sub:var(--petify-main-40);--icon-prominent-critical:var(--red-50);--icon-prominent-error:var(--red-50);--icon-prominent-success:var(--green-50);--border-prominent-accent:var(--petify-main-50);--border-prominent-accent-badge:var(--petify-brand-50);--border-prominent-accent-disabled:#0033b566;--border-base-neutral-1:var(--neutral-grey-100);--border-base-neutral-2:var(--neutral-grey-90);--border-base-neutral-3:var(--neutral-grey-80);--border-base-neutral-4:var(--neutral-grey-70);--border-base-neutral-5:var(--neutral-grey-40);--border-base-neutral-6:var(--neutral-grey-0);--border-prominent-sub:var(--petify-main-60);--border-prominent-sub-disabled:#335cc466;--border-prominent-critical:var(--red-50);--border-prominent-error:var(--red-50);--border-prominent-success:var(--green-50);--text-prominent-neutral-1:var(--neutral-grey-100);--text-prominent-neutral-2:var(--neutral-grey-70);--text-prominent-neutral-3:var(--neutral-grey-40);--text-prominent-neutral-4:var(--neutral-grey-0);--text-base-neutral-1:var(--neutral-grey-80);--text-base-neutral-2:var(--neutral-grey-70);--text-base-neutral-3:var(--neutral-grey-40);--text-base-neutral-4:var(--neutral-grey-30);--text-base-neutral-5:var(--neutral-grey-0);--text-prominent-accent-1:var(--petify-main-50);--text-prominent-accent-1-badge:var(--petify-brand-50);--text-prominent-accent-1-camera-control-bar:var(--petify-main-80);--text-prominent-accent-2:var(--petify-main-50);--text-prominent-sub:var(--petify-main-40);--text-prominent-critical:var(--red-50);--text-prominent-error:var(--red-50);--text-prominent-success:var(--green-50)}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-2\/4{top:50%}.top-\[50px\]{top:50px}.top-\[104px\]{top:104px}.right-4{right:calc(var(--spacing)*4)}.bottom-5{bottom:calc(var(--spacing)*5)}.left-2\/4{left:50%}.z-10{z-index:10}.z-50{z-index:50}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.my-2\.5{margin-block:calc(var(--spacing)*2.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-\[-4px\]{margin-top:-4px}.mt-\[2\.5px\]{margin-top:2.5px}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-\[20px\]{margin-bottom:20px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-\[3\.5vw\]{width:3.5vw;height:3.5vw}.h-4{height:calc(var(--spacing)*4)}.h-\[2px\]{height:2px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[60px\]{height:60px}.h-min{height:min-content}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[24rem\]{max-height:24rem}.max-h-\[240px\]{max-height:240px}.max-h-\[314px\]{max-height:314px}.min-h-full{min-height:100%}.w-4{width:calc(var(--spacing)*4)}.w-\[52px\]{width:52px}.w-\[90vw\]{width:90vw}.w-\[100vw\]{width:100vw}.w-auto{width:auto}.w-full{width:100%}.w-min{width:min-content}.w-screen{width:100vw}.max-w-\[300px\]{max-width:300px}.max-w-sm{max-width:var(--container-sm)}.min-w-6{min-width:calc(var(--spacing)*6)}.flex-1{flex:1}.-translate-x-2\/4{--tw-translate-x:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2\/4{--tw-translate-y:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\[8px\]{gap:8px}.gap-\[16px\]{gap:16px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-petnow-grey-90{border-color:var(--color-petnow-grey-90)}.border-petnow-grey-primary{border-color:var(--color-petnow-grey-primary)}.border-petnow-orange-primary{border-color:var(--color-petnow-orange-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-black\/30{background-color:#2c2f344d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#2c2f3466}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-petnow-grey-30{background-color:var(--color-petnow-grey-30)}.bg-petnow-grey-70{background-color:var(--color-petnow-grey-70)}.bg-petnow-grey-70\/40{background-color:#a8adb366}@supports (color:color-mix(in lab, red, red)){.bg-petnow-grey-70\/40{background-color:color-mix(in oklab,var(--color-petnow-grey-70)40%,transparent)}}.bg-petnow-grey-90{background-color:var(--color-petnow-grey-90)}.bg-petnow-grey-primary{background-color:var(--color-petnow-grey-primary)}.bg-petnow-orange-primary{background-color:var(--color-petnow-orange-primary)}.bg-petnow-orange-secondary{background-color:var(--color-petnow-orange-secondary)}.bg-red-500\!{background-color:var(--color-red-500)!important}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-\[20px\]{padding:20px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[12px\]{padding-inline:12px}.px-\[16px\]{padding-inline:16px}.py-1{padding-block:calc(var(--spacing)*1)}.py-\[6px\]{padding-block:6px}.py-\[12px\]{padding-block:12px}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-\[16px\]{padding-top:16px}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-\[4px\]{padding-bottom:4px}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.text-body-12-bold{letter-spacing:0;font-size:12px;font-weight:700;line-height:normal}.text-body-14-medium{letter-spacing:0;font-size:14px;font-weight:500;line-height:normal}.text-body-14-regular{letter-spacing:0;font-size:14px;font-weight:400;line-height:normal}.text-body-16-medium{letter-spacing:0;font-size:16px;font-weight:500;line-height:normal}.text-body-16-regular{letter-spacing:0;font-size:16px;font-weight:400;line-height:normal}.text-caption-10-bold{letter-spacing:0;font-size:10px;font-weight:700;line-height:normal}.text-caption-11-medium{letter-spacing:0;font-size:11px;font-weight:500;line-height:normal}.text-caption-12-bold{letter-spacing:0;font-size:12px;font-weight:700;line-height:normal}.text-caption-12-medium{letter-spacing:0;font-size:12px;font-weight:500;line-height:normal}.text-caption-12-regular{letter-spacing:0;font-size:12px;font-weight:400;line-height:normal}.text-display-60-bold{letter-spacing:0;font-size:60px;font-weight:700;line-height:normal}.text-display-60-medium{letter-spacing:0;font-size:60px;font-weight:500;line-height:normal}.text-display-72-bold{letter-spacing:0;font-size:72px;font-weight:700;line-height:normal}.text-display-72-medium{letter-spacing:0;font-size:72px;font-weight:500;line-height:normal}.text-display-96-bold{letter-spacing:0;font-size:96px;font-weight:700;line-height:normal}.text-display-96-medium{letter-spacing:0;font-size:96px;font-weight:500;line-height:normal}.text-headline-36-bold{letter-spacing:0;font-size:36px;font-weight:700;line-height:normal}.text-headline-36-medium{letter-spacing:0;font-size:36px;font-weight:500;line-height:normal}.text-headline-36-regular{letter-spacing:0;font-size:36px;font-weight:400;line-height:normal}.text-headline-42-bold{letter-spacing:0;font-size:42px;font-weight:700;line-height:normal}.text-headline-42-medium{letter-spacing:0;font-size:42px;font-weight:500;line-height:normal}.text-headline-42-regular{letter-spacing:0;font-size:42px;font-weight:400;line-height:normal}.text-headline-48-bold{letter-spacing:0;font-size:48px;font-weight:700;line-height:normal}.text-headline-48-medium{letter-spacing:0;font-size:48px;font-weight:500;line-height:normal}.text-headline-48-regular{letter-spacing:0;font-size:48px;font-weight:400;line-height:normal}.text-title-14-bold{letter-spacing:0;font-size:14px;font-weight:700;line-height:normal}.text-title-16-bold{letter-spacing:0;font-size:16px;font-weight:700;line-height:normal}.text-title-18-bold{letter-spacing:0;font-size:18px;font-weight:700;line-height:normal}.text-title-18-medium{letter-spacing:0;font-size:18px;font-weight:500;line-height:normal}.text-title-18-regular{letter-spacing:0;font-size:18px;font-weight:400;line-height:normal}.text-title-20-bold{letter-spacing:0;font-size:20px;font-weight:700;line-height:normal}.text-title-20-medium{letter-spacing:0;font-size:20px;font-weight:500;line-height:normal}.text-title-20-regular{letter-spacing:0;font-size:20px;font-weight:400;line-height:normal}.text-title-24-bold{letter-spacing:0;font-size:24px;font-weight:700;line-height:normal}.text-title-24-medium{letter-spacing:0;font-size:24px;font-weight:500;line-height:normal}.text-title-24-regular{letter-spacing:0;font-size:24px;font-weight:400;line-height:normal}.text-title-28-bold{letter-spacing:0;font-size:28px;font-weight:700;line-height:normal}.text-title-28-medium{letter-spacing:0;font-size:28px;font-weight:500;line-height:normal}.text-title-28-regular{letter-spacing:0;font-size:28px;font-weight:400;line-height:normal}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-body-large{font-size:var(--text-body-large)}.text-body-medium{font-size:var(--text-body-medium)}.text-label-large{font-size:var(--text-label-large)}.text-label-medium{font-size:var(--text-label-medium)}.text-title-small{font-size:var(--text-title-small)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.text-petnow-grey-30{color:var(--color-petnow-grey-30)}.text-petnow-grey-70{color:var(--color-petnow-grey-70)}.text-petnow-grey-primary{color:var(--color-petnow-grey-primary)}.text-petnow-grey-secondary{color:var(--color-petnow-grey-secondary)}.text-petnow-grey-tertiary{color:var(--color-petnow-grey-tertiary)}.text-petnow-orange-primary{color:var(--color-petnow-orange-primary)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 2px 8px 0 var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.peer-checked\:bg-petnow-orange-primary:is(:where(.peer):checked~*){background-color:var(--color-petnow-orange-primary)}.peer-checked\:text-white:is(:where(.peer):checked~*){color:var(--color-white)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-petnow-grey-primary::placeholder{color:var(--color-petnow-grey-primary)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-2\/4:before{content:var(--tw-content);top:50%}.before\:left-2\/4:before{content:var(--tw-content);left:50%}.before\:block:before{content:var(--tw-content);display:block}.before\:h-6:before{content:var(--tw-content);height:calc(var(--spacing)*6)}.before\:h-12:before{content:var(--tw-content);height:calc(var(--spacing)*12)}.before\:w-6:before{content:var(--tw-content);width:calc(var(--spacing)*6)}.before\:w-12:before{content:var(--tw-content);width:calc(var(--spacing)*12)}.before\:-translate-x-2\/4:before{content:var(--tw-content);--tw-translate-x:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:-translate-y-2\/4:before{content:var(--tw-content);--tw-translate-y:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[3px\]:after{content:var(--tw-content);top:3px}.after\:size-\[26px\]:after{content:var(--tw-content);width:26px;height:26px}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:shadow-\[0_3px_8px_0_rgba\(0\,0\,0\,0\.15\)\]:after{content:var(--tw-content);--tw-shadow:0 3px 8px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-\[250ms\]:after{content:var(--tw-content);--tw-duration:.25s;transition-duration:.25s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-\[calc\(100\%-4px\)\]:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:calc(100% - 4px);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}.checked\:border-petnow-orange-primary:checked{border-color:var(--color-petnow-orange-primary)}.checked\:bg-petnow-orange-primary:checked{background-color:var(--color-petnow-orange-primary)}.checked\:before\:bg-petnow-orange-primary:checked:before{content:var(--tw-content);background-color:var(--color-petnow-orange-primary)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:brightness-90:active{--tw-brightness:brightness(90%);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,)}.enabled\:cursor-pointer:enabled{cursor:pointer}.enabled\:active\:brightness-90:enabled:active{--tw-brightness:brightness(90%);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,)}.disabled\:bg-background-secondary:disabled{background-color:var(--color-background-secondary)}.disabled\:bg-petnow-orange-80:disabled{background-color:var(--color-petnow-orange-80)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:max-h-60{max-height:calc(var(--spacing)*60)}@media (hover:hover){.enabled\:sm\:hover\:brightness-90:enabled:hover{--tw-brightness:brightness(90%);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,)}}}@media (min-width:48rem){.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:pt-10{padding-top:calc(var(--spacing)*10)}.md\:pb-10{padding-bottom:calc(var(--spacing)*10)}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-\[24px\]{font-size:24px}}.text-display-large{--tw-leading:46px;--tw-font-weight:var(--font-weight-bold);font-size:34px;line-height:46px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-display-medium{--tw-leading:38px;--tw-font-weight:var(--font-weight-bold);font-size:28px;line-height:38px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-title-large{--tw-leading:34px;--tw-font-weight:var(--font-weight-bold);font-size:24px;line-height:34px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-title-medium{--tw-leading:30px;--tw-font-weight:var(--font-weight-bold);font-size:20px;line-height:30px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-title-small{--tw-leading:26px;--tw-font-weight:var(--font-weight-bold);font-size:18px;line-height:26px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-label-large{--tw-leading:24px;--tw-font-weight:var(--font-weight-bold);font-size:16px;line-height:24px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-label-medium{--tw-leading:22px;--tw-font-weight:var(--font-weight-bold);font-size:14px;line-height:22px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-label-small{--tw-leading:18px;--tw-font-weight:var(--font-weight-bold);font-size:12px;line-height:18px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-body-large{--tw-leading:24px;--tw-font-weight:var(--font-weight-medium);font-size:16px;line-height:24px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-body-medium{--tw-leading:22px;--tw-font-weight:var(--font-weight-medium);font-size:14px;line-height:22px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-body-small{--tw-leading:18px;--tw-font-weight:var(--font-weight-medium);font-size:12px;line-height:18px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-caption-large{--tw-leading:24px;--tw-font-weight:var(--font-weight-normal);font-size:16px;line-height:24px;font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-caption-medium{--tw-leading:22px;--tw-font-weight:var(--font-weight-normal);font-size:14px;line-height:22px;font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-caption-small{--tw-leading:18px;--tw-font-weight:var(--font-weight-normal);font-size:12px;line-height:18px;font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-badge{--tw-leading:16px;--tw-font-weight:var(--font-weight-medium);font-size:11px;line-height:16px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}}*{word-break:keep-all;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;line-height:normal}.scrollbar::-webkit-scrollbar-thumb{background-color:#d8d8d8;border:4px solid #f8f8f8;border-radius:12px}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#d8d8d8}.scrollbar::-webkit-scrollbar-track{background-color:#f8f8f8;border-top-right-radius:12px;border-bottom-right-radius:12px}.scrollbar::-webkit-scrollbar-track:hover{background-color:#f8f8f8}.scrollbar{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb,initial)var(--scrollbar-track,initial)}.scrollbar::-webkit-scrollbar{width:var(--scrollbar-width,16px);height:var(--scrollbar-height,16px);display:block}.popup-scrollbar::-webkit-scrollbar-thumb{background-color:#c5c8cd;border:4px solid #fff;border-radius:12px;width:4px}.popup-scrollbar::-webkit-scrollbar-track{background-color:#0000}.popup-scrollbar{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb,initial)var(--scrollbar-track,initial)}.popup-scrollbar::-webkit-scrollbar{width:var(--scrollbar-width,12px);display:block}.petnowRadio[type=radio]{appearance:none;border-radius:50%;width:20px;height:20px;transition:background-color .2s ease-in-out,border .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;box-shadow:0 0 0 2px #585e67}.petnowRadio[type=radio]:checked{background-color:#ff592c;background-clip:padding-box;border:3.5px solid #0000;box-shadow:0 0 0 2px #ff592c,inset 0 0 0 3.5px #0000}.petnowRadio[type=radio]:hover{cursor:pointer}.petnowRadio[type=radio]:disabled{box-shadow:none;opacity:.7;cursor:not-allowed;background-color:#d3d3d3}.petnowRadio[type=radio]:disabled+span{opacity:.7;cursor:not-allowed}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.3rem;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{color:#fff;background-color:#2a87d0;border-radius:.3rem}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:#0000}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:0 20px 20px;overflow:hidden;background-color:#f8f8f8!important;border:none!important;border-radius:.75rem!important}.datepicker-select{appearance:none;text-align-last:center;text-align:center;-ms-text-align-last:center}.react-datepicker__header{font-weight:700;background-color:#f8f8f8!important;border:none!important;padding:0!important}.react-datepicker__current-month{padding:15px;font-size:1.25rem!important}.react-datepicker__navigation{top:24px!important}.react-datepicker__month-container{width:100%;font-size:.925rem;background-color:#f8f8f8!important;margin:0!important}.react-datepicker-popper .react-datepicker__triangle{display:none!important}.react-datepicker__day--today,.react-datepicker__day--keyboard-selected{background-color:#0000!important}.react-datepicker__day--selected{font-weight:700;color:#fff!important;background-color:#4389e5!important}.ja-break-all:lang(ja),.global-break-all{word-break:break-all;overflow-wrap:break-word}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@petnow/ui",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -79,11 +79,13 @@
     },
     "./package.json": "./package.json",
     "./dist/*": "./dist/*",
-    "./tailwind.css": "./tailwind.css"
+    "./tailwind.css": "./tailwind.css",
+    "./petnow-design-system-v1.css": "./petnow-design-system-v1.css"
   },
   "files": [
     "dist",
-    "tailwind.css"
+    "tailwind.css",
+    "petnow-design-system-v1.css"
   ],
   "publishConfig": {
     "access": "public"

package/petnow-design-system-v1.css ADDED Viewed

@@ -0,0 +1,823 @@
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+    --destructive: 0 84.2% 60.2%;
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 63%;
+    --radius: 0.625rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+    /* Ref Color */
+    --petnow-main-0: #0a0b0c;
+    --petnow-main-10: #3b1b12;
+    --petnow-main-20: #6c2a19;
+    --petnow-main-30: #9d3a1f;
+    --petnow-main-40: #ce4926;
+    --petnow-main-50: #ff592c;
+    --petnow-main-60: #ff7a56;
+    --petnow-main-70: #ff9b80;
+    --petnow-main-80: #ffbdab;
+    --petnow-main-90: #ffded5;
+    --petnow-main-95: #fff3f1;
+    --petnow-main-100: #ffffff;
+    --petnow-sub-0: #0a0b0c;
+    --petnow-sub-10: #152437;
+    --petnow-sub-20: #213d63;
+    --petnow-sub-30: #2c578e;
+    --petnow-sub-40: #3870ba;
+    --petnow-sub-50: #4389e5;
+    --petnow-sub-60: #69a1ea;
+    --petnow-sub-70: #8eb8ef;
+    --petnow-sub-80: #b4d0f5;
+    --petnow-sub-90: #d9e7fa;
+    --petnow-sub-95: #ecf5ff;
+    --petnow-sub-100: #ffffff;
+    --petify-main-0: #0a0b0c;
+    --petify-main-10: #00154c;
+    --petify-main-20: #001c64;
+    --petify-main-30: #002481;
+    --petify-main-40: #002ea5;
+    --petify-main-50: #0033b5;
+    --petify-main-60: #335cc4;
+    --petify-main-70: #5476cd;
+    --petify-main-80: #99afe7;
+    --petify-main-90: #c5d3f8;
+    --petify-main-95: #e6ebf8;
+    --petify-main-100: #ffffff;
+    --petify-brand-0: #0a0b0c;
+    --petify-brand-10: #6b2500;
+    --petify-brand-20: #8c3000;
+    --petify-brand-30: #b53e00;
+    --petify-brand-40: #e85000;
+    --petify-brand-50: #ff5800;
+    --petify-brand-60: #ff7933;
+    --petify-brand-70: #ff8f54;
+    --petify-brand-80: #ffb28a;
+    --petify-brand-90: #ffcbb0;
+    --petify-brand-95: #fff2eb;
+    --petify-brand-100: #ffffff;
+    --neutral-grey-0: #0a0b0c;
+    --neutral-grey-10: #25272b;
+    --neutral-grey-20: #303439;
+    --neutral-grey-30: #3e4349;
+    --neutral-grey-40: #50565e;
+    --neutral-grey-50: #585e67;
+    --neutral-grey-60: #797e85;
+    --neutral-grey-70: #8f9399;
+    --neutral-grey-80: #b2b5b9;
+    --neutral-grey-90: #d8dadc;
+    --neutral-grey-95: #f3f3f4;
+    --neutral-grey-100: #ffffff;
+    --red-0: #0a0b0c;
+    --red-10: #49070a;
+    --red-20: #870b12;
+    --red-30: #c51a24;
+    --red-40: #ec010f;
+    --red-50: #ff323e;
+    --red-60: #ff5b65;
+    --red-70: #ff767e;
+    --red-80: #ffa7b1;
+    --red-90: #ffbfc3;
+    --red-95: #fff0f2;
+    --red-100: #ffffff;
+    --purple-0: #0a0b0c;
+    --purple-10: #3b134d;
+    --purple-20: #621a82;
+    --purple-30: #801dac;
+    --purple-40: #9a28cc;
+    --purple-50: #af50dc;
+    --purple-60: #bf73e3;
+    --purple-70: #c98ae8;
+    --purple-80: #daafef;
+    --purple-90: #e6c9f4;
+    --purple-95: #f7eefc;
+    --purple-100: #ffffff;
+    --green-0: #0a0b0c;
+    --green-10: #0f432a;
+    --green-20: #155f3b;
+    --green-30: #2a9e56;
+    --green-40: #2db05f;
+    --green-50: #2fc869;
+    --green-60: #46d87e;
+    --green-70: #60e593;
+    --green-80: #90edb4;
+    --green-90: #b5f9cf;
+    --green-95: #e3ffee;
+    --green-100: #ffffff;
+    --yellow-0: #0a0b0c;
+    --yellow-10: #3f3306;
+    --yellow-20: #64510a;
+    --yellow-30: #89721a;
+    --yellow-40: #d7ad0e;
+    --yellow-50: #ffd22d;
+    --yellow-60: #ffdb57;
+    --yellow-70: #ffe172;
+    --yellow-80: #ffea9e;
+    --yellow-90: #fff1be;
+    --yellow-95: #fffbea;
+    --yellow-100: #ffffff;
+    --unset-0: #ffffff00;
+    /* Semantic Color - Petnow Theme (Default) */
+    --background-base-neutral-1: var(--petnow-main-100);
+    --background-base-neutral-2: var(--neutral-grey-95);
+    --surface-base-accent-1: var(--petnow-main-95);
+    --surface-base-accent-1-badge: var(--petnow-main-95);
+    --surface-primary-accent: var(--petnow-main-50);
+    --surface-primary-accent-hover: var(--petnow-main-40);
+    --surface-primary-accent-pressed: var(--petnow-main-30);
+    --surface-base-accent-2: var(--petnow-main-90);
+    --surface-base-accent-3: var(--petnow-main-50);
+    --surface-base-accent-3-badge: var(--petnow-main-50);
+    --surface-base-accent-3-alpha: #ff580066;
+    --surface-base-neutral-1: var(--neutral-grey-100);
+    --surface-base-neutral-2: var(--neutral-grey-95);
+    --surface-secondary-accent: var(--petnow-main-90);
+    --surface-secondary-accent-hover: var(--petnow-main-80);
+    --surface-secondary-accent-pressed: var(--petnow-main-70);
+    --surface-base-neutral-3: var(--neutral-grey-90);
+    --surface-base-neutral-4: var(--neutral-grey-80);
+    --surface-base-neutral-5: var(--neutral-grey-40);
+    --surface-base-neutral-5-alpha-1: #50565ecc;
+    --surface-base-neutral-5-alpha-2: #50565ee5;
+    --surface-base-neutral-6: var(--neutral-grey-0);
+    --surface-base-sub-1: var(--petnow-sub-95);
+    --surface-base-sub-2: var(--petnow-sub-90);
+    --surface-base-sub-3: var(--petnow-sub-50);
+    --surface-base-sub-3-pressed: var(--petnow-sub-40);
+    --surface-base-critical-1: var(--red-95);
+    --surface-base-critical-2: var(--red-50);
+    --surface-base-critical-2-pressed: var(--red-40);
+    --surface-base-error: var(--red-50);
+    --surface-base-divide-1: var(--neutral-grey-95);
+    --surface-base-divide-2: var(--neutral-grey-70);
+    --surface-base-divide-2-selected: var(--neutral-grey-30);
+    --surface-base-success-1: var(--green-95);
+    --surface-base-success-2: var(--green-60);
+    --surface-tertiary-accent: var(--petnow-main-50);
+    --surface-tertiary-accent-hover: var(--petnow-main-95);
+    --surface-tertiary-accent-pressed: var(--petnow-main-90);
+    --container-base-accent-1: var(--petnow-main-60);
+    --container-temporary-overlay-disabled: #ffffff66;
+    --container-base-accent-2: var(--petnow-main-50);
+    --container-base-accent-2-camera-control-bar: var(--petnow-main-50);
+    --container-base-sub: var(--petnow-sub-50);
+    --container-base-neutral-1: var(--neutral-grey-100);
+    --container-base-neutral-2: var(--neutral-grey-95);
+    --container-base-neutral-3: var(--neutral-grey-90);
+    --container-base-neutral-4: var(--neutral-grey-70);
+    --container-base-neutral-5: var(--neutral-grey-40);
+    --container-base-neutral-6: var(--neutral-grey-0);
+    --container-base-error: var(--red-50);
+    --container-base-info: var(--yellow-50);
+    --icon-prominent-neutral: var(--neutral-grey-100);
+    --icon-base-neutral-1: var(--neutral-grey-100);
+    --icon-base-neutral-2: var(--neutral-grey-80);
+    --icon-base-neutral-3: var(--neutral-grey-40);
+    --icon-base-neutral-4: var(--neutral-grey-0);
+    --icon-prominent-accent-1: var(--petnow-main-50);
+    --icon-prominent-accent-1-badge: var(--petnow-main-50);
+    --icon-prominent-accent-1-camera-control-bar: var(--petnow-main-50);
+    --icon-prominent-accent-2: var(--petnow-main-20);
+    --icon-prominent-sub: var(--petnow-sub-50);
+    --icon-prominent-critical: var(--red-50);
+    --icon-prominent-error: var(--red-50);
+    --icon-prominent-success: var(--green-50);
+    --border-prominent-accent: var(--petnow-main-50);
+    --border-prominent-accent-badge: var(--petnow-main-50);
+    --border-prominent-accent-disabled: #ff592c66;
+    --border-base-neutral-1: var(--neutral-grey-100);
+    --border-base-neutral-2: var(--neutral-grey-90);
+    --border-base-neutral-3: var(--neutral-grey-80);
+    --border-base-neutral-4: var(--neutral-grey-70);
+    --border-base-neutral-5: var(--neutral-grey-40);
+    --border-base-neutral-6: var(--neutral-grey-0);
+    --border-prominent-sub: var(--petnow-sub-50);
+    --border-prominent-sub-disabled: #4389e566;
+    --border-prominent-critical: var(--red-50);
+    --border-prominent-error: var(--red-50);
+    --border-prominent-success: var(--green-50);
+    --text-prominent-neutral-1: var(--neutral-grey-100);
+    --text-prominent-neutral-2: var(--neutral-grey-70);
+    --text-prominent-neutral-3: var(--neutral-grey-40);
+    --text-prominent-neutral-4: var(--neutral-grey-0);
+    --text-base-neutral-1: var(--neutral-grey-80);
+    --text-base-neutral-2: var(--neutral-grey-70);
+    --text-base-neutral-3: var(--neutral-grey-40);
+    --text-base-neutral-4: var(--neutral-grey-30);
+    --text-base-neutral-5: var(--neutral-grey-0);
+    --text-prominent-accent-1: var(--petnow-main-50);
+    --text-prominent-accent-1-badge: var(--petnow-main-50);
+    --text-prominent-accent-1-camera-control-bar: var(--petnow-main-50);
+    --text-prominent-accent-2: var(--petnow-main-20);
+    --text-prominent-sub: var(--petnow-sub-50);
+    --text-prominent-critical: var(--red-50);
+    --text-prominent-error: var(--red-50);
+    --text-prominent-success: var(--green-50);
+  }
+  /* Semantic Color - Petify Theme (override semantic vars when .petify is present) */
+  .petify {
+    --background-base-neutral-1: var(--neutral-grey-100);
+    --background-base-neutral-2: var(--neutral-grey-95);
+    --surface-base-accent-1: var(--petify-main-95);
+    --surface-base-accent-1-badge: var(--petify-brand-95);
+    --surface-primary-accent: var(--petify-main-50);
+    --surface-primary-accent-hover: var(--petify-main-30);
+    --surface-primary-accent-pressed: var(--petify-main-20);
+    --surface-base-accent-2: var(--petify-main-90);
+    --surface-base-accent-3: var(--petify-main-50);
+    --surface-base-accent-3-badge: var(--petify-brand-50);
+    --surface-base-accent-3-alpha: #0033b566;
+    --surface-base-neutral-1: var(--neutral-grey-100);
+    --surface-base-neutral-2: var(--neutral-grey-95);
+    --surface-secondary-accent: var(--petify-main-90);
+    --surface-secondary-accent-hover: var(--petify-main-80);
+    --surface-secondary-accent-pressed: var(--petify-main-70);
+    --surface-base-neutral-3: var(--neutral-grey-90);
+    --surface-base-neutral-4: var(--neutral-grey-80);
+    --surface-base-neutral-5: var(--neutral-grey-40);
+    --surface-base-neutral-5-alpha-1: #50565ecc;
+    --surface-base-neutral-5-alpha-2: #50565ee5;
+    --surface-base-neutral-6: var(--neutral-grey-0);
+    --surface-base-sub-1: var(--petify-main-95);
+    --surface-base-sub-2: var(--petify-main-90);
+    --surface-base-sub-3: var(--petify-main-70);
+    --surface-base-sub-3-pressed: var(--petify-main-60);
+    --surface-base-critical-1: var(--red-95);
+    --surface-base-critical-2: var(--red-50);
+    --surface-base-critical-2-pressed: var(--red-40);
+    --surface-base-error: var(--red-50);
+    --surface-base-divide-1: var(--neutral-grey-95);
+    --surface-base-divide-2: var(--neutral-grey-70);
+    --surface-base-divide-2-selected: var(--neutral-grey-30);
+    --surface-base-success-1: var(--green-95);
+    --surface-base-success-2: var(--green-60);
+    --surface-tertiary-accent: var(--petify-main-50);
+    --surface-tertiary-accent-hover: var(--petify-main-95);
+    --surface-tertiary-accent-pressed: var(--petify-main-90);
+    --container-base-accent-1: var(--petify-main-60);
+    --container-temporary-overlay-disabled: #ffffff66;
+    --container-base-accent-2: var(--petify-main-50);
+    --container-base-accent-2-camera-control-bar: var(--petify-main-70);
+    --container-base-sub: var(--petify-main-70);
+    --container-base-neutral-1: var(--neutral-grey-100);
+    --container-base-neutral-2: var(--neutral-grey-95);
+    --container-base-neutral-3: var(--neutral-grey-90);
+    --container-base-neutral-4: var(--neutral-grey-70);
+    --container-base-neutral-5: var(--neutral-grey-40);
+    --container-base-neutral-6: var(--neutral-grey-0);
+    --container-base-error: var(--red-50);
+    --container-base-info: var(--yellow-50);
+    --icon-prominent-neutral: var(--neutral-grey-100);
+    --icon-base-neutral-1: var(--neutral-grey-100);
+    --icon-base-neutral-2: var(--neutral-grey-80);
+    --icon-base-neutral-3: var(--neutral-grey-40);
+    --icon-base-neutral-4: var(--neutral-grey-0);
+    --icon-prominent-accent-1: var(--petify-main-50);
+    --icon-prominent-accent-1-badge: var(--petify-brand-50);
+    --icon-prominent-accent-1-camera-control-bar: var(--petify-main-70);
+    --icon-prominent-accent-2: var(--petify-main-50);
+    --icon-prominent-sub: var(--petify-main-40);
+    --icon-prominent-critical: var(--red-50);
+    --icon-prominent-error: var(--red-50);
+    --icon-prominent-success: var(--green-50);
+    --border-prominent-accent: var(--petify-main-50);
+    --border-prominent-accent-badge: var(--petify-brand-50);
+    --border-prominent-accent-disabled: #0033b566;
+    --border-base-neutral-1: var(--neutral-grey-100);
+    --border-base-neutral-2: var(--neutral-grey-90);
+    --border-base-neutral-3: var(--neutral-grey-80);
+    --border-base-neutral-4: var(--neutral-grey-70);
+    --border-base-neutral-5: var(--neutral-grey-40);
+    --border-base-neutral-6: var(--neutral-grey-0);
+    --border-prominent-sub: var(--petify-main-60);
+    --border-prominent-sub-disabled: #335cc466;
+    --border-prominent-critical: var(--red-50);
+    --border-prominent-error: var(--red-50);
+    --border-prominent-success: var(--green-50);
+    --text-prominent-neutral-1: var(--neutral-grey-100);
+    --text-prominent-neutral-2: var(--neutral-grey-70);
+    --text-prominent-neutral-3: var(--neutral-grey-40);
+    --text-prominent-neutral-4: var(--neutral-grey-0);
+    --text-base-neutral-1: var(--neutral-grey-80);
+    --text-base-neutral-2: var(--neutral-grey-70);
+    --text-base-neutral-3: var(--neutral-grey-40);
+    --text-base-neutral-4: var(--neutral-grey-30);
+    --text-base-neutral-5: var(--neutral-grey-0);
+    --text-prominent-accent-1: var(--petify-main-50);
+    --text-prominent-accent-1-badge: var(--petify-brand-50);
+    --text-prominent-accent-1-camera-control-bar: var(--petify-main-80);
+    --text-prominent-accent-2: var(--petify-main-50);
+    --text-prominent-sub: var(--petify-main-40);
+    --text-prominent-critical: var(--red-50);
+    --text-prominent-error: var(--red-50);
+    --text-prominent-success: var(--green-50);
+  }
+}
+@theme {
+  /* ===== BRAND / REF COLORS ===== */
+  --color-petnow-main-0: var(--petnow-main-0);
+  --color-petnow-main-10: var(--petnow-main-10);
+  --color-petnow-main-20: var(--petnow-main-20);
+  --color-petnow-main-30: var(--petnow-main-30);
+  --color-petnow-main-40: var(--petnow-main-40);
+  --color-petnow-main-50: var(--petnow-main-50);
+  --color-petnow-main-60: var(--petnow-main-60);
+  --color-petnow-main-70: var(--petnow-main-70);
+  --color-petnow-main-80: var(--petnow-main-80);
+  --color-petnow-main-90: var(--petnow-main-90);
+  --color-petnow-main-95: var(--petnow-main-95);
+  --color-petnow-main-100: var(--petnow-main-100);
+  --color-petnow-sub-0: var(--petnow-sub-0);
+  --color-petnow-sub-10: var(--petnow-sub-10);
+  --color-petnow-sub-20: var(--petnow-sub-20);
+  --color-petnow-sub-30: var(--petnow-sub-30);
+  --color-petnow-sub-40: var(--petnow-sub-40);
+  --color-petnow-sub-50: var(--petnow-sub-50);
+  --color-petnow-sub-60: var(--petnow-sub-60);
+  --color-petnow-sub-70: var(--petnow-sub-70);
+  --color-petnow-sub-80: var(--petnow-sub-80);
+  --color-petnow-sub-90: var(--petnow-sub-90);
+  --color-petnow-sub-95: var(--petnow-sub-95);
+  --color-petnow-sub-100: var(--petnow-sub-100);
+  --color-petify-main-0: var(--petify-main-0);
+  --color-petify-main-10: var(--petify-main-10);
+  --color-petify-main-20: var(--petify-main-20);
+  --color-petify-main-30: var(--petify-main-30);
+  --color-petify-main-40: var(--petify-main-40);
+  --color-petify-main-50: var(--petify-main-50);
+  --color-petify-main-60: var(--petify-main-60);
+  --color-petify-main-70: var(--petify-main-70);
+  --color-petify-main-80: var(--petify-main-80);
+  --color-petify-main-90: var(--petify-main-90);
+  --color-petify-main-95: var(--petify-main-95);
+  --color-petify-main-100: var(--petify-main-100);
+  --color-petify-brand-0: var(--petify-brand-0);
+  --color-petify-brand-10: var(--petify-brand-10);
+  --color-petify-brand-20: var(--petify-brand-20);
+  --color-petify-brand-30: var(--petify-brand-30);
+  --color-petify-brand-40: var(--petify-brand-40);
+  --color-petify-brand-50: var(--petify-brand-50);
+  --color-petify-brand-60: var(--petify-brand-60);
+  --color-petify-brand-70: var(--petify-brand-70);
+  --color-petify-brand-80: var(--petify-brand-80);
+  --color-petify-brand-90: var(--petify-brand-90);
+  --color-petify-brand-95: var(--petify-brand-95);
+  --color-petify-brand-100: var(--petify-brand-100);
+  --color-neutral-grey-0: var(--neutral-grey-0);
+  --color-neutral-grey-10: var(--neutral-grey-10);
+  --color-neutral-grey-20: var(--neutral-grey-20);
+  --color-neutral-grey-30: var(--neutral-grey-30);
+  --color-neutral-grey-40: var(--neutral-grey-40);
+  --color-neutral-grey-50: var(--neutral-grey-50);
+  --color-neutral-grey-60: var(--neutral-grey-60);
+  --color-neutral-grey-70: var(--neutral-grey-70);
+  --color-neutral-grey-80: var(--neutral-grey-80);
+  --color-neutral-grey-90: var(--neutral-grey-90);
+  --color-neutral-grey-95: var(--neutral-grey-95);
+  --color-neutral-grey-100: var(--neutral-grey-100);
+  --color-red-0: var(--red-0);
+  --color-red-10: var(--red-10);
+  --color-red-20: var(--red-20);
+  --color-red-30: var(--red-30);
+  --color-red-40: var(--red-40);
+  --color-red-50: var(--red-50);
+  --color-red-60: var(--red-60);
+  --color-red-70: var(--red-70);
+  --color-red-80: var(--red-80);
+  --color-red-90: var(--red-90);
+  --color-red-95: var(--red-95);
+  --color-red-100: var(--red-100);
+  --color-purple-0: var(--purple-0);
+  --color-purple-10: var(--purple-10);
+  --color-purple-20: var(--purple-20);
+  --color-purple-30: var(--purple-30);
+  --color-purple-40: var(--purple-40);
+  --color-purple-50: var(--purple-50);
+  --color-purple-60: var(--purple-60);
+  --color-purple-70: var(--purple-70);
+  --color-purple-80: var(--purple-80);
+  --color-purple-90: var(--purple-90);
+  --color-purple-95: var(--purple-95);
+  --color-purple-100: var(--purple-100);
+  --color-green-0: var(--green-0);
+  --color-green-10: var(--green-10);
+  --color-green-20: var(--green-20);
+  --color-green-30: var(--green-30);
+  --color-green-40: var(--green-40);
+  --color-green-50: var(--green-50);
+  --color-green-60: var(--green-60);
+  --color-green-70: var(--green-70);
+  --color-green-80: var(--green-80);
+  --color-green-90: var(--green-90);
+  --color-green-95: var(--green-95);
+  --color-green-100: var(--green-100);
+  --color-yellow-0: var(--yellow-0);
+  --color-yellow-10: var(--yellow-10);
+  --color-yellow-20: var(--yellow-20);
+  --color-yellow-30: var(--yellow-30);
+  --color-yellow-40: var(--yellow-40);
+  --color-yellow-50: var(--yellow-50);
+  --color-yellow-60: var(--yellow-60);
+  --color-yellow-70: var(--yellow-70);
+  --color-yellow-80: var(--yellow-80);
+  --color-yellow-90: var(--yellow-90);
+  --color-yellow-95: var(--yellow-95);
+  --color-yellow-100: var(--yellow-100);
+  /* ===== SEMANTIC COLORS (from CSS vars) ===== */
+  --color-background-base-neutral-1: var(--background-base-neutral-1);
+  --color-background-base-neutral-2: var(--background-base-neutral-2);
+  --color-surface-base-accent-1: var(--surface-base-accent-1);
+  --color-surface-base-accent-1-badge: var(--surface-base-accent-1-badge);
+  --color-surface-base-accent-2: var(--surface-base-accent-2);
+  --color-surface-base-accent-3: var(--surface-base-accent-3);
+  --color-surface-base-accent-3-badge: var(--surface-base-accent-3-badge);
+  --color-surface-base-accent-3-alpha: var(--surface-base-accent-3-alpha);
+  --color-surface-base-neutral-1: var(--surface-base-neutral-1);
+  --color-surface-base-neutral-1-alpha-1: var(--surface-base-neutral-1-alpha-1);
+  --color-surface-base-neutral-2: var(--surface-base-neutral-2);
+  --color-surface-base-neutral-3: var(--surface-base-neutral-3);
+  --color-surface-base-neutral-4: var(--surface-base-neutral-4);
+  --color-surface-base-neutral-5: var(--surface-base-neutral-5);
+  --color-surface-base-neutral-5-alpha-1: var(--surface-base-neutral-5-alpha-1);
+  --color-surface-base-neutral-5-alpha-2: var(--surface-base-neutral-5-alpha-2);
+  --color-surface-base-neutral-6: var(--surface-base-neutral-6);
+  --color-surface-base-sub-1: var(--surface-base-sub-1);
+  --color-surface-base-sub-2: var(--surface-base-sub-2);
+  --color-surface-base-sub-3: var(--surface-base-sub-3);
+  --color-surface-base-sub-3-pressed: var(--surface-base-sub-3-pressed);
+  --color-surface-base-critical-1: var(--surface-base-critical-1);
+  --color-surface-base-critical-2: var(--surface-base-critical-2);
+  --color-surface-base-critical-2-pressed: var(--surface-base-critical-2-pressed);
+  --color-surface-base-error: var(--surface-base-error);
+  --color-surface-base-divide-1: var(--surface-base-divide-1);
+  --color-surface-base-divide-2: var(--surface-base-divide-2);
+  --color-surface-base-divide-2-selected: var(--surface-base-divide-2-selected);
+  --color-surface-base-success-1: var(--surface-base-success-1);
+  --color-surface-base-success-2: var(--surface-base-success-2);
+  --color-surface-primary-accent: var(--surface-primary-accent);
+  --color-surface-primary-accent-hover: var(--surface-primary-accent-hover);
+  --color-surface-primary-accent-pressed: var(--surface-primary-accent-pressed);
+  --color-surface-secondary-accent: var(--surface-secondary-accent);
+  --color-surface-secondary-accent-hover: var(--surface-secondary-accent-hover);
+  --color-surface-secondary-accent-pressed: var(--surface-secondary-accent-pressed);
+  --color-surface-tertiary-accent: var(--surface-tertiary-accent);
+  --color-surface-tertiary-accent-hover: var(--surface-tertiary-accent-hover);
+  --color-surface-tertiary-accent-pressed: var(--surface-tertiary-accent-pressed);
+  --color-container-base-accent-1: var(--container-base-accent-1);
+  --color-container-base-accent-2: var(--container-base-accent-2);
+  --color-container-base-accent-2-camera-control-bar: var(--container-base-accent-2-camera-control-bar);
+  --color-container-base-sub: var(--container-base-sub);
+  --color-container-base-neutral-1: var(--container-base-neutral-1);
+  --color-container-base-neutral-2: var(--container-base-neutral-2);
+  --color-container-base-neutral-3: var(--container-base-neutral-3);
+  --color-container-base-neutral-4: var(--container-base-neutral-4);
+  --color-container-base-neutral-5: var(--container-base-neutral-5);
+  --color-container-base-neutral-6: var(--container-base-neutral-6);
+  --color-container-base-error: var(--container-base-error);
+  --color-container-base-info: var(--container-base-info);
+  --color-container-temporary-overlay-disabled: var(--container-temporary-overlay-disabled);
+  --color-icon-prominent-neutral: var(--icon-prominent-neutral);
+  --color-icon-prominent-accent-1: var(--icon-prominent-accent-1);
+  --color-icon-prominent-accent-1-badge: var(--icon-prominent-accent-1-badge);
+  --color-icon-prominent-accent-1-camera-control-bar: var(--icon-prominent-accent-1-camera-control-bar);
+  --color-icon-prominent-accent-2: var(--icon-prominent-accent-2);
+  --color-icon-prominent-sub: var(--icon-prominent-sub);
+  --color-icon-prominent-critical: var(--icon-prominent-critical);
+  --color-icon-prominent-error: var(--icon-prominent-error);
+  --color-icon-prominent-success: var(--icon-prominent-success);
+  --color-icon-base-neutral-1: var(--icon-base-neutral-1);
+  --color-icon-base-neutral-2: var(--icon-base-neutral-2);
+  --color-icon-base-neutral-3: var(--icon-base-neutral-3);
+  --color-icon-base-neutral-4: var(--icon-base-neutral-4);
+  --color-border-prominent-accent: var(--border-prominent-accent);
+  --color-border-prominent-accent-badge: var(--border-prominent-accent-badge);
+  --color-border-prominent-accent-disabled: var(--border-prominent-accent-disabled);
+  --color-border-prominent-sub: var(--border-prominent-sub);
+  --color-border-prominent-sub-disabled: var(--border-prominent-sub-disabled);
+  --color-border-prominent-critical: var(--border-prominent-critical);
+  --color-border-prominent-error: var(--border-prominent-error);
+  --color-border-prominent-success: var(--border-prominent-success);
+  --color-border-base-neutral-1: var(--border-base-neutral-1);
+  --color-border-base-neutral-2: var(--border-base-neutral-2);
+  --color-border-base-neutral-3: var(--border-base-neutral-3);
+  --color-border-base-neutral-4: var(--border-base-neutral-4);
+  --color-border-base-neutral-5: var(--border-base-neutral-5);
+  --color-border-base-neutral-6: var(--border-base-neutral-6);
+  --color-text-prominent-neutral-1: var(--text-prominent-neutral-1);
+  --color-text-prominent-neutral-2: var(--text-prominent-neutral-2);
+  --color-text-prominent-neutral-3: var(--text-prominent-neutral-3);
+  --color-text-prominent-neutral-4: var(--text-prominent-neutral-4);
+  --color-text-prominent-accent-1: var(--text-prominent-accent-1);
+  --color-text-prominent-accent-1-badge: var(--text-prominent-accent-1-badge);
+  --color-text-prominent-accent-1-camera-control-bar: var(--text-prominent-accent-1-camera-control-bar);
+  --color-text-prominent-accent-2: var(--text-prominent-accent-2);
+  --color-text-prominent-sub: var(--text-prominent-sub);
+  --color-text-prominent-critical: var(--text-prominent-critical);
+  --color-text-prominent-error: var(--text-prominent-error);
+  --color-text-prominent-success: var(--text-prominent-success);
+  --color-text-base-neutral-1: var(--text-base-neutral-1);
+  --color-text-base-neutral-2: var(--text-base-neutral-2);
+  --color-text-base-neutral-3: var(--text-base-neutral-3);
+  --color-text-base-neutral-4: var(--text-base-neutral-4);
+  --color-text-base-neutral-5: var(--text-base-neutral-5);
+}
+/* ===== FONT FAMILY utilities (match previous tailwind.config.js keys) ===== */
+@utility font-pretendard-regular {
+  font-family: Pretendard-Regular;
+}
+@utility font-pretendard-medium {
+  font-family: Pretendard-Medium;
+}
+@utility font-pretendard-bold {
+  font-family: Pretendard-Bold;
+}
+/* ===== TYPOGRAPHY utilities (match previous fontSize keys) ===== */
+@utility text-display-96-bold {
+  font-size: 96px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-display-96-medium {
+  font-size: 96px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-display-72-bold {
+  font-size: 72px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-display-72-medium {
+  font-size: 72px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-display-60-bold {
+  font-size: 60px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-display-60-medium {
+  font-size: 60px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-headline-48-bold {
+  font-size: 48px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-headline-48-medium {
+  font-size: 48px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-headline-48-regular {
+  font-size: 48px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-headline-42-bold {
+  font-size: 42px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-headline-42-medium {
+  font-size: 42px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-headline-42-regular {
+  font-size: 42px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-headline-36-bold {
+  font-size: 36px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-headline-36-medium {
+  font-size: 36px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-headline-36-regular {
+  font-size: 36px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-title-28-bold {
+  font-size: 28px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-title-28-medium {
+  font-size: 28px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-title-28-regular {
+  font-size: 28px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-title-24-bold {
+  font-size: 24px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-title-24-medium {
+  font-size: 24px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-title-24-regular {
+  font-size: 24px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-title-20-bold {
+  font-size: 20px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-title-20-medium {
+  font-size: 20px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-title-20-regular {
+  font-size: 20px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-title-18-bold {
+  font-size: 18px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-title-18-medium {
+  font-size: 18px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-title-18-regular {
+  font-size: 18px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-title-16-bold {
+  font-size: 16px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-title-14-bold {
+  font-size: 14px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-body-16-medium {
+  font-size: 16px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-body-16-regular {
+  font-size: 16px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-body-14-medium {
+  font-size: 14px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-body-14-regular {
+  font-size: 14px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-body-12-bold {
+  font-size: 12px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-caption-12-bold {
+  font-size: 12px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}
+@utility text-caption-12-medium {
+  font-size: 12px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-caption-12-regular {
+  font-size: 12px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+@utility text-caption-11-medium {
+  font-size: 11px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+@utility text-caption-10-bold {
+  font-size: 10px;
+  line-height: normal;
+  letter-spacing: 0;
+  font-weight: 700;
+}