:root {

    /* Colors: */
    --unnamed-color-dbb8ff: #DBB8FF;
    --unnamed-color-ff6830: #FF6830;
    --unnamed-color-ade1e9: #ADE1E9;
    --unnamed-color-d2fc59: #D2FC59;
    --unnamed-color-1c1c1c: #1C1C1C;
    --unnamed-color-ffffff: #FFFFFF;
    --main: #C790FF;
    
    /* Font/text values */
    --unnamed-font-family-clash-display: 'Clash Display';
    --unnamed-font-family-rocgrotesk-medium: 'Clash Display';
    --unnamed-font-family-clash-grotesk: 'Clash Grotesk';
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-600: 600px;
    --unnamed-font-weight-medium: medium;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-10: 9px;
    --unnamed-font-size-12: 10px;
    --unnamed-font-size-16: 14px;
    --unnamed-font-size-24: 20px;
    --unnamed-font-size-36: 30px;
    --unnamed-font-size-48: 40px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-character-spacing--0-4: -0.4px;
    --unnamed-line-spacing-14: 12px;
    --unnamed-line-spacing-15: 13px;
    --unnamed-line-spacing-16: 14px;
    --unnamed-line-spacing-18: 16px;
    --unnamed-line-spacing-20: 17px;
    --unnamed-line-spacing-23: 20px;
    --unnamed-line-spacing-25: 21px;
    --unnamed-line-spacing-27: 23px;
    --unnamed-line-spacing-35: 29px;
    --unnamed-line-spacing-46: 38px;
    --unnamed-text-transform-uppercase: uppercase;
    }
    
    /* Character Styles */
    .unnamed-character-style-1 {
    font-family: 'Clash Display', sans-serif;
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-18);
    letter-spacing: var(--unnamed-character-spacing--0-4);
    color: var(--unnamed-color-ffffff);
    text-transform: var(--unnamed-text-transform-uppercase);
    }
    .unnamed-character-style-2 {
    font-family: 'Clash Display', sans-serif;
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-20);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1c1c1c);
    }
    .button-white {
    font-family: 'Clash Display', sans-serif;
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-10);
    line-height: var(--unnamed-line-spacing-15);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    }
    .unnamed-character-style-3 {
    font-family: var(--unnamed-font-family-clash-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-24);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    }
    .h3-clash-display-—-24pt {
    font-family: var(--unnamed-font-family-clash-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-24);
    line-height: var(--unnamed-line-spacing-27);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1c1c1c);
    }
    .body-clash-grotesk-—-16pt {
    font-family: 'Clash Display', sans-serif;
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-23);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1c1c1c);
    }
    .small-title-clash-display-—-12pt {
    font-family: var(--unnamed-font-family-clash-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-14);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1c1c1c);
    }
    .caption-clash-grotesk-—-12pt {
    font-family: 'Clash Display', sans-serif;
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-16);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1c1c1c);
    }
    .h2-clash-display-—-36pt {
    font-family: var(--unnamed-font-family-clash-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-36);
    line-height: var(--unnamed-line-spacing-35);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1c1c1c);
    text-transform: var(--unnamed-text-transform-uppercase);
    }
    .h1-white-clash-display-—-48pt {
    font-family: var(--unnamed-font-family-clash-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-48);
    line-height: var(--unnamed-line-spacing-46);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-transform: var(--unnamed-text-transform-uppercase);
    }
    .h1-clash-display-—-48pt {
    font-family: var(--unnamed-font-family-clash-display);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-48);
    line-height: var(--unnamed-line-spacing-46);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-1c1c1c);
    text-transform: var(--unnamed-text-transform-uppercase);
    }