.kn-ctiles__wrap{display:flex;flex-direction:column;gap:36px}.kn-ctiles--chips .kn-ctiles__wrap{gap:18px}.kn-ctiles--chips .kn-ctiles__heading{font-size:30px}.kn-ctiles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.kn-ctile{position:relative;display:flex;flex-direction:column;border:2px solid var(--kn-ink);border-radius:28px;background:var(--kn-white);overflow:hidden;text-decoration:none;color:var(--kn-ink);box-shadow:4px 4px 0 var(--kn-ink);transition:transform .15s ease,box-shadow .15s ease}.kn-ctile:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--kn-ink)}.kn-ctile:focus-visible{outline:3px solid var(--kn-magenta);outline-offset:3px}.kn-ctile__pic{display:block;aspect-ratio:1 / 1;background:var(--tile);border-bottom:2px solid var(--kn-ink);overflow:hidden}.kn-ctile__pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.kn-ctile:hover .kn-ctile__pic img{transform:scale(1.04)}.kn-ctile__body{display:flex;flex-direction:column;gap:4px;padding:18px 64px 20px 20px}.kn-ctile__title{font-family:var(--kn-display);font-size:24px;font-weight:600;line-height:1.15}.kn-ctile__count{font-size:14px;font-weight:700;color:var(--kn-ink-2)}.kn-ctile__arrow{position:absolute;right:16px;bottom:20px;width:40px;height:40px;border-radius:50%;border:2px solid var(--kn-ink);background:var(--tile);display:flex;align-items:center;justify-content:center}.kn-ctile__arrow svg{width:18px;height:18px}.kn-ctile[aria-current=page]{background:var(--tile)}.kn-cchips{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 4px 8px;margin:-4px -4px -8px;-webkit-overflow-scrolling:touch}.kn-cchips::-webkit-scrollbar{display:none}.kn-cchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px 6px 6px;border:2px solid var(--kn-ink);border-radius:999px;background:var(--kn-white);color:var(--kn-ink);text-decoration:none;font-family:var(--kn-display);font-size:17px;font-weight:600;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}.kn-cchip:not(:has(.kn-cchip__pic)){padding-left:18px}.kn-cchip:hover{background:#fff0f6;transform:translateY(-1px)}.kn-cchip:focus-visible{outline:3px solid var(--kn-magenta);outline-offset:2px}.kn-cchip[aria-current=page]{background:var(--kn-ink);color:var(--kn-cream)}.kn-cchip__pic{width:38px;height:38px;border-radius:50%;border:2px solid var(--kn-ink);overflow:hidden;background:var(--kn-white);flex-shrink:0}.kn-cchip__pic img{width:100%;height:100%;object-fit:cover;display:block}.kn-cchip__count{font-family:var(--kn-body);font-size:13px;font-weight:700;min-width:26px;height:24px;padding:0 7px;border-radius:999px;background:var(--kn-baby);color:var(--kn-ink);display:inline-flex;align-items:center;justify-content:center}.kn-cchip[aria-current=page] .kn-cchip__count{background:var(--kn-pink)}@media screen and (max-width:989px){.kn-ctiles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media screen and (max-width:749px){.kn-ctiles__wrap{gap:24px}.kn-ctiles__grid{gap:12px}.kn-ctile{border-radius:20px;box-shadow:3px 3px 0 var(--kn-ink)}.kn-ctile__body{padding:12px 44px 14px 14px}.kn-ctile__title{font-size:18px}.kn-ctile__count{font-size:12px}.kn-ctile__arrow{right:10px;bottom:14px;width:30px;height:30px}.kn-ctile__arrow svg{width:14px;height:14px}.kn-ctiles--chips .kn-ctiles__heading{font-size:24px}.kn-cchip{min-height:46px;font-size:15px}.kn-cchip__pic{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/keynora-tiles.css.map */