.bb-color-filter-title{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;min-width:0;width:100%}.bb-color-query-switch{display:inline-flex;align-items:center;flex:0 0 104px;margin-left:auto;width:104px;height:42px;line-height:1;vertical-align:middle;user-select:none}.bb-color-query-button{appearance:none;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:104px;height:42px;padding:4px;margin:0;overflow:hidden;border:0;border-radius:10px;background:#9fb3cf;box-shadow:none;color:#1d2327;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;line-height:1;text-transform:none;transition:box-shadow .2s ease,background-color .2s ease}.bb-color-query-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:34px;opacity:0;transition:opacity .2s ease}.bb-color-query-switch[data-mode="or"] .bb-label-or{opacity:1}.bb-color-query-switch[data-mode="and"] .bb-label-and{opacity:1}.bb-color-query-thumb{position:absolute;z-index:2;top:4px;left:4px;width:44px;height:34px;border-radius:7px;background:#666;box-shadow:0 0 0 1px rgb(0 0 0 / .12);pointer-events:none;transition:transform .2s ease}.bb-color-query-switch[data-mode="or"] .bb-color-query-thumb{transform:translateX(52px)}.bb-color-query-switch[data-mode="and"] .bb-color-query-thumb{transform:translateX(0)}.bb-color-query-button:hover{background:#91a9c8}.bb-color-query-button:focus-visible{outline:2px solid #1d2327;outline-offset:2px}@media (max-width:360px){.bb-color-filter-title{align-items:flex-start;flex-direction:column;gap:8px}.bb-color-query-switch{margin-left:0}}