.kfe{display:block;margin:20px 0;color:var(--text)}.kfe__title{margin:0 0 14px;font-family:var(--FONT-STACK-HEADING);font-weight:600;font-size:var(--kfe-title-size, 16px);line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.kfe__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 16px;margin:0;padding:0;list-style:none}@media(min-width:750px){.kfe__list{grid-template-columns:repeat(var(--kfe-count, 5),minmax(0,1fr));gap:14px 12px}}@media(min-width:750px)and (max-width:1099px){.kfe .kfe__name{font-size:11px}}@media(min-width:750px)and (max-width:899px){.kfe .kfe__name{font-size:10px;letter-spacing:0}}.kfe__item{margin:0;padding:0}.kfe__tile{display:grid;gap:8px;width:100%;max-width:var(--kfe-width, 88px);margin-inline:auto;padding:0;color:inherit;text-align:center;text-decoration:none}.kfe__tile:focus-visible{outline:2px solid var(--text);outline-offset:4px;border-radius:8px}.kfe__tile--out .kfe__image,.kfe__tile--out .kfe__name{opacity:.45}.kfe__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 0 transparent;transition:box-shadow .2s ease}.kfe__tile:hover .kfe__image{box-shadow:0 0 0 2px var(--bg),0 0 0 4px color-mix(in srgb,var(--text) 30%,transparent)}.kfe__tile--current .kfe__image,.kfe__tile--current:hover .kfe__image{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--kfe-current-ring)}.kfe__image--empty{background:color-mix(in srgb,var(--text) 8%,transparent)}.kfe__name{font-family:var(--FONT-STACK-BODY);font-weight:600;font-size:13px;line-height:1.25;letter-spacing:.01em;overflow-wrap:anywhere}.kfe__tile--current .kfe__name{font-weight:700}.kfe__scroller{position:relative}.kfe__arrow{display:none}@media(min-width:360px)and (max-width:749px){.kfe[data-mobile=fit] .kfe__list{grid-template-columns:repeat(var(--kfe-columns, 5),minmax(0,1fr));gap:14px 8px}.kfe[data-mobile=fit] .kfe__name{font-size:11px}}@media(max-width:749px){.kfe[data-mobile=scroll] .kfe__list{display:flex;gap:16px;margin:-8px -8px 0;padding:8px 8px 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.kfe[data-mobile=scroll] .kfe__list::-webkit-scrollbar{display:none}.kfe[data-mobile=scroll] .kfe__item{flex:none;width:var(--kfe-width, 88px)}.kfe[data-mobile=scroll] .kfe__arrow{position:absolute;top:calc(8px + var(--kfe-width, 88px) / 2 - 16px);z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--bg);box-shadow:0 2px 4px #0000004d;color:var(--text);cursor:pointer}.kfe[data-mobile=scroll] .kfe__arrow[hidden]{display:none}.kfe[data-mobile=scroll] .kfe__arrow--prev{left:-4px}.kfe[data-mobile=scroll] .kfe__arrow--next{right:-4px}.kfe[data-mobile=scroll] .kfe__arrow:focus-visible{outline:2px solid var(--text);outline-offset:2px}}@media(max-width:359px){.kfe[data-mobile=fit] .kfe__list{display:flex;gap:16px;margin:-8px -8px 0;padding:8px 8px 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.kfe[data-mobile=fit] .kfe__list::-webkit-scrollbar{display:none}.kfe[data-mobile=fit] .kfe__item{flex:none;width:var(--kfe-width, 88px)}.kfe[data-mobile=fit] .kfe__arrow{position:absolute;top:calc(8px + var(--kfe-width, 88px) / 2 - 16px);z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--bg);box-shadow:0 2px 4px #0000004d;color:var(--text);cursor:pointer}.kfe[data-mobile=fit] .kfe__arrow[hidden]{display:none}.kfe[data-mobile=fit] .kfe__arrow--prev{left:-4px}.kfe[data-mobile=fit] .kfe__arrow--next{right:-4px}.kfe[data-mobile=fit] .kfe__arrow:focus-visible{outline:2px solid var(--text);outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/kiid-flavor-explorer.css.map */