.snippet-card-article{position:relative;padding:.5rem;background-color:transparent;display:flex;align-items:center;transition:all var(--transition-duration) var(--transition-timing) 0s}.snippet-card-article:hover,.snippet-card-article:focus{background-color:var(--colour-primary);border-radius:.5rem;overflow:hidden}.snippet-card-article:hover .card-image img,.snippet-card-article:hover .card-image svg,.snippet-card-article:focus .card-image img,.snippet-card-article:focus .card-image svg{border-radius:.25rem}.snippet-card-article .card-image{flex-shrink:0}.snippet-card-article .card-image img,.snippet-card-article .card-image svg{height:100%;width:100%;object-fit:cover;aspect-ratio:2/3}.snippet-card-article .card-details{padding:1rem;display:flex;flex-direction:column;gap:1rem}.snippet-card-article .card-details .title{text-decoration:none}.snippet-card-article .card-details .category,.snippet-card-article .card-details time,.snippet-card-article .card-details .read-time{font-size:.75rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase}.snippet-card-article .card-details time{opacity:.5}.snippet-card-article .card-details .time{display:flex;flex-direction:column}.snippet-card-article.is-featured{background-color:var(--colour-tertiary);color:var(--colour-primary)}.snippet-card-article.is-featured,.snippet-card-article.is-featured img,.snippet-card-article.is-featured svg{max-height:100%}.snippet-card-article.is-featured .card-details .title{margin:0}@media (min-width: 768px){.snippet-card-article:not(.is-featured){flex-direction:column}.snippet-card-article .card-image img,.snippet-card-article .card-image svg{aspect-ratio:3/4}}@media (min-width: 1024px){.snippet-card-article .card-details{padding:1.5rem}.snippet-card-article.is-featured .card-image{height:100%}.snippet-card-article.is-featured .card-image img{width:revert-layer}}@media (min-width: 1280px){.snippet-card-article.is-featured .card-details{padding:4.5rem}}@media (max-width: 1023.98px){.snippet-card-article.is-featured{flex-direction:column}.snippet-card-article.is-featured .card-image img{aspect-ratio:4/3}}@media (max-width: 767.98px){.snippet-card-article .card-image{width:8.5rem}.snippet-card-article .card-details .title{font-size:1rem}.snippet-card-article.is-featured .card-image{width:100%}.snippet-card-article.is-featured .card-image img{width:100%;aspect-ratio:6/7}.snippet-card-article.is-featured .card-details .title{font-size:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/469/assets/snippet-card-article.css.map */