.techno-card-media{position:relative;isolation:isolate;overflow:hidden;background:var(--techno-surface-muted)}.techno-card-media__image{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:contain!important;opacity:1;transition:opacity var(--techno-card-transition, .65s) cubic-bezier(.22,.61,.36,1),filter var(--techno-card-transition, .65s) ease!important}.techno-card-media__image--on{opacity:0;z-index:2}.techno-card-media__image--off{z-index:1}:root:not([data-color-mode=dark]) .product-card-wrapper:hover .techno-card-media--has-on .techno-card-media__image--off,:root:not([data-color-mode=dark]) .product-card-wrapper:focus-within .techno-card-media--has-on .techno-card-media__image--off,:root:not([data-color-mode=dark]) .techno-card-media.is-preview-opposite .techno-card-media__image--off{opacity:0}:root:not([data-color-mode=dark]) .product-card-wrapper:hover .techno-card-media--has-on .techno-card-media__image--on,:root:not([data-color-mode=dark]) .product-card-wrapper:focus-within .techno-card-media--has-on .techno-card-media__image--on,:root:not([data-color-mode=dark]) .techno-card-media.is-preview-opposite .techno-card-media__image--on{opacity:1;filter:drop-shadow(0 15px 26px rgb(255 201 112 / var(--techno-card-bloom-opacity, .24)))}:root[data-color-mode=dark] .techno-card-media--has-on .techno-card-media__image--off{opacity:0}:root[data-color-mode=dark] .techno-card-media--has-on .techno-card-media__image--on{opacity:1;filter:drop-shadow(0 16px 30px rgb(255 201 112 / var(--techno-card-bloom-opacity, .24)))}:root[data-color-mode=dark] .techno-card-media.is-preview-opposite .techno-card-media__image--off{opacity:1}:root[data-color-mode=dark] .techno-card-media.is-preview-opposite .techno-card-media__image--on{opacity:0}.techno-card-light-toggle{position:absolute;inset-inline-end:12px;bottom:12px;z-index:4;width:38px;height:38px;display:none;place-items:center;border:1px solid var(--techno-border);border-radius:50%;background:color-mix(in srgb,var(--techno-surface) 88%,transparent);color:var(--techno-text);box-shadow:var(--techno-control-shadow);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.techno-card-light-toggle:hover,.techno-card-light-toggle:focus-visible,.techno-card-light-toggle[aria-pressed=true]{background:var(--techno-control-active);border-color:color-mix(in srgb,var(--techno-blue) 55%,var(--techno-border));outline:none}.product-card-wrapper:hover .techno-card-light-toggle,.product-card-wrapper:focus-within .techno-card-light-toggle,.techno-card-light-toggle:focus-visible,.techno-card-light-toggle[aria-pressed=true]{display:grid}@media(hover:none),(pointer:coarse){.techno-card-light-toggle{display:grid}}:root:not([data-color-mode=dark]) .techno-product-card:hover .techno-mode-media__off,:root:not([data-color-mode=dark]) .techno-product-card:focus-within .techno-mode-media__off{opacity:0}:root:not([data-color-mode=dark]) .techno-product-card:hover .techno-mode-media__on,:root:not([data-color-mode=dark]) .techno-product-card:focus-within .techno-mode-media__on{opacity:1;filter:drop-shadow(0 16px 28px color-mix(in srgb,#ffc970 25%,transparent))}@media(prefers-reduced-motion:reduce){.techno-card-media__image{transition:opacity 80ms linear!important}}.media>.techno-card-light-toggle{position:absolute!important;top:auto!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:12px!important;bottom:12px!important;width:38px!important;max-width:38px!important;min-width:38px!important;height:38px!important;max-height:38px!important;min-height:38px!important;display:none;padding:0!important}@media(hover:none),(pointer:coarse){.media>.techno-card-light-toggle{display:grid}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/techno-product-card.css.map */