.pet-guide__grid{display:grid;gap:var(--s-5)}.pet-guide__intro{margin-top:var(--s-2);color:var(--c-text-soft)}.pet-guide__needs{display:grid;gap:var(--s-3);margin:var(--s-4) 0 0;padding:0;list-style:none}.pet-guide__needs li{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:var(--s-3);font-size:var(--fs-sm)}.pet-guide__needs strong{display:block;font-size:var(--fs-md)}.pet-guide__tick{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:var(--line);border-radius:50%;background:var(--c-accent-1)}.pet-guide__tick .pet-icon{--icon-size: 16px}.pet-guide__example{margin:0}.pet-guide__frame{aspect-ratio:4 / 3;border:var(--line);border-radius:var(--r-md);background:var(--c-white)}.pet-guide__scene{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--c-art-sky) 0 62%,var(--c-art-floor) 62%)}.pet-guide__pet{position:absolute;top:54%;left:50%;width:62%;transform:translate(-50%,-50%)}.pet-guide__scene--dark{background:linear-gradient(180deg,var(--c-art-sky-dark) 0 62%,var(--c-art-floor-dark) 62%)}.pet-guide__scene--dark .pet-guide__pet{filter:brightness(.32)}.pet-guide__scene--blur .pet-guide__pet{filter:blur(3.5px)}.pet-guide__scene--far .pet-guide__pet{top:64%;left:72%;width:20%}.pet-guide__scene--screenshot .pet-guide__pet{top:58%;width:44%}.pet-guide__shot span{position:absolute;background:color-mix(in srgb,var(--c-white) 90%,transparent)}.pet-guide__shot span:nth-child(1){inset:0 0 auto;height:14%;border-bottom:1px solid color-mix(in srgb,var(--c-black) 15%,transparent)}.pet-guide__shot span:nth-child(2){right:8%;bottom:26%;width:14%;aspect-ratio:1;border-radius:50%}.pet-guide__shot span:nth-child(3){inset:auto 0 0;height:18%;border-top:1px solid color-mix(in srgb,var(--c-black) 15%,transparent)}.pet-guide__frame .pet-ph{border:0}.pet-guide__frame--big{box-shadow:6px 6px 0 var(--c-black)}.pet-guide__good,.pet-guide__fix,.pet-guide__callout{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-pill);font-weight:700;white-space:nowrap}.pet-guide__good{top:var(--s-2);right:var(--s-2);padding:2px 9px;border:1.5px solid var(--c-free);background:var(--c-free-bg);color:var(--c-free);font-size:var(--fs-xs)}.pet-guide__good .pet-icon{--icon-size: 12px}.pet-guide__callout{padding:2px 8px;border:1.5px solid var(--c-black);background:var(--c-white);font-size:1.1rem}.pet-guide__callout--1{top:24%;left:6%}.pet-guide__callout--2{bottom:10%;left:6%}.pet-guide__callout--3{right:5%;bottom:10%}.pet-guide__callout--4{top:40%;right:5%}.pet-guide__avoid-head{margin-top:var(--s-7);margin-bottom:var(--s-4)}.pet-guide__avoid-head h3{font-size:var(--fs-xl);font-weight:600}.pet-guide__avoid-head p{margin-top:var(--s-1);color:var(--c-text-soft);font-size:var(--fs-sm)}.pet-guide__avoid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin:0;padding:0;list-style:none}.pet-guide__avoid-card{display:flex;flex-direction:column;gap:var(--s-2)}.pet-guide__avoid-card .pet-guide__frame{border-radius:var(--r-sm)}.pet-guide__fix{top:6px;left:6px;padding:1px 7px;border:1.5px solid var(--c-black);background:var(--c-white);font-size:1.1rem}.pet-guide__avoid-card h3{font-size:var(--fs-md);font-weight:600}.pet-guide__avoid-card p{color:var(--c-text-soft);font-size:var(--fs-sm);line-height:1.4}.pet-guide__tips{display:grid;gap:var(--s-3);margin:var(--s-7) 0 0;padding:0;list-style:none}.pet-guide__tip{padding:var(--s-5);border:var(--line);border-radius:var(--r-md);background:var(--c-white)}.pet-guide__tip-icon{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);margin-bottom:var(--s-3);border:var(--line);border-radius:50%}.pet-guide__tip-icon .pet-icon{--icon-size: 22px}.pet-guide__tip h3{font-size:var(--fs-lg);font-weight:600}.pet-guide__tip p{margin-top:var(--s-2);color:var(--c-text-soft);font-size:var(--fs-sm)}.pet-guide__anyway{display:grid;gap:var(--s-4);margin-top:var(--s-7);padding:var(--s-5);border:var(--line);border-radius:var(--r-lg);background:var(--c-satsuma);box-shadow:6px 6px 0 var(--c-black)}.pet-guide__anyway p{max-width:64rem;margin-top:var(--s-2)}.pet-guide__anyway .pet-btn{justify-self:start}@media screen and (min-width:900px){.pet-guide__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:var(--s-7)}.pet-guide__avoid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5)}.pet-guide__tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}.pet-guide__anyway{grid-template-columns:1fr auto;align-items:center;padding:var(--s-6)}.pet-guide__anyway .pet-btn{justify-self:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pet-photo-guide.css.map */
