body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;font-family:Nunito,Inter,sans-serif}*{box-sizing:border-box}#editor-content{display:grid;grid-template-rows:auto 1fr auto;position:relative;height:550px}#editor-content:has(.orientation-column){height:800px}#editor-content.codelab-editor{display:grid;grid-template-rows:auto 1fr auto;position:absolute;height:100vh;width:100vw}.editor-header{display:flex;flex-direction:column;justify-content:space-between;width:100%;background:#fff;position:relative}.editor-brand{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px 20px;width:100%}a.editor-title{display:flex;align-items:center;justify-content:center;font-size:24px}a.editor-title h1{font-family:Poppins,Inter,sans-serif;font-weight:500;font-size:24px;color:var(--primary-color)}@media (max-width:680px){a.editor-title,a.editor-title h1{font-size:20px;margin:0}}a.editor-title i{margin-right:10px}.editor-subheading{flex:50%;font-weight:300;font-size:20px;display:flex;justify-content:flex-end;align-items:center}.editor-navbar .mobile-menu-label label{color:#fff;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin-right:20px}.editor-navbar{display:flex;flex-direction:row;align-items:center;height:41px;justify-content:space-between;background-color:var(--primary-color);box-shadow:0 -2px 1px 0 #ccc;position:relative}.editor-menu-wrapper{position:relative;z-index:200;display:flex;align-items:center;width:100%}#editorMenu{list-style-type:none;margin:0;padding:0;display:flex;align-items:center;flex-direction:row;flex-grow:1;width:100%}#editorMenu li{margin:0}#editorMenu a{text-decoration:none;color:var(--light-color)}.editor-menu-item .item-label{display:none}#editor-console-button,#editorMenu a,.editor-menu-item{color:var(--light-color);width:40px;height:40px;border-radius:40px;line-height:40px;display:inline-flex;justify-content:center;align-items:center}#editor-console-button.active,#editorMenu a:hover,.editor-menu-item:hover{background-color:#ffffff5e}#editorMenu .menu-item:first-child{margin-left:20px}#editorMenu .menu-item{margin-right:20px;cursor:pointer;font-size:20px}#editorMenu .icon{display:inline-block;font-size:18px;color:#333}.navigation-info{display:flex;align-items:center;margin-right:20px}.result-size{font-size:12px;white-space:nowrap;display:inline-flex;color:var(--light-color)}.navigation-btn i{font-size:10px}.navigation-btn{background:var(--light-color);color:var(--primary-color);border-radius:var(--border-radius);padding:5px 15px;margin-left:10px;font-size:15px;outline:0;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center}.navigation-btn i{margin-left:10px}.navigation-btn:hover{background:#ececec}#editor-execute{text-transform:uppercase}.tool-editor #editor-execute{text-transform:capitalize}#editor-menu-input,.editor-menu-label{display:none}#editor-output-overlay{display:none}#editor-output-overlay.processing{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--light-color);opacity:1;transition:opacity .3s ease}#editor-output-overlay.processing i{font-size:1.6rem;transform:translateY(-25px);z-index:13;color:var(--primary-color);animation:beat 1s infinite linear}@keyframes beat{0%,100%{transform:translateY(-25px)}50%{transform:translateY(-35px)}}#editor-output-overlay.processing::before{content:"";position:absolute;top:50%;left:50%;width:30px;border-radius:30px;aspect-ratio:2;transform:translate(-50%,-50%);--_g:no-repeat radial-gradient(circle closest-side, var(--primary-color) 90%, #0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:btn-loader 1s infinite linear;z-index:2;z-index:11}#editor-output-overlay.processed{opacity:0}@keyframes btn-loader{0%,100%{background-position:0 50%,50% 50%,100% 50%}25%{background-position:0 0,50% 50%,100% 50%}50%{background-position:0 50%,50% 0,100% 50%}75%{background-position:0 50%,50% 50%,100% 0}}.editor-input-container .CodeMirror{position:relative}#editor-input-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:0 0;transform:translateY(0);pointer-events:auto;z-index:10;transition:all .3s ease}#editor-input-overlay.hidden{opacity:0;transform:translateY(100%);pointer-events:none}#editor-input-overlay::before{height:30px;width:100%;content:'··· Drop Your ' attr(data-lang) ' File Here ···';background:linear-gradient(to bottom,#d3d3d3,#d3e6fc);font-family:Inter,sans-serif;color:#555;display:flex;align-items:center;justify-content:center;font-size:14px;text-align:center;opacity:1;position:absolute;bottom:0;cursor:pointer;transition:all .3s ease}.editor-dark-mode #editor-input-overlay::before,.editor-dark-mode .editor-sample{background:linear-gradient(to bottom,#fff,#bdbdbd);color:#333}#editor-input-overlay.expand::before{height:100%}@media onlyscreen and (max-width:980px){.editor-subheading{font-size:20px;letter-spacing:1px}}@media only screen and (max-width:680px){.editor-menu-container #editor-changeorientation{display:none}.editor-subheading{display:none}}.editor-loader{display:flex;justify-content:center;align-items:center;position:absolute;top:0;border-radius:10px;width:calc(100% - 20px);border:1px solid #ddd;height:calc(100% - 70px);background-color:#fff;z-index:100;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.editor-container.orientation-column .editor-loader{width:calc(100% - 40px);height:calc(100% - 57px);left:20px}.editor-loader.loaded{opacity:0;visibility:hidden}.editor-loader.hidden{display:none}.editor-input-container .editor-loader{right:0}.editor-loader i{font-size:1.6rem;transform:translateY(-25px);color:var(--primary-color);animation:loading-icon 1s infinite linear}@keyframes loading-icon{0%,100%{transform:translateY(-25px)}50%{transform:translateY(-35px)}}.editor-loader .loadig-dots{content:"";position:absolute;top:50%;left:50%;width:30px;border-radius:30px;aspect-ratio:2;transform:translate(-50%,-50%);--_g:no-repeat radial-gradient(circle closest-side, var(--primary-color) 90%, #0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:editor-loader 1s infinite linear;z-index:2;z-index:11}@keyframes editor-loader{0%,100%{background-position:0 50%,50% 50%,100% 50%}25%{background-position:0 0,50% 50%,100% 50%}50%{background-position:0 50%,50% 0,100% 50%}75%{background-position:0 50%,50% 50%,100% 0}}.editor-container{display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;height:calc(100% - 20px)}.tool-editor .editor-container{margin-top:20px}.editor-input-container,.editor-output-container{overflow:hidden;z-index:9;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;position:relative}.editor-input,.editor-output{display:none}.codelab-editor .editor-output{height:100%;flex:1;border:1px solid #ddd;background:#fff;overflow:auto}.CodeMirror{width:calc(100% - 20px);height:100%!important;white-space:pre-wrap;cursor:text;font-size:14px;border-radius:10px}.codelab-editor .CodeMirror{border-radius:0;width:100%}.CodeMirror-empty .CodeMirror-placeholder{color:#ccc!important;font-weight:100}.tool-editor .editor-output-container .CodeMirror,.tool-editor .editor-output-container .CodeMirror-empty .CodeMirror-placeholder{cursor:default!important}.tool-editor .editor-input-container .CodeMirror{margin-left:20px}.tool-editor .editor-output-container .CodeMirror{margin-right:20px}.tool-editor .editor-container.orientation-column .CodeMirror{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}#shield{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:4;display:none;background-color:transparent}#shield.visible{display:block}@media (max-width:679px){.editor-container{flex-direction:column}.editor-input-container{width:100%;height:50%}.editor-output-container{width:100%;height:50%}#resizer{width:100%;height:10px;cursor:row-resize}#resizer i{transform:rotate(90deg)}}.editor-container.orientation-column{flex-direction:column}.editor-container.orientation-column .editor-input-container{width:100%;height:calc(50% - 5px)}.editor-container.orientation-column .editor-output-container{width:100%;height:calc(50% - 5px)}.editor-container.orientation-row{flex-direction:row}.editor-container.orientation-row .editor-input-container{width:calc(50% - 5px);height:100%}.editor-container.orientation-row .editor-output-container{width:calc(50% - 5px);height:100%}.editor-container.orientation-column .CodeMirror{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.editor-container.orientation-column .editor-output{border-top-left-radius:10px;border-top-right-radius:10px}.editor-container.orientation-row .CodeMirror{border-bottom-right-radius:10px;border-top-right-radius:10px}.editor-container.orientation-row .editor-output{border-top-left-radius:10px;border-bottom-left-radius:10px}#resizer{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10;background:var(--light-color)}#resizer i{color:#888;font-weight:100}.editor-container.orientation-column #resizer{width:100%;height:10px;cursor:row-resize}.editor-container.orientation-column #resizer i{transform:rotate(90deg)}.tool-editor .editor-container.orientation-row #resizer{width:10px;height:calc(100% - 50px);cursor:col-resize}.editor-container.orientation-row #resizer{width:10px;height:100%;cursor:col-resize}.editor-container.orientation-row #resizer i{transform:none}.editor-controls{display:flex;flex-direction:column;height:70px;padding:0 20px}.editor-input-container .editor-controls{padding-right:0}.editor-output-container .editor-controls{padding-left:0;align-items:end}.editor-container.orientation-column .editor-input-container .editor-controls{padding-right:20px}.editor-container.orientation-column .editor-output-container .editor-controls{padding-left:20px}.editor-controls .input-size,.editor-controls .output-size{font-size:.8em;color:#666;height:20px}.editor-container .code-sizes-vertical{display:none}.editor-container.orientation-column .editor-controls .input-size,.editor-container.orientation-column .editor-controls .output-size{display:none}.editor-container.orientation-column .code-sizes-vertical{display:flex;flex-direction:row;flex-wrap:nowrap;text-wrap:nowrap;justify-content:space-between;height:50px;font-size:1em;font-weight:500;margin:0 20px}.editor-actions{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:50px}.editor-output-container .editor-actions{width:100%}.editor-buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px}.editor-output-container .editor-buttons{width:100%}.editor-actions .editor-button{display:flex;align-items:center;cursor:pointer;padding:5px 20px;height:35px;background:linear-gradient(to bottom,var(--primary-color),#2a67b3);color:#fff;border-radius:8px;text-wrap:nowrap;transition:background .3s ease-in-out}.editor-button i{margin-right:5px}.editor-actions .editor-button:hover{background:linear-gradient(to bottom,var(--primary-color) 60%,#2a67b3);box-shadow:0 0 4px 0 #bbb}.editor-controls .editor-report{width:35px;height:35px;line-height:35px;border-radius:35px;color:red;text-align:center;transition:all .3s ease}.editor-controls .editor-report:hover{background-color:var(--light-color);box-shadow:0 3px 5px 0 #ccc}.editor-input-container{position:relative}.editor-sample{display:block;position:absolute;background:linear-gradient(to bottom,#d3d3d3,#d3e6fc);color:#555;padding:5px 10px;font-size:12px;border-radius:30px;top:10px;right:10px;margin-left:auto;width:fit-content;cursor:pointer;z-index:1;opacity:1;transition:all .3s ease}.editor-container.orientation-column .editor-sample{right:30px}.editor-sample.hidden{opacity:0;pointer-events:none}.editor-output-ad{display:block;position:absolute;width:100%;top:0;left:0;z-index:10}.editor-output-ad.hidden{display:none}body.darktheme .tool-editor{background:var(--secondary-color)}body.darktheme .editor-header{background:var(--secondary-color);color:var(--light-color)}body.darktheme .editor-title{color:var(--light-color)}body.darktheme .editor-navbar{background:var(--secondary-color);box-shadow:0 0 3px var(--light-color)}body.darktheme #resizer{background:var(--secondary-color)}body.darktheme #resizer i{color:var(--light-color);opacity:.9}body.darktheme #editorMenu a,body.darktheme .editor-menu-item{color:var(--light-color)}body.darktheme #editorMenu a:hover,body.darktheme .editor-menu-item:hover{color:#999}body.darktheme .editor-output{border-color:var(--secondary-color)!important;outline:0}body.darktheme .editor-input-container,body.darktheme .editor-output-container{scrollbar-color:var(--primary-color) var(--primary-color-hover);background-color:var(--secondary-color)}.editor-alert{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);justify-content:center;align-items:center;z-index:9999}.editor-alert .alert-box{background:#fff;padding:20px;border-radius:8px;max-width:90%;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.3);overflow-y:auto}.editor-alert .alert-message{margin:20px 0}.editor-alert #alertMessage{font-size:18px;margin-bottom:20px}.editor-alert #alertDetails{text-align:left;margin-bottom:20px}.editor-alert ul{list-style-type:none;padding:0}.editor-alert li{margin:5px 0}.editor-alert button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer}.editor-alert button:hover{background-color:var(--secondary-color)}.editor-modal{display:flex;align-items:center;justify-content:center;background-color:#0000003f;width:100%;height:100%;top:0;left:0;right:0;bottom:0;position:fixed;transition:all .3s ease}.editor-modal .modal-body{background-color:#fff;position:relative;max-width:50%;max-height:400px;min-width:300px;min-height:200px;pointer-events:all;margin:auto;display:grid;grid-template-rows:50px 1fr;border-radius:10px;box-shadow:0 0 5px 0 #00000077;transition:all .5s ease}.editor-modal .modal-body:hover{box-shadow:0 0 10px 0 #000000b9}.editor-modal .modal-header{height:100%;background-color:var(--secondary-color);border-radius:10px 10px 0 0;padding:10px}.editor-modal .modal-title{margin:0;color:var(--light-color)}.editor-modal .modal-content{margin:auto;padding:10px;overflow:auto;height:100%;width:100%}.editor-modal .modal-close{position:absolute;top:10px;right:10px;font-size:22px;width:30px;height:30px;color:#fff;text-align:center;line-height:30px;border-radius:2px;border:1px solid #ccc;cursor:pointer;transition:all .2s ease}.editor-modal .modal-close:hover{color:var(--primary-color);border-color:var(--primary-color);background:#cccccc34}.editor-notification{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.notification-box{background-color:#323232;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:14px;max-width:400px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;pointer-events:auto;animation:fadeInUp .3s ease-out}body.darktheme .notification-box{background-color:var(--primary-color)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#progress-bar-container{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:30%;height:auto;z-index:1000;display:flex;flex-direction:column;align-items:center;padding:10px;overflow:hidden}.progress-bar{width:100%;height:10px;border-radius:20px;background:repeating-linear-gradient(135deg,var(--primary-color) 0 10px,rgba(0,0,0,.8) 0 20px) 0/0 no-repeat,repeating-linear-gradient(135deg,#ddd 0 10px,#eee 0 20px) 0/100%;animation:p3 2s infinite;box-shadow:0 3px 5px 0 #000;transition:opacity .3s ease-in-out}@keyframes p3{100%{background-size:100%}}.title-container{text-align:center;font-weight:600;font-size:16px;margin-bottom:4px;transition:opacity .3s ease-in-out,margin-bottom .3s ease-in-out}.success-message{text-align:center;color:#155724;font-size:16px;padding:10px 20px;border-radius:4px;z-index:1001;opacity:0;transition:opacity .3s ease-in-out;margin-bottom:0;color:#fff}[data-tooltip-bottom],[data-tooltip-top]{position:relative;cursor:pointer}[data-tooltip-bottom]::before,[data-tooltip-top]::before{content:attr(data-tooltip-top);position:absolute;background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;left:50%;transform:translateX(-50%)}[data-tooltip-bottom]::after,[data-tooltip-top]::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-style:solid;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}[data-tooltip-top]::before{bottom:125%}[data-tooltip-top]::after{bottom:calc(125% - 5px);border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent}[data-tooltip-bottom]::before{top:125%;content:attr(data-tooltip-bottom)}[data-tooltip-bottom]::after{top:calc(125% - 5px);border-width:0 5px 5px 5px;border-color:transparent transparent #333 transparent}[data-tooltip-bottom]:hover::after,[data-tooltip-bottom]:hover::before,[data-tooltip-top]:hover::after,[data-tooltip-top]:hover::before{opacity:1;visibility:visible}.editor-footer{background-color:var(--light-color);font-size:14px;position:fixed;bottom:0;left:0;width:100%;min-height:20px;z-index:10;display:flex;flex-direction:column;transition:all .3s ease}.editor-footer .status-bar{padding-left:30px;display:flex;justify-content:flex-start;align-items:center;position:fixed;bottom:0;z-index:101;background-color:var(--light-color);width:100%}.editor-footer:has(.editor-console.visible) .status-bar{background-color:#333;color:#ccc}.editor-footer:has(.editor-console.visible) .selected-theme,.editor-footer:has(.editor-console.visible) .status-bar a,.editor-footer:has(.editor-console.visible) .status-bar-item{color:#ccc}.editor-footer:has(.editor-console.visible) .selected-theme:hover,.editor-footer:has(.editor-console.visible) .status-bar a:hover,.editor-footer:has(.editor-console.visible) .status-bar-item:hover{background-color:#000000a2}.editor-footer:has(.editor-console.visible) #sb-console{background-color:#000000a2}.editor-footer .status-bar .status-bar-item,.selected-theme{cursor:pointer;color:#575656;border-left:1px solid #ddd;padding:0 10px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;width:90px;text-align:center;text-overflow:ellipsis}.editor-footer .status-bar .selected-theme{border-right:1px solid #ddd;width:120px;text-transform:capitalize}.editor-footer .status-bar a{text-decoration:none;color:#333}.editor-footer .status-bar .status-bar-item:hover,.editor-themes:has(.show) .selected-theme,.selected-theme:hover{background-color:#eee;transition:all .3s ease}body.darktheme .status-bar{background-color:var(--secondary-color)}body.darktheme .editor-footer .selected-theme,body.darktheme .editor-footer .status-bar-item{color:#eee;box-shadow:none;border-color:#b3b3b3}body.darktheme .editor-footer .selected-theme:hover,body.darktheme .editor-footer .status-bar .status-bar-item:hover,body.darktheme .editor-themes:has(.show) .selected-theme{background-color:#0000003f}.editor-console{background-color:#1e1e1e;color:#fff;border-top:1px solid #333;height:100%;visibility:hidden;opacity:0;max-height:300px;height:0;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden;z-index:100}.editor-console.visible{visibility:visible;opacity:1;height:100px}.editor-console.visible.expanded{height:300px;max-height:300px}.console-body{flex-grow:1 1 auto;height:100%;max-height:250px;box-sizing:border-box;background-color:#1e1e1e;padding:10px;overflow-y:auto;white-space:pre-wrap;line-height:1.6;min-height:0;scrollbar-color:#333 #111}.console-header{display:flex;justify-content:space-between;align-items:center;background-color:#1f1f1f;padding:8px 12px;border-bottom:1px solid #444;cursor:pointer}.console-title{color:var(--light-color);display:flex;align-items:center;font-family:Arial,Helvetica,sans-serif;gap:8px}.console-controls{display:flex;align-items:center;gap:10px}.console-controls div{color:#ccc;cursor:pointer;background:0 0;border:none;display:flex;align-items:center;justify-content:center;background-color:#333;width:30px;height:30px;line-height:30px;border-radius:20px;transition:all .3s ease}.console-controls .clear-console{margin-right:20px;border-radius:var(--border-radius);width:70px}.console-expand{font-size:15px}.console-close{font-size:18px}.console-controls div:hover{color:#fff;background-color:#555}.editor-footer.visible.expanded .console-expand{transform:rotate(180deg)}.console-link{color:#6bb2ff;text-decoration:underline}.console-debug,.console-error,.console-info,.console-log,.console-warn{display:flex;align-items:center;gap:8px;margin-bottom:5px}.console-icon{display:flex;align-items:center;width:16px;text-align:center;flex-shrink:0}.console-log{color:silver}.console-info{color:#82aaff}.console-warn{color:#ffcb6b}.console-error{color:#f07178;font-weight:700}.console-debug{color:#a1efe4}.console-log .console-icon{color:silver}.console-info .console-icon{color:#82aaff}.console-warn .console-icon{color:#ffcb6b}.console-error .console-icon{color:#f07178}.console-debug .console-icon{color:#a1efe4}.status-bar-themes{position:relative;width:150px}.editor-themes{position:relative}.editor-themes-options{display:none;position:absolute;bottom:100%;left:0;bottom:20px;background-color:#fff;border:1px solid #ccc;max-height:200px;min-width:200px;overflow-y:auto;width:100%}.selected-theme{display:flex;align-items:flex-end;justify-content:center}.selected-theme::after{font-family:tutsinsider;margin-left:5px;content:'\e906';transition:all .3s ease-in-out}.status-bar-themes:has(.show) .selected-theme::after{transform:rotate(180deg)}.editor-themes-options.show{display:block}.theme-option{padding:10px;cursor:pointer;text-transform:capitalize}.theme-option.active,.theme-option:hover{background-color:#f0f0f0}.shortcuts-container{display:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;background:#1d1f20;color:#fff;padding:20px;font-family:sans-serif;max-width:700px;position:absolute;left:50%;top:50%;border:5px solid var(--primary-color);border-radius:10px;opacity:0;visibility:hidden;z-index:100;transform:translateX(-50%) translateY(-50%)}.shortcuts-container.visible{opacity:1;visibility:visible;display:grid}.shortcuts-shield{display:none;position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100vh;z-index:99}.shortcuts-shield.visible{display:block;background-color:#000000ab}.shortcuts-container .shortcut-group{border-right:1px solid #444;padding-right:20px}.shortcuts-container .shortcut-group:last-child{border-right:none}.shortcuts-container .group-title{font-weight:700;font-size:18px;margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:10px;color:var(--primary-color)}.shortcuts-container .shortcut-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shortcuts-container .shortcut-keys{display:flex;flex-wrap:wrap;gap:10px}.shortcuts-container .shortcut-keys .key{background:#333;padding:2px 6px;border-radius:3px;border:1px solid #666;font-size:14px;white-space:nowrap}.shortcuts-container .shortcut-label{font-size:14px;color:#ccc}#close-shortcuts{position:absolute;right:0;top:0;cursor:pointer;font-size:26px;color:var(--primary-color);transition:all .3s ease}#close-shortcuts:hover{color:#235ea7}@media only screen and (max-width:680px){.shortcuts-container{width:95%;max-width:100%;padding:10px;box-sizing:border-box}.shortcuts-container .shortcut-group{border-right:none!important;padding-right:0;padding-bottom:10px;margin-bottom:0}.shortcuts-container .shortcut-group:last-child{border-bottom:none}.shortcuts-container .group-title{font-size:16px;margin-bottom:10px}.shortcuts-container .shortcut-item{align-items:flex-start;gap:5px}.shortcuts-container .shortcut-keys{margin-bottom:0}.shortcuts-container .shortcut-label{font-size:12px}}