.multistateslider{width:100%}.multistateslider__container{background-color:#ffa8771a;border-radius:9999px;gap:.25rem;max-width:fit-content;padding:.25rem;display:flex;position:relative}.multistateslider__slider{background-color:var(--color-primary);opacity:0;z-index:1;border-radius:9999px;position:absolute;top:.25rem;bottom:.25rem;box-shadow:0 2px 4px #0000001a}.multistateslider__slider--show{opacity:1;transition:opacity .2s ease-in-out,left .3s ease-in-out,width .3s ease-in-out}.multistateslider__slider--show--initial{transition:opacity .2s ease-in-out,left,width}.multistateslider__item{z-index:2;cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.multistateslider__item:hover{color:var(--color-text);background-color:#ffa8771a}.multistateslider__item--active{color:var(--color-text)}.multistateslider__item--active:hover{color:var(--color-text);background-color:#0000}