.ht-cursor{position:fixed;top:0;left:0;z-index:150;contain:layout style size;pointer-events:none;will-change:transform;-webkit-transition:opacity .3s,color .4s;-o-transition:opacity .3s,color .4s;-moz-transition:opacity .3s,color .4s;transition:opacity .3s,color .4s}.ht-cursor:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);background:currentColor;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:opacity .1s,-webkit-transform .3s ease-in-out;transition:opacity .1s,-webkit-transform .3s ease-in-out;-o-transition:opacity .1s,-o-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,opacity .1s,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .1s;transition:transform .3s ease-in-out,opacity .1s,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-o-transform .3s ease-in-out}.ht-cursor-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0) rotate(10deg);-moz-transform:scale(0) rotate(10deg);-ms-transform:scale(0) rotate(10deg);-o-transform:scale(0) rotate(10deg);transform:scale(0) rotate(10deg);opacity:0;color:#fff;font-size:16px;line-height:20px;text-align:center;letter-spacing:-.01em;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;-o-transition:opacity .4s,-o-transform .3s;-moz-transition:opacity .4s,transform .3s,-moz-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s}@supports (mix-blend-mode:exclusion){.ht-cursor.-exclusion,.ht-cursor.-opaque{mix-blend-mode:exclusion}}@supports (mix-blend-mode:exclusion){.ht-cursor.-exclusion:before,.ht-cursor.-opaque:before{background:#fff}}.ht-cursor.-normal,.ht-cursor.-text{mix-blend-mode:normal}.ht-cursor.-normal:before,.ht-cursor.-text:before{background:currentColor}.ht-cursor.-inverse{color:#fff}.ht-cursor.-visible:before{-webkit-transform:scale(.2);-moz-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2)}.ht-cursor.-visible.-active:before{-webkit-transform:scale(.23);-moz-transform:scale(.23);-ms-transform:scale(.23);-o-transform:scale(.23);transform:scale(.23);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.ht-cursor.-pointer:before{-webkit-transform:scale(.15);-moz-transform:scale(.15);-ms-transform:scale(.15);-o-transform:scale(.15);transform:scale(.15)}.ht-cursor.-text:before{opacity:.85;-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7)}.ht-cursor.-text .ht-cursor-text{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.ht-cursor.-text.-active:before{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.ht-cursor.-opaque:before{-webkit-transform:scale(1.32);-moz-transform:scale(1.32);-ms-transform:scale(1.32);-o-transform:scale(1.32);transform:scale(1.32)}.ht-cursor.-opaque.-active:before{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.ht-cursor.-md:before{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}.ht-cursor.-lg:before{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}.ht-cursor.-hidden:before{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.-color-red{color:#d20a0a}.-color-green{color:#83b002}.-color-accent-lilac{color:var(--body-color2)}.-color-accent-lilac-bg{background:#8d53e9}.ht-demo{background:#fff}.ht-demo-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh}.ht-demo-container{padding:0 20px}@media (min-width:1600px){.ht-demo-container{padding:0 120px}}.ht-demo-row{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:30px 0}@media (min-width:1600px){.ht-demo-row{margin:60px 0}}.ht-demo-item{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:50px 30px;margin:0 20px;color:#000;background:#ecedee;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}@media (min-width:1600px){.ht-demo-item{padding:90px 30px;margin:0 30px}}.ht-demo-item-title{position:relative;margin:0 0 25px 0;font-size:30px;font-weight:700}.ht-demo-item-text{position:relative;max-width:70%;margin:0 auto;color:rgba(0,0,0,.5);font-size:16px;font-weight:300;line-height:150%}.ht-cursor{position:fixed;top:0;left:0;z-index:150;contain:layout style size;pointer-events:none;will-change:transform;transition:opacity .3s,color .4s}.ht-cursor:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;transform:scale(0);background:currentColor;border-radius:50%;transition:transform .3s ease-in-out,opacity .1s}.ht-cursor-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(10deg);opacity:0;color:#fff;font-size:16px;line-height:20px;text-align:center;letter-spacing:-.01em;transition:opacity .4s,transform .3s}@supports (mix-blend-mode:exclusion){.ht-cursor.-exclusion,.ht-cursor.-opaque{mix-blend-mode:exclusion}}@supports (mix-blend-mode:exclusion){.ht-cursor.-exclusion:before,.ht-cursor.-opaque:before{background:#fff}}.ht-cursor.-normal,.ht-cursor.-text{mix-blend-mode:normal}.ht-cursor.-normal:before,.ht-cursor.-text:before{background:currentColor}.ht-cursor.-inverse{color:#fff}.ht-cursor.-visible:before{transform:scale(.2)}.ht-cursor.-visible.-active:before{transform:scale(.23);transition-duration:.2s}.ht-cursor.-pointer:before{transform:scale(.15)}.ht-cursor.-text:before{opacity:.85;transform:scale(1.7)}.ht-cursor.-text .ht-cursor-text{opacity:1;transform:scale(1)}.ht-cursor.-text.-active:before{transform:scale(1.6);transition-duration:.2s}.ht-cursor.-opaque:before{transform:scale(1.32)}.ht-cursor.-opaque.-active:before{transform:scale(1.2)}.ht-cursor.-md:before{transform:scale(1.5)}.ht-cursor.-lg:before{transform:scale(2)}.ht-cursor.-hidden:before{transform:scale(0)}