input[type=range]{appearance:none;background:rgba(0,0,0,0);cursor:default;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#000;height:1px}input[type=range]::-moz-range-track{background:#000;height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;margin-top:-0.325rem;background-color:#000;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer;box-shadow:none}@media only screen and (max-width: 800px){input[type=range]::-webkit-slider-thumb{height:1rem;width:1rem;margin-top:-0.45rem}}input[type=range]::-moz-range-thumb{border:none;border-radius:0;background-color:#000;height:.75rem;width:.75rem;border-radius:50%;cursor:pointer}.sliderthing{padding:0 .5rem;width:calc(25% - 0.25rem);height:1.5rem}.sliderthing label{padding-right:.25em}@media only screen and (max-width: 1100px){.sliderthing{width:calc(50% - 0.25rem);margin-top:.5rem}.sliderthing:first-child,.sliderthing:nth-child(2){margin-top:0}}@media only screen and (max-width: 800px){.sliderthing{height:2rem}}:root{--vh: 100vh}*,*::after,*::after{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{height:var(--vh);overflow:hidden}body{margin:0;padding:0}html{font-size:1.7vw}@media only screen and (max-width: 1100px){html{font-size:22px}}body{background-color:#fff;color:#000;font-feature-settings:"locl" off,"kern" on,"liga" on,"ss02" on,"ss05" on,"ss06" on;font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.1rem;font-family:"Uncut Sans var",sans-serif;font-variation-settings:"ital" 0}input[type=text],input[type=search]{color:#000;font-feature-settings:"locl" off,"kern" on,"liga" on,"ss02" on,"ss05" on,"ss06" on;font-size:1rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.1rem;font-family:"Uncut Sans var",sans-serif;box-shadow:none;appearance:none;font-variation-settings:"ital" 0}h1,h2,h3,p{font-size:1rem;font-weight:inherit;line-height:inherit;margin:0;padding:0}.h1{font-size:3rem;line-height:3.3rem;letter-spacing:-0.025em}.h2{font-size:1.5rem;line-height:1.65rem}i{font-variation-settings:"ital" 11}img,video,svg{display:block;height:auto;width:100%}a{color:inherit;text-decoration:none}.type-tester-wrapper{width:100%;height:var(--vh);background-color:#eee;position:relative}.type-tester{width:100%;height:100%}.type-tester__content{width:100%;height:100%;padding:0 2rem 2rem;display:flex;justify-content:center;align-content:center;flex-wrap:nowrap;flex-direction:column;text-align:center;overflow:hidden;line-height:1em;font-size:10vw;font-feature-settings:"locl" off,"kern" on,"liga" on}.type-tester__content div{width:100%}.dark-mode-on .type-tester__content{background-color:#000;color:#fff}.type-tester-settings{width:100%;padding:.25rem;position:absolute;bottom:0;left:0;display:flex;font-size:.75em;justify-content:space-between;align-items:center}.type-tester-settings *{-webkit-user-select:none;user-select:none}@media only screen and (max-width: 1100px){.type-tester-settings{flex-wrap:wrap;height:auto}}.yolo{width:1.5rem;padding:.25rem;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;touch-action:manipulation}@media only screen and (max-width: 1100px){.yolo{width:3rem}}@media only screen and (max-width: 800px){.yolo{width:2rem}}.togglebtn{width:1rem;height:1rem;background-color:#ddd;border-radius:50%;display:none;cursor:pointer;justify-content:center;align-items:center}@media only screen and (max-width: 1100px){.togglebtn{display:flex}}@media only screen and (max-width: 800px){.togglebtn{width:1.5rem;height:1.5rem;margin-bottom:1rem}}.togglebtnLight{width:1rem;height:1rem;box-shadow:0 0 0 1px #000 inset;border-radius:50%;cursor:pointer;position:relative;overflow:hidden}.dark-mode-on .togglebtnLight{box-shadow:0 0 0 1px #fff inset}.dark-mode-on .togglebtnLight::after{background:#fff}.togglebtnLight::after{content:"";position:absolute;top:0;left:50%;width:50%;height:100%;background:#000;display:flex}@media only screen and (max-width: 800px){.togglebtnLight{width:1.5rem;height:1.5rem}}.type-tester-settings__dropdowns{width:100%;padding:.25rem;width:40%;display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 1100px){.type-tester-settings__dropdowns{display:none;width:100%}.type-tester-settings-open .type-tester-settings__dropdowns{display:flex}}.type-tester-settings__sliders{width:60%;padding:.25rem;display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 1100px){.type-tester-settings__sliders{width:100%}}.type-tester-settings-open .type-tester-settings__sliders{display:none}.setting-thing{background-color:#ddd;border-radius:.75rem;display:flex;align-items:center}.sliderthing input{width:100%}.text--300{font-variation-settings:"wght" 300}.text--350{font-variation-settings:"wght" 350}.text--400{font-variation-settings:"wght" 400}.text--500{font-variation-settings:"wght" 500}.text--600{font-variation-settings:"wght" 600}.text--700{font-variation-settings:"wght" 700}.dropdown{position:relative;cursor:pointer;width:calc(50% - 0.25rem);height:1.5rem}@media only screen and (max-width: 800px){.dropdown{margin-top:.5rem}.dropdown:first-child{margin-top:0}}@media only screen and (max-width: 800px){.dropdown{height:2rem;width:100%}}.dropdown::after{content:"";background-image:url("/assets/images/icon-triangle--up.svg");background-size:contain;background-position:center;background-repeat:no-repeat;height:100%;width:.75rem;display:block;position:absolute;right:.375rem;top:0}.dropdown.dropdown--open{border-top-left-radius:0;border-top-right-radius:0}.dropdown.dropdown--open::after{transform:rotate(180deg)}.dropdown__content{pointer-events:none;opacity:0;position:absolute;left:0;bottom:100%;width:100%;background-color:#ddd;text-align:left;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;z-index:2;box-shadow:0 -1px 0 rgba(0,0,0,.1) inset}.dropdown--open .dropdown__content{opacity:1;pointer-events:all}.dropdown-option{padding:.25rem .5rem}.dropdown-option:nth-child(even){background-color:rgba(255,255,255,.2)}@media only screen and (max-width: 800px){.dropdown-option{padding:.5rem}}.dropdown-option:hover{background-color:#fff}.dropdown-label{pointer-events:none;padding:0 .5rem;width:100%;height:100%;display:flex;align-items:center;z-index:1;position:relative}.scroller{width:100%;height:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 800px){.scroller{max-height:15.75rem}}.press{position:relative}.press::after{content:"";height:.75rem;width:.75rem;border-radius:50%;position:absolute;right:.5rem;top:.5rem;box-shadow:0 0 0 1px #000 inset;display:block}@media only screen and (max-width: 800px){.press::after{top:.625rem}}.press.active{background-color:#fff}.press.active::after{background-color:#000}.sliderthing{padding:0 .5rem;width:calc(25% - 0.25rem);height:1.5rem;margin-top:0}.sliderthing label{padding-right:.25em}@media only screen and (max-width: 800px){.sliderthing{height:2rem;width:calc(50% - 0.25rem);margin-top:.5rem}.sliderthing:first-child,.sliderthing:nth-child(2){margin-top:0}}.worptgdf{display:flex;justify-content:space-between;width:calc(100% - 1.5rem)}@media only screen and (max-width: 1100px){.worptgdf{width:calc(100% - 3rem)}}@media only screen and (max-width: 800px){.worptgdf{width:calc(100% - 2rem)}}.nav{height:3rem;position:fixed;width:100%;top:0;left:0;z-index:99;display:flex;justify-content:space-between;align-items:center;padding:1rem;mix-blend-mode:difference;color:#fff}.btn{background-color:#fff;color:#000;height:1.5rem;display:flex;align-items:center;justify-content:center;padding:0 .5rem;border-radius:5rem;font-size:.75em}.c-logo--scrolled .btn{color:#fff;background-color:#000}