.variableTester_textContainer__em0gH{overflow:hidden;position:relative;text-align:center;justify-content:center;align-items:center;min-height:33vw;max-height:calc(100vw - var(--marginY))}.variableTester_textContainer__em0gH.variableTester_hero__9uU3P{min-height:-moz-fit-content;min-height:fit-content}.variableTester_textContainer__em0gH.variableTester_hero__9uU3P .variableTester_text__Jgxoe{font-size:15cqw;text-shadow:none}.variableTester_textContainer__em0gH .variableTester_text__Jgxoe{z-index:1;white-space:nowrap;line-height:1;padding:40px;letter-spacing:normal;max-width:none;height:-moz-fit-content;height:fit-content;font-weight:400;overflow:visible;width:-moz-fit-content;width:fit-content;pointer-events:all;text-box-trim:trim-both;text-box-edge:cap alphabetic;text-shadow:2px 2px 4px rgba(39,39,39,.25),4px 4px 8px rgba(39,39,39,.15),8px 8px 16px rgba(39,39,39,.05)}.variableTester_textContainer__em0gH .variableTester_text__Jgxoe[data-transition=true]{transition:all var(--transMed) linear}.variableTester_textContainer__em0gH .variableTester_text__Jgxoe[data-fast-transition=true]{transition:all var(--transXXFast) linear}.variableTester_textContainer__em0gH .variableTester_text__Jgxoe[data-moving=true]{pointer-events:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb{position:absolute;bottom:calc(var(--marginY)/2);justify-content:center;z-index:1;padding:0 var(--marginX);pointer-events:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_mobileLabel__vXjnD{display:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_mobileLabel__vXjnD[data-active=true]{display:block}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH{z-index:1;display:flex;justify-content:center;align-items:center}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH.variableTester_title__vLpg3{z-index:-10}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH[data-dropdown=true]{pointer-events:all}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH[data-dropdown=true] .variableTester_dropDown__Z0jMH{height:100%;background-color:var(--black);border:2px solid var(--grey900);padding:0 18px;border-radius:var(--borderRadius);transition:all var(--transXFast) var(--ease);cursor:default}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH[data-dropdown=true] .variableTester_dropDown__Z0jMH select{color:var(--white);font-family:Halisa VF,sans-serif;text-transform:uppercase;mix-blend-mode:difference}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH[data-dropdown=true] .variableTester_dropDown__Z0jMH select option{text-transform:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH[data-dropdown=true] .variableTester_dropDown__Z0jMH select:hover{opacity:.7}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH[data-dropdown=true] .variableTester_dropDown__Z0jMH svg{cursor:default;color:var(--white);width:var(--iconSize);height:var(--iconSize)}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH .variableTester_label__zdPie{position:relative;white-space:nowrap;height:100%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;opacity:.4;color:var(--white);padding:15px 21px;mix-blend-mode:difference;text-shadow:2px 2px 4px rgba(39,39,39,.25),4px 4px 8px rgba(39,39,39,.15),8px 8px 16px rgba(39,39,39,.05)}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH a{pointer-events:all}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH a:hover{opacity:1;color:var(--green)}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik{pointer-events:all;z-index:1;max-width:195px;min-width:170px}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK{margin:0;position:relative;padding:15px 18px;background-color:rgba(0,0,0,0);border:2px solid var(--grey900);background-color:var(--black);border-radius:var(--borderRadius);display:flex;align-items:center;box-shadow:2px 2px 4px rgba(39,39,39,.25),4px 4px 8px rgba(39,39,39,.15),8px 8px 16px rgba(39,39,39,.05)}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK input{z-index:1;padding:0;cursor:pointer;outline:none;color:var(--grey200);background:var(--grey900);max-height:2px;border:none;width:100%;-webkit-appearance:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK input:hover::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.57 18.57'><polygon fill='currentColor' points='4.14 18.43 4.14 16.43 2.14 16.43 2.14 14.43 .14 14.43 .14 4.14 2.14 4.14 2.14 2.14 4.14 2.14 4.14 .14 14.42 .14 14.42 2.14 16.42 2.14 16.42 4.14 18.42 4.14 18.42 14.43 16.42 14.43 16.42 16.43 14.42 16.43 14.42 18.43 4.14 18.43' /><path fill='currentColor' d='m14.28.28v2h2v2h2v10h-2v2h-2v2H4.28v-2h-2v-2H.28V4.28h2v-2h2V.28h10m.28-.28H4v2h-2v2H0v10.57h2v2h2v2h10.57v-2h2v-2h2V4h-2v-2h-2V0h0Z' /></svg>");background:var(--grey200);scale:1.2}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK input::-webkit-slider-thumb{outline:3px solid var(--black);border-radius:50%;background-image:url("data:image/svg+xml,<svg width='100%' height='100%' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='9.5' cy='9.5' r='9.5' fill='white' /></svg>");-webkit-appearance:none;appearance:none;height:18px;width:18px;cursor:-webkit-grab;cursor:grab;-webkit-transition:scale var(--transXFast) var(--ease);transition:scale var(--transXFast) var(--ease);background-position:50%;background-repeat:no-repeat;background-size:contain}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK input::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK input::-moz-range-thumb{background:var(--white);outline:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .MuiSlider-root{border-radius:100%;padding:15px 21px;width:100%;height:100%}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .MuiSlider-root .MuiSlider-rail{display:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .MuiSlider-root .MuiSlider-track{height:100%;background-color:var(--grey800);border:none;border-radius:0}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .MuiSlider-root .MuiSlider-thumb{display:none}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .variableTester_labelContainer__9HxWH{position:relative;cursor:default;display:flex;justify-content:center;width:-moz-fit-content;width:fit-content}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .variableTester_labelContainer__9HxWH .variableTester_sliderLabel__6T7g9{position:relative;text-transform:uppercase;text-align:left;white-space:nowrap}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .variableTester_labelContainer__9HxWH:hover [data-hover]{opacity:1}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .variableTester_labelContainer__9HxWH .variableTester_sliderValue__WyHDQ{position:relative;white-space:nowrap;color:var(--grey400)}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .variableTester_labelContainer__9HxWH .variableTester_sliderValue__WyHDQ span{font-feature-settings:"tnum"}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u{pointer-events:all;z-index:1;width:50px;height:50px;min-height:-moz-fit-content;min-height:fit-content;min-width:-moz-fit-content;min-width:fit-content}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u button{aspect-ratio:1/1;background-color:var(--grey900);border-radius:50%;height:100%;min-width:20px;transition:all var(--transXFast) var(--ease)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u button:hover{opacity:.7}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u button[data-active=true]{background-color:var(--white)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u button[data-active=true] svg{color:var(--black)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u button svg{color:var(--white);width:30px;height:30px}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_mic__tkW7f button{border-radius:50%;height:100%;min-width:20px}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq{z-index:0;position:absolute;width:100px;height:auto;left:0;top:0}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq[data-hide=true]{display:none}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button{padding:0;background-color:rgba(0,0,0,0);opacity:1;position:absolute;left:0;right:0;aspect-ratio:2.33;width:100px;height:auto;transition:opacity var(--transXXFast) var(--ease)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-active=false]{opacity:0;pointer-events:none}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-play=true]{transition:transform .0166s,opacity var(--transXXFast) var(--ease)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button{cursor:-webkit-grab;cursor:grab;z-index:0}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-grab=true]{cursor:-webkit-grabbing;cursor:grabbing}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-color="0"] svg{color:var(--green)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-color="1"] svg{color:#e4c159}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-color="2"] svg{color:#59c1e4}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-color="3"] svg{color:#3f78e4}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button[data-color="4"] svg{color:#4ba2b5}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_dvd___5Puq button svg{width:100%;height:100%;transition:color var(--transXFast) var(--ease)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_reset__6gMdR{background-color:var(--grey900);background-size:calc(var(--marginX)) calc(var(--marginY));background-position:0 100%;border-radius:0;position:absolute;right:0;top:0;width:var(--marginX);height:var(--marginY);min-height:-moz-fit-content;min-height:fit-content;min-width:-moz-fit-content;min-width:fit-content;transition:background-size var(--transFast) var(--ease)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_reset__6gMdR:hover{background-size:calc(var(--marginX)*5) calc(var(--marginY)*5)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_reset__6gMdR:hover svg{transform:rotate(-45deg)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_reset__6gMdR:active svg{transform:rotate(1turn)}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_reset__6gMdR svg{transition:transform var(--transFast) var(--ease);color:var(--white);width:20px;height:20px}@media screen and (max-width:1200px){.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik .variableTester_slider__RnexK .MuiSlider-root{padding:10px 15px}}@media screen and (max-width:960px){.variableTester_textContainer__em0gH{min-height:50vw}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb{padding:0 var(--marginXMobile)}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_labelContainer__9HxWH{display:none}.variableTester_textContainer__em0gH .variableTester_button__mDZ_u.variableTester_reset__6gMdR{background-color:var(--grey900)}}@media screen and (max-width:600px){.variableTester_textContainer__em0gH{aspect-ratio:1/1;width:100%}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb{position:absolute;bottom:var(--marginYMobile);padding:0 var(--marginXMobile)}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_mobileLabel__vXjnD{position:absolute;top:-70%;left:50%;text-align:center;text-transform:uppercase;transform:translate(-50%);width:100%}.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_button__mDZ_u.variableTester_reset__6gMdR,.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_mobileLabel__vXjnD [data-active=false],.variableTester_textContainer__em0gH .variableTester_tools__9AYCb .variableTester_sliderContainer__wyhik{display:none}.variableTester_textContainer__em0gH .variableTester_text__Jgxoe{font-size:30cqw}}