.finance-toggle{--w:56px;--h:28px;--gap:4px;--thumb:calc(var(--h) - var(--gap)*2);--track-off:var(--mud-palette-action-disabled-background);--track-gradient-1:var(--mud-palette-primary-darken);--track-gradient-2:var(--mud-palette-primary);--track-gradient-3:var(--mud-palette-secondary);--thumb-bg:var(--mud-palette-white,#fff);--label-col:var(--mud-palette-text-secondary);width:var(--w);height:var(--h);border-radius:calc(var(--h)/2);cursor:pointer;user-select:none;display:inline-block;position:relative}.finance-toggle__input{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.finance-toggle__track{border-radius:inherit;background:var(--track-off);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 3px 6px #00000059}.finance-toggle__track:after{content:"";background:linear-gradient(130deg,var(--track-gradient-1),var(--track-gradient-2),var(--track-gradient-3));opacity:0;background-size:250% 250%;transition:opacity .35s;position:absolute;inset:0}.finance-toggle__label{letter-spacing:.5px;color:var(--label-col);text-shadow:0 1px #000;pointer-events:none;font-size:.55rem;font-weight:600;transition:opacity .25s;position:absolute;top:50%;transform:translateY(-50%)}.finance-toggle__label--off{opacity:1;left:8px}.finance-toggle__label--on{opacity:0;right:8px}.finance-toggle__thumb{top:var(--gap);left:var(--gap);width:var(--thumb);height:var(--thumb);background:var(--thumb-bg);border-radius:50%;transition:left .35s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 4px 8px #00000073}.finance-toggle__thumb:after{content:"";background:var(--mud-palette-surface);border-radius:50%;position:absolute;inset:4px;box-shadow:inset 0 0 3px #00000026}@keyframes finance-gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.finance-toggle__input:checked+.finance-toggle__track:after{opacity:1;animation:6s infinite finance-gradientMove}.finance-toggle__input:checked~.finance-toggle__thumb{left:calc(100% - var(--thumb) - var(--gap))}.finance-toggle__input:checked+.finance-toggle__track .finance-toggle__label--on{opacity:1}.finance-toggle__input:checked+.finance-toggle__track .finance-toggle__label--off{opacity:0}.finance-toggle__input:focus-visible+.finance-toggle__track{outline:3px solid var(--track-gradient-3);outline-offset:3px}.finance-toggle-wrapper{cursor:pointer;align-items:center;gap:.5rem;margin:.25rem 0;display:inline-flex}.finance-toggle-wrapper .finance-toggle-label{user-select:none;font-size:.9rem}.finance-toggle-wrapper.finance-toggle--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}