.spinshare-segment-slider{--segment-count:2;--segment-index:0;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));background:linear-gradient(180deg, #064e3b29 0%, #064e3b0a 100%), linear-gradient(180deg, var(--surface-segment-track-top) 0%, var(--surface-segment-track-bottom) 100%);isolation:isolate;border-radius:14px;gap:6px;padding:6px;display:grid;position:relative;box-shadow:inset 0 2px 4px #064e3b38,inset 0 6px 10px -4px #064e3b2e,inset 0 -1px #fff9,inset 0 1px #fff6,0 1px #ffffffb3}.dark .spinshare-segment-slider{box-shadow:inset 0 2px 4px #00000059,inset 0 6px 10px -4px #00000040,inset 0 -1px #ffffff0a,inset 0 1px #ffffff08}.spinshare-segment-slider:before{content:"";width:calc((100% - 12px - 6px * (var(--segment-count) - 1)) / var(--segment-count));background:linear-gradient(180deg, var(--surface-segment-thumb-top) 0%, var(--surface-segment-thumb-bottom) 100%);z-index:0;pointer-events:none;transform:translateX(calc(var(--segment-index) * (100% + 6px)));border-radius:10px;transition:transform .24s cubic-bezier(.32,.72,.24,1),box-shadow .24s;position:absolute;top:6px;bottom:6px;left:6px;box-shadow:inset 0 1px #fff,inset 0 -1px #064e3b14,0 1px 2px #064e3b24,0 4px 10px -2px #064e3b38,0 10px 24px -8px #064e3b47}.dark .spinshare-segment-slider:before{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000040,0 1px 2px #0000004d,0 4px 10px -2px #00000059}.spinshare-segment-slider__option{z-index:1;min-height:2.75rem;color:var(--text-segment);border-radius:10px;justify-content:center;align-items:center;gap:.375rem;padding:0 .5rem;font-size:.8125rem;font-weight:800;transition:color .18s;display:flex;position:relative}.spinshare-segment-slider__option:hover{color:var(--text-segment-hover)}.spinshare-segment-slider__option--active{color:var(--text-segment-active)}.spinshare-segment-slider--compact .spinshare-segment-slider__option{letter-spacing:.02em;min-height:2.25rem;font-size:.6875rem}.spinshare-segment-slider--mini{border-radius:10px;gap:3px;padding:3px}.spinshare-segment-slider--mini:before{width:calc((100% - 6px - 3px * (var(--segment-count) - 1)) / var(--segment-count));transform:translateX(calc(var(--segment-index) * (100% + 3px)));border-radius:7px;top:3px;bottom:3px;left:3px}.spinshare-segment-slider--mini .spinshare-segment-slider__option{letter-spacing:.05em;border-radius:7px;min-height:1.625rem;padding:0 .5rem;font-size:.625rem;font-weight:800}@keyframes spinshare-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes spinshare-modal-sheet-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.spinshare-modal-dialog[open],.spinshare-modal-dialog[open]::backdrop{animation:.32s spinshare-modal-backdrop-in}.spinshare-modal-sheet{animation:.42s cubic-bezier(.32,.72,.24,1) spinshare-modal-sheet-in}@media (min-width:640px){@keyframes spinshare-modal-sheet-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}}
