.find-my-breed{color:rgb(var(--color-foreground))}.find-my-breed__header{max-width:72rem;margin-bottom:3.2rem}.find-my-breed__title{margin:0}.find-my-breed__intro{max-width:58rem;margin-top:1.2rem}.find-my-breed__intro>*{margin-top:0;margin-bottom:0}.find-my-breed__controls{max-width:72rem;margin-bottom:3rem}.find-my-breed__search{position:relative;max-width:62rem}.find-my-breed__search-button{position:absolute;top:50%;right:.8rem;display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;padding:0;border:0;border-radius:.4rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));cursor:pointer;transform:translateY(-50%)}.find-my-breed__search-button .svg-wrapper{width:2rem;height:2rem}.find-my-breed__search-input{width:100%;min-height:5.8rem;padding:1.4rem 6rem 1.4rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.45);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.6rem;-webkit-appearance:none;appearance:none}.find-my-breed__search-button:hover{background:rgba(var(--color-foreground),.85)}.find-my-breed__search-button:focus-visible,.find-my-breed__search-input:focus{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem}.find-my-breed__letters{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;margin-top:2rem;padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.find-my-breed__letter{min-width:2.8rem;min-height:3.2rem;padding:0;border:0;border-bottom:.2rem solid transparent;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;cursor:pointer}.find-my-breed__letter[aria-pressed=true]{border-color:rgb(var(--color-foreground));font-weight:700}.find-my-breed__letter:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem}.find-my-breed__status{min-height:2.4rem;margin:0 0 1rem;color:rgba(var(--color-foreground),.75)}.find-my-breed__grid{display:grid;grid-template-columns:repeat(var(--find-my-breed-columns-mobile),minmax(0,1fr));gap:1.6rem;padding:0;margin:0;list-style:none}.find-my-breed__item[hidden]{display:none}.find-my-breed-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,transform var(--duration-short) ease}.find-my-breed-card[href]:hover{border-color:rgba(var(--color-foreground),.32);box-shadow:0 .8rem 2.4rem rgba(var(--color-foreground),.08);transform:translateY(-.2rem)}.find-my-breed-card[href]:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.3rem}.find-my-breed-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:rgb(var(--color-background))}.find-my-breed-card__media img,.find-my-breed-card__placeholder{width:100%;height:100%}.find-my-breed-card__media img{display:block;object-fit:contain;object-position:center}.find-my-breed-card__placeholder{display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.6);font-size:4.8rem;font-weight:700;line-height:1}.find-my-breed-card__content{display:flex;flex:0 0 auto;padding:1.3rem 1.4rem 1.4rem}.find-my-breed-card__title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;margin:0;font-size:1.6rem;line-height:1.35}.find-my-breed-card__action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin-left:auto;width:2.4rem;height:2.4rem;color:rgb(var(--color-foreground));opacity:.9;transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.find-my-breed-card[href]:hover .find-my-breed-card__action{opacity:1;transform:translate(.2rem)}.find-my-breed-card__action .svg-wrapper{width:1.8rem;height:1.8rem}.find-my-breed__empty,.find-my-breed__placeholder{max-width:72rem;padding:2.4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.4rem;background:rgba(var(--color-foreground),.03)}.find-my-breed__empty[hidden]{display:none}@media screen and (min-width:750px){.find-my-breed__header{margin-bottom:3.6rem}.find-my-breed__grid{grid-template-columns:repeat(var(--find-my-breed-columns-desktop),minmax(0,1fr))}}@media screen and (max-width:749px){.find-my-breed__search-input{min-height:5.2rem}.find-my-breed__letters{gap:.2rem .8rem}.find-my-breed-card__content{padding:1rem 1.1rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-find-my-breed.css.map */