*{box-sizing: border-box;}.focus-mode:focus{outline: 3px solid #2c0065 !important; outline-offset: 3px !important;}.focus-tag{outline: 3px solid #2c0065 !important; outline-offset: 3px !important;}body{top: 0 !important; -webkit-font-smoothing: subpixel-antialiased !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; overflow-x: hidden;}a{cursor: pointer;}a:active,a:hover{outline: 0;}.only-lang{left: 0 !important; border-radius: 0 !important; top: 0 !important; height: calc(100% - 55px) !important; max-height: 100% !important; width: calc(100% + 3px) !important;}.goog-text-highlight{background-color: transparent !important; box-shadow: 0 0 0 transparent !important;}.slice-block{transition: 0.2s all; margin-left: auto !important; right: 0 !important;}.slice-block > div{width: 100%;}.skiptranslate{display: none !important; opacity: 0 !important;}.blue-mode-bg{background-color: #4682b4 !important;}.purple-mode-bg{background-color: #c71585 !important;}.red-mode-bg{background-color: #b22222 !important;}.yellow-mode-bg{background-color: gold !important;}.green-mode-bg{background-color: green !important;}.white-mode-bg{background-color: #fff !important;}.black-mode-bg{background-color: #000 !important;}.mode-focus{outline: 2px solid #2c0065 !important; outline-offset: 2px !important;}.ttl-focus{outline: 2px solid #2c0065 !important; outline-offset: 2px !important;}.stop-animate{-webkit-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -o-animation-play-state: paused !important; animation-play-state: paused !important;}.normalfont{font-family: Arial, Helvetica, sans-serif !important;}.ttl-allotted .title,.ttl-allotted .ttl,.ttl-allotted h1,.ttl-allotted h2,.ttl-allotted h3,.ttl-allotted h4,.ttl-allotted h5,.ttl-allotted h6{outline: 2px solid #2c0065 !important; outline-offset: 3px !important;}.links-allotted a{outline: 2px solid #ffc505 !important; outline-offset: 2px !important;}.tal-mode > :not(.helper-mode) *{text-align: left !important;}.tac-mode > :not(.helper-mode) *{text-align: center !important;}.tar-mode > :not(.helper-mode) *{text-align: right !important;}.dark-contrast{background: #000 !important; color: #fff !important;}.dark-contrast > :not(.helper-mode) *{background: #000 !important; color: #fff !important;}.dark-contrast section{background: #000 !important;}.dark-contrast h1,.dark-contrast h2,.dark-contrast h3,.dark-contrast h4,.dark-contrast h5,.dark-contrast h6{outline: 1px solid #ebb400 !important; outline-offset: 2px !important;}.dark-contrast a{text-decoration: underline;}.mono-chrome{filter: grayscale(100%);}.contrast{filter: contrast(120%);}.light-contrast{background-color: #fff !important; color: #000 !important;}.light-contrast > :not(.helper-mode) *{background-color: #fff !important; color: #000 !important;}.light-contrast section{background-color: #fff !important;}.light-contrast h1,.light-contrast h2,.light-contrast h3,.light-contrast h4,.light-contrast h5,.light-contrast h6{outline: 1px solid #7d6000 !important; outline-offset: 2px !important;}.light-contrast a{text-decoration: underline;}.helper-mode .content::-webkit-scrollbar{width: 6px;}.helper-mode .content::-webkit-scrollbar-track{background: #e3e3e3; width: 10px; border-radius: 5px;}.helper-mode .content::-webkit-scrollbar-thumb{background: #2c0065; border-radius: 5px;}.helper-mode .content::-webkit-scrollbar-thumb:hover{background: #563384;}.helper-mode-popup::-webkit-scrollbar{width: 3px;}.helper-mode-popup::-webkit-scrollbar-track{background: #fff;}.helper-mode-popup::-webkit-scrollbar-thumb{background: #2c0065; border-radius: 5px; height: 1px;}.helper-mode-popup::-webkit-scrollbar-thumb:hover{background: #563384;}.helper-mode{letter-spacing: 0 !important; line-height: 1.4 !important; -moz-user-select: none; -khtml-user-select: none; user-select: none; z-index: 9999999999; overflow: hidden; position: fixed; top: 0; left: 0; width: 30%; font-family: Arial, Helvetica, sans-serif !important; background-color: #f9f9f9;}.helper-mode .allmodesettings{display: none; background-color: #efefef;}.top-hide{display: none; position: fixed; width: 100%; height: 100%; left: 0; z-index: 99999999999; background-color: rgba(0, 0, 0, 0.6);}.bottom-hide{display: none; position: fixed; width: 100%; height: 100%; left: 0; z-index: 99999999999; background-color: rgba(0, 0, 0, 0.6);}.mouse-line{z-index: 999999999999; display: none; width: 620px; height: 10px; border: 1px solid #000 !important; background-color: #2c0065; position: fixed; border-radius: 5px; bottom: 5px; left: 5px;}.helper-mode-popup{z-index: 100; display: none; position: absolute; width: 96%; left: 2%; top: 5%; background-color: #fff; max-height: 95%; height: 85%; overflow: auto; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}.helper-mode-popup .close{font-size: 24px; font-weight: 700; color: #2c0065; position: absolute; top: 10px; opacity: 1 !important; left: 15px; cursor: pointer; z-index: 100; transition: all 0.4s;}.helper-mode-popup .close:hover{color: #563384;}.helper-mode-popup .popup-wrapper{background-color: #fdfdfd; padding: 25px;}.helper-mode-popup .popup-wrapper h4{font-size: 17px; text-align: center; display: inline-block; margin: 15px 0 10px 0; width: 100%;}.helper-mode-popup .popup-wrapper .date{font-size: 11px; color: #333; display: inline-block; width: 100%; margin-bottom: 25px; text-align: center;}.helper-mode-popup .popup-wrapper .text{width: 98%; display: block; margin: auto;}.helper-mode-popup .popup-wrapper .text h5{font-size: 15px; font-weight: 700; display: inline-block; width: 100%; margin-bottom: 10px;}.helper-mode-popup .popup-wrapper .text p{display: inline-block; width: 100%; font-size: 14px; margin-bottom: 5px;}.helper-mode-popup .popup-wrapper .text ol,.helper-mode-popup .popup-wrapper .text ul{display: inline-block; width: 100%; margin: 10px 0; padding-left: 10px;}.helper-mode-popup .popup-wrapper .text ol li,.helper-mode-popup .popup-wrapper .text ul li{font-size: 14px; color: #333; margin-bottom: 5px; display: inline-block; width: 100%;}.helper-mode-popup .popup-wrapper .btn-wrapper{margin-top: 14px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: space-between;}.helper-mode-popup .popup-wrapper .btn-wrapper .bgg{background-color: #2c0065 !important; color: #fff !important;}.helper-mode-popup .popup-wrapper .btn-wrapper .btn-popup{transition: all 0.3s; cursor: pointer; width: 45%; font-size: 15px; font-weight: 700; color: #2c0065; border-radius: 50px; padding: 10px 0; text-align: center; display: inline-block; border: 2px solid #2c0065;}.helper-mode-popup .popup-wrapper .btn-wrapper .btn-popup:hover{transform: scale(1.05);}.helper-mode-popup .popup-wrapper .lang-content{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 95%; justify-content: space-between; margin-top: 25px; margin-left: auto; margin-right: auto;}.helper-mode-popup .popup-wrapper .lang-content .lang-half{display: inline-block; width: 48%; text-align: center;}.helper-mode-popup .popup-wrapper .lang-content .lang-half a{font-size: 14px; font-weight: 700; color: #000; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; width: 100%; margin-bottom: 15px; padding: 10px 0; background-color: #fff; border-radius: 15px; cursor: pointer; transition: all 0.5s; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}.helper-mode-popup .popup-wrapper .lang-content .lang-half a:hover{background-color: #563384; color: #fff; transform: scale(1.05);}.helper-mode-popup .popup-wrapper .lang-content .lang-half a img{display: inline-block; margin-right: 15px; height: 15px;}.helper-mode-popup .popup-wrapper .lang-content .lang-half a .flag{display: inline-block; margin-right: 15px; height: 15px;}.helper-mode-popup .popup-wrapper .lang-content .lang-half a svg{height: 100%;}.helper-mode .top-line{width: 100%; height: 120px; padding: 20px 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; background-color: #2c0065; justify-content: space-between; -ms-align-items: center; flex-wrap: wrap; align-items: center; position: relative; z-index: 2; border-radius: 0 0 10px 10px;}.helper-mode .top-line .ttl{font-size: 18px; display: inline-block; margin-top: 15px; color: #fff; font-weight: 700; width: 100%;}.helper-mode .top-line .selected-lang{display: inline-block; width: auto; text-align: left;}.helper-mode .top-line .selected-lang .inner{-ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: auto; cursor: pointer; height: 25px; padding: 0 10px; transition: all 0.5s; border-radius: 5px; background-color: #28005b; justify-content: center; position: relative;}.helper-mode .top-line .selected-lang .inner:hover{background-color: #28005b;}.helper-mode .top-line .selected-lang .inner:hover p{color: #fff;}.helper-mode .top-line .selected-lang .inner .icon{display: inline-block; margin-left: 10px; width: 10px;}.helper-mode .top-line .selected-lang .inner .icon svg{fill: #fff; width: 100%; height: auto;}.helper-mode .top-line .selected-lang .inner p{font-size: 12px; color: #fff; margin-bottom: 0; margin-top: 0; transition: 0.3s all;}.helper-mode .top-line .size-settings{width: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; transition: 0.2s all;}.helper-mode .top-line .size-settings .btn:hover{transform: scale(1.05);}.helper-mode .top-line .size-settings .btn{width: 25px; height: 25px; margin-right: 10px; border-radius: 25px !important; background-color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; cursor: pointer; padding: 5px; transition: 0.2s all;}.helper-mode .top-line .size-settings .btn svg{width: 100%; height: 100%; fill: #2c0065;}.helper-mode .content{width: calc(100% - 5px); overflow: auto; height: calc(100vh - 160px); background-color: #efefef; padding: 0 10px 0 15px; position: relative;}.helper-mode .clear{clear: both; width: 100%; height: 15px; background-color: #efefef;}.helper-mode .top-line .line-content{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; width: 100%; margin-left: auto; margin-right: auto; padding-top: 20px;}.helper-mode .top-line .line-content .active,.helper-mode .top-line .line-content .option:hover{color: #fff !important; transform: scale(1.01); transition: all 0.4s; background-color: #563384 !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}.helper-mode .top-line .line-content .active svg,.helper-mode .top-line .line-content .option:hover svg{fill: #fff !important;}.helper-mode .top-line .wrapper .active .txt-icon svg{fill: #fff !important;}.helper-mode .top-line .wrapper .active .txt-icon p{color: #fff !important;}.helper-mode .top-line .line-content .option{width: 33%; display: flex; -ms-align-items: center; align-items: center; justify-content: center; background-color: #fff; cursor: pointer; color: #2b2b2b; font-size: 13px; padding: 10px 0; border-radius: 50px; border: 1px solid #efefef; margin: 0 5px;}.helper-mode .top-line .line-content .option svg{width: 20px; height: 20px; margin-right: 15px; display: inline-block; fill: #2c0065;}.helper-mode .content .wrapper{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 15px 5px 15px; background-color: #e3e3e3; border-radius: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 100%; justify-content: space-between; align-items: stretch;}.helper-mode .bottom-line{position: relative; display: block; width: 100%; z-index: 101;}.helper-mode .bottom-line .reset-btn:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}.helper-mode .bottom-line .reset-btn{position: relative; top: -15px; background-color: #2c0065; border-radius: 10px 10px 0 0; color: #fff; height: 40px; padding: 0 20px; font-size: 12px; display: flex; font-weight: 700; align-items: center; justify-content: center; transition: 0.2s all; cursor: pointer; border-top: 1px solid #fff;}.helper-mode .bottom-line .reset-btn .icon{width: 20px; height: 20px; background-color: #fff; border-radius: 25px; display: inline-block; margin-right: 10px; padding: 4px;}.helper-mode .bottom-line .reset-btn .icon svg{width: 100%; height: 100%; fill: #2c0065;}.helper-mode .bottom-line .reset-btn p{display: inline-block; font-size: 15px; font-weight: 400; margin: 0;}.helper-mode .content .wrapper .option-line{display: inline-block; width: calc(33.333% - 5px); padding: 15px 10px 0 10px; margin-bottom: 10px; border-radius: 15px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}.helper-mode .content .wrapper .option-line .txt-icon{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; font-size: 12px; font-weight: 700; margin-bottom: 5px; color: #000; font-weight: 700;}.helper-mode .content .wrapper .option-line .txt-icon svg{width: 25px; height: 25px; fill: #2c0065; margin-right: 10px;}.helper-mode .content .wrapper .wrapper-ttl{font-weight: 700; font-size: 17px; color: #000; display: inline-block; width: 100%; margin-bottom: 15px; margin-left: 10px;}.helper-mode .content .wrapper .line-wrapper{margin-bottom: 10px; width: calc(50% - 5px); position: relative;}.helper-mode .content .wrapper .line-wrapper .main-conent:hover,.helper-mode .content .wrapper .show .main-conent{background-color: #2c0065 !important; transition: 0.2s all;}.helper-mode .content .wrapper .line-wrapper .main-conent:hover .tumbler .tumbler-txt,.helper-mode .content .wrapper .show .main-conent .tumbler .tumbler-txt{background-color: #563384 !important; color: #fff !important;}.helper-mode .content .wrapper .line-wrapper .main-conent:hover .tumbler .tumbler-txt .circle,.helper-mode .content .wrapper .show .main-conent .tumbler .tumbler-txt .circle{background-color: #fff !important;}.helper-mode .content .wrapper .show .main-conent .txt h4,.helper-mode .content .wrapper .show .main-conent .txt p{color: #fff !important;}.helper-mode .content .wrapper .line-wrapper .main-conent:hover .icon svg,.helper-mode .content .wrapper .show .main-conent .icon svg{fill: #563384 !important;}.helper-mode .content .wrapper .line-wrapper .main-conent:hover .txt{opacity: 0; transform: translate(0, 100%);}.helper-mode .content .wrapper .line-wrapper .main-conent:hover .hover-txt{opacity: 1; z-index: 1; transform: translate(0);}.helper-mode .content .wrapper .line-wrapper .main-conent:hover .hover-txt p{background-color: #2c0065;}.helper-mode .content .wrapper .line-wrapper .main-conent{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 15px 10px; margin: auto; border-radius: 15px; background-color: #fff; transition: 1s all; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden;}.helper-mode .content .wrapper .line-wrapper .main-conent .tumbler{width: 40%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; cursor: pointer; display: flex; border-radius: 10px; transition: 0.4s all;}.helper-mode .content .wrapper .line-wrapper .main-conent .tumbler .active{display: flex !important; align-items: center; justify-content: space-around;}.helper-mode .content .wrapper .line-wrapper .main-conent .tumbler .tumbler-txt{font-size: 14px; padding: 10px 5px; background-color: #efefef; color: #525252; display: none; width: 100%; text-align: center; font-weight: 700; border-radius: 10px; text-transform: uppercase;}.helper-mode .content .wrapper .line-wrapper .main-conent .tumbler .tumbler-txt .circle{width: 20px; height: 20px; border-radius: 20px; background-color: #2c0065; display: inline-block;}.helper-mode .content .wrapper .line-wrapper .main-conent .txt{width: 100%; margin-top: 15px; margin-bottom: 10px; display: inline-block; transition: 0.4s all;}.helper-mode .content .wrapper .line-wrapper .main-conent .txt h4{font-size: 14px; font-weight: 700; margin-top: 0; margin-bottom: 2px; color: #000;}.helper-mode .content .wrapper .line-wrapper .main-conent .txt p{font-size: 11px; font-weight: 100; color: #000; opacity: 0.8; margin: 0;}.helper-mode .content .wrapper .line-wrapper .main-conent .hover-txt{position: absolute; bottom: 0; left: 10px; z-index: -1; width: calc(100% - 20px); margin-top: 15px; margin-bottom: 10px; opacity: 0; transform: translate(0, 100%); transition: 0.4s all;}.helper-mode .content .wrapper .line-wrapper .main-conent .hover-txt p{font-size: 11px; font-weight: 100; color: #fff; margin: 0; transition: 0.4s all;}.helper-mode .content .wrapper .line-wrapper .main-conent .icon{width: 40px; height: 40px; display: inline-block; text-align: center; margin-right: 10px;}.helper-mode .content .wrapper .line-wrapper .main-conent .icon svg{width: 100%; height: 100%; fill: #efefef;}.helper-mode .content .wrapper .option-line .setting-line{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; border-radius: 10px; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 4px; background-color: #efefef;}.helper-mode .content .wrapper .option-line .setting-line .down,.helper-mode .content .wrapper .option-line .setting-line .up{cursor: pointer; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: #2c0065; border-radius: 20px; transition: all 0.3s; position: relative;}.helper-mode .content .wrapper .option-line .setting-line .down{left: 1px;}.helper-mode .content .wrapper .option-line .setting-line .up{right: 1px;}.helper-mode .content .wrapper .option-line .setting-line .down svg{width: 14px; height: 14px; fill: #fff;}.helper-mode .content .wrapper .option-line .setting-line .up svg{width: 14px; height: 14px; fill: #fff;}.helper-mode .content .wrapper .option-line .setting-line .value{width: calc(100% - 40px); text-align: center; font-size: 10px; padding: 6px 0; color: #333; font-weight: 400; text-transform: uppercase;}.helper-mode .content .wrapper .option-line .setting-line select{display: block; width: 100%; padding: 10px; font-size: 14px; border: 1px solid #e4e4e4; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 16px; border-radius: 15px; color: #000;}.helper-mode .content .wrapper .simple-option{width: calc(33.333% - 5px); cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; background-color: #fff; border-radius: 15px; padding: 15px 0; margin-bottom: 10px; transition: all 0.4s; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); position: relative; overflow: hidden; z-index: 1;}.helper-mode .content .wrapper .simple-option .hover-txt{position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; background-color: #2c0065; font-size: 13px; color: #fff; font-weight: 100; margin-top: 0; margin-bottom: 0; display: flex; align-items: center; justify-content: center; transition: 0.4s all; opacity: 0;}.helper-mode .content .wrapper .active,.helper-mode .content .wrapper .simple-option:hover{background-color: #2c0065;}.helper-mode .content .wrapper .simple-option:hover .hover-txt{opacity: 1;}.helper-mode .content .wrapper .active .txt-icon p,.helper-mode .content .wrapper .simple-option:hover .txt-icon p{color: #fff !important;}.helper-mode .content .wrapper .active .txt-icon svg,.helper-mode .content .wrapper .simple-option:hover .txt-icon svg{fill: #fff !important;}.helper-mode .content .wrapper .simple-option .txt-icon{text-align: center; width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; color: #333;}.helper-mode .content .wrapper .simple-option .txt-icon svg{margin-left: auto; margin-right: auto; width: 45px; height: 45px; display: inline-block; fill: #2c0065; margin-bottom: 10px;}.helper-mode .content .wrapper .simple-option .txt-icon p{display: inline-block; width: 100%; font-size: 14px; color: #000; font-weight: 700; margin-top: 0; margin-bottom: 0;}.helper-mode .content .wrapper .color-option{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: calc(66.66% - 5px); background-color: #fff; padding: 5px 10px; margin-bottom: 10px; border-radius: 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}.helper-mode .content .wrapper .color-option .color-txt{font-size: 14px; font-weight: 700; color: #000; display: inline-block; width: 65%;}.helper-mode .content .wrapper .color-option .color-cancel{font-size: 14px; cursor: pointer; color: #2c0065; display: inline-block; text-align: right; width: 35%; font-weight: 700;}.helper-mode .content .wrapper .color-option .color-line{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; margin-bottom: 10px; width: 100%;}.helper-mode .content .wrapper .color-option .color-line .inner-color{flex-grow: 1; flex-basis: auto; padding: 5% 0; margin-right: 5px; border-radius: 10px; cursor: pointer; position: relative; border: 3px solid transparent;}.helper-mode .content .wrapper .color-option .color-line .inner-color:last-child{margin-right: 0;}.helper-mode .content .wrapper .color-option .color-line .selected-color{border: 3px solid #2c0065;}.helper-mode .content .wrapper .color-option .color-line .inner-color:after{content: ""; width: 10px; height: 10px; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; background-color: #fff; opacity: 0;}.helper-mode .content .wrapper .color-option .blue{background-color: #0c6ba7;}.helper-mode .content .wrapper .color-option .purple{background-color: #682e98;}.helper-mode .content .wrapper .color-option .red{background-color: #bb2226;}.helper-mode .content .wrapper .color-option .yellow{background-color: #bc6521;}.helper-mode .content .wrapper .color-option .green{background-color: #497a25;}.helper-mode .content .wrapper .color-option .white{background-color: #e7e7e7;}.helper-mode .content .wrapper .color-option .black{background-color: #000;}.key-inpt{user-select: none; pointer-events: none; background-color: #efefef; color: #333; cursor: no-drop;}.keyboard{position: absolute; display: none; padding: 15px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999999; background-color: #fff; left: 50%; transform: translate(-50%, 0);}.keyboard .writed{display: none !important; opacity: 0 !important;}.keyboard .line{display: flex; align-items: center; flex-wrap: nowrap; justify-content: center;}.keyboard .line .keybtn:last-child{margin-right: 0;}.keyboard .line:last-child .keybtn{margin-bottom: 0;}.keyboard .line .keybtn{user-select: none; cursor: pointer; border-radius: 5px; border-bottom: 3px solid #efefef; background: #efefef; background: linear-gradient(39deg, #efefef 0, #fff 100%); font-size: 17px; color: #414141; display: flex; justify-content: center; align-items: center; margin: 0 5px 5px 0; transition: 0.3s all;}.keyboard .line .keybtn:hover{border-bottom: 3px solid #d6d6d6; background: #d6d6d6; background: linear-gradient(39deg, #d6d6d6 0, #f5f5f5 100%);}.keyboard .line .active-btn,.keyboard .line .active-btn:hover{color: #fff !important; border-bottom: 3px solid #2c0065; background: #2c0065; background: linear-gradient(39deg, #2c0065 0, #49069f 100%);}.keyboard .line .btn-letter{height: 55px; width: 55px;}.keyboard .line .btn-caps{height: 55px; width: 110px;}.keyboard .line .btn-shift{height: 55px; width: 90px;}.keyboard .line .btn-space{height: 55px; width: 185px;}.keyboard .line .btn-bckspc,.keyboard .line .btn-enter,.keyboard .line .btn-tab{height: 55px; width: 105px;}@media only screen and (max-width: 2600px){.helper-mode{width: 30%;}}@media only screen and (max-width: 1640px){.helper-mode{width: 35%;}}@media only screen and (max-width: 1440px){.helper-mode{width: 37%;}}@media only screen and (max-width: 1360px){.helper-mode{width: 40%;}}@media only screen and (max-width: 1200px){.helper-mode{width: 42%;}.helper-mode .content .wrapper .line-wrapper .main-conent .hover-txt p{font-size: 11px;}}@media only screen and (max-width: 1100px){.helper-mode{width: 45%;}}@media only screen and (max-width: 900px){.helper-mode{width: 55%;}}@media only screen and (max-width: 800px){.helper-mode{width: 62%;}.page-scroll-nav{right: 5px;}.page-scroll-nav button{width: 30px; height: 30px; padding: 6px;}.page-scroll-nav .scrollStopBtn{padding: 7px !important;}.keyboard{display: none !important;}}@media only screen and (min-width: 550px){.helper-mode .bottom-line #close-mode{display: none !important;}}@media only screen and (max-width: 550px){.only-lang{height: 100% !important; max-height: 100% !important; padding-bottom: 20px;}.only-lang .lang-content{height: 66vh; overflow: auto; width: 100%; padding: 10px 20px;}.only-lang .lang-content::-webkit-scrollbar{width: 5px;}.only-lang .lang-content::-webkit-scrollbar-track{background: #e3e3e3; width: 7px; border-radius: 5px;}.only-lang .lang-content::-webkit-scrollbar-thumb{background: #2c0065; border-radius: 5px;}.only-lang .lang-content::-webkit-scrollbar-thumb:hover{background: #563384;}.keyboard, .no-mobile{display: none !important;}#black-cursor, #opt3, #white-cursor{display: none;}.helper-mode .top-line{height: 105px; padding: 15px;}.helper-mode{top: auto; bottom: 0; border-radius: 15px 15px 0 0; width: 90%; left: 5%;}.helper-mode .content{height: 60vh; padding: 0 3px 15px 8px;}.helper-mode .content .wrapper{padding: 15px 15px 5px 15px;}.helper-mode-popup .popup-wrapper .lang-content .lang-half a{font-size: 12px;}.helper-mode .content .wrapper .option-line .setting-line .down{left: 5px;}.helper-mode .content .wrapper .option-line .setting-line .up{right: 5px;}.helper-mode-popup .popup-wrapper .lang-content .lang-half a .flag{margin-right: 10px;}.helper-mode .content .wrapper .option-line{width: 100%;}.helper-mode .content .wrapper .color-option .color-cancel, .helper-mode .content .wrapper .color-option .color-txt, .helper-mode .content .wrapper .simple-option .txt-icon p{font-size: 12px;}.helper-mode .content .wrapper .simple-option .txt-icon svg{height: 40px; width: 40px;}.helper-mode .content .wrapper .color-option .color-line .inner-color{margin-right: 3px; border-radius: 5px;}.helper-mode .bottom-line .reset-btn{font-size: 13px; height: 40px; top: 0;}.mode-open-mob{overflow: hidden !important;}.helper-mode{width: 98%; left: 1%;}.helper-mode .content{height: 70vh;}.helper-mode .content .wrapper .color-option .color-cancel, .helper-mode .content .wrapper .color-option .color-txt, .helper-mode .content .wrapper .simple-option .txt-icon p{font-size: 11px;}.helper-mode .bottom-line{display: flex; justify-content: space-between;}.helper-mode .bottom-line .reset-btn{width: calc(50% - 4px); font-size: 12px; height: 35px;}.helper-mode .bottom-line #close-mode{display: flex !important;}.helper-mode-popup .popup-wrapper .lang-content{flex-wrap: wrap;}.helper-mode-popup .popup-wrapper .lang-content .lang-half{width: 100%;}}