.state-preview-toggle{display:inline-grid!important;place-items:center;width:26px;height:26px;min-width:26px;min-height:26px;flex:0 0 26px;padding:5px!important;border:1px solid #67978b55!important;border-radius:50%!important;background:#26353099!important;color:#91b7a9!important;cursor:pointer;box-shadow:none!important;vertical-align:middle;line-height:1}
.state-preview-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.state-preview-toggle[aria-pressed=true]{color:#9effe4!important;border-color:#83d9bd88!important;background:#22504480!important}
.state-preview-toggle:hover{color:#d2fff1!important;border-color:#8bdfc8!important}
.state-preview-toggle:focus-visible{outline:2px solid #80ead0;outline-offset:3px}
.df-binding-actions{gap:8px}
.df-flow{position:relative}
.df-flow>.state-preview-toggle{position:absolute;right:0;top:0;z-index:2}
.df-flow>.df-stepper{padding-right:37px}
.ui-reward>.state-preview-toggle{position:absolute;top:14px;right:14px;z-index:2}
.preview-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.preview-panel-heading>h2{margin-top:0}
.preview-panel-heading>.state-preview-toggle{margin-bottom:12px}
.ui-panel-heading>.state-preview-toggle,.bonus-overview-heading>.state-preview-toggle{margin-left:auto}
.preview-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}
.wheel-preview{position:relative}
.wheel-preview>.state-preview-toggle{position:absolute;right:0;top:57px;z-index:2}
.wheel-preview>.ui-wheel-intro{padding-right:34px}
.account-tabs{position:relative;padding-right:40px}
.account-tabs>.state-preview-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
@media(max-width:760px){.state-preview-toggle{width:28px;height:28px;min-width:28px;min-height:28px;flex-basis:28px}.df-binding-actions{gap:7px}.df-binding-row{position:relative}.df-binding-row .df-binding-actions{padding-right:32px}.df-binding-row .state-preview-toggle{position:absolute;right:0;top:14px}.ui-reward>.state-preview-toggle{top:11px;right:11px}}
@media(max-width:480px){.df-binding-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 6px;align-items:center}.df-binding-row>div:first-child{display:contents}.df-binding-row>div:first-child>strong{grid-column:1;grid-row:1}.df-binding-row>div:first-child>p{grid-column:1/-1;grid-row:2;max-width:none;padding-right:32px;margin-top:2px}.df-binding-row .df-binding-actions{grid-column:2;grid-row:1;padding-right:32px;min-width:0}.df-binding-row .state-preview-toggle{top:20px}}
@media(prefers-reduced-motion:reduce){.state-preview-toggle{transition:none!important}}