.motionrail-dots{--dot-size:34px;--dot-font-size:12px;--dot-bg:#8080804d;--dot-bg-hover:#80808080;--dot-bg-active:#666;--dot-bg-active-hover:#555;--dot-color:#999;--dot-color-active:#fff;z-index:10;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border-radius:24px;gap:8px;width:fit-content;max-width:calc(100% - 32px);margin:16px auto 0;padding:8px 12px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.motionrail-dots::-webkit-scrollbar{display:none}.motionrail-dot{min-width:var(--dot-size);min-height:var(--dot-size);width:var(--dot-size);height:var(--dot-size);background:var(--dot-bg);color:var(--dot-color);cursor:pointer;font-size:var(--dot-font-size);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}.motionrail-dot:hover{background:var(--dot-bg-hover);scale:1.1}.motionrail-dot:active{scale:.95}.motionrail-dot-active{background:var(--dot-bg-active);color:var(--dot-color-active)}.motionrail-dot-active:hover{background:var(--dot-bg-active-hover)}
/*$vite$:1*/