@charset "UTF-8";
   :root {
--top: 0;
--left: 0;
--cursor-width: 30px;
--img-width: 30px;
--color: #000000;
--blending-mode: normal;
--default-cursor: 'none'; } .cursor-element {
cursor: var(--default-cursor); }
.cursor-element a {
cursor: var(--default-cursor); }
.rs-waction {
cursor: none !important; }
.cursor > div {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.cursor div {
position: fixed;
pointer-events: none;
z-index: 99999999999;
mix-blend-mode: var(--blending-mode); }
.cursor .cursor-el2 img {
display: none; }
.cursor .cursor-el1 svg {
display: none; }
.cursor.browser.link-hover {
display: none; }
.cursor.browser.link-hover a, .cursor.browser.link-hover button:not(:disabled), .cursor.browser.link-hover input[type="checkbox"], .cursor.browser.link-hover input[type="radio"], .cursor.browser.link-hover input[type="button"], .cursor.browser.link-hover input[type="submit"], .cursor.browser.link-hover input[type="file"], .cursor.browser.link-hover select {
cursor: pointer; }
.cursor.browser.input-hover {
display: none; }
.cursor.iframe-hover {
display: none; }  .cursor-img .cursor-el1 {
display: none; }
.cursor-img .cursor-el2 {
width: auto;
height: auto;
top: 0;
left: 0; }
.cursor-img .cursor-el2 img {
display: block;
width: var(--cursor-width);
top: 0;
left: 0; }
.cursor-img.plugin.link-hover {
display: none; }
.cursor-img.plugin.input-hover {
display: none; } .cursor-svg .cursor-el2 {
display: none; }
.cursor-svg .cursor-el1 {
width: var(--cursor-width);
height: var(--cursor-width);
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c18-anim-reverse 100ms ease-out;
animation: c18-anim-reverse 100ms ease-out; }
.cursor-svg .cursor-el1 svg {
display: block;
position: static;
opacity: 0.2;
-webkit-animation: c18-anim-svg-reverse 100ms ease-out;
animation: c18-anim-svg-reverse 100ms ease-out; }
.cursor-svg .cursor-el1 svg path {
fill: var(--color); }
.cursor-svg.plugin.link-hover .cursor-el1 {
-webkit-animation: c18-anim 100ms ease-out;
animation: c18-anim 100ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-svg.plugin.link-hover .cursor-el1 svg {
-webkit-animation: c18-anim-svg 100ms ease-out;
animation: c18-anim-svg 100ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-svg.plugin.input-hover {
display: none; } .cursor-1 .cursor-el1 {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/25) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-1 .cursor-el2 {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
border-radius: 50%;
background-color: var(--color);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10);
-webkit-animation: c1-anim-reverse 200ms ease-out;
animation: c1-anim-reverse 200ms ease-out; }
.cursor-1.plugin.link-hover .cursor-el1 {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
opacity: 0; }
.cursor-1.plugin.link-hover .cursor-el2 {
-webkit-animation: c1-anim 200ms ease-out;
animation: c1-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-1.plugin.input-hover {
display: none; } .cursor-2 .cursor-el1 {
width: var(--cursor-width);
height: calc(var(--cursor-width)/10);
background-color: var(--color);
top: calc(var(--cursor-width)/-20);
left: calc((var(--cursor-width) + var(--cursor-width)/10 ) * -1); }
.cursor-2 .cursor-el2 {
top: 0;
left: 0; }
.cursor-2 .cursor-el2:after {
content: '';
display: block;
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
border-top: calc(var(--cursor-width)/10) solid var(--color);
border-left: calc(var(--cursor-width)/10) solid var(--color);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: top left;
transform-origin: top left;
top: 0;
left: 0;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-2.plugin.link-hover .cursor-el1 {
width: 0; }
.cursor-2.plugin.link-hover .cursor-el2:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
.cursor-2.plugin.input-hover {
display: none; } .cursor-3 .cursor-el1 {
width: var(--cursor-width);
height: calc(var(--cursor-width)/10);
background-color: var(--color);
top: calc(var(--cursor-width)/-20);
left: calc(var(--cursor-width)/-20 + var(--cursor-width)/10 ); }
.cursor-3 .cursor-el2 {
top: 0;
left: 0; }
.cursor-3 .cursor-el2:after {
content: '';
display: block;
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
border-top: calc(var(--cursor-width)/10) solid var(--color);
border-left: calc(var(--cursor-width)/10) solid var(--color);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
top: 0;
left: 0;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-3.plugin.link-hover .cursor-el1 {
width: 0; }
.cursor-3.plugin.link-hover .cursor-el2:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.cursor-3.plugin.input-hover {
display: none; } .cursor-4 .cursor-el1 {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/25) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: all 25ms ease-out;
transition: all 25ms ease-out;
-webkit-animation: c4-anim-reverse 200ms ease-out;
animation: c4-anim-reverse 200ms ease-out; }
.cursor-4 .cursor-el2 {
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
width: var(--cursor-width);
height: var(--cursor-width); }
.cursor-4 .cursor-el2:before {
content: '';
display: inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/15);
background-color: var(--color);
position: absolute; }
.cursor-4 .cursor-el2:after {
content: '';
display: inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/15);
height: calc(var(--cursor-width)/2);
background-color: var(--color);
position: absolute; }
.cursor-4.plugin.link-hover .cursor-el1 {
-webkit-animation: c4-anim 200ms ease-out;
animation: c4-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-4.plugin.link-hover .cursor-el2 {
opacity: 0; }
.cursor-4.plugin.link-hover .cursor-el2:before {
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/20); }
.cursor-4.plugin.link-hover .cursor-el2:after {
width: calc(var(--cursor-width)/20);
height: calc(var(--cursor-width)/3); }
.cursor-4.plugin.input-hover {
display: none; } .cursor-5 .cursor-el1 {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/25) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c5-anim-reverse 200ms ease-out;
animation: c5-anim-reverse 200ms ease-out; }
.cursor-5 .cursor-el2 {
width: 0px;
height: 0px;
border-top: calc(var(--cursor-width)/6) solid transparent;
border-bottom: calc(var(--cursor-width)/6) solid transparent;
border-left: calc(var(--cursor-width)/4) solid var(--color);
top: calc(var(--cursor-width)/-7);
left: calc(var(--cursor-width)/-12); }
.cursor-5.plugin.link-hover .cursor-el1 {
-webkit-animation: c5-anim 200ms ease-out;
animation: c5-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-5.plugin.link-hover .cursor-el2 {
opacity: 0; }
.cursor-5.plugin.input-hover {
display: none; } .cursor-6 .cursor-el2 {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
border-radius: 50%;
background-color: var(--color);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10);
-webkit-animation: c6-anim-reverse 200ms ease-out;
animation: c6-anim-reverse 200ms ease-out; }
.cursor-6.plugin.link-hover .cursor-el2 {
-webkit-animation: c6-anim 200ms ease-out;
animation: c6-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-6.plugin.input-hover {
display: none; } .cursor-7 .cursor-el2 {
top: 0;
left: 0; }
.cursor-7 .cursor-el2:after {
content: '';
display: block;
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
border-top: calc(var(--cursor-width)/10) solid var(--color);
border-left: calc(var(--cursor-width)/10) solid var(--color);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform-origin: top left;
transform-origin: top left;
top: 0;
left: 0;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-7.plugin.link-hover .cursor-el2:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
.cursor-7.plugin.input-hover {
display: none; } .cursor-8 .cursor-el2 {
top: 0;
left: 0; }
.cursor-8 .cursor-el2:after {
content: '';
display: block;
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
border-top: calc(var(--cursor-width)/10) solid var(--color);
border-left: calc(var(--cursor-width)/10) solid var(--color);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
top: 0;
left: 0;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-8.plugin.link-hover .cursor-el2:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.cursor-8.plugin.input-hover {
display: none; } .cursor-9 .cursor-el2 {
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
width: var(--cursor-width);
height: var(--cursor-width); }
.cursor-9 .cursor-el2:before {
content: '';
display: inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/15);
background-color: var(--color);
position: absolute;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c9-anim-reverse 200ms ease-out;
animation: c9-anim-reverse 200ms ease-out; }
.cursor-9 .cursor-el2:after {
content: '';
display: inline-block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/15);
height: calc(var(--cursor-width)/2);
background-color: var(--color);
position: absolute;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c9-2-anim-reverse 200ms ease-out;
animation: c9-2-anim-reverse 200ms ease-out; }
.cursor-9.plugin.link-hover .cursor-el2:before {
-webkit-animation: c9-anim 200ms ease-out;
animation: c9-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-9.plugin.link-hover .cursor-el2:after {
-webkit-animation: c9-2-anim 200ms ease-out;
animation: c9-2-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-9.plugin.input-hover {
display: none; } .cursor-10 .cursor-el1 {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/25) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-10 .cursor-el2 {
width: calc(var(--cursor-width)/4);
height: calc(var(--cursor-width)/4);
background-color: var(--color);
top: calc(var(--cursor-width)/-8);
left: calc(var(--cursor-width)/-8);
-webkit-animation: c10-anim-reverse 200ms ease-out;
animation: c10-anim-reverse 200ms ease-out; }
.cursor-10.plugin.link-hover .cursor-el1 {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
opacity: 0; }
.cursor-10.plugin.link-hover .cursor-el2 {
-webkit-animation: c10-anim 200ms ease-out;
animation: c10-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-10.plugin.input-hover {
display: none; } .cursor-11 .cursor-el1 {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/25) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c11-1-anim-reverse 200ms ease-out;
animation: c11-1-anim-reverse 200ms ease-out; }
.cursor-11 .cursor-el2 {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
border-radius: 50%;
background-color: var(--color);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
-webkit-animation: c11-2-anim-reverse 200ms ease-out;
animation: c11-2-anim-reverse 200ms ease-out; }
.cursor-11.plugin.link-hover .cursor-el1 {
-webkit-animation: c11-1-anim 200ms ease-out;
animation: c11-1-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-11.plugin.link-hover .cursor-el2 {
-webkit-animation: c11-2-anim 200ms ease-out;
animation: c11-2-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-11.plugin.input-hover {
display: none; } .cursor-12 .cursor-el1 {
top: 0;
left: 0;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-12 .cursor-el1:after {
content: '';
width: calc(var(--cursor-width)/6);
height: calc(var(--cursor-width)/6);
background-color: var(--color);
top: calc(var(--cursor-width)/-12);
left: calc(var(--cursor-width)/-2);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
position: absolute;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-12 .cursor-el2 {
top: 0;
left: 0; }
.cursor-12 .cursor-el2:after {
content: '';
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/3);
background-color: var(--color);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
top: calc(var(--cursor-width)/-6);
left: calc(var(--cursor-width)/-6);
position: absolute;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c12-anim-reverse 200ms ease-out;
animation: c12-anim-reverse 200ms ease-out; }
.cursor-12.plugin.link-hover .cursor-el1:after {
width: calc(var(--cursor-width)/4);
height: calc(var(--cursor-width)/4);
top: calc(var(--cursor-width)/-8);
left: calc(var(--cursor-width)/-1.3);
opacity: 0; }
.cursor-12.plugin.link-hover .cursor-el2:after {
-webkit-animation: c12-anim 200ms ease-out;
animation: c12-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-12.plugin.input-hover {
display: none; } .cursor-13 .cursor-el1 {
width: calc(var(--cursor-width));
height: calc(var(--cursor-width));
border: calc(var(--cursor-width)/15) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: width 100ms ease-out, height 100ms ease-out, top 100ms ease-out, left 100ms ease-out;
transition: width 100ms ease-out, height 100ms ease-out, top 100ms ease-out, left 100ms ease-out;
-webkit-animation: c13-anim-reverse 200ms ease-out;
animation: c13-anim-reverse 200ms ease-out; }
.cursor-13.plugin.link-hover .cursor-el1 {
-webkit-animation: c13-anim 200ms ease-out;
animation: c13-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-13.plugin.input-hover {
display: none; } .cursor-14 .cursor-el1 {
top: 0;
left: 0; }
.cursor-14 .cursor-el1:after {
content: '';
display: inline-block;
width: calc(var(--cursor-width)/1.4);
height: calc(var(--cursor-width)/14);
background-color: var(--color);
top: calc(var(--cursor-width)/-28);
left: calc(var(--cursor-width)/-2.8);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
-webkit-animation: c14-1-anim-reverse 200ms ease-out;
animation: c14-1-anim-reverse 200ms ease-out; }
.cursor-14 .cursor-el2 {
top: 0;
left: 0; }
.cursor-14 .cursor-el2:after {
content: '';
display: inline-block;
width: calc(var(--cursor-width)/1.4);
height: calc(var(--cursor-width)/14);
background-color: var(--color);
top: calc(var(--cursor-width)/-28);
left: calc(var(--cursor-width)/-2.8);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
-webkit-animation: c14-2-anim-reverse 200ms ease-out;
animation: c14-2-anim-reverse 200ms ease-out; }
.cursor-14.plugin.link-hover .cursor-el1:after {
-webkit-animation: c14-1-anim 200ms ease-out;
animation: c14-1-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-14.plugin.link-hover .cursor-el2:after {
-webkit-animation: c14-2-anim 200ms ease-out;
animation: c14-2-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-14.plugin.input-hover {
display: none; } .cursor-15 .cursor-el1 {
top: 0;
left: 0;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-15 .cursor-el1:after {
content: '';
display: inline-block;
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
border: calc(var(--cursor-width)/25) solid var(--color);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute; }
.cursor-15 .cursor-el2 {
top: 0;
left: 0; }
.cursor-15 .cursor-el2:after {
content: '';
display: inline-block;
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
background-color: var(--color);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
-webkit-animation: c15-anim-reverse 200ms ease-out;
animation: c15-anim-reverse 200ms ease-out; }
.cursor-15.plugin.link-hover .cursor-el1:after {
opacity: 0; }
.cursor-15.plugin.link-hover .cursor-el2:after {
-webkit-animation: c15-anim 200ms ease-out;
animation: c15-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-15.plugin.input-hover {
display: none; } .cursor-16 .cursor-el1 {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/15) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-animation: c16-anim-reverse 200ms ease-out;
animation: c16-anim-reverse 200ms ease-out; }
.cursor-16 .cursor-el2 {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/15) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
opacity: 0.5;
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out; }
.cursor-16.plugin.link-hover .cursor-el1 {
-webkit-animation: c16-anim 200ms ease-out;
animation: c16-anim 200ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-16.plugin.link-hover .cursor-el2 {
opacity: 0; }
.cursor-16.plugin.input-hover {
display: none; } .cursor-17 .cursor-el1 {
width: calc(var(--cursor-width)*1.2);
height: calc(var(--cursor-width)*1.2);
background-color: var(--color);
opacity: 0.3;
border-radius: 50%;
top: calc(var(--cursor-width)*-0.6);
left: calc(var(--cursor-width)*-0.6);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c17-anim-reverse 100ms ease-out;
animation: c17-anim-reverse 100ms ease-out; }
.cursor-17.plugin.link-hover .cursor-el1 {
-webkit-animation: c17-anim 100ms ease-out;
animation: c17-anim 100ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-17.plugin.input-hover {
display: none; } .cursor-18 .blob-svg {
width: calc(var(--cursor-width));
height: calc(var(--cursor-width));
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
-webkit-transition: all 100ms ease-out;
transition: all 100ms ease-out;
-webkit-animation: c18-anim-reverse 100ms ease-out;
animation: c18-anim-reverse 100ms ease-out; }
.cursor-18 .blob-svg svg {
position: static;
opacity: 0.2;
-webkit-animation: c18-svg-anim-reverse 100ms ease-out;
animation: c18-svg-anim-reverse 100ms ease-out; }
.cursor-18 .blob-svg svg path {
fill: var(--color); }
.cursor-18.plugin.link-hover .blob-svg {
-webkit-animation: c18-anim 100ms ease-out;
animation: c18-anim 100ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-18.plugin.link-hover .blob-svg svg {
-webkit-animation: c18-svg-anim 100ms ease-out;
animation: c18-svg-anim 100ms ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.cursor-18.plugin.input-hover {
display: none; } @-webkit-keyframes c1-anim {
to {
width: calc(var(--cursor-width)/1.1);
height: calc(var(--cursor-width)/1.1);
top: calc(var(--cursor-width)/-2.2);
left: calc(var(--cursor-width)/-2.2);
opacity: 0.3; } }
@keyframes c1-anim {
to {
width: calc(var(--cursor-width)/1.1);
height: calc(var(--cursor-width)/1.1);
top: calc(var(--cursor-width)/-2.2);
left: calc(var(--cursor-width)/-2.2);
opacity: 0.3; } }
@-webkit-keyframes c1-anim-reverse {
from {
width: calc(var(--cursor-width)/1.1);
height: calc(var(--cursor-width)/1.1);
top: calc(var(--cursor-width)/-2.2);
left: calc(var(--cursor-width)/-2.2);
opacity: 0.3; }
to {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10); } }
@keyframes c1-anim-reverse {
from {
width: calc(var(--cursor-width)/1.1);
height: calc(var(--cursor-width)/1.1);
top: calc(var(--cursor-width)/-2.2);
left: calc(var(--cursor-width)/-2.2);
opacity: 0.3; }
to {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10); } }
@-webkit-keyframes c4-anim {
to {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; } }
@keyframes c4-anim {
to {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; } }
@-webkit-keyframes c4-anim-reverse {
from {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; }
to {
width: var(--cursor-width);
height: var(--cursor-width);
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
background-color: transparent;
opacity: 1; } }
@keyframes c4-anim-reverse {
from {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; }
to {
width: var(--cursor-width);
height: var(--cursor-width);
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
background-color: transparent;
opacity: 1; } }
@-webkit-keyframes c5-anim {
50% {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)*-1);
left: calc(var(--cursor-width)*-1); }
100% {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; } }
@keyframes c5-anim {
50% {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)*-1);
left: calc(var(--cursor-width)*-1); }
100% {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; } }
@-webkit-keyframes c5-anim-reverse {
from {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; }
to {
width: var(--cursor-width);
height: var(--cursor-width);
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
background-color: transparent;
opacity: 1; } }
@keyframes c5-anim-reverse {
from {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
background-color: var(--color);
opacity: 0.3; }
to {
width: var(--cursor-width);
height: var(--cursor-width);
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
background-color: transparent;
opacity: 1; } }
@-webkit-keyframes c6-anim {
50% {
width: calc(var(--cursor-width)*1.5);
height: calc(var(--cursor-width)*1.5);
top: calc(var(--cursor-width)*-0.75);
left: calc(var(--cursor-width)*-0.75); }
100% {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
background-color: var(--color);
opacity: 0.3; } }
@keyframes c6-anim {
50% {
width: calc(var(--cursor-width)*1.5);
height: calc(var(--cursor-width)*1.5);
top: calc(var(--cursor-width)*-0.75);
left: calc(var(--cursor-width)*-0.75); }
100% {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
background-color: var(--color);
opacity: 0.3; } }
@-webkit-keyframes c6-anim-reverse {
from {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
background-color: var(--color);
opacity: 0.3; }
to {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10);
background-color: var(--color);
opacity: 1; } }
@keyframes c6-anim-reverse {
from {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
background-color: var(--color);
opacity: 0.3; }
to {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10);
background-color: var(--color);
opacity: 1; } }
@-webkit-keyframes c9-anim {
to {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/10); } }
@keyframes c9-anim {
to {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/10); } }
@-webkit-keyframes c9-anim-reverse {
from {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/10); }
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/15); } }
@keyframes c9-anim-reverse {
from {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/10); }
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/15); } }
@-webkit-keyframes c9-2-anim {
to {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/10);
height: calc(var(--cursor-width)/1.5); } }
@keyframes c9-2-anim {
to {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/10);
height: calc(var(--cursor-width)/1.5); } }
@-webkit-keyframes c9-2-anim-reverse {
from {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/10);
height: calc(var(--cursor-width)/1.5); }
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/15);
height: calc(var(--cursor-width)/2); } }
@keyframes c9-2-anim-reverse {
from {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
width: calc(var(--cursor-width)/10);
height: calc(var(--cursor-width)/1.5); }
to {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(var(--cursor-width)/15);
height: calc(var(--cursor-width)/2); } }
@-webkit-keyframes c10-anim {
50% {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3); }
100% {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
opacity: 0.3;
border-radius: 4px; } }
@keyframes c10-anim {
50% {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3); }
100% {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
opacity: 0.3;
border-radius: 4px; } }
@-webkit-keyframes c10-anim-reverse {
from {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
opacity: 0.3;
border-radius: 4px; }
to {
width: calc(var(--cursor-width)/4);
height: calc(var(--cursor-width)/4);
background-color: var(--color);
top: calc(var(--cursor-width)/-8);
left: calc(var(--cursor-width)/-8); } }
@keyframes c10-anim-reverse {
from {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
opacity: 0.3;
border-radius: 4px; }
to {
width: calc(var(--cursor-width)/4);
height: calc(var(--cursor-width)/4);
background-color: var(--color);
top: calc(var(--cursor-width)/-8);
left: calc(var(--cursor-width)/-8); } }
@-webkit-keyframes c11-1-anim {
to {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
border-width: calc(var(--cursor-width)/15); } }
@keyframes c11-1-anim {
to {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
border-width: calc(var(--cursor-width)/15); } }
@-webkit-keyframes c11-1-anim-reverse {
from {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
border-width: calc(var(--cursor-width)/15); }
to {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/25) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2); } }
@keyframes c11-1-anim-reverse {
from {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3);
border-width: calc(var(--cursor-width)/15); }
to {
width: var(--cursor-width);
height: var(--cursor-width);
border: calc(var(--cursor-width)/25) solid var(--color);
border-radius: 50%;
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2); } }
@-webkit-keyframes c11-2-anim {
to {
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/3);
top: calc(var(--cursor-width)/-6);
left: calc(var(--cursor-width)/-6);
opacity: 0.6; } }
@keyframes c11-2-anim {
to {
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/3);
top: calc(var(--cursor-width)/-6);
left: calc(var(--cursor-width)/-6);
opacity: 0.6; } }
@-webkit-keyframes c11-2-anim-reverse {
from {
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/3);
top: calc(var(--cursor-width)/-6);
left: calc(var(--cursor-width)/-6);
opacity: 0.6; }
to {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
border-radius: 50%;
background-color: var(--color);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3); } }
@keyframes c11-2-anim-reverse {
from {
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/3);
top: calc(var(--cursor-width)/-6);
left: calc(var(--cursor-width)/-6);
opacity: 0.6; }
to {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
border-radius: 50%;
background-color: var(--color);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3); } }
@-webkit-keyframes c12-anim {
50% {
width: calc(var(--cursor-width)/1.2);
height: calc(var(--cursor-width)/1.2);
top: calc(var(--cursor-width)/-2.4);
left: calc(var(--cursor-width)/-2.4);
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
100% {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.3;
border-radius: 50%; } }
@keyframes c12-anim {
50% {
width: calc(var(--cursor-width)/1.2);
height: calc(var(--cursor-width)/1.2);
top: calc(var(--cursor-width)/-2.4);
left: calc(var(--cursor-width)/-2.4);
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
100% {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.3;
border-radius: 50%; } }
@-webkit-keyframes c12-anim-reverse {
from {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.3;
border-radius: 50%; }
to {
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/3);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: calc(var(--cursor-width)/-6);
left: calc(var(--cursor-width)/-6); } }
@keyframes c12-anim-reverse {
from {
width: calc(var(--cursor-width)/2);
height: calc(var(--cursor-width)/2);
top: calc(var(--cursor-width)/-4);
left: calc(var(--cursor-width)/-4);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.3;
border-radius: 50%; }
to {
width: calc(var(--cursor-width)/3);
height: calc(var(--cursor-width)/3);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: calc(var(--cursor-width)/-6);
left: calc(var(--cursor-width)/-6); } }
@-webkit-keyframes c13-anim {
50% {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
background-color: var(--color); }
100% {
border: none;
background-color: var(--color);
opacity: 0.3;
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); } }
@keyframes c13-anim {
50% {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
background-color: var(--color); }
100% {
border: none;
background-color: var(--color);
opacity: 0.3;
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); } }
@-webkit-keyframes c13-anim-reverse {
from {
border: none;
background-color: var(--color);
opacity: 0.3;
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); }
to {
width: calc(var(--cursor-width));
height: calc(var(--cursor-width));
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
border: calc(var(--cursor-width)/15) solid var(--color);
background-color: transparent; } }
@keyframes c13-anim-reverse {
from {
border: none;
background-color: var(--color);
opacity: 0.3;
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); }
to {
width: calc(var(--cursor-width));
height: calc(var(--cursor-width));
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2);
border: calc(var(--cursor-width)/15) solid var(--color);
background-color: transparent; } }
@-webkit-keyframes c14-1-anim {
to {
-webkit-transform: rotate(225deg) scale(0.7);
transform: rotate(225deg) scale(0.7); } }
@keyframes c14-1-anim {
to {
-webkit-transform: rotate(225deg) scale(0.7);
transform: rotate(225deg) scale(0.7); } }
@-webkit-keyframes c14-1-anim-reverse {
from {
-webkit-transform: rotate(225deg) scale(0.7);
transform: rotate(225deg) scale(0.7); }
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); } }
@keyframes c14-1-anim-reverse {
from {
-webkit-transform: rotate(225deg) scale(0.7);
transform: rotate(225deg) scale(0.7); }
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); } }
@-webkit-keyframes c14-2-anim {
to {
-webkit-transform: rotate(135deg) scale(0.7);
transform: rotate(135deg) scale(0.7); } }
@keyframes c14-2-anim {
to {
-webkit-transform: rotate(135deg) scale(0.7);
transform: rotate(135deg) scale(0.7); } }
@-webkit-keyframes c14-2-anim-reverse {
from {
-webkit-transform: rotate(135deg) scale(0.7);
transform: rotate(135deg) scale(0.7); }
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); } }
@keyframes c14-2-anim-reverse {
from {
-webkit-transform: rotate(135deg) scale(0.7);
transform: rotate(135deg) scale(0.7); }
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); } }
@-webkit-keyframes c15-anim {
50% {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3); }
100% {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
opacity: 0.5; } }
@keyframes c15-anim {
50% {
width: calc(var(--cursor-width)/1.5);
height: calc(var(--cursor-width)/1.5);
top: calc(var(--cursor-width)/-3);
left: calc(var(--cursor-width)/-3); }
100% {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
opacity: 0.5; } }
@-webkit-keyframes c15-anim-reverse {
from {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
opacity: 0.5; }
to {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10); } }
@keyframes c15-anim-reverse {
from {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
opacity: 0.5; }
to {
width: calc(var(--cursor-width)/5);
height: calc(var(--cursor-width)/5);
top: calc(var(--cursor-width)/-10);
left: calc(var(--cursor-width)/-10); } }
@-webkit-keyframes c16-anim {
50% {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
background-color: var(--color); }
100% {
width: calc(var(--cursor-width)/0.5);
height: calc(var(--cursor-width)/0.5);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1);
background-color: var(--color);
opacity: 0.3; } }
@keyframes c16-anim {
50% {
width: calc(var(--cursor-width)/2.5);
height: calc(var(--cursor-width)/2.5);
top: calc(var(--cursor-width)/-5);
left: calc(var(--cursor-width)/-5);
background-color: var(--color); }
100% {
width: calc(var(--cursor-width)/0.5);
height: calc(var(--cursor-width)/0.5);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1);
background-color: var(--color);
opacity: 0.3; } }
@-webkit-keyframes c16-anim-reverse {
from {
width: calc(var(--cursor-width)/0.5);
height: calc(var(--cursor-width)/0.5);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1);
background-color: var(--color);
opacity: 0.3; }
to {
width: var(--cursor-width);
height: var(--cursor-width);
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2); } }
@keyframes c16-anim-reverse {
from {
width: calc(var(--cursor-width)/0.5);
height: calc(var(--cursor-width)/0.5);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1);
background-color: var(--color);
opacity: 0.3; }
to {
width: var(--cursor-width);
height: var(--cursor-width);
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2); } }
@-webkit-keyframes c17-anim {
to {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); } }
@keyframes c17-anim {
to {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); } }
@-webkit-keyframes c17-anim-reverse {
from {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); }
to {
width: calc(var(--cursor-width)*1.2);
height: calc(var(--cursor-width)*1.2);
top: calc(var(--cursor-width)*-0.6);
left: calc(var(--cursor-width)*-0.6); } }
@keyframes c17-anim-reverse {
from {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); }
to {
width: calc(var(--cursor-width)*1.2);
height: calc(var(--cursor-width)*1.2);
top: calc(var(--cursor-width)*-0.6);
left: calc(var(--cursor-width)*-0.6); } }
@-webkit-keyframes c18-anim {
to {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); } }
@keyframes c18-anim {
to {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); } }
@-webkit-keyframes c18-anim-reverse {
from {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); }
to {
width: calc(var(--cursor-width));
height: calc(var(--cursor-width));
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2); } }
@keyframes c18-anim-reverse {
from {
width: calc(var(--cursor-width)*2);
height: calc(var(--cursor-width)*2);
top: calc(var(--cursor-width)/-1);
left: calc(var(--cursor-width)/-1); }
to {
width: calc(var(--cursor-width));
height: calc(var(--cursor-width));
top: calc(var(--cursor-width)/-2);
left: calc(var(--cursor-width)/-2); } }
@-webkit-keyframes c18-anim-svg {
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@keyframes c18-anim-svg {
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@-webkit-keyframes c18-anim-svg-reverse {
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
to {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes c18-anim-svg-reverse {
from {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
to {
-webkit-transform: rotate(0);
transform: rotate(0); } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.cursor {
display: none; } }