.referral{display:flex;flex-direction:column;gap:.75rem;height:auto;margin-bottom:2rem;box-sizing:border-box}.referral .referral-content{display:flex;align-items:center;gap:1rem;width:100%;padding:var(--inner-padding-m);border-radius:var(--border-radius-m);border:1px solid var(--border-color);background-color:var(--card-background-color);-webkit-backdrop-filter:var(--background-blur);backdrop-filter:var(--background-blur);box-sizing:border-box}.referral .referral-diagram{display:flex;align-items:center;justify-content:center;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:99rem;border:1px solid var(--secondary-ondark);background-color:var(--secondary-dark)}.referral .referral-diagram .diagram-circle{display:flex;align-items:center;justify-content:center;position:relative;width:52px;height:52px;border-radius:50%}.referral .referral-diagram .diagram-circle svg{transform:rotate(-90deg)}.referral .referral-diagram .diagram-circle circle{fill:none;stroke-width:4}.referral .referral-diagram .diagram-circle .bg{stroke:var(--secondary-ondark)}.referral .referral-diagram .diagram-circle .fg{stroke:var(--main);stroke-linecap:round;transition:ease-out .15s}.referral .referral-diagram .diagram-circle .text{position:absolute;font-size:.825em}.referral .referral-block{width:100%}.referral .referral-complete{width:100%;height:60px;border-radius:var(--border-radius-s)}.referral .description-after-small-text{margin-top:-3px;margin-left:20px}.referral .description-header{margin-left:20px}.energy-icon path{stroke:var(--main)}