.tab-switch{position:relative;display:flex;justify-content:space-between}.tab-switch:after{content:"";position:absolute;top:0;transition:all cubic-bezier(.88,.35,.565,1.35) .4s;border-radius:27.5px;box-shadow:0 2px 15px #0000001a;background-color:#07225b;height:100%;z-index:0}.tab-switch.left:after{left:0;width:70%}.tab-switch.right:after{left:70%;width:30%}.tab-switch .tab{width:70%}.tab-switch .tab,.tab-switch .tab-monthly{padding:12px 0;z-index:1;position:relative;cursor:pointer;transition:color .2s;font-size:16px;font-weight:700;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-monthly{width:30%;padding:12px 0;z-index:1;position:relative;cursor:pointer;transition:color .2s ease-in-out;font-size:16px;font-weight:700;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-switch .tab.activeTab,.tab-monthly.activeTab{color:#fff}.wrapperToggle{max-width:400px;border-radius:37px;background-color:#f4f4f4;padding:8px;width:100%;margin-left:auto;margin-right:auto;overflow:hidden}@media (max-width: 600px){.wrapperToggle{max-width:200px;padding:5px}.tab-switch .tab,.tab-switch .tab-monthly{padding:5px 0;font-size:10px}}