.tooltip-toggle{-webkit-user-select:none;user-select:none;justify-content:center;height:40px;margin-top:30px;margin-bottom:24px;display:flex}@media (width>=375px){.tooltip-toggle{margin-top:40px}}@media (width>=768px){.tooltip-toggle{height:70px;margin-top:0}}.tooltip-toggle-wrapper{justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto;display:inline-flex;position:relative}@media (width>=768px){.tooltip-toggle-wrapper{gap:10px;width:auto}}.tooltip-toggle-left-button{border-radius:8px 0 0 8px}.tooltip-toggle-left-button:not(.active){border-right:0!important}.tooltip-toggle-right-button{border-radius:0 8px 8px 0}.tooltip-toggle-right-button:not(.active){border-left:0!important}.tooltip-toggle-button{cursor:pointer;font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-sm);color:var(--text-secondary);line-height:150%;font-size:var(--font-size-md);text-align:center;border:1px solid var(--stroke-light);flex:0 0 50%;justify-content:center;align-items:center;height:40px;display:flex}.tooltip-toggle-button.active{color:var(--text-highlight);background:var(--surface-brand-100);font-weight:var(--font-weight-bold);border:1px solid var(--stroke-highlight);box-shadow:inset 0 0 0 1px var(--stroke-highlight)}@media (width>=768px){.tooltip-toggle-button{letter-spacing:var(--font-letter-spacing-md);color:var(--test-disabled);font-size:var(--font-size-ml);background-color:#0000;border:0;flex:auto;height:auto;line-height:140%}.tooltip-toggle-button.active{color:var(--text-primary);box-shadow:none;background-color:#0000;border:0}}.tooltip-toggle-switch{background-color:var(--surface-gray-200);border:0;border-radius:17px;width:50px;height:30px;padding:3px;display:none;position:relative}@media (width>=768px){.tooltip-toggle-switch{display:inline-flex}}.tooltip-toggle-switch span{background-color:var(--surface-white);border-radius:100%;width:24px;height:24px;transition:all .5s;display:block;position:absolute;top:3px;left:3px}.tooltip-toggle-switch:focus{outline:none}.tooltip-toggle-switch.active{background-color:var(--surface-brand-500)}.tooltip-toggle-switch.active span{left:22px}.tooltip-toggle-tooltip-wrapper{flex-wrap:nowrap;align-items:center;height:25px;margin-left:50%;display:flex;position:absolute;top:-22px;transform:translateY(-50%)}.tooltip-toggle-tooltip-wrapper svg{position:absolute;top:22px;right:50px;transform:rotate(270deg)}@media (width>=768px){.tooltip-toggle-tooltip-wrapper{margin:0 8px;padding-left:6px;top:50%;left:100%;right:auto}.tooltip-toggle-tooltip-wrapper svg{position:absolute;top:auto;left:0;right:auto;transform:none}}.tooltip-toggle-tooltip-box{background-color:var(--surface-brand-500);border-radius:4px;flex-wrap:nowrap;flex-shrink:0;align-items:flex-start;gap:10px;padding:8px 12px 8px 14px;display:none;position:relative}.tooltip-toggle-tooltip-box.active{display:flex}.tooltip-toggle-tooltip-box.gray.active{background-color:var(--surface-gray-200)}.tooltip-toggle-tooltip-box.gray.active+svg>path{fill:var(--surface-gray-200)}.tooltip-toggle-tooltip-text{color:var(--text-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--font-letter-spacing-md);text-align:center;text-transform:uppercase;white-space:nowrap;flex-shrink:0;min-width:85px;line-height:105%;position:relative}