@font-face{font-display:swap;font-family:Source Sans\ 3;font-style:normal;font-weight:400;src:url(../fonts/source-sans-3-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Sans\ 3;font-style:italic;font-weight:400;src:url(../fonts/source-sans-3-400italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Sans\ 3;font-style:normal;font-weight:700;src:url(../fonts/source-sans-3-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Sans\ 3;font-style:italic;font-weight:700;src:url(../fonts/source-sans-3-700italic.woff2) format("woff2")}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:unset;scroll-behavior:smooth;text-rendering:optimizeSpeed}ol[class],ul[class]{padding:0}blockquote,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}canvas,img,picture,svg,video{block-size:auto;display:block;max-inline-size:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--bg-color:#212121;--font-color:#9e9e9e;--font-color-light:#757575;--font-color-highlight:#fff;--topbar-logo-color:#38a5ff;--topbar-logo-color-hover:#99d1ff;--teaser-bg-color:#2e2e2e;--teaser-bg-color-hover:#212121;--teaser-border-color:#424242;--button-bg-color:#38a5ff;--button-bg-color-hover:#0068bd;--button-font-color:#fff;--button-font-color-outline:#38a5ff;--table-row-stripped-bg-color:hsla(0,0%,46%,.07);--table-border-color:#2e2e2e;--table-svg-color:#757575;--box-bg-color:#2e2e2e;--form-element-bg-color:#2e2e2e;--form-element-border-color:#424242;--form-element-font-color:#bdbdbd;--form-element-placeholder-color:#616161;--result-box-bg-color:#424242;--preview-fill-color:#2e2e2e}[data-theme=light]{--bg-color:#fff;--font-color:#424242;--font-color-light:#616161;--font-color-highlight:#000;--topbar-logo-color:#38a5ff;--topbar-logo-color-hover:#0068bd;--teaser-bg-color:#ebebeb;--teaser-bg-color-hover:#fff;--teaser-border-color:#e0e0e0;--button-bg-color:#38a5ff;--button-bg-color-hover:#0068bd;--button-font-color:#fff;--button-font-color-outline:#0068bd;--table-row-stripped-bg-color:hsla(0,0%,46%,.04);--table-border-color:#e0e0e0;--table-svg-color:#9e9e9e;--box-bg-color:#ebebeb;--form-element-bg-color:#ebebeb;--form-element-border-color:#bdbdbd;--form-element-font-color:#424242;--form-element-placeholder-color:#9e9e9e;--result-box-bg-color:#bdbdbd;--preview-fill-color:#e0e0e0}html{font-family:Source Sans\ 3,system-ui,sans-serif;font-optical-sizing:auto;font-size:1rem;font-style:normal;font-weight:400;line-height:1.4}body{background-color:var(--bg-color);color:var(--font-color);margin:0;min-height:100vh;overflow-y:scroll;padding:2rem 1.25rem 4rem}body.theme-transition{transition:background-color .5s ease,color .5s ease}.no-js{display:none}noscript p{background-color:#fae0e1;border:1px solid #c52026;border-radius:.75rem;color:#c52026;padding:1rem;text-align:center}h1{font-size:clamp(1.944rem,1.7689rem + .7473vw,2.4414rem);margin-block:.5rem 2rem}h2{font-size:clamp(1.62rem,1.5027rem + .5005vw,1.9531rem)}h3{font-size:clamp(1.35rem,1.2752rem + .3192vw,1.5625rem)}h1,h2,h3{color:var(--font-color-highlight);font-weight:400}h2,h3,p{margin-block:0 1rem}p{font-size:clamp(1.125rem,1.081rem + .1878vw,1.25rem)}p~p{margin-block-end:3rem}small{font-size:clamp(.9375rem,.9155rem + .0939vw,1rem)}.is-h1{font-size:clamp(1.944rem,1.7689rem + .7473vw,2.4414rem)}.is-h2{font-size:clamp(1.62rem,1.5027rem + .5005vw,1.9531rem)}.is-h3{font-size:clamp(1.35rem,1.2752rem + .3192vw,1.5625rem)}.is-small{font-size:clamp(.9375rem,.9155rem + .0939vw,1rem)}b,strong{color:var(--font-color-highlight);font-weight:700}.centered{text-align:center}.wrapper{margin:0 auto;max-width:clamp(768px,80vw,55rem)}section{margin-block-end:4rem}.col-2{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media screen and (max-width:480px){.col-2{gap:0;grid-template-columns:1fr}}header .topbar{align-items:normal;display:flex;justify-content:space-between;margin-block-end:2rem}header p{margin-block-end:0}header p a{color:var(--topbar-logo-color);font-size:clamp(.9375rem,.9155rem + .0939vw,1rem);letter-spacing:.125rem;text-decoration:none}header p a:hover{color:var(--topbar-logo-color-hover)}header button{margin-block-start:0}.buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.buttons.centered{justify-content:center}.buttons.right{justify-content:flex-end}.buttons.together{gap:0}.buttons.together button:not(:last-child){border-end-end-radius:0;border-start-end-radius:0}.buttons.together button:not(:first-child){border-end-start-radius:0;border-start-start-radius:0}.buttons:not(.no-margin){margin-block-end:1.5rem}button{background-color:var(--button-bg-color);border:none;border:1px solid var(--button-bg-color);border-radius:.375rem;color:var(--button-font-color);cursor:pointer;font-size:clamp(1.125rem,1.081rem + .1878vw,1.25rem);outline:none;padding:.5rem 2rem;transition:all .5s}button.active{background-color:#38a5ff;border:1px solid #38a5ff;cursor:default}button.active:focus-visible,button.active:hover{background-color:#38a5ff;border:1px solid #38a5ff}button.outline{background-color:transparent;border:1px solid var(--button-bg-color);color:var(--button-font-color-outline)}button.outline:focus-visible,button.outline:hover{color:var(--button-font-color)}button.fullwidth{width:100%}button:focus-visible,button:hover{background-color:var(--button-bg-color-hover);border:1px solid var(--button-bg-color-hover)}@media screen and (max-width:480px){.buttons{flex-direction:column}.buttons.together button:not(:last-child){border-radius:.375rem .375rem 0 0}.buttons.together button:not(:first-child){border-radius:0}button:not(div.is-grouped button){width:100%}}.field{display:flex;flex-direction:column;gap:.25rem;margin-block-end:1.5rem}label{cursor:pointer;font-size:clamp(1.125rem,1.081rem + .1878vw,1.25rem);margin-block-end:.125rem}label:has(input[type=checkbox]){cursor:pointer;display:flex}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-element-bg-color);border:1px solid var(--form-element-border-color);border-radius:.375rem;color:var(--form-element-font-color);font-family:inherit;font-size:clamp(1.125rem,1.081rem + .1878vw,1.25rem);outline:none;padding:.5rem}input:focus-visible,select:focus-visible,textarea:focus-visible{border:1px solid #38a5ff}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--form-element-placeholder-color)}input::placeholder,textarea::placeholder{color:var(--form-element-placeholder-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number].char2{text-align:center;width:3rem}input[type=number].char4{text-align:center;width:4rem}input[type=checkbox]{display:grid;flex-shrink:0;height:1.5rem;margin:0 .5rem 0 0;padding:0;width:1.5rem}input[type=checkbox]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='hsl(0, 0%, 100%)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>");background-position:50%;background-repeat:no-repeat;background-size:1.125rem;border-radius:.375rem;content:"";transform:scale(0)}input[type=checkbox]:checked{background-color:#38a5ff;border:1px solid #38a5ff}input[type=checkbox]:checked:before{transform:scale(1)}input[type=color]{background:none;cursor:pointer;height:6rem;padding:.125rem;width:6rem}input[type=range]{background-color:transparent;border:none;cursor:pointer;width:100%}input[type=range]::-webkit-slider-runnable-track{background:var(--form-element-placeholder-color);border-radius:999px;height:.25rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#38a5ff;border:none;border-radius:50%;height:1.25rem;margin-top:-7px;width:1.25rem}input[type=range]::-moz-range-track{background:var(--form-element-placeholder-color);border-radius:999px;height:.25rem}input[type=range]::-moz-range-thumb{background-color:#38a5ff;border:none;cursor:pointer;height:1.25rem;width:1.25rem}textarea{min-height:8rem;resize:vertical}textarea.code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.9375rem,.9155rem + .0939vw,1rem)}select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="hsl(0, 0%, 13%)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-origin:content-box;background-position:right top 3px;background-repeat:no-repeat;background-size:1.5rem;cursor:pointer}input+select{margin-block-start:.5rem}.group-label{font-size:clamp(1.125rem,1.081rem + .1878vw,1.25rem);font-weight:700;margin-block-end:.25rem}.grid-datetime{display:grid;gap:.25rem;grid-template-columns:repeat(11,min-content)}@media screen and (max-width:480px){.grid-datetime{grid-template-columns:repeat(6,min-content)}}.grid-dateonly{display:grid;gap:.25rem;grid-template-columns:repeat(5,min-content)}.grid-datediff{display:grid;gap:.25rem;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:480px){.grid-datediff{grid-template-columns:repeat(2,1fr)}}.daterepeat{align-items:center;display:flex;gap:1rem}#numRepeatField{align-items:baseline;display:flex;gap:.5rem}.space{align-self:center;font-size:clamp(1.62rem,1.5027rem + .5005vw,1.9531rem)}.space-wide{margin-inline:.5rem}.dot{margin-block-start:.25rem}.teasers{display:grid;gap:2rem 1rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:768px){.teasers{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.teasers{grid-template-columns:1fr}}.teaser{background-color:var(--teaser-bg-color);border:1px solid var(--teaser-border-color);border-radius:.75rem;color:var(--font-color);padding:1rem;text-align:center;text-decoration:none;transition:all .5s}.teaser:hover{background-color:var(--teaser-bg-color-hover);transform:translateY(-5px)}.teaser p{margin:0}.box{background-color:var(--box-bg-color);border-radius:.375rem;color:var(--font-color-light);display:flex;margin-block-end:1rem;padding:1rem}.box p{margin-block-end:0}.box.icon{align-items:start;gap:.5rem}.box.icon svg{flex-shrink:0;margin-block-start:.25rem;width:1.25rem}.box.time{align-items:center;justify-content:space-between}.box .with-icon{align-items:center;display:flex;gap:.5rem}.box .copy-icon{color:inherit;cursor:pointer;height:1.125rem;width:1.125rem}@media screen and (max-width:768px){.box.time{flex-direction:column}}table{border-collapse:collapse;margin-block:2rem;width:100%}table.striped tbody tr{border-bottom:1px solid var(--table-border-color)}table.striped tbody tr:nth-child(odd) td,table.striped tbody tr:nth-child(odd) th{background-color:var(--table-row-stripped-bg-color)}th{text-align:left}td,th{font-size:clamp(1.125rem,1.081rem + .1878vw,1.25rem);line-height:1.65;padding:.5rem;vertical-align:top}.browser-icon,.os-icon{display:inline;margin-block-end:-.375rem;margin-inline-end:.75rem;width:1.5rem}table svg{cursor:pointer;display:inline;height:1.125rem;margin-block-end:-.125rem;margin-inline-start:.5rem;stroke:var(--table-svg-color);width:1.125rem}.result-box{background-color:var(--result-box-bg-color);border-radius:.375rem;margin-block-end:1rem;padding:1rem}.result-box table{margin-block:0}.result-box table tr:last-of-type{border-block-end:none}.result-box p{margin-block-end:0}.preview{background-image:linear-gradient(45deg,var(--preview-fill-color) 25%,transparent 25%),linear-gradient(-45deg,var(--preview-fill-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--preview-fill-color) 75%),linear-gradient(-45deg,transparent 75%,var(--preview-fill-color) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:1rem 1rem;border:1px solid var(--border);border-radius:.375rem;height:6rem;margin-block-end:1.5rem;overflow:hidden;position:relative}.preview-fill{inset:0;position:absolute;transition:background-color .15s ease}.theme-toggle-btn{cursor:pointer;padding:0}.theme-toggle-btn,.theme-toggle-btn:hover{background-color:transparent;border:none}.theme-toggle-btn svg{fill:var(--topbar-logo-color);height:1.5rem;width:1.5rem}.moon-shape circle{transition:transform .4s ease}.moon-shape circle,.sun-core{fill:var(--topbar-logo-color);transform-origin:center}.sun-core,.sun-ray{transition:transform .4s ease,opacity .3s ease}.sun-ray{stroke:var(--topbar-logo-color);stroke-linecap:round;stroke-width:2;transform-origin:center}[data-theme=light] .sun-core{transform:scale(1)}[data-theme=light] .sun-ray{opacity:1;transform:scale(1)}[data-theme=light] .moon-shape{transform:scale(0) rotate(-90deg)}[data-theme=dark] .sun-core{transform:scale(0)}[data-theme=dark] .sun-ray{opacity:0;transform:scale(0)}[data-theme=dark] .moon-shape{transform:scale(1) rotate(0deg)}#encode-decode .char-count{font-size:clamp(.9375rem,.9155rem + .0939vw,1rem);text-align:right}#encode-decode .status:not(:empty){border:1px solid #c52026;border-radius:.375rem;color:var(--font-color);font-size:clamp(.9375rem,.9155rem + .0939vw,1rem);padding:1rem}#encode-decode textarea.error{border:1px solid #c52026}.picker-row{gap:2rem;margin-block-end:1.5rem}.alpha-row,.picker-row{align-items:center;display:flex}.alpha-row{gap:1rem}.is-grouped{display:flex}.is-grouped input{border-end-end-radius:0;border-start-end-radius:0;width:100%}.is-grouped button{border-end-start-radius:0;border-start-start-radius:0;padding-inline:1rem}#color-converter .error-msg{color:#c52026;font-size:clamp(.9375rem,.9155rem + .0939vw,1rem);height:1rem}