.styleTester_testerContainer__O28Mz{position:relative;min-height:100%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:flex-start;align-items:center;overflow:hidden}.styleTester_testerContainer__O28Mz:focus,.styleTester_testerContainer__O28Mz:focus-visible,.styleTester_testerContainer__O28Mz:focus-within{outline:none}.styleTester_testerContainer__O28Mz.styleTester_large__ZNuuM{min-height:calc(50vh - var(--marginY))}@media screen and (max-width:960px){.styleTester_testerContainer__O28Mz.styleTester_large__ZNuuM{flex-direction:column-reverse;overflow:hidden;min-height:calc(30vh - var(--marginYMobile));margin:var(--marginYMobile) 0}}.styleTester_tester__mamHf{position:relative;display:flex;padding:0 calc(var(--marginX));letter-spacing:0;height:100%;justify-content:center;align-items:center;min-height:inherit;text-align:center;overflow:hidden;width:100%;min-width:100%}@media screen and (max-width:960px){.styleTester_tester__mamHf{padding:0 calc(var(--marginXMobile))}}.styleTester_tester__mamHf.styleTester_margin__aOTX7{margin:calc(var(--marginY)*2) 0}@media screen and (max-width:960px){.styleTester_tester__mamHf.styleTester_margin__aOTX7{margin:calc(var(--marginYMobile)*2) 0}}.styleTester_tester__mamHf :is(div){min-width:inherit;width:100%}.styleTester_testerInput__Isrp_{display:flex;position:relative;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;width:100%;z-index:var(--top);pointer-events:auto;transition:opacity 1s linear;padding:20px;white-space:nowrap}.styleTester_testerInput__Isrp_[data-type=paragraph]{white-space:normal}.styleTester_testerInput__Isrp_[data-checker=false]{color:var(--black)}.styleTester_testerInput__Isrp_:focus{outline:none}.styleTester_testerInput__Isrp_.styleTester_large__ZNuuM{align-items:center}.styleTester_heightChecker__WuaO3{position:absolute;display:block;width:100%;left:0;top:0;overflow:hidden;text-align:center;justify-content:center;transition:all 0s;opacity:0;pointer-events:none}.styleTester_heightChecker__WuaO3 .styleTester_testerInput__Isrp_{display:block;text-align:center;width:-moz-fit-content!important;width:fit-content!important;transition:all 0s!important}.styleTester_sizeChecker__TOiXS{position:absolute;display:block;width:100%;left:0;top:0;overflow:hidden;text-align:center;justify-content:center;transition:all 0s;opacity:0;pointer-events:none}.styleTester_sizeChecker__TOiXS .styleTester_testerInput__Isrp_{display:block;text-align:center;width:-moz-fit-content!important;width:fit-content!important;transition:all 0s!important}.styleTester_sizeChecker__TOiXS .styleTester_testerInput__Isrp_[data-type=paragraph]{white-space:normal}.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-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 1s linear}.variableTester_textContainer__em0gH .variableTester_text__Jgxoe[data-fast-transition=true]{transition:all .1s 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) 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;fill:var(--white)}.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:transparent;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) ease;transition:scale var(--transXFast) 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) 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:transparent;opacity:1;position:absolute;left:0;right:0;aspect-ratio:2.33;width:100px;height:auto;transition:opacity var(--transXXFast) ease;cursor:-webkit-grab;cursor:grab;z-index:0}.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) ease}.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) 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) 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) 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}.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}}