.inkdir{background:var(--bg);color:var(--fg);padding-block:var(--pt) var(--pb);--line: rgba(0,0,0,.12);--tile-bg: #f2f2f2}.inkdir__wrap{max-width:1240px;margin:0 auto;padding-inline:20px}.inkdir__head{text-align:var(--align);margin-bottom:24px}.inkdir__title,.inkdir__group-title,.inkdir-breed__title{font-family:Bebas Neue,Impact,sans-serif;font-weight:400;letter-spacing:.01em;color:var(--fg)}.inkdir__title{margin:0;font-size:var(--h);line-height:.95}.inkdir__intro{margin:10px 0 0;max-width:60ch;font-size:17px;line-height:1.55}.inkdir--center .inkdir__intro{margin-inline:auto}.inkdir__intro p{margin:0}.inkdir .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.inkdir__field{position:relative}.inkdir__field input{width:100%;min-height:48px;margin:0;padding:0 40px 0 14px;border:1px solid #111;border-radius:3px;background:#fff;color:#111;font-size:16px;box-sizing:border-box}.inkdir__field input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.inkdir__clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:#111;font-size:22px;line-height:1;cursor:pointer}.inkdir__clear[hidden]{display:none}.inkdir-breed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px 32px;align-items:center;margin:0 0 28px;padding:24px 28px;background:var(--breed-bg);border-left:5px solid var(--accent);border-radius:4px}.inkdir-breed__title{margin:0;font-size:var(--bh);line-height:1}.inkdir-breed__text{margin:6px 0 0;font-size:16px;line-height:1.5}.inkdir-breed__form{display:flex;gap:10px;align-items:stretch}.inkdir-breed__form .inkdir__field{flex:1 1 auto}.inkdir-breed__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:0 20px;border-radius:3px;border:2px solid #111;background:#111;color:#fff!important;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background .15s,border-color .15s}.inkdir-breed__btn:hover{background:var(--accent);border-color:var(--accent)}.inkdir-breed__btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.inkdir-breed__results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid #111;border-radius:3px;box-shadow:0 8px 24px #0000001f;max-height:320px;overflow-y:auto}.inkdir-breed__results[hidden]{display:none}.inkdir-breed__results a{display:block;padding:10px 14px;color:#111!important;text-decoration:none;font-size:15px}.inkdir-breed__results a:hover,.inkdir-breed__results a:focus{background:#f2f2f2;outline:none;color:var(--accent)!important}.inkdir-breed__results li.is-none{padding:10px 14px;font-size:15px}.inkdir-breed__results mark{background:none;color:inherit;font-weight:700}.inkdir__tools{position:sticky;top:var(--inkdir-sticky, 0px);z-index:5;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:8px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.inkdir__tools .inkdir__field{flex:1 1 280px;max-width:420px}.inkdir__jump{display:flex;flex-wrap:wrap;gap:8px}.inkdir__chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #111;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#111!important;background:#fff;text-decoration:none;transition:background .15s,color .15s}.inkdir__chip:hover{background:#111;color:#fff!important}.inkdir__chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.inkdir__chip[hidden]{display:none}.inkdir__status{width:100%;margin:0;font-size:14px}.inkdir__status [data-inkdir-status]{opacity:.75}.inkdir__status:has([data-inkdir-status]:empty):has([data-inkdir-all][hidden]){display:none}.inkdir__all{color:var(--fg)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}.inkdir__all:hover{color:var(--accent)!important}.inkdir__all[hidden]{display:none}.inkdir__empty .inkdir__all{display:inline-block;margin-top:10px}.inkdir-breed__results a.is-inline{display:inline;padding:0;text-decoration:underline}.inkdir__group{padding-top:28px;scroll-margin-top:140px}.inkdir__group[hidden]{display:none}.inkdir__group-title{margin:0 0 16px;font-size:var(--gh);line-height:1}.inkdir__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:28px 20px}.inkdir__tile[hidden]{display:none}.inkdir__link{display:block;color:var(--fg)!important;text-decoration:none}.inkdir__media{display:block;aspect-ratio:var(--ratio);background:var(--tile-bg);border-radius:4px;overflow:hidden}.inkdir__media img,.inkdir__media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.inkdir__link:hover img{transform:scale(1.03)}.inkdir__name{display:block;margin-top:10px;font-size:var(--ts);font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}.inkdir__link:hover .inkdir__name{color:var(--accent)}.inkdir__link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.inkdir__empty{padding:40px 0;text-align:center;font-size:17px}.inkdir__empty[hidden]{display:none}@media(max-width:798px){.inkdir{padding-block:var(--pt-m) var(--pb-m)}.inkdir__wrap{padding-inline:16px}.inkdir__title{font-size:var(--h-m)}.inkdir__intro{font-size:16px}.inkdir-breed{grid-template-columns:1fr;padding:18px 16px;margin-bottom:20px}.inkdir-breed__title{font-size:var(--bh-m)}.inkdir-breed__form{flex-direction:column}.inkdir__tools{position:static}.inkdir__tools .inkdir__field{max-width:none}.inkdir__jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.inkdir__chip{flex:0 0 auto}.inkdir__group{padding-top:var(--gg-m);scroll-margin-top:20px}.inkdir__group-title{font-size:var(--gh-m)}.inkdir__grid{grid-template-columns:repeat(var(--cols-m),minmax(0,1fr));gap:var(--rg-m) var(--cg-m)}.inkdir__name{font-size:var(--ts-m);margin-top:8px}}@media(prefers-reduced-motion:reduce){.inkdir *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/ink-directory.css.map */