.cf-section{--cf-accent: #000000;--cf-accent-hover: #7a5228;--cf-border: #ccc;--cf-radius-pill: 1rem;--cf-radius-img: 50%;--cf-gap: 1.5rem;--cf-columns: 4;--cf-transition: .3s ease;max-width:var(--page-width, 1440px);margin-inline:auto;padding-block:var(--section-padding-top, 2rem) var(--section-padding-bottom, 2rem)}.cf-tabs-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:1.25rem}.cf-tabs-wrapper::-webkit-scrollbar{display:none}.cf-tabs{display:flex;gap:.625rem;justify-content:center;min-width:max-content;padding-bottom:.25rem}.cf-tab{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;height:auto;padding:.5rem 1.25rem;background:transparent;border:1.5px solid transparent;border-radius:var(--cf-radius-pill);cursor:pointer;font-size:1.5rem;font-weight:500;color:#444;white-space:nowrap;transition:var(--cf-transition);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cf-tab:hover{border-color:#dddd;color:var(--cf-accent)}.cf-tab.is-active{color:var(--cf-accent);font-weight:500}.cf-tab.is-active .cf-tab__label{position:relative}.cf-tab.is-active .cf-tab__label:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--cf-accent);border-radius:1px}.cf-tab__img-wrap{display:block;width:11rem;aspect-ratio:1/1;border-radius:var(--cf-radius-img);overflow:hidden;border:2px solid transparent;transition:var(--cf-transition)}.cf-tab.is-active .cf-tab__img-wrap,.cf-tab:hover .cf-tab__img-wrap{border-color:var(--cf-accent)}.cf-tab__img-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:left}.cf-tag-bar{display:flex;flex-wrap:wrap;gap:1rem .75rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.cf-tag{padding:.45rem 1rem;border:1.5px solid var(--cf-border);border-bottom-width:1.75px;border-radius:var(--cf-radius-pill);font-size:1.4rem;letter-spacing:.2px;transition:var(--cf-transition);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cf-tag:hover{border-color:var(--cf-accent);color:var(--cf-accent)}.cf-tag.is-active{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}.cf-tag.is-active:after{content:"\d7";font-size:2rem;opacity:.8}.cf-tag[data-tag=""].is-active:after{display:none}.cf-grid{display:grid;grid-template-columns:repeat(var(--cf-columns),minmax(0,1fr));gap:var(--cf-gap)}@media screen and (max-width:989px){.cf-grid{--cf-columns: 3}}@media screen and (max-width:749px){.cf-grid{--cf-columns: 2;gap:1rem}.cf-tab{padding-inline:.4rem}}@media screen and (max-width:564px){.cf-tab__img-wrap{width:8rem}.cf-tag-bar{flex-wrap:nowrap;justify-content:start;overflow-x:auto}}.cf-empty{text-align:center;padding:4rem 1rem;grid-column:1 / -1}.cf-section.is-loading .cf-grid:before{content:"";grid-column:1 / -1;display:block;height:2px;background:linear-gradient(90deg,var(--cf-border) 25%,var(--cf-accent) 50%,var(--cf-border) 75%);background-size:200% 100%;animation:cf-shimmer 1.2s infinite linear;border-radius:1px;opacity:.6}@keyframes cf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/tab-filter.css.map */