:root{--background:#fff;--foreground:#171717;--colour-one:#ebebeb;--colour-two:#666;--color-thre:#171717;--color-four:#ededed}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--colour-one:#454545;--colour-two:#a1a1a1;--color-thre:#eee;--color-four:#282828}}*{box-sizing:border-box;margin:0;padding:0}html{max-width:100vw;overflow-x:hidden}.light-theme{--background:#fff;--foreground:#171717;--colour-one:#ebebeb;--colour-two:#666;--color-thre:#171717;--color-four:#ededed}.dark-theme{--background:#0a0a0a;--foreground:#ededed;--colour-one:#454545;--colour-two:#a1a1a1;--color-thre:#eee;--color-four:#282828}body{min-width:283px;max-width:1024px;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;padding:30px 12px 15px;font-family:Arial,Helvetica,sans-serif}h1{text-align:center}#utilities{border:1px solid var(--colour-one);border-radius:5px;justify-content:space-around;align-items:center;margin-top:15px;padding-top:5px;padding-bottom:5px;display:flex}#quantity{background-color:var(--background);width:50px;height:30px;color:var(--foreground);border:1px solid var(--colour-one);text-align:center;border-radius:3px;margin-left:10px}#quantity::-webkit-inner-spin-button{opacity:1;height:30px}#quantity::-webkit-outer-spin-button{opacity:1;height:30px}#text-format{background-color:var(--background);height:30px;color:var(--foreground);border:1px solid var(--colour-one);border-radius:3px;margin-left:10px;padding-left:5px;padding-right:5px}button[type=button]{background-color:var(--colour-one);height:30px;color:var(--foreground);border:1px solid var(--colour-one);border-radius:3px;padding-left:5px;padding-right:5px;font-size:16px}button[type=button]:hover{background-color:var(--colour-two)}.theme-switcher{border:1px solid var(--colour-one);border-radius:99px;width:104px;height:40px;padding:3px}.switch{cursor:pointer;border-radius:50%;width:32px;height:32px;padding:8px;display:inline-block;position:relative}.switch:has(input:checked){background-color:var(--colour-one)}.switch-icon{width:16px;height:16px;fill:var(--colour-two)}input:checked+.switch-icon{fill:var(--color-thre)}.option{appearance:none;position:absolute}#display{border:1px solid var(--colour-one);background-color:var(--color-four);white-space:pre-wrap;margin-top:15px;padding:16px 32px}.loader-container{justify-content:center;align-items:center;margin-top:30px;display:flex}.lds-ripple{color:var(--foreground)}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple{width:80px;height:80px;display:inline-block;position:relative}.lds-ripple div{opacity:1;border:4px solid;border-radius:50%;animation:1s cubic-bezier(0,.2,.8,1) infinite lds-ripple;position:absolute}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{opacity:0;width:8px;height:8px;top:36px;left:36px}4.9%{opacity:0;width:8px;height:8px;top:36px;left:36px}5%{opacity:1;width:8px;height:8px;top:36px;left:36px}to{opacity:0;width:80px;height:80px;top:0;left:0}}@media not (min-width:600px){#utilities{flex-wrap:wrap}#utilities>label{width:50%;max-width:285px;margin-bottom:10px;padding-left:calc(25% - 72px)}}@media not (min-width:400px){body{padding-left:6px;padding-right:6px}h1{font-size:1.4rem}#utilities>label{width:100%;max-width:400px;margin-bottom:10px;padding-left:calc(50% - 72px)}#text-format{margin-left:12px}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}