.shopping-tools-container{margin:var(--shopping-tool-spacing, 48px) auto;max-inline-size:min(100% - calc(var(--mlp-gutter-spacing) * 2),var(--mlp-max-width))}@media(min-width:48em){.shopping-tools-container{--container-gutter: 36px}}.shopping-tools-grid{--shopping-tool-border-size: 1px;background-color:hsl(from var(--shopping-tools-background-color) h s l);border-radius:8px;display:grid;grid-template-columns:repeat(var(--shopping-tool-columns, 1),1fr);overflow:hidden}.shopping-tools-grid[data-columns]{--shopping-tool-columns: 2}@media(min-width:48em){.shopping-tools-grid[data-columns="4"]{--shopping-tool-columns: 4}.shopping-tools-grid[data-columns="6"]{--shopping-tool-columns: 3}}@media(min-width:64em){.shopping-tools-grid{--shopping-tool-columns: 3}.shopping-tools-grid[data-columns="6"]{--shopping-tool-columns: 6}}.shopping-tools-grid a{background-color:hsl(from var(--shopping-tools-border-color) h s l / var(--shopping-tool-background-alpha, 0%));isolation:isolate;text-decoration-color:hsl(from hsl(0 0% 0%) h s l / var(--underline-alpha, 0));transition:background-color .3s ease-in-out,text-decoration-color .3s ease-in-out}.shopping-tools-grid a:hover{--shopping-tool-background-alpha: 100%;--underline-alpha: 100%}.shopping-tools-grid a:focus-visible{--shopping-tool-focus-opacity: 1;--shopping-tool-background-alpha: 100%;--underline-alpha: 100%}.shopping-tools-grid a:before{content:"";border:1px solid hsl(0 0% 0%);border-radius:24px;inset:4px;opacity:var(--shopping-tool-focus-opacity, 0);position:absolute;z-index:-1}.shopping-tools-grid a vis-typography{max-inline-size:121px}.shopping-tools-column{display:grid;position:relative}.shopping-tools-column:before,.shopping-tools-column:after{background-color:var(--shopping-tools-border-color);content:"";position:absolute;z-index:1}.shopping-tools-column:before{inline-size:var(--shopping-tool-border-size);inset-block:0;inset-inline-end:calc(var(--shopping-tool-border-size) * -1)}.shopping-tools-column:after{block-size:var(--shopping-tool-border-size);inset-inline:0;inset-block-end:calc(var(--shopping-tool-border-size) * -1)}.shopping-tools-item{align-content:start;color:#000;display:grid;gap:8px;justify-items:center;padding:40px;text-align:center}.shopping-tools-item vis-image::part(vis-image__base){aspect-ratio:unset}
