.sf-dots{display:inline-flex;align-items:center;justify-content:center;gap:8px}.sf-dots--overlay{padding:0;border-radius:0;background:transparent;backdrop-filter:none}.sf-dots--minimal{gap:7px;width:-moz-max-content;width:max-content;flex:0 0 auto;position:relative;z-index:1;--sf-minimal-dot-color:rgba(37,99,235,.72);--sf-minimal-dot-hover-color:rgba(29,78,216,.9);--sf-minimal-dot-active-color:#1d4ed8;--sf-minimal-dot-border-color:hsla(0,0%,100%,.92)}.sf-dot--minimal{width:26px;min-width:26px;height:var(--sf-dot-hit-height,22px);min-height:var(--sf-dot-hit-height,22px);background:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;touch-action:manipulation}.sf-dot--minimal:after{content:"";width:10px;height:10px;border-radius:999px;box-sizing:border-box;background:var(--sf-minimal-dot-color);border:1px solid var(--sf-minimal-dot-border-color);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);opacity:1;transition:width .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease}.sf-dot--minimal:hover:after{background:var(--sf-minimal-dot-hover-color)}.sf-dot--minimal.active,.sf-dot--minimal[aria-current=true],.sf-dot--minimal[aria-pressed=true]{width:26px;min-width:26px;background:transparent}.sf-dot--minimal.active:after,.sf-dot--minimal[aria-current=true]:after,.sf-dot--minimal[aria-pressed=true]:after{width:26px;height:10px;background:var(--sf-minimal-dot-active-color);border-color:var(--sf-minimal-dot-border-color)}