:root{
  --cy-color-white:#ffffff;
  --cy-color-white-0:#D9D9D9;
  --cy-color-white-ghost-0:rgba(255, 255, 255,0.05);
  --cy-color-white-1:#D9D9D9;
  --cy-color-white-ghost-1:rgba(255, 255, 255,0.15);
  --cy-color-white-2:#404040;
  --cy-color-white-3:#595959;
  --cy-color-white-4:#737373;
  --cy-color-white-6:#A6A6A6;
  --cy-color-white-8:#D9D9D9;
  --cy-color-black:#000000;
  --cy-color-black-0:#F2F2F2;
  --cy-color-black-1:#D9D9D9;
  --cy-color-black-2:#BFBFBF;
  --cy-color-black-3:#A6A6A6;
  --cy-color-black-4:#8C8C8C;
  --cy-color-black-6:#595959;
  --cy-color-black-8:#262626;
  --cy-color-primary:#0C8AFF;
  --cy-color-primary-light-2:#309BFF;
  --cy-color-primary-light-3:#49A7FF;
  --cy-color-primary-light-4:#60B3FF;
  --cy-color-primary-light-5:#79BFFF;
  --cy-color-primary-light-6:#91CAFF;
  --cy-color-primary-light-7:#AAD6FF;
  --cy-color-primary-light-8:#C2E2FF;
  --cy-color-primary-light-9:#DAEEFF;
  --cy-color-primary-light-10:#F2F9FF;
  --cy-color-primary-ghost-9:rgba(12, 138, 255, 0.15);
  --cy-color-primary-ghost-10:rgba(12, 138, 255, 0.05);
  --cy-color-primary-dark-2:#0A76D9;
  --cy-color-primary-dark-3:#0968BF;
  --cy-color-warning:#E7C100;
  --cy-color-warning-light-2:#EAC226;
  --cy-color-warning-light-3:#EDCA40;
  --cy-color-warning-light-4:#EFD159;
  --cy-color-warning-light-5:#F2D873;
  --cy-color-warning-light-6:#F4DF8C;
  --cy-color-warning-light-7:#F7E6A6;
  --cy-color-warning-light-8:#F9EDBF;
  --cy-color-warning-light-9:#FCF5D9;
  --cy-color-warning-light-10:#FEFCF2;
  --cy-color-warning-ghost-9:rgba(231, 193, 0,0.15);
  --cy-color-warning-ghost-10:rgba(231, 193, 0,0.05);
  --cy-color-warning-dark-2:#C59D00;
  --cy-color-warning-dark-3:#AD8A00;
  --cy-color-error:#EC2123;
  --cy-color-error-light-2:#EE4243;
  --cy-color-error-light-3:#F1585A;
  --cy-color-error-light-4:#F26E6F;
  --cy-color-error-light-5:#F48586;
  --cy-color-error-light-6:#F69A9B;
  --cy-color-error-light-7:#F8B1B2;
  --cy-color-error-light-8:#FAC7C7;
  --cy-color-error-light-9:#FCDEDE;
  --cy-color-error-light-10:#FEF3F3;
  --cy-color-error-ghost-9:rgba(236, 33, 35, 0.15);
  --cy-color-error-ghost-10:rgba(236, 33, 35, 0.05);
  --cy-color-error-dark-2:#C91C1E;
  --cy-color-error-dark-3:#B1191A;
  --cy-color-success:#0AC32D;
  --cy-color-success-light-2:#2ECC4C;
  --cy-color-success-light-3:#47D261;
  --cy-color-success-light-4:#5FD876;
  --cy-color-success-light-5:#78DE8B;
  --cy-color-success-light-6:#90E4A0;
  --cy-color-success-light-7:#A9EAB5;
  --cy-color-success-light-8:#C1F0CA;
  --cy-color-success-light-9:#DAF6DF;
  --cy-color-success-light-10:#F2FCF4;
  --cy-color-success-ghost-9:rgba(10, 195, 45,0.15);
  --cy-color-success-ghost-10:rgba(10, 195, 45,0.05);
  --cy-color-success-dark-2:#09A626;
  --cy-color-success-dark-3:#089222;

  --cy-mask-color:rgba(255, 255, 255, 0.3);

  --cy-small-height: 24px;
  --cy-height: 32px;
  --cy-large-height: 40px;
  
}

@keyframes rotating {
  from { transform: rotate(0deg);}
  50%  { transform: rotate(180deg);}
  to   { transform: rotate(360deg);}
}