.rp-switch-view{--rp-switch-view-background:#343434;--rp-switch-view-active-background:#f5f5f5;--rp-switch-view-active-color:#353535;--rp-switch-view-inactive-color:#f5f5f5;--rp-switch-view-height:40px;--rp-switch-view-icon-size:16px;align-items:stretch;background:var(--rp-switch-view-background);border-radius:calc(var(--rp-switch-view-height)/2);height:var(--rp-switch-view-height);isolation:isolate;padding:2px}.rp-switch-view,.rp-switch-view__option{box-sizing:border-box;display:inline-flex;overflow:hidden}.rp-switch-view__option{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:calc((var(--rp-switch-view-height) - 4px)/2);color:var(--rp-switch-view-inactive-color);-moz-column-gap:0;column-gap:0;cursor:pointer;font:inherit;height:100%;justify-content:flex-start;margin:0;min-width:44px;padding:0 14px;transition:padding .18s ease-out,column-gap .18s ease-out,background-color .18s ease-out,color .18s ease-out;transition:padding .18s ease-out,column-gap .18s ease-out,background-color .18s ease-out,color .18s ease-out,-moz-column-gap .18s ease-out;white-space:nowrap}.rp-switch-view__option:focus-visible{outline:2px solid currentColor;outline-offset:-5px}.rp-switch-view__option.is-active{background:var(--rp-switch-view-active-background);color:var(--rp-switch-view-active-color);-moz-column-gap:10px;column-gap:10px}.rp-switch-view__option.is-active .rp-switch-view__label{grid-template-columns:1fr;opacity:1;transform:translate(0)}.rp-switch-view__icon{background-color:currentColor;display:block;flex:0 0 var(--rp-switch-view-icon-size);height:var(--rp-switch-view-icon-size);mask:var(--rp-switch-view-icon-src) center/contain no-repeat;-webkit-mask:var(--rp-switch-view-icon-src) center/contain no-repeat;width:var(--rp-switch-view-icon-size)}.rp-switch-view__label{display:grid;grid-template-columns:0fr;min-width:0;opacity:0;transform:translate(-4px);transition:grid-template-columns .18s ease-out,opacity .12s ease-out,transform .18s ease-out}.rp-switch-view__label-text{font-family:Satoshi,sans-serif;font-size:12px;font-weight:500;min-width:0;overflow:hidden}.rp-switch-view.is-disabled{opacity:.55}.rp-switch-view.is-disabled .rp-switch-view__option{cursor:not-allowed}@media (hover:hover) and (pointer:fine){.rp-switch-view:not(.is-disabled) .rp-switch-view__option:hover{-moz-column-gap:10px;column-gap:10px;padding:0 14px}.rp-switch-view:not(.is-disabled) .rp-switch-view__option:hover .rp-switch-view__label{grid-template-columns:1fr;opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.rp-switch-view__label,.rp-switch-view__option{transition:none}}