@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-995886d1],[data-v-995886d1]:before,[data-v-995886d1]:after,[data-v-995886d1]::backdrop{--tw-font-weight:initial}}}.cat-switch[data-v-995886d1]{background-color:var(--color-ziegler-light-grey,#f5f5f5);border-radius:100px;display:flex;position:relative}.cat-switch[data-v-995886d1]:after{background-color:var(--color-black,#000);color:var(--color-black,#000);content:"";z-index:0;border-radius:100px;width:50%;height:100%;transition:left .2s,color .2s;position:absolute;top:0;left:50%}.cat-switch.active-left-btn[data-v-995886d1]:after{left:0}.cat-switch__btn[data-v-995886d1]{width:50%;padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 2);color:var(--color-black,#000);z-index:1;background-color:#0000;border-radius:100px;font-size:1rem;display:block}.cat-switch__btn.active[data-v-995886d1]{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff)}.cat-switch__btn.active[data-v-995886d1]:after{left:0}@property --tw-font-weight{syntax:"*";inherits:false}