/**/ #snackys-tpl .to-search-overlay.is-initial-loading .to-search-modal, html .to-search-overlay.is-initial-loading .to-search-modal { height: 100%; padding-bottom: var(--spacing-4); } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-body, html .to-search-overlay.is-initial-loading .to-search-body { flex: 1 1 auto; grid-template-rows: 1fr; opacity: 1; pointer-events: auto; transform: none; transition: none; } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-body__panel, html .to-search-overlay.is-initial-loading .to-search-body__panel { padding: var(--spacing-4) 0 0; } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-main, html .to-search-overlay.is-initial-loading .to-search-main { visibility: hidden; } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-sidebar > :is(.to-search-suggest-block, .to-search-searchhelp, .to-search-minimized-printers), html .to-search-overlay.is-initial-loading .to-search-sidebar > :is(.to-search-suggest-block, .to-search-searchhelp, .to-search-minimized-printers) { display: none !important; } #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-featured) > .to-search-bar--split, html .to-search-printers-section:has(.to-search-printers-wrap.is-featured) > .to-search-bar--split { display: none; } #snackys-tpl .to-search-overlay.has-featured .to-search-summary-sidebar, html .to-search-overlay.has-featured .to-search-summary-sidebar, #snackys-tpl .to-search-overlay.has-featured .to-search-printers-section > .to-search-reveal > .to-search-bar--split, html .to-search-overlay.has-featured .to-search-printers-section > .to-search-reveal > .to-search-bar--split { display: none; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printer-tab-body, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printer-tab-body { padding: var(--spacing-4); } #snackys-tpl .to-search-initial-skeleton, html .to-search-initial-skeleton { position: absolute; inset: calc(var(--spacing-4) + 48px + var(--spacing-4)) var(--spacing-4) var(--spacing-4); z-index: 7; display: none; grid-template-columns: minmax(220px, 330px) minmax(0, 1fr); gap: var(--spacing-3); opacity: 0; pointer-events: none; transition: opacity .2s ease; } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-initial-skeleton, html .to-search-overlay.is-initial-loading .to-search-initial-skeleton { display: grid; opacity: 1; } #snackys-tpl .to-search-initial-skeleton__block, html .to-search-initial-skeleton__block { position: relative; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid var(--color-tertiary-50); border-radius: var(--border-radius-sm, 8px); background: var(--color-bg-surface); } #snackys-tpl .to-search-initial-skeleton__block--results, html .to-search-initial-skeleton__block--results { grid-column: 2; display: flex; align-items: center; justify-content: center; padding: var(--spacing-4); } #snackys-tpl .to-search-initial-skeleton__block--results::before, html .to-search-initial-skeleton__block--results::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: var(--color-tertiary-50); -webkit-mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-initial-motif.svg?v=3") center / cover no-repeat; mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-initial-motif.svg?v=3") center / cover no-repeat; } @media (max-width: 575.98px) { #snackys-tpl .to-search-initial-skeleton__block--results::before, html .to-search-initial-skeleton__block--results::before { -webkit-mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-initial-motif-compact.svg?v=1") center / cover no-repeat; mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-initial-motif-compact.svg?v=1") center / cover no-repeat; } } #snackys-tpl .to-search-product-loading[hidden], html .to-search-product-loading[hidden] { display: none !important; } #snackys-tpl .to-search-product-loading:not([hidden]), html .to-search-product-loading:not([hidden]) { display: grid; grid-template-rows: minmax(0, 1fr); min-height: 0; opacity: 1; z-index: 8; } #snackys-tpl .to-search-main-viewport > .to-search-product-loading.is-viewport-bound, html .to-search-main-viewport > .to-search-product-loading.is-viewport-bound { position: absolute; inset: 0; z-index: 20; box-sizing: border-box; width: 100%; height: 100%; max-height: 100%; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); } #snackys-tpl .to-search-product-loading.is-viewport-bound > .to-search-initial-skeleton__block--results, html .to-search-product-loading.is-viewport-bound > .to-search-initial-skeleton__block--results { grid-column: 1; } #snackys-tpl .to-search-product-loading .to-search-initial-skeleton__block--results, html .to-search-product-loading .to-search-initial-skeleton__block--results { pointer-events: auto; } #snackys-tpl .to-search-product-loading .to-search-initial-skeleton__content, html .to-search-product-loading .to-search-initial-skeleton__content { width: min(500px, 100%); } #snackys-tpl .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame, html .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame { animation: to-search-product-image-appear .5s cubic-bezier(.2, .7, .2, 1) both; } @keyframes to-search-product-image-appear { from { opacity: 0; transform: scale(.75); } to { opacity: 1; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame, html .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame { animation: none; } } #snackys-tpl .to-search-product-loading .to-search-product-loading__title, html .to-search-product-loading .to-search-product-loading__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } #snackys-tpl .to-search-product-loading__image-frame, html .to-search-product-loading__image-frame { position: relative; box-sizing: border-box; flex: 0 0 auto; width: min(360px, 85%, 40vh); aspect-ratio: 1 / 1; padding: 4.5em; border: 5px solid var(--color-tertiary-50); border-radius: 50%; background: var(--color-white); overflow: visible; } @property --to-search-product-ring-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; } #snackys-tpl .to-search-product-loading__image-frame::before, html .to-search-product-loading__image-frame::before { content: ""; position: absolute; inset: -5px; padding: 5px; border-radius: inherit; background: conic-gradient(from 0deg, var(--color-success) 0deg var(--to-search-product-ring-angle), var(--color-tertiary-50) var(--to-search-product-ring-angle) 360deg); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; } #snackys-tpl .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame::before, html .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame::before { animation: to-search-product-ring-fill var(--to-search-product-ring-duration, 1.5s) linear both; } @keyframes to-search-product-ring-fill { from { --to-search-product-ring-angle: 0deg; } to { --to-search-product-ring-angle: 360deg; } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame::before, html .to-search-product-loading:not([hidden]) .to-search-product-loading__image-frame::before { animation: none; --to-search-product-ring-angle: 360deg; } } #snackys-tpl .to-search-product-loading__image, html .to-search-product-loading__image { position: absolute; inset: 4.5em; display: block; width: calc(100% - 9em); height: calc(100% - 9em); min-width: 0; min-height: 0; object-fit: contain; object-position: center; } #snackys-tpl .to-search-product-loading__image[hidden], html .to-search-product-loading__image[hidden] { display: none; } #snackys-tpl .to-search-product-loading__status, html .to-search-product-loading__status { margin: var(--spacing-10) 0 0 !important; font-size: var(--font-size-h5); font-weight: normal; color: var(--color-neutral); text-align: center; } @media (max-width: 575.98px) { #snackys-tpl .to-search-product-loading__status, html .to-search-product-loading__status { font-size: 16px; } } #snackys-tpl .to-search-bar--results[hidden], html .to-search-bar--results[hidden] { display: none !important; } #snackys-tpl .to-search-results .to-search-board.is-continuous .to-search-grid-shell--market:has(.to-search-grid-empty, .has-fallback-articles), html .to-search-results .to-search-board.is-continuous .to-search-grid-shell--market:has(.to-search-grid-empty, .has-fallback-articles) { padding-top: 0; margin-top: 0; } #snackys-tpl .to-search-grid.is-active:is(.has-fallback-articles, :has(> .to-search-grid-empty)), html .to-search-grid.is-active:is(.has-fallback-articles, :has(> .to-search-grid-empty)) { height: 100%; align-items: stretch; justify-content: flex-start; } #snackys-tpl .to-search-grid-wrap:has(.to-search-grid-empty, .has-fallback-articles), html .to-search-grid-wrap:has(.to-search-grid-empty, .has-fallback-articles) { padding: 0; border: 0; cursor: auto; } #snackys-tpl .to-search-grid-empty, html .to-search-grid-empty { position: relative; display: flex; flex: 0 0 100%; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; min-height: 0; padding: var(--spacing-4); border: 1px solid var(--color-tertiary-50); border-radius: var(--border-radius-sm); background: var(--color-bg-surface); color: var(--color-neutral); overflow: hidden; text-align: center; } #snackys-tpl .to-search-grid-wrap:has(.to-search-grid-empty), html .to-search-grid-wrap:has(.to-search-grid-empty) { overflow: hidden; } #snackys-tpl .to-search-grid-wrap:has(.has-fallback-articles), html .to-search-grid-wrap:has(.has-fallback-articles) { overflow-y: auto; overflow-x: hidden; } #snackys-tpl .to-search-fallback-results, html .to-search-fallback-results { position: relative; z-index: 1; flex: 0 0 auto; min-height: 100%; width: 100%; box-sizing: border-box; background: var(--color-white); padding: 0; overflow: visible; } #snackys-tpl .to-search-grid-shell:has(.has-fallback-articles)::after, html .to-search-grid-shell:has(.has-fallback-articles)::after { display: block; } #snackys-tpl .to-search-grid-shell:has(.has-fallback-articles) .to-search-swipe, html .to-search-grid-shell:has(.has-fallback-articles) .to-search-swipe { display: flex; } #snackys-tpl .to-search-modal .to-search-fallback-results .to-search-fallback-results__bar, html .to-search-modal .to-search-fallback-results .to-search-fallback-results__bar { display: flex; align-items: center; min-height: calc(29.52px / var(--page-zoom, 1)); width: 100%; box-sizing: border-box; margin: 0 0 var(--spacing-3); padding: var(--spacing-1) var(--spacing-3); border-radius: var(--border-radius-sm); background: var(--color-secondary-50); } #snackys-tpl .to-search-fallback-results__query, html .to-search-fallback-results__query { text-transform: uppercase; font-weight: 700; text-decoration: underline dotted; text-underline-offset: 2px; } #snackys-tpl .to-search-fallback-results__bar .to-search-bar__count-text, html .to-search-fallback-results__bar .to-search-bar__count-text { white-space: normal; overflow-wrap: anywhere; } #snackys-tpl .to-search-fallback-grid, html .to-search-fallback-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); align-items: stretch; gap: var(--spacing-3); padding: 0 var(--spacing-1) var(--spacing-1); } #snackys-tpl .to-search-board.has-grid-cards .to-search-fallback-grid, html .to-search-board.has-grid-cards .to-search-fallback-grid { grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); } #snackys-tpl .to-search-fallback-more, html .to-search-fallback-more { display: block; margin: var(--spacing-3) auto; padding: var(--spacing-2) var(--spacing-4); border: 2px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); background: var(--color-white); color: var(--color-neutral); cursor: pointer; } #snackys-tpl .to-search-grid-empty::before, html .to-search-grid-empty::before { content: ""; position: absolute; inset: 0; background: var(--color-tertiary-50); -webkit-mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-initial-motif.svg?v=3") center / cover no-repeat; mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-initial-motif.svg?v=3") center / cover no-repeat; pointer-events: none; } #snackys-tpl .to-search-grid-empty__content, html .to-search-grid-empty__content { position: relative; display: flex; flex-direction: column; align-items: center; width: min(500px, 100%); gap: var(--spacing-4); } #snackys-tpl .to-search-modal .to-search-grid-empty__title, html .to-search-modal .to-search-grid-empty__title { margin: 0; font-size: var(--font-size-h5); font-weight: normal; color: var(--color-neutral); line-height: 1.2; overflow-wrap: anywhere; } #snackys-tpl .to-search-grid-empty__title strong, html .to-search-grid-empty__title strong { text-transform: uppercase; } #snackys-tpl .to-search-grid-empty__scene, html .to-search-grid-empty__scene { position: relative; display: flex; align-items: center; width: 100%; height: 140px; flex: 0 0 auto; } #snackys-tpl .to-search-grid-empty__box, html .to-search-grid-empty__box { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 104px; height: 104px; border: 4px dashed var(--color-tertiary-50); border-radius: var(--border-radius-sm); background: var(--color-white); color: var(--color-tertiary-75); } #snackys-tpl .to-search-grid-empty__scene .to-search-initial-skeleton__search-icon, html .to-search-grid-empty__scene .to-search-initial-skeleton__search-icon { top: calc(50% + 11.96px); left: calc(50% + 12.09px); width: 130px; height: 130px; animation: none; } @media (max-width: 575px) { #snackys-tpl .to-search-grid-empty__scene, html .to-search-grid-empty__scene { height: 140px; } #snackys-tpl .to-search-grid-empty__box, html .to-search-grid-empty__box { width: 84px; height: 84px; } #snackys-tpl .to-search-grid-empty__scene .to-search-initial-skeleton__search-icon, html .to-search-grid-empty__scene .to-search-initial-skeleton__search-icon { top: calc(50% + 11.04px); left: calc(50% + 11.16px); width: 120px; height: 120px; } } #snackys-tpl .to-search-grid-empty__icons, html .to-search-grid-empty__icons { width: 100%; overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, #000 23%, #000 77%, transparent); mask: linear-gradient(90deg, transparent, #000 23%, #000 77%, transparent); } #snackys-tpl .to-search-grid-empty__icon-track, html .to-search-grid-empty__icon-track { position: relative; left: 50%; display: flex; align-items: center; gap: var(--spacing-6); width: max-content; transform: translateX(-50%); } #snackys-tpl .to-search-grid-empty__lens, html .to-search-grid-empty__lens { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; background: var(--color-bg-surface); clip-path: circle(41.86px at 50% 50%); pointer-events: none; } #snackys-tpl .to-search-grid-empty__lens .to-search-grid-empty__icon-track, html .to-search-grid-empty__lens .to-search-grid-empty__icon-track { transform: translateX(-50%) scale(1.4); } #snackys-tpl .to-search-grid-empty__scene > .to-search-grid-empty__icons img, html .to-search-grid-empty__scene > .to-search-grid-empty__icons img { filter: grayscale(1); opacity: .25; } @media (max-width: 575px) { #snackys-tpl .to-search-grid-empty__lens, html .to-search-grid-empty__lens { clip-path: circle(38.64px at 50% 50%); } } #snackys-tpl .to-search-grid-empty__icons img, html .to-search-grid-empty__icons img { flex: 0 0 auto; width: clamp(32px, 9vh, 100px); height: clamp(32px, 9vh, 100px); object-fit: contain; } #snackys-tpl .to-search-grid-empty p, html .to-search-grid-empty p { margin: 0; font-size: 16px; line-height: 1.2; } #snackys-tpl .to-search-modal .to-search-grid-empty a:not(.btn), html .to-search-modal .to-search-grid-empty a:not(.btn) { text-decoration-line: underline !important; text-decoration-style: dotted !important; text-underline-offset: 2px; } @media (max-width: 575px) { #snackys-tpl .to-search-grid-empty, html .to-search-grid-empty { padding: var(--spacing-2); } #snackys-tpl .to-search-grid-empty__content, html .to-search-grid-empty__content { gap: var(--spacing-2); } #snackys-tpl .to-search-modal .to-search-grid-empty__title, html .to-search-modal .to-search-grid-empty__title { font-size: 16px; } } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__content, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__content { width: min(740px, 100%); gap: 0; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__scene, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__scene { height: 150px; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__icons img, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__icons img { width: 150px; height: 150px; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__box, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__box { width: 150px; height: 150px; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__box svg, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__box svg { width: 65px; height: 65px; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__message, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__message { margin: var(--spacing-16) 0 0 !important; font-size: var(--font-size-h5); font-weight: normal; line-height: 1.4; } @media (max-width: 575px) { #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__scene, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__scene, #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__icons img, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__icons img { height: 96px; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__icons img, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__icons img { width: 96px; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__message, html .to-search-grid:not(.has-fallback-articles) .to-search-grid-empty__message { font-size: 16px; } } #snackys-tpl .to-search-initial-skeleton__content, html .to-search-initial-skeleton__content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: min(720px, 100%); min-width: 0; } #snackys-tpl .to-search-grid:not(.has-fallback-articles) > .to-search-grid-empty .to-search-grid-empty__title, html .to-search-grid:not(.has-fallback-articles) > .to-search-grid-empty .to-search-grid-empty__title, #snackys-tpl .to-search-initial-skeleton__heading, html .to-search-initial-skeleton__heading { margin: 0 0 var(--spacing-10) !important; font-size: var(--font-size-h3); font-weight: normal; color: var(--color-neutral) !important; line-height: 1.2; text-align: center; } #snackys-tpl .to-search-initial-skeleton__stage, html .to-search-initial-skeleton__stage { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; } #snackys-tpl .to-search-initial-skeleton__query, html .to-search-initial-skeleton__query, #snackys-tpl .to-search-initial-skeleton__lens-query, html .to-search-initial-skeleton__lens-query { min-width: 0; max-width: 100%; font-size: 140px; font-weight: 700; line-height: 1.1; color: var(--color-tertiary-75); text-align: center; text-transform: uppercase; overflow-wrap: anywhere; } #snackys-tpl .to-search-initial-skeleton__query, html .to-search-initial-skeleton__query { position: relative; z-index: 1; } #snackys-tpl .to-search-initial-skeleton__lens, html .to-search-initial-skeleton__lens { position: absolute; inset: 0; z-index: 2; background: var(--color-bg-surface); clip-path: circle(57.96px at 50% 50%); pointer-events: none; } #snackys-tpl .to-search-initial-skeleton__lens-text, html .to-search-initial-skeleton__lens-text, #snackys-tpl .to-search-initial-skeleton__lens-content, html .to-search-initial-skeleton__lens-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: var(--spacing-4); transform-origin: 50% 50%; transform: scale(1.4); } #snackys-tpl .to-search-initial-skeleton__lens-content, html .to-search-initial-skeleton__lens-content { padding: 0; } #snackys-tpl .to-search-initial-skeleton__marquee, html .to-search-initial-skeleton__marquee { position: relative; z-index: 1; width: min(720px, 100%); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 23%, #000 77%, transparent); mask-image: linear-gradient(90deg, transparent, #000 23%, #000 77%, transparent); } #snackys-tpl .to-search-initial-skeleton__marquee-track, html .to-search-initial-skeleton__marquee-track { display: flex; width: max-content; filter: grayscale(1); } #snackys-tpl .to-search-initial-skeleton__lens .to-search-initial-skeleton__marquee-track, html .to-search-initial-skeleton__lens .to-search-initial-skeleton__marquee-track { filter: none; } #snackys-tpl .to-search-initial-skeleton__marquee-group, html .to-search-initial-skeleton__marquee-group { display: flex; align-items: center; flex: 0 0 auto; gap: var(--spacing-6); padding-right: var(--spacing-6); } #snackys-tpl .to-search-initial-skeleton__stage > .to-search-initial-skeleton__marquee .to-search-initial-skeleton__marquee-group, html .to-search-initial-skeleton__stage > .to-search-initial-skeleton__marquee .to-search-initial-skeleton__marquee-group { opacity: 0.25; } #snackys-tpl .to-search-initial-skeleton__marquee-group img, html .to-search-initial-skeleton__marquee-group img { flex: 0 0 150px; width: 150px; height: 150px; object-fit: contain; } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-initial-skeleton__marquee-track, html .to-search-overlay.is-initial-loading .to-search-initial-skeleton__marquee-track { animation: to-search-initial-marquee 24s linear infinite; } #snackys-tpl .to-search-initial-skeleton__status, html .to-search-initial-skeleton__status { width: 100%; height: 1.4em; margin: var(--spacing-16) 0 0 !important; overflow: hidden; font-size: var(--font-size-h5); font-weight: normal; line-height: 1.4; color: var(--color-neutral) !important; text-align: center; } #snackys-tpl .to-search-initial-skeleton__status-track, html .to-search-initial-skeleton__status-track { display: block; height: 100%; transform: translateY(0); } #snackys-tpl .to-search-initial-skeleton__status-track.is-sliding, html .to-search-initial-skeleton__status-track.is-sliding { transform: translateY(-100%); transition: transform .25s ease; } #snackys-tpl .to-search-initial-skeleton__status-line, html .to-search-initial-skeleton__status-line { display: flex; align-items: center; justify-content: center; height: 100%; } #snackys-tpl .to-search-initial-skeleton__search-icon, html .to-search-initial-skeleton__search-icon { position: absolute; top: calc(50% + 16.56px); left: calc(50% + 16.74px); z-index: 3; width: 180px; height: 180px; transform: translate(-50%, -50%); color: var(--color-neutral); fill: var(--color-neutral); stroke: none; pointer-events: none; } #snackys-tpl .to-search-initial-skeleton__search-outline, html .to-search-initial-skeleton__search-outline { fill: none; stroke: var(--color-bg-surface); stroke-width: 6px; } @media (max-width: 575px) { #snackys-tpl .to-search-grid:not(.has-fallback-articles) > .to-search-grid-empty .to-search-grid-empty__title, html .to-search-grid:not(.has-fallback-articles) > .to-search-grid-empty .to-search-grid-empty__title, #snackys-tpl .to-search-initial-skeleton__heading, html .to-search-initial-skeleton__heading { font-size: var(--font-size-h5); } #snackys-tpl .to-search-initial-skeleton__status, html .to-search-initial-skeleton__status { height: 2.8em; font-size: 16px; } #snackys-tpl .to-search-initial-skeleton__marquee-group, html .to-search-initial-skeleton__marquee-group { gap: var(--spacing-4); padding-right: var(--spacing-4); } #snackys-tpl .to-search-initial-skeleton__marquee-group img, html .to-search-initial-skeleton__marquee-group img { flex-basis: 96px; width: 96px; height: 96px; } #snackys-tpl .to-search-initial-skeleton__search-icon, html .to-search-initial-skeleton__search-icon { top: calc(50% + 11.04px); left: calc(50% + 11.16px); width: 120px; height: 120px; } #snackys-tpl .to-search-initial-skeleton__lens, html .to-search-initial-skeleton__lens { clip-path: circle(38.64px at 50% 50%); } } @keyframes to-search-initial-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-overlay.is-initial-loading .to-search-initial-skeleton__marquee-track, html .to-search-overlay.is-initial-loading .to-search-initial-skeleton__marquee-track { animation: none; } } #snackys-tpl .to-search-initial-skeleton__block--sidebar, html .to-search-initial-skeleton__block--sidebar { display: none; } @media (max-width: 991px) { #snackys-tpl .to-search-initial-skeleton, html .to-search-initial-skeleton { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 0; } #snackys-tpl .to-search-initial-skeleton__block--sidebar, html .to-search-initial-skeleton__block--sidebar { display: none; } #snackys-tpl .to-search-initial-skeleton__block--results, html .to-search-initial-skeleton__block--results { grid-column: 1; } } @media (max-width: 575px) { #snackys-tpl .to-search-field, html .to-search-field, #snackys-tpl .to-search-input, html .to-search-input { min-height: 37px; } } @media (max-width: 991px) { #snackys-tpl .to-search-modal .to-search-printer--featured .to-search-printer__name, html .to-search-modal .to-search-printer--featured .to-search-printer__name { font-size: 19.2px; } #snackys-tpl .to-search-modal .to-search-printer--featured .to-search-printer__name-text, html .to-search-modal .to-search-printer--featured .to-search-printer__name-text { font-size: inherit; } } @media (max-width: 575px) { #snackys-tpl .to-search-initial-skeleton, html .to-search-initial-skeleton { inset: calc(var(--spacing-2) + 48px + var(--spacing-2)) var(--spacing-2) var(--spacing-2); } } #snackys-tpl .to-search-version, html .to-search-version { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-2); flex: 0 0 auto; margin: var(--spacing-4) 0 0 !important; font-size: 13.3px; text-align: center; } #snackys-tpl .to-search-version__duration, html .to-search-version__duration { display: inline-flex; align-items: center; gap: 3px; } #snackys-tpl .to-search-version__duration[hidden], html .to-search-version__duration[hidden] { display: none; } #snackys-tpl .to-search-version__duration svg, html .to-search-version__duration svg { flex: 0 0 12px; width: 12px; height: 12px; } #snackys-tpl .to-search-mobile-tools, html .to-search-mobile-tools, #snackys-tpl .to-search-sidebar-toggle, html .to-search-sidebar-toggle { display: none; } :is(#snackys-tpl, html) .to-search-overlay:is(.is-sidebar, .is-article, .is-initial-loading, .is-product-opening) .to-search-mobile-tools { visibility: hidden; pointer-events: none; } @media (max-width: 575.98px) { #snackys-tpl .to-search-modal .to-search-mobile-tools, html .to-search-modal .to-search-mobile-tools { bottom: var(--spacing-2); left: var(--spacing-2); } } #snackys-tpl .to-search-sidebar-panel, html .to-search-sidebar-panel { position: absolute; inset: 0; z-index: 7; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; padding: var(--spacing-4) var(--spacing-4) 0; border-radius: inherit; background: var(--color-white); transform: translateX(100%); transition: transform .42s cubic-bezier(.22, 1, .36, 1); pointer-events: none; } #snackys-tpl .to-search-overlay.is-sidebar .to-search-sidebar-panel, html .to-search-overlay.is-sidebar .to-search-sidebar-panel { transform: translateX(0); pointer-events: auto; } #snackys-tpl .to-search-sidebar-panel__content, html .to-search-sidebar-panel__content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden auto; padding-bottom: var(--spacing-4); overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: var(--color-tertiary-75) var(--color-bg-surface); } #snackys-tpl .to-search-sidebar-panel .to-search-sidebar, html .to-search-sidebar-panel .to-search-sidebar { flex: 1 0 auto; height: auto; min-height: 0; overflow: visible; padding: 0; scrollbar-gutter: auto; } :is(#snackys-tpl, html) .to-search-sidebar-panel .to-search-sidebar > .to-search-version { order: 1000; margin: auto 0 0 !important; padding-top: var(--spacing-4); } @media (max-width: 991px) { #snackys-tpl .to-search-body__panel > .to-search-sidebar, html .to-search-body__panel > .to-search-sidebar { display: none !important; } #snackys-tpl .to-search-body__panel, html .to-search-body__panel { grid-template-rows: minmax(0, 1fr); overflow: hidden; margin-right: 0; padding-right: 0; scrollbar-gutter: auto; } #snackys-tpl .to-search-overlay.has-query .to-search-body__panel, html .to-search-overlay.has-query .to-search-body__panel { padding: var(--spacing-2) 0 0; } #snackys-tpl .to-search-main, html .to-search-main { position: relative; padding-bottom: var(--spacing-4); } #snackys-tpl .to-search-mobile-tools, html .to-search-mobile-tools { position: absolute; bottom: var(--spacing-4); left: var(--spacing-4); z-index: 6; display: flex; justify-content: flex-start; margin: 0; } #snackys-tpl .to-search-modal .to-search-sidebar-toggle, html .to-search-modal .to-search-sidebar-toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0 var(--border-radius-md) 0 0; box-shadow: 5px -5px 5px -5px rgba(0, 0, 0, 0.251); background: var(--color-white); color: var(--color-neutral); font: inherit; font-size: 16px; font-weight: 700; line-height: 1; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: opacity .18s ease, background-color .18s ease, border-color .18s ease; } #snackys-tpl .to-search-sidebar-toggle::before, html .to-search-sidebar-toggle::before, #snackys-tpl .to-search-sidebar-toggle::after, html .to-search-sidebar-toggle::after { content: ""; position: absolute; width: 12px; height: 12px; background-color: var(--color-white); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 12px 12px; --to-help-ramp-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3C/svg%3E"); -webkit-mask-image: var(--to-help-ramp-mask); mask-image: var(--to-help-ramp-mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 12px 12px; mask-size: 12px 12px; transform: scaleY(-1); pointer-events: none; } #snackys-tpl .to-search-sidebar-toggle::before, html .to-search-sidebar-toggle::before { bottom: 100%; left: 0; } #snackys-tpl .to-search-sidebar-toggle::after, html .to-search-sidebar-toggle::after { bottom: 0; left: 100%; } #snackys-tpl .to-search-modal .to-search-sidebar-toggle.is-scroll-hidden, html .to-search-modal .to-search-sidebar-toggle.is-scroll-hidden { opacity: 0; pointer-events: none; } #snackys-tpl .to-search-modal .to-search-sidebar-toggle:hover, html .to-search-modal .to-search-sidebar-toggle:hover, #snackys-tpl .to-search-modal .to-search-sidebar-toggle:focus-visible, html .to-search-modal .to-search-sidebar-toggle:focus-visible { background: var(--color-white); } #snackys-tpl .to-search-sidebar-toggle svg, html .to-search-sidebar-toggle svg { display: block; flex: 0 0 25px; width: 25px; height: 25px; } } @media (max-width: 575.98px) { #snackys-tpl .to-search-modal .to-search-tab-hint .to-search-tab__label, html .to-search-modal .to-search-tab-hint .to-search-tab__label, #snackys-tpl .to-search-modal .to-search-tab-hint .to-search-tab__oem-name, html .to-search-modal .to-search-tab-hint .to-search-tab__oem-name, #snackys-tpl .to-search-tab-hint__row, html .to-search-tab-hint__row { font-size: 13.3px; } #snackys-tpl .to-search-modal .to-search-tab-hint .to-search-brand, html .to-search-modal .to-search-tab-hint .to-search-brand { width: 60px; height: 12px; -webkit-mask-size: contain; mask-size: contain; } #snackys-tpl .to-search-modal .to-search-tab-hint img, html .to-search-modal .to-search-tab-hint img, #snackys-tpl .to-search-modal .to-search-tab-hint .to-search-tab__oem, html .to-search-modal .to-search-tab-hint .to-search-tab__oem { width: auto; max-width: 60px; height: calc(12px * var(--brand-logo-scale, 1)); } #snackys-tpl .to-search-modal .to-search-tab-hint .to-search-tab__leaf, html .to-search-modal .to-search-tab-hint .to-search-tab__leaf { width: 10px; height: 7px; } #snackys-tpl .to-search-tab-hint__chevron, html .to-search-tab-hint__chevron { width: 14px; height: 14px; } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-sidebar-panel, html .to-search-sidebar-panel, #snackys-tpl .to-search-printers-section::after, html .to-search-printers-section::after { transition: none; } } #snackys-tpl .to-search-modal, html .to-search-modal { width: min(1340px, 100%); max-height: 1185px; padding: var(--spacing-4); } #snackys-tpl .to-search-overlay:is(.is-results-slider-mode, .is-grid-cards-mode) .to-search-modal, html .to-search-overlay:is(.is-results-slider-mode, .is-grid-cards-mode) .to-search-modal { width: min(1970px, 100%); } #snackys-tpl .to-search-overlay.has-query .to-search-modal, html .to-search-overlay.has-query .to-search-modal { height: 100% !important; padding: var(--spacing-4); } @media (max-width: 575.98px) { #snackys-tpl .to-search-overlay.has-query .to-search-modal, html .to-search-overlay.has-query .to-search-modal { padding: var(--spacing-2); } } #snackys-tpl .to-search-modal .to-search-recent, html .to-search-modal .to-search-recent { max-height: 195px; } /**/ #snackys-tpl .to-search-board.is-continuous .to-search-grid, html .to-search-board.is-continuous .to-search-grid { display: flex; flex: 0 0 auto; flex-direction: column; width: 100%; min-height: 0; align-items: stretch; gap: 0; } #snackys-tpl .to-search-board.is-continuous .to-search-grid:empty, html .to-search-board.is-continuous .to-search-grid:empty { display: none; } #snackys-tpl .to-search-board.is-continuous .to-search-grid[data-panel="compatible"], html .to-search-board.is-continuous .to-search-grid[data-panel="compatible"] { order: 1; } #snackys-tpl .to-search-board.is-continuous .to-search-grid[data-panel="refill"], html .to-search-board.is-continuous .to-search-grid[data-panel="refill"] { order: 2; } #snackys-tpl .to-search-board.is-continuous .to-search-grid[data-panel="original"], html .to-search-board.is-continuous .to-search-grid[data-panel="original"] { order: 3; } #snackys-tpl .to-search-board.is-continuous .to-search-grid[data-panel="paper"], html .to-search-board.is-continuous .to-search-grid[data-panel="paper"] { order: 4; } #snackys-tpl .to-search-board.is-continuous .to-search-grid[data-panel="accessory"], html .to-search-board.is-continuous .to-search-grid[data-panel="accessory"] { order: 5; } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="original"], html .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="original"] { order: 1; } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="compatible"], html .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="compatible"] { order: 2; } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="refill"], html .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="refill"] { order: 3; } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="paper"], html .to-search-board.is-continuous.is-hp-tabs .to-search-grid[data-panel="paper"] { order: 4; } @media (min-width: 1200px) { #snackys-tpl .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid-shell--market .to-search-grid-wrap, html .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid-shell--market .to-search-grid-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-rows: max-content; align-content: start; align-items: start; gap: var(--spacing-6); } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="original"], html .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="original"] { grid-column: 1; grid-row: 1 / span 2; } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="compatible"], html .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="compatible"] { grid-column: 2; grid-row: 1; } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="refill"], html .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="refill"] { grid-column: 2; grid-row: 2; } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="paper"], #snackys-tpl .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="accessory"], html .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="paper"], html .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid[data-panel="accessory"] { grid-column: 1 / -1; } } #snackys-tpl .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid:not(.is-visually-filled) .to-search-product-group__items, html .to-search-board.is-continuous.is-hp-tabs:not(.has-category-filter) .to-search-grid:not(.is-visually-filled) .to-search-product-group__items { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } #snackys-tpl .to-search-article__content h1, html .to-search-article__content h1 { font-size: var(--h2-lg, var(--font-size-h2)) !important; color: var(--h2-t, var(--color-primary-100)) !important; } @media screen and (max-width: 991px) { #snackys-tpl .to-search-printers-wrap.is-featured, html .to-search-printers-wrap.is-featured, #snackys-tpl .to-search-printer.to-search-printer--featured, html .to-search-printer.to-search-printer--featured { margin-bottom: 0 !important; } #snackys-tpl .to-search-article__content h1, html .to-search-article__content h1 { font-size: var(--h2-md, var(--font-size-h2)) !important; } } @media screen and (max-width: 575px) { #snackys-tpl .to-search-article__content h1, html .to-search-article__content h1 { font-size: var(--h2-sm, var(--font-size-h2)) !important; } } #snackys-tpl .to-search-article__content div:empty, html .to-search-article__content div:empty { display: block !important; height: 5px !important; min-height: 5px !important; max-height: 5px !important; margin: 0 !important; padding: 0 !important; } #snackys-tpl .to-search-modal .to-search-article a:not(.btn), html .to-search-modal .to-search-article a:not(.btn) { text-decoration: none !important; } #snackys-tpl .to-search-modal .to-search-product-group__items, html .to-search-modal .to-search-product-group__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } #snackys-tpl .to-search-printer.to-search-printer--featured, html .to-search-printer.to-search-printer--featured { margin-top: 0; margin-bottom: var(--spacing-4); } #snackys-tpl .to-search-sidebar .to-search-printer.to-search-printer--featured, html .to-search-sidebar .to-search-printer.to-search-printer--featured { margin-top: 0; } #snackys-tpl .to-search-board.is-split .to-search-tabs.has-one-tab, html .to-search-board.is-split .to-search-tabs.has-one-tab { width: 100%; justify-self: stretch; } #snackys-tpl .to-search-overlay:not(.has-suggestions) .to-search-sidebar:not(:has(> .to-search-searchhelp:not([hidden]))) .to-search-recent-block:not([hidden]) .to-search-bar--recent, html .to-search-overlay:not(.has-suggestions) .to-search-sidebar:not(:has(> .to-search-searchhelp:not([hidden]))) .to-search-recent-block:not([hidden]) .to-search-bar--recent { margin-top: 0; } #snackys-tpl .to-search-recent-block:not([hidden]), html .to-search-recent-block:not([hidden]) { margin-bottom: var(--spacing-4); } #snackys-tpl .to-search-recent__skeleton-image, html .to-search-recent__skeleton-image { width: 100%; height: 100%; } #snackys-tpl .to-search-recent__skeleton-label, html .to-search-recent__skeleton-label { width: 75%; height: 16px; } #snackys-tpl .to-search-recent-block.is-skeleton .to-search-recent button, html .to-search-recent-block.is-skeleton .to-search-recent button { opacity: 1; cursor: default; } #snackys-tpl .to-search-recent-block .to-search-bar--recent, html .to-search-recent-block .to-search-bar--recent { margin-top: 0; } #snackys-tpl .to-search-modal .to-search-sidebar .to-search-bar, html .to-search-modal .to-search-sidebar .to-search-bar { margin-top: 0; } #snackys-tpl .to-search-board, html .to-search-board { margin-top: 0; } #snackys-tpl .to-search-faq-block, html .to-search-faq-block { margin-bottom: var(--spacing-4); } #snackys-tpl .to-search-results-head, html .to-search-results-head { gap: var(--spacing-1); margin-bottom: var(--spacing-2); } #snackys-tpl .to-search-help__block, html .to-search-help__block { border-color: var(--color-tertiary-75); } #snackys-tpl .to-search-faq li:not(:has(> .to-search-faq__hit)), html .to-search-faq li:not(:has(> .to-search-faq__hit)), #snackys-tpl .to-search-modal .to-search-faq a:not(.to-search-faq__hit), html .to-search-modal .to-search-faq a:not(.to-search-faq__hit) { box-shadow: inset calc(-1 * var(--spacing-8)) 0 0 var(--color-secondary-50); transition: color .2s ease, border-color .2s ease, box-shadow .2s ease; } #snackys-tpl .to-search-modal .to-search-faq a:not(.to-search-faq__hit), html .to-search-modal .to-search-faq a:not(.to-search-faq__hit) { padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-3); } #snackys-tpl .to-search-modal .to-search-faq a:not(.to-search-faq__hit), html .to-search-modal .to-search-faq a:not(.to-search-faq__hit), #snackys-tpl .to-search-modal .to-search-faq a:not(.to-search-faq__hit):hover, html .to-search-modal .to-search-faq a:not(.to-search-faq__hit):hover, #snackys-tpl .to-search-modal .to-search-faq a:not(.to-search-faq__hit):focus, html .to-search-modal .to-search-faq a:not(.to-search-faq__hit):focus { padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-3); } #snackys-tpl .to-search-modal .to-search-faq a:not(.to-search-faq__hit):hover, html .to-search-modal .to-search-faq a:not(.to-search-faq__hit):hover { border-color: var(--color-primary-100); } #snackys-tpl .to-search-faq li:not(:has(> .to-search-faq__hit)), html .to-search-faq li:not(:has(> .to-search-faq__hit)) { overflow: hidden; border-radius: var(--border-radius-sm, 8px); } #snackys-tpl .to-search-faq__arrow, html .to-search-faq__arrow { display: block; flex: 0 0 var(--spacing-4); width: var(--spacing-4); height: var(--spacing-4); color: currentColor; pointer-events: none; } #snackys-tpl .to-search-faq__tip, html .to-search-faq__tip { position: absolute; top: 0; right: 0; border-radius: 0 3px 0 3px; background: var(--color-tertiary-75); color: var(--color-neutral); font-size: 13.3px; transition: background-color .2s ease, color .2s ease; } #snackys-tpl .to-search-faq__hit, html .to-search-faq__hit { position: relative; align-items: center; } #snackys-tpl .to-search-faq__title, html .to-search-faq__title { padding-right: var(--spacing-10); } #snackys-tpl .to-search-faq li:hover .to-search-faq__arrow, html .to-search-faq li:hover .to-search-faq__arrow, #snackys-tpl .to-search-faq a:hover .to-search-faq__arrow, html .to-search-faq a:hover .to-search-faq__arrow { transform: none !important; translate: none !important; rotate: none !important; scale: none !important; transition-property: color, fill, stroke !important; } #snackys-tpl .to-search-modal .to-product-card__xl-badges, html .to-search-modal .to-product-card__xl-badges { right: -1px; left: auto; } #snackys-tpl .to-search-modal .to-search-product .wi-marketing-badge, html .to-search-modal .to-search-product .wi-marketing-badge { position: absolute; top: -1px; left: -1px; z-index: 3; padding: var(--spacing-1) var(--spacing-2); border-radius: var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 4px) 0; } /**/ #snackys-tpl .to-search-modal .to-search-product :is(.wi-marketing-badge, .to-search-product__xl-badge.to-product-card__xl-badge), html .to-search-modal .to-search-product :is(.wi-marketing-badge, .to-search-product__xl-badge.to-product-card__xl-badge) { box-sizing: border-box; height: calc(13.3px + 2 * var(--spacing-1, 4px)); font-size: 13.3px; line-height: 1; } #snackys-tpl .to-search-modal .to-search-product__xl-badge.to-product-card__xl-badge, html .to-search-modal .to-search-product__xl-badge.to-product-card__xl-badge { background: var(--color-tertiary-75); right: -1px; left: auto; border-radius: 0 var(--border-radius-xs, 4px) 0 var(--border-radius-sm, 8px); } #snackys-tpl .to-search-modal .to-search-board:not(.has-merged-group-titles:not(.is-results-slider)) .to-search-product:hover .to-product-card__xl-badge, html .to-search-modal .to-search-board:not(.has-merged-group-titles:not(.is-results-slider)) .to-search-product:hover .to-product-card__xl-badge { background: var(--color-primary-100); color: var(--color-white); } #snackys-tpl .to-search-modal .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:only-child, html .to-search-modal .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:only-child { border-radius: 0 var(--border-radius-sm, 8px) 0 var(--border-radius-xs, 4px); } #snackys-tpl .to-search-modal .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:first-child:not(:only-child), html .to-search-modal .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:first-child:not(:only-child) { border-radius: 0 0 0 var(--border-radius-xs, 4px); } #snackys-tpl .to-search-modal .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:last-child:not(:only-child), html .to-search-modal .to-product-card__xl-badges .to-search-product__xl-badge.to-product-card__xl-badge:last-child:not(:only-child) { border-radius: 0 var(--border-radius-sm, 8px) 0 0; } #snackys-tpl .to-search-modal .to-search-recent, html .to-search-modal .to-search-recent { padding: var(--spacing-2) var(--spacing-3); } #snackys-tpl .to-search-modal .to-search-recent > li + li, html .to-search-modal .to-search-recent > li + li { margin: var(--spacing-2) calc(-1 * var(--spacing-3)) 0; padding: var(--spacing-2) var(--spacing-3) 0; border-top: 1px solid var(--color-tertiary-75); } #snackys-tpl .to-search-modal button.to-search-recent__clear, html .to-search-modal button.to-search-recent__clear { padding: var(--spacing-1) var(--spacing-2); } #snackys-tpl .to-search-recent__image, html .to-search-recent__image { padding: var(--spacing-1); } #snackys-tpl .to-search-recent__text, html .to-search-recent__text { font-size: 16px; } #snackys-tpl .to-search-recent__track, html .to-search-recent__track { display: inline-block; width: max-content; max-width: none; white-space: nowrap; } #snackys-tpl .to-search-recent__text.is-marquee, html .to-search-recent__text.is-marquee { text-overflow: clip; } #snackys-tpl .to-search-recent__text.is-marquee .to-search-recent__track, html .to-search-recent__text.is-marquee .to-search-recent__track { animation: to-search-marquee var(--marquee-duration, 5s) ease-in-out infinite alternate; } #snackys-tpl .to-search-recent button:is(:hover, :focus-visible) .to-search-recent__track, html .to-search-recent button:is(:hover, :focus-visible) .to-search-recent__track { animation-play-state: paused; } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-recent__text.is-marquee .to-search-recent__track, html .to-search-recent__text.is-marquee .to-search-recent__track { animation: none; } } #snackys-tpl .to-search-recent .to-search-faq__arrow, html .to-search-recent .to-search-faq__arrow { color: currentColor; } #snackys-tpl .to-search-recent button:hover .to-search-faq__arrow, html .to-search-recent button:hover .to-search-faq__arrow, #snackys-tpl .to-search-recent button:focus-visible .to-search-faq__arrow, html .to-search-recent button:focus-visible .to-search-faq__arrow { transform: none !important; translate: none !important; rotate: none !important; scale: none !important; } #snackys-tpl .to-search-group-label--type:hover, html .to-search-group-label--type:hover { transform: none; } #snackys-tpl .to-search-group-label::after, html .to-search-group-label::after { border-width: 10px; margin-top: -10px; } #snackys-tpl .to-search-printer-tabs .to-search-tab[data-printer-category^="custom-"] .to-search-tab__label, html .to-search-printer-tabs .to-search-tab[data-printer-category^="custom-"] .to-search-tab__label { color: var(--color-primary-100); } #snackys-tpl .to-search-group-label--custom.to-search-group-label--article, html .to-search-group-label--custom.to-search-group-label--article { --shimmer-hue-2: 248deg; isolation: isolate; background: var(--color-primary-100); } #snackys-tpl .to-search-group-label--custom.to-search-group-label--article::after, html .to-search-group-label--custom.to-search-group-label--article::after { border-left-color: var(--color-primary-100); } #snackys-tpl .to-search-group-label--custom .to-product-card__xl-shimmer::after, html .to-search-group-label--custom .to-product-card__xl-shimmer::after { box-shadow: inset 0 0 0 5px hsl(var(--shimmer-hue-2) 70% 95%), inset 0 0 75px 40px hsl(var(--shimmer-hue-2) 100% 80%), inset 0 0 3px 1px hsl(var(--shimmer-hue-2) 100% 70%); } #snackys-tpl .to-search-board.is-split .to-search-tabs.has-one-tab .to-search-tab:not([hidden]), html .to-search-board.is-split .to-search-tabs.has-one-tab .to-search-tab:not([hidden]), #snackys-tpl .to-search-board:not(.is-split).has-one-tab .to-search-tab:not([hidden]), html .to-search-board:not(.is-split).has-one-tab .to-search-tab:not([hidden]) { min-width: 50%; } #snackys-tpl .to-search-article__bar, html .to-search-article__bar, #snackys-tpl .to-search-modal .to-search-bar, html .to-search-modal .to-search-bar, #snackys-tpl .to-search-group-label--model, html .to-search-group-label--model { background: var(--color-secondary-50); } #snackys-tpl .to-search-modal .to-search-bar, html .to-search-modal .to-search-bar, #snackys-tpl .to-search-bar.to-search-bar--split.to-search-bar--results, html .to-search-bar.to-search-bar--split.to-search-bar--results { min-height: calc(29.52px / var(--page-zoom, 1)); } #snackys-tpl .to-search-modal .to-search-bar, html .to-search-modal .to-search-bar { padding: var(--spacing-1) var(--spacing-3); } #snackys-tpl .to-search-group-label--model::after, html .to-search-group-label--model::after { border-left-color: var(--color-secondary-50); } #snackys-tpl .to-search-filter-toggle, html .to-search-filter-toggle { font-size: 16px; } #snackys-tpl .to-search-filter-toggle:disabled, html .to-search-filter-toggle:disabled { opacity: .55; cursor: not-allowed; } #snackys-tpl .to-search-filter-card, html .to-search-filter-card { margin-top: var(--spacing-2); } #snackys-tpl .to-search-filter-dropdown, html .to-search-filter-dropdown { font-size: 16px; } #snackys-tpl .to-search-filter-dropdown summary, html .to-search-filter-dropdown summary { height: 40px; font-size: 16px; } #snackys-tpl .to-search-filter-option, html .to-search-filter-option { font-size: 16px; } #snackys-tpl .to-search-filter-color__all, html .to-search-filter-color__all { display: inline-flex; align-items: center; flex: 0 0 41px; width: 41px; height: 17px; border: none; background: none; } #snackys-tpl .to-search-filter-color__all > span, html .to-search-filter-color__all > span { display: block; flex: 0 0 17px; width: 17px; height: 17px; border-radius: 50%; background: var(--color-ink-cyan); } #snackys-tpl .to-search-filter-color__all > span + span, html .to-search-filter-color__all > span + span { margin-left: -5px; mix-blend-mode: darken; background: var(--color-ink-magenta); } #snackys-tpl .to-search-filter-color__all > span:last-child, html .to-search-filter-color__all > span:last-child { background: var(--color-ink-yellow); } #snackys-tpl .to-search-filter-toggle[aria-expanded="true"], html .to-search-filter-toggle[aria-expanded="true"] { border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0 !important; } #snackys-tpl .to-search-results-head:has(.to-search-filter-toggle[aria-expanded="true"]) + .to-search-filter-card:not([hidden]), html .to-search-results-head:has(.to-search-filter-toggle[aria-expanded="true"]) + .to-search-filter-card:not([hidden]) { border-top-right-radius: 0; border-top-left-radius: var(--border-radius-sm); } #snackys-tpl .to-search-filter-toggle[aria-expanded="true"]::before, html .to-search-filter-toggle[aria-expanded="true"]::before { content: ""; position: absolute; left: -10px; bottom: -12px; z-index: 1; width: 10px; height: 10px; background-color: var(--color-tertiary-75); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 0L0 0L0 10A10 10 0 0 1 10 0Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 8px 8px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 0L0 0L0 10A10 10 0 0 1 10 0Z' fill='white'/%3E%3Cpath d='M10 0A10 10 0 0 0 0 10' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center / 10px 10px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M10 0L0 0L0 10A10 10 0 0 1 10 0Z' fill='white'/%3E%3Cpath d='M10 0A10 10 0 0 0 0 10' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center / 10px 10px no-repeat; transform: rotate(180deg); pointer-events: none; } #snackys-tpl .to-search-board.is-split, html .to-search-board.is-split { padding: var(--spacing-3) var(--spacing-3) 0 0; padding-top: 0; } #snackys-tpl .to-search-tab__count, html .to-search-tab__count { position: absolute; top: 0; right: 0; z-index: 3; min-width: 20px; height: 20px; border-radius: 0 var(--border-radius-xs, 4px) 0 var(--border-radius-xs, 4px); background: var(--color-tertiary-50); color: var(--color-neutral); font-size: var(--font-size-xs, 13.3px); transform: none; } #snackys-tpl .to-search-results-product-type, html .to-search-results-product-type { white-space: nowrap; } #snackys-tpl .to-search-results-prefix, html .to-search-results-prefix { flex: 0 0 auto; } #snackys-tpl .to-search-results-prefix__icon, html .to-search-results-prefix__icon { display: none; width: 14px; height: 14px; fill: currentColor; stroke: currentColor; stroke-width: 1; stroke-linejoin: round; } #snackys-tpl .to-search-results-product-type__short, html .to-search-results-product-type__short { display: none !important; } @media screen and (max-width: 575.98px) { #snackys-tpl .to-search-results-prefix, html .to-search-results-prefix { align-self: center; margin-right: var(--spacing-1); } #snackys-tpl .to-search-results-prefix__text, html .to-search-results-prefix__text { display: none; } #snackys-tpl .to-search-results-prefix__icon, html .to-search-results-prefix__icon { display: block; } } #snackys-tpl .to-search-printer-tabs .to-search-tab__count, html .to-search-printer-tabs .to-search-tab__count { display: none; } #snackys-tpl .to-search-board .to-search-tab__label, html .to-search-board .to-search-tab__label { text-transform: none; font-weight: normal; } #snackys-tpl .to-search-grid-wrap, html .to-search-grid-wrap { overflow-x: hidden; } #snackys-tpl .to-search-modal .to-search-cart.is-label-pending, html .to-search-modal .to-search-cart.is-label-pending { background: var(--color-tertiary-50) !important; border-color: transparent !important; box-shadow: none !important; animation: none; transition: none; pointer-events: none; } #snackys-tpl .to-search-modal .to-search-cart.is-label-pending > *, html .to-search-modal .to-search-cart.is-label-pending > * { visibility: hidden; } #snackys-tpl .to-search-product-group__head, html .to-search-product-group__head { padding: var(--spacing-1); border-radius: var(--border-radius-sm, 8px); background: var(--color-secondary-50); } #snackys-tpl .to-search-board.is-continuous.has-multiple-only-group-titles:not(.is-results-slider) .to-search-product-group.is-single-article > .to-search-product-group__head, html .to-search-board.is-continuous.has-multiple-only-group-titles:not(.is-results-slider) .to-search-product-group.is-single-article > .to-search-product-group__head { display: none; } #snackys-tpl .to-search-board.is-continuous .to-search-product-group__items > .to-search-product-group__head, html .to-search-board.is-continuous .to-search-product-group__items > .to-search-product-group__head { grid-column: 1 / -1; } #snackys-tpl .to-search-tab[data-tab="compatible"] .to-search-brand--mask, html .to-search-tab[data-tab="compatible"] .to-search-brand--mask { width: 88px; height: 18px; background: var(--color-primary-100); -webkit-mask: var(--to-search-brand-mask) center / cover no-repeat; mask: var(--to-search-brand-mask) center / cover no-repeat; } #snackys-tpl .to-search-tab[data-tab="compatible"] .to-search-tab__label, html .to-search-tab[data-tab="compatible"] .to-search-tab__label { color: var(--color-primary-100); } #snackys-tpl .to-search-tab--refill .to-search-brand--mask, html .to-search-tab--refill .to-search-brand--mask { width: 88px; height: 18px; background: #00611a; -webkit-mask: var(--to-search-brand-mask) center / cover no-repeat; mask: var(--to-search-brand-mask) center / cover no-repeat; } #snackys-tpl .to-search-tab--refill .to-search-tab__label, html .to-search-tab--refill .to-search-tab__label { color: #00611a; } #snackys-tpl .to-search-tab img, html .to-search-tab img { height: calc(14px * var(--brand-logo-scale, 1)); } #snackys-tpl .to-search-tab__label, html .to-search-tab__label { font-size: 16px; font-weight: normal; text-transform: none; letter-spacing: -0.025em; } #snackys-tpl .to-search-printer-tabs .to-search-tab__label, html .to-search-printer-tabs .to-search-tab__label { font-weight: bold; text-transform: uppercase; } #snackys-tpl .to-search-tab__series-placeholder, html .to-search-tab__series-placeholder { font-weight: normal; } #snackys-tpl .to-search-printer-tabs .to-search-tab[data-printer-category^="product-number-"] .to-search-tab__label, #snackys-tpl .to-search-printer-tabs .to-search-tab[data-printer-category^="article-number-"] .to-search-tab__label, html .to-search-printer-tabs .to-search-tab[data-printer-category^="product-number-"] .to-search-tab__label, html .to-search-printer-tabs .to-search-tab[data-printer-category^="article-number-"] .to-search-tab__label { font-size: 16px; } #snackys-tpl .to-search-query-highlight, html .to-search-query-highlight { padding: 0; background: color-mix(in srgb, #00b831 40%, transparent); color: var(--color-neutral); } #snackys-tpl .to-search-printer-tabs .to-search-tab.is-active .to-search-query-highlight, html .to-search-printer-tabs .to-search-tab.is-active .to-search-query-highlight { background: transparent; color: inherit; } #snackys-tpl .to-search-printers, html .to-search-printers { scroll-snap-type: none; overscroll-behavior: none; overflow-anchor: none; } @media (min-width: 578px) { #snackys-tpl .to-search-printers > .to-search-group-label--type.is-active, html .to-search-printers > .to-search-group-label--type.is-active { position: sticky; left: 0; z-index: 5; } #snackys-tpl .to-search-printers-wrap:has(> .to-search-printers.is-product-number-category)::before, html .to-search-printers-wrap:has(> .to-search-printers.is-product-number-category)::before { display: none; } #snackys-tpl .to-search-printers-wrap:has(> .to-search-printers.is-product-number-category) > .to-search-prev, html .to-search-printers-wrap:has(> .to-search-printers.is-product-number-category) > .to-search-prev { left: calc(var(--to-search-active-group-label-width, 0px) + var(--spacing-2) + 8px); } #snackys-tpl .to-search-printers-wrap.has-overflow-start:has(> .to-search-printers.is-product-number-category) .to-search-group-label--type.is-active, html .to-search-printers-wrap.has-overflow-start:has(> .to-search-printers.is-product-number-category) .to-search-group-label--type.is-active { box-shadow: 26px 0 20px 15px var(--color-success-soft); } } #snackys-tpl .to-search-printer-tab__logo, html .to-search-printer-tab__logo { display: block; flex: 0 0 auto; width: auto; max-width: calc(60px * var(--brand-logo-scale, 1)); height: calc(15px * var(--brand-logo-scale, 1)); object-fit: contain; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label__brand, html .to-search-printers.is-product-number-category .to-search-group-label__brand { display: none; } @media (max-height: 1100px) { #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label, html .to-search-printers.is-product-number-category .to-search-group-label { max-width: 240px; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label__value, html .to-search-printers.is-product-number-category .to-search-group-label__value { width: 100%; min-width: 0; display: inline-flex; align-items: center; gap: var(--spacing-2); white-space: nowrap; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label__brand, html .to-search-printers.is-product-number-category .to-search-group-label__brand { display: block; flex: 0 0 auto; width: auto; max-width: 100%; height: calc(19px * var(--brand-logo-scale, 1)); object-fit: contain; filter: brightness(0) invert(1); } #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label__number, html .to-search-printers.is-product-number-category .to-search-group-label__number { flex: 1 1 auto; min-width: 0; overflow: hidden; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label__number-track, html .to-search-printers.is-product-number-category .to-search-group-label__number-track { display: inline-block; width: max-content; white-space: nowrap; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label__number strong, html .to-search-printers.is-product-number-category .to-search-group-label__number strong { display: inline-block; white-space: nowrap; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-group-label__number.is-marquee .to-search-group-label__number-track, html .to-search-printers.is-product-number-category .to-search-group-label__number.is-marquee .to-search-group-label__number-track { animation: to-search-marquee var(--marquee-duration, 5s) ease-in-out infinite alternate; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-printer.is-type-match .to-search-printer__brand, html .to-search-printers.is-product-number-category .to-search-printer.is-type-match .to-search-printer__brand { display: none; } #snackys-tpl .to-search-printers.is-product-number-category .to-search-printer.is-type-match .to-search-printer__name, html .to-search-printers.is-product-number-category .to-search-printer.is-type-match .to-search-printer__name { grid-column: 2 / -1; font-size: 16px; text-align: left !important; } } #snackys-tpl .to-search-bar__count-text, html .to-search-bar__count-text { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 3px; } #snackys-tpl .to-search-bar__count-icon, html .to-search-bar__count-icon { display: block; flex: 0 0 12px; width: 12px; height: 12px; margin-right: var(--spacing-1); fill: currentColor; stroke: currentColor; stroke-width: 5px; } #snackys-tpl .to-search-printers-section .to-search-summary__item, html .to-search-printers-section .to-search-summary__item, #snackys-tpl .to-search-summary-sidebar .to-search-summary__item, html .to-search-summary-sidebar .to-search-summary__item { display: inline; border-bottom: 1px dashed var(--color-neutral); } #snackys-tpl .to-search-printers-section .to-search-summary__query strong, html .to-search-printers-section .to-search-summary__query strong, #snackys-tpl .to-search-summary-sidebar .to-search-summary__query strong, html .to-search-summary-sidebar .to-search-summary__query strong { font-weight: 700; text-transform: uppercase; } #snackys-tpl .to-search-tab-hint--compatible .to-search-brand--mask, html .to-search-tab-hint--compatible .to-search-brand--mask { width: 88px; height: 18px; background: var(--color-primary-100); -webkit-mask: var(--to-search-brand-mask) center / cover no-repeat; mask: var(--to-search-brand-mask) center / cover no-repeat; } #snackys-tpl .to-search-tab-hint--refill .to-search-brand--mask, html .to-search-tab-hint--refill .to-search-brand--mask { width: 88px; height: 18px; background: #00611a; -webkit-mask: var(--to-search-brand-mask) center / cover no-repeat; mask: var(--to-search-brand-mask) center / cover no-repeat; } #snackys-tpl .to-search-faq li:not(:has(> .to-search-faq__hit)), html .to-search-faq li:not(:has(> .to-search-faq__hit)), #snackys-tpl .to-search-modal .to-search-faq a:not(.to-search-faq__hit), html .to-search-modal .to-search-faq a:not(.to-search-faq__hit) { font-size: 16px !important; } #snackys-tpl .to-search-searchhelp__content, html .to-search-searchhelp__content { border: 2px solid var(--color-primary-50); box-shadow: inset 0px 90px 0px -17px var(--color-primary-100), inset -20px -20px 60px -60px var(--color-primary-100); } #snackys-tpl .to-search-searchhelp__brand, html .to-search-searchhelp__brand { background: var(--color-white); } #snackys-tpl .to-search-searchhelp__intro-label, html .to-search-searchhelp__intro-label { color: var(--color-white) !important; } #snackys-tpl .to-search-searchhelp.has-selection .to-search-searchhelp__result-header, html .to-search-searchhelp.has-selection .to-search-searchhelp__result-header { margin: 0; } #snackys-tpl .to-search-modal .to-search-searchhelp__choices button, html .to-search-modal .to-search-searchhelp__choices button { border-bottom-width: 4px; } #snackys-tpl .to-search-modal .to-search-searchhelp__choices button:hover, html .to-search-modal .to-search-searchhelp__choices button:hover, #snackys-tpl .to-search-modal .to-search-searchhelp__choices button.is-active, html .to-search-modal .to-search-searchhelp__choices button.is-active { border-color: var(--color-primary-50); } #snackys-tpl .to-search-modal .to-search-product__sold-out, html .to-search-modal .to-search-product__sold-out { font-size: 16px; background: var(--color-danger-soft); color: var(--to-card-soldout-color, var(--color-danger)); border: 0; } #snackys-tpl .to-search-modal .to-search-product__sold-out, html .to-search-modal .to-search-product__sold-out { gap: var(--spacing-1); color: var(--color-danger); } #snackys-tpl .to-search-modal .to-search-product__sold-out-icon, html .to-search-modal .to-search-product__sold-out-icon { display: inline-flex; flex: 0 0 22px; align-items: center; justify-content: center; width: 22px; height: 22px; color: var(--color-danger); } #snackys-tpl .to-search-modal .to-search-product__sold-out-icon svg, html .to-search-modal .to-search-product__sold-out-icon svg { display: block; width: 22px; height: 22px; fill: currentColor; stroke: none; } #snackys-tpl .to-search-modal .to-search-product__sold-out-icon svg.to-search-product__sold-out-compact-icon, html .to-search-modal .to-search-product__sold-out-icon svg.to-search-product__sold-out-compact-icon, #snackys-tpl .to-search-modal .to-search-product__sold-out.is-icon-only .to-search-product__sold-out-default-icon, html .to-search-modal .to-search-product__sold-out.is-icon-only .to-search-product__sold-out-default-icon { display: none; } #snackys-tpl .to-search-modal .to-search-product__sold-out.is-icon-only .to-search-product__sold-out-compact-icon, html .to-search-modal .to-search-product__sold-out.is-icon-only .to-search-product__sold-out-compact-icon { display: block; } #snackys-tpl .to-search-modal .to-search-product__sold-out-label, html .to-search-modal .to-search-product__sold-out-label { display: inline; flex: 0 0 auto; min-width: 0; font-size: 16px; font-weight: normal; line-height: 1; white-space: nowrap; } #snackys-tpl .to-search-printer-tab-body[hidden], html .to-search-printer-tab-body[hidden] { display: none !important; } /**/ #snackys-tpl .to-search-printer, html .to-search-printer { min-height: 190px; } #snackys-tpl .to-search-printers-section, html .to-search-printers-section { min-width: 0; grid-template-columns: minmax(0, 1fr); margin-bottom: var(--spacing-2); } #snackys-tpl .to-search-printers-section > .to-search-reveal, html .to-search-printers-section > .to-search-reveal { min-width: 0; max-width: 100%; } #snackys-tpl .to-search-printer-tabs-shell, html .to-search-printer-tabs-shell { display: block; min-width: 0; max-width: 100%; } #snackys-tpl .to-search-printer-tabs-shell .to-search-printer-tabs, html .to-search-printer-tabs-shell .to-search-printer-tabs { padding-right: 0; flex: none; overscroll-behavior: none; width: 100%; min-width: 0; max-width: 100%; margin-bottom: -2px; /**/ z-index: auto; } #snackys-tpl .to-search-printer-tabs, html .to-search-printer-tabs { padding-top: 0; } /**/ #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printer-tabs-shell .to-search-printer-tabs:has(> .to-search-tab[data-printer-category^="series-"]):not(:has(> .to-search-tab:not([data-printer-category^="series-"]))), html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printer-tabs-shell .to-search-printer-tabs:has(> .to-search-tab[data-printer-category^="series-"]):not(:has(> .to-search-tab:not([data-printer-category^="series-"]))) { margin-top: 0; } #snackys-tpl .to-search-printer-tabs .to-search-tab:not(.is-active), html .to-search-printer-tabs .to-search-tab:not(.is-active) { z-index: 1; box-shadow: inset 0 -2px 0 0 var(--color-tertiary-75), inset 0 -6px 10px -1px rgba(0, 0, 0, .1); } #snackys-tpl .to-search-printer-tabs .to-search-tab, html .to-search-printer-tabs .to-search-tab { flex: 0 0 auto; width: max-content; min-width: 130px; white-space: nowrap; } @media (max-width: 767px) { #snackys-tpl .to-search-printer-tabs .to-search-tab, html .to-search-printer-tabs .to-search-tab { min-width: 80px; } } #snackys-tpl .to-search-printer-tabs:is(.has-active-tab-left, .has-active-tab-right) .to-search-tab.is-active, html .to-search-printer-tabs:is(.has-active-tab-left, .has-active-tab-right) .to-search-tab.is-active { position: sticky; z-index: 4; } #snackys-tpl .to-search-printer-tabs.has-active-tab-left .to-search-tab.is-active, html .to-search-printer-tabs.has-active-tab-left .to-search-tab.is-active { left: 0; right: auto; } #snackys-tpl .to-search-printer-tabs.has-active-tab-right .to-search-tab.is-active, html .to-search-printer-tabs.has-active-tab-right .to-search-tab.is-active { left: auto; right: 0; } #snackys-tpl .to-search-printer-tabs.is-active-tab-at-start > .to-search-tab.is-active::before, html .to-search-printer-tabs.is-active-tab-at-start > .to-search-tab.is-active::before, #snackys-tpl .to-search-printer-tabs-shell.has-overflow .to-search-printer-tabs.is-active-tab-at-end > .to-search-tab.is-active::after, html .to-search-printer-tabs-shell.has-overflow .to-search-printer-tabs.is-active-tab-at-end > .to-search-tab.is-active::after { content: none !important; display: none !important; } #snackys-tpl .to-search-printer-tabs-shell.has-overflow-start .to-search-printer-tabs.is-active-tab-at-start > .to-search-tab.is-active, html .to-search-printer-tabs-shell.has-overflow-start .to-search-printer-tabs.is-active-tab-at-start > .to-search-tab.is-active { box-shadow: 10px 0px 10px -5px rgba(0, 0, 0, 0.29); } #snackys-tpl .to-search-printer-tabs-shell.has-overflow-end .to-search-printer-tabs.is-active-tab-at-end > .to-search-tab.is-active, html .to-search-printer-tabs-shell.has-overflow-end .to-search-printer-tabs.is-active-tab-at-end > .to-search-tab.is-active { box-shadow: -10px 0px 10px -5px rgba(0, 0, 0, 0.29); } #snackys-tpl .to-search-printer-tabs > .to-search-tab:first-child:not(.is-active), html .to-search-printer-tabs > .to-search-tab:first-child:not(.is-active) { margin-left: var(--spacing-2); } #snackys-tpl .to-search-printer-tabs > .to-search-tab:last-child:not(.is-active), html .to-search-printer-tabs > .to-search-tab:last-child:not(.is-active) { margin-right: var(--spacing-2); } #snackys-tpl .to-search-overlay:not(.has-products) .to-search-printer-tabs .to-search-tab[data-printer-category^="series-"], html .to-search-overlay:not(.has-products) .to-search-printer-tabs .to-search-tab[data-printer-category^="series-"] { min-width: 160px; } #snackys-tpl .to-search-printer-tabs .to-search-tab__inner, html .to-search-printer-tabs .to-search-tab__inner { flex-direction: row; flex-wrap: nowrap; white-space: nowrap; } @media (max-width: 575px) { #snackys-tpl .to-search-tab, html .to-search-tab { flex-direction: column; flex-wrap: wrap; gap: 4px; min-height: 40px; padding: 8px 6px; font-size: 13.3px; } #snackys-tpl .to-search-tabs .to-search-tab__inner img, #snackys-tpl .to-search-tabs .to-search-tab__inner .to-search-brand, html .to-search-tabs .to-search-tab__inner img, html .to-search-tabs .to-search-tab__inner .to-search-brand { display: none; } #snackys-tpl .to-search-board .to-search-tabs .to-search-tab__inner, html .to-search-board .to-search-tabs .to-search-tab__inner { flex-direction: row; flex-wrap: nowrap; } } #snackys-tpl .to-search-printer-tabs.has-one-tab .to-search-tab, html .to-search-printer-tabs.has-one-tab .to-search-tab { flex: 0 0 50%; width: 50%; max-width: 180px; min-width: 0; } #snackys-tpl .to-search-printer-tabs-shell::before, #snackys-tpl .to-search-printer-tabs-shell::after, html .to-search-printer-tabs-shell::before, html .to-search-printer-tabs-shell::after { bottom: 2px; z-index: 3; } #snackys-tpl .to-search-printer-tabs-prev, #snackys-tpl .to-search-printer-tabs-next, html .to-search-printer-tabs-prev, html .to-search-printer-tabs-next { width: calc(var(--spacing-6) + var(--spacing-1)); height: calc(var(--spacing-6) + var(--spacing-1)); z-index: 4; color: var(--color-primary-100); } #snackys-tpl .to-search-printer-tabs-prev svg, #snackys-tpl .to-search-printer-tabs-next svg, #snackys-tpl .to-search-printers-wrap > .to-search-prev svg, #snackys-tpl .to-search-printers-wrap > .to-search-next svg, html .to-search-printer-tabs-prev svg, html .to-search-printer-tabs-next svg, html .to-search-printers-wrap > .to-search-prev svg, html .to-search-printers-wrap > .to-search-next svg { display: block; width: var(--spacing-4); height: var(--spacing-4); } /**/ #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printers-wrap::before, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printers-wrap::before { background: linear-gradient(270deg, transparent 0%, var(--color-white) 72%) !important; } #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printers-wrap::after, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printers-wrap::after { background: linear-gradient(90deg, transparent 0%, var(--color-white) 72%) !important; } #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tab-body, #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tab-body, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab { border-color: var(--color-tertiary-75) !important; background-color: var(--color-white) !important; color: var(--color-tertiary-75) !important; } #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab::before, #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab::after, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab::before, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab::after { background-color: var(--color-tertiary-75) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='white'/%3E%3C/svg%3E") !important; } #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner { position: relative; overflow: hidden; border-radius: var(--border-radius-xs); background: var(--color-tertiary-50); } #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner > *, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner > * { visibility: hidden; } #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner::after, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 45%; background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .7), transparent); transform: translateX(-130%); animation: to-search-shimmer .85s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner::after, html .to-search-printers-section:has(.to-search-printers-wrap.is-skeleton, .to-search-printer.is-category-loading) .to-search-printer-tabs .to-search-tab__inner::after { animation: none; } } #snackys-tpl .to-search-printer:is(.to-search-printer--skeleton, .is-category-loading):not(.to-search-printer--featured) .to-search-printer__image, html .to-search-printer:is(.to-search-printer--skeleton, .is-category-loading):not(.to-search-printer--featured) .to-search-printer__image { position: relative; } #snackys-tpl .to-search-printer:is(.to-search-printer--skeleton, .is-category-loading):not(.to-search-printer--featured) .to-search-skel--image, html .to-search-printer:is(.to-search-printer--skeleton, .is-category-loading):not(.to-search-printer--featured) .to-search-skel--image { position: absolute; inset: 0; width: auto; height: 100%; max-width: 100%; max-height: 85px; aspect-ratio: 1 / 1; margin: auto; } #snackys-tpl .to-search-printer.is-category-loading .to-search-printer__brand, html .to-search-printer.is-category-loading .to-search-printer__brand, #snackys-tpl .to-search-printer.is-category-loading .to-search-printer__image img, html .to-search-printer.is-category-loading .to-search-printer__image img, #snackys-tpl .to-search-printer.is-category-loading .to-search-printer__name > *, html .to-search-printer.is-category-loading .to-search-printer__name > *, #snackys-tpl .to-search-printer.is-category-loading .to-search-printer__cta > *, html .to-search-printer.is-category-loading .to-search-printer__cta > * { visibility: hidden; } #snackys-tpl .to-search-printer.is-category-loading .to-search-printer__name, html .to-search-printer.is-category-loading .to-search-printer__name, #snackys-tpl .to-search-printer.is-category-loading .to-search-printer__cta, html .to-search-printer.is-category-loading .to-search-printer__cta { background: var(--color-tertiary-50); border-radius: 4px; color: transparent !important; } /**/ #snackys-tpl .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton), html .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton) { transform: none; transition: border-color .2s ease, background-color .2s ease; } #snackys-tpl .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):hover, #snackys-tpl .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):focus-visible, html .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):hover, html .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):focus-visible { transform: none; } #snackys-tpl .to-search-printers button.to-search-group-label.to-search-printer-next-category, html .to-search-printers button.to-search-group-label.to-search-printer-next-category { box-sizing: border-box; flex: 0 0 auto; margin-left: auto; max-width: none; padding-right: var(--spacing-16); border: 1px solid var(--color-tertiary-75); background: var(--color-white); color: var(--color-neutral); font-family: var(--font-family-base); text-align: left; pointer-events: auto; cursor: pointer; appearance: none; -webkit-appearance: none; transition: box-shadow .14s ease; } /**/ #snackys-tpl .to-search-printers-wrap:not(.has-model-overflow) .to-search-printer-next-category, html .to-search-printers-wrap:not(.has-model-overflow) .to-search-printer-next-category { display: none; } #snackys-tpl button.to-search-printer-next-category::after, html button.to-search-printer-next-category::after { display: none; } #snackys-tpl .to-search-overlay.has-products .to-search-printers-wrap.has-model-overflow:has(> .to-search-printers > .to-search-printer-next-category)::after, html .to-search-overlay.has-products .to-search-printers-wrap.has-model-overflow:has(> .to-search-printers > .to-search-printer-next-category)::after { opacity: 1; } #snackys-tpl button.to-search-printer-next-category:hover, #snackys-tpl button.to-search-printer-next-category:focus-visible, html button.to-search-printer-next-category:hover, html button.to-search-printer-next-category:focus-visible { z-index: 4; background: var(--color-white); color: var(--color-neutral); box-shadow: 8px 0 14px -6px rgba(0, 0, 0, .2); } #snackys-tpl .to-search-printer-next-category .to-search-group-label__value, html .to-search-printer-next-category .to-search-group-label__value { display: inline-flex; align-items: center; gap: var(--spacing-2); width: 100%; min-width: 0; white-space: nowrap; } #snackys-tpl .to-search-printer-next-category .to-search-group-label__number, html .to-search-printer-next-category .to-search-group-label__number { min-width: 0; overflow: hidden; } #snackys-tpl .to-search-printer-next-category .to-search-group-label strong, html .to-search-printer-next-category .to-search-group-label strong { font-size: 30px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } #snackys-tpl .to-search-printer-next-category__logo, html .to-search-printer-next-category__logo { display: block; flex: 0 0 auto; width: auto; max-width: calc(75px * var(--brand-logo-scale, 1)); height: calc(19px * var(--brand-logo-scale, 1)); object-fit: contain; } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-printer-next-category, html .to-search-printer-next-category { transition: none; } } @media (min-width: 992px) and (max-height: 1100px) { #snackys-tpl .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured), html .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured) { flex: 0 0 calc((100% - 60px) / 4) !important; width: calc((100% - 60px) / 4) !important; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap:not(.is-featured) .to-search-printer:not(.to-search-printer--featured), html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap:not(.is-featured) .to-search-printer:not(.to-search-printer--featured) { flex: 0 0 calc((100% - 60px) / 5) !important; width: calc((100% - 60px) / 5) !important; } } #snackys-tpl .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton) .to-search-printer__image img, html .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton) .to-search-printer__image img { transform: scale(1); transition: transform .2s ease; } #snackys-tpl .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):hover .to-search-printer__image img, #snackys-tpl .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):focus-visible .to-search-printer__image img, html .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):hover .to-search-printer__image img, html .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):focus-visible .to-search-printer__image img { transform: scale(1.04); } #snackys-tpl .to-search-printers.is-dragging .to-search-printer__image img, html .to-search-printers.is-dragging .to-search-printer__image img { transform: none; transition: none; } #snackys-tpl .to-search-overlay:not(.has-suggestions) .to-search-modal .to-search-sidebar .to-search-bar--faq, html .to-search-overlay:not(.has-suggestions) .to-search-modal .to-search-sidebar .to-search-bar--faq { margin-top: 0; } #snackys-tpl .to-search-printer__brand, html .to-search-printer__brand { height: calc(18px * var(--brand-logo-scale, 1)); max-width: 80px; } #snackys-tpl .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured) .to-search-printer__brand, #snackys-tpl .to-search-overlay.has-featured .to-search-printer:not(.to-search-printer--featured) .to-search-printer__brand, html .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured) .to-search-printer__brand, html .to-search-overlay.has-featured .to-search-printer:not(.to-search-printer--featured) .to-search-printer__brand { height: calc(15px * var(--brand-logo-scale, 1)); max-width: 70px; } #snackys-tpl .to-search-close.is-loading, html .to-search-close.is-loading { color: var(--color-primary-100); } #snackys-tpl .to-search-close.is-loading svg, html .to-search-close.is-loading svg { width: 24px; height: 24px; fill: currentColor; stroke: none; animation: to-search-spinner-rotate .75s linear infinite; } #snackys-tpl .to-search-close.is-loading .to-search-spinner__track, html .to-search-close.is-loading .to-search-spinner__track { opacity: .25; } #snackys-tpl .to-search-modal .to-search-product.is-unavailable .to-search-product__image img, html .to-search-modal .to-search-product.is-unavailable .to-search-product__image img { opacity: .5; } #snackys-tpl .to-search-modal .to-search-cart.is-cart-loading, html .to-search-modal .to-search-cart.is-cart-loading { color: var(--color-white); opacity: 1; cursor: wait; } #snackys-tpl .to-search-modal .to-search-cart.is-cart-loading .to-search-spinner, html .to-search-modal .to-search-cart.is-cart-loading .to-search-spinner { display: block; flex: 0 0 22px; width: 22px; height: 22px; fill: currentColor; stroke: none; animation: to-search-spinner-rotate .75s linear infinite; } #snackys-tpl .to-search-modal .to-search-cart.is-cart-loading .to-search-spinner__track, html .to-search-modal .to-search-cart.is-cart-loading .to-search-spinner__track { opacity: .25; } @keyframes to-search-spinner-rotate { to { transform: rotate(360deg); } } #snackys-tpl .to-search-modal .to-search-qty__input:disabled, html .to-search-modal .to-search-qty__input:disabled { color: color-mix(in srgb, var(--color-neutral) 40%, transparent); -webkit-text-fill-color: currentColor; opacity: 1; } @media (max-width: 767px) { :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-mobile-type-start { grid-column: 1 !important; } #snackys-tpl .to-search-modal .to-search-product-group__items, html .to-search-modal .to-search-product-group__items { grid-template-columns: minmax(0, 1fr) !important; } } #snackys-tpl .to-search-printer-tabs > .to-search-tab:first-child::before, html .to-search-printer-tabs > .to-search-tab:first-child::before { content: none !important; display: none !important; } #snackys-tpl .to-search-board:not(.is-split):has(.to-search-tabs.has-multi-tabs) .to-search-grid-wrap, html .to-search-board:not(.is-split):has(.to-search-tabs.has-multi-tabs) .to-search-grid-wrap, #snackys-tpl .to-search-board.is-split:has(.to-search-tabs--oem.has-multi-tabs) .to-search-grid-shell--oem .to-search-grid-wrap, html .to-search-board.is-split:has(.to-search-tabs--oem.has-multi-tabs) .to-search-grid-shell--oem .to-search-grid-wrap, #snackys-tpl .to-search-board.is-split:has(.to-search-tabs--market.has-multi-tabs) .to-search-grid-shell--market .to-search-grid-wrap, html .to-search-board.is-split:has(.to-search-tabs--market.has-multi-tabs) .to-search-grid-shell--market .to-search-grid-wrap { border-top-right-radius: 0; } #snackys-tpl .to-search-board:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market .to-search-tab:not([hidden])) .to-search-grid-wrap, html .to-search-board:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market .to-search-tab:not([hidden])) .to-search-grid-wrap { border-top-right-radius: 0; } #snackys-tpl .to-search-board.is-split:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market .to-search-tab:not([hidden])) .to-search-grid-shell--oem .to-search-grid-wrap, html .to-search-board.is-split:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market .to-search-tab:not([hidden])) .to-search-grid-shell--oem .to-search-grid-wrap { border-top-right-radius: var(--border-radius-sm, 8px); } #snackys-tpl .to-search-board.is-split:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market.has-one-tab .to-search-tab:not([hidden])) .to-search-grid-shell--market .to-search-grid-wrap, html .to-search-board.is-split:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market.has-one-tab .to-search-tab:not([hidden])) .to-search-grid-shell--market .to-search-grid-wrap { border-top-right-radius: var(--border-radius-sm, 8px); } #snackys-tpl .to-search-board.is-split:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market.has-multi-tabs .to-search-tab:not([hidden])) .to-search-grid-shell--market .to-search-grid-wrap, html .to-search-board.is-split:has(.to-search-tabs--oem .to-search-tab:not([hidden])):has(.to-search-tabs--market.has-multi-tabs .to-search-tab:not([hidden])) .to-search-grid-shell--market .to-search-grid-wrap { border-top-right-radius: 0; } #snackys-tpl .to-search-tabs > .to-search-tab:not(.is-active)::after, html .to-search-tabs > .to-search-tab:not(.is-active)::after { display: none; } #snackys-tpl .to-search-tabs > .to-search-tab.is-active:first-child::after, html .to-search-tabs > .to-search-tab.is-active:first-child::after, #snackys-tpl .to-search-tabs > .to-search-tab.is-active:not(:last-child)::after, html .to-search-tabs > .to-search-tab.is-active:not(:last-child)::after, #snackys-tpl .to-search-board:not(.is-split):has(.to-search-tabs--oem > .to-search-tab:not([hidden])) .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::after, html .to-search-board:not(.is-split):has(.to-search-tabs--oem > .to-search-tab:not([hidden])) .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::after, #snackys-tpl .to-search-tabs > .to-search-tab.is-active:last-child::before, html .to-search-tabs > .to-search-tab.is-active:last-child::before, #snackys-tpl .to-search-tabs > .to-search-tab.is-active:not(:first-child)::before, html .to-search-tabs > .to-search-tab.is-active:not(:first-child)::before, #snackys-tpl .to-search-board.is-hp-split .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::before, html .to-search-board.is-hp-split .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::before { content: ""; position: absolute; bottom: -2px; z-index: 0; display: block; width: 15px; height: 15px; pointer-events: none; background-color: var(--color-tertiary-75); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 12px 12px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3Cpath d='M15 0A15 15 0 0 0 0 15' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 15px 15px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3Cpath d='M15 0A15 15 0 0 0 0 15' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 15px 15px; } #snackys-tpl .to-search-tabs > .to-search-tab.is-active:first-child::after, html .to-search-tabs > .to-search-tab.is-active:first-child::after, #snackys-tpl .to-search-tabs > .to-search-tab.is-active:not(:last-child)::after, html .to-search-tabs > .to-search-tab.is-active:not(:last-child)::after { left: 100%; right: auto; transform: rotate(180deg) scaleX(-1); } #snackys-tpl .to-search-board:not(.is-split):has(.to-search-tabs--oem > .to-search-tab:not([hidden])) .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::after, html .to-search-board:not(.is-split):has(.to-search-tabs--oem > .to-search-tab:not([hidden])) .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::after { left: 100%; right: auto; transform: rotate(180deg) scaleX(-1); } #snackys-tpl .to-search-tabs > .to-search-tab.is-active:last-child::before, html .to-search-tabs > .to-search-tab.is-active:last-child::before, #snackys-tpl .to-search-tabs > .to-search-tab.is-active:not(:first-child)::before, html .to-search-tabs > .to-search-tab.is-active:not(:first-child)::before, #snackys-tpl .to-search-board.is-hp-split .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::before, html .to-search-board.is-hp-split .to-search-tabs--market > .to-search-tab.is-active:not(:has(~ .to-search-tab:not([hidden])))::before { right: 100%; left: auto; transform: rotate(180deg); } #snackys-tpl .to-search-board.is-split .to-search-tabs--oem > .to-search-tab.is-active::before, html .to-search-board.is-split .to-search-tabs--oem > .to-search-tab.is-active::before { content: none !important; display: none !important; } #snackys-tpl .to-search-board:not(.is-split):has(.to-search-tabs--market > .to-search-tab:not([hidden])):has(.to-search-tabs--oem > .to-search-tab:not([hidden])) .to-search-tabs--oem > .to-search-tab.is-active::after, html .to-search-board:not(.is-split):has(.to-search-tabs--market > .to-search-tab:not([hidden])):has(.to-search-tabs--oem > .to-search-tab:not([hidden])) .to-search-tabs--oem > .to-search-tab.is-active::after { content: none !important; display: none !important; } #snackys-tpl .to-search-board:not(.is-split) .to-search-tabs--market:not(:has(> .to-search-tab:not([hidden]) ~ .to-search-tab.is-active)) > .to-search-tab.is-active::before, html .to-search-board:not(.is-split) .to-search-tabs--market:not(:has(> .to-search-tab:not([hidden]) ~ .to-search-tab.is-active)) > .to-search-tab.is-active::before { content: none !important; display: none !important; } #snackys-tpl .to-search-board.is-hp-split .to-search-tabs--market.has-one-tab > .to-search-tab.is-active::before, html .to-search-board.is-hp-split .to-search-tabs--market.has-one-tab > .to-search-tab.is-active::before { content: none !important; display: none !important; } #snackys-tpl .to-search-board.is-hp-split .to-search-tabs--market:not(.has-one-tab) > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::before, html .to-search-board.is-hp-split .to-search-tabs--market:not(.has-one-tab) > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::before { content: "" !important; display: block !important; } #snackys-tpl .to-search-board.is-split .to-search-tabs--market.has-one-tab > .to-search-tab.is-active::after, html .to-search-board.is-split .to-search-tabs--market.has-one-tab > .to-search-tab.is-active::after, #snackys-tpl .to-search-board.is-split .to-search-tabs--oem.has-one-tab > .to-search-tab.is-active::after, html .to-search-board.is-split .to-search-tabs--oem.has-one-tab > .to-search-tab.is-active::after { content: "" !important; display: block !important; left: 100%; right: auto; transform: rotate(180deg) scaleX(-1); } #snackys-tpl .to-search-board.is-split .to-search-tabs--market.has-one-tab > .to-search-tab.is-active::before, html .to-search-board.is-split .to-search-tabs--market.has-one-tab > .to-search-tab.is-active::before, #snackys-tpl .to-search-board.is-split .to-search-tabs--oem.has-one-tab > .to-search-tab.is-active::before, html .to-search-board.is-split .to-search-tabs--oem.has-one-tab > .to-search-tab.is-active::before { content: none !important; display: none !important; } #snackys-tpl .to-search-board:not(.is-split):not(:has(.to-search-tabs--oem > .to-search-tab:not([hidden]))) .to-search-tabs--market > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::after, html .to-search-board:not(.is-split):not(:has(.to-search-tabs--oem > .to-search-tab:not([hidden]))) .to-search-tabs--market > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::after, #snackys-tpl .to-search-board.is-hp-split .to-search-tabs--market > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::after, html .to-search-board.is-hp-split .to-search-tabs--market > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::after, #snackys-tpl .to-search-printer-tabs-shell.has-overflow .to-search-printer-tabs > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::after, html .to-search-printer-tabs-shell.has-overflow .to-search-printer-tabs > .to-search-tab.is-active:not(:first-child):not(:has(~ .to-search-tab:not([hidden])))::after { content: none !important; display: none !important; } #snackys-tpl .to-search-grid-wrap, html .to-search-grid-wrap { border-radius: 0 var(--border-radius-sm, 8px) var(--border-radius-sm, 8px) var(--border-radius-sm, 8px); } @media (max-width: 575.98px) { #snackys-tpl .to-search-grid-wrap, html .to-search-grid-wrap { padding: var(--spacing-2); } #snackys-tpl .to-search-printer-tab-body, html .to-search-printer-tab-body { padding: var(--spacing-2); } #snackys-tpl .to-search-results-head .to-search-bar__count, html .to-search-results-head .to-search-bar__count { display: none; } } #snackys-tpl .to-search-board:not(.has-tabs) .to-search-grid-wrap, html .to-search-board:not(.has-tabs) .to-search-grid-wrap { border-radius: var(--border-radius-sm, 8px); } /**/ #snackys-tpl .to-search-board.is-continuous .to-search-tabs-row, html .to-search-board.is-continuous .to-search-tabs-row { flex-wrap: nowrap; gap: var(--spacing-2); align-items: stretch; width: 100%; min-width: 0; height: 36px; max-height: 36px; margin: 0; } /**/ #snackys-tpl .to-search-results:has(.to-search-board.is-continuous), html .to-search-results:has(.to-search-board.is-continuous) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto minmax(0, 1fr); column-gap: var(--spacing-2); row-gap: 0; } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-results-head, html .to-search-results:has(.to-search-board.is-continuous) .to-search-results-head, #snackys-tpl .to-search-board.is-continuous, html .to-search-board.is-continuous { display: contents; } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-bar--results, html .to-search-results:has(.to-search-board.is-continuous) .to-search-bar--results { display: flex; grid-column: 1; grid-row: 1; align-items: center; padding: var(--spacing-1) var(--spacing-3); background: var(--color-secondary-50); border-radius: var(--border-radius-sm); } html .to-search-results:has(.to-search-board.is-continuous) .to-search-bar--results h2, #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-bar--results h2 { display: none; } #snackys-tpl .to-search-bar--results .to-search-bar__count, html .to-search-bar--results .to-search-bar__count { display: inline-flex; align-items: center; font-size: 16px; line-height: 1; } #snackys-tpl .to-search-bar--results :is(.to-search-bar__count-view, .to-search-bar__count-track), html .to-search-bar--results :is(.to-search-bar__count-view, .to-search-bar__count-track) { display: flex; align-items: center; } #snackys-tpl .to-search-bar--results .to-search-bar__count-icon, html .to-search-bar--results .to-search-bar__count-icon { flex-basis: 16px; width: 16px; height: 16px; } #snackys-tpl .to-search-results-count__number, html .to-search-results-count__number { font-weight: 700; border-bottom: 1px dashed var(--color-neutral); } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-card, html .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-card { grid-column: 1 / -1; grid-row: 2; flex: 0 0 auto; } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-toggle, html .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-toggle { grid-column: 3; grid-row: 1; align-self: stretch; width: auto; height: 36px; min-height: 36px; box-sizing: border-box; border-radius: var(--border-radius-sm); } #snackys-tpl .to-search-board.is-continuous .to-search-tabs-row, html .to-search-board.is-continuous .to-search-tabs-row { grid-column: 2; grid-row: 1; } #snackys-tpl .to-search-board.is-continuous .to-search-grid-shell--market, html .to-search-board.is-continuous .to-search-grid-shell--market { grid-column: 1 / -1; grid-row: 3; } @media (max-width: 575.98px) { #snackys-tpl .to-search-results:has(.to-search-board.is-continuous), html .to-search-results:has(.to-search-board.is-continuous) { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto minmax(0, 1fr); } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-bar--results, html .to-search-results:has(.to-search-board.is-continuous) .to-search-bar--results { grid-column: 1 / -1; margin-bottom: var(--spacing-2); } #snackys-tpl .to-search-board.is-continuous .to-search-tabs-row, html .to-search-board.is-continuous .to-search-tabs-row { grid-column: 1; grid-row: 2; } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-toggle, html .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-toggle { grid-column: 2; grid-row: 2; } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-card, html .to-search-results:has(.to-search-board.is-continuous) .to-search-filter-card { grid-row: 3; } #snackys-tpl .to-search-board.is-continuous .to-search-grid-shell--market, html .to-search-board.is-continuous .to-search-grid-shell--market { grid-row: 4; } } /**/ #snackys-tpl .to-search-results:has(.to-search-board.is-continuous .to-search-tabs-row[hidden]) .to-search-bar--results, html .to-search-results:has(.to-search-board.is-continuous .to-search-tabs-row[hidden]) .to-search-bar--results { grid-column: 1 / 3; justify-content: flex-start; } @media (max-width: 575.98px) { #snackys-tpl .to-search-results:has(.to-search-board.is-continuous .to-search-tabs-row[hidden]) .to-search-bar--results, html .to-search-results:has(.to-search-board.is-continuous .to-search-tabs-row[hidden]) .to-search-bar--results { grid-column: 1; margin-bottom: 0; } #snackys-tpl .to-search-results:has(.to-search-board.is-continuous .to-search-tabs-row[hidden]) .to-search-filter-toggle, html .to-search-results:has(.to-search-board.is-continuous .to-search-tabs-row[hidden]) .to-search-filter-toggle { grid-row: 1; } } #snackys-tpl .to-search-board.is-continuous .to-search-tabs > .to-search-tab[data-tab], html .to-search-board.is-continuous .to-search-tabs > .to-search-tab[data-tab] { flex: 1 1 0; width: auto; max-width: none; min-width: 0; height: 36px; min-height: 36px; max-height: 36px; padding: 4px 12px; overflow: hidden; border: 2px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); background: var(--to-search-category-color, var(--color-neutral)) var(--to-search-category-image, none) center / cover no-repeat; background-position: top; color: var(--color-white, #fff); box-shadow: none; opacity: 1; transition: opacity 180ms ease; } /**/ #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="compatible"], html .to-search-board.is-continuous .to-search-tab[data-tab="compatible"], #snackys-tpl .to-search-board.is-continuous .to-search-category-head[data-category="compatible"], html .to-search-board.is-continuous .to-search-category-head[data-category="compatible"], #snackys-tpl .to-search-category-info[data-category="compatible"], html .to-search-category-info[data-category="compatible"], #snackys-tpl .to-search-category-slider__heading[data-category="compatible"], html .to-search-category-slider__heading[data-category="compatible"] { --to-search-category-color: var(--to-search-green, #00b831); --to-search-category-image: url("https://cdn.toneroffice.de/templates/toneroffice_new/img/listing-group/Kompatibel-1.jpg"); } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="refill"], html .to-search-board.is-continuous .to-search-tab[data-tab="refill"], #snackys-tpl .to-search-board.is-continuous .to-search-category-head[data-category="refill"], html .to-search-board.is-continuous .to-search-category-head[data-category="refill"], #snackys-tpl .to-search-category-info[data-category="refill"], html .to-search-category-info[data-category="refill"], #snackys-tpl .to-search-category-slider__heading[data-category="refill"], html .to-search-category-slider__heading[data-category="refill"] { --to-search-category-color: var(--to-search-green, #00b831); --to-search-category-image: url("https://cdn.toneroffice.de/templates/toneroffice_new/img/listing-group/Rebuilt-1.jpg"); } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="original"], html .to-search-board.is-continuous .to-search-tab[data-tab="original"], #snackys-tpl .to-search-board.is-continuous .to-search-category-head[data-category="original"], html .to-search-board.is-continuous .to-search-category-head[data-category="original"], #snackys-tpl .to-search-category-info[data-category="original"], html .to-search-category-info[data-category="original"], #snackys-tpl .to-search-category-slider__heading[data-category="original"], html .to-search-category-slider__heading[data-category="original"] { --to-search-category-color: var(--color-neutral); --to-search-category-image: url("https://cdn.toneroffice.de/templates/toneroffice_new/img/listing-group/Original-1.jpg"); } #snackys-tpl .to-search-board.is-continuous .to-search-tabs > .to-search-tab[data-tab], html .to-search-board.is-continuous .to-search-tabs > .to-search-tab[data-tab] { background-color: #fff; background-image: none; } #snackys-tpl .to-search-board.is-continuous .to-search-tab__count, html .to-search-board.is-continuous .to-search-tab__count, #snackys-tpl .to-search-board.is-continuous .to-search-category-head .to-search-tab__count, html .to-search-board.is-continuous .to-search-category-head .to-search-tab__count { top: 0; right: 0; bottom: auto; left: auto; z-index: 2; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 20px; height: 20px; min-width: 20px; padding: 0; border: none; border-radius: 0 0 0 var(--border-radius-xs, 4px); color: var(--color-primary-100); background: var(--color-white, #fff); font-size: var(--font-size-xs, 13.3px); font-weight: 700; line-height: 1; transform: none; } #snackys-tpl .to-search-board.is-continuous .to-search-tab__count::before, #snackys-tpl .to-search-board.is-continuous .to-search-tab__count::after, html .to-search-board.is-continuous .to-search-tab__count::before, html .to-search-board.is-continuous .to-search-tab__count::after { content: ""; position: absolute; z-index: -1; display: block; width: 3px; height: 3px; pointer-events: none; background-color: var(--color-white, #fff); background-size: 3px 3px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3Cpath d='M15 0A15 15 0 0 0 0 15' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 3px 3px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3Cpath d='M15 0A15 15 0 0 0 0 15' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 3px 3px; } #snackys-tpl .to-search-board.is-continuous .to-search-tab__count::before, html .to-search-board.is-continuous .to-search-tab__count::before { top: 0; right: 100%; transform: rotate(90deg); } #snackys-tpl .to-search-board.is-continuous .to-search-tab__count::after, html .to-search-board.is-continuous .to-search-tab__count::after { bottom: -3px; left: calc(100% - 3px); transform: rotate(90deg); } /**/ #snackys-tpl .to-search-board .to-search-tabs > .to-search-tab[data-tab] > .to-search-tab__count--selected, html .to-search-board .to-search-tabs > .to-search-tab[data-tab] > .to-search-tab__count--selected { display: none; top: -2px; right: -2px; width: 22px; min-width: 22px; height: 22px; border-left: 2px solid var(--color-tertiary-75); border-bottom: 2px solid var(--color-tertiary-75); border-radius: 0 0 0 var(--border-radius-sm, 8px); background: var(--color-white, #fff); color: #000; pointer-events: none; } #snackys-tpl .to-search-board.is-continuous:not(.has-category-filter) .to-search-tabs > .to-search-tab[data-tab], html .to-search-board.is-continuous:not(.has-category-filter) .to-search-tabs > .to-search-tab[data-tab], #snackys-tpl .to-search-board.is-continuous.has-category-filter .to-search-tabs > .to-search-tab.is-active, html .to-search-board.is-continuous.has-category-filter .to-search-tabs > .to-search-tab.is-active { overflow: visible; } #snackys-tpl .to-search-board.is-continuous:not(.has-category-filter) .to-search-tabs > .to-search-tab[data-tab] > .to-search-tab__count--selected, html .to-search-board.is-continuous:not(.has-category-filter) .to-search-tabs > .to-search-tab[data-tab] > .to-search-tab__count--selected, #snackys-tpl .to-search-board.is-continuous.has-category-filter .to-search-tabs > .to-search-tab.is-active > .to-search-tab__count--selected, html .to-search-board.is-continuous.has-category-filter .to-search-tabs > .to-search-tab.is-active > .to-search-tab__count--selected { display: inline-flex; } #snackys-tpl .to-search-board .to-search-tabs .to-search-tab__count--selected::before, #snackys-tpl .to-search-board .to-search-tabs .to-search-tab__count--selected::after, html .to-search-board .to-search-tabs .to-search-tab__count--selected::before, html .to-search-board .to-search-tabs .to-search-tab__count--selected::after { content: none; display: none; } #snackys-tpl .to-search-tab__check, html .to-search-tab__check { display: block; flex: 0 0 14px; width: 14px; height: 14px; } #snackys-tpl .to-search-tab__check-ramp, html .to-search-tab__check-ramp { position: absolute; width: 6px; height: 6px; overflow: visible; } #snackys-tpl .to-search-tab__check-ramp--before, html .to-search-tab__check-ramp--before { top: 0; left: -6px; } #snackys-tpl .to-search-tab__check-ramp--after, html .to-search-tab__check-ramp--after { right: 0; bottom: -6px; } #snackys-tpl .to-search-tab__check-ramp-fill, html .to-search-tab__check-ramp-fill { fill: var(--color-white, #fff); } #snackys-tpl .to-search-tab__check-ramp-line, html .to-search-tab__check-ramp-line { fill: none; stroke: var(--color-tertiary-75); stroke-width: 2; } #snackys-tpl .to-search-board.is-continuous.has-category-filter .to-search-tabs > .to-search-tab:not(.is-active), html .to-search-board.is-continuous.has-category-filter .to-search-tabs > .to-search-tab:not(.is-active) { opacity: .5; filter: grayscale(1); } #snackys-tpl .to-search-board.is-continuous .to-search-tabs > .to-search-tab:hover, html .to-search-board.is-continuous .to-search-tabs > .to-search-tab:hover { opacity: 1; } #snackys-tpl .to-search-board.is-continuous .to-search-tabs > .to-search-tab::before, #snackys-tpl .to-search-board.is-continuous .to-search-tabs > .to-search-tab::after, html .to-search-board.is-continuous .to-search-tabs > .to-search-tab::before, html .to-search-board.is-continuous .to-search-tabs > .to-search-tab::after { content: none !important; display: none !important; } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-tab__inner, #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-tab__label, #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-tab__oem-name, html .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-tab__inner, html .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-tab__label, html .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-tab__oem-name { color: var(--color-white, #fff); } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-brand--mask, html .to-search-board.is-continuous .to-search-tab[data-tab] .to-search-brand--mask { background-color: var(--color-white, #fff); -webkit-mask-size: contain; mask-size: contain; } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab] img, html .to-search-board.is-continuous .to-search-tab[data-tab] img { filter: brightness(0) invert(1); } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="compatible"], #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="compatible"] .to-search-tab__inner, #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="compatible"] .to-search-tab__label, html .to-search-board.is-continuous .to-search-tab[data-tab="compatible"], html .to-search-board.is-continuous .to-search-tab[data-tab="compatible"] .to-search-tab__inner, html .to-search-board.is-continuous .to-search-tab[data-tab="compatible"] .to-search-tab__label { color: var(--color-primary-100); } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="compatible"] .to-search-brand--mask, html .to-search-board.is-continuous .to-search-tab[data-tab="compatible"] .to-search-brand--mask { background-color: var(--color-primary-100); } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="refill"], #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="refill"] .to-search-tab__inner, #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="refill"] .to-search-tab__label, html .to-search-board.is-continuous .to-search-tab[data-tab="refill"], html .to-search-board.is-continuous .to-search-tab[data-tab="refill"] .to-search-tab__inner, html .to-search-board.is-continuous .to-search-tab[data-tab="refill"] .to-search-tab__label { color: #00611a; } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="refill"] .to-search-brand--mask, html .to-search-board.is-continuous .to-search-tab[data-tab="refill"] .to-search-brand--mask { background-color: #00611a; } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="original"], #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__inner, #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__label, #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__oem-name, html .to-search-board.is-continuous .to-search-tab[data-tab="original"], html .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__inner, html .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__label, html .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__oem-name { color: var(--color-neutral); } #snackys-tpl .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__oem, html .to-search-board.is-continuous .to-search-tab[data-tab="original"] .to-search-tab__oem { filter: none; } #snackys-tpl .to-search-board.is-continuous .to-search-grid-wrap, html .to-search-board.is-continuous .to-search-grid-wrap { padding: 0; border: none; border-radius: var(--border-radius-sm); } #snackys-tpl .to-search-product-group-pair, html .to-search-product-group-pair { gap: var(--spacing-3); } #snackys-tpl .to-search-product-group + .to-search-product-group-pair, #snackys-tpl .to-search-product-group-pair + .to-search-product-group, #snackys-tpl .to-search-product-group-pair + .to-search-product-group-pair, html .to-search-product-group + .to-search-product-group-pair, html .to-search-product-group-pair + .to-search-product-group, html .to-search-product-group-pair + .to-search-product-group-pair { margin-top: var(--spacing-3); } #snackys-tpl .to-search-board.is-continuous .to-search-grid-shell, html .to-search-board.is-continuous .to-search-grid-shell { padding-top: var(--spacing-3); } #snackys-tpl .to-search-board.is-continuous .to-search-grid.is-category-filtered-out, html .to-search-board.is-continuous .to-search-grid.is-category-filtered-out { display: none !important; } /**/ #snackys-tpl .to-search-board.is-continuous .to-search-category-head, html .to-search-board.is-continuous .to-search-category-head { position: relative; isolation: isolate; display: flex; flex: 0 0 auto; align-items: center; width: 100%; min-height: var(--spacing-6); box-sizing: border-box; margin-bottom: var(--spacing-3); padding: var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-4); overflow: hidden; border-radius: var(--border-radius-sm) 0 var(--border-radius-sm) var(--border-radius-sm); background: var(--to-search-category-color, var(--color-neutral)) var(--to-search-category-image, none) bottom / cover no-repeat; color: var(--color-white, #fff); } #snackys-tpl .to-search-board.is-continuous .to-search-category-head::after, html .to-search-board.is-continuous .to-search-category-head::after, #snackys-tpl .to-search-category-info::after, html .to-search-category-info::after, #snackys-tpl .to-search-category-slider__grain, html .to-search-category-slider__grain { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: url("https://cdn.toneroffice.de/templates/toneroffice_new/img/listing-group-grain.svg") 0 0 / 200px 200px repeat; mix-blend-mode: color-burn; opacity: 0.85; filter: invert(1); } #snackys-tpl .to-search-category-info.is-skeleton, html .to-search-category-info.is-skeleton { background: var(--color-tertiary-50); color: transparent; } #snackys-tpl .to-search-category-info.is-skeleton > *, html .to-search-category-info.is-skeleton > * { visibility: hidden; } #snackys-tpl .to-search-category-info.is-skeleton::after, html .to-search-category-info.is-skeleton::after { z-index: 2; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0) 100% ); mix-blend-mode: normal; opacity: 1; filter: none; transform: translateX(-140%); animation: to-search-shimmer .85s ease-in-out infinite; } #snackys-tpl .to-search-category-head .to-search-tab__inner, html .to-search-category-head .to-search-tab__inner { position: relative; z-index: 1; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; color: inherit; } #snackys-tpl .to-search-category-head .to-search-tab__label, #snackys-tpl .to-search-category-head .to-search-tab__oem-name, html .to-search-category-head .to-search-tab__label, html .to-search-category-head .to-search-tab__oem-name { color: inherit; font-size: 16px; } #snackys-tpl .to-search-category-head .to-search-brand--mask, html .to-search-category-head .to-search-brand--mask { display: inline-flex; width: 80px; height: 16px; background: var(--color-white, #fff); -webkit-mask: var(--to-search-brand-mask) center / contain no-repeat; mask: var(--to-search-brand-mask) center / contain no-repeat; } #snackys-tpl .to-search-category-head img, html .to-search-category-head img { width: auto; height: 12px; filter: brightness(0) invert(1); } /**/ #snackys-tpl .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active, html .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active { border-color: var(--color-success); background-color: var(--color-success-success, var(--color-success-soft, #e5f7ea)); color: var(--color-success); } #snackys-tpl .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active .to-search-tab__label, html .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active .to-search-tab__label { color: var(--color-neutral); } #snackys-tpl .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active svg, html .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active svg { color: var(--color-neutral); } #snackys-tpl .to-search-reveal:has(.to-search-printer-tabs > .to-search-tab.is-active):not(:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"].is-active)) .to-search-printer-tab-body, html .to-search-reveal:has(.to-search-printer-tabs > .to-search-tab.is-active):not(:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"].is-active)) .to-search-printer-tab-body { z-index: 2; border-color: var(--color-success); background-color: var(--color-success-success, var(--color-success-soft, #e5f7ea)); } #snackys-tpl .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active::after, html .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active::after, #snackys-tpl .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active:last-child::before, html .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active:last-child::before, #snackys-tpl .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active:not(:first-child)::before, html .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab.is-active:not(:first-child)::before { background-color: var(--color-success); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23e5f7ea'/%3E%3C/svg%3E"); } #snackys-tpl .to-search-printers-wrap::before, #snackys-tpl .to-search-printers-wrap::after, html .to-search-printers-wrap::before, html .to-search-printers-wrap::after { width: 50px; } #snackys-tpl .to-search-reveal:has(.to-search-printer-tabs > .to-search-tab.is-active):not(:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"].is-active)) .to-search-printers-wrap::before, html .to-search-reveal:has(.to-search-printer-tabs > .to-search-tab.is-active):not(:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"].is-active)) .to-search-printers-wrap::before { background: linear-gradient(270deg, transparent 0%, var(--color-success-success, var(--color-success-soft, #e5f7ea)) 72%); } #snackys-tpl .to-search-reveal:has(.to-search-printer-tabs > .to-search-tab.is-active):not(:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"].is-active)) .to-search-printers-wrap::after, html .to-search-reveal:has(.to-search-printer-tabs > .to-search-tab.is-active):not(:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"].is-active)) .to-search-printers-wrap::after { background: linear-gradient(90deg, transparent 0%, var(--color-success-success, var(--color-success-soft, #e5f7ea)) 72%); } #snackys-tpl .to-search-prev, html .to-search-prev, #snackys-tpl .to-search-next, html .to-search-next { top: 50%; transform: translateY(-50%); } #snackys-tpl .to-search-grid-shell::after, html .to-search-grid-shell::after { right: 0; bottom: 0; left: 0; } #snackys-tpl .to-search-grid.is-active:not(:has(.to-search-tab-hint--next)):not(:has(.to-search-grid-empty)):after, html .to-search-grid.is-active:not(:has(.to-search-tab-hint--next)):not(:has(.to-search-grid-empty)):after { content: ""; flex-shrink: 0; height: var(--spacing-6); pointer-events: none; } /**/ #snackys-tpl .to-search-category-info, html .to-search-category-info { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; align-self: stretch; box-sizing: border-box; width: 100%; min-width: 0; padding: var(--spacing-6); overflow: hidden; border-radius: var(--border-radius-sm) 0 var(--border-radius-sm) var(--border-radius-sm); background: var(--to-search-category-color, var(--color-neutral)) var(--to-search-category-image, none) bottom / cover no-repeat; color: var(--color-white, #fff); } #snackys-tpl .to-search-category-info__intro, html .to-search-category-info__intro { position: relative; z-index: 1; width: 100%; } #snackys-tpl .to-search-board.is-continuous .to-search-product-group__content, html .to-search-board.is-continuous .to-search-product-group__content { display: flex; flex-direction: column; gap: var(--spacing-3); min-width: 0; } @media (min-width: 768px) { #snackys-tpl .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group:has(> .to-search-category-info), html .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group:has(> .to-search-category-info) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--spacing-3); } #snackys-tpl .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group:has(> .to-search-category-info) > .to-search-category-info, html .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group:has(> .to-search-category-info) > .to-search-category-info { grid-column: 1; grid-row: 1; } #snackys-tpl .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group:has(> .to-search-category-info) > .to-search-product-group__content, html .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group:has(> .to-search-category-info) > .to-search-product-group__content { grid-column: 2; grid-row: 1; } #snackys-tpl .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group > .to-search-product-group__items--continuation, html .to-search-board.is-continuous:is(:not(.is-hp-tabs), .has-category-filter) .to-search-product-group > .to-search-product-group__items--continuation { grid-column: 1 / -1; } #snackys-tpl .to-search-board.is-continuous .to-search-product-group__content > .to-search-product-group__items, html .to-search-board.is-continuous .to-search-product-group__content > .to-search-product-group__items { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; align-items: stretch; } } #snackys-tpl .to-search-category-info > *, html .to-search-category-info > * { position: relative; z-index: 1; } #snackys-tpl .to-search-category-info .to-search-tab__inner, html .to-search-category-info .to-search-tab__inner { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-bottom: var(--spacing-3); color: inherit; } #snackys-tpl .to-search-category-info .to-search-tab__label, #snackys-tpl .to-search-category-info .to-search-tab__oem-name, #snackys-tpl .to-search-category-info .to-search-tab__leaf, html .to-search-category-info .to-search-tab__label, html .to-search-category-info .to-search-tab__oem-name, html .to-search-category-info .to-search-tab__leaf { color: inherit; font-size: var(--font-size-h4); } #snackys-tpl .to-search-category-info .to-search-tab__leaf.to-rebuilt-leaf, html .to-search-category-info .to-search-tab__leaf.to-rebuilt-leaf, #snackys-tpl .to-search-category-info .to-search-tab__kind-icon.to-compatible-icon, html .to-search-category-info .to-search-tab__kind-icon.to-compatible-icon { position: relative; top: -1px; flex: 0 0 25px; width: 25px; height: 25px; } #snackys-tpl .to-search-category-info .to-search-brand--mask, html .to-search-category-info .to-search-brand--mask { width: calc(var(--font-size-h4) * 4 * var(--brand-logo-scale, 1)); height: calc(var(--font-size-h4) * var(--brand-logo-scale, 1)); background: var(--color-white, #fff); -webkit-mask: var(--to-search-brand-mask) center / contain no-repeat; mask: var(--to-search-brand-mask) center / contain no-repeat; } #snackys-tpl .to-search-category-info img, html .to-search-category-info img { width: auto; height: calc(var(--font-size-h6) * var(--brand-logo-scale, 1)); max-width: 100%; filter: brightness(0) invert(1); } #snackys-tpl .to-search-category-info .to-search-brand--mask, html .to-search-category-info .to-search-brand--mask { width: calc(var(--font-size-h3) * 4 * var(--brand-logo-scale, 1)); } #snackys-tpl .to-search-category-info .to-search-tab__count, #snackys-tpl .to-search-board.is-continuous .to-search-category-info .to-search-tab__count, html .to-search-category-info .to-search-tab__count, html .to-search-board.is-continuous .to-search-category-info .to-search-tab__count { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 2; box-sizing: border-box; width: 25px; min-width: 25px; height: 25px; min-height: 25px; border-radius: 0 0 0 var(--border-radius-xs, 4px); font-size: 16px; } #snackys-tpl .to-search-category-info .to-search-tab__count::before, #snackys-tpl .to-search-board.is-continuous .to-search-category-info .to-search-tab__count::before, html .to-search-category-info .to-search-tab__count::before, html .to-search-board.is-continuous .to-search-category-info .to-search-tab__count::before { right: 100%; left: auto; transform: rotate(90deg); } #snackys-tpl .to-search-category-info .to-search-tab__count::after, #snackys-tpl .to-search-board.is-continuous .to-search-category-info .to-search-tab__count::after, html .to-search-category-info .to-search-tab__count::after, html .to-search-board.is-continuous .to-search-category-info .to-search-tab__count::after { bottom: -3px; left: calc(100% - 3px); right: auto; transform: rotate(90deg); } #snackys-tpl .to-search-category-info__text, html .to-search-category-info__text { margin: var(--spacing-3) 0 0; color: inherit; font-size: var(--font-size-normal); line-height: var(--lh-paragraph); white-space: pre-line; overflow-wrap: anywhere; } #snackys-tpl .to-search-category-info__intro .to-search-category-info__text, html .to-search-category-info__intro .to-search-category-info__text { margin-bottom: 0; } #snackys-tpl .to-search-category-info__usps, html .to-search-category-info__usps { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-3); box-sizing: border-box; width: 100%; min-width: 0; margin: var(--spacing-10) 0 0 !important; padding: 0; list-style: none; } #snackys-tpl .to-search-category-info__usps > li, html .to-search-category-info__usps > li, #snackys-tpl .to-search-category-head__usps > li, html .to-search-category-head__usps > li { display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--spacing-1); padding: 3px var(--spacing-3); border: 1.5px solid color-mix(in srgb, var(--color-tertiary-50) 50%, transparent); border-radius: var(--border-radius-lg); background: transparent; color: var(--color-white, #fff); box-shadow: 0px 4px 10px -3px #000000; font-family: var(--font-family-base); font-size: var(--font-size-xs, 13.3px); font-weight: var(--font-weight-regular); line-height: 1.2; white-space: nowrap; scroll-snap-align: start; } #snackys-tpl .to-search-category-head__usps, html .to-search-category-head__usps { position: relative; z-index: 1; display: flex; flex: 0 1 auto; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: var(--spacing-3); width: max-content; min-width: 0; max-width: 100%; margin: 0 0 0 auto !important; padding: 0; overflow-x: clip; overflow-y: visible; list-style: none; } #snackys-tpl .to-search-category-head:has(> .to-search-category-head__usps), html .to-search-category-head:has(> .to-search-category-head__usps) { gap: var(--spacing-8); } #snackys-tpl .to-search-category-head:has(> .to-search-category-head__usps) > .to-search-tab__inner, html .to-search-category-head:has(> .to-search-category-head__usps) > .to-search-tab__inner { flex: 0 0 auto; } #snackys-tpl .to-search-category-info__usp-icon, html .to-search-category-info__usp-icon { flex: 0 0 13px; width: 13px; height: 13px; color: var(--color-white, #fff); fill: var(--color-white, #fff); } #snackys-tpl .to-search-category-info__usps.is-slider, html .to-search-category-info__usps.is-slider, #snackys-tpl .to-search-category-head__usps.is-slider, html .to-search-category-head__usps.is-slider { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-width: none; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - var(--spacing-8)), transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - var(--spacing-8)), transparent 100%); } #snackys-tpl .to-search-category-info__usps.is-slider::-webkit-scrollbar, html .to-search-category-info__usps.is-slider::-webkit-scrollbar, #snackys-tpl .to-search-category-head__usps.is-slider::-webkit-scrollbar, html .to-search-category-head__usps.is-slider::-webkit-scrollbar { display: none; } @media (max-width: 767.98px) { #snackys-tpl .to-search-category-info, html .to-search-category-info { display: none !important; } } /**/ #snackys-tpl .to-search-board.is-results-slider .to-search-grid:has(> .to-search-category-slider__clip):not(.is-category-filtered-out), html .to-search-board.is-results-slider .to-search-grid:has(> .to-search-category-slider__clip):not(.is-category-filtered-out) { position: relative; display: block; min-width: 0; margin: 0 0 var(--spacing-3); overflow: visible; } #snackys-tpl .to-search-category-slider__clip, html .to-search-category-slider__clip { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: stretch; box-sizing: border-box; gap: 0; min-width: 0; border: 2px solid var(--to-search-slider-color, var(--color-neutral, #242424)); border-bottom-width: 5px; border-radius: var(--border-radius-sm); overflow: hidden; } #snackys-tpl .to-search-board.is-results-slider .to-search-grid[data-panel="compatible"], html .to-search-board.is-results-slider .to-search-grid[data-panel="compatible"] { --to-search-slider-color: var(--color-primary-100, #0026a3); } #snackys-tpl .to-search-board.is-results-slider .to-search-grid[data-panel="refill"], html .to-search-board.is-results-slider .to-search-grid[data-panel="refill"] { --to-search-slider-color: #00611a; } #snackys-tpl .to-search-category-slider__heading, html .to-search-category-slider__heading { position: relative; isolation: isolate; min-height: 280px; overflow: visible; z-index: 6; background: var(--to-search-category-color, var(--to-search-slider-color)) var(--to-search-category-image, none) center / cover no-repeat; color: #fff; } #snackys-tpl .to-search-category-slider__heading::before, #snackys-tpl .to-search-category-slider__heading::after, html .to-search-category-slider__heading::before, html .to-search-category-slider__heading::after { content: ""; position: absolute; right: -8px; width: 8px; height: 8px; pointer-events: none; background: var(--to-search-slider-color, var(--color-neutral, #242424)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M8 0H0V8A8 8 0 0 1 8 0Z' fill='white'/%3E%3C/svg%3E") center / 8px 8px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M8 0H0V8A8 8 0 0 1 8 0Z' fill='white'/%3E%3C/svg%3E") center / 8px 8px no-repeat; } #snackys-tpl .to-search-category-slider__heading::before, html .to-search-category-slider__heading::before { top: 0; } #snackys-tpl .to-search-category-slider__heading::after, html .to-search-category-slider__heading::after { bottom: 0; transform: scaleY(-1); } #snackys-tpl .to-search-category-slider__heading > .to-search-tab__inner, html .to-search-category-slider__heading > .to-search-tab__inner { position: absolute; z-index: 1; top: 50%; left: 50%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: var(--spacing-2); width: max-content; max-width: none; margin: 0; transform: translate(-50%, -50%) rotate(-90deg); color: inherit; white-space: nowrap; } #snackys-tpl .to-search-category-slider__heading .to-search-tab__label, html .to-search-category-slider__heading .to-search-tab__label { color: inherit; font-size: var(--font-size-h5); } #snackys-tpl .to-search-category-slider__heading .to-search-tab__leaf.to-rebuilt-leaf, html .to-search-category-slider__heading .to-search-tab__leaf.to-rebuilt-leaf { flex: 0 0 28px; width: 28px; height: 28px; } #snackys-tpl .to-search-category-slider__heading .to-search-tab__leaf.to-rebuilt-leaf svg, html .to-search-category-slider__heading .to-search-tab__leaf.to-rebuilt-leaf svg { width: 20px; height: 15px; } #snackys-tpl .to-search-category-slider__heading .to-search-brand--mask, html .to-search-category-slider__heading .to-search-brand--mask { flex: 0 0 auto; width: 135px; height: 28px; background: #fff; -webkit-mask: var(--to-search-brand-mask) center / contain no-repeat; mask: var(--to-search-brand-mask) center / contain no-repeat; } #snackys-tpl .to-search-category-slider__heading img, html .to-search-category-slider__heading img { width: auto; height: calc(24px * var(--brand-logo-scale, 1)); max-width: none; filter: brightness(0) invert(1); } @media (max-width: 575.98px) { #snackys-tpl .to-search-tab, html .to-search-tab { text-align: left; } #snackys-tpl .to-search-category-slider__clip, html .to-search-category-slider__clip { grid-template-columns: 40px minmax(0, 1fr); } #snackys-tpl .to-search-category-slider__heading .to-search-tab__label, html .to-search-category-slider__heading .to-search-tab__label { font-size: var(--font-size-h5); } #snackys-tpl .to-search-category-slider__heading .to-search-brand--mask, html .to-search-category-slider__heading .to-search-brand--mask { width: 100px; height: 20px; } #snackys-tpl .to-search-category-slider__heading img, html .to-search-category-slider__heading img { height: calc(20px * var(--brand-logo-scale, 1)); } } #snackys-tpl .to-search-category-slider__track, html .to-search-category-slider__track { display: flex; align-items: stretch; gap: var(--spacing-3); min-width: 0; padding: var(--spacing-3); overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: none; scroll-snap-type: none; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab; } #snackys-tpl .to-search-category-slider__track::-webkit-scrollbar, html .to-search-category-slider__track::-webkit-scrollbar { display: none; } #snackys-tpl .to-search-modal input.to-search-category-slider__scrollbar, html .to-search-modal input.to-search-category-slider__scrollbar { display: block; grid-column: 1; grid-row: 2; align-self: end; appearance: none; -webkit-appearance: none; width: calc(100% - var(--spacing-3) * 2); height: 7px; min-height: 7px; margin: var(--spacing-3); padding: 0; border: 0; border-radius: var(--border-radius-sm); background: var(--color-secondary-50); box-shadow: none; cursor: pointer; touch-action: pan-x; } #snackys-tpl .to-search-modal input.to-search-category-slider__scrollbar[hidden], html .to-search-modal input.to-search-category-slider__scrollbar[hidden] { display: none; } #snackys-tpl .to-search-category-slider__scrollbar::-webkit-slider-runnable-track, html .to-search-category-slider__scrollbar::-webkit-slider-runnable-track { height: 7px; border-radius: var(--border-radius-sm); background: var(--color-secondary-50); } #snackys-tpl .to-search-category-slider__scrollbar::-webkit-slider-thumb, html .to-search-category-slider__scrollbar::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: var(--to-search-scroll-thumb-width, 32px); height: 7px; border: 0; border-radius: var(--border-radius-sm); background: var(--color-tertiary-75); } #snackys-tpl .to-search-category-slider__scrollbar::-moz-range-track, html .to-search-category-slider__scrollbar::-moz-range-track { height: 7px; border-radius: var(--border-radius-sm); background: var(--color-secondary-50); } #snackys-tpl .to-search-category-slider__scrollbar::-moz-range-thumb, html .to-search-category-slider__scrollbar::-moz-range-thumb { width: var(--to-search-scroll-thumb-width, 32px); height: 7px; border: 0; border-radius: var(--border-radius-sm); background: var(--color-tertiary-75); } #snackys-tpl .to-search-category-slider__viewport:is(.has-overflow, .has-overflow-start)::before, #snackys-tpl .to-search-category-slider__viewport:is(.has-overflow, .has-overflow-start)::after, html .to-search-category-slider__viewport:is(.has-overflow, .has-overflow-start)::before, html .to-search-category-slider__viewport:is(.has-overflow, .has-overflow-start)::after { bottom: calc(7px + var(--spacing-3) * 2); } #snackys-tpl .to-search-category-slider__scroll-corner, html .to-search-category-slider__scroll-corner { position: absolute; right: 0; bottom: calc(7px + var(--spacing-3) * 2); z-index: 6; width: 12px; height: 12px; pointer-events: none; background: var(--color-white); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0 12H12V0A12 12 0 0 1 0 12Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0 12H12V0A12 12 0 0 1 0 12Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat; opacity: 0; transition: opacity .2s ease; } #snackys-tpl .to-search-category-slider__viewport.has-overflow .to-search-category-slider__scroll-corner, html .to-search-category-slider__viewport.has-overflow .to-search-category-slider__scroll-corner { opacity: 1; } #snackys-tpl .to-search-category-slider__track.is-dragging, html .to-search-category-slider__track.is-dragging { cursor: grabbing; user-select: none; } #snackys-tpl .to-search-board.is-results-slider .to-search-category-slider__track :is(.to-search-product-group, .to-search-product-group-pair, .to-search-product-group__items), html .to-search-board.is-results-slider .to-search-category-slider__track :is(.to-search-product-group, .to-search-product-group-pair, .to-search-product-group__items) { display: contents; } #snackys-tpl .to-search-board.is-results-slider:not(.has-slider-grouping) :is(.to-search-category-slider__track, .to-search-fallback-grid) .to-search-product-group__head, html .to-search-board.is-results-slider:not(.has-slider-grouping) :is(.to-search-category-slider__track, .to-search-fallback-grid) .to-search-product-group__head, #snackys-tpl .to-search-board.is-results-slider .to-search-grid::after, html .to-search-board.is-results-slider .to-search-grid::after { display: none; } #snackys-tpl .to-search-board.is-results-slider.has-slider-grouping :is(.to-search-category-slider__track, .to-search-fallback-grid) .to-search-product-group__head, html .to-search-board.is-results-slider.has-slider-grouping :is(.to-search-category-slider__track, .to-search-fallback-grid) .to-search-product-group__head { display: flex; flex: 0 0 36px; width: 36px; align-items: flex-end; justify-content: center; padding: var(--spacing-3) var(--spacing-1); box-sizing: border-box; } #snackys-tpl .to-search-board.is-results-slider.has-slider-grouping .to-search-product-group__title, html .to-search-board.is-results-slider.has-slider-grouping .to-search-product-group__title { display: inline-flex; align-items: center; gap: var(--spacing-1); margin: 0; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; font-size: 16px; line-height: 1; } #snackys-tpl .to-search-category-slider__group-icons, html .to-search-category-slider__group-icons { display: inline-flex; align-items: center; gap: 0; flex: 0 0 auto; } #snackys-tpl .to-search-category-slider__capacity, html .to-search-category-slider__capacity, #snackys-tpl .to-search-category-slider__multipack, html .to-search-category-slider__multipack { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 20px; height: 30px; vertical-align: middle; padding: var(--spacing-1) 1px; border: 2px solid var(--color-tertiary-75); border-radius: var(--border-radius-sm); line-height: 1; min-height: 30px; text-align: center; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #snackys-tpl .to-search-category-slider__multipack, html .to-search-category-slider__multipack { display: inline-flex; writing-mode: horizontal-tb; flex-direction: column; overflow: hidden; align-items: center; justify-content: center; vertical-align: middle; box-sizing: border-box; height: auto; min-height: 0; flex: 0 0 auto; } #snackys-tpl .to-search-category-slider__multipack > span, html .to-search-category-slider__multipack > span { flex: 0 0 10px; width: 10px; height: 10px; border-radius: 50%; background: var(--color-ink-cyan); } #snackys-tpl .to-search-category-slider__multipack > span + span, html .to-search-category-slider__multipack > span + span { margin-top: -2px; } #snackys-tpl .to-search-printer-tab__colors, html .to-search-printer-tab__colors { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 0; } #snackys-tpl .to-search-printer-tabs .to-search-printer-tab__color, html .to-search-printer-tabs .to-search-printer-tab__color { background: transparent; flex-direction: row; width: auto; min-width: 0; height: 13px; min-height: 13px; padding: 0; border: 0; border-radius: var(--border-radius-sm); } #snackys-tpl .to-search-printer-tabs .to-search-printer-tab__color > span + span, html .to-search-printer-tabs .to-search-printer-tab__color > span + span { margin-top: 0; margin-left: -2px; } #snackys-tpl .to-search-modal .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-tri, html .to-search-modal .to-search-product__meta.is-cycling .to-fact-swatch:not(.is-active) i.is-tri { border-color: transparent; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__stats, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__stats { justify-content: space-evenly; flex-direction: row; padding-left: var(--spacing-1); padding-right: var(--spacing-1); } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta { container: to-search-facts / inline-size; } :is(#snackys-tpl, html) .to-search-modal .to-search-stat-unit-long, :is(#snackys-tpl, html) .to-search-modal .to-search-compact-fact-next { display: none; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta:has(.to-search-product__stat-divider) .to-search-compact-fact-next > svg { color: var(--color-tertiary-75); } @keyframes to-search-compact-facts { 0%, 49.999% { opacity: 1; visibility: visible; } 50%, 100% { opacity: 0; visibility: hidden; } } /**/ @container to-search-facts (max-width: 190px) { :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta .to-search-product__stats.is-active:has(> .to-search-product__stat-divider) { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; overflow: hidden; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat { grid-area: 1 / 1; justify-self: start; max-width: calc(100% - 20px); animation: to-search-compact-facts 5s steps(1, end) infinite; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat:last-child { animation-delay: -2.5s; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta .to-search-product__stat-divider, :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta .to-search-stat-unit-short { display: none; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta .to-search-stat-unit-long { display: inline; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta:has(.to-search-product__stat-divider) .to-search-compact-fact-next { position: absolute; top: 50%; right: 4px; display: flex; align-items: center; justify-content: center; width: 20px; height: 24px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: inherit; cursor: pointer; transform: translateY(-50%); z-index: 3; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta.is-manual .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat { animation-play-state: paused; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta.is-stat-manual .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat { animation: none; opacity: 1; visibility: visible; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta.is-stat-manual:not(.is-stat-cost) .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat:last-child, :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta.is-stat-manual.is-stat-cost .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat:first-child { opacity: 0; visibility: hidden; } @media (prefers-reduced-motion: reduce) { :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat { animation: none; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__meta:not(.is-stat-manual) .to-search-product__stats:has(> .to-search-product__stat-divider) > .to-search-product__stat:last-child { opacity: 0; visibility: hidden; } } } #snackys-tpl .to-search-modal .to-search-product__stats.is-active:has(> .to-search-product__stat:only-child), html .to-search-modal .to-search-product__stats.is-active:has(> .to-search-product__stat:only-child) { justify-content: flex-start; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat { gap: 3px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat.is-page-cost .to-search-product__stat-icon, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat.is-page-cost .to-search-product__stat-icon { margin-right: -3px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat.is-page-cost .to-search-product__stat-copy, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat.is-page-cost .to-search-product__stat-copy { gap: 0; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat-divider, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__stat-divider { background: var(--color-tertiary-50); margin: 0 var(--spacing-1); } #snackys-tpl .to-search-board.has-grid-cards .to-search-product, html .to-search-board.has-grid-cards .to-search-product { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto 1fr auto; flex: 0 0 200px; width: 200px; min-width: 0; height: auto; box-sizing: border-box; box-shadow: var(--shadow-sm); } #snackys-tpl .to-search-board.is-results-slider .to-search-category-slider__track:not(.is-dragging) .to-search-product:hover, html .to-search-board.is-results-slider .to-search-category-slider__track:not(.is-dragging) .to-search-product:hover { border-color: var(--to-search-slider-color, var(--color-neutral)); } #snackys-tpl .to-search-board.has-grid-cards .to-search-fallback-grid > .to-search-product, html .to-search-board.has-grid-cards .to-search-fallback-grid > .to-search-product { width: 100%; max-width: 100%; } /**/ #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__image, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__image { grid-column: 1; grid-row: 1; width: 100%; height: auto; aspect-ratio: 1 / 1; align-self: start; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product h3.to-search-product__title, html .to-search-modal .to-search-board.has-grid-cards .to-search-product h3.to-search-product__title { grid-column: 1; grid-row: 3; margin: 0; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__meta, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__meta { grid-column: 1; grid-row: 2; margin-top: -25px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__price, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__price { grid-column: 1; grid-row: 4; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-product__foot, html .to-search-modal .to-search-board.has-grid-cards .to-search-product__foot { grid-column: 1; grid-row: 5; } #snackys-tpl .to-search-category-slider__viewport, html .to-search-category-slider__viewport { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; min-width: 0; overflow: hidden; } #snackys-tpl .to-search-category-slider__viewport::before, #snackys-tpl .to-search-category-slider__viewport::after, html .to-search-category-slider__viewport::before, html .to-search-category-slider__viewport::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 5; width: 75px; pointer-events: none; opacity: 0; transition: opacity .2s ease; } #snackys-tpl .to-search-category-slider__viewport::before, html .to-search-category-slider__viewport::before { left: 0; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--color-white, #fff) 72%); } #snackys-tpl .to-search-category-slider__viewport::after, html .to-search-category-slider__viewport::after { right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.388235) 200%); box-shadow: inset -20px 0px 15px -15px rgba(0, 0, 0, 0.501961); } #snackys-tpl .to-search-category-slider__viewport.has-overflow-start::before, #snackys-tpl .to-search-category-slider__viewport.has-overflow::after, html .to-search-category-slider__viewport.has-overflow-start::before, html .to-search-category-slider__viewport.has-overflow::after { opacity: 1; } #snackys-tpl .to-search-category-slider__viewport.has-overflow::after, html .to-search-category-slider__viewport.has-overflow::after { pointer-events: auto; cursor: pointer; } #snackys-tpl .to-search-category-slider__viewport > :is(.to-search-prev, .to-search-next), html .to-search-category-slider__viewport > :is(.to-search-prev, .to-search-next) { top: 50%; z-index: 6; transform: translateY(-50%); scale: 1.25; opacity: 1; pointer-events: auto; color: var(--color-primary-100); } #snackys-tpl .to-search-category-slider__viewport > .to-search-prev, html .to-search-category-slider__viewport > .to-search-prev { left: var(--spacing-2); } #snackys-tpl .to-search-category-slider__viewport > .to-search-next, html .to-search-category-slider__viewport > .to-search-next { right: var(--spacing-2); } #snackys-tpl .to-search-category-slider__viewport > button[hidden], html .to-search-category-slider__viewport > button[hidden] { display: none; } /**/ #snackys-tpl .to-search-board.is-results-slider .to-search-grid > .to-search-tab__count, html .to-search-board.is-results-slider .to-search-grid > .to-search-tab__count { position: absolute; top: 0; left: 0; right: auto; bottom: auto; z-index: 7; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 25px; min-width: 25px; height: 25px; min-height: 25px; margin: 0; padding: 0; border-radius: 0 0 var(--border-radius-xs, 4px) 0; background: var(--color-white, #fff); color: var(--color-neutral); font-size: 16px; } #snackys-tpl .to-search-board.is-results-slider .to-search-grid > .to-search-tab__count::before, html .to-search-board.is-results-slider .to-search-grid > .to-search-tab__count::before { top: 0; left: 100%; right: auto; bottom: auto; transform: none; } #snackys-tpl .to-search-board.is-results-slider .to-search-grid > .to-search-tab__count::after, html .to-search-board.is-results-slider .to-search-grid > .to-search-tab__count::after { top: auto; left: 0; right: auto; bottom: -3px; transform: none; } /**/ #snackys-tpl .to-search-floating-next-layer, html .to-search-floating-next-layer { position: absolute; inset: 0; /**/ z-index: auto; pointer-events: none; } #snackys-tpl .to-search-modal .to-search-floating-next-source, html .to-search-modal .to-search-floating-next-source { opacity: 0 !important; pointer-events: none !important; } #snackys-tpl .to-search-overlay .to-search-floating-next, html .to-search-overlay .to-search-floating-next { z-index: 8; right: auto; scale: none; transform: translate(-50%, -50%) scale(var(--to-search-floating-next-scale, 1)); opacity: 1; pointer-events: auto; color: var(--color-primary-100); } @media (max-width: 767px) { #snackys-tpl .to-search-overlay .to-search-floating-next, html .to-search-overlay .to-search-floating-next { transform: translate(calc(-50% - var(--spacing-2)), -50%) scale(var(--to-search-floating-next-scale, 1)); } } #snackys-tpl .to-search-overlay .to-search-floating-next--tabs, html .to-search-overlay .to-search-floating-next--tabs { /**/ z-index: 13; } #snackys-tpl .to-search-floating-next--articles, html .to-search-floating-next--articles { --to-search-floating-next-scale: 1.25; } #snackys-tpl .to-search-floating-next[hidden], html .to-search-floating-next[hidden], #snackys-tpl .to-search-overlay:is(.is-article, .is-sidebar, .is-initial-loading, .is-product-opening) .to-search-floating-next-layer, html .to-search-overlay:is(.is-article, .is-sidebar, .is-initial-loading, .is-product-opening) .to-search-floating-next-layer { display: none; } /**/ #snackys-tpl .to-search-board.is-results-slider.is-hp-slider .to-search-grid[data-panel="original"], html .to-search-board.is-results-slider.is-hp-slider .to-search-grid[data-panel="original"] { order: 1; } #snackys-tpl .to-search-board.is-results-slider.is-hp-slider .to-search-grid[data-panel="compatible"], html .to-search-board.is-results-slider.is-hp-slider .to-search-grid[data-panel="compatible"] { order: 2; } #snackys-tpl .to-search-board.is-results-slider.is-hp-slider .to-search-grid[data-panel="refill"], html .to-search-board.is-results-slider.is-hp-slider .to-search-grid[data-panel="refill"] { order: 3; } #snackys-tpl .to-search-board.is-results-slider .to-search-category-slider-pair, html .to-search-board.is-results-slider .to-search-category-slider-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spacing-3); flex: 0 0 auto; min-width: 0; margin-bottom: var(--spacing-3); } #snackys-tpl .to-search-board.is-results-slider .to-search-category-slider-pair > .to-search-grid:has(> .to-search-category-slider__clip), html .to-search-board.is-results-slider .to-search-category-slider-pair > .to-search-grid:has(> .to-search-category-slider__clip) { margin: 0; min-width: 0; } @media (min-width: 768px) { #snackys-tpl .to-search-board.is-results-slider .to-search-category-slider-pair, html .to-search-board.is-results-slider .to-search-category-slider-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /**/ #snackys-tpl .to-search-board.is-results-slider .to-search-grid.is-slider-loading, html .to-search-board.is-results-slider .to-search-grid.is-slider-loading { --to-search-slider-color: var(--color-tertiary-50); } #snackys-tpl .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__heading, html .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__heading { background: var(--color-tertiary-50); } #snackys-tpl .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__heading > .to-search-tab__inner, #snackys-tpl .to-search-board.is-results-slider .is-slider-loading > .to-search-tab__count, #snackys-tpl .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__viewport > button, html .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__heading > .to-search-tab__inner, html .to-search-board.is-results-slider .is-slider-loading > .to-search-tab__count, html .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__viewport > button { visibility: hidden; } #snackys-tpl .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__grain, html .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__grain { background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.85) 50%, transparent 100%); mix-blend-mode: normal; filter: none; opacity: 1; background-size: 200% 100%; animation: to-search-slider-loading-shimmer .85s ease-in-out infinite; } #snackys-tpl .to-search-board.has-grid-cards .to-search-product--skeleton .to-search-product__body, html .to-search-board.has-grid-cards .to-search-product--skeleton .to-search-product__body { display: contents; } #snackys-tpl .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__track, html .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__track { pointer-events: none; } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__grain, html .to-search-board.is-results-slider .is-slider-loading .to-search-category-slider__grain { animation: none; } } @keyframes to-search-slider-loading-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } } #snackys-tpl .to-search-modal .to-search-swatch i.is-info, html .to-search-modal .to-search-swatch i.is-info { background: var(--color-tertiary-50); color: var(--color-neutral); } #snackys-tpl .to-search-modal .to-search-swatch i.is-info svg, html .to-search-modal .to-search-swatch i.is-info svg { display: block; width: 16px; height: 16px; } #snackys-tpl .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__head, html .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__head { position: relative; overflow: hidden; background: var(--color-tertiary-50); } #snackys-tpl .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__title, html .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__title { visibility: hidden; } #snackys-tpl .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__head::after, html .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__head::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .85) 50%, transparent 100%); background-size: 200% 100%; animation: to-search-slider-loading-shimmer .85s ease-in-out infinite; pointer-events: none; } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__head::after, html .to-search-product-group:has(.to-search-product--skeleton) .to-search-product-group__head::after { animation: none; } } /**/ #snackys-tpl .to-search-minimized-printers, html .to-search-minimized-printers { display: grid; grid-template-rows: 0fr; flex: 0 0 auto; min-height: 0; min-width: 0; margin-bottom: 0; opacity: 0; transition: grid-template-rows 1.2s cubic-bezier(.22, 1, .36, 1), margin-bottom 1.2s cubic-bezier(.22, 1, .36, 1), opacity .7s ease; overflow-anchor: none; } #snackys-tpl .to-search-minimized-printers.is-visible, html .to-search-minimized-printers.is-visible { grid-template-rows: 1fr; margin-bottom: var(--spacing-4); opacity: 1; } #snackys-tpl .to-search-minimized-printers__inner, html .to-search-minimized-printers__inner { min-height: 0; overflow: hidden; } #snackys-tpl .to-search-minimized-printers .to-search-minimized-printers__tabs, html .to-search-minimized-printers .to-search-minimized-printers__tabs { position: relative; z-index: auto; display: flex; flex-wrap: nowrap; width: 100%; min-width: 0; margin: 0 0 -2px; padding: var(--spacing-1) 0 0; overflow: hidden; overscroll-behavior: none; } #snackys-tpl .to-search-minimized-printers .to-search-minimized-printers__tabs > .to-search-tab, html .to-search-minimized-printers .to-search-minimized-printers__tabs > .to-search-tab { position: relative; flex: 0 0 auto; min-width: 0; max-width: calc(100% - 44px); margin-left: 0; padding: var(--spacing-2); cursor: default; pointer-events: none; } #snackys-tpl .to-search-minimized-printers__expand, html .to-search-minimized-printers__expand { position: absolute; top: 0; right: 0; bottom: 2px; z-index: 5; display: flex; align-items: center; justify-content: flex-end; min-width: 44px; padding: 0 var(--spacing-1); border: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--color-white) 85%); color: var(--color-primary-100); cursor: pointer; } #snackys-tpl .to-search-minimized-printers__expand svg, html .to-search-minimized-printers__expand svg { width: 15px; height: 15px; color: var(--color-neutral); } #snackys-tpl .to-search-minimized-printers__expand > span, html .to-search-minimized-printers__expand > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border: 2px solid var(--color-tertiary-75); border-radius: 50%; background: var(--color-white); box-shadow: var(--shadow-sm); } #snackys-tpl .to-search-minimized-printers__card, html .to-search-minimized-printers__card { position: relative; z-index: 2; padding: 0; border: 2px solid var(--color-success); border-radius: var(--border-radius-sm); background: var(--color-success-color-soft, var(--color-success-success, var(--color-success-soft))); } #snackys-tpl .to-search-modal .to-search-minimized-printers .to-search-minimized-printers__head, html .to-search-modal .to-search-minimized-printers .to-search-minimized-printers__head { position: relative; margin: var(--spacing-2); padding: 10px 14px; border-radius: calc(var(--border-radius-sm) - 2px); background: var(--color-success); color: var(--color-white); font-size: 16px; font-weight: normal; line-height: 1.2; overflow-wrap: anywhere; } #snackys-tpl .to-search-modal .to-search-minimized-printers .to-search-minimized-printers__head strong, html .to-search-modal .to-search-minimized-printers .to-search-minimized-printers__head strong { display: block; margin: 0; color: inherit; font-size: var(--font-size-h5); font-weight: 700; line-height: 1; text-transform: uppercase; } #snackys-tpl .to-search-minimized-printers__value, html .to-search-minimized-printers__value { display: flex; align-items: center; gap: var(--spacing-2); } #snackys-tpl .to-search-minimized-printers__brand, html .to-search-minimized-printers__brand { display: block; flex: 0 0 auto; width: auto; height: calc(20px * var(--brand-logo-scale, 1)); max-width: 100px; object-fit: contain; filter: brightness(0) invert(1); } #snackys-tpl .to-search-modal .to-search-minimized-printers .to-search-minimized-printers__pointer, html .to-search-modal .to-search-minimized-printers .to-search-minimized-printers__pointer { position: absolute; z-index: 2; left: 2.35em; bottom: -8px; width: 0; height: 0; border: 8px solid transparent; border-bottom: 0; border-top-color: var(--color-success); } #snackys-tpl .to-search-minimized-printers__list, html .to-search-minimized-printers__list { display: flex; flex-direction: column; gap: 0; padding: 0 var(--spacing-2) var(--spacing-2); max-height: 280px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match, html .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match { display: flex; flex-direction: row; align-items: center; gap: var(--spacing-2); flex: 0 0 auto !important; width: 100% !important; min-width: 0; min-height: 0; height: auto; padding: var(--spacing-1) var(--spacing-3); margin: 0; box-sizing: border-box; background: var(--color-white); cursor: pointer; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match, html .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match { border-radius: 0; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match + .to-search-printer.is-type-match, html .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match + .to-search-printer.is-type-match { border-top-width: 0; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match:not(:last-child), html .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match:not(:last-child) { border-bottom-width: 1px; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match:first-child, html .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match:first-child { border-top-left-radius: var(--border-radius-sm); border-top-right-radius: var(--border-radius-sm); } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match:last-child, html .to-search-overlay .to-search-modal .to-search-minimized-printers__list > .to-search-printer.is-type-match:last-child { border-bottom-left-radius: var(--border-radius-sm); border-bottom-right-radius: var(--border-radius-sm); } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__image, html .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__image { flex: 0 0 40px; align-self: center; width: 40px; height: 40px; min-height: 0; margin: 0; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__image img, html .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__image img { width: 100%; height: 100%; object-fit: contain; transition: transform .2s ease; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__name, html .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__name { flex: 1 1 auto; width: auto; min-width: 0; margin: 0; padding: 0; display: block; align-self: center; justify-self: stretch; max-width: none; text-align: left !important; white-space: nowrap; overflow: hidden; font-size: 16px; line-height: 1.2; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__cta.is-cartridge, html .to-search-overlay .to-search-modal .to-search-minimized-printers .to-search-printer.is-type-match .to-search-printer__cta.is-cartridge { flex: 0 1 auto; align-self: center; width: auto; min-width: 0; max-width: 40%; height: auto; min-height: 0; margin: 0 0 0 auto; padding: 2px var(--spacing-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-minimized-printers, html .to-search-minimized-printers { transition: none; } } #snackys-tpl .to-search-printer-tabs.has-active-tab-colors .to-search-tab:not(.is-active) .to-search-printer-tab__colors, html .to-search-printer-tabs.has-active-tab-colors .to-search-tab:not(.is-active) .to-search-printer-tab__colors { display: none; } /**/ #snackys-tpl .to-search-printer-tabs .to-search-tab.is-visual-group-continuation, html .to-search-printer-tabs .to-search-tab.is-visual-group-continuation { margin-left: calc(-8px - var(--spacing-2)) !important; padding-inline: 20px; } #snackys-tpl .to-search-group-label--article + .to-search-group-label--type.is-active, html .to-search-group-label--article + .to-search-group-label--type.is-active { margin-left: -1.125em; box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.451); } #snackys-tpl .to-search-printer-tabs .to-search-tab.is-active-family:not(.is-active), html .to-search-printer-tabs .to-search-tab.is-active-family:not(.is-active) { border-color: var(--color-success); background: var(--color-success-soft); box-shadow: inset 0 -2px 0 0 var(--color-success); } /**/ #snackys-tpl .to-search-overlay.has-products .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer.is-type-match, html .to-search-overlay.has-products .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) { flex: 0 0 140px !important; width: 140px !important; min-width: 140px; max-width: 140px; } @media (max-height: 1100px) { #snackys-tpl .to-search-overlay.has-products .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer.is-type-match, html .to-search-overlay.has-products .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) { flex-basis: var(--to-search-model-card-width, 140px) !important; width: var(--to-search-model-card-width, 140px) !important; min-width: var(--to-search-model-card-width, 140px); max-width: var(--to-search-model-card-width, 140px); } } /**/ @media (height > 1100px) and (max-width: 991px) { :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printer-tab-body .to-search-group-label > .to-search-group-label__hint { display: block !important; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printer-tab-body .to-search-group-label > button.to-search-group-label__action { display: inline-flex !important; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) { display: flex; flex-direction: column; align-items: center; text-align: center; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__brand { margin: 0 auto 4px; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__image { flex: 0 0 48px; width: 100%; height: 48px; min-height: 48px; max-height: 48px; align-self: center; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image img { width: auto; max-width: 100%; max-height: 48px; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__name { margin: var(--spacing-2) 0; text-align: center; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name-track:not(.is-hover-marquee) { margin-inline: auto; text-align: center; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__cta { width: 100%; align-self: stretch; margin-top: auto; } } /**/ #snackys-tpl .to-search-printer-tab-body, html .to-search-printer-tab-body { container-type: inline-size; container-name: to-search-printer-panel; } #snackys-tpl .to-search-printers:not(.is-product-number-category), html .to-search-printers:not(.is-product-number-category) { --to-search-model-columns: 2; gap: var(--spacing-3); } #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured), html .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) { flex: 0 0 calc((100% - (var(--to-search-model-columns) - 1) * var(--spacing-3)) / var(--to-search-model-columns)) !important; width: calc((100% - (var(--to-search-model-columns) - 1) * var(--spacing-3)) / var(--to-search-model-columns)) !important; min-width: 0; max-width: none; box-sizing: border-box; } @container to-search-printer-panel (min-width: 576px) { #snackys-tpl .to-search-printers:not(.is-product-number-category), html .to-search-printers:not(.is-product-number-category) { --to-search-model-columns: 3; } } @container to-search-printer-panel (min-width: 768px) { #snackys-tpl .to-search-printers:not(.is-product-number-category), html .to-search-printers:not(.is-product-number-category) { --to-search-model-columns: 4; } } @container to-search-printer-panel (min-width: 992px) { #snackys-tpl .to-search-printers:not(.is-product-number-category), html .to-search-printers:not(.is-product-number-category) { --to-search-model-columns: 5; } } @container to-search-printer-panel (min-width: 1200px) { #snackys-tpl .to-search-printers:not(.is-product-number-category), html .to-search-printers:not(.is-product-number-category) { --to-search-model-columns: 7; } } @media not all and (any-pointer: coarse) { #snackys-tpl .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):is(:hover, :focus-visible), html .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):is(:hover, :focus-visible) { border-color: var(--color-neutral); } } @media (any-pointer: coarse) { :is(#snackys-tpl, html) .to-search-printers > .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton) { transition: transform .2s ease, background-color .2s ease; } :is(#snackys-tpl, html) .to-search-printers:not(.is-dragging) > .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):not(.is-selected):hover { transform: scale(1.02); } :is(#snackys-tpl, html) .to-search-printers > .to-search-printer:not(.to-search-printer--featured):not(.to-search-printer--skeleton):hover .to-search-printer__image img { transform: none; } } #snackys-tpl .to-search-refine-toast, html .to-search-refine-toast { align-items: center; border: 2px solid var(--color-warning); background: var(--color-warning-soft); } #snackys-tpl .to-search-filter-color, html .to-search-filter-color { font-size: 16px; } /**/ #snackys-tpl .to-search-filter-color > .to-search-filter-color__swatches, html .to-search-filter-color > .to-search-filter-color__swatches { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; } #snackys-tpl .to-search-filter-color__swatches > i, html .to-search-filter-color__swatches > i { flex: 0 0 auto; } #snackys-tpl .to-search-filter-color__swatches > i.is-tri, html .to-search-filter-color__swatches > i.is-tri { display: inline-flex; align-items: center; justify-content: center; width: max-content; min-width: 0; gap: 0; padding: 0; background: transparent; box-shadow: none; } #snackys-tpl .to-search-filter-color__swatches > i.is-tri > span, html .to-search-filter-color__swatches > i.is-tri > span { display: block; flex: 0 0 17px; width: 17px; height: 17px; border-radius: 50%; margin: 0; } #snackys-tpl .to-search-filter-color__swatches > i.is-tri > span + span, html .to-search-filter-color__swatches > i.is-tri > span + span { margin-left: -5px; } #snackys-tpl .to-search-filter-color, html .to-search-filter-color { height: 30px; } #snackys-tpl .to-search-filter-color:hover, html .to-search-filter-color:hover, #snackys-tpl .to-search-filter-color.is-active, html .to-search-filter-color.is-active { background: var(--color-secondary-50); } #snackys-tpl .to-search-filter-color.is-active, html .to-search-filter-color.is-active { color: var(--color-neutral); } #snackys-tpl .to-search-filter-option:hover, html .to-search-filter-option:hover, #snackys-tpl .to-search-filter-option.is-active, html .to-search-filter-option.is-active { background: var(--color-secondary-50); } #snackys-tpl .to-search-filter-option.is-active, html .to-search-filter-option.is-active { color: var(--color-neutral); } #snackys-tpl .to-search-filter-color-dropdown[open] summary, html .to-search-filter-color-dropdown[open] summary, #snackys-tpl .to-search-filter-dropdown[open] summary, html .to-search-filter-dropdown[open] summary { border-color: var(--color-neutral); } #snackys-tpl .to-search-printers .to-search-printer-next-category .to-search-group-label__value, html .to-search-printers .to-search-printer-next-category .to-search-group-label__value { display: inline-flex; align-items: center; gap: var(--spacing-2); } #snackys-tpl .to-search-printer-next-category .to-search-printer-next-category__arrows, html .to-search-printer-next-category .to-search-printer-next-category__arrows { display: block; position: relative; top: auto; left: auto; flex: 0 0 14px; width: 14px; height: 18px; transform: rotate(-90deg); color: var(--color-neutral); } #snackys-tpl .to-search-printer-next-category .to-search-printer-next-category__arrows > span, html .to-search-printer-next-category .to-search-printer-next-category__arrows > span { border-color: var(--color-neutral); } #snackys-tpl .to-search-modal .to-search-sidebar > .to-search-bar.to-search-summary-sidebar, html .to-search-modal .to-search-sidebar > .to-search-bar.to-search-summary-sidebar { flex: 0 0 auto; width: 100%; min-width: 0; max-width: 100%; margin: 0 0 var(--spacing-2); overflow: hidden; } #snackys-tpl .to-search-summary-sidebar .to-search-bar__count, html .to-search-summary-sidebar .to-search-bar__count { flex: 1 1 auto; width: 100%; min-width: 0; overflow: hidden; gap: var(--spacing-2); } #snackys-tpl .to-search-summary-sidebar .to-search-bar__count-view, html .to-search-summary-sidebar .to-search-bar__count-view { flex: 1 1 auto; min-width: 0; max-width: 100%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6px); mask-image: linear-gradient(90deg, transparent 0, #000 6px); } #snackys-tpl .to-search-printer-next-category__action, html .to-search-printer-next-category__action { display: none; } @media (min-height: 1101px) { #snackys-tpl .to-search-printers button.to-search-printer-next-category, html .to-search-printers button.to-search-printer-next-category { padding-right: 14px; } #snackys-tpl .to-search-printer-next-category .to-search-group-label__value > .to-search-printer-next-category__arrows, html .to-search-printer-next-category .to-search-group-label__value > .to-search-printer-next-category__arrows { display: none; } /**/ #snackys-tpl .to-search-printer-next-category .to-search-printer-next-category__action, html .to-search-printer-next-category .to-search-printer-next-category__action { display: inline-flex; align-items: center; justify-content: flex-start; align-self: stretch; gap: var(--spacing-2); width: 100%; min-width: calc(100% + var(--spacing-16)); box-sizing: border-box; margin-top: auto; padding: 5px 8px; padding-left: var(--spacing-4); border: 2px solid var(--color-secondary-75); border-radius: 4px; background: transparent; color: var(--color-neutral); font-family: var(--font-family-base); font-size: 13.3px; font-weight: 700; line-height: 1.2; white-space: nowrap; } #snackys-tpl .to-search-printer-next-category__action .to-search-printer-next-category__arrows, html .to-search-printer-next-category__action .to-search-printer-next-category__arrows { flex-basis: .8em; width: .8em; height: 1em; } #snackys-tpl .to-search-printer-next-category__action .to-search-printer-next-category__arrows > span, html .to-search-printer-next-category__action .to-search-printer-next-category__arrows > span { left: .1em; width: .6em; height: .6em; border-width: 0 1.5px 1.5px 0; } #snackys-tpl .to-search-printer-next-category__action .to-search-printer-next-category__arrows > span:last-child, html .to-search-printer-next-category__action .to-search-printer-next-category__arrows > span:last-child { top: .45em; } } #snackys-tpl .to-search-summary-sidebar .to-search-bar__count > .to-search-bar__count-icon, html .to-search-summary-sidebar .to-search-bar__count > .to-search-bar__count-icon { flex: 0 0 12px; margin: 0; } /**/ #snackys-tpl .to-search-printer-tabs .to-search-printer-tab__color > span, html .to-search-printer-tabs .to-search-printer-tab__color > span { flex: 0 0 13px; width: 13px; height: 13px; } #snackys-tpl .to-search-printer-tabs .has-tab-color-icon .to-search-printer-tab__product-number-icon, html .to-search-printer-tabs .has-tab-color-icon .to-search-printer-tab__product-number-icon { display: none; } #snackys-tpl .to-search-printer-tabs.has-active-tab-colors .has-tab-color-icon:not(.is-active) .to-search-printer-tab__product-number-icon, html .to-search-printer-tabs.has-active-tab-colors .has-tab-color-icon:not(.is-active) .to-search-printer-tab__product-number-icon { display: block; } #snackys-tpl .to-search-overlay.has-tab-brand-logos .to-search-group-label__brand, html .to-search-overlay.has-tab-brand-logos .to-search-group-label__brand, #snackys-tpl .to-search-overlay.has-tab-brand-logos .to-search-printer-next-category__logo, html .to-search-overlay.has-tab-brand-logos .to-search-printer-next-category__logo { display: none; } @media (max-width: 575.98px) { #snackys-tpl .to-search-overlay .to-search-modal .to-search-group-label__brand, html .to-search-overlay .to-search-modal .to-search-group-label__brand, #snackys-tpl .to-search-overlay .to-search-modal .to-search-printer-next-category__logo, html .to-search-overlay .to-search-modal .to-search-printer-next-category__logo { display: none; } } #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image, html .to-search-overlay .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image, #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image img, html .to-search-overlay .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image img { max-height: 70px; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers__list .to-search-printer__image, html .to-search-overlay .to-search-modal .to-search-minimized-printers__list .to-search-printer__image, #snackys-tpl .to-search-overlay .to-search-modal .to-search-minimized-printers__list .to-search-printer__image img, html .to-search-overlay .to-search-modal .to-search-minimized-printers__list .to-search-printer__image img { max-height: 40px; } @media (min-width: 768px) { #snackys-tpl .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab, html .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab { min-height: 50px; } #snackys-tpl .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab__label, html .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab__label, #snackys-tpl .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab[data-printer-category^="product-number-"] .to-search-tab__label, #snackys-tpl .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab[data-printer-category^="article-number-"] .to-search-tab__label, html .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab[data-printer-category^="product-number-"] .to-search-tab__label, html .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab[data-printer-category^="article-number-"] .to-search-tab__label { font-size: var(--font-size-h6); } #snackys-tpl .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab img, html .to-search-printer-tabs:not(.to-search-minimized-printers__tabs) .to-search-tab img { height: calc(23px * var(--brand-logo-scale, 1)); max-width: calc(85px * var(--brand-logo-scale, 1)); } } #snackys-tpl .to-search-printer__guarantee-copy, html .to-search-printer__guarantee-copy { font-size: 16px; } #snackys-tpl .to-search-printer__guarantee, html .to-search-printer__guarantee { position: relative; overflow: visible; } #snackys-tpl .to-search-printer__guarantee::before, #snackys-tpl .to-search-printer__guarantee::after, html .to-search-printer__guarantee::before, html .to-search-printer__guarantee::after { content: ""; position: absolute; top: -12px; width: 12px; height: 12px; background: var(--color-success); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none; } #snackys-tpl .to-search-printer__guarantee::before, html .to-search-printer__guarantee::before { left: 0; transform: scaleY(-1); } #snackys-tpl .to-search-printer__guarantee::after, html .to-search-printer__guarantee::after { right: 0; transform: rotate(180deg); } @media (min-height: 1101px) { #snackys-tpl .to-search-modal .to-search-printers > .to-search-printer.is-type-match .to-search-printer__cta.is-cartridge, html .to-search-modal .to-search-printers > .to-search-printer.is-type-match .to-search-printer__cta.is-cartridge { align-self: end; margin-top: auto; } } #snackys-tpl .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__cta.is-select, html .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__cta.is-select { align-self: end; margin-top: auto; } /**/ #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured), html .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto auto minmax(0, 1fr) auto; grid-template-areas: "brand" "." "image" "name" "." "cta"; align-items: center; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__brand, html .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__brand { grid-area: brand; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__image, html .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__image { grid-area: image; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__name, html .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__name { grid-area: name; } #snackys-tpl .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__cta, html .to-search-overlay .to-search-modal .to-search-printers-wrap:not(.is-featured) .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) > .to-search-printer__cta { grid-area: cta; margin-top: 0; } @media (max-height: 1100px) { #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap:not(.is-featured) .to-search-printer:not(.to-search-printer--featured), html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap:not(.is-featured) .to-search-printer:not(.to-search-printer--featured) { min-height: 0; } } #snackys-tpl .to-search-printer__name, html .to-search-printer__name { margin: var(--spacing-2); } @media (min-width: 768px) { #snackys-tpl .to-search-printer__name-text, html .to-search-printer__name-text { font-size: 16px; } } #snackys-tpl .to-search-product-loading.is-printer-loading .to-search-product-loading__title, html .to-search-product-loading.is-printer-loading .to-search-product-loading__title { font-weight: 700; } /**/ #snackys-tpl .to-search-modal :is(.to-search-printer__name, .to-search-printer__cta, .to-search-printer__cartridge, .to-search-product__stat-view, .to-search-product__sold-out-label, .to-search-bar__count-view, .to-search-results-title, .to-search-recent__text, .to-search-searchhelp__item-label, .to-search-group-label__number), html .to-search-modal :is(.to-search-printer__name, .to-search-printer__cta, .to-search-printer__cartridge, .to-search-product__stat-view, .to-search-product__sold-out-label, .to-search-bar__count-view, .to-search-results-title, .to-search-recent__text, .to-search-searchhelp__item-label, .to-search-group-label__number) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #snackys-tpl .to-search-modal :is(.to-search-printer__name-track, .to-search-printer__cta-track, .to-search-printer__cartridge-track, .to-search-product__stat-track, .to-search-product__sold-out-track, .to-search-bar__count-track, .to-search-results-title__track, .to-search-recent__track, .to-search-searchhelp__item-track, .to-search-suggest__track, .to-search-group-label__number-track), html .to-search-modal :is(.to-search-printer__name-track, .to-search-printer__cta-track, .to-search-printer__cartridge-track, .to-search-product__stat-track, .to-search-product__sold-out-track, .to-search-bar__count-track, .to-search-results-title__track, .to-search-recent__track, .to-search-searchhelp__item-track, .to-search-suggest__track, .to-search-group-label__number-track) { display: block; width: max-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; animation: none !important; transform: none; } #snackys-tpl .to-search-modal .is-hover-marquee, html .to-search-modal .is-hover-marquee, #snackys-tpl .to-search-modal .is-auto-summary-marquee, html .to-search-modal .is-auto-summary-marquee { flex: 0 0 auto; max-width: none; overflow: visible; text-align: left; text-overflow: clip; animation: to-search-hover-text var(--to-search-hover-duration, 4s) linear infinite alternate !important; animation-play-state: running !important; } @keyframes to-search-hover-text { 0%, 15% { transform: translateX(0); } 85%, 100% { transform: translateX(var(--to-search-hover-shift, 0px)); } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-modal .is-hover-marquee, html .to-search-modal .is-hover-marquee, #snackys-tpl .to-search-modal .is-auto-summary-marquee, html .to-search-modal .is-auto-summary-marquee { animation: none !important; transform: none; } } /**/ #snackys-tpl .to-search-modal :has(> .is-hover-marquee), html .to-search-modal :has(> .is-hover-marquee), #snackys-tpl .to-search-modal :has(> .is-auto-summary-marquee), html .to-search-modal :has(> .is-auto-summary-marquee) { justify-content: flex-start; } #snackys-tpl .to-search-modal .to-search-printer__cartridge-track, html .to-search-modal .to-search-printer__cartridge-track { text-align: left; } @media (max-height: 1100px) { #snackys-tpl .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image, #snackys-tpl .to-search-overlay.has-featured .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image, html .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image, html .to-search-overlay.has-featured .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image { max-height: 45px !important; } } #snackys-tpl .to-search-modal .to-search-printer__image img, html .to-search-modal .to-search-printer__image img { object-fit: contain; } @media (max-height: 1100px) { #snackys-tpl .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image img, #snackys-tpl .to-search-overlay.has-featured .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image img, html .to-search-overlay.has-products .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image img, html .to-search-overlay.has-featured .to-search-printer:not(.to-search-printer--featured) .to-search-printer__image img { max-height: 45px !important; } } /**/ #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product-group__items, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product-group__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); gap: var(--spacing-3); align-items: stretch; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product { width: 100%; max-width: 100%; } /**/ #snackys-tpl .to-search-modal .to-search-board .to-search-grid.is-visually-filled, html .to-search-modal .to-search-board .to-search-grid.is-visually-filled { --to-search-fill-min: 320px; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--to-search-fill-min), 100%), 1fr)); gap: var(--spacing-3); align-items: stretch; } /**/ #snackys-tpl .to-search-modal .to-search-board .to-search-grid.is-active.is-visually-filled::after, html .to-search-modal .to-search-board .to-search-grid.is-active.is-visually-filled::after { content: none; display: none; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards .to-search-grid.is-visually-filled, html .to-search-modal .to-search-board.has-grid-cards .to-search-grid.is-visually-filled { --to-search-fill-min: 200px; } #snackys-tpl .to-search-modal .to-search-board .is-visually-filled > .to-search-category-head, html .to-search-modal .to-search-board .is-visually-filled > .to-search-category-head { grid-column: 1 / -1; } #snackys-tpl .to-search-modal .to-search-board .is-visually-filled > .is-fill-segment, html .to-search-modal .to-search-board .is-visually-filled > .is-fill-segment { display: flex; flex-direction: column; grid-column: span var(--to-search-fill-span); min-width: 0; margin: 0; gap: var(--spacing-3); } #snackys-tpl .to-search-modal .to-search-board .is-visually-filled > .is-fill-segment > .to-search-product-group__items, html .to-search-modal .to-search-board .is-visually-filled > .is-fill-segment > .to-search-product-group__items { display: grid; grid-template-columns: repeat(var(--to-search-fill-span), minmax(0, 1fr)); gap: var(--spacing-3); flex: 1 1 auto; min-width: 0; } #snackys-tpl .to-search-modal .to-search-board .is-visually-filled .to-search-product-group:has(> .to-search-product-group__items.is-wrap-continuation-out) > .to-search-product-group__head, html .to-search-modal .to-search-board .is-visually-filled .to-search-product-group:has(> .to-search-product-group__items.is-wrap-continuation-out) > .to-search-product-group__head { -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 14px), transparent 100%); mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 14px), transparent 100%); } #snackys-tpl .to-search-modal .to-search-board .is-visually-filled .to-search-product-group:has(> .to-search-product-group__items.is-wrap-continuation-in) > .to-search-product-group__head, html .to-search-modal .to-search-board .is-visually-filled .to-search-product-group:has(> .to-search-product-group__items.is-wrap-continuation-in) > .to-search-product-group__head { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 100%); mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 100%); } #snackys-tpl .to-search-modal .to-search-board .is-visually-filled .to-search-product-group__head, html .to-search-modal .to-search-board .is-visually-filled .to-search-product-group__head { display: flex; min-height: calc(16px * 1.2 + var(--spacing-2) * 2); box-sizing: border-box; } #snackys-tpl .to-search-modal .to-search-board .is-visually-filled .to-search-product, html .to-search-modal .to-search-board .is-visually-filled .to-search-product { width: 100%; max-width: 100%; } #snackys-tpl .to-search-board.is-continuous .to-search-category-head, html .to-search-board.is-continuous .to-search-category-head { margin-bottom: 0; } #snackys-tpl .to-search-grid.is-active.is-visually-filled, html .to-search-grid.is-active.is-visually-filled { margin-bottom: var(--spacing-3); } @media (min-width: 576.01px) { #snackys-tpl .to-search-product-group__title, html .to-search-product-group__title, #snackys-tpl .to-search-board.is-results-slider.has-slider-grouping .to-search-product-group__title, html .to-search-board.is-results-slider.has-slider-grouping .to-search-product-group__title { font-size: var(--font-size-h6); } } /**/ @media (min-width: 768px) { #snackys-tpl .to-search-board.is-continuous:not(.is-hp-tabs) .to-search-grid-wrap.has-small-category-pairs, html .to-search-board.is-continuous:not(.is-hp-tabs) .to-search-grid-wrap.has-small-category-pairs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: max-content; align-content: start; align-items: start; gap: var(--spacing-6); } #snackys-tpl .to-search-board.is-continuous .has-small-category-pairs > .to-search-grid, html .to-search-board.is-continuous .has-small-category-pairs > .to-search-grid { grid-column: 1 / -1; min-width: 0; } #snackys-tpl .to-search-board.is-continuous .has-small-category-pairs > .to-search-grid.is-small-category-pair-start, html .to-search-board.is-continuous .has-small-category-pairs > .to-search-grid.is-small-category-pair-start { grid-column: 1; } #snackys-tpl .to-search-board.is-continuous .has-small-category-pairs > .to-search-grid.is-small-category-pair-end, html .to-search-board.is-continuous .has-small-category-pairs > .to-search-grid.is-small-category-pair-end { grid-column: 2; } } /**/ #snackys-tpl .to-search-modal .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name, html .to-search-modal .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name { box-sizing: border-box; width: 100%; margin: var(--spacing-2) 0; overflow: hidden; text-align: center; } #snackys-tpl .to-search-modal .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name-track, html .to-search-modal .to-search-printers:not(.is-product-number-category) > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name-track { margin-inline: auto; text-align: center; } /**/ @media (min-width: 992px) { :is(#snackys-tpl, html) .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name { text-align: center; } :is(#snackys-tpl, html) .to-search-modal .to-search-printers > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name-track:not(.is-hover-marquee) { margin-inline: auto; text-align: center; } } @media (height < 1100px) { :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name { text-align: left; } :is(#snackys-tpl, html) .to-search-overlay .to-search-modal .to-search-printers.is-product-number-category > .to-search-printer:not(.to-search-printer--featured) .to-search-printer__name .to-search-printer__name-track { margin-inline: 0; text-align: left; } } /**/ #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-grid.has-top-products, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-grid.has-top-products { grid-template-rows: auto; grid-auto-rows: minmax(0, 1fr); } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-grid.has-top-products:not(:has(> .to-search-category-head)), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-grid.has-top-products:not(:has(> .to-search-category-head)) { grid-template-rows: none; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .is-visually-filled > .is-top-product-segment > .to-search-product-group__items, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .is-visually-filled > .is-top-product-segment > .to-search-product-group__items { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .is-top-product-segment > .to-search-product-group__head, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .is-top-product-segment > .to-search-product-group__head { display: flex; align-items: center; justify-content: flex-start; gap: var(--spacing-2); } #snackys-tpl .to-search-product-group__recommended, html .to-search-product-group__recommended { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-1); flex: 0 0 auto; margin-left: 0; padding: var(--spacing-1) var(--spacing-2); border-radius: var(--border-radius-sm); background: var(--color-neutral); color: var(--color-white); font-size: 16px; font-weight: bold; line-height: 1; text-transform: uppercase; } #snackys-tpl .to-search-product-group__recommended > svg, html .to-search-product-group__recommended > svg { display: block; flex: 0 0 auto; width: 1em; height: 1em; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product { grid-template-rows: minmax(0, 1fr) auto auto auto auto; min-width: 0; min-height: 0; height: 100%; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__image, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__image { align-self: start; height: auto; min-height: 0; aspect-ratio: 1 / 1; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.to-search-product__stat-copy, .to-search-product__stat-copy *, .to-search-product__sold-out, .to-search-product__price small), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.to-search-product__stat-copy, .to-search-product__stat-copy *, .to-search-product__sold-out, .to-search-product__price small) { font-size: 16px; line-height: 1.2; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(h3.to-search-product__title, .to-search-product__price, .to-search-product__price del, .to-search-qty__btn, .to-search-qty__input, .to-search-cart__label), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(h3.to-search-product__title, .to-search-product__price, .to-search-product__price del, .to-search-qty__btn, .to-search-qty__input, .to-search-cart__label) { font-size: var(--font-size-h6); } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__stat-icon, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__stat-icon { flex-basis: 22px; width: 22px; height: 22px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__stats, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__stats { min-height: 40px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.to-search-product__buy, .to-search-cart, .to-search-product__sold-out), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.to-search-product__buy, .to-search-cart, .to-search-product__sold-out) { min-height: 40px; height: 40px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__buy, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__buy { grid-template-rows: 40px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.to-search-cart svg, .to-search-product__sold-out-icon svg), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.to-search-cart svg, .to-search-product__sold-out-icon svg) { width: 26px; height: 26px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i { font-size: 16px; width: 28px; min-width: 28px; height: 28px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__variant, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-product__variant { height: 36px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-qty__btn svg, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-qty__btn svg { width: 18px; height: 18px; } /**/ #snackys-tpl .to-search-fallback-results, html .to-search-fallback-results { container-type: inline-size; container-name: to-search-fallback-results; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid:has(> .is-top-product-segment), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid:has(> .is-top-product-segment) { grid-auto-flow: dense; grid-auto-rows: minmax(0, 1fr); } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid > .is-top-product-segment, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid > .is-top-product-segment { display: flex; flex-direction: column; gap: var(--spacing-3); min-width: 0; margin: 0; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid > .is-top-product-segment > .to-search-product-group__items, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid > .is-top-product-segment > .to-search-product-group__items { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); flex: 1; min-width: 0; } @container to-search-fallback-results (min-width: 424px) { #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid > .is-top-product-segment, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-fallback-grid > .is-top-product-segment { grid-column: span 2; grid-row: span 2; } } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .is-top-product-segment .to-search-product-group__title, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .is-top-product-segment .to-search-product-group__title { display: none; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i.is-tri, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i.is-tri { width: auto; flex: 0 0 auto; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i.is-tri > span, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i.is-tri > span { flex: 0 0 28px; width: 28px; height: 28px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i.is-tri > span + span, html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product .to-search-swatch i.is-tri > span + span { margin-left: -8px; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.wi-marketing-badge, .to-search-product__xl-badge, .to-product-card__xl-label), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.wi-marketing-badge, .to-search-product__xl-badge, .to-product-card__xl-label) { font-size: 16px; line-height: 1; } #snackys-tpl .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.wi-marketing-badge, .to-search-product__xl-badge), html .to-search-modal .to-search-board.has-grid-cards:not(.is-results-slider) .to-search-product.is-top-product :is(.wi-marketing-badge, .to-search-product__xl-badge) { height: calc(16px + 2 * var(--spacing-1, 4px)); } /**/ #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .to-search-product:hover, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .to-search-product:hover { border-color: var(--color-tertiary-50); } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) :is(.to-search-product-group, .to-search-product-group__content):has(> .to-search-product-group__head), html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) :is(.to-search-product-group, .to-search-product-group__content):has(> .to-search-product-group__head) { row-gap: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items { gap: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product:not(:last-child), html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product:not(:last-child) { border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product + .to-search-product, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product + .to-search-product { border-left-width: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items:has(> .to-search-product + .to-search-product) > .to-search-product, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items:has(> .to-search-product + .to-search-product) > .to-search-product { box-shadow: none; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .to-search-product-group__head, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .to-search-product-group__head { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) :is(.to-search-product-group:not(.is-single-article), .to-search-product-group__content) > .to-search-product-group__head + .to-search-product-group__items > .to-search-product, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) :is(.to-search-product-group:not(.is-single-article), .to-search-product-group__content) > .to-search-product-group__head + .to-search-product-group__items > .to-search-product, #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider):not(.is-continuous.has-multiple-only-group-titles) .to-search-product-group__head + .to-search-product-group__items > .to-search-product, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider):not(.is-continuous.has-multiple-only-group-titles) .to-search-product-group__head + .to-search-product-group__items > .to-search-product { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider):not(.is-continuous.has-multiple-only-group-titles) .to-search-product-group__head + .to-search-product-group__items > .to-search-product :is(.wi-marketing-badge, .to-search-product__badge), html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider):not(.is-continuous.has-multiple-only-group-titles) .to-search-product-group__head + .to-search-product-group__items > .to-search-product :is(.wi-marketing-badge, .to-search-product__badge) { border-top-left-radius: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider):not(.is-continuous.has-multiple-only-group-titles) .to-search-product-group__head + .to-search-product-group__items > .to-search-product .to-search-product__xl-badge.to-product-card__xl-badge, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider):not(.is-continuous.has-multiple-only-group-titles) .to-search-product-group__head + .to-search-product-group__items > .to-search-product .to-search-product__xl-badge.to-product-card__xl-badge { border-top-right-radius: 0; } /**/ @media (max-width: 767px) { #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product:not(:last-child), html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product:not(:last-child) { border-right-width: 2px; border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product + .to-search-product, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product + .to-search-product { border-left-width: 2px; border-top: 1px solid var(--color-tertiary-75); } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product:last-child:not(:first-child), html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment > .to-search-product-group__items > .to-search-product:last-child:not(:first-child) { border-bottom-left-radius: var(--border-radius-sm); } } /**/ #snackys-tpl .to-search-product-group__head.is-fill-continuation > *, html .to-search-product-group__head.is-fill-continuation > * { visibility: hidden; } /**/ html.to-search-open .to-home-hero *, html.to-search-open .to-home-hero *::before, html.to-search-open .to-home-hero *::after { animation-play-state: paused !important; } /**/ #snackys-tpl #wi-search-results.to-search-overlay.is-open, #wi-search-results.to-search-overlay.is-open { -webkit-backdrop-filter: none; backdrop-filter: none; } /**/ #wi-search-results.is-viewport-resizing, #wi-search-results.is-viewport-resizing *, #wi-search-results.is-viewport-resizing *::before, #wi-search-results.is-viewport-resizing *::after { transition: none !important; animation-play-state: paused !important; } /**/ #snackys-tpl .to-search-main-viewport, html .to-search-main-viewport { display: contents; } /**/ #snackys-tpl .to-search-main-viewport:has(.to-search-grid.is-active .to-search-product), html .to-search-main-viewport:has(.to-search-grid.is-active .to-search-product) { --to-search-scrollbar-spacing: var(--spacing-6); position: relative; isolation: isolate; display: flex; flex-direction: column; order: 1; width: 100%; margin-right: 0; min-width: 0; min-height: 0; overflow: hidden; border-bottom-left-radius: var(--border-radius-sm); border-bottom-right-radius: var(--border-radius-sm); } #snackys-tpl .to-search-main-viewport > .to-search-main, html .to-search-main-viewport > .to-search-main { flex: 1 1 0; isolation: isolate; } #snackys-tpl .to-search-main-viewport::after, html .to-search-main-viewport::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; height: 130px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 95%); opacity: 0; pointer-events: none; transition: opacity .2s ease; box-shadow: inset 0 -25px 20px -30px rgba(0, 0, 0, 0.38); } #snackys-tpl .to-search-main-viewport.show-swipe::after, html .to-search-main-viewport.show-swipe::after, #snackys-tpl .to-search-main-viewport.show-swipe > .to-search-swipe, html .to-search-main-viewport.show-swipe > .to-search-swipe { opacity: 1; } #snackys-tpl .to-search-main-viewport:has(.has-sticky-printer-scroll) .to-search-grid-shell::after, html .to-search-main-viewport:has(.has-sticky-printer-scroll) .to-search-grid-shell::after, #snackys-tpl .to-search-main-viewport .to-search-grid-shell > .to-search-swipe, html .to-search-main-viewport .to-search-grid-shell > .to-search-swipe { display: none; } #snackys-tpl .to-search-main-viewport:not(:has(.to-search-grid.is-active .to-search-product)) > .to-search-swipe, html .to-search-main-viewport:not(:has(.to-search-grid.is-active .to-search-product)) > .to-search-swipe { display: none; } #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product), html .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) { position: relative; display: block; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; scrollbar-width: auto; scrollbar-gutter: auto; scrollbar-color: auto; /**/ box-sizing: border-box; padding-right: 0; padding-bottom: var(--spacing-4); } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-sticky-scroll-sentinel, html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-sticky-scroll-sentinel { display: block; width: 1px; height: 1px; margin-bottom: -1px; pointer-events: none; } #snackys-tpl .to-search-overlay.has-printers.has-products .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled, html .to-search-overlay.has-printers.has-products .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled { position: sticky; top: 0; z-index: 1; display: block; flex: 0 0 auto; height: auto; min-height: max-content; grid-template-rows: none; overflow: visible; opacity: 1; pointer-events: auto; transform: none; transition: none; } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled > .to-search-reveal, html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled > .to-search-reveal { position: relative; width: auto; height: auto; min-height: 0; max-width: none; overflow: visible; } #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-results, html .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-results { position: relative; z-index: 2; flex: 0 0 auto; min-height: max-content; background: var(--color-white, #fff); padding-top: var(--spacing-3); } /**/ #snackys-tpl .to-search-overlay.has-featured:has(.to-search-sidebar > .to-search-printers-section) .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-results, html .to-search-overlay.has-featured:has(.to-search-sidebar > .to-search-printers-section) .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) > .to-search-results { --to-search-results-sticky-top: 0px; padding-top: 0; } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-board, html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-board { flex: 0 0 auto; min-height: max-content; } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-grid-shell, html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-grid-shell { flex: 0 0 auto; min-height: max-content; max-height: none; overflow: visible; } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-grid-wrap, html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-grid-wrap { flex: 0 0 auto; height: auto; min-height: 0; max-height: none; overflow: visible; overscroll-behavior: auto; touch-action: auto; cursor: default; } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-grid.is-active, html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-grid.is-active { flex: 0 0 auto; min-height: 0; } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-results:has(.to-search-board.is-continuous), html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-results:has(.to-search-board.is-continuous) { display: grid; grid-template-rows: max-content max-content max-content; align-content: start; } #snackys-tpl .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-board.is-continuous, html .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) .to-search-board.is-continuous { align-self: start; } /**/ #snackys-tpl .to-search-overlay.has-printers.has-products .to-search-main.has-pinned-printer-tabs, html .to-search-overlay.has-printers.has-products .to-search-main.has-pinned-printer-tabs { --to-search-results-sticky-top: calc(var(--to-search-pinned-tabs-height, 0px) + var(--spacing-3)); } #snackys-tpl .to-search-overlay.has-printers.has-products .to-search-main.has-pinned-printer-tabs:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled, html .to-search-overlay.has-printers.has-products .to-search-main.has-pinned-printer-tabs:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled, #snackys-tpl .to-search-overlay.has-printers.has-products .to-search-main.has-pinned-printer-tabs:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled > .to-search-reveal, html .to-search-overlay.has-printers.has-products .to-search-main.has-pinned-printer-tabs:has(.to-search-grid.is-active .to-search-product) > .to-search-printers-section.is-auto-minimize-enabled > .to-search-reveal { display: contents; position: static; } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell:not([hidden]), html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell:not([hidden]) { position: sticky; top: 0; z-index: 12; box-sizing: border-box; background: var(--color-white, #fff); } #snackys-tpl .to-search-printer-tabs-baseline, html .to-search-printer-tabs-baseline { display: none; } /**/ #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-baseline, html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-baseline { --to-search-baseline-height: max(0px, min(var(--border-radius-sm, 8px), var(--to-search-pinned-tabs-right-radius, 8px)) - 2px); display: block; position: absolute; left: 0; right: 0; bottom: calc(-1 * var(--to-search-baseline-height)); z-index: 2; box-sizing: content-box; height: var(--to-search-baseline-height); border: 2px solid var(--color-success); border-bottom: 0; border-radius: var(--border-radius-sm, 8px) min(var(--border-radius-sm, 8px), var(--to-search-pinned-tabs-right-radius, 8px)) 0 0; background: none; pointer-events: none; } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell:has(.to-search-printer-tabs.is-active-tab-at-start) .to-search-printer-tabs-baseline, html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell:has(.to-search-printer-tabs.is-active-tab-at-start) .to-search-printer-tabs-baseline { border-top-left-radius: 0; } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell:has(.to-search-printer-tabs.is-active-tab-at-end) .to-search-printer-tabs-baseline, html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell:has(.to-search-printer-tabs.is-active-tab-at-end) .to-search-printer-tabs-baseline { border-top-right-radius: 0; } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab.is-active, html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab.is-active { z-index: 4; border-bottom-color: transparent; } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab, html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab { margin-bottom: 0; } /**/ #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab:not(.is-active), html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab:not(.is-active) { box-shadow: inset 0 -6px 10px -1px rgba(0, 0, 0, .1); } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab.is-active-family:not(.is-active), html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs > .to-search-tab.is-active-family:not(.is-active) { box-shadow: none; } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell .to-search-printer-tabs, html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tabs-shell .to-search-printer-tabs { margin-top: 0; margin-bottom: 0; } #snackys-tpl .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tab-body, html .to-search-overlay.has-printers.has-products .has-pinned-printer-tabs .to-search-printer-tab-body { margin-top: -2px; } /**/ #snackys-tpl .has-sticky-printer-scroll .to-search-results > .to-search-results-head, html .has-sticky-printer-scroll .to-search-results > .to-search-results-head, #snackys-tpl .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > :is(.to-search-bar--results, .to-search-filter-toggle), html .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > :is(.to-search-bar--results, .to-search-filter-toggle), #snackys-tpl .has-sticky-printer-scroll .to-search-board.is-continuous > .to-search-tabs-row, html .has-sticky-printer-scroll .to-search-board.is-continuous > .to-search-tabs-row, #snackys-tpl .has-sticky-printer-scroll .to-search-fallback-results__bar, html .has-sticky-printer-scroll .to-search-fallback-results__bar { position: sticky; top: var(--to-search-results-sticky-top, 0px); z-index: 10; align-self: start; } /**/ #snackys-tpl .has-sticky-printer-scroll .to-search-results > .to-search-results-head::after, html .has-sticky-printer-scroll .to-search-results > .to-search-results-head::after { content: ""; position: absolute; inset: calc(-1 * var(--to-search-toolbar-backdrop-top, var(--spacing-2))) calc(-1 * var(--spacing-2)) calc(-1 * var(--spacing-2)); z-index: -1; border-radius: 0; background: var(--color-white, #fff); pointer-events: none; } #snackys-tpl .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head::after, html .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head::after { position: sticky; inset: auto; top: calc(var(--to-search-results-sticky-top, 0px) - var(--to-search-toolbar-backdrop-top, var(--spacing-2))); z-index: 9; grid-column: 1 / -1; grid-row: 1; align-self: stretch; min-height: 0; margin: calc(-1 * var(--to-search-toolbar-backdrop-top, var(--spacing-2))) calc(-1 * var(--spacing-2)) calc(-1 * var(--spacing-2)); } #snackys-tpl .has-pinned-printer-tabs .to-search-results, html .has-pinned-printer-tabs .to-search-results { --to-search-toolbar-backdrop-top: var(--spacing-3); } #snackys-tpl .has-sticky-printer-scroll .to-search-fallback-results__bar, html .has-sticky-printer-scroll .to-search-fallback-results__bar { box-shadow: 0 0 0 var(--spacing-2) var(--color-white, #fff); } #snackys-tpl .has-sticky-printer-scroll .to-search-board.is-continuous > .to-search-tabs-row, html .has-sticky-printer-scroll .to-search-board.is-continuous > .to-search-tabs-row { background: var(--color-white, #fff); } @media (max-width: 575.98px) { #snackys-tpl .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous > .to-search-tabs-row:not([hidden])) > .to-search-results-head::after, html .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous > .to-search-tabs-row:not([hidden])) > .to-search-results-head::after { grid-row: 1 / 3; } #snackys-tpl .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results, html .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results { height: 36px; box-sizing: border-box; } #snackys-tpl .has-sticky-printer-scroll .to-search-board.is-continuous > .to-search-tabs-row, html .has-sticky-printer-scroll .to-search-board.is-continuous > .to-search-tabs-row, #snackys-tpl .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous > .to-search-tabs-row:not([hidden])) > .to-search-results-head > .to-search-filter-toggle, html .has-sticky-printer-scroll .to-search-results:has(> .to-search-board.is-continuous > .to-search-tabs-row:not([hidden])) > .to-search-results-head > .to-search-filter-toggle { top: calc(var(--to-search-results-sticky-top, 0px) + 36px + var(--spacing-2)); } } @media (max-width: 991.98px) { #snackys-tpl .to-search-overlay.has-printers.has-products .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product), html .to-search-overlay.has-printers.has-products .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) { overflow-x: hidden; overflow-y: auto; } } #snackys-tpl .to-search-modal .to-search-printers-wrap:has(.has-featured-intro), html .to-search-modal .to-search-printers-wrap:has(.has-featured-intro) { display: grid; grid-template-rows: 0fr; animation: to-search-featured-appear .45s cubic-bezier(.22, 1, .36, 1) both; } #snackys-tpl .to-search-modal .has-featured-intro :is(.to-search-printer__check-group, .to-search-printer__check-cover, .to-search-printer__check-outline, .to-search-printer__check-mark), html .to-search-modal .has-featured-intro :is(.to-search-printer__check-group, .to-search-printer__check-cover, .to-search-printer__check-outline, .to-search-printer__check-mark) { animation-duration: var(--to-featured-check-duration); animation-delay: .6s; animation-iteration-count: 1; animation-fill-mode: both; } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-printers-wrap:has(.has-featured-intro), html .to-search-overlay.is-initial-loading .to-search-printers-wrap:has(.has-featured-intro) { animation-play-state: paused; } @keyframes to-search-featured-appear { from { grid-template-rows: 0fr; } to { grid-template-rows: 1fr; } } @keyframes to-search-featured-icon-appear { from { visibility: hidden; } to { visibility: visible; } } #snackys-tpl .to-search-modal .to-search-printers-wrap:has(.has-featured-intro) > .to-search-printers, html .to-search-modal .to-search-printers-wrap:has(.has-featured-intro) > .to-search-printers { min-height: 0; overflow: hidden; } /**/ #snackys-tpl .to-search-overlay.has-featured .to-search-printers-section, html .to-search-overlay.has-featured .to-search-printers-section { transform: none; opacity: 1; transition: grid-template-rows .45s cubic-bezier(.22, 1, .36, 1); } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro { /**/ --to-featured-check-duration: 3.35s; --to-featured-copy-delay: 2.5s; --to-featured-info-delay: calc(var(--to-featured-copy-delay) + .6s); grid-template-columns: minmax(0, 1fr); grid-template-areas: "details" "foot"; padding: 0; animation: none; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-reveal, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-reveal { grid-area: details; display: grid; grid-template-rows: 0fr; min-width: 0; animation: to-search-featured-details .65s var(--to-featured-info-delay) cubic-bezier(.22, 1, .36, 1) both; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-clip, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-clip { display: block; min-height: 0; overflow: hidden; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-layout, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-layout { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "identity specs image"; align-items: center; column-gap: 24px; padding: 8px 24px 0; } #snackys-tpl .to-search-modal .to-search-sidebar .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-layout, html .to-search-modal .to-search-sidebar .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-layout { grid-template-columns: minmax(0, 1fr) 72px; grid-template-areas: "identity image" "specs specs"; column-gap: 12px; padding: 12px 12px 0; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee { width: 100%; box-sizing: border-box; margin: 0; justify-content: center; gap: 0; animation: to-search-featured-guarantee .45s var(--to-featured-copy-delay) ease both; } /**/ #snackys-tpl .has-featured-intro .to-search-printer__guarantee-motif, html .has-featured-intro .to-search-printer__guarantee-motif { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: var(--color-tertiary-50); -webkit-mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-featured-motif.svg?v=2") center / 1200px 1200px no-repeat; mask: url("https://cdn.toneroffice.de/plugins/wi_tosearch/frontend/img/search-featured-motif.svg?v=2") center / 1200px 1200px no-repeat; animation: to-search-featured-motif-out .45s var(--to-featured-copy-delay) ease both; } #snackys-tpl .has-featured-intro :is(.to-search-printer__guarantee-check, .to-search-printer__guarantee-copy), html .has-featured-intro :is(.to-search-printer__guarantee-check, .to-search-printer__guarantee-copy) { position: relative; z-index: 1; } @keyframes to-search-featured-motif-out { from { opacity: .4; } to { opacity: 0; } } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-check, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-check { flex-basis: 60px; width: 60px; height: 60px; animation: to-search-featured-check .45s var(--to-featured-copy-delay) ease both, to-search-featured-icon-appear .001s .6s both; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-copy, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-copy { white-space: nowrap; overflow: hidden; max-width: 0; opacity: 0; animation: to-search-featured-copy .3s var(--to-featured-copy-delay) ease both; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::before, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::before, #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::after, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::after { animation: to-search-featured-ramps .01s var(--to-featured-info-delay) both; } #snackys-tpl .to-search-overlay.is-initial-loading .has-featured-intro *, html .to-search-overlay.is-initial-loading .has-featured-intro *, #snackys-tpl .to-search-overlay.is-initial-loading .has-featured-intro .to-search-printer__guarantee::before, html .to-search-overlay.is-initial-loading .has-featured-intro .to-search-printer__guarantee::before, #snackys-tpl .to-search-overlay.is-initial-loading .has-featured-intro .to-search-printer__guarantee::after, html .to-search-overlay.is-initial-loading .has-featured-intro .to-search-printer__guarantee::after { animation-play-state: paused; } @keyframes to-search-featured-details { from { grid-template-rows: 0fr; } to { grid-template-rows: 1fr; } } @keyframes to-search-featured-check { from { flex-basis: 60px; width: 60px; height: 60px; } to { flex-basis: 17px; width: 17px; height: 17px; } } @keyframes to-search-featured-copy { from { max-width: 0; opacity: 0; } to { max-width: 310px; opacity: 1; } } @keyframes to-search-featured-guarantee { from { gap: 0; } to { gap: 7px; } } @keyframes to-search-featured-ramps { from { visibility: hidden; } to { visibility: visible; } } @media (max-width: 991px) { #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-layout, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-layout { grid-template-columns: minmax(0, 1fr) 64px; grid-template-areas: "identity image"; column-gap: 12px; padding: var(--spacing-3); } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro *, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro *, #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::before, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::before, #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::after, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee::after { animation-duration: .001ms; animation-delay: 0s; } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-reveal, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__featured-reveal { animation: none !important; grid-template-rows: 1fr; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-check, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-check { animation: none !important; flex-basis: 17px; width: 17px; height: 17px; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-copy, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee-copy { animation: none !important; max-width: 310px; opacity: 1; } #snackys-tpl .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee, html .to-search-modal .to-search-printer.to-search-printer--featured.has-featured-intro .to-search-printer__guarantee { animation: none !important; gap: 7px; } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-modal .to-search-printers-wrap:has(.has-featured-intro), html .to-search-modal .to-search-printers-wrap:has(.has-featured-intro) { animation: none; grid-template-rows: 1fr; } #snackys-tpl .to-search-modal .has-featured-intro :is(.to-search-printer__check-group, .to-search-printer__check-cover, .to-search-printer__check-outline, .to-search-printer__check-mark), html .to-search-modal .has-featured-intro :is(.to-search-printer__check-group, .to-search-printer__check-cover, .to-search-printer__check-outline, .to-search-printer__check-mark) { animation-duration: .001ms; animation-delay: 0s; } } /**/ #snackys-tpl .to-search-modal .to-search-board .to-search-grid-wrap:has(.to-search-grid-empty, .has-fallback-articles), html .to-search-modal .to-search-board .to-search-grid-wrap:has(.to-search-grid-empty, .has-fallback-articles) { display: flex; flex-direction: column; align-items: stretch; } #snackys-tpl .to-search-modal .to-search-board .to-search-grid.is-active:has(> .to-search-grid-empty), html .to-search-modal .to-search-board .to-search-grid.is-active:has(> .to-search-grid-empty) { flex: 1 0 100%; width: 100%; min-height: 100%; margin: 0; } @media (min-width: 992px) and (max-width: 1399px) { #snackys-tpl .to-search-initial-skeleton, html .to-search-initial-skeleton { grid-template-columns: 250px minmax(0, 1fr); } } /**/ @media (max-width: 575px) { #snackys-tpl .to-search-main-viewport:has(.to-search-grid.is-active .to-search-product), html .to-search-main-viewport:has(.to-search-grid.is-active .to-search-product) { --to-search-scrollbar-spacing: var(--spacing-4); } } /**/ #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar, html .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar { display: block; width: 8px; } #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar-track, html .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar-track { border-radius: 999px; background: var(--color-tertiary-50); } #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar-thumb, html .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar-thumb { min-height: 32px; border: 0 !important; border-radius: 999px; background: var(--color-primary-100) !important; background-clip: border-box !important; box-shadow: none; } #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar-button, html .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product)::-webkit-scrollbar-button { display: none; width: 0; height: 0; } @supports not selector(::-webkit-scrollbar) { #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product), html .to-search-overlay .to-search-main.has-sticky-printer-scroll:has(.to-search-grid.is-active .to-search-product) { scrollbar-width: thin; scrollbar-color: var(--color-primary-100) var(--color-tertiary-50); } } @media not all and (any-pointer: coarse) { #snackys-tpl .to-search-overlay .to-search-main.has-sticky-printer-scroll.has-vertical-overflow:has(.to-search-grid.is-active .to-search-product), html .to-search-overlay .to-search-main.has-sticky-printer-scroll.has-vertical-overflow:has(.to-search-grid.is-active .to-search-product) { scrollbar-gutter: stable; padding-right: var(--to-search-scrollbar-spacing, var(--spacing-6)); } } @media (max-width: 767px), (any-pointer: coarse) { :is(#snackys-tpl, html) .to-search-overlay .to-search-main.has-sticky-printer-scroll.has-vertical-overflow { padding-right: 0 !important; scrollbar-gutter: auto !important; scrollbar-width: none !important; } :is(#snackys-tpl, html) .to-search-overlay .to-search-main.has-sticky-printer-scroll.has-vertical-overflow::-webkit-scrollbar { display: none !important; width: 0 !important; } } /**/ #snackys-tpl .to-search-main-viewport.has-more-results::after, html .to-search-main-viewport.has-more-results::after { height: 50px; background: transparent; box-shadow: inset 0 -16px 16px -12px rgba(0, 0, 0, 0.32); opacity: 1; } /**/ #snackys-tpl .to-search-main-viewport.has-more-results.show-swipe::after, html .to-search-main-viewport.has-more-results.show-swipe::after { height: 130px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 95%); box-shadow: inset 0 -25px 20px -30px rgba(0, 0, 0, 0.38); } /**/ #snackys-tpl .to-search-main-viewport:not(.has-more-results):has(> .to-search-main.has-vertical-overflow .to-search-grid.is-active .to-search-product), html .to-search-main-viewport:not(.has-more-results):has(> .to-search-main.has-vertical-overflow .to-search-grid.is-active .to-search-product) { border-bottom-right-radius: 0; } /**/ #snackys-tpl .to-search-swipe__clip, html .to-search-swipe__clip { width: 30px; height: 40px; margin-left: 0; } #snackys-tpl .to-search-swipe__mouse, html .to-search-swipe__mouse { display: block; } #snackys-tpl .to-search-swipe__chevrons, html .to-search-swipe__chevrons { display: none; } #snackys-tpl .to-search-swipe__label--desktop, html .to-search-swipe__label--desktop { display: inline; } #snackys-tpl .to-search-swipe__label--mobile, html .to-search-swipe__label--mobile { display: none; } @media (any-pointer: coarse) { #snackys-tpl .to-search-swipe__clip, html .to-search-swipe__clip { width: 36px; height: 36px; margin-left: -8px; } #snackys-tpl .to-search-swipe__mouse, html .to-search-swipe__mouse { display: none; } #snackys-tpl .to-search-swipe__chevrons, html .to-search-swipe__chevrons { display: block; } #snackys-tpl .to-search-swipe__label--desktop, html .to-search-swipe__label--desktop { display: none; } #snackys-tpl .to-search-swipe__label--mobile, html .to-search-swipe__label--mobile { display: inline; } } /**/ #snackys-tpl .to-search-main-viewport:not(.has-more-results)::after, html .to-search-main-viewport:not(.has-more-results)::after { opacity: 0; background: transparent; transition: none; } #snackys-tpl .to-search-swipe__copy, html .to-search-swipe__copy { display: grid; align-items: center; text-align: center; grid-template-columns: minmax(0, 1fr); overflow: visible; } #snackys-tpl .to-search-swipe__remaining, html .to-search-swipe__remaining { font-weight: var(--font-weight-regular, 400); text-transform: uppercase; display: flex; box-sizing: border-box; width: max-content; background: transparent; padding: 0; border-radius: 0; font-size: 16px; text-align: center; position: relative; justify-self: center; align-items: center; gap: var(--spacing-1); } #snackys-tpl .to-search-swipe__remaining[hidden], html .to-search-swipe__remaining[hidden] { display: none; } #snackys-tpl .to-search-swipe__remaining strong, html .to-search-swipe__remaining strong { font-weight: var(--font-weight-bold, 700); color: var(--color-primary-100); } /**/ #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy), html .to-search-swipe:has(> .to-search-swipe__copy) { flex-direction: row; align-items: center; text-align: center; text-transform: none; bottom: 0; box-sizing: border-box; max-width: calc(100% - 30px); padding: var(--spacing-1) var(--spacing-1) 0; padding-right: var(--spacing-2); overflow: visible; border: 0; border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0; background: var(--color-white, #fff); box-shadow: 15px 0 10px -3px rgba(0, 0, 0, 0.25), 0 -8px 24px rgba(0, 0, 0, 0.1); font-size: var(--font-size-h6); } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) > .to-search-swipe__clip, html .to-search-swipe:has(> .to-search-swipe__copy) > .to-search-swipe__clip { width: 30px; height: 35px; margin-bottom: 0; margin-left: 0; align-self: center; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__mouse, html .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__mouse { width: 16px; height: 26px; box-sizing: border-box; margin: 6px auto 0; border-width: 1.6px; border-radius: 999px; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__wheel, html .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__wheel { height: 5px; margin-top: 5px; width: 2px; border-radius: 999px; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons, html .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons { width: 14px; height: 18px; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span, html .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span { left: 2px; width: 10px; height: 10px; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span:last-child, html .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span:last-child { top: 8px; } /**/ #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy)::before, html .to-search-swipe:has(> .to-search-swipe__copy)::before, #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy)::after, html .to-search-swipe:has(> .to-search-swipe__copy)::after { content: none; display: none; } @media (max-width: 575.98px) { #snackys-tpl .to-search-swipe, html .to-search-swipe { left: auto; right: 0; transform: none; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy), html .to-search-swipe:has(> .to-search-swipe__copy) { border-top-right-radius: 0; } } @media (max-width: 566.98px) { #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy)::before, html .to-search-swipe:has(> .to-search-swipe__copy)::before, #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy)::after, html .to-search-swipe:has(> .to-search-swipe__copy)::after { content: ""; display: block; position: absolute; width: 15px; height: 15px; pointer-events: none; background: var(--color-white, #fff); --to-search-swipe-ramp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M15 0L0 0L0 15A15 15 0 0 1 15 0Z' fill='%23fff'/%3E%3C/svg%3E"); -webkit-mask: var(--to-search-swipe-ramp) center / contain no-repeat; mask: var(--to-search-swipe-ramp) center / contain no-repeat; transform: rotate(180deg); } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy)::before, html .to-search-swipe:has(> .to-search-swipe__copy)::before { right: 100%; bottom: 0; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy)::after, html .to-search-swipe:has(> .to-search-swipe__copy)::after { right: 0; bottom: 100%; } } /**/ #snackys-tpl .to-search-swipe__copy > *, html .to-search-swipe__copy > * { grid-area: 1 / 1; align-self: center; } #snackys-tpl .to-search-swipe__copy > .to-search-swipe__remaining, html .to-search-swipe__copy > .to-search-swipe__remaining { opacity: 0; } #snackys-tpl .show-swipe > .to-search-swipe .to-search-swipe__copy:has(> .to-search-swipe__remaining:not([hidden])) > .to-search-swipe__label, html .show-swipe > .to-search-swipe .to-search-swipe__copy:has(> .to-search-swipe__remaining:not([hidden])) > .to-search-swipe__label { animation: to-search-swipe-primary-cycle 5s ease infinite; } #snackys-tpl .show-swipe > .to-search-swipe .to-search-swipe__copy > .to-search-swipe__remaining:not([hidden]), html .show-swipe > .to-search-swipe .to-search-swipe__copy > .to-search-swipe__remaining:not([hidden]) { animation: to-search-swipe-count-cycle 5s ease infinite; } @keyframes to-search-swipe-primary-cycle { 0%, 44%, 100% { opacity: 1; transform: translateY(0); } 50%, 94% { opacity: 0; transform: translateY(-6px); } 95% { opacity: 0; transform: translateY(6px); } } @keyframes to-search-swipe-count-cycle { 0%, 44%, 100% { opacity: 0; transform: translateY(6px); } 50%, 94% { opacity: 1; transform: translateY(0); } 95% { opacity: 0; transform: translateY(-6px); } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-swipe .to-search-swipe__copy > *, html .to-search-swipe .to-search-swipe__copy > * { animation: none !important; } } #snackys-tpl .to-search-swipe__preview, html .to-search-swipe__preview { display: block; flex: 0 0 40px; width: 40px; height: 40px; box-sizing: border-box; object-fit: contain; border: 2px solid var(--color-tertiary-2, var(--color-tertiary-50)); border-radius: var(--border-radius-sm); background: var(--color-white, #fff); min-height: 40px; max-height: 40px; min-width: 40px; max-width: 40px; } /**/ #snackys-tpl .show-swipe > .to-search-swipe .to-search-swipe__preview, html .show-swipe > .to-search-swipe .to-search-swipe__preview, #snackys-tpl .show-swipe > .to-search-swipe .to-search-swipe__more, html .show-swipe > .to-search-swipe .to-search-swipe__more { animation: to-search-swipe-preview-in 5s ease both infinite; animation-delay: var(--to-preview-stagger, 0s); } #snackys-tpl .to-search-swipe__preview:nth-child(2), html .to-search-swipe__preview:nth-child(2) { --to-preview-stagger: .12s; } #snackys-tpl .to-search-swipe__preview:nth-child(3), html .to-search-swipe__preview:nth-child(3) { --to-preview-stagger: .24s; } @keyframes to-search-swipe-preview-in { 0%, 46% { opacity: 0; transform: translateY(14px); } 54%, 90% { opacity: 1; transform: translateY(0); } 96%, 100% { opacity: 0; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .show-swipe > .to-search-swipe .to-search-swipe__preview, html .show-swipe > .to-search-swipe .to-search-swipe__preview, #snackys-tpl .show-swipe > .to-search-swipe .to-search-swipe__more, html .show-swipe > .to-search-swipe .to-search-swipe__more { animation: none; } } /**/ #snackys-tpl .to-search-swipe .to-search-swipe__mouse, html .to-search-swipe .to-search-swipe__mouse { display: none; } #snackys-tpl .to-search-swipe .to-search-swipe__chevrons, html .to-search-swipe .to-search-swipe__chevrons { display: block; } #snackys-tpl .to-search-swipe .to-search-swipe__chevrons, html .to-search-swipe .to-search-swipe__chevrons { height: 18px; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span:nth-child(1), html .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span:nth-child(1) { top: 0px; animation-delay: 0s; } #snackys-tpl .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span:nth-child(2), html .to-search-swipe:has(> .to-search-swipe__copy) .to-search-swipe__chevrons span:nth-child(2) { top: 8px; animation-delay: .18s; } #snackys-tpl .to-search-swipe__more, html .to-search-swipe__more { display: inline-flex; flex: 0 0 40px; align-items: center; justify-content: center; box-sizing: border-box; width: 40px; height: 40px; border: 2px solid var(--color-tertiary-50); border-radius: var(--border-radius-sm); background: var(--color-white, #fff); color: var(--color-neutral); font-size: 16px; font-weight: var(--font-weight-regular, 400); line-height: 1; } #snackys-tpl .to-search-swipe__more, html .to-search-swipe__more { --to-preview-stagger: .36s; } #snackys-tpl .to-search-swipe, html .to-search-swipe { min-width: calc(180px / var(--page-zoom, 1)); min-height: calc(38px / var(--page-zoom, 1)); } #snackys-tpl .to-search-faq__hit:hover .to-search-faq__tip, html .to-search-faq__hit:hover .to-search-faq__tip, #snackys-tpl .to-search-faq__hit:focus-visible .to-search-faq__tip, html .to-search-faq__hit:focus-visible .to-search-faq__tip { background: var(--color-primary-100); color: var(--color-white, #fff); } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .to-search-product:hover .to-product-card__xl-badge, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .to-search-product:hover .to-product-card__xl-badge { background: var(--color-tertiary-75); color: var(--color-neutral); } #snackys-tpl .to-search-modal .to-search-suggest.to-search-searchhelp__list, html .to-search-modal .to-search-suggest.to-search-searchhelp__list { max-height: 310px; border-radius: var(--border-radius-sm); overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; grid-template-columns: minmax(0, 1fr); box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; scrollbar-gutter: auto; scrollbar-width: auto; scrollbar-color: auto; padding-right: 0; touch-action: pan-y pinch-zoom; } #snackys-tpl .to-search-modal .to-search-searchhelp .to-search-searchhelp__result-title, html .to-search-modal .to-search-searchhelp .to-search-searchhelp__result-title { color: var(--color-primary-100) !important; } #snackys-tpl .to-search-modal .to-search-searchhelp__list :is(li, ul, button, .to-search-searchhelp__group-heading), html .to-search-modal .to-search-searchhelp__list :is(li, ul, button, .to-search-searchhelp__group-heading) { box-sizing: border-box; min-width: 0; max-width: 100%; } #snackys-tpl .to-search-modal .to-search-searchhelp__list .to-search-searchhelp__group-items, html .to-search-modal .to-search-searchhelp__list .to-search-searchhelp__group-items { grid-template-columns: minmax(0, 1fr); } #snackys-tpl .to-search-modal .to-search-searchhelp__list button:hover, html .to-search-modal .to-search-searchhelp__list button:hover, #snackys-tpl .to-search-modal .to-search-searchhelp__list button:focus-visible, html .to-search-modal .to-search-searchhelp__list button:focus-visible { transform: none; } #snackys-tpl .to-search-modal .to-search-suggest.to-search-searchhelp__list.has-vertical-overflow, html .to-search-modal .to-search-suggest.to-search-searchhelp__list.has-vertical-overflow { scrollbar-gutter: stable; padding-right: var(--spacing-2); } #snackys-tpl .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar, html .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar { display: block; width: 8px; } #snackys-tpl .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar-track, html .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar-track { border-radius: 999px; background: var(--color-tertiary-50); } #snackys-tpl .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar-thumb, html .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar-thumb { min-height: 32px; border: 0 !important; border-radius: 999px; background: var(--color-primary-100) !important; background-clip: border-box !important; box-shadow: none; } #snackys-tpl .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar-button, html .to-search-modal .to-search-suggest.to-search-searchhelp__list::-webkit-scrollbar-button { display: none; width: 0; height: 0; } @supports not selector(::-webkit-scrollbar) { #snackys-tpl .to-search-modal .to-search-suggest.to-search-searchhelp__list, html .to-search-modal .to-search-suggest.to-search-searchhelp__list { scrollbar-width: thin; scrollbar-color: var(--color-primary-100) var(--color-tertiary-50); } } #snackys-tpl .to-search-modal .to-search-searchhelp__list, html .to-search-modal .to-search-searchhelp__list { gap: var(--spacing-2); } /**/ #snackys-tpl .to-search-searchhelp__list-viewport, html .to-search-searchhelp__list-viewport { position: relative; min-width: 0; } #snackys-tpl .to-search-searchhelp__list-viewport:has(> ul[hidden]), html .to-search-searchhelp__list-viewport:has(> ul[hidden]) { display: none; } #snackys-tpl .to-search-searchhelp__list-viewport.has-more-results::after, html .to-search-searchhelp__list-viewport.has-more-results::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; border-bottom-left-radius: var(--border-radius-sm); border-bottom-right-radius: var(--border-radius-sm); z-index: 1; pointer-events: none; background: transparent; box-shadow: inset 0 -25px 20px -30px rgba(0, 0, 0, 0.38); } /**/ /**/ :is(#snackys-tpl, html) .to-search-printer-tab-body:has(> .to-search-printers-wrap:not(.is-featured).has-more-results > .to-search-printers.has-vertical-overflow)::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; z-index: 1; pointer-events: none; background: transparent; box-shadow: inset 0 -25px 20px -30px rgba(0, 0, 0, 0.38); } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-main:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"]):not(:has(.to-search-printer-tabs > .to-search-tab:not([data-printer-category^="series-"]))), html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-main:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"]):not(:has(.to-search-printer-tabs > .to-search-tab:not([data-printer-category^="series-"]))) { padding-bottom: 0; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-section:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"]):not(:has(.to-search-printer-tabs > .to-search-tab:not([data-printer-category^="series-"]))), html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-section:has(.to-search-printer-tabs > .to-search-tab[data-printer-category^="series-"]):not(:has(.to-search-printer-tabs > .to-search-tab:not([data-printer-category^="series-"]))) { margin-bottom: 0; } @media (any-pointer: coarse) { #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers.has-vertical-overflow, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers.has-vertical-overflow { padding-right: 0 !important; padding-bottom: 0 !important; } } /**/ #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers { scrollbar-width: auto; scrollbar-color: auto; scrollbar-gutter: auto; box-sizing: border-box; padding-right: 0; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers.has-vertical-overflow, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers.has-vertical-overflow { scrollbar-gutter: stable; padding-right: var(--spacing-4); } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar { display: block; width: 8px; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-track, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-track { border-radius: 999px; background: var(--color-tertiary-50); } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-thumb, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-thumb { min-height: 32px; border: 0 !important; border-radius: 999px; background: var(--color-primary-100) !important; background-clip: border-box !important; box-shadow: none; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-button, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-button { display: none; width: 0; height: 0; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured)::after, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured)::after { right: 0; background: transparent; box-shadow: inset 0 -25px 20px -30px rgba(0, 0, 0, 0.38); opacity: 0; transition: none; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured).has-more-results::after, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured).has-more-results::after { opacity: 1 !important; visibility: visible; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured).show-swipe:not(.is-hint-dismissed)::after, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured).show-swipe:not(.is-hint-dismissed)::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 95%); } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) > .to-search-swipe, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) > .to-search-swipe { z-index: 3; visibility: visible; } @media (max-width: 575px) { #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers.has-vertical-overflow, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers.has-vertical-overflow { padding-right: var(--spacing-4); } } @supports not selector(::-webkit-scrollbar) { #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers { scrollbar-width: thin; scrollbar-color: var(--color-primary-100) var(--color-tertiary-50); } } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only > .to-search-swipe, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only > .to-search-swipe { margin-bottom: -2px; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printer-tab-body, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printer-tab-body { padding: 0; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured), html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) { box-sizing: border-box; padding: var(--spacing-3); padding-bottom: 0; } #snackys-tpl .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-track, html .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printers-wrap.is-series-only:not(.is-featured) .to-search-printers::-webkit-scrollbar-track { margin-block: var(--spacing-4); } /**/ #snackys-tpl .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable, html .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable { opacity: 1; cursor: not-allowed; } #snackys-tpl .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable *, html .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable * { cursor: not-allowed; } #snackys-tpl .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable .to-search-printer__image img, html .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable .to-search-printer__image img { opacity: .5; } #snackys-tpl .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable .to-search-printer__cta, html .to-search-modal .to-search-printers-wrap.is-series-only .to-search-printer.is-unavailable .to-search-printer__cta { border: 1px solid var(--color-neutral); background: transparent; color: var(--color-neutral) !important; font-weight: var(--font-weight-normal, 400); } /**/ #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment:has(> .to-search-product-group__items > .to-search-product + .to-search-product), html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled > .is-fill-segment:has(> .to-search-product-group__items > .to-search-product + .to-search-product) { box-shadow: var(--shadow-sm); border-radius: var(--border-radius-sm); } /**/ @property --to-search-tab-white-fade { syntax: "<number>"; inherits: true; initial-value: 0; } #snackys-tpl .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active, html .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active { --to-search-tab-white-fade: 0; background-image: linear-gradient(180deg, var(--color-success-soft, #e5f7ea) 0%, color-mix(in srgb, var(--color-success-soft, #e5f7ea) calc(100% - var(--to-search-tab-white-fade) * 90%), white) 100%); transition: --to-search-tab-white-fade 300ms ease, border-bottom-color 300ms ease; } #snackys-tpl .has-pinned-printer-tabs.is-printer-tabs-scrolled .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active, html .has-pinned-printer-tabs.is-printer-tabs-scrolled .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active { --to-search-tab-white-fade: 1; border-bottom-color: #ffffff; } #snackys-tpl .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active::before, html .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active::before, #snackys-tpl .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active::after, html .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active::after { background-image: -webkit-cross-fade(url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20d%3D%22M15%200L0%200L0%2015A15%2015%200%200%201%2015%200Z%22%20fill%3D%22%23e5f7ea%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22soft%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fcfefd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f5fcf7%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M15%200L0%200L0%2015A15%2015%200%200%201%2015%200Z%22%20fill%3D%22url%28%23soft%29%22%2F%3E%3C%2Fsvg%3E"), var(--to-search-tab-white-fade)); } @media (prefers-reduced-motion: reduce) { #snackys-tpl .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active, html .has-pinned-printer-tabs .to-search-printer-tabs:not(:has(> .to-search-tab[data-printer-category^="series-"].is-active)) > .to-search-tab[data-printer-category^="product-number-"].is-active { transition: none; } } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-bar.has-fixed-summary-icon .to-search-bar__count { gap: var(--spacing-1); } :is(#snackys-tpl, html) .to-search-modal .to-search-bar.has-fixed-summary-icon .to-search-bar__count > .to-search-bar__count-icon { flex: 0 0 12px; margin: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-bar.has-fixed-summary-icon .to-search-bar__count-view { flex: 1 1 auto; min-width: 0; padding-left: 8px; } :is(#snackys-tpl, html) .to-search-modal .to-search-bar.has-fixed-summary-icon .to-search-bar__count-view:has(> .is-auto-summary-marquee) { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8px); mask-image: linear-gradient(to right, transparent 0, #000 8px); } /**/ #snackys-tpl .to-search-summary-cycle, html .to-search-summary-cycle { display: none; } #snackys-tpl .to-search-summary-sidebar .to-search-bar__count-view:has(> .to-search-summary-cycle) > .to-search-bar__count-track, html .to-search-summary-sidebar .to-search-bar__count-view:has(> .to-search-summary-cycle) > .to-search-bar__count-track { display: none; } #snackys-tpl .to-search-summary-sidebar .to-search-bar__count-view, html .to-search-summary-sidebar .to-search-bar__count-view { mask-image: none; -webkit-mask-image: none; } #snackys-tpl .to-search-summary-sidebar .to-search-summary-cycle, html .to-search-summary-sidebar .to-search-summary-cycle { display: flex; align-items: center; gap: var(--spacing-2); min-width: 0; width: 100%; } #snackys-tpl .to-search-summary-cycle__slides, html .to-search-summary-cycle__slides { display: grid; flex: 0 1 auto; width: max-content; max-width: calc(100% - 5em); min-width: 0; overflow: hidden; } #snackys-tpl .to-search-summary-cycle__slide, html .to-search-summary-cycle__slide { grid-area: 1 / 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; animation: to-search-summary-slide 9s ease infinite; animation-delay: var(--summary-slide-delay); } #snackys-tpl .to-search-summary-cycle__query, html .to-search-summary-cycle__query { flex: 1 1 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #snackys-tpl .to-search-summary-cycle__query strong, html .to-search-summary-cycle__query strong { font-weight: var(--font-weight-bold, 700); } @keyframes to-search-summary-slide { 0%, 27%, 100% { opacity: 1; transform: translateY(0); } 33%, 94% { opacity: 0; transform: translateY(-100%); } 95% { opacity: 0; transform: translateY(100%); } } @media (prefers-reduced-motion: reduce) { #snackys-tpl .to-search-summary-cycle__slide, html .to-search-summary-cycle__slide { animation: none; } #snackys-tpl .to-search-summary-cycle__slide:not(:first-child), html .to-search-summary-cycle__slide:not(:first-child) { display: none; } } #snackys-tpl .to-search-summary-sidebar .to-search-summary-cycle, html .to-search-summary-sidebar .to-search-summary-cycle { flex-wrap: nowrap; white-space: nowrap; column-gap: var(--spacing-1); row-gap: 0; } #snackys-tpl .to-search-summary-cycle__lead, html .to-search-summary-cycle__lead { display: flex; align-items: center; gap: .25em; min-width: 0; max-width: 100%; flex: 0 1 auto; white-space: nowrap; } #snackys-tpl .to-search-summary-cycle__result, html .to-search-summary-cycle__result { display: flex; align-items: center; gap: .25em; white-space: nowrap; min-width: 0; flex: 0 1 auto; max-width: 100%; } #snackys-tpl .to-search-summary-cycle__result .to-search-summary-cycle__slides, html .to-search-summary-cycle__result .to-search-summary-cycle__slides { max-width: none; } #snackys-tpl .to-search-summary-cycle__query strong, html .to-search-summary-cycle__query strong { border-bottom: 1px dashed var(--color-neutral); } #snackys-tpl .to-search-summary-cycle__lead .to-search-summary-cycle__query, html .to-search-summary-cycle__lead .to-search-summary-cycle__query { flex: 0 1 auto; } #snackys-tpl .to-search-summary-cycle__query strong, html .to-search-summary-cycle__query strong { display: inline-block; line-height: 1.15; padding-bottom: 1px; border-bottom: 1px dashed var(--color-neutral); } #snackys-tpl .to-search-summary-cycle__slide, html .to-search-summary-cycle__slide { width: fit-content; max-width: 100%; line-height: 1.15; padding-bottom: 1px; border-bottom: 1px dashed var(--color-neutral); align-self: center; } /**/ #snackys-tpl .to-search-overlay.has-hidden-manufacturer-filters .to-search-board > .to-search-tabs-row, html .to-search-overlay.has-hidden-manufacturer-filters .to-search-board > .to-search-tabs-row { display: none !important; } #snackys-tpl .to-search-overlay.has-hidden-manufacturer-filters .to-search-results-head > .to-search-bar--results, html .to-search-overlay.has-hidden-manufacturer-filters .to-search-results-head > .to-search-bar--results { flex: 1 1 auto; width: 100%; } #snackys-tpl .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results, html .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results { grid-column: 1; min-width: 0; } #snackys-tpl .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head:not(:has(> .to-search-filter-toggle:not([hidden]))) > .to-search-bar--results, html .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head:not(:has(> .to-search-filter-toggle:not([hidden]))) > .to-search-bar--results { grid-column: 1 / -1; } #snackys-tpl .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous), html .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous) { grid-template-columns: minmax(0, 1fr) auto; } #snackys-tpl .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-filter-toggle, html .to-search-overlay.has-hidden-manufacturer-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-filter-toggle { grid-column: 2; } #snackys-tpl .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled .to-search-product-group__head, html .to-search-modal .to-search-board.has-merged-group-titles:not(.is-results-slider) .is-visually-filled .to-search-product-group__head { box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.122); } #snackys-tpl .to-search-overlay.has-hidden-product-filters :is(.to-search-filter-toggle, .to-search-filter-card), html .to-search-overlay.has-hidden-product-filters :is(.to-search-filter-toggle, .to-search-filter-card), #snackys-tpl .to-search-overlay.has-hidden-results-bar .to-search-bar--results, html .to-search-overlay.has-hidden-results-bar .to-search-bar--results { display: none !important; } /**/ #snackys-tpl .to-search-overlay:not(.has-hidden-results-bar):not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous), html .to-search-overlay:not(.has-hidden-results-bar):not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) { grid-template-columns: auto minmax(0, 1fr); } #snackys-tpl .to-search-overlay:not(.has-hidden-results-bar):not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results, html .to-search-overlay:not(.has-hidden-results-bar):not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results { grid-column: 1; } #snackys-tpl .to-search-overlay:not(.has-hidden-results-bar):not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-board > .to-search-tabs-row, html .to-search-overlay:not(.has-hidden-results-bar):not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-board > .to-search-tabs-row { grid-column: 2; } #snackys-tpl .to-search-overlay:not(.has-hidden-results-bar).has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous), html .to-search-overlay:not(.has-hidden-results-bar).has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) { grid-template-columns: minmax(0, 1fr); } #snackys-tpl .to-search-overlay:not(.has-hidden-results-bar).has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results, html .to-search-overlay:not(.has-hidden-results-bar).has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-bar--results { grid-column: 1; } #snackys-tpl .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters):not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous), html .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters):not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) { grid-template-columns: minmax(0, 1fr) auto; } #snackys-tpl .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters):not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) > .to-search-board > .to-search-tabs-row, html .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters):not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) > .to-search-board > .to-search-tabs-row { grid-column: 1; } #snackys-tpl .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters):not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-filter-toggle, html .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters):not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-filter-toggle { grid-column: 2; justify-self: end; } #snackys-tpl .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous), html .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) { grid-template-columns: minmax(0, 1fr); } #snackys-tpl .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-board > .to-search-tabs-row, html .to-search-overlay.has-hidden-results-bar:not(.has-hidden-manufacturer-filters).has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-board > .to-search-tabs-row { grid-column: 1; } #snackys-tpl .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters:not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous), html .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters:not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) { grid-template-columns: minmax(0, 1fr); } #snackys-tpl .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters:not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-filter-toggle, html .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters:not(.has-hidden-product-filters) .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head > .to-search-filter-toggle { grid-column: 1; justify-self: end; } #snackys-tpl .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous), html .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) { grid-template-columns: minmax(0, 1fr); } #snackys-tpl .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head::after, html .to-search-overlay.has-hidden-results-bar.has-hidden-manufacturer-filters.has-hidden-product-filters .to-search-results:has(> .to-search-board.is-continuous) > .to-search-results-head::after { display: none; } #snackys-tpl .to-search-overlay.has-hidden-product-filters.has-hidden-results-bar.has-hidden-manufacturer-filters .to-search-grid-shell--market, html .to-search-overlay.has-hidden-product-filters.has-hidden-results-bar.has-hidden-manufacturer-filters .to-search-grid-shell--market { padding-top: 0; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-maximal-min: 320px; display: grid !important; grid-template-columns: repeat(var(--to-search-card-columns, 2), minmax(0, 1fr)) !important; grid-auto-flow: row; grid-auto-rows: auto; align-content: start; align-items: stretch; gap: var(--spacing-3) !important; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.has-grid-cards .to-search-grid-wrap { --to-search-maximal-min: 200px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid:not(.is-category-filtered-out):not(.has-fallback-articles), :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill :is(.to-search-product-group, .to-search-product-group__content, .to-search-product-group__items) { display: contents !important; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid.is-category-filtered-out, :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product-group > .to-search-product-group__head, :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid::after { display: none !important; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid { --to-search-panel-order: 1; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid[data-panel="refill"] { --to-search-panel-order: 2; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid[data-panel="original"] { --to-search-panel-order: 3; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid[data-panel="paper"] { --to-search-panel-order: 4; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid[data-panel="accessory"] { --to-search-panel-order: 5; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.is-hp-tabs .to-search-grid[data-panel="original"] { --to-search-panel-order: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product { --to-search-type-join-gap: calc(var(--spacing-3) / 2); margin-top: calc(30px / var(--page-zoom, 1)); order: var(--to-search-panel-order); grid-column: auto !important; grid-row: auto !important; width: 100%; min-width: 0; height: auto !important; border-radius: 8px; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product:is(.is-type-joined-left, .is-type-joined-right, .is-type-joined-top, .is-type-joined-bottom) { width: auto !important; height: auto !important; max-width: none !important; box-shadow: none; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-type-joined-left { margin-left: calc(-1 * var(--to-search-type-join-gap)); border-left-width: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-type-joined-right { margin-right: calc(-1 * var(--to-search-type-join-gap)); border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-type-joined-top { border-top-left-radius: 0; border-top-right-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-type-joined-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product:is(.is-type-joined-top, .is-type-joined-right) .to-product-card__xl-badge:last-child { border-top-right-radius: 0; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .to-search-product { padding-top: calc(16px * 1.2 + var(--spacing-2) * 2 + var(--spacing-3)) !important; padding-bottom: var(--spacing-3) !important; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .to-search-product > .to-search-product-group__head.is-article-footer { position: absolute; left: 0; right: 0; top: 0; bottom: auto; display: flex; min-width: 0; border-bottom: 1px solid var(--color-tertiary-75); border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .is-article-footer > .to-search-product-group__title { flex: 1; min-width: 0; overflow: hidden; font-size: 16px; text-align: center; white-space: nowrap; text-overflow: ellipsis; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product > .to-search-category-head { position: absolute; left: -2px; bottom: calc(100% + 0px); height: calc(30px / var(--page-zoom, 1)); min-height: calc(30px / var(--page-zoom, 1)); transform: translateY(-2px); box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.25); z-index: 3; margin: 0; pointer-events: none; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product > .to-search-category-head { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-category-head.is-continuation { box-sizing: border-box; border-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product { border-top-left-radius: 0; border-top-right-radius: 0; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-type-wrap-out { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-category-head.is-continuation.is-final-segment { border-top-right-radius: var(--border-radius-sm, 8px); } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.has-category-head { border-bottom-left-radius: 8px; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product:has(> .to-search-category-head.is-continuation) { border-bottom-left-radius: 0; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product:is(.has-wrap-fade-left, .has-wrap-fade-right) { --to-search-wrap-fade-left: 0px; --to-search-wrap-fade-right: 0px; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--to-search-wrap-fade-left), #000 calc(100% - var(--to-search-wrap-fade-right)), transparent 100%), linear-gradient(#000, #000); mask-image: linear-gradient(to right, transparent 0, #000 var(--to-search-wrap-fade-left), #000 calc(100% - var(--to-search-wrap-fade-right)), transparent 100%), linear-gradient(#000, #000); -webkit-mask-size: 100% 100%, var(--to-search-wrap-mask-width, 0px) var(--to-search-wrap-head-height, 0px); mask-size: 100% 100%, var(--to-search-wrap-mask-width, 0px) var(--to-search-wrap-head-height, 0px); -webkit-mask-position: 0 0, 0 calc(-1 * var(--to-search-wrap-head-height, 0px)); mask-position: 0 0, 0 calc(-1 * var(--to-search-wrap-head-height, 0px)); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-clip: no-clip; mask-clip: no-clip; -webkit-mask-composite: source-over; mask-composite: add; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.has-wrap-fade-left { --to-search-wrap-fade-left: 10px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.has-wrap-fade-right { --to-search-wrap-fade-right: 10px; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product > .to-search-category-head { --to-search-heading-fade-left: 0px; --to-search-heading-fade-right: 0px; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--to-search-heading-fade-left), #000 calc(100% - var(--to-search-heading-fade-right)), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 var(--to-search-heading-fade-left), #000 calc(100% - var(--to-search-heading-fade-right)), transparent 100%); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product > .to-search-category-head.is-continuation { --to-search-heading-fade-left: 10px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product > .to-search-category-head:not(.is-final-segment) { --to-search-heading-fade-right: 10px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product:hover { border-color: var(--color-tertiary-50); } :is(#snackys-tpl, html) .to-search-board.is-continuous .to-search-category-head[data-category="original"] .to-search-tab__count { color: var(--color-neutral); } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product:has(> .to-search-category-head) { --to-search-wrap-head-height: calc(30px / var(--page-zoom, 1)); z-index: 2; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product { margin-top: calc(30px / var(--page-zoom, 1)); margin-bottom: 0; border-top-width: 2px; border-bottom-width: 2px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .to-search-product > .to-search-product-group__head.is-article-footer { top: -2px; bottom: auto; border-top: 2px solid; border-top-color: inherit; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .is-article-footer > .to-search-product-group__title { display: flex; align-items: center; justify-content: center; gap: var(--spacing-1); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .is-article-footer .to-search-category-slider__group-icons { gap: var(--spacing-1); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .is-article-footer .to-search-category-slider__multipack { flex-direction: row; width: auto; min-width: 0; padding: 0; border: 0; border-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .is-article-footer .to-search-category-slider__multipack > span + span { margin-top: 0; margin-left: -2px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill .is-article-footer .to-search-category-slider__multipack > span { flex: 0 0 13px; width: 13px; height: 13px; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid.has-fallback-articles { grid-column: 1 / -1; width: 100%; min-width: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .has-fallback-articles .to-search-product { margin-top: 0; padding-top: var(--spacing-3) !important; padding-bottom: var(--spacing-3) !important; border-radius: 8px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board .has-fallback-articles .to-search-product > .to-search-product-group__head.is-article-footer { display: none; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap:has(.to-search-grid.is-active > .to-search-grid-empty) { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid-empty { grid-column: 1 / -1; grid-row: 1 / -1; align-self: stretch; } :is(#snackys-tpl, html) .to-search-modal .to-search-results:has(.to-search-grid.has-fallback-articles) { padding-top: 0 !important; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-product__image-link { position: absolute; inset: var(--spacing-1, 4px); width: auto; height: auto; display: flex; align-items: center; justify-content: center; } :is(#snackys-tpl, html) .to-search-modal .to-search-product__image img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill.has-grid-cards .to-search-product { --to-search-image-extra-left: 0px; --to-search-image-extra-right: 0px; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill.has-grid-cards .to-search-product.is-type-joined-left { --to-search-image-extra-left: calc(var(--to-search-type-join-gap) + 1px); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill.has-grid-cards .to-search-product.is-type-joined-right { --to-search-image-extra-right: calc(var(--to-search-type-join-gap) + 2px); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-maximal-fill.has-grid-cards .to-search-product__image { width: calc(100% - var(--to-search-image-extra-left) - var(--to-search-image-extra-right)); justify-self: center; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-full-type-connected-row { margin-top: calc(-1 * var(--to-search-connected-row-gap, 0px)); border-top-width: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-full-type-connects-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-full-type-connected-row:not(.is-full-type-connects-bottom) { box-shadow: var(--shadow-sm, 0 3px 6px rgba(0, 0, 0, .12)); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-full-type-bottom-left { border-bottom-left-radius: var(--border-radius-sm, 8px); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-full-type-bottom-right { border-bottom-right-radius: var(--border-radius-sm, 8px); } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-product.is-full-type-track-extend-right, :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.is-hp-tabs:not(.has-category-filter) .to-search-product.is-hp-track-extend-right { --to-search-image-extra-right: calc(var(--to-search-type-join-gap) + 2px); width: auto !important; margin-right: calc(-1 * var(--to-search-type-join-gap)); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.is-hp-tabs:not(.has-category-filter) .to-search-product.is-hp-connected-row { margin-top: calc(-1 * var(--to-search-hp-row-gap, 0px)); border-top-width: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.is-hp-tabs:not(.has-category-filter) .to-search-product.is-hp-last-row { box-shadow: var(--shadow-sm, 0 3px 6px rgba(0, 0, 0, .12)); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.is-hp-tabs:not(.has-category-filter) .to-search-product.is-type-joined-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.is-hp-tabs:not(.has-category-filter) .to-search-product.is-hp-bottom-left { border-bottom-left-radius: var(--border-radius-sm, 8px); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill.is-hp-tabs:not(.has-category-filter) .to-search-product.is-hp-bottom-right { border-bottom-right-radius: var(--border-radius-sm, 8px); } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.has-minimal-category-headings .to-search-category-head { padding: 0 0 10px; align-items: stretch; overflow: visible; background: transparent; border-radius: 0; box-shadow: none; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.has-minimal-category-headings .to-search-category-head::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 10px; border-top-right-radius: var(--border-radius-xs, 4px); background: var(--to-search-category-color, var(--color-neutral)) var(--to-search-category-image, none) bottom / cover no-repeat; pointer-events: none; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.has-minimal-category-headings .to-search-category-head::after { inset: auto 0 0; height: 10px; border-top-right-radius: var(--border-radius-xs, 4px); } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.has-minimal-category-headings .to-search-category-head > .to-search-tab__inner { margin-bottom: -1px; flex: 0 1 auto; width: max-content; max-width: 100%; min-width: 0; box-sizing: border-box; padding: var(--spacing-2) var(--spacing-3) 0; flex-wrap: nowrap; align-items: center; border-radius: var(--border-radius-sm, 8px) var(--border-radius-sm, 8px) 0 0; background: var(--to-search-category-color, var(--color-neutral)) var(--to-search-category-image, none) bottom / cover no-repeat; isolation: isolate; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.has-minimal-category-headings .to-search-category-head > .to-search-tab__inner::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: url("https://cdn.toneroffice.de/templates/toneroffice_new/img/listing-group-grain.svg") 0 0 / 200px 200px repeat; mix-blend-mode: color-burn; opacity: .85; filter: invert(1); } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.has-minimal-category-headings .to-search-category-head > .to-search-tab__inner::after { content: ""; position: absolute; right: -6px; bottom: 0; width: 6px; height: 6px; pointer-events: none; background: var(--to-search-category-color, var(--color-neutral)) var(--to-search-category-image, none) bottom / cover no-repeat; --to-search-category-ramp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 0A10 10 0 0 0 10 10H0Z' fill='%23fff'/%3E%3C/svg%3E"); -webkit-mask: var(--to-search-category-ramp) center / contain no-repeat; mask: var(--to-search-category-ramp) center / contain no-repeat; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.has-minimal-category-headings .to-search-category-head > .to-search-tab__count { display: none; width: auto; padding: 0; gap: .25em; font-weight: 400; white-space: nowrap; } /**/ :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-hp-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--spacing-3); grid-column: 1 / -1; order: 0; min-width: 0; align-items: start; } :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-hp-column { display: grid; grid-template-columns: repeat(var(--to-search-hp-card-columns, 1), minmax(0, 1fr)); grid-auto-rows: auto; gap: var(--spacing-3); min-width: 0; align-content: start; align-items: stretch; } /**/ :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-shell { container: to-search-card-tracks / inline-size; } @container to-search-card-tracks (width > 488px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 3; --to-search-hp-card-columns: 2; } } @container to-search-card-tracks (width > 738px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 4; --to-search-hp-card-columns: 2; } } @container to-search-card-tracks (width > 988px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 5; --to-search-hp-card-columns: 3; } } @container to-search-card-tracks (width > 1238px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 6; --to-search-hp-card-columns: 3; } } @container to-search-card-tracks (width > 1488px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 7; --to-search-hp-card-columns: 4; } } @container to-search-card-tracks (width > 1738px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 8; --to-search-hp-card-columns: 4; } } @container to-search-card-tracks (width > 1988px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 9; --to-search-hp-card-columns: 5; } } @container to-search-card-tracks (width > 2238px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 10; --to-search-hp-card-columns: 5; } } @container to-search-card-tracks (width > 2488px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 11; --to-search-hp-card-columns: 6; } } @container to-search-card-tracks (width > 2738px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 12; --to-search-hp-card-columns: 6; } } @container to-search-card-tracks (width > 2988px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 13; --to-search-hp-card-columns: 7; } } @container to-search-card-tracks (width > 3238px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 14; --to-search-hp-card-columns: 7; } } @container to-search-card-tracks (width > 3488px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 15; --to-search-hp-card-columns: 8; } } @container to-search-card-tracks (width > 3738px) { :is(#snackys-tpl, html) .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap { --to-search-card-columns: 16; --to-search-hp-card-columns: 8; } } @media (max-width: 575.98px) { :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-grid-wrap, :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-hp-column, :is(#snackys-tpl, html) .to-search-modal .to-search-board.is-continuous.is-maximal-fill .to-search-fallback-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { :is(#snackys-tpl, html) .to-search-printer-tab-body { --to-search-printer-list-max-height: calc(200px - var(--spacing-4, 16px) * 2); max-height: 200px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; } } /**/ @media (max-width: 575.98px) and (any-pointer: coarse) { :is(#snackys-tpl, html) .to-search-printer-tab-body { padding-top: 0 !important; padding-bottom: 0 !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) { height: auto !important; max-height: none !important; min-width: 0; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) > .to-search-printers { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; max-height: min(var(--to-search-printer-list-max-height, 360px), 45dvh) !important; height: auto !important; overflow-x: hidden !important; overflow-y: auto !important; scroll-snap-type: none !important; touch-action: pan-y; gap: 0; padding: var(--spacing-2, 8px) 0; scrollbar-width: none; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) .to-search-printer { display: grid !important; grid-template-columns: 30px minmax(0, 1fr) auto !important; grid-template-rows: auto !important; grid-template-areas: none !important; row-gap: 0; align-items: center !important; column-gap: var(--spacing-2, 8px); flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; padding: var(--spacing-1) var(--spacing-2) !important; transform: none !important; box-sizing: border-box; text-align: left; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) .to-search-printer > .to-search-printer__brand { display: none; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) .to-search-printer:has(+ .to-search-printer) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) .to-search-printer + .to-search-printer { border-top-width: 1px; border-top-left-radius: 0; border-top-right-radius: 0; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) .to-search-printer__image { grid-column: 1; grid-row: 1; width: 30px !important; height: 30px !important; min-height: 0 !important; margin: 0 !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) .to-search-printer__name { grid-column: 2; grid-row: 1; margin: 0 !important; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) .to-search-printer__cta { grid-column: 3; grid-row: 1; align-self: center !important; justify-self: end; min-width: 0 !important; width: auto !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label { --to-search-list-label-color: var(--color-neutral); position: relative !important; display: flex !important; flex: 0 0 auto !important; flex-direction: row !important; align-items: center !important; gap: var(--spacing-2, 8px); width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 40px !important; padding: var(--spacing-2, 8px) !important; margin: 0 0 var(--spacing-2, 8px) !important; box-sizing: border-box; white-space: nowrap; transform: none !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label:is(.to-search-group-label--article, .to-search-group-label--type.is-active) { --to-search-list-label-color: var(--to-search-green); } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label--model { --to-search-list-label-color: var(--color-secondary-50); } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label--custom { --to-search-list-label-color: var(--color-primary-100); } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label__value { display: flex; flex-direction: row; align-items: center; min-width: 0; gap: var(--spacing-1, 4px); margin: 0; } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label__title, .to-search-group-label__value, .to-search-group-label__hint) { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label__hint { flex: 1; min-width: 0; margin: 0; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label br { display: none; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label__action { flex: 0 0 auto; margin: 0 0 0 auto; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label--type.is-active, :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printer-next-category { justify-content: space-between; align-items: center !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label--type.is-active, .to-search-printer-next-category) > .to-search-group-label__title { flex: 0 1 auto; width: auto; min-width: 0; max-width: none; text-align: left; align-self: center; line-height: 1; } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label--type.is-active, .to-search-printer-next-category) > .to-search-group-label__value { flex: 0 1 auto; width: auto; max-width: 50%; margin-left: auto; justify-content: flex-end; text-align: right; align-self: center; font-size: var(--font-size-h5, 24px); line-height: 1; } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label--type.is-active, .to-search-printer-next-category) .to-search-group-label__number { display: flex; align-items: center; width: auto; margin: 0; line-height: 1; } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label--type.is-active, .to-search-printer-next-category) .to-search-group-label__number-track { display: flex; align-items: center; line-height: 1; } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label--type.is-active, .to-search-printer-next-category) .to-search-group-label__number strong { display: block; margin: 0; padding: 0; font-size: inherit; line-height: 1; } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label--type.is-active, .to-search-printer-next-category) :is(.to-search-group-label__brand, .to-search-printer-next-category__logo) { display: block; flex: 0 0 auto; width: auto; height: 1em; max-width: 3em; margin: 0; object-fit: contain; align-self: center; font-size: inherit; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label--type.is-active .to-search-group-label__brand { filter: brightness(0) invert(1); } :is(#snackys-tpl, html) #to-search-printer-tabpanel :is(.to-search-group-label--type.is-active, .to-search-printer-next-category) :is(.to-search-group-label__hint, .to-search-group-label__action) { display: none !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printer-next-category { margin-top: var(--spacing-3) !important; margin-bottom: 0 !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printer-next-category > .to-search-group-label__value > .to-search-printer-next-category__arrows { display: block !important; align-self: center; flex: 0 0 28px; width: 28px; height: 28px; overflow: visible; transform: none; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printer-next-category > .to-search-group-label__value { overflow: visible; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printer-next-category__arrows > span { box-sizing: border-box; left: 5px; top: calc(50% - 5px); width: 10px; height: 10px; transform: rotate(-45deg); animation-name: to-search-next-chevron-inline; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printer-next-category__arrows > span:last-child { left: 13px; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label::after { content: ''; display: block; top: 100%; left: 50%; right: auto; margin: 0; border: 8px solid transparent; border-top-color: var(--to-search-list-label-color); border-bottom-width: 0; transform: translateX(-50%); } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printer-next-category::after { content: none; display: none !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) > :is(.to-search-prev, .to-search-next, .to-search-swipe), :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured)::before, :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured)::after { display: none !important; } } @keyframes to-search-next-chevron-inline { 0%, 100% { opacity: 0; transform: rotate(-45deg) translate(-2px, -2px); } 40%, 60% { opacity: 1; transform: rotate(-45deg) translate(0, 0); } } #snackys-tpl .to-search-group-label, html .to-search-group-label { border-radius: var(--border-radius-sm); } @media (max-width: 767px) { #snackys-tpl .to-search-group-label, html .to-search-group-label { border-radius: var(--border-radius-xs); } } @media (max-width: 767px) { :is(#snackys-tpl, html) .to-search-printer-next-category__kind { display: none; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-group-label > .to-search-group-label__value { font-size: var(--font-size-h6, 20px); } :is(#snackys-tpl, html) .to-search-overlay.has-printers:not(.has-products):not(.has-featured) .to-search-printer-tab-body:has(> .to-search-printers-wrap.is-series-only) { max-height: none; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap.is-series-only:not(.is-featured) > .to-search-printers { max-height: none !important; height: 100% !important; } :is(#snackys-tpl, html) .to-search-printers-wrap.is-series-only .to-search-printer__name, :is(#snackys-tpl, html) .to-search-printers-wrap.is-series-only .to-search-printer__name-track, :is(#snackys-tpl, html) .to-search-printers-wrap.is-series-only .to-search-printer__name-text { text-align: center !important; justify-content: center; margin-inline: auto !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap.is-series-only .to-search-printer__cta { min-width: 100px !important; } :is(#snackys-tpl, html) .to-search-overlay .to-search-main.has-sticky-printer-scroll.has-pinned-printer-tabs.has-vertical-overflow.is-printer-tabs-scrolled { padding-bottom: 0 !important; } #snackys-tpl .to-search-overlay.is-initial-loading .to-search-modal, html .to-search-overlay.is-initial-loading .to-search-modal { padding: var(--spacing-2); } #snackys-tpl .to-search-initial-skeleton__heading, html .to-search-initial-skeleton__heading { margin: 0 0 var(--spacing-6) !important; } :is(#snackys-tpl, html) .to-search-initial-skeleton__heading-ending { display: block; } #snackys-tpl .to-search-initial-skeleton__status, html .to-search-initial-skeleton__status { margin: var(--spacing-6) 0 0 !important; } } @media (any-pointer: coarse) { :is(#snackys-tpl, html) .to-search-printers-wrap.is-series-only .to-search-printer__name, :is(#snackys-tpl, html) .to-search-printers-wrap.is-series-only .to-search-printer__name-track, :is(#snackys-tpl, html) .to-search-printers-wrap.is-series-only .to-search-printer__name-text { text-align: left !important; justify-content: flex-start; margin-inline: 0 !important; } } /**/ :is(#snackys-tpl, html) .to-search-summary-sidebar .to-search-summary-cycle__query { display: inline-flex; align-items: baseline; text-overflow: clip; } :is(#snackys-tpl, html) .to-search-summary-sidebar .to-search-summary-cycle__query-view { display: inline-block; flex: 0 0 auto; overflow: hidden; white-space: nowrap; } :is(#snackys-tpl, html) .to-search-summary-sidebar .to-search-summary-cycle__query-view.is-long-query { width: 8ch; } :is(#snackys-tpl, html) .to-search-summary-sidebar .to-search-summary-cycle__query-track { width: max-content; max-width: none; white-space: nowrap; text-transform: uppercase; } :is(#snackys-tpl, html) .to-search-summary-sidebar .to-search-summary-cycle__query-track.is-query-marquee { animation: to-search-summary-query-marquee var(--summary-query-duration, 5s) ease-in-out infinite; } /**/ :is(#snackys-tpl, html) input[popover="manual"]:popover-open:is(#search-header, #search-header-mobile-fixed, #to-home-search-input, #to-clp-quick-search-input, [data-to-home-search-input], [data-to-clp-quick-input])::-webkit-search-cancel-button, :is(#snackys-tpl, html) input[popover="manual"]:popover-open:is(#search-header, #search-header-mobile-fixed, #to-home-search-input, #to-clp-quick-search-input, [data-to-home-search-input], [data-to-clp-quick-input])::-webkit-search-decoration { display: none; -webkit-appearance: none; } @keyframes to-search-summary-query-marquee { 0%, 15%, 100% { transform: translateX(0); } 50%, 65% { transform: translateX(var(--summary-query-shift, 0px)); } } @media (prefers-reduced-motion: reduce) { :is(#snackys-tpl, html) .to-search-summary-sidebar .to-search-summary-cycle__query-track.is-query-marquee { animation: none; } } @media (any-pointer: coarse) { :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap:not(.is-featured) > .to-search-printers { padding-bottom: var(--spacing-3) !important; } :is(#snackys-tpl, html) #to-search-printer-tabpanel .to-search-printers-wrap.is-series-only:not(.is-featured) > .to-search-printers { padding-top: 0 !important; } }