@charset "UTF-8";.bg-text{background:var(--text)}.bg-ui{background:var(--ui)}.bg-bright{background:var(--bright)}.bg-glare{background:var(--glare)}.bg-base{background:var(--base)}.bg-shade{background:var(--shade)}.bg-focus{background:var(--focus)}.bg-link{background:var(--link)}.color-text{color:var(--text)}.color-ui{color:var(--ui)}.color-bright{color:var(--bright)}.color-glare{color:var(--glare)}.color-base{color:var(--base)}.color-shade{color:var(--shade)}.color-focus{color:var(--focus)}.color-link{color:var(--link)}.box-block{display:block}.box-flex{display:flex}.box-hide{display:none}.box-show{display:inherit}.min-w-10{min-width:10rem}.min-w-20{min-width:20rem}.min-w-30{min-width:30rem}.min-w-40{min-width:40rem}.min-w-50{min-width:50rem}.min-w-60{min-width:60rem}.min-w-full{min-width:100%}.max-w-10{max-width:10rem}.max-w-20{max-width:20rem}.max-w-30{max-width:30rem}.max-w-40{max-width:40rem}.max-w-50{max-width:50rem}.max-w-60{max-width:60rem}.max-w-full{max-width:100%}.min-h-10{min-height:10rem}.min-h-20{min-height:20rem}.min-h-30{min-height:30rem}.min-h-40{min-height:40rem}.min-h-50{min-height:50rem}.min-h-60{min-height:60rem}.min-h-full{min-height:100%}.max-h-10{max-height:10rem}.max-h-20{max-height:20rem}.max-h-30{max-height:30rem}.max-h-40{max-height:40rem}.max-h-50{max-height:50rem}.max-h-60{max-height:60rem}.max-h-full{max-height:100%}.gap-top-200{margin-top:.64rem}.gap-top-300{margin-top:.8rem}.gap-top-400{margin-top:1rem}.gap-top-500{margin-top:1.25rem}.gap-top-600{margin-top:1.6rem}.gap-top-700{margin-top:2rem}.gap-top-800{margin-top:2.5rem}.gap-top-900{margin-top:3rem}.gap-right-200{margin-right:.64rem}.gap-right-300{margin-right:.8rem}.gap-right-400{margin-right:1rem}.gap-right-500{margin-right:1.25rem}.gap-right-600{margin-right:1.6rem}.gap-right-700{margin-right:2rem}.gap-right-800{margin-right:2.5rem}.gap-right-900{margin-right:3rem}.gap-bottom-200{margin-bottom:.64rem}.gap-bottom-300{margin-bottom:.8rem}.gap-bottom-400{margin-bottom:1rem}.gap-bottom-500{margin-bottom:1.25rem}.gap-bottom-600{margin-bottom:1.6rem}.gap-bottom-700{margin-bottom:2rem}.gap-bottom-800{margin-bottom:2.5rem}.gap-bottom-900{margin-bottom:3rem}.gap-left-200{margin-left:.64rem}.gap-left-300{margin-left:.8rem}.gap-left-400{margin-left:1rem}.gap-left-500{margin-left:1.25rem}.gap-left-600{margin-left:1.6rem}.gap-left-700{margin-left:2rem}.gap-left-800{margin-left:2.5rem}.gap-left-900{margin-left:3rem}.pad-200{padding:.64rem}.pad-300{padding:.8rem}.pad-400{padding:1rem}.pad-500{padding:1.25rem}.pad-600{padding:1.6rem}.pad-700{padding:2rem}.pad-800{padding:2.5rem}.pad-900{padding:3rem}.pad-top-200{padding-top:.64rem}.pad-top-300{padding-top:.8rem}.pad-top-400{padding-top:1rem}.pad-top-500{padding-top:1.25rem}.pad-top-600{padding-top:1.6rem}.pad-top-700{padding-top:2rem}.pad-top-800{padding-top:2.5rem}.pad-top-900{padding-top:3rem}.pad-right-200{padding-right:.64rem}.pad-right-300{padding-right:.8rem}.pad-right-400{padding-right:1rem}.pad-right-500{padding-right:1.25rem}.pad-right-600{padding-right:1.6rem}.pad-right-700{padding-right:2rem}.pad-right-800{padding-right:2.5rem}.pad-right-900{padding-right:3rem}.pad-bottom-200{padding-bottom:.64rem}.pad-bottom-300{padding-bottom:.8rem}.pad-bottom-400{padding-bottom:1rem}.pad-bottom-500{padding-bottom:1.25rem}.pad-bottom-600{padding-bottom:1.6rem}.pad-bottom-700{padding-bottom:2rem}.pad-bottom-800{padding-bottom:2.5rem}.pad-bottom-900{padding-bottom:3rem}.pad-left-200{padding-left:.64rem}.pad-left-300{padding-left:.8rem}.pad-left-400{padding-left:1rem}.pad-left-500{padding-left:1.25rem}.pad-left-600{padding-left:1.6rem}.pad-left-700{padding-left:2rem}.pad-left-800{padding-left:2.5rem}.pad-left-900{padding-left:3rem}.stack-300{z-index:0}.stack-400{z-index:10}.stack-500{z-index:20}.stack-600{z-index:30}.stack-700{z-index:40}.text-200{font-size:.64rem}.text-300{font-size:.8rem}.text-400{font-size:1rem}.text-500{font-size:1.25rem}.text-600{font-size:1.6rem}.text-700{font-size:2rem}.text-800{font-size:2.5rem}.text-900{font-size:3rem}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.weight-thin{font-weight:200}.weight-light{font-weight:300}.weight-regular{font-weight:400}.weight-bold{font-weight:700}.leading-loose{line-height:1.7}.leading-tight{line-height:1.3}.leading-flat{line-height:1.1}.width-full{width:100%}.width-half{width:50%}.width-quarter{width:25%}.width-third{width:33.333%}.width-auto{width:auto}@media (min-width:20em){.xs\:box-block{display:block}.xs\:box-flex{display:flex}.xs\:box-hide{display:none}.xs\:box-show{display:inherit}.xs\:text-200{font-size:.64rem}.xs\:text-300{font-size:.8rem}.xs\:text-400{font-size:1rem}.xs\:text-500{font-size:1.25rem}.xs\:text-600{font-size:1.6rem}.xs\:text-700{font-size:2rem}.xs\:text-800{font-size:2.5rem}.xs\:text-900{font-size:3rem}.xs\:width-full{width:100%}.xs\:width-half{width:50%}.xs\:width-quarter{width:25%}.xs\:width-third{width:33.333%}.xs\:width-auto{width:auto}}@media (min-width:36em){.sm\:box-block{display:block}.sm\:box-flex{display:flex}.sm\:box-hide{display:none}.sm\:box-show{display:inherit}.sm\:text-200{font-size:.64rem}.sm\:text-300{font-size:.8rem}.sm\:text-400{font-size:1rem}.sm\:text-500{font-size:1.25rem}.sm\:text-600{font-size:1.6rem}.sm\:text-700{font-size:2rem}.sm\:text-800{font-size:2.5rem}.sm\:text-900{font-size:3rem}.sm\:width-full{width:100%}.sm\:width-half{width:50%}.sm\:width-quarter{width:25%}.sm\:width-third{width:33.333%}.sm\:width-auto{width:auto}}@media (min-width:48em){.md\:box-block{display:block}.md\:box-flex{display:flex}.md\:box-hide{display:none}.md\:box-show{display:inherit}.md\:text-200{font-size:.64rem}.md\:text-300{font-size:.8rem}.md\:text-400{font-size:1rem}.md\:text-500{font-size:1.25rem}.md\:text-600{font-size:1.6rem}.md\:text-700{font-size:2rem}.md\:text-800{font-size:2.5rem}.md\:text-900{font-size:3rem}.md\:width-full{width:100%}.md\:width-half{width:50%}.md\:width-quarter{width:25%}.md\:width-third{width:33.333%}.md\:width-auto{width:auto}}@media (min-width:62em){.lg\:box-block{display:block}.lg\:box-flex{display:flex}.lg\:box-hide{display:none}.lg\:box-show{display:inherit}.lg\:text-200{font-size:.64rem}.lg\:text-300{font-size:.8rem}.lg\:text-400{font-size:1rem}.lg\:text-500{font-size:1.25rem}.lg\:text-600{font-size:1.6rem}.lg\:text-700{font-size:2rem}.lg\:text-800{font-size:2.5rem}.lg\:text-900{font-size:3rem}.lg\:width-full{width:100%}.lg\:width-half{width:50%}.lg\:width-quarter{width:25%}.lg\:width-third{width:33.333%}.lg\:width-auto{width:auto}}*,:after,:before{box-sizing:border-box;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}div{border-color:currentColor}ol[class],ul[class]{list-style:none;margin:0;padding:0}blockquote,body,button,dd,dl,figcaption,figure,h1,h2,h3,h4,input,li,ol,p,ul{margin:0}html{max-width:100vw}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:0;font:inherit}textarea{resize:vertical}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.image-comparison .inset-inner,.inset,:after,:before{bottom:0;left:0;position:absolute;right:0;top:0}:after,:before{pointer-events:none}:root{font-size:.8rem;--nav-height:38px}:root,body,html{color:var(--text)}body,html{background:var(--desktop);height:100vh;max-width:100vw;position:relative;width:100vw}@media (min-width:48em){body,html{height:100vh;max-height:100vh}}html{overflow-x:hidden;overflow-y:scroll}@media (min-width:48em){html{overflow-y:hidden}}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;src:url(../fonts/Lora.woff2) format("woff2")}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;src:url(../fonts/Code.woff2) format("woff2")}:root{font-family:Source Code Pro,"Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace";--desktop:#faf7f0;--ui:#393d3f;--bright:#fff;--base:#f1e9d6;--glare:#faf7f0;--shadow:#e6d8b8;--shade:#e6d8b8;--text:#331e0b;--hole:#94804d;--focus:#d53a42;--link:#6a324f;--code:#64ff8b;--screen-glare:#faf7f0;--screen:#e3e4dd;--screen-shade:#ced0c3;--screen-shadow:#a2a58d;--screen-text:#000;--ui-border:#85896c;--ui-cursor:#d53a42;--transparent-base:hsla(42,22%,91%,0);--transparent-shade:hsla(42,21%,84%,0)}:root .purple{--base:#ffcaba;--glare:#ffefeb;--shadow:#ffa185;--text:#000}:root .red{--text:#fff;--base:#c53c1f;--glare:#ee9858;--shadow:#8d3a25}:root .yellow{--text:#542e08;--base:#ecc94b;--glare:#fefcbf;--shadow:#d69e2e}:root .gray{--base:#b6b4b5;--glare:#c8c6c7;--shadow:#898587;--text:#242323}:root .default{--glare:#faf7f0;--base:#f1e9d6;--shade:#e6d8b8;--shadow:#e6d8b8;--text:#331e0b}@media (prefers-color-scheme:dark){:root{--desktop:#2d3748;--text:#fff;--glare:#718096;--bright:#666f74;--base:#4a5568;--shade:#2f3233;--shadow:#2d3748;--hole:#000;--link:#b1385e;--focus:#b1385e;--transparent-base:rgba(57,61,63,0);--transparent-shade:rgba(47,50,51,0);--code:#64c490;--screen-glare:#555;--screen:#333;--screen-shade:#2a2a2a;--screen-shadow:#000;--screen-text:#fff;--ui-border:#445f84}:root .purple{--base:#774055;--glare:#9f566e;--shadow:#542d3b;--text:#fff}:root .red{--text:#fff;--base:#c53c1f;--glare:#ee9858;--shadow:#8d3a25}:root .yellow{--text:#542e08;--base:#ecc94b;--glare:#fefcbf;--shadow:#d69e2e}:root .gray{--base:#b6b4b5;--glare:#c8c6c7;--shadow:#898587;--text:#242323}:root .default{--glare:#474e52;--base:#393d3f;--shade:#2f3233;--shadow:#2d3748;--text:#ccc}}.dark-mode{--desktop:#2d3748;--text:#fff;--glare:#718096;--bright:#666f74;--base:#4a5568;--shade:#2f3233;--shadow:#2d3748;--hole:#000;--link:#b1385e;--focus:#b1385e;--transparent-base:rgba(57,61,63,0);--transparent-shade:rgba(47,50,51,0);--code:#64c490;--screen-glare:#555;--screen:#333;--screen-shade:#2a2a2a;--screen-shadow:#000;--screen-text:#fff;--ui-border:#445f84}.dark-mode .purple{--base:#774055;--glare:#9f566e;--shadow:#542d3b;--text:#fff}.dark-mode .red{--text:#fff;--base:#c53c1f;--glare:#ee9858;--shadow:#8d3a25}.dark-mode .yellow{--text:#542e08;--base:#ecc94b;--glare:#fefcbf;--shadow:#d69e2e}.dark-mode .gray{--base:#b6b4b5;--glare:#c8c6c7;--shadow:#898587;--text:#242323}.dark-mode .default{--glare:#474e52;--base:#393d3f;--shade:#2f3233;--shadow:#2d3748;--text:#ccc}@media (prefers-color-scheme:dark){.dark-mode{--desktop:#faf7f0;--ui:#393d3f;--bright:#fff;--base:#f1e9d6;--glare:#faf7f0;--shadow:#e6d8b8;--shade:#e6d8b8;--text:#331e0b;--hole:#94804d;--focus:#d53a42;--link:#6a324f;--transparent-base:hsla(42,22%,91%,0);--transparent-shade:hsla(42,21%,84%,0);--code:#64ff8b;--screen-glare:#faf7f0;--screen:#e3e4dd;--screen-shade:#ced0c3;--screen-shadow:#a2a58d;--screen-text:#000;--ui-border:#85896c}.dark-mode .purple{--base:#ffcaba;--glare:#ffefeb;--shadow:#ffa185;--text:#000}.dark-mode .default{--glare:#faf7f0;--base:#f1e9d6;--shade:#e6d8b8;--shadow:#e6d8b8;--text:#331e0b}}.dark-mode-label{display:flex}@media (prefers-color-scheme:dark){.dark-mode-label{display:none}}.light-mode-label{display:none}@media (prefers-color-scheme:dark){.light-mode-label{display:flex}}.dark-mode .dark-mode-label{display:none}@media (prefers-color-scheme:dark){.dark-mode .dark-mode-label{display:flex}}.dark-mode .light-mode-label{display:flex}@media (prefers-color-scheme:dark){.dark-mode .light-mode-label{display:none}}.focus,.window:focus,.window:focus-within,:focus{outline:2px solid var(--focus);outline-offset:-2px}@media (min-width:48em){.focus,.window:focus,.window:focus-within,:focus{outline:2px solid var(--focus);outline-offset:2px}}.window:focus,.window:focus-within{outline:none}.window:focus-within:after,.window:focus:after{content:"";outline:2px solid var(--focus);outline-offset:-2px}@media (min-width:48em){.window:focus-within:after,.window:focus:after{outline:none}}@media (min-width:48em){.window:focus,.window:focus-within{outline:2px solid var(--focus);outline-offset:2px}}.focus-small{outline:2px solid var(--focus);outline-offset:2px}.focus-inner,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:2px;z-index:100}table{border-collapse:collapse;color:var(--screen-text);width:100%}table td,table th{border-right:.5px solid var(--ui-border);font-weight:300;padding:2px 4px;text-align:right}table td:last-child,table th:last-child{border-right:0}table tr{border-bottom:.5px solid var(--ui-border)}table tr:last-child{border-bottom:0}table .highlight-cell{font-weight:600}fieldset{border:0;border-radius:4px;display:block;margin:0;max-width:100%;min-width:auto;overflow:hidden;padding:0;position:relative;width:100%}fieldset>legend{background:transparent;position:relative;z-index:1}fieldset.interactive{border:.5px solid var(--ui-border)}fieldset .icon-button,fieldset .input-group-header-button{background:var(--screen);border:1px solid var(--ui-border);box-shadow:0 0 0 1px var(--screen)}.input-box{border:2px solid var(--shade);border-radius:3px;padding:.8rem}.button,button,input[type=email],input[type=number],input[type=text],select{border-radius:2px;max-width:100%;min-width:auto;padding:4px;position:relative;width:auto}input[type=email],input[type=number],input[type=text],select{background:var(--screen);color:var(--screen-text)}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--screen-text)}textarea ::-webkit-resizer{display:none}input[type=email],input[type=number],input[type=text]{background:var(--screen);border-radius:2px;outline-offset:2px}input[type=number]{-moz-appearance:textfield;text-align:center}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.button,button,select{align-items:center;background:var(--base);border-radius:4px;color:var(--text);cursor:pointer;display:flex;justify-content:center;padding:4px 12px;position:relative;text-align:center;touch-action:manipulation}.button.soft,button.soft,select.soft{border-radius:2rem;height:28px;padding:0 .64rem}.button.icon-button,button.icon-button,select.icon-button{height:26px;margin:4px;padding:0;width:26px}.button:hover,button:hover{border-color:var(--focus)}.button:active,button:active{transform:translateY(1px)}button.icon-button .icon{height:12px;width:12px}button.icon-button:hover .icon{color:var(--focus)}a.button{color:var(--ui-button-text);font-weight:400}a.inset-button,button.inset-button{background:var(--base);border:0;border-bottom:1px solid var(--window-glare);border-radius:2px;border-top:1px solid var(--window-shadow);color:var(--text);display:flex;font-weight:400;letter-spacing:.02em;overflow:visible;padding:1px;position:relative;text-transform:uppercase}a.inset-button:before,button.inset-button:before{background:var(--hole);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}a.inset-button>span,button.inset-button>span{background:var(--base);border-bottom:1px solid var(--shadow);border-radius:4px;border-top:1px solid var(--glare);padding:4px 8px;position:relative;width:100%;z-index:1}a.inset-button.big>span,button.inset-button.big>span{font-size:2rem;font-weight:500;padding:1.25rem;width:100%}a.inset-button:active,button.inset-button:active{transform:translateY(0)}a.inset-button:active>span,button.inset-button:active>span{border-bottom-color:var(--shadow);border-top-color:var(--shadow)}.screen-button{background:var(--screen-shade);border:.5px solid var(--ui-border);padding:4px 12px 8px;position:relative}.screen-button span{color:var(--screen-text);display:block;position:relative;z-index:3}.screen-button:before{background:var(--ui-border);border-radius:0 0 4px 4px;bottom:.5px;content:"";height:6px;left:.5px;position:absolute;right:.5px;top:auto;z-index:1;--pin:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='2' height='2' patternTransform='rotate(45)' patternUnits='userSpaceOnUse' viewBox='0 0 2 2'%3E%3Cpath fill='%23E1DACB' d='M0-.5v1h2v-1z'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");-webkit-mask-image:var(--pin);mask-image:var(--pin)}.screen-button:after{background-color:var(--screen-glare);border-radius:3.5px;bottom:3px;box-shadow:0 .5px var(--ui-border),0 1px 0 0 var(--screen-shade);content:"";left:0;position:absolute;right:0;top:0;z-index:2}.screen-button:active:before{height:3px}.screen-button:active:after{bottom:1px}.screen-button:disabled{padding:4px 12px 5px}.screen-button:disabled:before{height:0}.screen-button:disabled:after{bottom:0}.screen-button.big{font-size:1.6rem;font-weight:500;padding:1rem;width:100%}.label-box{align-items:center;background:transparent;border:.5px solid var(--ui-border);border-radius:4px;color:var(--screen-text);display:flex;font-size:1rem;justify-items:center;padding:8px 8px 8px 12px;position:relative}.label-box:before{background:var(--ui-border);border-radius:4px;content:"";--pin:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='2' height='2' patternTransform='rotate(45)' patternUnits='userSpaceOnUse' viewBox='0 0 2 2'%3E%3Cpath fill='%23E1DACB' d='M0-.5v1h2v-1z'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");-webkit-mask-image:var(--pin);mask-image:var(--pin)}.label-box>*{z-index:1}.label-box>label,.label-box>legend,.label-box>span{align-items:center;display:flex;font-weight:400;justify-items:center;margin-right:.8rem;text-shadow:2px 0 var(--screen),0 2px var(--screen),2px 2px var(--screen),-2px 0 var(--screen),0 -2px var(--screen),-2px -2px var(--screen),2px -2px var(--screen),-2px 2px var(--screen)}.image-comparison .inset-inner,.inset{bottom:0;left:0;position:absolute;right:0;top:0}.image-comparison .padded.inset-inner,.inset.padded{bottom:4px;left:4px;right:4px;top:4px}.box{padding:.8rem}.flow>*+*,.window-content-inner>*+*{margin-top:.8rem}.flow-200>*+*{margin-top:.64rem}.bunch{--space:1rem}.bunch-200{--space:.64rem}.bunch-200>*,.bunch>*{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:calc(var(--space)/2*-1)}.bunch-200>.nowrap,.bunch>.nowrap{flex-wrap:nowrap}.bunch-200>*>*,.bunch>*>*{margin:calc(var(--space)/2)}.input-group-header.color-section,.transparent-pattern,.transparent-pattern-small{background-color:var(--screen);background-image:linear-gradient(45deg,var(--screen-shade) 25%,transparent 25%,transparent 75%,var(--screen-shade) 75%,var(--screen-shade)),linear-gradient(45deg,var(--screen-shade) 25%,transparent 25%,transparent 75%,var(--screen-shade) 75%,var(--screen-shade));background-position:0 0,4px 4px;background-size:8px 8px}.transparent-pattern-small{background-position:0 0,2px 2px;background-size:4px 4px}.border-bottom-dark{border-bottom:4px solid var(--ui)}.border-dark{border:4px solid var(--ui)}.visually-hidden{height:0;left:-9999px;opacity:0;position:absolute;width:0}.scroll-x,.scroll-y{min-height:100%;min-width:100%;position:relative;-webkit-overflow-scrolling:touch;perspective:1px;z-index:100;--track-width:18px;--thumb-width:14px;overscroll-behavior:none}.scroll-x{overflow-x:scroll;overflow-y:hidden;perspective-origin:0 100%}.scroll-y{overflow-x:hidden;overflow-y:scroll;perspective-origin:100% 0}.scroll-x .scroll-y{overflow-x:scroll;overflow-y:scroll}.hide-native-scroller-y{margin-left:calc(var(--track-width)*-1);padding-left:var(--track-width);padding-right:calc(var(--track-width)*2);width:calc(100% + var(--track-width)*2)}.hide-native-scroller-x{height:calc(100% + var(--track-width)*2);margin-bottom:calc(var(--track-width)*-1);margin-top:calc(var(--track-width)*-1);padding-bottom:calc(var(--track-width)*2);padding-top:var(--track-width)}.scroll-inner{position:relative}.scroll-x>.scroll-inner{display:table;min-width:100%}.thumb-x,.thumb-y{background:var(--glare);border-radius:2rem;cursor:grab;position:absolute;z-index:1000}.thumb-x:active,.thumb-y:active{cursor:grabbing}.thumb-y{right:0;top:0;transform-origin:top right;width:var(--thumb-width)}.thumb-x{bottom:0;height:var(--thumb-width);left:0;transform-origin:bottom left}.track-x,.track-y{background:var(--shade);position:absolute}.track-y{height:100%;right:calc(var(--track-width)*-1);top:0;width:calc(1.25rem + 4px)}.track-x{bottom:calc(var(--track-width)*-1);height:calc(1.25rem + 4px);left:0;width:100%}.user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.relative{position:relative}.reel{display:flex;padding:.8rem;white-space:nowrap}.reel .swatch+.swatch{margin-left:1rem}.reel .swatch{display:inline-block;height:5rem;max-width:5rem;min-width:5rem;width:5rem}.reel:after{content:"";min-width:.8rem;position:relative}.center{align-items:center;display:flex;justify-content:center}.rounded{border-radius:8px}.soft{border-radius:2rem}.stripes:after{background:var(--screen-text);content:"";height:100%;left:0;position:absolute;top:0;width:100%;--pin:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='2' height='2' patternTransform='rotate(45)' patternUnits='userSpaceOnUse' viewBox='0 0 8 8'%3E%3Cpath fill='%23E1DACB' d='M-1 2h9v2h-9z'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");-webkit-mask-image:var(--pin);mask-image:var(--pin)}.stripes>*{position:relative;z-index:1}.windows{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;touch-action:manipulation}@media (min-width:48em){.windows{max-height:100vh}}.window{background:var(--base);border:1px solid var(--shadow);border-radius:4px;box-shadow:inset 0 1px #c0a0a033,0 0 0 .5px var(--glare);color:var(--text);position:relative;--window-text:var(--text);--window-glare:var(--glare);--window-base:var(--base);--window-shade:var(--shade);--window-shadow:var(--shadow)}@media (min-width:48em){.window{position:absolute}}.window-header{align-items:center;display:flex;line-height:1;padding:8px}@media (min-width:48em){.window-header{border-radius:4px 4px 0 0}}.window-header-label{font-size:16px;font-weight:350;margin:0 6px 0 3px;padding:0;text-transform:uppercase;white-space:nowrap}.window-header-button{align-items:center;background:var(--shadow);border:0;border-radius:32px;box-shadow:inset 0 1px 2px 1px #0000000d,inset 0 0 1px 1px #0000000d;display:inline-flex;height:32px;justify-content:center;margin-right:8px;min-width:32px;padding:4px;position:relative;width:32px;z-index:1}.window-header-button:hover>span{background:var(--glare)}.window-header-button>span{align-items:center;background:var(--base);border-radius:1rem;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000000d,0 1px 2px 1px #0000000d,0 0 1px 1px #0000000d;color:var(--text);display:inline-flex;height:100%;justify-content:center;line-height:1;position:relative;text-align:center;vertical-align:middle;width:100%;z-index:1}.icon-button:active>span{background:var(--button-base)}.window-content{background:var(--base);border-radius:3px;border-top:0;box-shadow:inset 0 -1px 1px #0003;max-width:100%;min-height:3rem;padding:0 8px 8px;position:relative}@media (min-width:48em){.window-content{border-radius:3px;max-height:-moz-min-content;max-height:min-content}}.window-content-inner{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;height:100%;max-height:100%;max-width:100%;min-height:0;position:relative}.window-content-inner>*{flex-shrink:0}.window-content-inner>.screen{flex-grow:1;flex-shrink:1;min-height:0;overflow:scroll}.anchor-lines{display:none;height:32px;margin-left:8px;min-width:20px;position:relative;width:100%}.anchor-lines div{background:var(--shadow);border-radius:2px;box-shadow:inset 0 1px 1px #00000014,inset 0 -1px 1px #ffffff14;height:4px;margin-top:2px}@media (min-width:48em){.anchor-lines{display:block}}.resize-both,.resize-horizontal,.resize-vertical{resize:none}.resize-anchor-container{bottom:6px;height:100px;overflow:hidden;position:absolute;right:6px;width:100px}.resize-anchor{align-items:center;background:var(--base);bottom:2px;cursor:nwse-resize;display:none;flex-direction:column;height:24px;position:absolute;right:2px;transform:translate(50%) rotate(-45deg);transform-origin:center bottom;width:64px;z-index:200}@media (min-width:48em){.resize-anchor{display:flex}}.resize-anchor span{background:var(--shadow);border-radius:2px;box-shadow:inset 0 1px 1px #00000014,inset 0 -1px 1px #ffffff14;display:block;height:4px;margin-top:2px}.resize-anchor span:first-of-type{margin-top:4px}.confirm-button{display:block;margin-top:auto;width:100%}.fill{display:flex;flex-direction:column;height:100%;position:relative;width:100%}hr{border:0;border-bottom:1px solid var(--shadow);border-radius:2px;border-top:1px solid var(--glare);height:2px}#nav{align-items:center;background:var(--base);border-bottom:2px solid var(--shadow);color:var(--text);display:flex;height:var(--nav-height);justify-content:flex-start;padding:4px;width:100%}#nav>*{margin:0 2px}#nav .home-link,#nav .nav-link{align-items:center;display:flex;height:32px;justify-content:center}#nav .nav-link{background:var(--base);border:0;border-radius:4px;box-shadow:none;height:100%;padding:.64rem;white-space:nowrap}#nav .nav-link:hover{background:var(--shade)}#nav .icon-link{padding:4px}#nav .nav-link,#nav .nav-link>*{font-size:1rem}.nav-toolbar{padding:0 .64rem}.seperator{flex:1}.home-link>div{position:relative}#logo{overflow:visible}.navigation-dropdown{overflow:visible;position:relative}.navigation-dropdown .dropdown-menu{background:var(--shade);border:2px solid var(--glare);border-radius:8px;box-shadow:0 3px 10px -3px #0003,0 2px 10px -2px #0000001a;display:flex;flex-direction:column;max-width:100vw;min-width:100%;padding:4px;position:absolute;right:-2px;top:calc(var(--nav-height) + 1px);z-index:1000}@media (min-width:48em){.navigation-dropdown .dropdown-menu{left:-2px;right:auto}}.navigation-dropdown .dropdown-menu>*+*{margin-top:4px}.navigation-dropdown .dropdown-menu a,.navigation-dropdown .dropdown-menu button{background:var(--shade);border:0;border-radius:4px;box-shadow:none;display:block;outline-offset:0;padding:4px;text-align:left;white-space:nowrap}.navigation-dropdown .dropdown-menu a:hover,.navigation-dropdown .dropdown-menu button:hover{background:var(--base)}.navigation-dropdown .dropdown-menu .nuxt-link-active{background:var(--glare)}.navigation-dropdown .dropdown-menu hr{background:var(--base);border:0;display:block;height:2px;width:100%}#nav .nav-link.active{background:var(--shade)}.control-box{max-width:7rem;text-align:center}.control-box .inset-button{width:100%}.control-box .half-button{height:2.5rem;overflow:hidden;width:5rem}.control-box .input-group-header.color-section,.control-box .transparent-pattern{border-radius:3.5px;bottom:3px;overflow:hidden;z-index:4}.control-box .filter-button{height:5rem;padding:0;width:5rem}.control-box .filter-button svg{z-index:3}.slider-container{background:var(--screen);border-radius:4px;display:flex;flex-wrap:nowrap;position:relative}.slider-container input[type=number]{background:var(--screen);border:.5px solid var(--ui-border);border-radius:2px;box-shadow:inset 0 1px var(--screen-shade);color:var(--screen-text);width:4rem}.slider{background:transparent;border-radius:4px;box-sizing:content-box;flex:1;height:2em;position:relative}.slider.focus-inner{z-index:999}.slider-bar{background-color:var(--screen-glare);border:.5px solid var(--ui-border);border-radius:1rem;bottom:0;height:calc(100% - 1em);left:1em;margin:auto 0;overflow:hidden;position:absolute;right:1em;top:0}.slider-bar div,.slider-bar:after{bottom:0;left:0;position:absolute;right:0;top:0}.slider-bar:after{content:"";pointer-events:none}input[type=range]{-webkit-appearance:none;background:transparent;border-radius:2px;cursor:grab;display:block;font-size:2em;height:100%;margin:0;padding:0;pointer-events:none;position:relative;width:100%;z-index:1}input[type=range]:active{cursor:grabbing}input[type=range] *{position:relative}input[type=range]:focus{outline:none}input[type=range]::-ms-track{background:transparent;border-color:transparent;box-sizing:content-box;color:transparent;cursor:pointer;position:relative;width:100%}input[type=range]::-moz-range-thumb{background:var(--screen-glare);border:0;border:.5px solid var(--screen-text);border-radius:0;border-radius:3rem;box-sizing:border-box;cursor:grab;height:100%;opacity:1;pointer-events:auto;position:relative;width:1em;z-index:20}input[type=range]::-moz-range-thumb:active{cursor:grabbing}input[type=range]::-webkit-slider-container{display:block}input[type=range]::-webkit-slider-runnable-track{display:block;height:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--screen-glare);border:0;border:.5px solid var(--screen-text);border-radius:0;border-radius:3rem;box-sizing:border-box;cursor:grab;height:100%;opacity:1;pointer-events:auto;position:relative;width:1em;z-index:20}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-ms-thumb{background:var(--screen-glare);border:0;border:.5px solid var(--screen-text);border-radius:0;border-radius:3rem;box-sizing:border-box;cursor:grab;height:100%;opacity:1;pointer-events:auto;position:relative;width:1em;z-index:20}input[type=range]::-ms-thumb:active{cursor:grabbing}.color-input{display:flex;flex-direction:column;height:100%}.color-picker{flex-grow:1;margin-top:.64rem;position:relative;width:100%}.color-swatches{background:var(--ui);border:.5px solid var(--ui-border);border-radius:4px;display:flex;flex-direction:column;height:100%;min-height:10rem;transform:translateZ(0);width:100%}.color-swatches .color-set{display:flex;padding:0;position:relative;transition:.3s}.color-swatches .color-set button{border:0;border-radius:0;box-shadow:none;margin:0;padding:0;position:relative;transition:.3s}.color-swatches .color-set button:active{transform:translateY(0)}.color-swatches .color-set:first-of-type button:first-of-type{border-top-left-radius:3.5px}.color-swatches .color-set:first-of-type button:last-of-type{border-top-right-radius:3.5px}.color-swatches .color-set:last-of-type button:first-of-type{border-bottom-left-radius:3.5px}.color-swatches .color-set:last-of-type button:last-of-type{border-bottom-right-radius:3.5px}.color-swatches .input-group-header.color-section,.color-swatches .transparent-pattern{background-color:var(--screen);background-image:linear-gradient(45deg,var(--screen-shade) 25%,transparent 25%,transparent 75%,var(--screen-shade) 75%,var(--screen-shade)),linear-gradient(45deg,var(--screen-shade) 25%,transparent 25%,transparent 75%,var(--screen-shade) 75%,var(--screen-shade));background-position:0 0,4px 4px;background-size:8px 8px}.color-label{color:var(--text);display:block;padding:.8rem;text-align:center}.text-input{align-items:center;display:flex;justify-items:space-between}.text-input input[type=email],.text-input input[type=text]{background:var(--screen);border:.5px solid var(--ui-border);box-shadow:inset 0 1px var(--screen-shade);color:var(--screen-text);flex:1;min-width:0;width:8rem}.textarea-input{align-items:flex-start;display:flex;flex-direction:column}.textarea-input textarea{background:var(--screen);border:.5px solid var(--ui-border);border-radius:4px;box-shadow:inset 0 1px var(--screen-shade);color:var(--screen-text);margin-top:8px;padding:8px}.number-input-container{align-items:stretch;display:flex}.number-input-container label{flex:1}.number-input-container input[type=number]{background:var(--screen);border-bottom:.5px solid var(--ui-border);border-radius:0;border-top:.5px solid var(--ui-border);box-shadow:inset 0 1px var(--screen-shade);color:var(--screen-text);max-width:6rem}.number-input-container button{background:var(--screen);border:.5px solid var(--ui-border);box-shadow:none;color:var(--screen-text);padding:4px 6px}.number-input-container button:first-of-type{border-bottom-right-radius:0;border-top-right-radius:0}.number-input-container button:last-of-type{border-bottom-left-radius:0;border-top-left-radius:0}.canvas-container{min-height:10rem;overflow:hidden;padding:0;position:relative;width:100%}.canvas-container .image-comparison .inset-inner,.canvas-container .inset,.image-comparison .canvas-container .inset-inner{align-items:center;display:flex;justify-content:center}.canvas-container figcaption{bottom:.8rem;position:absolute;right:.8rem}.canvas-container canvas{transform:translateZ(0)}.canvas-scaler{transform-origin:center}.clipboard{display:flex;height:100%;position:relative;width:100%}.clipboard textarea{background:var(--ui);color:var(--code);height:100%;padding:1rem 1rem 6rem;resize:none;white-space:pre;width:100%}.clipboard textarea::-moz-selection{background:var(--code);color:var(--ui)}.clipboard textarea::selection{background:var(--code);color:var(--ui)}.clipboard button{background:var(--glare);border-color:var(--shade);bottom:1rem;box-shadow:0 2px #00000080;font-size:1.25rem;left:1rem;padding:1rem 1.25rem;position:absolute}.code,code{background:var(--ui);color:var(--glare);padding:.8rem}.select-input{align-items:center;border-radius:4px;display:flex;flex:0 0 auto;flex-wrap:wrap;position:relative}.select-input label{flex:1}.select-input .select-input-inner{display:flex;justify-content:center;margin-top:.64rem;width:100%}@media (min-width:48em){.select-input .select-input-inner{margin-top:0;width:auto}}.select-input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--screen);border-bottom:.5px solid var(--ui-border);border-radius:0;border-top:.5px solid var(--ui-border);box-shadow:none;box-shadow:inset 0 1px var(--screen-shade);color:var(--screen-text);flex:1;height:100%;line-height:1.3;margin:0;text-align:center;-moz-text-align-last:center;text-align-last:center}.select-input.full-width .select-input-inner{flex:1}.select-input button{background:var(--screen);border:.5px solid var(--ui-border);box-shadow:none;color:var(--screen-text);padding:4px 6px}.select-input button:first-of-type{border-radius:4px 0 0 4px}.select-input button:last-of-type{border-radius:0 2px 2px 0}legend{border-radius:0;display:block;padding-inline-end:0;padding-inline-start:0;position:relative;width:100%}.input-group-header{align-items:center;background:var(--ui-base);background:transparent;border:0;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:space-between;position:relative}.input-group-header:after{background:var(--ui-border);content:"";height:100%;left:0;position:absolute;top:0;width:100%;--pin:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='2' height='2' patternTransform='rotate(45)' patternUnits='userSpaceOnUse' viewBox='0 0 2 2'%3E%3Cpath fill='%23E1DACB' d='M0-.5v1h2v-1z'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");-webkit-mask-image:var(--pin);mask-image:var(--pin)}.input-group-header.open{border-bottom:.5px solid var(--ui-border)}.input-group-header .input-group-header-button,.input-group-header .input-group-settings-buttons button{color:var(--screen-text);position:relative;z-index:10}.image-comparison .input-group-header .inset-inner,.input-group-header .image-comparison .inset-inner,.input-group-header .inset{border-radius:0;z-index:1}.input-group-settings-buttons{display:flex}button>.icon+span{margin-left:.64rem}.desktop-icon{align-items:center;color:var(--text);cursor:pointer;display:inline-flex;flex-direction:column;height:auto;justify-content:center;margin-top:1rem;padding:4px;text-align:center;width:12rem}.desktop-icon img{height:6rem;width:6rem}.desktop-icon p{margin-top:.8rem}.desktop-icon p span{background:var(--shade);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 4px}.desktop-icon:active span{background:var(--focus);color:var(--glare)}.desktop-icon:hover{text-decoration:underline}.desktop-icon-container{padding:1rem;z-index:0}.image-comparison{align-items:center;display:flex;justify-content:center;min-height:100%;padding:.8rem;position:relative}.image-comparison .images-container{position:relative}.image-comparison .overlay-image-container{bottom:0;overflow:hidden;position:absolute;right:0;top:0}.image-comparison .overlay-image-container>*{bottom:0;position:absolute;right:0;top:0}.image-comparison .inset-inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image-comparison .overlay-image-container{left:auto}.comparison-slider{align-items:center;background:var(--ui-cursor);bottom:0;cursor:ew-resize;display:flex;justify-content:center;left:0;position:absolute;top:0;width:2px;z-index:100}.comparison-slider:before{top:0}.comparison-slider:after,.comparison-slider:before{background:var(--ui-cursor);content:"";height:2px;margin-left:-4px;position:absolute;width:10px}.comparison-slider:after{bottom:0;top:auto}.comparison-slider .comparison-slider-handle{align-items:center;background:var(--ui-cursor);border:2px solid var(--ui-cursor);border-radius:99rem;color:var(--text);display:flex;height:2.5rem;justify-content:center;position:absolute;width:2.5rem}.file-upload{align-items:center;border:.5px solid var(--ui-border);border-radius:4px;color:var(--screen-text);display:flex;justify-content:space-between;padding:.64rem .8rem;position:relative}.file-upload,.file-upload p{cursor:pointer}.file-upload input{opacity:0;width:1px}.file-upload:after{background:var(--screen);border:.5px solid var(--ui-border);border-radius:4px;content:"Browse Files";padding:4px 8px;position:relative}.file-upload:focus-within:after{outline:2px solid var(--focus);outline-offset:2px}.file-upload:active{background:var(--shade)}.file-upload.large{border:0;flex-direction:column;height:100%;justify-content:center;outline:dashed 4px var(--shade);outline-offset:-8px;padding:0;text-align:center;width:100%}.file-upload.large:after{margin-top:.8rem}.loading-bar{animation:barberpole 20s linear infinite reverse;background-image:repeating-linear-gradient(-45deg,var(--base),var(--base) 4px,var(--shade) 4px,var(--shade) 8px);background-size:200% 200%;bottom:0;height:2.5rem;left:0;pointer-events:none;position:fixed;right:0;z-index:1000}@keyframes barberpole{to{background-position:100% 100%}}.noscript-banner{background:var(--base);bottom:0;left:0;padding:1.25rem;position:absolute;right:0;text-align:center;top:var(--nav-height);z-index:1000}.text-content{color:var(--text);font-optical-sizing:auto;line-height:1.7;width:100%}.text-content>*+*{margin-top:1rem}.text-content li a,.text-content p a{text-decoration:underline;text-decoration-thickness:.1em}.text-content h1{font-size:2.5rem}.text-content h2{font-size:2rem}.text-content h3{font-size:1.6rem}.text-content ul>*+*{margin-top:1.6rem}.text-content .lead{font-size:1.6rem}.text-content form>*+*{display:block;margin-top:2rem}.text-content form label p{font-size:1.6rem}.text-content form label .details{font-size:1rem}.text-content form button{font-size:1.6rem}.text-content form input,.text-content form textarea{background:var(--base);border:2px solid var(--ui);border-radius:4px;box-shadow:inset 0 2px var(--shade),0 2px var(--shade);font-size:1.25rem;margin-top:.8rem;outline-offset:2px;padding:.8rem;width:100%}.text-content form input[name=name]{max-width:20rem}.text-content form input[type=email]{max-width:30rem}.text-content ol,.text-content ul{list-style:none;padding-left:1.6rem}.text-content ol li,.text-content ul li{position:relative}.text-content ol li:before,.text-content ul li:before{float:left;margin-left:-1.6rem;position:relative}.text-content ul li:before{color:var(--focus);content:"▸"}.text-content ol{counter-reset:x}.text-content ol li:before{align-items:center;background:var(--shade);border-radius:1rem;content:counter(x);counter-increment:x;display:flex;font-size:.8rem;height:1rem;justify-content:center;margin-top:.3rem;width:1rem}.text-content dt{font-size:1.25rem;font-weight:700}.text-content li{margin-top:1rem}.saved-swatch{height:10rem;width:100%}.filter-editor{display:block;max-width:100%;position:relative;width:100%}.gradient-preview-select{bottom:1rem;left:1rem;position:absolute}.content-switcher{border-radius:3px}.svg-to-raster{display:flex;flex-direction:column;height:100%;width:100%}.svg-to-raster .canvas-container{flex:1}.input-note{line-height:1.7}.screen{max-width:100%;overflow:hidden}.screen,.screen-inner{min-height:1rem;min-width:100%;position:relative}.screen-inner{background:var(--screen);border-radius:2px;color:var(--screen-text);flex-grow:1;height:100%;max-height:100%;overflow:scroll}.screen-overlay{border-radius:2px;bottom:0;box-shadow:inset 0 0 1px 0 var(--screen-shade),inset 0 0 0 1px var(--screen-shadow),inset 0 2px 1px #fff3,inset 0 -2px 1px #0003;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.screen ::-moz-selection{background-color:var(--ui-border);color:var(--screen)}.screen ::selection{background-color:var(--ui-border);color:var(--screen)}.screen-fade{box-shadow:inset 0 0 1rem 4px var(--screen-shade)}.grid-pattern{background-image:linear-gradient(to right,var(--ui-border) .5px,transparent .5px),linear-gradient(to bottom,var(--ui-border) .5px,transparent .5px);background-position:-2px -2px;background-size:8px 8px}.preview{height:20rem}@media (min-width:48em){.preview{height:"auto"}}