.tgtp-filter-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--filter-buttons-gap, 8px)}.tgtp-filter-button{position:relative}.tgtp-filter-button__trigger{display:inline-flex;align-items:center;gap:6px;max-width:320px;padding:var(--filter-button-padding-y, 7px) var(--filter-button-padding-x, 12px);font-size:var(--filter-button-font-size, 14px);font-weight:var(--filter-button-font-weight, 400);line-height:1.2;color:var(--filter-button-fg, var(--tgtp-color-on-container, inherit));background:var(--filter-button-bg, var(--tgtp-color-container, transparent));border:var(--filter-button-border-width, 1px) solid var(--tgtp-color-outline, rgba(0, 0, 0, .2));border-radius:var(--filter-button-radius, 6px);cursor:pointer}.tgtp-filter-button__trigger.is-active{color:var(--tgtp-color-on-primary, #ffffff);background:var(--tgtp-color-primary, #000000);border-color:var(--tgtp-color-primary, #000000)}.tgtp-filter-button__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgtp-filter-button__chevron{flex-shrink:0;transition:transform .15s ease}.tgtp-filter-button__trigger[aria-expanded=true] .tgtp-filter-button__chevron{transform:rotate(180deg)}.tgtp-filter-button__popover{position:absolute;top:calc(var(--filter-button-border-width, 1px) * -1);left:calc(var(--filter-button-border-width, 1px) * -1);z-index:40;min-width:240px;max-width:320px;max-height:60vh;overflow-y:auto;padding:14px;background:var(--tgtp-color-surface, #ffffff);color:var(--tgtp-color-on-surface, #111111);border-radius:var(--filter-button-radius, 6px);box-shadow:0 6px 20px #00000024;opacity:0;transform:scale(.95);transform-origin:top left;visibility:hidden;pointer-events:none;transition:opacity .12s cubic-bezier(0,0,.2,1),transform .12s cubic-bezier(0,0,.2,1),visibility .12s cubic-bezier(0,0,.2,1)}.tgtp-filter-button__popover.is-open{opacity:1;transform:scale(1);visibility:visible;pointer-events:auto}.tgtp-filter-button__popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.tgtp-filter-button__popover-title{font-size:14px;font-weight:600}.tgtp-filter-button__popover-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:inherit;background:transparent;border:0;cursor:pointer;opacity:.7}.tgtp-filter-button__popover-close:hover{opacity:1}.tgtp-filter-button__popover-close svg{width:13px;height:13px}.tgtp-filter-button__actions{display:flex;gap:8px;margin-top:12px}.tgtp-filter-button__action{flex:1;padding:8px 10px;font:inherit;font-size:13px;text-align:center;cursor:pointer;border-radius:6px;border:1px solid var(--tgtp-color-outline, rgba(0, 0, 0, .2));background:transparent;color:var(--tgtp-color-on-surface, inherit)}.tgtp-filter-button__action--apply{color:var(--tgtp-color-on-primary, #fff);background:var(--tgtp-color-primary, #000);border-color:var(--tgtp-color-primary, #000)}.tgtp-filter-button__action:disabled{opacity:.45;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tgtp-filter-buttons.css.map */