.kit-style-list{--ksl-action-size: clamp(44px, 3.2vw, 60px);--ksl-action-inset: clamp(8px, 1vw, 14px);--ksl-badge-inset: clamp(10px, 1.5vw, 22px);--ksl-tile-radius: calc(clamp(20px, 2.2vw, 36px) * var(--yooni-radius-scale));color:var(--yooni-text)}.kit-style-list .kit-style-list__inner{display:flex;flex-direction:column;gap:var(--yooni-space-5);min-width:0}.kit-style-list__crumb-link:focus-visible,.kit-style-list__register-link:focus-visible,.kit-style-list__tab:focus-visible{outline:2px solid var(--yooni-accent);outline-offset:2px;box-shadow:0 0 0 2px var(--yooni-text)}.kit-style-list__crumbs{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--yooni-space-1) var(--yooni-space-2);margin:0;padding:0;font-size:var(--yooni-fs-md);font-weight:var(--yooni-fw-medium);line-height:var(--yooni-lh-snug);color:var(--yooni-text-muted)}.kit-style-list__crumb{display:inline-flex;align-items:center;gap:var(--yooni-space-2);min-width:0;overflow-wrap:anywhere}.kit-style-list__crumb--current{font-weight:var(--yooni-fw-semibold);color:var(--yooni-text)}.kit-style-list__crumb-sep{font-weight:var(--yooni-fw-medium);color:var(--yooni-text-muted)}.kit-style-list__crumb-link{color:inherit;text-decoration:none;border-radius:var(--yooni-radius-sm);transition:color var(--yooni-dur-fast) var(--yooni-ease)}.kit-style-list__crumb-link:hover{color:var(--yooni-text);text-decoration:underline;text-underline-offset:.2em}.kit-style-list__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--yooni-space-2) var(--yooni-space-5);min-width:0}.kit-style-list--center .kit-style-list__head{flex-direction:column;align-items:center;text-align:center}.kit-style-list .kit-style-list__heading{margin:0;min-width:0;overflow-wrap:anywhere}.kit-style-list__register{display:flex;align-items:center;min-height:var(--minimum-touch-target, 44px);margin:0;font-size:var(--yooni-fs-md)}.kit-style-list__register-link{font-weight:var(--yooni-fw-semibold);color:var(--yooni-text);text-decoration:underline;text-underline-offset:.2em;border-radius:var(--yooni-radius-sm);transition:color var(--yooni-dur-fast) var(--yooni-ease)}.kit-style-list__register-link:hover{text-decoration-thickness:2px}.kit-style-list__tab-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--yooni-space-2);margin:0;padding:0}.kit-style-list--center .kit-style-list__tab-list{justify-content:center}.kit-style-list__tab{display:inline-flex;align-items:center;justify-content:center;min-height:var(--minimum-touch-target, 44px);padding:.625rem 1.5rem;font-size:var(--yooni-fs-md);font-weight:var(--yooni-fw-bold);line-height:1.2;text-align:center;text-decoration:none;color:var(--yooni-tab-text);background-color:var(--yooni-tab-bg);border-radius:var(--yooni-radius-pill);transition:color var(--yooni-dur-fast) var(--yooni-ease),background-color var(--yooni-dur-fast) var(--yooni-ease)}.kit-style-list__tab:hover,.kit-style-list__tab--active{color:var(--yooni-tab-active-text);background-color:var(--yooni-tab-active-bg)}.kit-style-list__tab[aria-disabled=true]{cursor:default}.kit-style-list__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--ksl-cols-mobile, 2),minmax(0,1fr));column-gap:calc(var(--ksl-gap-x, 20px) * .6);row-gap:calc(var(--ksl-gap-y, 36px) * .6)}.kit-style-list__item{container-type:inline-size;display:flex;flex-direction:column;gap:var(--yooni-space-3);min-width:0}.kit-style-list .kit-style-list__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;aspect-ratio:var(--ksl-ratio, 345 / 455);padding:var(--ksl-action-inset);overflow:clip;border-radius:var(--ksl-tile-radius);background-color:var(--yooni-tile);box-shadow:var(--yooni-tile-shadow);transition:transform var(--yooni-dur-base) var(--yooni-ease),box-shadow var(--yooni-dur-base) var(--yooni-ease)}.kit-style-list .kit-style-list__tile:hover,.kit-style-list .kit-style-list__tile:focus-within{transform:translateY(calc(-6px * var(--yooni-lift-on, 1)));box-shadow:var(--yooni-tile-shadow-hover)}.kit-style-list .kit-style-list__tile:has(:focus-visible){outline:2px solid var(--yooni-text);outline-offset:3px}.kit-style-list__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;overflow:clip;border-radius:inherit}.kit-style-list__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transform-origin:top center;transition:transform var(--yooni-dur-base) var(--yooni-ease)}.kit-style-list__tile:hover .kit-style-list__img,.kit-style-list__tile:focus-within .kit-style-list__img{transform:scale(calc(1 + .04 * var(--yooni-zoom-on, 1)))}.kit-style-list__img--placeholder{fill:rgb(var(--yooni-text-rgb) / .3)}.kit-style-list__badge{position:absolute;z-index:2;top:var(--ksl-badge-inset);left:var(--ksl-badge-inset);max-width:calc(100% - 2 * var(--ksl-badge-inset));padding:.55em 1.1em;overflow:hidden;font-size:var(--yooni-fs-note);font-weight:var(--yooni-fw-bold);line-height:1.1;white-space:nowrap;text-overflow:ellipsis;color:var(--yooni-badge-text);background-color:var(--yooni-badge-bg);border-radius:var(--ksl-badge-radius, var(--yooni-radius-pill));pointer-events:none}.kit-style-list__actions{position:relative;z-index:2;display:flex;align-items:stretch;gap:var(--yooni-space-2);min-width:0;pointer-events:none}.kit-style-list .kit-style-list__cta{flex:1 1 auto;width:auto;min-width:0;min-height:var(--ksl-action-size);padding-block:.4em;overflow-wrap:anywhere;pointer-events:auto}.kit-style-list__cart{--yooni-icon-size: var(--ksl-action-size);--icon-stroke-width: 1.6px;flex:0 0 var(--ksl-action-size);display:block;width:var(--ksl-action-size);pointer-events:auto}.kit-style-list__cart svg{display:block;width:100%;height:100%}.kit-style-list .kit-style-list__cta:focus-visible,.kit-style-list__cart .yooni-icon-btn:focus-visible{outline:2px solid var(--yooni-accent);outline-offset:2px}.kit-style-list__caption{display:flex;flex-direction:column;gap:var(--yooni-space-1);margin:0;padding-inline:var(--yooni-space-1);overflow-wrap:anywhere}.kit-style-list__title{font-size:var(--yooni-fs-title);font-weight:var(--yooni-fw-bold);line-height:var(--yooni-lh-snug);color:var(--yooni-heading)}.kit-style-list__subtitle{font-size:var(--yooni-fs-md);font-weight:var(--yooni-fw-medium);line-height:var(--yooni-lh-snug);color:var(--yooni-text-muted)}.kit-style-list__empty{margin:0;font-size:var(--yooni-fs-md);line-height:var(--yooni-lh-snug);color:var(--yooni-text-muted)}.kit-style-list--center .kit-style-list__empty{text-align:center}.kit-style-list--tile-stacked .kit-style-list__tile{justify-content:flex-start;gap:var(--yooni-space-2);aspect-ratio:auto}.kit-style-list--tile-stacked .kit-style-list__media{position:relative;inset:auto;aspect-ratio:var(--ksl-ratio, 345 / 455);border-radius:calc(var(--ksl-tile-radius) - var(--ksl-action-inset))}.kit-style-list--tile-stacked .kit-style-list__badge{position:static;max-width:none;padding:0 2px;overflow:visible;white-space:normal;font-size:var(--yooni-fs-md);line-height:1.25;text-overflow:clip;color:var(--yooni-heading);background-color:transparent;border-radius:0}.kit-style-list--tile-stacked .kit-style-list__actions{margin-block-start:auto}@container (max-width: 239px){.kit-style-list .kit-style-list__tile{--ksl-action-inset: 8px;--ksl-action-size: 38px;justify-content:flex-start;gap:8px;aspect-ratio:auto}.kit-style-list .kit-style-list__media{position:relative;inset:auto;aspect-ratio:var(--ksl-ratio, 345 / 455);border-radius:calc(var(--ksl-tile-radius) - var(--ksl-action-inset))}.kit-style-list .kit-style-list__badge{position:static;max-width:none;padding:0 2px;overflow:visible;white-space:normal;font-size:var(--yooni-fs-note);line-height:1.25;text-overflow:clip;color:var(--yooni-heading);background-color:transparent;border-radius:0}.kit-style-list .kit-style-list__actions{margin-block-start:auto}.kit-style-list__cart{display:none}.kit-style-list .kit-style-list__cta{padding-inline:.5em;font-size:.8125rem}}@media screen and (min-width:480px){.kit-style-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:750px){.kit-style-list .kit-style-list__inner{gap:var(--yooni-space-6)}.kit-style-list__tab-list{gap:var(--yooni-space-4)}.kit-style-list__grid{column-gap:var(--ksl-gap-x, 20px);row-gap:var(--ksl-gap-y, 36px)}}@media screen and (min-width:990px){.kit-style-list__grid{grid-template-columns:repeat(var(--ksl-cols-md, 3),minmax(0,1fr))}}@media screen and (min-width:1200px){.kit-style-list__grid{grid-template-columns:repeat(var(--ksl-cols, 4),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.kit-style-list .kit-style-list__tile,.kit-style-list__img,.kit-style-list__tab,.kit-style-list__crumb-link,.kit-style-list__register-link{transition:none}.kit-style-list .kit-style-list__tile:hover,.kit-style-list .kit-style-list__tile:focus-within,.kit-style-list__tile:hover .kit-style-list__img,.kit-style-list__tile:focus-within .kit-style-list__img,.kit-style-list__cart .yooni-icon-btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kit-style-list.css.map */