.tf-hero{background:var(--color-secondary-background, #1e7b9d);padding:46px 24px 54px;position:relative}.tf-hero--light{background:var(--color-body-background, #fafafa);border-top:1px solid var(--color-lines-borders, rgba(12,0,3,.3));border-bottom:1px solid var(--color-lines-borders, rgba(12,0,3,.3))}.tf-hero__inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}.tf-hero__heading{text-align:center;color:#fff;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 700);font-size:calc(26px * var(--font-heading-scale, 1.1));line-height:1.25;margin:0 0 8px}.tf-hero--light .tf-hero__heading{color:var(--color-base, #0c0003)}.tf-hero__heading svg{display:inline;vertical-align:middle;margin-left:6px;opacity:.7}.tf-hero__sub{text-align:center;color:#ffffffd9;font-size:var(--font-body2-size, 14px);margin:0 0 32px}.tf-hero--light .tf-hero__sub{color:var(--color-base, #0c0003);opacity:.65}.tf-card{background:#fff;border-radius:var(--radius, 3px);box-shadow:var(--shadow, 0px 4px 20px rgba(22,19,69,.13));display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-width:880px;margin:0 auto}.tf-hero--light .tf-card{border:1px solid var(--color-lines-borders, rgba(12,0,3,.3))}.tf-card__left{padding:28px 26px;border-right:1px solid var(--color-lines-borders, rgba(12,0,3,.15))}.tf-card__right{padding:28px 26px;background:var(--color-body-background, #fafafa)}.tf-card__title{font-size:16px;font-weight:var(--font-body-bold-weight, 700);color:var(--color-base, #0c0003);margin-bottom:20px;display:flex;align-items:center;gap:8px}.tf-card__title-icon{color:var(--color-accent-sec, #1e7b9d);flex-shrink:0}.tf-step{margin-bottom:14px}.tf-step__label{font-size:10px;font-weight:var(--font-body-bold-weight, 700);color:var(--color-accent-sec, #1e7b9d);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.tf-step__select{width:100%;padding:11px 36px 11px 12px;border:1px solid var(--color-lines-borders, rgba(12,0,3,.3));border-radius:var(--radius-input, 4px);font-size:var(--font-body2-size, 14px);color:var(--color-input-text, #0c0003);background-color:var(--color-input-background, #ffffff);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231e7b9d' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--duration-short, .2s) ease,box-shadow var(--duration-short, .2s) ease;font-family:inherit}.tf-step__select:hover{border-color:var(--color-accent-sec, #1e7b9d)}.tf-step__select:focus{border-color:var(--color-accent-sec, #1e7b9d);outline:none;box-shadow:0 0 0 3px #1e7b9d1f}.tf-step__select:disabled{opacity:.55;cursor:not-allowed}.tf-cta{width:100%;padding:13px 16px;background:var(--color-accent, #c72f4f);color:var(--auto-text-color-accent, #ffffff);border:none;border-radius:var(--radius-button, 4px);font-size:var(--font-body2-size, 14px);font-weight:var(--font-button-weight, 600);letter-spacing:.4px;cursor:pointer;transition:opacity var(--duration-short, .2s) ease,transform var(--duration-short, .2s) ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-family:inherit}.tf-cta:hover{opacity:.9;transform:scale(1.015)}.tf-cta svg{transition:transform var(--duration-medium, .3s) ease}.tf-cta:hover svg{transform:translate(4px)}.tf-search{position:relative;margin-bottom:20px}.tf-search__input{width:100%;padding:12px 48px 12px 42px;border:1px solid var(--color-lines-borders, rgba(12,0,3,.3));border-radius:var(--radius-input, 4px);font-size:13px;color:var(--color-input-text, #0c0003);background:var(--color-input-background, #ffffff);transition:border-color var(--duration-short, .2s) ease,box-shadow var(--duration-short, .2s) ease;font-family:inherit}.tf-search__input::placeholder{color:var(--color-base, #0c0003);opacity:.45}.tf-search__input:focus{border-color:var(--color-accent-sec, #1e7b9d);outline:none;box-shadow:0 0 0 3px #1e7b9d1f}.tf-search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--color-base, #0c0003);opacity:.45;pointer-events:none}.tf-search__btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--color-accent-sec, #1e7b9d);color:#fff;border:none;border-radius:var(--radius-input, 4px);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--duration-short, .2s) ease}.tf-search__btn:hover{opacity:.85}.tf-autocomplete{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-lines-borders, rgba(12,0,3,.3));border-radius:var(--radius, 3px);box-shadow:var(--shadow, 0px 4px 20px rgba(22,19,69,.13));z-index:50;margin-top:4px;max-height:320px;overflow-y:auto;display:none}.tf-autocomplete--visible{display:block}.tf-autocomplete__item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;text-decoration:none;color:var(--color-base, #0c0003);transition:background var(--duration-short, .15s) ease;border-bottom:1px solid var(--mobile-focus-color, rgba(12,0,3,.04))}.tf-autocomplete__item:last-child{border-bottom:none}.tf-autocomplete__item:hover{background:var(--mobile-focus-color, rgba(12,0,3,.04))}.tf-autocomplete__img{width:44px;height:44px;border-radius:var(--radius, 3px);object-fit:contain;background:var(--color-body-background, #fafafa)}.tf-autocomplete__info{flex:1;min-width:0}.tf-autocomplete__title{font-size:13px;font-weight:var(--font-body-bold-weight, 600);color:var(--color-base, #0c0003);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-autocomplete__price{font-size:13px;font-weight:var(--font-body-bold-weight, 700);color:var(--color-price, #1e7b9d)}.tf-autocomplete__none{padding:20px;text-align:center;color:var(--color-base, #0c0003);opacity:.5;font-size:13px}.tf-chips__label{font-size:12px;font-weight:var(--font-body-bold-weight, 600);color:var(--color-base, #0c0003);opacity:.55;margin-bottom:8px}.tf-chips__list{display:flex;flex-wrap:wrap;gap:7px}.tf-chip{padding:6px 12px;background:var(--color-input-background, #ffffff);border:1px solid var(--color-lines-borders, rgba(12,0,3,.3));border-radius:var(--radius-button, 4px);font-size:12px;color:var(--color-base, #0c0003);cursor:pointer;transition:border-color var(--duration-short, .2s) ease,color var(--duration-short, .2s) ease;text-decoration:none;display:inline-block}.tf-chip:hover{border-color:var(--color-accent-sec, #1e7b9d);color:var(--color-accent-sec, #1e7b9d)}.tf-brands{max-width:880px;margin:30px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.tf-brand{background:#fff;border:1px solid transparent;border-radius:var(--radius, 3px);padding:14px 6px 10px;text-align:center;cursor:pointer;transition:transform var(--duration-short, .2s) ease,box-shadow var(--duration-short, .2s) ease,border-color var(--duration-short, .2s) ease;text-decoration:none;display:block}.tf-hero--light .tf-brand{border-color:var(--color-lines-borders, rgba(12,0,3,.3))}.tf-brand:hover{transform:translateY(-2px);box-shadow:var(--shadow, 0px 4px 20px rgba(22,19,69,.13));border-color:var(--color-accent-sec, #1e7b9d)}.tf-brand__logo{font-size:17px;font-weight:var(--font-body-bold-weight, 800);margin-bottom:4px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-base, #0c0003)}.tf-brand__name{font-size:11px;font-weight:var(--font-body-bold-weight, 600);color:var(--color-base, #0c0003);opacity:.75}.tf-brand__count{font-size:10px;color:var(--color-accent-sec, #1e7b9d);margin-top:2px}.tf-brand__logo--img{height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.tf-brand__img{max-height:34px;max-width:100%;width:auto;object-fit:contain;display:block}.tf-results{max-width:880px;margin:26px auto 0}.tf-results__head{color:#fff;font-size:15px;font-weight:var(--font-body-bold-weight, 700);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tf-hero--light .tf-results__head{color:var(--color-base, #0c0003)}.tf-results__all{color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.tf-hero--light .tf-results__all{color:var(--color-text-link, #1e7b9d)}.tf-results__all:hover{opacity:.8}.tf-results__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tf-result{background:#fff;border:1px solid transparent;border-radius:var(--radius, 3px);padding:14px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:transform var(--duration-short, .2s) ease,box-shadow var(--duration-short, .2s) ease,border-color var(--duration-short, .2s) ease}.tf-hero--light .tf-result{border-color:var(--color-lines-borders, rgba(12,0,3,.3))}.tf-result:hover{transform:translateY(-2px);box-shadow:var(--shadow, 0px 4px 20px rgba(22,19,69,.13));border-color:var(--color-accent-sec, #1e7b9d)}.tf-result__img{width:100%;height:110px;object-fit:contain;background:var(--color-body-background, #fafafa);border-radius:var(--radius, 3px)}.tf-result__img--ph{display:flex;align-items:center;justify-content:center}.tf-result__img--ph svg{opacity:.6}.tf-result__title{font-size:13px;font-weight:var(--font-body-bold-weight, 600);color:var(--color-base, #0c0003);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-result__price{font-size:14px;font-weight:var(--font-body-bold-weight, 700);color:var(--color-price, #1e7b9d);margin-top:auto}@media(max-width:768px){.tf-hero{padding:32px 16px 40px}.tf-hero__heading{font-size:calc(21px * var(--font-heading-scale, 1.1))}.tf-hero__sub{font-size:13px;margin-bottom:22px}.tf-card{grid-template-columns:1fr}.tf-card__left{border-right:none;border-bottom:1px solid var(--color-lines-borders, rgba(12,0,3,.15));padding:22px 18px}.tf-card__right{padding:22px 18px}.tf-brands{grid-template-columns:repeat(4,1fr);gap:8px}.tf-brand{padding:10px 4px 8px}.tf-brand__logo{font-size:14px;height:22px}.tf-brand__logo--img{height:26px}.tf-brand__img{max-height:26px}.tf-brand__name{font-size:10px}.tf-results__grid{grid-template-columns:repeat(2,1fr);gap:8px}.tf-result{padding:10px}.tf-result__img{height:84px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/toner-finder.css.map */