.keybinding-modal{z-index:601;opacity:1;outline:none;padding-bottom:2.62rem;display:flex;overflow-y:auto}.keybinding-modal form{width:100%;padding-right:.88rem}.keybinding-modal #customize-container{flex-direction:row-reverse;display:flex}.keybinding-modal #customize-container main-button{min-width:6.12rem;margin:.88rem .44rem}.keybinding-modal #container-title .row-title{-webkit-font-smoothing:antialiased;background:var(--color-bg-highlight);color:var(--color-text-status);margin:.22rem 0 .44rem .66rem;padding:.22rem 0;font-size:12px;display:flex}.keybinding-modal #container-title .row-title .column .column-title{padding-left:.88rem}.keybinding-modal #container-title .row-title .column:first-child{flex:40%}.keybinding-modal #container-title .row-title .column:nth-child(2){flex:45%;padding-left:1.09rem}.keybinding-modal #container-title .row-title .column:nth-child(2) .column-title{padding-left:.44rem}.keybinding-modal #container-title .row-title .column:nth-child(3){flex:15%}.keybinding-modal #container-title .row-title .column:nth-child(3) .column-title{padding-left:0}.keybinding-modal .keybinding-container{-webkit-font-smoothing:antialiased;width:100%;min-width:41.12rem;max-height:15.31rem;padding-left:.88rem;font-size:16px;line-height:140%;overflow-y:scroll}.keybinding-modal .keybinding-container::-webkit-scrollbar{width:.22rem}.keybinding-modal .keybinding-container .row-container{border-bottom:solid 1px var(--color-border-main);padding-left:.44rem}.keybinding-modal .keybinding-container .row-container .row{align-items:center;display:flex}.keybinding-modal .keybinding-container .row-container .row .column{color:var(--color-text-body)}.keybinding-modal .keybinding-container .row-container .row .column:first-child{flex:40%;overflow-x:scroll}.keybinding-modal .keybinding-container .row-container .row .column:first-child span{-webkit-font-smoothing:antialiased;font-size:12px}.keybinding-modal .keybinding-container .row-container .row .column:first-child::-webkit-scrollbar{height:.22rem}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2){flex:45%;position:relative}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description{-webkit-font-smoothing:antialiased;align-items:center;padding-left:1.31rem;font-size:14px;display:flex}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description .error-tooltip{cursor:pointer;margin-top:.22rem;margin-left:.44rem;display:flex}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description .error-tooltip .error-msg{background:var(--color-bg-highlight);visibility:hidden;color:var(--color-error);text-align:center;z-index:1;width:100%;padding:.22rem 1.09rem;position:absolute;right:0}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description .error-tooltip .error-msg span{color:var(--color-text-highlight)!important;background:0 0!important;padding:0!important}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description .error-tooltip:hover .error-msg{visibility:visible;transition:all .1s}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(3){flex:15%}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(3) .description{-webkit-font-smoothing:antialiased;font-size:14px}.keybinding-modal .keybinding-container .row-container .column-des{flex:100%}.keybinding-modal .keybinding-container .row-container .column-des .description{opacity:.6}.keybinding-modal .keybinding-container .row-container main-button{height:2.19rem;margin:.22rem 0}.keybinding-modal .keybinding-container .row-container main-button:not([disabled]){border:1px solid var(--color-border-main);border-radius:5px}.keybinding-modal .keybinding-container .row-container main-button.recording{border:1px solid var(--color-border-main);border-radius:5px;animation:2s infinite pulse}@keyframes pulse{0%{border-color:var(--color-border-main)}25%{border-color:var(--color-error)}75%{border-color:var(--color-error)}}.keybinding-modal .keybinding-container .row-container span{border-radius:.22rem;padding:.44rem;font-weight:400;background:var(--color-surface-base)!important;color:var(--color-on-background-3)!important}@media screen and (width<=768px){.keybinding-modal{max-width:26.25rem;display:flex;top:0}.keybinding-modal #container-title .row-title .column:nth-child(2){flex:50%;padding-left:1.09rem}.keybinding-modal .keybinding-container{min-width:23.62rem;max-height:19.25rem}.keybinding-modal .keybinding-container .row-container .row .column:first-child span{-webkit-font-smoothing:antialiased;font-size:10px}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2){flex:50%;display:flex}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description{-webkit-font-smoothing:antialiased;word-break:break-word;padding-left:1.31rem;font-size:12px}}@media screen and (width<=640px){.keybinding-modal{max-width:24.5rem;height:100%;display:block;top:0%;bottom:0}.keybinding-modal #container-title{border:none;display:none}.keybinding-modal .keybinding-container{min-width:21.88rem;max-height:24.06rem}.keybinding-modal .keybinding-container .row-container .row{display:flex}.keybinding-modal .keybinding-container .row-container .row .column:first-child{order:2;padding-left:.44rem}.keybinding-modal .keybinding-container .row-container .row .column:first-child span{-webkit-font-smoothing:antialiased;font-size:10px}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2){flex:30%;order:1;margin-left:.44rem}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description{color:var(--color-text-heading);word-break:break-word;padding-left:0}.keybinding-modal .keybinding-container .row-container .row .column:nth-child(2) .description .error-tooltip .error-msg{left:20%!important}}.settings-component{min-width:21.88rem;padding:.88rem .88rem 3.72rem}.settings-component label{color:var(--color-on-background-2);float:left}.settings-component tr{width:100%}.settings-component tr td{border-bottom:solid 1px var(--color-border-main);padding-right:0}.settings-component tr td.description,.settings-component tr td.keymapSetting{border-bottom:none}.settings-component tr td .description{color:var(--color-on-background-3);padding-top:.44rem;padding-bottom:1.75rem}.settings-component tr td .des{color:var(--color-on-background-3);float:left;padding:.88rem}.settings-component tr td .item-container{float:right;max-height:2.84rem;padding-left:5.25rem}@media screen and (width<=768px){.settings-component tr td .item-container{padding-left:.88rem}}.settings-component tr td .item-container .fontSizeBox,.settings-component tr td .item-container .tabSizeBox{background:var(--color-background-dark);border:solid 1px var(--color-border-main);border-radius:.22rem;width:7rem;height:2.62rem}.settings-component tr td .item-container .fontSizeBox .icon-wrapper,.settings-component tr td .item-container .tabSizeBox .icon-wrapper{float:right;pointer-events:none;position:relative;bottom:1.75rem;right:.22rem}.settings-component tr td .item-container .fontSizeBox .icon-wrapper svg,.settings-component tr td .item-container .tabSizeBox .icon-wrapper svg{fill:var(--color-on-background-3)}.settings-component tr td .item-container .tabSizeBox .icon-wrapper{float:right;pointer-events:none;position:relative;bottom:1.75rem;right:.22rem}.settings-component tr td .item-container .tabSizeBox .icon-wrapper svg{fill:var(--color-on-background-3)}.settings-component tr td .item-container .selectBox{float:left;min-width:7rem;position:relative}.settings-component tr td .item-container .selectBox .icon-wrapper{float:right;pointer-events:none;padding-left:5.69rem;position:absolute;bottom:1.09rem}.settings-component tr td .item-container .selectBox .icon-wrapper svg{fill:var(--color-on-background-3);transform:scale(.6)}.settings-component tr td .item-container .selectBox select{appearance:none;float:right;background:var(--color-background-dark);border:solid 1px var(--color-border-main);border-radius:.22rem;width:100%;height:2.62rem;padding:0 .88rem}.settings-component tr td .item-container .toggle{cursor:pointer;border-radius:.66rem;width:2.19rem;height:1.31rem;display:inline-block}.settings-component tr td .item-container .toggle .lineHighlight,.settings-component tr td .item-container .toggle .indentWithTabs{display:none}.settings-component tr td .item-container .toggle .slider{background:var(--color-on-background-4);border-radius:.66rem;width:2.19rem;height:1.31rem;transition:background .2s;position:relative}.settings-component tr td .item-container .toggle .slider:after{content:"";background:var(--color-on-background-3);width:.88rem;height:.88rem;box-shadow:0 0 .22rem var(--color-on-background-3);border-radius:.66rem;margin-top:.22rem;margin-left:.22rem;transition:transform .2s;position:absolute;top:0;left:0}.settings-component tr td .item-container .toggle .lineHighlight:checked~.slider{background:var(--color-primary-base)}.settings-component tr td .item-container .toggle .lineHighlight:checked~.slider:after{background:var(--color-on-primary-1);transform:translate(.88rem)}.settings-component tr td .item-container .toggle .indentWithTabs:checked~.slider{background:var(--color-primary-base)}.settings-component tr td .item-container .toggle .indentWithTabs:checked~.slider:after{background:var(--color-on-primary-1);transform:translate(.88rem)}.settings-component tr input[type=text],.settings-component tr input[type=number]{background-color:#0000;width:100%;height:100%;padding-left:.88rem}.settings-component tr input::-webkit-inner-spin-button{opacity:0;cursor:pointer;transform:scale(2);background:0 0!important}@media screen and (width<=640px){tr td .item-container .tabSizeBox .icon-wrapper,tr td .item-container .fontSizeBox .icon-wrapper{display:none}}.loading-animation div{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:701;pointer-events:all;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.change-email-component{margin:0 1.75rem;padding-bottom:1.75rem}.change-email-component .input-form{background-color:#0000;width:auto;padding:0}.change-email-component .input-form .inner-container{width:100%}.change-email-component .input-form .inner-container .input-container{border-top:none;padding:.88rem 0}.change-email-component .input-form .inner-container .input-container input{width:100%;margin:.88rem 0}.change-email-component .input-form .inner-container .error{color:var(--color-on-error-1);background-color:var(--color-error-base);border-radius:3px;margin-top:0;padding:.66rem}.change-email-component .input-form .inner-container .button-container{justify-content:space-between;margin-top:.88rem;padding-left:.66rem;display:flex}@media screen and (width<=640px){.change-email-component{padding-bottom:0;margin:.88rem!important}.change-email-component .input-form .inner-container .button-container{margin:6.56rem 0 1.31rem}}.profile-page{z-index:601;opacity:1;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.profile-page .modal{background:var(--color-background-dark);opacity:1;border-radius:3px;flex-direction:column;display:flex;position:absolute;top:15%;box-shadow:2px 2px 8px 1px #00000080}.profile-page .modal .close{cursor:pointer;align-items:center;width:1.75rem;height:1.75rem;margin:.44rem;display:flex;position:absolute;right:0}.profile-page .modal .close svg{fill:#fafafa}.profile-page .modal .arrow{display:none}.profile-page .modal .sidebar-container{background:var(--color-bg-main);height:100%;display:flex}.profile-page .modal .sidebar-container .sidebar{float:left;padding-right:1.31rem;display:block}.profile-page .modal .sidebar-container .sidebar .profile-wrapper{margin-top:3.06rem;margin-left:1.53rem;display:grid;position:relative}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .profile{border-radius:6%;align-items:center;width:4.38rem;height:4.38rem;margin-left:.44rem;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .profile .user-profile-profile-image{cursor:pointer}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .name{text-align:center;width:100%;margin-top:4.38rem;margin-left:.44rem;font-size:.88rem;font-weight:500}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .position{text-align:center;width:100%;color:var(--color-on-background-4);margin-left:.44rem;padding-bottom:.44rem;font-size:.66rem}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .delete-avatar-button{color:var(--color-error-base);opacity:0;background-color:#0000;width:100%;margin-bottom:.44rem;margin-left:.44rem;font-size:small}.profile-page .modal .sidebar-container .sidebar .profile-wrapper:hover .delete-avatar-button{opacity:1}.profile-page .modal .sidebar-container .sidebar .profile-panel-error{margin-left:1.53rem}.profile-page .modal .sidebar-container .sidebar .switch{border-top:solid 1px var(--color-border-main);width:100%;margin-top:.66rem;margin-left:1.31rem;display:grid}.profile-page .modal .sidebar-container .sidebar .switch button{background-color:var(--color-bg-main);color:var(--color-on-background-3);text-align:left;margin-top:.44rem;padding:.66rem;font-size:.88rem}.profile-page .modal .sidebar-container .sidebar .switch button .icon-wrapper svg,.profile-page .modal .sidebar-container .sidebar .switch button icon-wrapper{float:left;width:.88rem;height:.88rem;fill:var(--color-on-background-3);margin-right:.44rem}.profile-page .modal .sidebar-container .sidebar .switch button:hover{background-color:var(--color-surface-base);color:var(--color-on-primary-1)}.profile-page .modal .sidebar-container .sidebar .switch button:hover svg{fill:var(--color-primary-base)}.profile-page .modal .sidebar-container .sidebar .switch button:hover icon-wrapper{color:var(--color-primary-base)}.profile-page .modal .sidebar-container .sidebar .switch .component{margin-bottom:.22rem;padding-right:1.75rem}.profile-page .modal .sidebar-container .sidebar .switch .component.selected{color:var(--color-on-primary-1);background-color:var(--color-surface-1);border-radius:.22rem}.profile-page .modal .sidebar-container .sidebar .switch .component.selected .icon-wrapper svg{fill:var(--color-primary-base)}.profile-page .modal .sidebar-container .sidebar .switch .component.selected icon-wrapper{color:var(--color-primary-base)}.profile-page .modal .sidebar-container .content-container{background-color:var(--color-bg-main);float:right;border-left:solid 1px var(--color-border-main);flex-direction:column;min-width:43.75rem;min-height:26.25rem;margin-left:1.09rem;display:flex}@media screen and (width<=768px){.profile-page .modal .sidebar-container .content-container{min-width:26.25rem}}.profile-page .modal .sidebar-container .content-container .header{text-align:left;color:var(--color-on-primary-1);border-bottom:solid 1px var(--color-border-main);padding:.44rem .88rem .88rem}.profile-page .modal .sidebar-container .content-container .header h2{margin-block-end:0!important}@media screen and (width<=640px){.profile-page .modal{max-width:24.5rem;max-height:43.75rem;position:absolute;top:10%}.profile-page .modal .close{visibility:hidden;left:0}.profile-page .modal .arrow{cursor:pointer;align-items:center;width:1.31rem;height:1.31rem;margin:.66rem .44rem;display:flex;position:absolute;left:0}.profile-page .modal .arrow svg{fill:#fafafa}.profile-page .modal .topbar-container{display:none}.profile-page .modal .sidebar-container{display:block}.profile-page .modal .sidebar-container .sidebar{padding-right:1.31rem;display:flex}.profile-page .modal .sidebar-container .sidebar .profile-wrapper{margin-top:8.75rem;display:none;position:relative}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .profile{margin-left:.44rem;position:absolute;top:35%;left:20%}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .name{text-align:left;margin-top:0;margin-bottom:.22rem;margin-left:4.81rem;display:block}.profile-page .modal .sidebar-container .sidebar .profile-wrapper .position{text-align:left;margin-top:0;margin-left:4.81rem;margin-right:2.19rem;display:block}.profile-page .modal .sidebar-container .sidebar .switch{border-bottom:solid 1px var(--color-border-main);border-top:none;margin-left:.66rem;display:block;position:absolute;top:5%;left:0}.profile-page .modal .sidebar-container .sidebar .switch button{text-align:left;color:var(--color-text-body);margin-top:.44rem;padding:.66rem;font-size:.88rem}.profile-page .modal .sidebar-container .sidebar .switch button .icon-wrapper{padding-right:.88rem}.profile-page .modal .sidebar-container .sidebar .switch .component{height:100%;padding-right:2.19rem}.profile-page .modal .sidebar-container .sidebar .switch .component.selected{color:var(--color-text-heading);background:var(--color-surface-2)}.profile-page .modal .sidebar-container .content-container{border-left:none}}@media screen and (width<=640px) and (width<=640px){.profile-page .modal .sidebar-container .content-container{min-width:24.5rem;margin-top:4.38rem}}@media screen and (width<=640px){.profile-page .modal .sidebar-container .content-container .header{text-align:left;color:var(--color-on-primary-1);border-bottom:none;padding:.44rem .88rem .88rem}.profile-page .modal .sidebar-container .content-container .header h2{font-size:.88rem;font-weight:700;position:absolute;top:0;left:10%;margin-block-end:0!important}}.user-profile-component{margin:0 .88rem;padding-bottom:1.75rem}.user-profile-component .profile-wrapper{margin-left:.44rem;display:none;position:relative}.user-profile-component .profile-wrapper .profile{border-radius:.22rem;width:4.38rem;height:4.38rem;margin-left:.44rem}.user-profile-component .profile-wrapper .profile .profile-letter{color:var(--color-on-primary-1);margin-left:1.31rem;font-size:2.62rem;position:absolute;top:.66rem}.user-profile-component .profile-wrapper .name{text-align:left;margin-top:0;margin-bottom:.22rem;margin-left:4.81rem;display:block}.user-profile-component .profile-wrapper .position{text-align:left;margin-top:0;margin-left:4.81rem;margin-right:2.19rem;display:block}.user-profile-component .input-form{background-color:#0000;width:auto;padding:0}.user-profile-component .input-form .inner-container .input-container{border-top:none;padding:.88rem}.user-profile-component .input-form .inner-container .input-container::-webkit-scrollbar{display:none}.user-profile-component .input-form .inner-container .input-container input{width:100%;max-width:unset;margin-bottom:.88rem}.user-profile-component .input-form .inner-container .input-button-container.email-container{width:100%}.user-profile-component .input-form .inner-container .input-button-container.email-container .text-button-container{max-width:unset}.user-profile-component .input-form .inner-container .input-button-container.email-container .text-button-container .text{overflow-x:scroll}.user-profile-component .input-form .inner-container .input-button-container.email-container .text-button-container .text::-webkit-scrollbar{display:none}.user-profile-component .input-form .inner-container .oauth-email-container{grid-column:1/3}.user-profile-component .input-form .inner-container .oauth-email-container .input{width:100%;max-width:26.25rem}.user-profile-component .input-form .inner-container .error{color:var(--color-on-error-1);background-color:var(--color-error-base);border-radius:3px;grid-column:1/3;margin-top:0;padding:.66rem}.user-profile-component .input-form .inner-container .button-container{justify-content:space-between;margin:1.75rem .88rem 0 0;display:flex}@media screen and (width<=640px){.user-profile-component{margin:.88rem 0;padding-bottom:0}.user-profile-component .profile-wrapper{display:flex}.user-profile-component .input-form .inner-container .button-container{margin:7.44rem .88rem 1.31rem 0}.profile-wrapper{display:none}}