.collection-tile{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;margin-bottom:5px}.collection-tile__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ff-radius-lg);background:var(--ff-color-surface, #fff);transition:transform var(--ff-duration-base, .2s) ease,box-shadow var(--ff-duration-base, .2s) ease}.collection-tile__image,.collection-tile__media>.placeholder-svg{width:100%;height:100%;object-fit:cover}.collection-tile__title{margin:0;padding-inline:7%;font-family:var(--ff-font-heading);font-size:var(--ff-text-base);font-weight:var(--ff-weight-ui, 500);line-height:1.3;letter-spacing:.02em;text-align:center}.collection-tile__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:inherit;text-decoration:none}.collection-tile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--ff-radius-lg)}.collection-tile__link:focus-visible{outline:none;box-shadow:none}.collection-tile__link:focus-visible:after{outline:2px solid var(--ff-color-focus);outline-offset:3px}.collection-tile__dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--tile-accent);box-shadow:inset 0 0 0 1px #00000024}.collection-tile.is-current .collection-tile__media{box-shadow:0 0 0 3px var(--tile-accent, var(--color-text))}.collection-tile.is-current .collection-tile__label{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.collection-tile--small{gap:8px}.collection-tile--small .collection-tile__title{padding-inline:2px;font-size:calc(var(--ff-text-base) - 2px)}@media(hover:hover){.collection-tile:hover .collection-tile__media{transform:translateY(-3px);box-shadow:var(--ff-shadow-lift)}.collection-tile.is-current:hover .collection-tile__media{box-shadow:0 0 0 3px var(--tile-accent, var(--color-text)),var(--ff-shadow-lift)}}.collection-tile:active .collection-tile__media{transform:scale(.97);transition-duration:.05s}@media(min-width:769px){.collection-tile{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.collection-tile:hover .collection-tile__media,.collection-tile:active .collection-tile__media{transform:none}}.main-list-collections__title{margin:0 0 var(--ff-section-header-gap)}.main-list-collections__grid{row-gap:18px}@media(min-width:769px){.main-list-collections__grid{row-gap:28px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-collection-tile.css.map */