.icon-circle{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:2.5rem;font-weight:700;line-height:1;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-circle,.icon-circle.primary{color:#ffd100;background:rgba(0,0,0,0)}.icon-circle.primary{box-shadow:none}.icon-circle.secondary{font-weight:300;color:#08f;background:rgba(0,0,0,0);box-shadow:none}.icon-circle.accent{color:#fff;background:#ff6b00;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.icon-circle.blue-100{color:#08f;background:#cce6ff;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.icon-circle.orange-100{color:#ff6b00;background:#ffe5cc;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}