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