@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif!important;font-style:normal}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--base-color)!important;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(34,197,94,.25) 0%,transparent 50%);pointer-events:none;z-index:-1}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-circle{position:absolute;border-radius:50%;background:#6c61e81a;animation:float 6s ease-in-out infinite}.floating-circle:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.floating-circle:nth-child(2){width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.floating-circle:nth-child(3){width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.custom_input{width:100%;height:40px;padding:10px;transition:.2s linear;border:.8px solid var(--secondary-color)!important}.custom_input:focus{outline:none!important;border:.5px solid var(--secondary-color)!important;box-shadow:-2px -2px 0 var(--secondary-color)!important}#root{height:100%}.ant-btn-primary{background-color:var(--secondary-color)!important;border-color:var(--base-color)!important;color:var(--base-color)!important}.ant-btn-primary:hover{background-color:var(--base-color)!important;border-color:var(--base-color)!important;color:var(--secondary-color)!important}.ant-btn-color-primary .ant-btn-variant-outlined{background-color:var(--base-color)!important;border-color:var(--secondary-color)!important}.loaderContainer{position:fixed;top:0;width:100vw;height:100vh;width:100%;height:100%;background-color:#bbbc;display:flex;align-items:center;justify-content:center;z-index:9999}.loader{width:64px;height:64px;position:relative;background:#fff;border-radius:4px;overflow:hidden}.loader:before{content:"";position:absolute;left:0;bottom:0;width:40px;height:40px;transform:rotate(45deg) translate(30%,40%);background:#000;box-shadow:32px -34px 0 5px #000;animation:slide 2s infinite ease-in-out alternate}.loader:after{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border-radius:50%;background:#000;transform:rotate(0);transform-origin:35px 145px;animation:rotate 2s infinite ease-in-out}@keyframes slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0)}to{transform:rotate(25deg)}}.fileConverter_container{min-height:100vh;width:100vw}.display_flex{display:flex;align-items:center;justify-content:center}.fileConverter_banner{display:flex;align-items:center;justify-content:space-between;color:#000}.fileConverter_banner .fileConverter_banner_image{width:350px;height:350px;position:fixed;top:5vh;left:10vw;filter:drop-shadow(0 0 .75rem gray)}.fileConverter_banner .file_converter_heading{width:100%;min-height:40vh;display:flex;align-items:center;justify-content:center;font-size:2.5rem;text-align:center;padding-right:5vw;color:var(--secondary-color)}@media (max-width: 870px){.fileConverter_banner{padding-top:50px}.fileConverter_banner_image{display:none}.file_converter_heading{font-size:2.1rem!important;text-align:center!important;width:100%!important}}.dropzone_container{margin:10px 0}.file_converter_file_input_container{padding:5rem 10px;border:4px dashed var(--secondary-color);height:350px;border-radius:20px;color:var(--secondary-color)}.file_converter_file_input_container .file_converter_col{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1rem;font-weight:500}.dropzone.active{border-color:#4299e1;background-color:#e6e6e6;color:#000}.dynamic_button{background-color:var(--secondary-color);border:1px solid black;color:var(--base-color);padding:10px 20px;border-radius:10px;box-shadow:3px 3px #8a8a8a;font-size:1rem}.dynamic_button:hover{cursor:pointer}.dynamic_button:active{box-shadow:none;transform:translate(3px,3px)}.card__container{background:#fff3;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;cursor:pointer}.extension_selector_div{color:#000;display:flex;align-items:center;justify-content:flex-start;padding:10px}.extension_selector_image_name{font-weight:500;color:var(--secondary-color);font-weight:600}.extension_selector_image_size{color:var(--secondary-color);opacity:.7;font-weight:500}.extension_selector_file_convert_select_container{flex-direction:column;display:flex;align-items:center;justify-content:flex-end}.extension_selector_file_convert_button_container{display:flex;align-items:center;justify-content:flex-end}.extension_selector_new_convert_button_container{margin-top:35px;display:flex;align-items:center;justify-content:flex-end}.convert_new_button_container{display:flex;align-items:flex-start;justify-content:flex-end}.eye_icon{color:var(--primary-color)!important}.extension-icon-container{display:flex;align-items:center;justify-content:center}.url_shortener_page_container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;color:#000;padding-top:40px}.url_shortener_page_container .url_shortener_form_container{padding:10px;width:clamp(300px,90vw,800px)}.url_shortener_form{padding:2rem!important}.url_shortener_form .ant-form-item-label label{color:var(--primary-color)!important}.form_input{border:1px solid rgb(171,171,171)}.copy_container{padding:2rem;display:flex}.copy_input{margin-right:10px!important}.copy_input:disabled{background-color:#eee;color:#656565}.url_shortener_header{text-align:center;color:var(--secondary-color)}.landing_page_container{min-height:100vh;width:100vw;padding-bottom:20px}.landing_page_container .landing_header_conatainer{width:100%;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);padding:10px 1rem;padding-top:50px!important;font-size:1.3rem}.landing_page_container .landing_page_features{display:flex;align-items:center;justify-content:center}.landing_page_container .parent_card{color:#000;margin-top:20px}.landing_page_container .child_folder{padding:20px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.landing_page_container .child_folder .feature_name{color:var(--secondary-color);margin-bottom:15px;font-size:2rem}.landing_page_container .child_card_container{display:flex;flex-wrap:wrap}.landing_page_container .child_card_container .child_card{margin:10px 20px;flex-wrap:wrap}@media (max-width: 870px){.landing_header_conatainer{font-size:1.2rem!important;padding-top:10px!important;text-align:center}.child_card_container{flex-direction:column}}.custom-card{width:16rem;background-color:#fff;box-shadow:0 0 15px #00000017;padding:2.25rem;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease;height:15rem;border-radius:20px}.custom-card .card-badge{width:6rem;height:6rem;background-color:#313131;border-radius:9999px;position:absolute;top:-1.75rem;right:-1.25rem}.custom-card .card-badge .badge-text{position:absolute;bottom:1.5rem;left:1.2rem;color:#fff;font-size:1.2rem}.custom-card .card-badge .truncate-3-lines{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.custom-card .card-icon{font-size:2.5rem;color:#313131}.custom-card .card-title{font-weight:700;font-size:1.25rem;color:#494949}.custom-card .card-description{font-size:.875rem;color:#71717a;line-height:1.5rem}.custom-card:hover{transform:translateY(-8px)}@media (max-width: 870px){.custom-card{width:100%}}.nav_bar_container{position:fixed;width:100vw;z-index:2;height:50px}.nav_bar_container .nav_bar_wrapper{display:flex;align-items:center;justify-content:space-between;padding-right:40px;height:100%;width:100%}.nav_bar{display:flex;align-items:center;height:100%;padding-left:10px;color:#000;text-decoration:none}.nav_bar_logo{font-size:1.2rem;color:var(--secondary-color)}.toggleWrapper{position:absolute;top:50%;right:0;overflow:hidden;padding:0 5px;transform:translate3d(-50%,-50%,0);color:#fff}.toggleWrapper .input{position:absolute;left:-99em}.toggle{cursor:pointer;display:inline-block;position:relative;width:70px;height:30px;background-color:#83d8ff;border-radius:20px;transition:background-color .2s cubic-bezier(.445,.05,.55,.95)}.toggle__handler{display:inline-block;position:relative;z-index:1;top:3px;left:3px;width:20px;height:20px;background-color:#ffcf96;border-radius:50px;box-shadow:0 2px 6px #0000004d;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transform:rotate(-45deg)}.toggle__handler .crater{position:absolute;background-color:#e8cda5;opacity:0;transition:opacity .2s ease-in-out;border-radius:100%}.toggle__handler .crater--1{top:18px;left:10px;width:4px;height:4px}.toggle__handler .crater--2{top:20px;left:22px;width:6px;height:6px}.toggle__handler .crater--3{top:10px;left:25px;width:6px;height:6px}.star{position:absolute;background-color:#fff;transition:all .3s cubic-bezier(.445,.05,.55,.95);border-radius:50%}.star--1{top:10px;left:35px;z-index:0;width:30px;height:3px}.star--2{top:18px;left:28px;z-index:1;width:30px;height:3px}.star--3{top:27px;left:40px;z-index:0;width:30px;height:3px}.star--4,.star--5,.star--6{opacity:0;transition:all .3s 0 cubic-bezier(.445,.05,.55,.95)}.star--4{top:16px;left:11px;z-index:0;width:2px;height:2px;transform:translate3d(3px,0,0)}.star--5{top:32px;left:17px;z-index:0;width:3px;height:3px;transform:translate3d(3px,0,0)}.star--6{top:36px;left:28px;z-index:0;width:2px;height:2px;transform:translate3d(3px,0,0)}.input:checked+.toggle{background-color:#749dd6}.input:checked+.toggle:before{color:#fff}.input:checked+.toggle:after{color:#749ed7}.input:checked+.toggle .toggle__handler{background-color:#ffe5b5;transform:translate3d(40px,0,0) rotate(0)}.input:checked+.toggle .toggle__handler .crater{opacity:1}.input:checked+.toggle .star--1{width:2px;height:2px}.input:checked+.toggle .star--2{width:4px;height:4px;transform:translate3d(-5px,0,0)}.input:checked+.toggle .star--3{width:2px;height:2px;transform:translate3d(-7px,0,0)}.input:checked+.toggle .star--4,.input:checked+.toggle .star--5,.input:checked+.toggle .star--6{opacity:1;transform:translateZ(0)}.input:checked+.toggle .star--4{transition:all .3s .2s cubic-bezier(.445,.05,.55,.95)}.input:checked+.toggle .star--5{transition:all .3s .3s cubic-bezier(.445,.05,.55,.95)}.input:checked+.toggle .star--6{transition:all .3s .4s cubic-bezier(.445,.05,.55,.95)}.app-layout{min-height:100vh;padding-top:60px}.app-layout .app-header{background:#fff;box-shadow:0 2px 8px #0000001a;padding:0 24px}.app-layout .app-header .header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.app-layout .app-header .header-content .app-title{color:#1890ff;margin:0}.app-layout .app-content{padding:24px;max-width:1200px;margin:0 auto;width:100%}.app-layout .app-content .json-row{height:calc(100vh - 200px)}.app-layout .app-content .json-row .ant-col{height:100%}.legend_text{color:var(--secondary-color);font-weight:500}@media (max-width: 768px){.app-layout .app-header{padding:0 16px}.app-layout .app-header .header-content{flex-direction:column;gap:16px;padding:16px 0}.app-layout .app-header .header-content .app-title{font-size:20px}.app-layout .app-content{padding:16px}.app-layout .app-content .json-row{height:auto}.app-layout .app-content .json-row .ant-col{height:60vh;margin-bottom:16px}}.json_editor_title{color:var(--secondary-color)!important}.json-container{height:calc(100% - 60px);padding:20px;border-radius:10px}.json-container .ant-card-body{padding:16px;height:calc(100vh - 200px);overflow:hidden}.json-container .container-header{display:flex;justify-content:space-between;align-items:center;width:100%}.json-container .container-header .container-title{margin:0;color:#1890ff}.json-container .active-icon{color:#1890ff}.json-container .inactive-icon{color:var(--primary-color)}.json-container .error-alert{margin-bottom:16px}.json-container .edit_toggle_container{margin:10px}.json-container .content-container{height:100%;overflow:hidden}.json-container .content-container .tree-view-container{height:100%;overflow:auto;border:1px solid #d9d9d9;border-radius:6px;padding:12px;background:#fafafa}.json-container .content-container .tree-view-container .empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:#999;font-style:italic}.json-container .content-container .json-textarea{height:100%!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4}.json-container .content-container .json-textarea.error{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f33}.cm-theme-light{height:100%}.code-editor-wrapper{position:relative;border-radius:4px;height:100%}.code-editor-wrapper.compare-mode{border:2px solid #e8f4fd;background:#fafafa}.code-editor-wrapper.compare-mode .cm-editor{background:transparent}.code-editor-wrapper .cm-editor{height:100%;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.code-editor-wrapper .cm-content{padding:8px}.code-editor-wrapper .cm-focused{outline:none}.diff-indicator{position:absolute;top:8px;right:8px;background:#1890ff1a;padding:4px 8px;border-radius:4px;font-size:12px;color:#1890ff;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(24,144,255,.2)}.diff-count{font-weight:500}.json-tree-view{width:100%;background-color:#f9fafb;border-radius:8px;padding:16px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px}.tree-node-wrapper{-webkit-user-select:none;user-select:none}.tree-node{display:flex;align-items:flex-start;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.tree-node.expandable{cursor:pointer}.tree-node.expandable:hover{background-color:#e5e7eb}.expand-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.chevron{width:16px;height:16px;color:#4b5563}.icon-spacer{width:16px;display:inline-block}.type-icon-wrapper{display:flex;align-items:center;justify-content:center}.type-icon{width:16px;height:16px}.type-string{color:#2563eb}.type-number{color:#16a34a}.type-boolean{color:#ea580c}.type-null{color:#6b7280}.type-array{color:#9333ea}.type-object{color:#0891b2}.node-key{font-weight:600;color:#1f2937}.value-string{color:#2563eb}.value-number{color:#16a34a}.value-boolean-true{color:#ea580c}.value-boolean-false{color:#dc2626}.value-null{color:#6b7280;font-style:italic}.type-tag{padding:2px 8px;border-radius:4px;font-size:12px}.type-tag-array{background-color:#e9d5ff;color:#7c3aed}.type-tag-object{background-color:#cffafe;color:#0891b2}.demo-container{min-height:100vh;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.demo-content{max-width:1024px;margin:0 auto}.demo-header{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;margin-bottom:24px}.demo-header h1{font-size:30px;font-weight:700;color:#1f2937;margin:0 0 8px}.demo-header p{color:#6b7280;margin:0}.demo-viewer{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}@media (max-width: 768px){.demo-header,.demo-viewer{padding:16px}.json-tree-view{font-size:12px}}.page-style .page-container .jwt_page_title{text-align:center;margin-bottom:32px;color:var(--secondary-color)}.page-style .page-container .encoded_jwt_header{background-color:#6363ff;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:10px}.page-style .page-container .encoded_jwt_container{padding:20px}.page-style .page-container .decoded_jwt_header{background-color:#60d360;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:10px}.page-style .page-container .decded_jwt_container{padding:20px}.page-style .page-container .about_jwt_header{background-color:#fff;color:#424242;display:flex;align-items:center;justify-content:flex-start;padding:10px}.page-style .page-container .about_jwt_container{padding:20px;color:var(--primary-color)}.page-style .page-container .about_jwt_container .about_jwt_para,.jwt_paragraph{color:var(--primary-color)}.qr_scanner{display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px);width:100vw;color:var(--primary-color)!important;padding-top:60px}.qr_scanner .content_heading{color:var(--primary-color)!important}.qr_scanner .qr_container{width:clamp(300px,95%,1000px);height:clamp(300px,95%,500px);margin-bottom:20px}.qr_scanner .qr_container .qr_input_column{margin-bottom:20px}.qr_scanner .input-card{padding:10px;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.qr_scanner .qr-card{margin-right:10px;display:flex;align-items:center;justify-content:center;height:100%}.qr_scanner .qr-card .qr_scanner_container{display:flex;flex-direction:column}.qr_scanner .download-button{display:flex;align-items:center;justify-content:center}.jwt_page_title{text-align:center;margin-bottom:32px;color:var(--secondary-color)}.small_label{font-size:.9rem;margin-bottom:4px}:root{--base-color: rgb(232, 232, 232);--primary-color: #000000;--secondary-color: rgba(32, 32, 32, .9)}.dark{--base-color: rgb(36, 36, 36);--primary-color: #ffffff;--secondary-color: rgba(232, 232, 232, .9)}*{transition:background-color .2s,color .2s,border-color .2s}.page-style{min-height:100vh;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.page-style .page-container{max-width:1200px;margin:"0 auto";padding-top:60px}.page-style .page-container .base64_page_title{text-align:center;margin-bottom:32px;color:var(--secondary-color)}.page-style .page-container .encoded_base64_header{background-color:#6363ff;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:10px}.page-style .page-container .encoded_base64_container{padding:20px}.page-style .page-container .decoded_base64_header{background-color:#60d360;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:10px}.page-style .page-container .decded_base64_container{padding:20px}.page-style .page-container .about_base64_header{background-color:#fff;color:#424242;display:flex;align-items:center;justify-content:flex-start;padding:10px}.page-style .page-container .about_base64_container{padding:20px;color:var(--primary-color)}.page-style .page-container .about_base64_container .about_base64_para,.base64_paragraph{color:var(--primary-color)}.base64_info_toggle_row{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.base64_info_toggle_row .ant-segmented{border-radius:8px;font-weight:500;padding:4px}.base64_info_toggle_row .ant-segmented .ant-segmented-item{padding:6px 14px;border-radius:6px}.base64_info_toggle_row .ant-segmented .ant-segmented-item .anticon{margin-right:6px;font-size:16px}.base64_info_toggle_row .ant-segmented .ant-segmented-item-selected{background-color:#1890ff;color:#fff;transition:all .1s ease}.ant-tabs-tab{font-size:20px!important;padding:10px 20px!important}.ant-tabs-tab-active{font-weight:600}.decoded_preview_wrapper{display:flex;align-items:center;gap:12px}.decoded_thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #ddd}