body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] quick-view{position:absolute;bottom:.75rem;right:.75rem;background-color:transparent;padding:0;z-index:10}body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] :has(compare-add-button) quick-view{margin-bottom:-2rem;bottom:5rem}@media(min-width:990px){body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] :has(compare-add-button) quick-view{bottom:3rem}}body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] quick-view button{min-width:0;border:0;padding:0}body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] quick-view button,body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] quick-view svg{height:1.75rem;width:1.75rem}body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] quick-view svg{border:1px solid var(--color-foreground-10);padding:.25rem}:is(quick-view button),:is(quick-view svg){background:var(--color-grid-item-background)}body[data-theme-preset=hero] quick-view button{min-width:.5rem;border-color:var(--color-base-accent-1)}body[data-theme-preset=hero] quick-view button>:is(span,svg){color:var(--color-base-accent-1);border-color:var(--color-base-accent-1)}@media only screen and (min-width:990px){body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] quick-view{visibility:hidden;opacity:0}body[data-theme-preset]:not(body[data-theme-preset=hero]) [data-mode=grid] :hover quick-view{visibility:visible;opacity:1;margin-bottom:initial;transition:all .35s ease}body[data-theme-preset]:not(body[data-theme-preset=hero]) :is(quick-view) .button:hover>svg,body[data-theme-preset]:not(body[data-theme-preset=hero]) :is(quick-view) .button:focus>svg{--tw-scale-x: 1;--tw-scale-y: 1}}:is([data-mode=list]) quick-view button{background:var(--color-grid-item-background);margin-top:.5rem;width:100%;font-size:.875rem;line-height:1.25rem}@media(min-width:768px){:is([data-mode=list]) quick-view button{font-size:1rem;line-height:1.5rem}}:is([data-mode=list]) quick-view svg{background:var(--color-grid-item-background)}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-quick-view-link.css.map */