@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}.font-base,.text-content li a,.text-content ol li:before,.text-content p a,:root{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace}.font-paragraph,.text-content li,.text-content p{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif}.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 screen and (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 screen and (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 screen and (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 screen and (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{-webkit-text-decoration-skip:ink;box-sizing:border-box;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{-webkit-tap-highlight-color:rgba(0,0,0,0);min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}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{--nav-height:38px;font-size:.8rem}:root,body,html{color:var(--text)}body,html{background:var(--glare);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}}:root{--text:#111;--ui:#393d3f;--base-bright:#fff;--glare:#faf7f0;--base:#f1e9d6;--shade:#e6d8b8;--focus:#b1385e;--code:#64ff8b;--link:#6a324f;--transparent-base:hsla(42,22%,91%,0);--transparent-shade:hsla(42,21%,84%,0)}@media (prefers-color-scheme:dark){:root{--text:#ccc;--ui:#000;--glare:#474e52;--base:#393d3f;--shade:#2f3233;--focus:#b1385e;--link:#b1385e;--transparent-base:rgba(57,61,63,0);--transparent-shade:rgba(47,50,51,0);--code:#64c490}}.dark-mode{--text:#ddd;--ui:#000;--glare:#474e52;--base:#393d3f;--shade:#2f3233;--link:#b1385e;--focus:#b1385e;--transparent-base:rgba(57,61,63,0);--transparent-shade:rgba(47,50,51,0);--code:#64c490}@media (prefers-color-scheme:dark){.dark-mode{--text:#111;--ui:#393d3f;--base-bright:#fff;--glare:#faf7f0;--base:#f1e9d6;--shade:#e6d8b8;--focus:#d53a42;--link:#6a324f;--transparent-base:hsla(42,22%,91%,0);--transparent-shade:hsla(42,21%,84%,0);--code:#64ff8b}}.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}}.bang{--glare:#f7fbfe;--base:#d0e6f9;--shade:#91c4f2;--text:#000}.red-bang{--glare:#f6d860;--base:#ed894b;--shade:#d53a42;--ui:#6a324f;--text:#000}.pink-splash{--glare:#ffcaba;--base:#ffb199;--shade:#ff825c}.green-splash{--glare:#c3eae7;--base:#7fd1cb;--shade:#59c5bc}.focus,.window:focus,.window:focus-within,:focus{outline:2px dashed var(--focus);outline-offset:-2px}@media (min-width:48em){.focus,.window:focus,.window:focus-within,:focus{outline:4px dashed var(--focus);outline-offset:4px}}.window:focus,.window:focus-within{outline:none}.window:focus-within:after,.window:focus:after{content:"";outline:2px dashed 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:4px dashed var(--focus);outline-offset:4px}}.focus-small{outline:2px dashed var(--focus);outline-offset:1px}.focus-inner,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px dashed var(--focus);outline-offset:-2px}table{border-collapse:collapse;width:100%}table td,table th{border:2px solid var(--shade)}table .no-border{border:0}table td{text-align:center}table .highlight-cell{outline:2px solid var(--ui);outline-offset:-1px}fieldset{border:2px solid var(--shade);border-radius:4px;display:block;margin:0;max-width:100%;min-width:auto;overflow:hidden;padding:0;position:relative;width:100%}fieldset.interactive{border-color:var(--ui);box-shadow:0 2px var(--shade)}.input-box{border:2px solid var(--shade);border-radius:3px;padding:.8rem}.button,.file-upload:after,button,input[type=email],input[type=number],input[type=text],select{border:2px solid var(--ui);border-radius:2px;color:var(--text);max-width:100%;min-width:auto;padding:4px;position:relative;width:auto}input[type=email],input[type=number],input[type=text]{background:var(--glare);border-radius:2px;box-shadow:inset 0 2px var(--shade),0 2px var(--shade);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}.color-box{--input-base:var(--base);--input-base-reverse:var(--shade);background:var(--input-base)}.color-box .color-box{--input-base:var(--shade);--input-base-reverse:var(--base)}.color-box .color-box .color-box{--input-base:var(--base);--input-base-reverse:var(--shade)}.color-box .color-box .color-box .color-box{--input-base:var(--shade);--input-base-reverse:var(--base)}.color-box .color-box .color-box .color-box .color-box{--input-base:var(--base);--input-base-reverse:var(--shade)}.color-box .color-box .color-box .color-box .color-box .color-box{--input-base:var(--shade);--input-base-reverse:var(--base)}.button,.file-upload:after,button,select{align-items:center;background:var(--glare);border-radius:3px;box-shadow:0 2px var(--shade);cursor:pointer;display:flex;justify-content:center;overflow:hidden;text-align:center;touch-action:manipulation}.button.soft,.soft.file-upload:after,button.soft,select.soft{border-radius:2rem;height:28px;padding:0 .64rem}.button.icon-button,.icon-button.file-upload:after,button.icon-button,select.icon-button{height:26px;margin:4px;padding:0;width:26px}.big.file-upload:after,.button.big,button.big,select.big{display:block;font-size:1.25rem;padding:1rem;width:100%}.button:hover,.file-upload:hover:after,button:hover{border-color:var(--focus)}.button:active,.file-upload:active:after,button:active{transform:translateY(1px)}button:disabled{border-color:var(--shade);box-shadow:none;cursor:default;pointer-events:none}button>span{align-items:center;display:flex;justify-content:center}button.icon-button .icon{height:12px;width:12px}button.icon-button:hover .icon{color:var(--focus)}a.button,a.file-upload:after{color:var(--text);font-weight:400}a.green-splash,a.pink-splash,button.green-splash,button.pink-splash{color:var(--ui)}.label-box{border-radius:3px;color:var(--text);padding:4px 4px 4px .8rem}.label-box,.label-box label,.label-box>span{align-items:center;display:flex;justify-items:center}.label-box label,.label-box>span{margin-right:.8rem}.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>*+*{margin-top:1rem}.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(--glare);background-image:linear-gradient(45deg,var(--shade) 25%,transparent 25%,transparent 75%,var(--shade) 75%,var(--shade)),linear-gradient(45deg,var(--shade) 25%,transparent 25%,transparent 75%,var(--shade) 75%,var(--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{-webkit-overflow-scrolling:touch;--track-width:18px;--thumb-width:14px;min-height:100%;min-width:100%;overscroll-behavior:none;perspective:1px;position:relative;z-index:100}.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}.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(--ui);border-radius:0;border-top:2px solid var(--ui);position:relative}@media (min-width:48em){.window{border-top:0}}.window:last-of-type{border-bottom:2px solid var(--ui)}@media (min-width:48em){.window:last-of-type{border-bottom:0}.window{border-radius:8px 8px 2px;box-shadow:0 15px 20px -3px #0003,0 2px 10px -2px #0003;position:absolute}}.window-header{align-items:center;background:var(--base);border-bottom:2px solid var(--shade);border-radius:0;color:var(--text);cursor:grab;display:flex;overflow:hidden;padding:8px}@media (min-width:48em){.window-header{border-radius:8px 8px 0 0}}.window-header-label{align-items:center;display:flex;font-size:1.25rem;font-weight:700;margin:0 1rem}.window-content{background:var(--base);border-radius:0;display:flex;flex-direction:column;max-width:100%;min-height:3rem;min-width:100%;overflow:hidden;position:relative;z-index:0}@media (min-width:48em){.window-content{border-radius:0 0 2px 8px;max-height:-moz-min-content;max-height:min-content}}.anchor-lines{display:none;flex:1;height:32px;min-width:20px;position:relative}.anchor-lines div{border-bottom:2px solid var(--shade);border-radius:2px;border-top:2px solid var(--glare);height:4px;margin-top:2px}@media (min-width:48em){.anchor-lines{display:block}}.window-content-inner{background:var(--base);height:100%;padding:.8rem}.resize-both,.resize-horizontal,.resize-vertical{resize:none}.resize-anchor{bottom:0;cursor:nwse-resize;display:none;height:32px;position:absolute;right:0;width:32px;z-index:200}@media (min-width:48em){.resize-anchor{display:block}}.confirm-button{display:block;margin-top:auto;width:100%}.fill,.window-flex{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.window-flex .grow{flex:1}#nav{align-items:center;background:var(--base);border-bottom:2px solid var(--shade);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{font-size:.8rem;padding:4px}.control-box>*+*{margin-top:.64rem}.control-box button{font-size:.8rem}.control-box .category{color:var(--text)}.control-box .category .category-name{padding:.8rem 0 .64rem;text-align:center}.control-box button{height:5rem;position:relative;width:5rem}.control-box .half-button{height:2rem}.control-box>div{border:2px solid var(--shade);padding:4px}.control-box label{display:block;text-align:center}.slider-container{background:var(--input-base);border-radius:4px;display:flex;flex-wrap:nowrap;position:relative}.slider-container input[type=number]{background:transparent;border:0;border-radius:0 4px 4px 0;box-shadow:none;color:var(--text);width:4rem}.slider{background:var(--input-base);border-right:0;box-sizing:content-box;flex:1;height:2em;position:relative}.slider-bar{background-color:var(--base);border:2px solid var(--ui);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(--glare);border:0;border:2px solid var(--ui);border-radius:0;border-radius:3rem;box-shadow:0 2px var(--shade);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(--glare);border:0;border:2px solid var(--ui);border-radius:0;border-radius:3rem;box-shadow:0 2px var(--shade);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(--glare);border:0;border:2px solid var(--ui);border-radius:0;border-radius:3rem;box-shadow:0 2px var(--shade);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:2px solid var(--ui);border-radius:4px;display:flex;flex-direction:column;height:100%;min-height:10rem;overflow:hidden;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-label{color:var(--text);display:block;padding:.8rem;text-align:center}.text-input{display:flex}.text-input input[type=text]{color:var(--text);flex:1;min-width:0;width:8rem}.number-input-container{align-items:stretch;display:flex}.number-input-container label{flex:1}.number-input-container input[type=number]{border-left:0;border-radius:0;border-right:0;color:var(--text);max-width:6rem}.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;border-left:0;border-radius:0;border-right:0;box-shadow:none;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{box-shadow:none}.select-input button:first-of-type{border-radius:4px 0 0 4px}.select-input button:last-of-type{border-radius:0 4px 4px 0}legend{-webkit-padding-start:0;-webkit-padding-end:0;border-radius:0;display:block;padding-inline-end:0;padding-inline-start:0;position:relative;width:100%}.input-group-header{align-items:center;border:0;cursor:pointer;display:flex;flex-wrap:nowrap;justify-content:space-between;position:relative}.input-group-header .input-group-header-button,.input-group-header .input-group-settings-buttons button{box-shadow:0 2px #0000001a;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{background:var(--ui);bottom:0;cursor:ew-resize;left:0;top:0;width:4px;z-index:100}.comparison-slider,.comparison-slider .comparison-slider-handle{align-items:center;display:flex;justify-content:center;position:absolute}.comparison-slider .comparison-slider-handle{background:var(--base);border:4px solid var(--ui);border-radius:99rem;color:var(--ui);height:2.5rem;width:2.5rem}.file-upload{align-items:center;border:2px solid var(--shade);border-radius:4px;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{content:"Browse Files";position:relative}.file-upload:focus-within:after{outline:2px dashed 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{background:var(--glare);line-height:1.5;padding:1.6rem .64rem;width:100%}.text-content>*{margin-left:auto;margin-right:auto;max-width:40rem}@media (min-width:48em){.text-content{padding:1.6rem 1rem}}.text-content>*+*{margin-top:1.6rem}.text-content>*+h1,.text-content>*+h2,.text-content>*+h3{margin-top:3rem}.text-content li,.text-content p{font-size:1.25rem}.text-content li a,.text-content p a{background:var(--base);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:0 0 0 2px var(--base);font-size:.8em;padding:1px .64rem}.text-content li a:hover,.text-content p a:hover{background:var(--shade);box-shadow:0 0 0 2px var(--shade)}.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:"\25b8"}.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}.swatch-picker{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}.swatch-picker .swatch:before{content:"";display:block;padding-bottom:100%;position:relative}.swatch-picker .swatch.selected{box-shadow:0 0 0 4px var(--focus)}.swatch:focus-within{outline:2px dashed var(--focus);outline-offset:1px}.swatch.selected:focus-within{outline-offset:5px}.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}.gradient-color-input{display:block;position:relative}.gradient-slider-container{height:2rem;position:relative;z-index:2}.hidden-slider-container{position:relative;width:100%}.hidden-slider-container input{left:0;position:absolute;right:0;width:100%}.arrow-container{height:10px;overflow:visible;position:relative}.arrow-container .arrow{display:inline-block;position:absolute;z-index:3}.gradient-slider-container input[type=range]::-moz-range-thumb{background:var(--base);background-image:var(--thumb-style);background-position:0 0,0 0,2px 2px;background-size:100% 100%,4px 4px,4px 4px}input[type=range].current-option::-moz-range-thumb{box-shadow:0 0 0 2px var(--ui)}input[type=range].current-option:focus::-moz-range-thumb{box-shadow:0 0 0 2px var(--focus)}.slider-add-button{border-radius:1rem 1rem 0;bottom:0;box-shadow:1px 1px 0 1px var(--shade);height:20px;margin-bottom:auto;margin-top:auto;padding:0;position:absolute;top:0;width:20px}.slider-add-button span{display:block;transform:rotate(-45deg)}.color-input-container{border:2px solid var(--input-base);border-radius:10px;overflow:hidden;position:relative}.color-input-container>.transparent-pattern{z-index:1}.color-input-container>.color-mask{z-index:2}.color-input-container-inner{position:relative;z-index:3}.add-gradient-stop-container{height:2rem;overflow:visible;position:relative;z-index:3}