

@font-face{font-family:"Titan One";font-style:normal;font-weight:400;font-display:swap;
  src:url(/fonts/titanone.subset.woff2) format("woff2")}

@font-face{font-family:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;
  src:url(/fonts/nunito.subset.woff2) format("woff2")}

:root{
  
  --hy-magenta:#FF2D95;
  --hy-grape:#7B2FF7;
  --hy-field:linear-gradient(160deg,#FF2D95 0%,#B02BC9 55%,#7B2FF7 100%);

  
  --hy-grape-deep:#5E17C9;      
  --hy-grape-deeper:#3E0D93;    

  
  --hy-gloss:#FFFFFF;
  --hy-ink:#24104A;             
  --hy-ink-2:#4A2E7A;           
  --hy-meta:#6B3FA8;            
  --hy-ink-none:#9B86BD;        

  
  --hy-bubble:#FFB3E6;          
  
  --hy-lime:#B4FF39;            
  --hy-lime-mid:#84C71C;        
  --hy-magenta-lo:#FF5FAE;      
  --hy-magenta-hi:#D61E78;      
  --hy-berry:#C21F72;           
  --hy-hair:#F0E7FB;            
  --hy-facts-bg:#FBF7FF;
  --hy-facts-edge:#EADCFB;

  
  --hy-r-chip:999px;
  --hy-r-card:18px;
  --hy-r-panel:22px;
  --hy-r-art:0px;               

  --hy-page:1120px;             
  --hy-sheet:1040px;            
  
  --hy-measure:34rem;
  --hy-gut:26px;

  
  --hy-sh-card:0 10px 24px rgba(40,0,60,.30);
  --hy-sh-lift:0 16px 34px rgba(40,0,60,.38);
  --hy-sh-gel:inset 0 2px 0 rgba(255,255,255,.72);
  --hy-sh-play:inset 0 2px 0 rgba(255,255,255,.70),0 6px 14px rgba(120,0,60,.35);

  
  --hy-bounce:cubic-bezier(.34,1.56,.64,1);
  --hy-fast:.18s;
  --hy-lift:4px;

  
  --hy-wm-gel:linear-gradient(180deg,#FFFFFF 0 44%,#FFE1F2 52%,#FFB3E6 100%);
  --hy-wm-gel-onwhite:linear-gradient(180deg,#FF2D95 0%,#B02BC9 52%,#7B2FF7 100%);
  --hy-wm-extrude-display:drop-shadow(0 4px 0 var(--hy-berry)) drop-shadow(0 10px 16px rgba(40,0,60,.42));
  --hy-wm-extrude-standard:drop-shadow(0 2px 0 var(--hy-berry));
  --hy-wm-extrude-micro:none;
  --hy-wm-extrude-onwhite:drop-shadow(0 3px 0 rgba(36,16,74,.16));
  --hy-wm-clear:1em;            
}
