.tk-logos,.tk-logos.gradient{--tk-logos-ink: var(--tk-ink, #111827);--tk-logos-muted: var(--tk-muted, #4b5563);--tk-logos-line: var(--tk-line, rgba(17, 24, 39, .12));--tk-logos-ease: var(--tk-ease, cubic-bezier(.22, 1, .36, 1));--tk-logos-size: 64px;--tk-logos-cyan: #00bcd4;--tk-logos-yellow: #ffd100;position:relative;isolation:isolate;overflow:clip;background:transparent!important;background-image:none!important}.tk-logos__shell{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--tk-space-5, 24px)}.tk-logos__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.03em;color:rgb(var(--color-foreground));text-align:left}@media screen and (min-width:750px){.tk-logos__heading{text-align:center}}.tk-logos__viewport{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.tk-logos__track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--tk-space-4, 16px);width:100%;padding-block:var(--tk-space-1, 4px)}.tk-logos.is-marquee .tk-logos__track{justify-content:flex-start;flex-wrap:nowrap;width:max-content;animation:tk-logos-marquee var(--tk-logos-speed, 40s) linear infinite;will-change:transform}.tk-logos.is-marquee .tk-logos__viewport:hover .tk-logos__track,.tk-logos.is-marquee .tk-logos__viewport:focus-within .tk-logos__track,.tk-logos.is-marquee.is-paused .tk-logos__track{animation-play-state:paused}.tk-logos__item{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--tk-logos-size) * 1.85);height:var(--tk-logos-size);padding:calc(var(--tk-logos-size) * .18) calc(var(--tk-logos-size) * .28);text-decoration:none;color:#111827;border:1px solid rgba(17,24,39,.12);border-radius:var(--tk-radius-md, 8px);background:#fff;transition:border-color .2s var(--tk-logos-ease),box-shadow .2s var(--tk-logos-ease)}.tk-logos__item:hover,.tk-logos__item:focus-visible{border-color:rgba(var(--color-button),.45);box-shadow:var(--tk-shadow-sm, 0 1px 2px rgba(17, 24, 39, .06));outline:none}.tk-logos__item:focus-visible{box-shadow:var(--tk-focus-ring)}.tk-logos__item--static{cursor:default}.tk-logos__img{display:block;max-height:calc(var(--tk-logos-size) * .55);width:auto;max-width:calc(var(--tk-logos-size) * 2);object-fit:contain;transition:filter .2s var(--tk-logos-ease),opacity .2s var(--tk-logos-ease)}.tk-logos--grayscale .tk-logos__img{filter:grayscale(1) contrast(1.05);opacity:.85}.tk-logos--grayscale .tk-logos__item:hover .tk-logos__img,.tk-logos--grayscale .tk-logos__item:focus-visible .tk-logos__img{filter:none;opacity:1}.tk-logos--color .tk-logos__img{filter:none;opacity:1}.tk-logos__fallback{font-family:var(--font-heading-family);font-weight:700;font-size:calc(var(--tk-logos-size) * .28);letter-spacing:-.02em;white-space:nowrap}@keyframes tk-logos-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width:749px){.tk-logos{--tk-logos-size-mobile: calc(var(--tk-logos-size) * .72);--tk-logos-mobile-gap: .45rem}.tk-logos__track{justify-content:flex-start;flex-wrap:nowrap;width:max-content;gap:var(--tk-logos-mobile-gap);animation:none}.tk-logos.is-marquee .tk-logos__track{animation:none}.tk-logos__viewport{container-type:inline-size;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;mask-image:none;-webkit-mask-image:none}.tk-logos__item{flex:0 0 calc((100cqw - (3 * var(--tk-logos-mobile-gap))) / 4);width:calc((100cqw - (3 * var(--tk-logos-mobile-gap))) / 4);min-width:0;height:var(--tk-logos-size-mobile);padding:calc(var(--tk-logos-size-mobile) * .12) calc(var(--tk-logos-size-mobile) * .1);scroll-snap-align:start;box-sizing:border-box}.tk-logos__img{max-height:calc(var(--tk-logos-size-mobile) * .55);max-width:100%}}@media(prefers-reduced-motion:reduce){.tk-logos.is-marquee .tk-logos__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/toner-brand-logos.css.map */