body.petpop-open>*:not(pet-preference-popup){filter:blur(8px);transition:filter var(--duration-short) ease}body.petpop-open{overflow:hidden}.petpop[hidden]{display:none}.petpop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;overscroll-behavior:none;--petpop-media: 8rem}.petpop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.petpop__panel{position:relative;width:100%;max-width:58rem;flex-shrink:0;overflow:hidden;transform:scale(var(--petpop-scale, 1));transform-origin:center center;padding:4rem 3.2rem 3.2rem;text-align:center;border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:2.4rem;box-shadow:0 2rem 6rem rgba(var(--color-shadow),.18)}.petpop__panel:focus-visible,.petpop__panel:focus{outline:none}.petpop__close{position:absolute;top:1.2rem;right:1.2rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;background:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;opacity:.6}.petpop__close:hover{opacity:1}.petpop__close .icon{width:1.6rem;height:1.6rem}.petpop__heading{margin:0 0 .8rem;padding-right:3.2rem;padding-left:3.2rem}.petpop__subheading{margin:0 auto 3.2rem;max-width:42ch;color:rgba(var(--color-foreground),.75)}.petpop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;width:100%;min-width:0;min-inline-size:0;max-width:46rem;margin:0 auto 3.2rem;padding:0;border:none}.petpop__item{display:flex;min-width:0}.petpop__card{position:relative;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.2rem;padding:1.8rem 1rem;text-align:center;cursor:pointer;background-color:rgb(var(--color-background));border:.2rem solid rgba(var(--color-foreground),.08);border-radius:1.6rem;box-shadow:0 .2rem .8rem rgba(var(--color-shadow),.06);transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.petpop__card:hover{border-color:rgba(var(--color-foreground),.3);box-shadow:0 .4rem 1.6rem rgba(var(--color-shadow),.12)}.petpop__media{display:block;width:100%;max-width:var(--petpop-media);aspect-ratio:1 / 1;overflow:hidden}.petpop__image{display:block;width:100%;height:100%;object-fit:contain}.petpop__image--blank{background-color:rgba(var(--color-foreground),.06)}.petpop__label{display:block;max-width:100%;font-size:1.3rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase;line-height:1.3;overflow-wrap:break-word}.petpop__tick{position:absolute;top:-.8rem;right:-.8rem;display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));opacity:0;transform:scale(.5);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.petpop__tick .icon{width:1.3rem;height:1.3rem}.petpop__input:checked+.petpop__card{border-color:rgb(var(--color-foreground))}.petpop__input:checked+.petpop__card .petpop__tick{opacity:1;transform:scale(1)}.petpop__input:focus-visible+.petpop__card{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.petpop__message{margin:0 0 1.6rem;min-height:2rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.petpop__actions{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.petpop__button{min-width:28rem;max-width:100%;border-radius:5rem}.petpop__skip{padding:.4rem;font-size:1.4rem;font-family:inherit;color:rgba(var(--color-foreground),.75);background:none;border:none;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.petpop__skip:hover{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.petpop{padding:1rem;--petpop-media: 6.4rem}.petpop__panel{padding:3.2rem 1.6rem 2.4rem;border-radius:1.6rem}.petpop__heading{padding-right:2.4rem;padding-left:2.4rem;font-size:2rem}.petpop__subheading{margin-bottom:2.4rem}.petpop__grid{gap:1.2rem;margin-bottom:2.4rem}.petpop__card{padding:1.4rem .6rem;gap:.8rem}.petpop__label{font-size:1.1rem;letter-spacing:.03rem}.petpop__button{min-width:0;width:100%}}@media screen and (max-width:374px){.petpop__panel{padding-right:1.2rem;padding-left:1.2rem}.petpop__grid{gap:.8rem}.petpop__card{padding:1.2rem .4rem}.petpop__label{font-size:1rem;letter-spacing:0}}@media screen and (max-height:760px){.petpop{--petpop-media: 5.6rem}.petpop__panel{padding-top:3.2rem;padding-bottom:2rem}.petpop__subheading{margin-bottom:1.6rem}.petpop__grid{gap:1rem;margin-bottom:1.6rem}.petpop__card{padding:1rem .6rem;gap:.6rem}.petpop__message{margin-bottom:.8rem}.petpop__actions{gap:1rem}}@media screen and (max-height:600px){.petpop{--petpop-media: 4.4rem}.petpop__panel{padding-top:2.4rem;padding-bottom:1.6rem}.petpop__subheading{margin-bottom:1.2rem}}@media(prefers-reduced-motion:reduce){.petpop__card,.petpop__tick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */
