.quadrant-grid{position:relative;width:100%}.quadrant-grid__inner{width:100%;margin:0}.quadrant-grid__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--quadrant-gap-mobile, .75rem);width:100%;margin:0;padding:0}@media screen and (min-width:768px){.quadrant-grid__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--quadrant-gap-desktop, 1.5rem)}}.quadrant-grid__card{display:flex;flex-direction:column;align-items:stretch;text-align:center;text-decoration:none;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.quadrant-grid__media{position:relative;width:100%;aspect-ratio:var(--qg-aspect-w, 79) / var(--qg-aspect-h, 100);overflow:hidden;background:var(--qg-media-bg, rgba(var(--color-foreground), .06))}.quadrant-grid__media img,.quadrant-grid__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.quadrant-grid__media .placeholder-svg{object-fit:contain;padding:15%;opacity:.35}.quadrant-grid__label-wrap{position:relative;margin-top:var(--qg-label-mt, 1rem);margin-bottom:var(--qg-label-mb, .5rem);padding-left:var(--qg-label-px, .5rem);padding-right:var(--qg-label-px, .5rem);text-align:left;width:100%;box-sizing:border-box}.quadrant-grid__label{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--qg-label-weight, 700);font-size:var(--qg-label-font-size-mobile, .875rem);line-height:1.3;letter-spacing:var(--qg-label-tracking, .03em);color:var(--qg-label-color, rgb(var(--color-foreground)));background:transparent;border:0;padding:0;margin:0;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .2s ease,text-decoration-color .2s ease;text-align:left}@media screen and (min-width:768px){.quadrant-grid__label{font-size:var(--qg-label-font-size-desktop, 1rem)}}.quadrant-grid__label--fit{display:inline-block;width:auto;max-width:100%}.quadrant-grid__label--full{display:block;width:100%}.quadrant-grid__label.is-uppercase{text-transform:uppercase}.quadrant-grid__card:hover .quadrant-grid__label,.quadrant-grid__card:focus-visible .quadrant-grid__label{color:var(--qg-label-hover-color, var(--qg-label-color, rgb(var(--color-foreground))));text-decoration:underline}.quadrant-grid__label :where(p){margin:0;display:inline}.quadrant-grid__label :where(a){color:inherit;text-decoration:inherit}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-quadrant-grid.css.map */