.co-main-collection-tabs-title{padding-top:40px;display:grid;grid-template-columns:1fr max-content 1fr;align-items:center}.co-main-collection-tabs-title h1{text-align:center;grid-column:2 / 3;padding-bottom:40px;padding-top:40px}.co-main-collection-tabs-illustration{grid-column:3 / 4;max-width:300px;margin-right:auto}.co-main-collection-tabs{display:block;padding-block-end:var(--padding-block-end)}.co-main-collection-tabs__controls{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:20px;margin-bottom:20px}.co-main-collection-tabs__search{position:relative;display:flex;align-items:center;flex:0 1 320px}.co-main-collection-tabs__search-icon{position:absolute;inset-inline-start:14px;display:inline-flex;color:var(--co-grey, #8c8c82);pointer-events:none}.co-main-collection-tabs__filter-wrapper{display:flex;justify-content:flex-end;align-items:center}.co-main-collection-tabs__search-icon svg,.co-main-collection-tabs__filter-icon svg{width:18px;height:18px;display:block}.co-main-collection-tabs__search-input{width:100%;font:inherit;color:inherit;padding:12px 36px 12px 42px;border:1px solid transparent;border-radius:4px;background:transparent}.co-main-collection-tabs__search-clear{position:absolute;inset-inline-end:6px;background:transparent;border:0;padding:0 4px;font-size:20px;line-height:1;color:var(--co-grey, #666);cursor:pointer}.co-main-collection-tabs__tablist{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:center;column-gap:30px;row-gap:10px}.co-main-collection-tabs__tab{background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;font-size:48px;color:var(--co-grey);position:relative}.co-main-collection-tabs__tab[aria-selected=true],.co-main-collection-tabs__tab[data-has-results]{color:var(--co-black)}.co-main-collection-tabs__tab i{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--co-black);opacity:0;visibility:hidden}.co-main-collection-tabs__tab[aria-selected=true] i,.co-main-collection-tabs__tab[data-has-results] i{opacity:1;visibility:visible}.co-main-collection-tabs__filter{position:relative;display:flex;align-items:center;flex:0 1 auto;max-width:fit-content}.co-main-collection-tabs__filter-icon{position:absolute;inset-inline-start:12px;display:inline-flex;color:var(--co-grey, #8c8c82);pointer-events:none}.co-main-collection-tabs__filter-select{font:inherit;color:inherit;padding:12px 12px 12px 38px;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer}.co-main-collection-tabs__results{padding-inline-start:var(--padding-inline-start);padding-inline-end:var(--padding-inline-end)}.co-main-collection-tabs__grid{display:grid;grid-template-columns:var(--product-grid-columns-desktop, repeat(auto-fill, minmax(250px, 1fr)));gap:var(--product-grid-gap-desktop, 24px 16px);list-style:none;margin:0;padding:0}.co-main-collection-tabs__item[hidden]{display:none}.co-main-collection-tabs__empty{text-align:center;padding:40px 0}@media screen and (max-width:989px){.co-main-collection-tabs__tab{font-size:30px}}@media screen and (max-width:749px){.co-main-collection-tabs-title h1{font-size:46px}.co-main-collection-tabs__grid{grid-template-columns:repeat(2,1fr);gap:var(--product-grid-gap-mobile, 12px 12px)}.co-main-collection-tabs__controls{justify-content:center;grid-template-columns:1fr 1fr;grid-template-rows:auto}.co-main-collection-tabs__search,.co-main-collection-tabs__filter{flex-basis:100%}.co-main-collection-tabs__tab{font-size:24px}.co-main-collection-tabs__search{font-size:12px;grid-area:2 / 1 / 3 / 2}.co-main-collection-tabs__filter-select{font-size:12px;grid-area:2 / 2 / 3 / 3}.co-main-collection-tabs__tablist{grid-area:1 / 1 / 2 / 3}.co-main-collection-tabs-title{grid-template-columns:}.co-main-collection-tabs__tab i{bottom:-4px}}@media screen and (max-width:479px){.co-main-collection-tabs__grid,.co-main-collection-tabs-title{grid-template-columns:1fr}.co-main-collection-tabs-illustration{display:none}.co-main-collection-tabs-title{display:block;padding-top:20px}.co-main-collection-tabs-title h1{padding:20px 0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/co-styles-main-collection-tabs.css.map */