input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-background);border:.15em solid var(--color-black-base);border-radius:.15em;color:var(--color-white-base);display:grid;font:inherit;height:1.15em;margin:0;place-content:center;transform:translateY(-.075em);width:1.15em}input[type=checkbox]:before{background-color:CanvasText;box-shadow:inset 1em 1em var(--color-black-base);-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.65em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:.65em}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:max(2px,.15em) solid var(--color-white-base);outline-offset:max(2px,.15em)}input[type=checkbox]:disabled{--form-control-color:var(--form-control-disabled);color:var(--form-control-disabled);cursor:not-allowed}input,select{border:1px solid var(--color-gray-400);border-radius:4px;height:3.5rem;outline:0;padding:0 .5rem}input,select,textarea{background-color:var(--color-white-base);color:var(--color-black-base)}textarea{border:1px solid var(--color-gray-600)}@-webkit-keyframes slide-in-bottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes focus-in-expand{0%{filter:blur(12px);letter-spacing:-.5em;opacity:0}to{filter:blur(0);opacity:1}}@keyframes focus-in-expand{0%{filter:blur(12px);letter-spacing:-.5em;opacity:0}to{filter:blur(0);opacity:1}}@-webkit-keyframes text-focus-in{0%{filter:blur(12px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{filter:blur(12px);opacity:0}to{filter:blur(0);opacity:1}}@-webkit-keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@-webkit-keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}:root{--color-aquamarine-600:#5bffba;--color-aquamarine-500:#6bfeba;--color-aquamarine-400:#85ffc7;--color-aquamarine-300:#99ffd1;--color-aquamarine-200:#c1ffe2;--color-aquamarine-100:#dbffec;--color-lavender-600:#f8e9e9;--color-lavender-500:#fbefef;--color-lavender-400:#f8e9e9;--color-lavender-300:#f8e9e9;--color-lavender-200:#f8e9e9;--color-lavender-100:#f8e9e9;--color-rich-black-600:#011627;--color-rich-black-500:#011627;--color-rich-black-400:#011627;--color-rich-black-300:#011627;--color-rich-black-200:#011627;--color-rich-black-100:#02385b;--color-red-600:#f36;--color-red-500:#ff4d78;--color-red-400:#ff7498;--color-red-300:#f36;--color-red-200:#f36;--color-red-100:#f36;--color-blue-600:#06f;--color-blue-500:#3eb1f5;--color-blue-400:#5ebcf4;--color-blue-300:#7ecaf9;--color-blue-200:#c1daff;--color-blue-100:#e8ebf3;--color-gray-600:#efefef;--color-gray-500:#707070;--color-gray-400:#8b8b8b;--color-gray-300:#aaa;--color-gray-200:#b1b1b1;--color-gray-100:#cacaca;--color-white-base:#fff;--color-white-light:#f4f4f4;--color-white-lighter:#f8f8f8;--color-black-base:#000;--color-home_animation-first:purple 3%;--color-home_animation-second:#309fee 38%;--color-home_animation-third:#d91341 68%;--color-home_animation-fourth:#f36 100%;--color-diff-originalBackground:#ff856a;--color-diff-originalText:#ff5326;--color-diff-changedBackground:#80dca9;--color-diff-changedText:#39ce79}[data-theme=dark]{--color-aquamarine-600:#5bffba;--color-aquamarine-500:#6bfeba;--color-aquamarine-400:#85ffc7;--color-aquamarine-300:#99ffd1;--color-aquamarine-200:#c1ffe2;--color-aquamarine-100:#dbffec;--color-lavender-600:#222;--color-lavender-500:#222;--color-lavender-400:#222;--color-lavender-300:#222;--color-lavender-200:#222;--color-lavender-100:#222;--color-rich-black-600:#125e9b;--color-rich-black-500:#055aa2;--color-rich-black-400:#125e9b;--color-rich-black-300:#125e9b;--color-rich-black-200:#125e9b;--color-rich-black-100:#02385b;--color-red-600:#d91341;--color-red-500:#ff4d78;--color-red-400:#ff7498;--color-red-300:#f36;--color-red-200:#f36;--color-red-100:#f36;--color-blue-600:#3f7de1;--color-blue-500:#3eb1f5;--color-blue-400:#5ebcf4;--color-blue-300:#7ecaf9;--color-blue-200:#222;--color-blue-100:#111;--color-gray-600:#222;--color-gray-500:#222;--color-gray-400:#222;--color-gray-300:#222;--color-gray-200:#222;--color-gray-100:#222;--color-white-base:#0f0f0f;--color-white-light:#111;--color-white-lighter:#222;--color-black-base:#f8f8f8;--color-home_animation-first:#981f98 3%;--color-home_animation-second:#195789 38%;--color-home_animation-third:#740721 68%;--color-home_animation-fourth:#910e0e 100%;--color-diff-originalBackground:#d44928;--color-diff-originalText:#7d1600;--color-diff-changedBackground:#346c54;--color-diff-changedText:#16a066}button,button.primary{background-color:var(--color-blue-600);border:1px solid var(--color-blue-600);border-radius:6px;color:var(--color-white-base);cursor:pointer;display:inline-block;font-size:1.4rem;font-weight:600;padding:10px 25px;position:relative;top:0;transition:all .3s ease}button.primary:hover,button:hover{filter:brightness(97%);transition:all .3s ease}button.primary:active,button.primary:focus,button:active,button:focus{filter:brightness(95%);transition:all .3s ease}button.primary:disabled,button:disabled{opacity:.5}button.secondary{background-color:var(--color-red-600);border-color:var(--color-red-600)}button.large{font-size:1.6rem;padding:12px 25px}button.small{font-size:1.2rem;padding:9px 20px}body{background-color:var(--color-blue-100);font-size:1.4rem;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.main>div,.main>section{margin:1rem auto 3rem;max-width:1920px;padding-left:3rem;padding-right:3rem}.main>.full-width{max-width:100%;padding-left:0;padding-right:0}html{font-size:62.5%}html *{font-family:Poppins,sans-serif}a{color:var(--color-blue-600);text-decoration:none}dd,div,dt,h1,h2,h3,h4,h5,h6,li,p,span,strong{color:var(--color-black-base)}*{box-sizing:border-box}.page-title{padding:2rem;text-align:center}.page-title h1{display:inline-block;font-size:2.8rem;margin:0}.page-title h2{font-size:2rem;font-weight:400;margin:0}.page-title p{font-size:1.4rem}pre{margin:0}.bordered{border-radius:10px}.elevated{box-shadow:0 0 4px 0 var(--color-gray-600)}@media screen and (min-width:1025px){.page-title h1{font-size:3.4rem}.page-title h2{font-size:2rem}.page-title p{font-size:1.4rem}#app-footer .inner{-ms-flex-pack:center;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;text-align:center}#app-footer .footer-pages ul,#app-footer .inner{align-items:center;display:flex}#app-footer .footer-pages ul li:first-child:before{display:none}#app-footer .footer-pages ul li:before{content:"|";margin:0 1rem}}@media screen and (max-width:768px){.main>div,.main>section{padding-left:2rem;padding-right:2rem}.page-title h1{font-size:2.4rem;word-break:break-all}.page-title h2{font-size:1.5rem}.page-title p{font-size:1.2rem}}section:empty{display:none}#app-footer .footer-pages ul{list-style:none;padding:0}#app-header{background-color:var(--color-white-base);box-shadow:0 0 3px 1px var(--color-gray-100);padding:1rem}#app-header .inner{-ms-flex-pack:space-between;align-items:center;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;margin:0 auto;max-width:1920px;position:relative}#app-header .logo{display:inline-block;height:35px}#app-header .logo a{align-items:center;color:var(--color-white-base);display:flex;font-size:1.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#app-header .logo a,#app-header .logo a:hover{text-decoration:none}#app-header .logo img{height:35px;-o-object-fit:contain;object-fit:contain}#app-header .note{font-size:1.3rem;margin-left:1rem}#app-header .dark-mode-toggle{font-size:2rem}#app-header .dark-mode-toggle span{cursor:pointer;padding:1rem 0}#app-header .dark-mode-toggle span.dark{display:none}#app-header .dark-mode-toggle span:before{transform:rotate(0deg);transition:all .2s ease}#app-header .dark-mode-toggle span:hover:before{transform:rotate(30deg);transition:all .2s ease}[data-theme=dark] #app-header .dark-mode-toggle span{display:none}[data-theme=dark] #app-header .dark-mode-toggle span.dark{display:block}@media screen and (min-width:769px){#app-header .logo,#app-header .logo img{height:50px}#app-header .note{font-size:1.8rem}}body:after{background-color:rgba(0,0,0,.5);content:"";filter:alpha(opacity=0);height:calc(100% - 77px);left:0;opacity:0;position:fixed;top:70px;transition:all .3s ease;visibility:hidden;width:100%;z-index:1}body.nav-open{overflow:hidden;z-index:1111}body.nav-open:after{filter:alpha(opacity=100);opacity:1;transition:all .3s ease;visibility:visible}header .menu-inner-wrapper{-ms-flex-pack:center;align-items:center;background-color:var(--color-black-base);cursor:pointer;display:flex;height:100%;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin-bottom:0;position:relative}header .menu-inner-wrapper span{border-radius:2px;display:block;height:2px;opacity:1;position:relative;transition:.25s ease-in-out;width:18px}header .menu-inner-wrapper span.active{height:0}header .menu-inner-wrapper span.active:before{transform:rotate(45deg);transition:.25s ease-in-out}header .menu-inner-wrapper span.active:after{transform:rotate(135deg);transition:.25s ease-in-out}header .menu-inner-wrapper span:after,header .menu-inner-wrapper span:before{background-color:var(--color-black-base);border-radius:2px;content:"";display:block;height:2px;opacity:1;position:absolute;transition:.25s ease-in-out;width:18px}header .menu-inner-wrapper span:before{transform:translateY(-5px)}header .menu-inner-wrapper span:after{transform:translateY(5px)}.menu-wrapper{cursor:pointer;padding:1rem}#nav-wrapper{background-color:var(--color-white-base);height:calc(100% - 77px);left:0;padding:3rem;position:fixed;top:70px;transform:translateX(-100%);width:30%;z-index:100}#nav-wrapper,#nav-wrapper.active{transition:all .3s ease;will-change:transform}#nav-wrapper.active{transform:translateX(0)}#nav-wrapper ul{list-style:none;padding-left:0}#nav-wrapper ul.level0{position:relative}#nav-wrapper ul.level1{background-color:var(--color-white-base);filter:alpha(opacity=0);height:100%;opacity:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:all .3s ease-in-out;visibility:hidden;width:100%;will-change:transform}#nav-wrapper ul.level1.active{filter:alpha(opacity=100);opacity:1;transform:translateX(0);transition:all .3s ease-in-out;visibility:visible;will-change:transform}#nav-wrapper li{background-color:var(--color-white-lighter);border-radius:10px;cursor:pointer;margin-bottom:1.5rem;padding:2rem;transition:all .4s ease}#nav-wrapper li:hover{background-color:var(--color-white-light);transition:all .4s ease}#nav-wrapper li .icon,#nav-wrapper li .section-title{align-items:center;display:flex}#nav-wrapper li .icon{-ms-flex-pack:center;background-color:var(--color-blue-200);border-radius:50%;height:40px;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin-right:2rem;width:40px}#nav-wrapper li.level1{padding:0}#nav-wrapper .back{display:inline-block;margin-bottom:2rem}#nav-wrapper .back:before{margin-right:1rem}#nav-wrapper a{background-color:var(--color-white-lighter);border-radius:10px;cursor:pointer;display:inline-block;padding:2rem;text-decoration:none;transition:all .4s ease;width:100%}#nav-wrapper a:hover{background-color:var(--color-lavender-500);transition:all .4s ease}@media screen and (max-width:1440px){#nav-wrapper{width:40%}}@media screen and (max-width:1024px){#nav-wrapper{width:70%}}@media screen and (max-width:480px){#nav-wrapper{width:100%}}#app-footer{background-color:var(--color-white-base);margin-top:2rem;padding:1rem}#app-footer .inner{margin:0 auto;max-width:1920px}.copyright{font-size:1.3rem}.line-numbers-wrapper{background-color:var(--color-white-lighter);border:0;box-shadow:none;display:flex;font-size:1.6rem;height:300px;overflow:hidden;position:absolute;resize:none;text-align:right;width:4rem}#line-numbers-wrapper:focus-visible,.input-output-text:focus-visible{outline:none}.input-output-text{padding-left:calc(5rem + 5px);resize:none}@media screen and (min-width:1025px){.line-numbers-wrapper{height:649px}}.page-info-wrapper>div{background-color:var(--color-white-base);border-radius:10px;margin-bottom:2rem;padding:3rem}.page-description-wrapper h2,.page-info-wrapper h3{font-size:2rem;margin:0}.howto-wrapper{padding:3rem}.howto-wrapper h4{font-size:2rem;margin:0 0 3rem}.howto-wrapper p{line-height:30px;margin:0}.howto-wrapper .usage{margin-top:3rem}.flex-sections .section{background-color:var(--color-white-light);border-radius:10px;margin-bottom:2rem;padding:1.5rem}@media screen and (max-width:640px){.flex-sections .section{width:100%}}.flex-sections .section .title span{font-style:italic;font-weight:700}.flex-sections h4{margin-top:0}.terminology-wrapper{padding:3rem}.terminology-wrapper h3{font-size:2rem;margin:0 0 3rem;text-align:center}@media screen and (min-width:1025px){.flex-sections{grid-gap:2rem;display:grid;grid-template-columns:1fr 1fr 1fr}.flex-sections .section{margin-bottom:0}.page-info-wrapper{display:grid;gap:2rem;grid-auto-columns:1fr;grid-template-columns:repeat(auto-fill,calc(50% - 10px))}.page-info-wrapper>div{margin-bottom:0}.page-description-wrapper{padding:2rem 0}.page-description-wrapper a,.page-description-wrapper p,.page-description-wrapper span{font-size:1.6rem}.page-description-wrapper h2{font-size:3.2rem}.page-description-wrapper .page-description{margin:0 auto}.page-info-wrapper h3{font-size:2.8rem;margin:0}.terminology-wrapper .terminology{font-size:1.6rem;margin:0 auto}.howto-wrapper{padding:2rem 0}.howto-wrapper a,.howto-wrapper li,.howto-wrapper p,.howto-wrapper strong{font-size:1.6rem}.howto-wrapper h4{font-size:3.2rem}.howto{margin:0 auto}.howto img{max-width:100%}}.pages{padding:3rem}.pages h5{font-size:1.5rem;margin-bottom:1rem;margin-top:0}.pages ul{list-style:none;padding:0}.pages .section{margin-bottom:3rem}.pages li{margin-bottom:.5rem}.pages li:last-child{margin-bottom:0}@media screen and (min-width:1025px){.pages{align-items:stretch;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1920px}.pages .section{width:33.33%}}.code-example .title-wrapper{margin-bottom:3rem}.code-example .title-wrapper p{margin-top:.5rem}.code-example h3{font-size:1.8rem;margin:0}.code-example .language,.code-example .languages{align-items:center;display:flex}.code-example .language{background-color:var(--color-blue-200);border-radius:4px;cursor:pointer;margin-left:1rem;padding:10px 20px}.code-example .language img{height:25px;margin-right:1rem;-o-object-fit:contain;object-fit:contain}.code-example .language span{font-weight:600}.code-example .language:hover{background-color:var(--color-blue-600)}.code-example .language:hover span{color:var(--color-white-base)}.code-example .language:first-child{margin-left:0}.code-example .language.active{background-color:var(--color-blue-600)}.code-example .language.active span{color:var(--color-white-base)}.code-example .solution{display:none}.code-example .solution.active{display:block}.code-example .solution .option{cursor:pointer}.code-example .solution .option span{color:#7d7d7d}.code-example .solution .option.active span,.code-example .solution .option:hover span{color:var(--color-red-600);font-weight:600}.code-example ul.examples{margin-top:3rem;padding:0}.code-example ul.examples .description{margin-bottom:2rem}.code-example .example{display:none}.code-example .example.code{background-color:var(--color-white-lighter);font-family:"monospace";padding:2rem;white-space:inherit}.code-example .example.active{display:block}.code-example li{margin-bottom:1rem}@media screen and (min-width:1025px){.code-example h3{font-size:2.8rem}.code-example h4{font-size:2rem}.code-example .option{font-size:1.8rem}.code-example .example.description,.code-example .title-wrapper p{font-size:1.6rem}}@media screen and (max-width:640px){.code-example .languages{flex-shrink:0;overflow-x:auto;padding-bottom:2rem}.code-example .language{width:250px}}div .shepherd-arrow:before{background-color:var(--color-red-600)!important}div .shepherd-title{color:var(--color-black-base);font-size:2rem;font-weight:700}div .shepherd-title .step{font-size:1.4rem;font-weight:400;margin-left:1rem}div.shepherd-has-title .shepherd-content .shepherd-header{background:var(--color-blue-100)}div .shepherd-text{background-color:var(--color-white-lighter);color:var(--color-black-base);font-size:1.6rem;padding:3rem 2rem}div footer.shepherd-footer{align-items:center;display:flex;padding:0}div footer.shepherd-footer .shepherd-button{background-color:var(--color-blue-600);border-radius:0;color:var(--color-white-base);flex:1;font-size:1.6rem;font-weight:600;margin:0;padding:1rem 0}div footer.shepherd-footer .shepherd-button.back,div footer.shepherd-footer .shepherd-button.skip{background-color:var(--color-blue-100);color:var(--color-black-base)}div footer.shepherd-footer .shepherd-button.finish{background-color:var(--color-red-600)}div.shepherd-content{border:2px solid var(--color-black-base);border-radius:0;box-shadow:0 0 4px 0 var(--color-gray-600)}#home-wrapper{-ms-flex-pack:center;align-items:center;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(320deg,var(--color-home_animation-first),var(--color-home_animation-second),var(--color-home_animation-third),var(--color-home_animation-fourth));background-attachment:fixed;background-size:400% 400%;display:flex;-moz-flex-direction:column;flex-direction:column;height:100vh;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin:0 0 10rem;max-width:100%;overflow:hidden;padding:1rem 0;position:relative;width:100%;z-index:11}#home-wrapper h1{-webkit-animation:text-focus-in .9s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in .9s cubic-bezier(.55,.085,.68,.53) both}#home-wrapper h2{-webkit-animation:focus-in-expand 1s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-expand 1s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-delay:1.6s;animation-delay:1.6s}#home-wrapper .logo-wrapper img{height:100px;-o-object-fit:contain;object-fit:contain}#home-wrapper .wave{-webkit-animation:wave 10s linear -3s infinite;animation:wave 10s linear -3s infinite;background:hsla(0,0%,100%,.25);border-radius:1000% 1000% 0 0;bottom:0;height:20em;left:0;opacity:.8;position:absolute;transform:translateZ(0);width:200%;z-index:-1}#home-wrapper .wave:nth-of-type(2){animation:wave 18s linear infinite reverse;bottom:-1.25em;opacity:.8}#home-wrapper .wave:nth-of-type(3){animation:wave 20s -1s infinite reverse;bottom:-2.5em;opacity:.9}#home-wrapper .actions{margin:2rem}#home-wrapper .actions button{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-delay:2.9s;animation-delay:2.9s;background-color:transparent;border:2px solid var(--color-white-base)}[data-theme=dark] #home-wrapper .wave{background:hsla(0,0%,61%,.25)}html.snap{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.home .page-title{margin-bottom:1rem;padding-bottom:0}.home .page-title *{color:var(--color-white-base)}#tools-wrapper .title-wrapper{text-align:center}#tools-wrapper .title-wrapper h3{margin:0}#tools-wrapper .title-wrapper p{margin-top:.5rem}#tools-wrapper .tools-grid{display:grid;gap:2rem;margin-top:5rem}#tools-wrapper .tool{-webkit-animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both;background-color:var(--color-white-base);border:1px solid var(--color-white-base);border-radius:10px;box-shadow:0 0 4px 0 #718096}#tools-wrapper .tool:nth-child(1n){-webkit-animation-delay:.25s;animation-delay:.25s}#tools-wrapper .tool:nth-child(2n){-webkit-animation-delay:.5s;animation-delay:.5s}#tools-wrapper .tool:nth-child(3n){-webkit-animation-delay:.75s;animation-delay:.75s}#tools-wrapper .tool:nth-child(4n){-webkit-animation-delay:1s;animation-delay:1s}#tools-wrapper .tool:nth-child(5n){-webkit-animation-delay:1.25s;animation-delay:1.25s}#tools-wrapper .tool:nth-child(6n){-webkit-animation-delay:1.5s;animation-delay:1.5s}#tools-wrapper .title{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:2rem;padding:2rem 2rem 0}#tools-wrapper .title span{-ms-flex-pack:center;align-items:center;background-color:var(--color-blue-200);border-radius:50%;display:flex;height:40px;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin-right:1rem;width:40px}#tools-wrapper .title p{font-size:1.3rem;margin:1rem 0 0;width:100%}#tools-wrapper h3{font-size:1.8rem;margin:0}#tools-wrapper ul{list-style:none;padding:0 2rem}#tools-wrapper ul li{margin-bottom:.5rem}@media screen and (min-width:1025px){#home-wrapper,#tools-wrapper,.home header{scroll-snap-align:start}#tools-wrapper{-ms-flex-pack:center;align-items:center;display:flex;-moz-flex-direction:column;flex-direction:column;height:calc(100vh - 74px);-moz-justify-content:center;-ms-justify-content:center;justify-content:center}#tools-wrapper .tools-grid{grid-auto-columns:12fr;grid-auto-flow:column;scroll-snap-align:start}#tools-wrapper .title-wrapper h3{font-size:3.4rem}}body.convert-case .page-info-wrapper{grid-template-columns:repeat(auto-fill,100%)}@media screen and (min-width:1025px){.input-output-wrapper{-ms-flex-pack:space-between;align-items:flex-start;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.input-output-wrapper .column{width:35.5%}.input-output-wrapper .column.settings{width:28%}.input-output-wrapper div .input-output-text{height:650px}.input-output-wrapper div .input-output-text::-webkit-scrollbar{height:5px;width:5px}.input-output-wrapper div .input-output-text::-webkit-scrollbar-thumb{background:var(--color-black-base);border-radius:0}.input-output-wrapper div .input-output-text::-webkit-scrollbar-track{background:gray}.input-output-wrapper .inner{max-width:100%}.input-output-wrapper .actions{-ms-flex-pack:space-between;align-items:center;display:flex;flex-wrap:wrap;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.input-output-wrapper .actions>button{width:48%}}.input-output-wrapper .input-wrapper,.input-output-wrapper .output-wrapper{box-shadow:0 0 4px 0 var(--color-gray-600)}.input-output-wrapper .column.output-wrapper button{opacity:1}.input-output-wrapper .column.settings .modes-wrapper{-ms-flex-pack:space-between;display:flex;flex-wrap:wrap;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.input-output-wrapper .column.settings .modes-wrapper button{width:100%}.input-output-wrapper .column.settings .modes-wrapper .mode-wrapper{margin-bottom:1rem;width:49%}.input-output-wrapper .column.settings [data-action=reset]{font-weight:500;opacity:1;width:100%}.input-output-wrapper .actions{margin:1rem 0}.input-output-wrapper button.compute{width:100%}.input-output-wrapper div.info{margin-right:1rem;padding:1rem 0 1rem 3rem}.input-output-wrapper .line-numbers-wrapper~.input-output-text{padding-left:5rem}.input-output-wrapper .input-output-text{background-color:var(--color-white-base);border-color:var(--color-gray-400);display:inline-block;font-size:1.6rem;height:300px;padding:.3rem 0 0 1rem;resize:none;width:100%}.input-output-wrapper .input-output-text:disabled{cursor:text;opacity:1}.input-output-wrapper button{opacity:.5}.input-output-wrapper button.active,.input-output-wrapper button:hover{opacity:1}.input-output-wrapper .info-box{align-items:center;background-color:var(--color-white-lighter);display:flex;flex-wrap:wrap;font-size:1.4rem;padding:.7rem 1.5rem;position:relative;top:-6px;width:100%}.input-output-wrapper .info-box span,.input-output-wrapper .info-box strong{color:var(--color-black-base);font-size:1.3rem}.input-output-wrapper .title-wrapper{background-color:var(--color-white-light);padding:1rem;text-align:center}.input-output-wrapper .title-wrapper strong{font-size:1.4rem}.input-output-wrapper pre.input-output-text{overflow-y:scroll;padding:2rem}@media screen and (max-width:1024px){.input-output-wrapper{display:flex;flex-direction:column}.input-output-wrapper .column.output-wrapper{margin:3rem 0;order:2}.input-output-wrapper .column.settings{margin-bottom:2rem;margin-top:2rem;order:3}.input-output-wrapper .title-wrapper strong{font-size:1.4rem}.input-output-wrapper .setting .selection-wrapper{padding:2rem}}#difference-checker{display:flex;width:100%}#difference-checker .comparison .input-output-text{font-size:1.6rem;height:650px;width:100%}#difference-checker .result{margin-top:3rem}#difference-checker pre{background-color:var(--color-white-base);border:1px solid var(--color-gray-600);color:var(--color-black-base)}#difference-checker pre .number{background-color:var(--color-white-base);margin-right:1rem;padding:0 1rem;width:100px}#difference-checker pre.original .different{background-color:var(--color-diff-originalBackground)}#difference-checker pre.original .changed{background-color:var(--color-diff-originalText)}#difference-checker pre.changed .different{background-color:var(--color-diff-changedBackground)}#difference-checker pre.changed .changed{background-color:var(--color-diff-changedText)}@media screen and (min-width:1025px){#difference-checker{display:flex;flex-wrap:wrap;width:100%}#difference-checker .comparison>div,#difference-checker .result>div{width:50%}#difference-checker>div{display:flex;gap:30px;width:100%}.settings-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.settings-wrapper .setting{width:48.5%}.settings-wrapper .setting.full-width{width:100%}.list-parser.input-output-wrapper .column.settings{width:28%}}.list-parser{position:relative}.list-parser .link-to{display:none}.list-parser .link-to h4{font-size:1.5rem}.list-parser .link-to p{font-size:1.4rem}.setting{background-color:var(--color-white-base);border-radius:10px;box-shadow:0 0 4px 0 var(--color-gray-600);margin-bottom:2rem}.setting .input-wrapper{box-shadow:none}.setting .title-wrapper{background-color:var(--color-blue-200);border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:2rem;padding-left:2rem;position:relative;text-align:left;z-index:1}.setting .title-wrapper .tooltip-content{background:var(--color-blue-300);border:1px solid var(--color-blue-300);bottom:100%;color:var(--color-white-base);display:none;left:0;margin-bottom:5px;max-width:360px;min-width:210px;padding:12px 16px;position:absolute;text-align:left;z-index:100}.setting .title-wrapper .tooltip-content:after,.setting .title-wrapper .tooltip-content:before{border:solid transparent;content:"";height:0;position:absolute;width:0}.setting .title-wrapper .tooltip-content:after{border-color:transparent;border-width:5px}.setting .title-wrapper .tooltip-content:before{border-color:transparent;border-width:6px}.setting .title-wrapper .tooltip-content:after,.setting .title-wrapper .tooltip-content:before{top:100%}.setting .title-wrapper .tooltip-content:after{border-top-color:var(--color-blue-300);left:15px;margin-left:-5px}.setting .title-wrapper .tooltip-content:before{border-top-color:var(--color-blue-300);left:15px;margin-left:-6px}.setting .title-wrapper .tooltip-toggle{cursor:pointer}.setting .title-wrapper .tooltip-toggle:focus+.tooltip-content,.setting .title-wrapper .tooltip-toggle:hover+.tooltip-content,.setting .title-wrapper:hover .tooltip-content{display:block}.setting .title-wrapper h3{align-items:center;display:flex;font-size:1.5rem}.setting .title-wrapper h3 span{font-size:2rem;position:absolute;right:25px;top:10px}.setting.no-new-lines .selection-wrapper{-ms-flex-pack:space-between;align-items:center;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.setting.no-new-lines .selection-wrapper label{cursor:pointer;margin-bottom:0}.setting.no-new-lines .selection-wrapper input{margin-right:2rem}.setting.delimiter select,.setting.quotes button{width:100%}.setting h3{font-size:1.8rem;margin:0}.setting label{font-size:1.3rem;font-weight:500;margin-bottom:.5rem}.setting .info{font-size:1.1rem;font-weight:500;margin-top:.5rem;width:100%}.setting .info-wrapper,.setting .selection-wrapper{padding:0 2rem}.setting .selection-wrapper{margin-bottom:2rem}.setting .selection-wrapper button{margin-bottom:.5rem}.setting .input-wrapper{display:flex;flex-direction:column;margin-top:1rem;width:100%}.setting input[type=text]{width:100%}.base64 .settings button{opacity:1}.base64 .settings-wrapper .setting{width:100%}.base64 .selection-wrapper{text-align:center}.base64 select{font-weight:600;width:100%}@media screen and (min-width:1025px){#string-tools.json-pretty .column{width:40%}#string-tools.json-pretty .column.settings{width:19%}}#string-tools.json-pretty .tab-space{padding:2rem 1rem}#string-tools.json-pretty .tab-space .title{margin-bottom:1rem}#string-tools.json-pretty .tab-space strong{font-size:2rem}#string-tools.json-pretty .tab-space select{font-size:1.6rem;height:4rem;padding:0 1rem;width:100%}#string-tools.json-pretty button:not(.reset){margin-bottom:1rem;opacity:1;width:100%}#string-tools.json-pretty .setting button{margin-bottom:0}.json pre{font-family:monospace!important}.json pre *{font-family:monospace}.json pre span{display:inline-block;margin-bottom:.5rem}.json pre .string{color:red}.json pre .number{color:var(--color-blue-600)}.json pre .boolean{color:#9300ff}.json pre .null{color:#ff0}.json pre .key{color:#000}[data-theme=dark] .json pre .string{color:#33de47}[data-theme=dark] .json pre .number{color:var(--color-blue-600)}[data-theme=dark] .json pre .boolean{color:var(--color-red-500)}[data-theme=dark] .json pre .null{color:#ff0}[data-theme=dark] .json pre .key{color:#d1d1d1}.calculator-wrapper .inner{background-color:var(--color-white-base);border-radius:10px;margin:0 auto 3rem;max-width:600px;padding:2rem}.calculator-wrapper .title-wrapper{margin-bottom:5rem;text-align:center}.calculator-wrapper .wrapper{display:flex;flex-wrap:wrap;justify-content:center}.calculator-wrapper span{font-size:1.8rem}.calculator-wrapper .actions{text-align:center}.calculator-wrapper button{margin-top:2rem}.calculator-wrapper .output-wrapper{margin:3rem auto;max-width:450px}.calculator-wrapper .output-wrapper textarea{border:1px solid var(--color-gray-600);border-radius:4px;color:var(--color-black-base);font-size:1.7rem;line-height:17px;padding:1rem;resize:none;width:100%}.calculator-wrapper input{border-radius:4px;color:var(--color-black-base);margin:0 1rem;max-width:150px;outline:0;padding-left:1rem}@media screen and (max-width:768px){#percent-of-number .wrapper>span{text-align:center;width:100%}#percent-of-number .wrapper>span:nth-child(3){width:auto}}#rule-of-three .fields-wrapper .wrapper{flex-direction:column}#rule-of-three .fields-wrapper .initial{margin-bottom:2rem}#rule-of-three .fields-wrapper .actual,#rule-of-three .fields-wrapper .initial{text-align:center}@media screen and (min-width:1025px){#encryptor-wrapper{-ms-flex-pack:space-between;align-items:stretch;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;margin:0 auto;max-width:1440px}#encryptor-wrapper .info-wrapper{width:30%}#encryptor-form{margin-right:2rem;width:70%}#encryptor-form #input{height:200px}#encryptor-form #output{height:100px}}#encryptor-wrapper{margin:3rem auto}#encryptor-wrapper>div{background-color:var(--color-white-base);border-radius:10px;padding:2rem}#encryptor-form{background-color:#fff}#encryptor-form .element-wrapper{margin-bottom:2rem}#encryptor-form .element-wrapper .element{align-items:flex-start;display:flex;-moz-flex-direction:column;flex-direction:column}#encryptor-form #input,#encryptor-form #output,#encryptor-form #salt{width:100%}#encryptor-form #output{background-color:var(--color-gray-100)}#encryptor-form #textarea{padding:1rem}