.coming-soon-brand-grid{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.coming-soon-brand-grid__container{width:100%}.coming-soon-brand-grid__heading{margin:0 0 1.5rem}.coming-soon-brand-grid__cards{display:grid;gap:var(--coming-soon-brand-grid-mobile-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.coming-soon-brand-grid__card{position:relative;overflow:hidden;border-radius:var(--coming-soon-brand-grid-card-radius);background:rgb(var(--color-foreground),.03)}.coming-soon-brand-grid__card-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.coming-soon-brand-grid__card-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.coming-soon-brand-grid__picture,.coming-soon-brand-grid__image,.coming-soon-brand-grid__placeholder{display:block;width:100%;height:100%}.coming-soon-brand-grid__image,.coming-soon-brand-grid__placeholder{aspect-ratio:4 / 5;object-fit:cover}.coming-soon-brand-grid__placeholder{background-color:rgb(var(--color-foreground),.06)}.coming-soon-brand-grid__logo-badge{position:absolute;inset-inline-end:.75rem;inset-block-end:.75rem;max-width:min(85%,var(--coming-soon-brand-grid-overlay-logo-width));border-radius:.35rem;background:var(--coming-soon-brand-grid-overlay-bg);padding:var(--coming-soon-brand-grid-overlay-padding);box-shadow:0 3px 12px #0000001f;pointer-events:none}.coming-soon-brand-grid__logo{display:block;width:100%;height:auto;object-fit:contain}@media screen and (max-width:749px){.coming-soon-brand-grid__cards:not(.coming-soon-brand-grid__cards--five) .coming-soon-brand-grid__card:last-child:nth-child(odd){grid-column:1 / -1}.coming-soon-brand-grid__cards--five{grid-template-areas:"card-2 card-2" "card-1 card-3" "card-4 card-4" "card-5 card-5"}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--1{grid-area:card-1}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--2{grid-area:card-2}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--3{grid-area:card-3}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--4{grid-area:card-4}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--5{grid-area:card-5}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--2 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--2 .coming-soon-brand-grid__placeholder{aspect-ratio:16 / 10}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--1 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--1 .coming-soon-brand-grid__placeholder,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--3 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--3 .coming-soon-brand-grid__placeholder{aspect-ratio:4 / 5}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--4 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--4 .coming-soon-brand-grid__placeholder,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--5 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--5 .coming-soon-brand-grid__placeholder{aspect-ratio:16 / 11}}@media screen and (max-width:479px){.coming-soon-brand-grid__cards{gap:max(.375rem,calc(var(--coming-soon-brand-grid-mobile-gap) - 2px))}.coming-soon-brand-grid__card{border-radius:max(4px,calc(var(--coming-soon-brand-grid-card-radius) - 2px))}.coming-soon-brand-grid__logo-badge{inset-inline-end:.5rem;inset-block-end:.5rem}}@media screen and (min-width:990px){.coming-soon-brand-grid__cards{gap:var(--coming-soon-brand-grid-desktop-gap)}.coming-soon-brand-grid__cards:not(.coming-soon-brand-grid__cards--five){grid-template-columns:repeat(12,minmax(0,1fr))}.coming-soon-brand-grid__cards:not(.coming-soon-brand-grid__cards--five) .coming-soon-brand-grid__card{grid-column:span 4}.coming-soon-brand-grid__cards:not(.coming-soon-brand-grid__cards--five) .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards:not(.coming-soon-brand-grid__cards--five) .coming-soon-brand-grid__placeholder{aspect-ratio:16 / 10}.coming-soon-brand-grid__cards--five{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"card-1 card-1 card-1 card-1 card-2 card-2 card-2 card-2 card-2 card-2 card-2 card-2" "card-3 card-3 card-3 card-4 card-4 card-4 card-4 card-4 card-4 card-5 card-5 card-5"}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--1{grid-area:card-1}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--2{grid-area:card-2}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--3{grid-area:card-3}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--4{grid-area:card-4}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--5{grid-area:card-5}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--1 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--1 .coming-soon-brand-grid__placeholder{aspect-ratio:1 / 1}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--2 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--2 .coming-soon-brand-grid__placeholder{aspect-ratio:16 / 9}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--3 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--3 .coming-soon-brand-grid__placeholder,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--5 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--5 .coming-soon-brand-grid__placeholder{aspect-ratio:4 / 5}.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--4 .coming-soon-brand-grid__image,.coming-soon-brand-grid__cards--five .coming-soon-brand-grid__card--4 .coming-soon-brand-grid__placeholder{aspect-ratio:16 / 10}}@media screen and (max-width:749px){.coming-soon-brand-grid__logo-badge--hide-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-coming-soon-brand-grid.css.map */