.kf-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:var(--kf-gap-grid)}@media(max-width:1023px){.kf-mosaic{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.kf-mosaic{grid-template-columns:repeat(2,1fr);gap:var(--kf-gap-grid-mobile)}}.kf-cell--1x1{grid-column:span 1;grid-row:span 1;aspect-ratio:1 / 1}.kf-cell--1x2{grid-column:span 1;grid-row:span 2}.kf-cell--2x2{grid-column:span 2;grid-row:span 2;aspect-ratio:1 / 1}@media(max-width:767px){.kf-cell--1x2{grid-row:span 1;aspect-ratio:1 / 1}}.kf-cell{position:relative;isolation:isolate;display:block;border-radius:var(--kf-radius-md);overflow:hidden;background:var(--kf-surface-container-lowest);text-decoration:none;color:inherit;transition:transform .2s ease;--kf-meta-h: 62px}.kf-cell:hover{transform:translateY(-2px)}.kf-product__sold{position:absolute;top:0;left:0;font-size:1.2rem;width:8em;height:8em;overflow:hidden;z-index:1;pointer-events:none}.kf-product__sold-text{position:absolute;top:1.85em;left:-2.5em;width:11.7em;transform:rotate(-45deg);text-align:center;padding:.25em 0;background:var(--kf-tertiary);color:var(--kf-on-accent);font-family:var(--kf-font-latin);font-size:1em;font-weight:800;letter-spacing:var(--kf-track-label);white-space:nowrap;box-shadow:0 1px 3px #0003}.kf-cell--2x2 .kf-product__sold{font-size:1.6rem}.kf-cell .kf-product__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:2px}.kf-cell .kf-product__off{padding:1px 6px;border-radius:var(--kf-radius-sm);background:var(--kf-tertiary);color:var(--kf-on-accent);font-family:var(--kf-font-latin);font-size:1.2rem;font-weight:700;white-space:nowrap}.kf-cell:focus-visible{outline:2px solid var(--kf-primary);outline-offset:2px}.kf-cell:has(.kf-product__meta){display:block}.kf-cell .kf-product__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:6px 6px calc(var(--kf-meta-h) + 4px);box-sizing:border-box;transform:scale(1);transform-origin:center center;transition:padding-bottom .3s ease,transform .3s ease}.kf-cell .kf-product__meta{position:absolute;left:0;right:0;bottom:0;min-height:var(--kf-meta-h);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:6px 10px 8px;border-radius:0;box-sizing:border-box;transform:translateY(0);transition:transform .3s ease}@media(hover:hover){.kf-cell:has(.kf-product__meta):hover .kf-product__img{padding-bottom:6px;transform:scale(1.1)}.kf-cell:has(.kf-product__meta):hover .kf-product__meta{transform:translateY(100%)}}.kf-cell .kf-product__name{font-size:1.2rem;font-weight:600;line-height:1.3;margin:0;color:var(--kf-on-surface);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.12rem}.kf-cell .kf-product__price{font-family:var(--kf-font-latin);font-weight:700;font-size:1.6rem;color:var(--kf-primary);margin-top:0}.kf-char-cell{display:flex;align-items:center;justify-content:center}.kf-char-cell img{width:70%;height:70%;object-fit:contain;transition:transform .2s ease}.kf-char-cell--flip img{transform:scaleX(-1)}.kf-char-cell__name{position:absolute;right:8px;bottom:6px;font-family:var(--kf-font-latin);font-size:1.2rem;letter-spacing:.06em;opacity:.6;font-weight:500;text-transform:lowercase}.kf-char--kanta{background:color-mix(in srgb,var(--kf-primary) 30%,transparent)}.kf-char--furuko{background:color-mix(in srgb,var(--kf-secondary) 30%,transparent)}.kf-char--oyaji{background:color-mix(in srgb,var(--kf-surface-variant) 30%,transparent)}.kf-char--dj{background:color-mix(in srgb,var(--kf-tertiary) 30%,transparent)}.kf-char--denimaru{background:#1f4a664d}.kf-char--torami{background:#8a5a2b4d}.kf-char--torakichi{background:#5c47304d}.kf-char--pankichi{background:#c070364d}.kf-char--madambere{background:#6b4c7a4d}.kf-char--mikerinu{background:#a68a604d}.kf-char--citykun{background:#2d5a754d}.kf-banner{display:flex;align-items:center;justify-content:center;color:var(--kf-on-primary);background:linear-gradient(135deg,var(--kf-primary),var(--kf-primary-container));padding:16px;text-align:center;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kanful-mosaic.css.map */