.koi-encyclopedia__description{margin-bottom:2.5rem}.koi-encyclopedia__filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:2.5rem}.koi-encyclopedia__search-field{position:relative;flex:1 1 22rem;min-width:18rem}.koi-encyclopedia__select-field{position:relative}.koi-encyclopedia__input,.koi-encyclopedia__select{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;height:3.6rem;width:100%;box-sizing:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, .4rem);transition:border-color var(--duration-short) ease}.koi-encyclopedia__input:hover,.koi-encyclopedia__select:hover{border-color:rgba(var(--color-foreground),.35)}.koi-encyclopedia__input:focus,.koi-encyclopedia__select:focus{border-color:rgba(var(--color-foreground),.5);outline:none}.koi-encyclopedia__input{padding:0 1.2rem 0 3.4rem}.koi-encyclopedia__input::placeholder{color:rgba(var(--color-foreground),.45)}.koi-encyclopedia__select{padding:0 3rem 0 1.2rem;cursor:pointer}.koi-encyclopedia__select-field .icon-caret{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1rem;pointer-events:none}.koi-encyclopedia__search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;color:rgba(var(--color-foreground),.4);pointer-events:none}.koi-encyclopedia__count{font-size:1.3rem;color:rgba(var(--color-foreground),.55);margin-left:auto;white-space:nowrap;letter-spacing:.04rem}.koi-encyclopedia__clear{font-size:1.3rem;color:rgba(var(--color-foreground),.55);text-decoration:underline;text-underline-offset:.3rem;white-space:nowrap;transition:color var(--duration-short) ease}.koi-encyclopedia__clear:hover{color:rgb(var(--color-foreground))}.koi-encyclopedia__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.koi-encyclopedia__grid--4-col{grid-template-columns:repeat(4,1fr)}.koi-variety-card{background:rgb(var(--color-background));border-radius:var(--card-corner-radius, 1rem);box-shadow:0 .4rem .8rem rgba(var(--color-foreground),.06);overflow:hidden;display:flex;flex-direction:column;text-decoration:none!important;color:inherit!important;transition:box-shadow .2s,transform .2s}.koi-variety-card:hover,.koi-variety-card:focus{box-shadow:0 .6rem 1.6rem rgba(var(--color-foreground),.1);transform:translateY(-2px)}.koi-variety-card__image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background-color:rgba(var(--color-foreground),.04);background-size:cover;background-position:center}.koi-variety-card__image-wrapper:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:inherit;filter:blur(20px) saturate(1.2);z-index:0}.koi-variety-card__image{position:relative;width:100%;height:100%;object-fit:contain;display:block;z-index:1}.koi-variety-card__placeholder{width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;font-size:3rem;background:rgba(var(--color-foreground),.04)}.koi-variety-card__content{padding:1.6rem;flex:1;display:flex;flex-direction:column;gap:.4rem}.koi-variety-card__name{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:var(--font-heading-weight, 600);color:rgb(var(--color-foreground));margin:0;line-height:calc(1 + .3 / var(--font-heading-scale, 1))}.koi-variety-card__japanese{font-size:1.3rem;color:rgba(var(--color-foreground),.55);font-style:italic;margin:0}.koi-variety-card__description{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin:.4rem 0 0;line-height:calc(1 + .6 / var(--font-body-scale));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.koi-variety-card__meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.8rem}.koi-variety-card__badge{display:inline-block;padding:.3rem .8rem;font-size:1.1rem;font-weight:600;border-radius:.4rem;line-height:1.3;letter-spacing:.04rem}.koi-variety-card__badge--category{background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.75)}.koi-encyclopedia__no-results{display:none;text-align:center;padding:4rem 1rem;color:rgba(var(--color-foreground),.55);font-size:1.5rem;grid-column:1 / -1}@media screen and (max-width:989px){.koi-encyclopedia__grid,.koi-encyclopedia__grid--4-col{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (max-width:749px){.koi-encyclopedia__grid,.koi-encyclopedia__grid--4-col{grid-template-columns:repeat(2,1fr);gap:1rem}.koi-encyclopedia__filters{gap:1rem}.koi-encyclopedia__search-field{flex-basis:100%;min-width:0}.koi-encyclopedia__select-field{flex:1 1 0;min-width:0}.koi-encyclopedia__count{flex-basis:100%;margin-left:0;text-align:center}.koi-variety-card__content{padding:1.2rem}.koi-variety-card__name{font-size:1.3rem}.koi-variety-card__japanese,.koi-variety-card__description{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-koi-encyclopedia.css.map */