.c-tone-search{--container-width: 1600px;position:relative}.c-tone-search__wrapper--bg-iconic{background-image:var(--iconic-bg-image);background-size:cover;background-position:center}.c-tone-search__wrapper__inner{display:grid;gap:8px}@media (min-width: 1024px){.c-tone-search__wrapper__inner{grid-template-columns:repeat(2,1fr)}}.c-tone-search__header{display:grid;gap:8px}@media (min-width: 1024px){.c-tone-search__header{gap:24px}}@media (min-width: 1024px){.c-tone-search__header__text{display:grid;gap:8px}}.c-tone-search__header__text__description{display:none}@media (min-width: 1024px){.c-tone-search__header__text__description{display:block}}.c-tone-search__header__nav-pills{display:none}@media (min-width: 1024px){.c-tone-search__header__nav-pills{display:grid;align-items:center}}.c-tone-search__search-desktop{display:none}@media (min-width: 1024px){.c-tone-search__search-desktop{display:grid;align-items:center}}@media (min-width: 1024px){.c-tone-search__tabs{display:none}}.c-tone-search__tabs__list{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.c-tone-search__tabs__li{display:flex;justify-content:center;align-items:center}.c-tone-search__tabs__li:nth-child(1){--tab-radious: 0 2px 0 0}.c-tone-search__tabs__li:nth-child(2){--tab-radious: 2px 0 0 0}.c-tone-search__tabs__tab{--tab-bg-color: rgba(var(--color-white-rgb), .3);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;border-radius:0;cursor:pointer;position:relative;flex:1;border-radius:var(--tab-radious);background-color:transparent;transition:background-color .3s linear}.c-tone-search__tabs__tab.active{--tab-bg-color: var(--color-white)}.c-tone-search__tabs__tab__text{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--color-black);font-size:14px;font-weight:900;line-height:16px;text-transform:uppercase;padding:12px 8px;background-color:var(--tab-bg-color);transition:background-color .3s linear}.c-tone-search__tabs__tab--families.active{--tab-bg-color: var(--family-box-bg-color-rgb, var(--color-white));background-color:var(--color-white)}.iconic-family .c-tone-search__tabs__tab--families.active{--tab-bg-color: rgba(var(--color-white-rgb), .8);background-image:var(--iconic-bg-image);background-size:cover}.c-tone-search__tabs__tab--results.active{--tab-bg-color: var(--results-box-bg-color-rgb, var(--color-white));background-color:var(--color-white)}.c-tone-search__tabs__tab .icon{width:16px;height:16px}.c-tone-search__tab-content{display:grid;grid-template-areas:"box"}.c-tone-search__tab-content__inner{position:relative;z-index:1;margin-inline-start:max(50% - var(--container-width) / 2,var(--container-margin));margin-inline-end:max(50% - var(--container-width) / 2,var(--container-margin))}@media (min-width: 1024px){.c-tone-search__tab-content__inner{display:none}}.c-tone-search__tab-content__box{position:relative;grid-area:box;opacity:0;padding-block:40px 24px;transition:opacity .3s linear;display:grid;gap:40px}.c-tone-search__tab-content__box.active{opacity:1}.c-tone-search__tab-content__box--families{background-color:var(--family-box-bg-color-rgb, var(--color-white))}.iconic-family .c-tone-search__tab-content__box--families{background-color:transparent;background-image:var(--iconic-bg-image);background-size:cover}.iconic-family .c-tone-search__tab-content__box--families:before{content:"";background-color:rgba(var(--color-white-rgb),.8);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.c-tone-search__tab-content__box--results{background-color:var(--results-box-bg-color-rgb, var(--color-white))}.c-tone-search__content{position:relative;z-index:1}@media (min-width: 1024px){.c-tone-search__content{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:flex-end}}@media (min-width: 1200px){.c-tone-search__content{margin-inline-start:max(50% - var(--container-width) / 2,var(--container-margin));margin-inline-end:max(50% - var(--container-width) / 2,var(--container-margin))}}@media (min-width: 1400px){.c-tone-search__content{grid-template-columns:.8fr 1fr;gap:40px}}.c-tone-search__content__header{display:grid;gap:8px;padding-bottom:46px}@media (max-width: 1199px){.c-tone-search__content__header{margin-inline-start:max(50% - var(--container-width) / 2,var(--container-margin));margin-inline-end:max(50% - var(--container-width) / 2,var(--container-margin))}}.c-tone-search__content__header__caption{color:var(--color-black);font-size:16px;font-weight:400;line-height:20px;letter-spacing:.8px;text-transform:uppercase}.c-tone-search__content__header__title{color:var(--content-title-color, var(--results-box-text-color));font-size:64px;font-weight:900;line-height:64px;margin:0;text-transform:uppercase}@supports (-webkit-background-clip: text){.c-tone-search__content__header__title--iconic{background-image:var(--iconic-bg-image);color:transparent;background-clip:text;background-size:cover;-webkit-background-clip:text;-moz-background-clip:text;-moz-text-fill-color:transparent}}.c-tone-search__content__header__subtitle{font-weight:700}.c-tone-search__content__header__collection-title{color:var(--color-black);font-size:14px;font-weight:700;line-height:18px;letter-spacing:.28px;margin:0}.c-tone-search__grid{display:grid;gap:16px}@media (min-width: 768px){.c-tone-search__grid{gap:32px}}@media (min-width: 768px) and (max-width: 1199px){.c-tone-search__grid{margin-inline-start:max(50% - var(--container-width) / 2,var(--container-margin));margin-inline-end:max(50% - var(--container-width) / 2,var(--container-margin))}}.c-tone-search__grid__list{display:flex}@media (max-width: 767px){.c-tone-search__grid__list{padding-inline:max(50% - var(--container-width) / 2,var(--container-margin));overflow-x:auto;padding-block:8px;-ms-overflow-style:none;scrollbar-width:none!important;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;overflow-x:scroll;overflow-y:hidden}.c-tone-search__grid__list::-webkit-scrollbar{display:none}.c-tone-search__grid__list:after{content:"";display:block;width:max(50% - var(--container-width) / 2,var(--container-margin))}}@media (min-width: 1024px){.c-tone-search__grid__list{justify-content:flex-end}}@media (min-width: 1400px){.c-tone-search__grid__list{display:flex;justify-content:flex-end}}.c-tone-search__grid__products{--grid-products-size: 60px;display:inline-flex;gap:4px;list-style:none;margin:0;padding:0}@media (min-width: 1024px){.c-tone-search__grid__products{--grid-products-size: 96px}}.c-tone-search__grid__products__item{flex:1 1 var(--grid-products-size);max-width:var(--grid-products-size)}@media (max-width: 767px){.c-tone-search__grid__footer{text-align:right;padding-inline:max(50% - var(--container-width) / 2,var(--container-margin))}}@media (min-width: 1024px){.c-tone-search__grid__footer{display:flex;justify-content:flex-end}}@media (min-width: 1400px){.c-tone-search__grid__footer{text-align:right}}.c-tone-search__grid__footer--complex{display:flex;gap:24px;align-items:center;justify-content:space-between}@media (min-width: 768px){.c-tone-search__grid__footer--complex{justify-content:flex-start}}.c-tone-search__grid__footer--complex a{text-align:right}@media (min-width: 1024px){.c-tone-search__grid__footer__note{margin-left:auto}}.c-tone-search__search{display:grid;gap:12px}.c-tone-search__search__inner{position:relative;display:grid;gap:8px}.c-tone-search__search__label{color:var(--color-black);font-size:16px;font-weight:700;line-height:18px}.c-tone-search__search__input{background-color:var(--color-lightgray);border:0;border-radius:2px;padding:12px 16px;-moz-appearance:textfield}.c-tone-search__search__input::-webkit-input-placeholder{color:var(--color-gray)}.c-tone-search__search__input:-moz-placeholder{color:var(--color-gray)}.c-tone-search__search__input::-moz-placeholder{color:var(--color-gray)}.c-tone-search__search__input:-ms-input-placeholder{color:var(--color-gray)}.c-tone-search__search__input::-webkit-outer-spin-button,.c-tone-search__search__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.c-tone-search__search__suggestions{max-height:220px;overflow-y:auto;margin:0;padding:0;list-style:none;border:1px solid var(--color-lightgray);border-radius:2px;background-color:var(--color-white);position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:10;-moz-appearance:textfield}.c-tone-search__search__suggestions::-webkit-outer-spin-button,.c-tone-search__search__suggestions::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.c-tone-search__search__suggestions:empty{display:none}.c-tone-search__search__suggestions li{cursor:pointer;padding:12px 16px;display:flex;align-items:center;gap:12px;background-color:var(--color-white);transition:background-color .3s linear}.c-tone-search__search__suggestions li:hover{background-color:var(--color-lightgray)}.c-tone-search__search__suggestions li .tone-color{background-color:var(--tone-bg-color);width:20px;height:20px;border-radius:999em}.c-tone-search__search__suggestions li .tone-label{color:var(--color-black);font-size:14px;font-weight:400;line-height:18px;letter-spacing:.28px}.c-tone-search__search__note{color:var(--color-gray);font-size:14px;font-weight:400;line-height:18px;letter-spacing:.28px}@media (min-width: 1024px){.c-tone-search__search__note{color:var(--color-black)}}