.fr-design-tiles{--fr-dt-gap: 20px;--fr-dt-radius: var(--fr-radius-media, 6px);color:var(--fr-color-ink, #1e1b18);font-family:var(--fr-font-body, var(--font-body--family))}.fr-design-tiles--grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--fr-space-12, 48px)}.fr-design-tiles--with-card{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.fr-design-tiles__heading{margin:0 0 var(--fr-space-6, 24px);font-family:var(--fr-font-heading, var(--font-heading--family));font-weight:500;font-size:var(--fr-fs-h2, 30px);letter-spacing:var(--fr-ls-snug, -.01em);line-height:1.15}.fr-design-tiles__grid{display:grid;grid-template-columns:repeat(var(--fr-dt-cols-mobile, 4),minmax(0,1fr));gap:var(--fr-space-4, 16px) var(--fr-space-3, 12px);margin:0;padding:0}@media screen and (min-width:750px){.fr-design-tiles__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--fr-space-5, 20px) var(--fr-space-4, 16px)}}@media screen and (min-width:990px){.fr-design-tiles__grid{grid-template-columns:repeat(var(--fr-dt-cols, 8),minmax(0,1fr))}}.fr-design-tiles--mega .fr-design-tiles__grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--fr-space-5, 20px) var(--fr-space-4, 16px)}.fr-design-tile{display:flex;flex-direction:column;align-items:center;gap:var(--fr-space-2h, 10px);color:inherit;text-decoration:none;border-radius:var(--fr-dt-radius)}.fr-design-tile__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--fr-dt-radius);background:var(--fr-color-media, #e8dfd0)}.fr-design-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.fr-design-tile__img--tile{opacity:0;transition:opacity var(--fr-motion, .25s ease)}@media(hover:hover){.fr-design-tile:hover .fr-design-tile__img--tile,.fr-design-tile:focus-visible .fr-design-tile__img--tile{opacity:1}}@media(prefers-reduced-motion:reduce){.fr-design-tile__img--tile{transition:none}}.fr-design-tile__name{font-family:var(--fr-font-body, var(--font-body--family));font-weight:500;font-size:var(--fr-fs-ui, 14px);line-height:1.3;text-align:center;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:749px){.fr-design-tile__name{font-size:12px}}.fr-design-tile:hover .fr-design-tile__name{text-decoration:underline;text-underline-offset:3px}.fr-design-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--fr-font-body, var(--font-body--family));font-weight:600;font-size:18px;color:var(--fr-color-text-subtle, #6b6258);background:var(--fr-color-media, #e8dfd0)}.fr-design-tiles__link,.fr-design-tiles__all{display:inline-block;margin-top:var(--fr-space-6, 24px);font-family:var(--fr-font-body, var(--font-body--family));font-weight:600;font-size:var(--fr-fs-body, 15px);color:var(--fr-color-accent, #2a615e);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.fr-design-tiles__all:hover,.fr-design-tiles__card-link:hover .fr-design-tiles__link{color:var(--fr-color-accent-hover, #1f4d4a)}.fr-design-tiles__card-link{display:block;color:inherit;text-decoration:none}.fr-design-tiles__card-media{display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--fr-dt-radius);background:var(--fr-color-media, #e8dfd0)}.fr-design-tiles__card-img{width:100%;height:100%;object-fit:cover;display:block}.fr-design-tiles__card-heading{display:block;margin-top:var(--fr-space-4, 16px);font-family:var(--fr-font-heading, var(--font-heading--family));font-weight:500;font-size:17px;line-height:1.3}.fr-design-tiles__card .fr-design-tiles__link{margin-top:var(--fr-space-2, 8px);font-weight:500;font-size:var(--fr-fs-small, 13px);text-decoration-thickness:1px;text-underline-offset:3px}.fr-design-tiles__empty{padding:var(--fr-space-4, 16px);border:1px dashed var(--fr-color-hairline, #d8cdbd);color:var(--fr-color-text-muted, #5c564f);font-size:var(--fr-fs-small, 13px)}.fr-design-list{margin:0;padding:0}.fr-design-list__item{border-bottom:1px solid var(--fr-color-hairline, #d8cdbd)}.fr-design-row{display:flex;align-items:center;gap:var(--fr-space-3, 12px);min-height:var(--fr-h-row-lg, 56px);padding-block:var(--fr-space-2, 8px);color:var(--fr-color-ink, #1e1b18);text-decoration:none}.fr-design-row__thumb{position:relative;flex:0 0 40px;width:40px;height:40px;overflow:hidden;border-radius:var(--fr-radius-control, 4px);background:var(--fr-color-media, #e8dfd0)}.fr-design-row__thumb .fr-design-placeholder{font-size:14px}.fr-design-row__img{width:100%;height:100%;object-fit:cover;display:block}.fr-design-row__name{flex:1 1 auto;min-width:0;font-family:var(--fr-font-body, var(--font-body--family));font-size:16px;line-height:1.3;overflow-wrap:anywhere}.fr-design-row__chevron{flex:0 0 auto;display:inline-flex;color:var(--fr-color-text-muted, #5c564f)}.fr-design-tiles__all-button{display:flex;align-items:center;justify-content:center;min-height:var(--fr-h-button, 48px);margin-top:var(--fr-space-4, 16px);border:2px solid var(--fr-color-ink, #1e1b18);border-radius:var(--fr-radius-control, 4px);font-family:var(--fr-font-body, var(--font-body--family));font-weight:600;font-size:var(--fr-fs-body, 15px);color:var(--fr-color-ink, #1e1b18);text-decoration:none}.fr-design-tiles__all-button:hover{background:var(--fr-color-ink, #1e1b18);color:var(--fr-color-cream, #f5eee2)}.fr-design-row:focus-visible,.fr-design-tile:focus-visible,.fr-design-tiles__all:focus-visible,.fr-design-tiles__all-button:focus-visible,.fr-design-tiles__card-link:focus-visible{outline:2px solid var(--fr-color-accent, #2a615e);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fr-design-tiles.css.map */