.configurable-banners{width:100%}.configurable-banners__header{margin-bottom:2rem}.configurable-banners__title{margin-bottom:.5rem;font-weight:600;line-height:1.2}.configurable-banners__subtitle{margin:0;font-size:1.125rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.configurable-banners__grid{display:grid;gap:1.5rem;width:100%}@media screen and (min-width: 750px){.configurable-banners__grid{gap:2rem}.configurable-banners--1-banners .configurable-banners__grid{grid-template-columns:1fr}.configurable-banners--2-banners .configurable-banners__grid{grid-template-columns:repeat(2,1fr)}.configurable-banners--3-banners .configurable-banners__grid{grid-template-columns:repeat(3,1fr)}.configurable-banners--4-banners .configurable-banners__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 749px){.configurable-banners__grid{grid-template-columns:1fr;gap:1rem}.configurable-banners__header{margin-bottom:1.5rem}.configurable-banners__title{font-size:1.5rem}.configurable-banners__subtitle{font-size:1rem}}.configurable-banner{position:relative;display:flex;flex-direction:column;height:100%;background:rgba(var(--color-foreground),.04);border-radius:.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.configurable-banner__link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-foreground),.1)}.configurable-banner__media{position:relative;width:100%;overflow:hidden}.configurable-banner__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.configurable-banner__picture{width:100%;height:100%;display:block}.configurable-banner__image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.configurable-banner__link:hover .configurable-banner__image{transform:scale(1.05)}.configurable-banner__content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.configurable-banner__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3;color:rgba(var(--color-foreground),1)}.configurable-banner__subtitle{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:rgba(var(--color-foreground),.7);flex-grow:1}.configurable-banner__button{align-self:flex-start;margin-top:auto;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:.25rem;transition:all .3s ease;white-space:nowrap}.configurable-banner__button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-foreground),.2)}@media screen and (max-width: 749px){.configurable-banner__content{padding:1rem}.configurable-banner__title{font-size:1.125rem}.configurable-banner__subtitle{font-size:.8125rem}.configurable-banner__button{padding:.625rem 1.25rem;font-size:.8125rem}}.configurable-banner .placeholder-svg{width:100%;height:200px;background:rgba(var(--color-foreground),.04);border:1px dashed rgba(var(--color-foreground),.2)}.configurable-banner__link:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.configurable-banner__button:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.configurable-banner{animation:bannerFadeIn .6s ease-out}.configurable-banner:nth-child(1){animation-delay:.1s}.configurable-banner:nth-child(2){animation-delay:.2s}.configurable-banner:nth-child(3){animation-delay:.3s}.configurable-banner:nth-child(4){animation-delay:.4s}@media (prefers-contrast: high){.configurable-banner{border:1px solid rgba(var(--color-foreground),.2)}.configurable-banner__button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.configurable-banner,.configurable-banner__image,.configurable-banner__button{transition:none;animation:none}.configurable-banner:hover,.configurable-banner:hover .configurable-banner__image,.configurable-banner__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-configurable-banners.css.map */