@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.ctpl-toolbar-figma-wrap{--ctf-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ctf-bg: #f3f3f3;--ctf-surface: #ffffff;--ctf-border: #e4e4e4;--ctf-accent: #ffd600;--ctf-text: #0d0d0d;--ctf-muted: #7c7c7c;--ctf-radius-outer: 14px;--ctf-radius-inner: 10px;--ctf-radius-pill: 4px;margin-bottom:1.25rem;font-family:var(--ctf-font)}.ctpl-toolbar-figma-wrap .filters-toolbar.filters-toolbar--figma{margin:0;padding:0;background:transparent;border:none;box-shadow:none}.collection-sidebar-filters-figma-wrap .collapsed-block{border:solid #0D0D0D!important;border-width:1px 1px 1px 1px!important}.template-collection #narrow-by-list .filter-tags>div dd{margin:0!important;padding-bottom:10px!important}.template-collection .collection-sidebar-filters-figma-wrap #narrow-by-list .filter-tags dd ol li,.template-collection .collection-sidebar-filters-figma-wrap .collapsed-block dd ol li,.collection-sidebar-filters-figma-wrap .filter-figma-radio-row{padding:0!important}.template-collection #narrow-by-list dd ol li label{line-height:28px!important}.main-div-figma{padding-top:60px!important}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;min-height:56px;padding:12px 18px;background:var(--ctf-bg);border:1px solid var(--ctf-border);border-radius:var(--ctf-radius-outer);font-family:var(--ctf-font)}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__count{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--ctf-font);font-size:var(--ctf-count-fs, 15px);font-weight:500;color:var(--ctf-muted);line-height:1.3}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__count-bar{display:block;width:4px;align-self:stretch;min-height:22px;border-radius:var(--ctf-radius-pill);background:var(--ctf-accent);flex-shrink:0}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__count strong{font-weight:700;color:var(--ctf-text)}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__right{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-inline-start:auto}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__sort-wrap{display:flex;align-items:center}.collection-filters-figma__intro-title{font-size:18px!important;font-weight:700!important}.collection-filters-figma__intro-sub{margin:0;font-size:12px!important}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__select,.ctpl-toolbar-figma-wrap .filters-toolbar--figma__sort-wrap .filters-toolbar-sort{min-width:160px;max-width:220px;height:var(--ctf-view-btn, 40px);padding:0 36px 0 14px;margin:0;font-family:var(--ctf-font);font-size:var(--ctf-sort-fs, 14px);font-weight:500;color:var(--ctf-text);background-color:var(--ctf-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237c7c7c' d='M1.4 0 6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;border:1px solid var(--ctf-border);border-radius:var(--ctf-radius-inner);box-shadow:none;appearance:none;-webkit-appearance:none;cursor:pointer}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__select:focus,.ctpl-toolbar-figma-wrap .filters-toolbar--figma__sort-wrap .filters-toolbar-sort:focus{outline:2px solid var(--ctf-accent);outline-offset:1px}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__sep{display:inline-block;width:1px;height:28px;margin:0 2px;background:var(--ctf-border);flex-shrink:0}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__sort-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__sort-hidden label,.ctpl-toolbar-figma-wrap .filters-toolbar--figma__sort-hidden select{position:absolute;left:-9999px}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__views{display:flex;align-items:center;gap:10px}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__view-toggle{display:inline-flex;align-items:center;gap:0;padding:4px;background:var(--ctf-surface);border:1px solid var(--ctf-border);border-radius:var(--ctf-radius-inner)}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .open-fiter{display:inline-flex;align-items:center;gap:6px;margin:0;margin-inline-end:4px;padding:0 12px;height:40px;line-height:1;border-radius:var(--ctf-radius-inner);font-family:var(--ctf-font);font-size:.8125rem;font-weight:600;background:var(--ctf-surface)!important;color:var(--ctf-text)!important;border:1px solid var(--ctf-border)!important;box-shadow:none!important}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .open-fiter:hover{background:#0000000a!important;color:var(--ctf-text)!important}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode{display:inline-flex;align-items:center;justify-content:center;width:var(--ctf-view-btn, 40px);height:var(--ctf-view-btn, 40px);margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ctf-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode svg{width:var(--ctf-icon-size, 18px);height:var(--ctf-icon-size, 18px);fill:currentColor}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode svg path{fill:currentColor}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode .filters-toolbar--figma__view-img{width:var(--ctf-icon-size, 18px);height:var(--ctf-icon-size, 18px);object-fit:contain;display:block}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode:hover,.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode:focus{outline:none;color:var(--ctf-text);background:#0000000a}.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode.active,.ctpl-toolbar-figma-wrap .filters-toolbar--figma .changeViewMode.active:hover{background:var(--ctf-accent);color:var(--ctf-text)}@media(max-width:575px){.ctpl-toolbar-figma-wrap .filters-toolbar--figma__inner{flex-direction:column;align-items:stretch}.ctpl-toolbar-figma-wrap .filters-toolbar--figma__right{margin-inline-start:0;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/collection-toolbar-figma.css.map */