.pill-list{align-items:stretch;gap:4px;height:100%;margin:0;padding:0;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{color:#000;box-sizing:border-box;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;height:100%;padding:8px 16px;font-size:14px;font-weight:900;line-height:0;text-decoration:none;transition:opacity .2s;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{z-index:1;pointer-events:none;will-change:transform;background:#000;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill .label-stack{z-index:2;height:14px;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;display:inline-block;position:relative}.pill .pill-label-hover{color:#fff;z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{content:"";z-index:4;background:#000;border-radius:50px;width:6px;height:6px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pill:hover.is-active:after{background:#fff}
.dot-field-container{width:100%;height:100%;position:relative}