.HoverDropdown_hoverWrapper__nbwOA {
    position: relative;
    display: inline-block
}

.HoverDropdown_hoverWrapper__nbwOA .HoverDropdown_hoverContent__xHQjn {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4;
    overflow: hidden;
    margin-top: -13px;
    max-height: 0;
    transition: height .5s ease-in-out
}

.HoverDropdown_hoverWrapper__nbwOA .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: column;
    background-color: transparent;
    border: 1px solid transparent;
    text-align: center;
    gap: 32px
}

.HoverDropdown_hoverWrapper__nbwOA .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru a {
    width: 100%;
    white-space: nowrap;
    height: 100%
}

.HoverDropdown_hoverWrapper__nbwOA .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru a:not([class*=feature]) {
    padding: 0 !important;
    height: auto !important
}

.HoverDropdown_hoverWrapper__nbwOA:hover .HoverDropdown_hoverContent__xHQjn {
    max-height: -moz-fit-content;
    max-height: fit-content
}

.HoverDropdown_hoverWrapper__nbwOA:hover .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru {
    border: 1px solid var(--border-subtle);
    background: var(--bg-primary);
    padding: 16px
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6 {
    --translate-y: -20px;
    --opacity: 0
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6:hover [class*=dropdownTitle] {
    color: var(--text-primary)
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6:hover .HoverDropdown_hoverContent__xHQjn {
    --translate-y: 0;
    --opacity: 1
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6 .HoverDropdown_hoverContent__xHQjn {
    transition-property: transform, opacity;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transform: translateY(var(--translate-y));
    opacity: var(--opacity)
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6 .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    grid-gap: 4px 8px;
    gap: 4px 8px;
    border-radius: 8px;
    padding: 12px;
    width: max-content
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6 .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    padding: 8px 20px 8px 12px;
    height: 48px;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    transition: all .2s ease-in-out
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6 .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru a:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.HoverDropdown_hoverWrapper__nbwOA.HoverDropdown_grid__ID9U6 .HoverDropdown_hoverContent__xHQjn .HoverDropdown_hoverContentInner__LyVru a svg {
    flex-shrink: 0;
    padding: 6px;
    height: 32px;
    width: 32px
}

.HamMenu_hamMenu__7AJOc {
    display: none;
    cursor: pointer;
    padding: 1.1rem;
    background: none;
    border: none;
    box-shadow: none
}

@media screen and (max-width:834px) {
    .HamMenu_hamMenu__7AJOc {
        display: inline-flex
    }
}

.HamMenu_hamMenu__7AJOc line {
    transform-origin: center;
    transition: all .42s cubic-bezier(.165, .84, .44, 1)
}

.Nav_nav__EkkmE {
    max-width: 1248px;
    margin: 46px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px
}

@media(max-width:430px) {
    .Nav_nav__EkkmE {
        margin-top: 0
    }
}

.Nav_nav__EkkmE .Nav_left__x9vTE {
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 4
}

.Nav_nav__EkkmE .Nav_left__x9vTE a svg {
    display: block
}

.Nav_nav__EkkmE .Nav_rightMobile__83fgt {
    z-index: 4
}

.Nav_nav__EkkmE .Nav_right__4vF3b {
    display: flex;
    flex-direction: row;
    gap: 24px;
    z-index: 4
}

.Nav_nav__EkkmE .Nav_right__4vF3b .Nav_hamLinks__rwKxh {
    display: none
}

@media screen and (max-width:834px) {
    .Nav_nav__EkkmE .Nav_right__4vF3b {
        display: inline-flex;
        justify-content: center;
        transform: translateY(-100%);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 3;
        padding: 120px 0 50px;
        background: var(--bg-primary);
        transition: all .42s cubic-bezier(.165, .84, .44, 1);
        flex-direction: column;
        align-items: center;
        gap: 4px
    }

    .Nav_nav__EkkmE .Nav_right__4vF3b .Nav_hamLinks__rwKxh {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        align-items: center
    }

    .Nav_nav__EkkmE .Nav_right__4vF3b.Nav_open__J5kIK {
        transform: translateY(0)
    }
}

.Nav_nav__EkkmE .Nav_right__4vF3b a {
    display: flex;
    flex-direction: row;
    gap: 8px;
    height: 48px;
    padding: 14px 0;
    align-items: center;
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    transition: all .2s ease-in-out
}

.Nav_nav__EkkmE .Nav_right__4vF3b a svg {
    height: 14px;
    width: 14px
}

.Nav_nav__EkkmE .Nav_right__4vF3b a svg path {
    transition: all .2s ease-in-out
}

.Nav_nav__EkkmE .Nav_right__4vF3b a:not([class*=feature]):hover {
    color: var(--text-primary)
}

.Nav_nav__EkkmE .Nav_right__4vF3b a:not([class*=feature]):hover svg path {
    fill: var(--text-primary)
}

.Nav_nav__EkkmE .Nav_right__4vF3b .Nav_dropdownTitle__7uLia {
    display: flex;
    height: 48px;
    padding: 14px 0;
    align-items: center;
    cursor: pointer;
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.Nav_nav__EkkmE .Nav_right__4vF3b .Nav_dropdownTitle__7uLia:not([class*=feature]):hover {
    color: var(--text-primary)
}

.Nav_nav__EkkmE .Nav_right__4vF3b .Nav_dropdownTitle__7uLia:not([class*=feature]):hover svg, .Nav_nav__EkkmE .Nav_right__4vF3b .Nav_dropdownTitle__7uLia:not([class*=feature]):hover svg path {
    fill: var(--text-primary)
}

:root {
    --blue-gray-010: #f6f8f9;
    --blue-gray-010--active: #d8dadb;
    --blue-gray-010--hover: #eff1f2;
    --blue-gray-010-border--active: #cfd0d1;
    --blue-gray-010-border--hover: #e2e4e5;
    --blue-gray-050: #eaeced;
    --blue-gray-050--active: #bbbdbe;
    --blue-gray-050--hover: #e3e5e6;
    --blue-gray-050-border--active: #9fa0a1;
    --blue-gray-050-border--hover: #c5c6c7;
    --blue-gray-100: #adb1b5;
    --blue-gray-100--active: #8a8e91;
    --blue-gray-100--hover: #a3a6aa;
    --blue-gray-100-border--active: #76787b;
    --blue-gray-100-border--hover: #919598;
    --blue-gray-200: #6f777e;
    --blue-gray-200--active: #595f65;
    --blue-gray-200--hover: #687076;
    --blue-gray-200-border--active: #4b5156;
    --blue-gray-200-border--hover: #5d646a;
    --blue-gray-300: #5a646c;
    --blue-gray-300--active: #485056;
    --blue-gray-300--hover: #555e66;
    --blue-gray-300-border--active: #3d4449;
    --blue-gray-300-border--hover: #4c545b;
    --blue-gray-400: #465059;
    --blue-gray-400--active: #384047;
    --blue-gray-400--hover: #424b54;
    --blue-gray-400-border--active: #30363d;
    --blue-gray-400-border--hover: #3b434b;
    --blue-gray-500: #313d47;
    --blue-gray-500--active: #273139;
    --blue-gray-500--hover: #2e3943;
    --blue-gray-500-border--active: #212930;
    --blue-gray-500-border--hover: #29333c;
    --blue-gray-600: #2c3740;
    --blue-gray-600--active: #454f57;
    --blue-gray-600--hover: #39434b;
    --blue-gray-600-border--active: #70777d;
    --blue-gray-600-border--hover: #4e575f;
    --blue-gray-700: #222b32;
    --blue-gray-700--active: #3d444b;
    --blue-gray-700--hover: #2f383e;
    --blue-gray-700-border--active: #696f74;
    --blue-gray-700-border--hover: #454d53;
    --blue-gray-800: #1d252b;
    --blue-gray-800--active: #383f44;
    --blue-gray-800--hover: #2b3238;
    --blue-gray-800-border--active: #656b6f;
    --blue-gray-800-border--hover: #41484d;
    --blue-gray-900: #14181c;
    --blue-gray-900--active: #303437;
    --blue-gray-900--hover: #22262a;
    --blue-gray-900-border--active: #5f6265;
    --blue-gray-900-border--hover: #3a3d40;
    --blue-gray-950: #0c1215;
    --blue-gray-950--active: #292e31;
    --blue-gray-950--hover: #1b2023;
    --blue-gray-950-border--active: #6d7173;
    --blue-gray-950-border--hover: #464b4d;
    --blue-gray-999: #0a0c0e;
    --blue-gray-999--active: #3b3d3e;
    --blue-gray-999--hover: #232426;
    --blue-gray-999-border--active: #6c6d6e;
    --blue-gray-999-border--hover: #454648;
    --blue-010: #f3fdff;
    --blue-050: #e9f3ff;
    --blue-100: #a8ceff;
    --blue-200: #67a9ff;
    --blue-300: #519dff;
    --blue-400: #3c90ff;
    --blue-500: #2684ff;
    --blue-600: #2277e6;
    --blue-700: #1b5cb3;
    --blue-800: #174f99;
    --blue-900: #0f3566;
    --blue-999: #081a33;
    --bw-black: #000;
    --bw-black--active: #333;
    --bw-black--hover: #1a1a1a;
    --bw-black-border--active: #666;
    --bw-black-border--hover: #3d3d3d;
    --bw-white: #fff;
    --bw-white--active: #e0e0e0;
    --bw-white--hover: #f7f7f7;
    --bw-white-border--active: #d6d6d6;
    --bw-white-border--hover: #ebebeb;
    --fungi-200: #8f8177;
    --gray-010: #fbfbfb;
    --gray-010--active: #ddd;
    --gray-010--hover: #f3f3f3;
    --gray-010-border--active: #cfd0d1;
    --gray-010-border--hover: #e2e4e5;
    --gray-050: #f1f1f1;
    --gray-050--active: #c1c1c1;
    --gray-050--hover: #e3e3e3;
    --gray-050-border--active: #a4a4a4;
    --gray-050-border--hover: #cacaca;
    --gray-100: #c7c7c7;
    --gray-100--active: #9f9f9f;
    --gray-100--hover: #bbb;
    --gray-100-border--active: #878787;
    --gray-100-border--hover: #a7a7a7;
    --gray-200: #9d9d9d;
    --gray-200--active: #7e7e7e;
    --gray-200--hover: #949494;
    --gray-200-border--active: #6b6b6b;
    --gray-200-border--hover: #848484;
    --gray-300: #8f8f8f;
    --gray-300--active: #727272;
    --gray-300--hover: #868686;
    --gray-300-border--active: #616161;
    --gray-300-border--hover: #787878;
    --gray-400: #818181;
    --gray-400--active: #676767;
    --gray-400--hover: #797979;
    --gray-400-border--active: #585858;
    --gray-400-border--hover: #6c6c6c;
    --gray-500: #737373;
    --gray-500--active: #5c5c5c;
    --gray-500--hover: #6c6c6c;
    --gray-500-border--active: #4e4e4e;
    --gray-500-border--hover: #616161;
    --gray-500-border--hover-alt: #898989;
    --gray-600: #686868;
    --gray-600--active: #7a7a7a;
    --gray-600--hover: #717171;
    --gray-600-border--active: #989898;
    --gray-600-border--hover: grey;
    --gray-700: #515151;
    --gray-700--active: #666;
    --gray-700--hover: #5b5b5b;
    --gray-700-border--active: #898989;
    --gray-700-border--hover: #6d6d6d;
    --gray-800: #454545;
    --gray-800--active: #5b5b5b;
    --gray-800--hover: #505050;
    --gray-800-border--active: #818181;
    --gray-800-border--hover: #636363;
    --gray-900: #2e2e2e;
    --gray-900--active: #474747;
    --gray-900--hover: #3b3b3b;
    --gray-900-border--active: #717171;
    --gray-900-border--hover: #4f4f4f;
    --gray-950: #212121;
    --gray-950--active: #3c3c3c;
    --gray-950--hover: #2e2e2e;
    --gray-950-border--active: #747474;
    --gray-950-border--hover: #4f4f4f;
    --gray-999: #171717;
    --gray-999--active: #454545;
    --gray-999--hover: #2e2e2e;
    --gray-999-border--active: #747474;
    --gray-999-border--hover: #4f4f4f;
    --green-010: #f5fffb;
    --green-010--active: #d8e0dd;
    --green-010--hover: #eef7f3;
    --green-010-border--active: #ced6d3;
    --green-010-border--hover: #e1ebe7;
    --green-050: #ebf7f1;
    --green-050--active: #bcc6c1;
    --green-050--hover: #e4f0ea;
    --green-050-border--active: #a0a8a4;
    --green-050-border--hover: #c5cfca;
    --green-100: #afdfc5;
    --green-100--active: #8cb29e;
    --green-100--hover: #a4d2b9;
    --green-100-border--active: #779886;
    --green-100-border--hover: #93bba5;
    --green-200: #73c89a;
    --green-200--active: #5ca07b;
    --green-200--hover: #6cbc91;
    --green-200-border--active: #4e8869;
    --green-200-border--hover: #61a881;
    --green-300: #5fc08c;
    --green-300--active: #4c9a70;
    --green-300--hover: #59b484;
    --green-300-border--active: #41835f;
    --green-300-border--hover: #50a176;
    --green-400: #4bb87d;
    --green-400--active: #3c9364;
    --green-400--hover: #47ad76;
    --green-400-border--active: #337d55;
    --green-400-border--hover: #3f9b69;
    --green-500: #37b06f;
    --green-500--active: #2c8d59;
    --green-500--hover: #34a568;
    --green-500-border--active: #25784b;
    --green-500-border--hover: #2e945d;
    --green-600: #329e64;
    --green-600--active: #4baa77;
    --green-600--hover: #3ea46d;
    --green-600-border--active: #74bd96;
    --green-600-border--hover: #53ae7d;
    --green-700: #277b4e;
    --green-700--active: #418b63;
    --green-700--hover: #348359;
    --green-700-border--active: #6ca587;
    --green-700-border--hover: #4a906a;
    --green-800: #216a43;
    --green-800--active: #3c7c5a;
    --green-800--hover: #2e734e;
    --green-800-border--active: #689a7f;
    --green-800-border--hover: #458261;
    --green-900: #16462c;
    --green-900--active: #325c45;
    --green-900--hover: #245139;
    --green-900-border--active: #618170;
    --green-900-border--hover: #3b644e;
    --green-999: #0b2316;
    --green-999--active: #3c4f45;
    --green-999--hover: #23392d;
    --green-999-border--active: #6d7b73;
    --green-999-border--hover: #46584e;
    --klein-blue-600: #002fa7;
    --magenta-400: #be3455;
    --orange-010: #fffbf2;
    --orange-050: #fcf1e8;
    --orange-100: #f4c8a4;
    --orange-200: #ec9f5f;
    --orange-300: #e99149;
    --orange-400: #e78432;
    --orange-500: #e4761b;
    --orange-600: #cd6a18;
    --orange-700: #a05313;
    --orange-800: #894710;
    --orange-900: #5b2f0b;
    --orange-999: #2e1805;
    --pine-010: #f5fbf9;
    --pine-010--active: #d8dddb;
    --pine-010-border--active: #ced3d1;
    --pine-010-border--hover: #e1e7e5;
    --pine-050: #ebf1ef;
    --pine-050--active: #bcc1bf;
    --pine-050--hover: #dde3e1;
    --pine-050-border--active: #a0a4a3;
    --pine-050-border--hover: #c5cac9;
    --pine-100: #aec8bd;
    --pine-100--active: #8ba097;
    --pine-100--hover: #a4bcb2;
    --pine-100-border--active: #768881;
    --pine-100-border--hover: #92a89f;
    --pine-200: #719f8c;
    --pine-200--active: #5a7f70;
    --pine-200--hover: #6a9584;
    --pine-200-border--active: #4d6c5f;
    --pine-200-border--hover: #5f8676;
    --pine-300: #5d917c;
    --pine-300--active: #4a7463;
    --pine-300--hover: #578875;
    --pine-300-border--active: #3f6354;
    --pine-300-border--hover: #4e7a68;
    --pine-400: #48846b;
    --pine-400--active: #3a6a56;
    --pine-400--hover: #447c65;
    --pine-400-border--active: #315a49;
    --pine-400-border--hover: #3c6f5a;
    --pine-500: #34765b;
    --pine-500--active: #2a5e49;
    --pine-500--hover: #316f56;
    --pine-500-border--active: #23503e;
    --pine-500-border--hover: #2c634c;
    --pine-600: #2f6a52;
    --pine-600--active: #487c67;
    --pine-600--hover: #3b735c;
    --pine-600-border--active: #729a89;
    --pine-600-border--hover: #50826e;
    --pine-700: #245340;
    --pine-700--active: #3e6857;
    --pine-700--hover: #315d4b;
    --pine-700-border--active: #6a8a7d;
    --pine-700-border--hover: #476f5f;
    --pine-800: #1f4737;
    --pine-800--active: #3a5d4f;
    --pine-800--hover: #2c5243;
    --pine-800-border--active: #678277;
    --pine-800-border--hover: #436457;
    --pine-900: #152f24;
    --pine-900--active: #31483e;
    --pine-900--hover: #233b31;
    --pine-900-border--active: #60726a;
    --pine-900-border--hover: #3a5047;
    --pine-999: #0a1812;
    --pine-999--active: #3b4641;
    --pine-999--hover: #192620;
    --pine-999-border--active: #6c7471;
    --pine-999-border--hover: #454f4b;
    --purple-010: #fff8ff;
    --purple-010--active: #e0dae0;
    --purple-010--hover: #f7f1f7;
    --purple-010-border--active: #d6d0d6;
    --purple-010-border--hover: #ebe4eb;
    --purple-050: #f5eefc;
    --purple-050--active: #c4beca;
    --purple-050--hover: #e6e0ed;
    --purple-050-border--active: #a7a2ab;
    --purple-050-border--hover: #cec8d4;
    --purple-100: #d7b9f3;
    --purple-100--active: #ac94c2;
    --purple-100--hover: #caaee4;
    --purple-100-border--active: #927ea5;
    --purple-100-border--hover: #b59bcc;
    --purple-200: #b985e9;
    --purple-200--active: #946aba;
    --purple-200--hover: #ae7ddb;
    --purple-200-border--active: #7e5a9e;
    --purple-200-border--hover: #9b70c4;
    --purple-300: #af74e6;
    --purple-300--active: #8c5db8;
    --purple-300--hover: #a46dd8;
    --purple-300-border--active: #774f9c;
    --purple-300-border--hover: #9361c1;
    --purple-400: #a562e3;
    --purple-400--active: #844eb6;
    --purple-400--hover: #9b5cd5;
    --purple-400-border--active: #70439a;
    --purple-400-border--hover: #8b52bf;
    --purple-500: #9b51e0;
    --purple-500-30: #9b51e04d;
    --purple-500--active: #7c41b3;
    --purple-500--hover: #924cd3;
    --purple-500-border--active: #693798;
    --purple-500-border--hover: #8244bc;
    --purple-600: #8c49ca;
    --purple-600--active: #9a5fd0;
    --purple-600--hover: #9354cd;
    --purple-600-border--active: #b183db;
    --purple-600-border--hover: #9e66d2;
    --purple-700: #6d399d;
    --purple-700--active: #7f51a9;
    --purple-700--hover: #7645a3;
    --purple-700-border--active: #9c78bc;
    --purple-700-border--hover: #8459ad;
    --purple-800: #5d3186;
    --purple-800--active: #704a95;
    --purple-800--hover: #673d8d;
    --purple-800-border--active: #9173ad;
    --purple-800-border--hover: #775299;
    --purple-900: #3e205a;
    --purple-900--active: #553b6e;
    --purple-900--hover: #4a2d64;
    --purple-900-border--active: #7c678f;
    --purple-900-border--hover: #5d4474;
    --purple-999: #1f102d;
    --purple-999--active: #4c4057;
    --purple-999--hover: #352842;
    --purple-999-border--active: #797081;
    --purple-999-border--hover: #55495f;
    --radius-md: 20px;
    --radius-sm: 3px;
    --red-010: #fff8f8;
    --red-050: #fdeeee;
    --red-050--hover: #f5e7e7;
    --red-050-border--hover: #d5c8c8;
    --red-100: #f7bcbc;
    --red-100--hover: #e8b1b1;
    --red-100-border--hover: #cf9e9e;
    --red-200: #f18989;
    --red-200--hover: #e38181;
    --red-300: #ef7979;
    --red-300--hover: #e17272;
    --red-400: #ed6868;
    --red-400--hover: #df6262;
    --red-500: #eb5757;
    --red-500--hover: #dd5252;
    --red-500-border--hover: #c54949;
    --red-600: #d44e4e;
    --red-600--hover: #d75959;
    --red-700: #a53d3d;
    --red-700--hover: #aa4949;
    --red-700-border--hover: #b35c5c;
    --red-800: #8d3434;
    --red-800--hover: #944040;
    --red-900: #5e2323;
    --red-900--hover: #683030;
    --red-999: #2f1111;
    --red-999--hover: #3b1f1f;
    --spacing-25: 2px;
    --spacing-5: 4px;
    --spacing-0: 0px;
    --spacing-1: 8px;
    --spacing-16: 128px;
    --spacing-1·5: 12px;
    --spacing-2: 16px;
    --spacing-3: 24px;
    --spacing-32: 256px;
    --spacing-4: 32px;
    --spacing-6: 48px;
    --spacing-8: 64px;
    --tangerine-200: #e34f33;
    --vivid-red-400: #d50b30;
    --warm-gray-010: #fffbfa;
    --warm-gray-010--active: #e0dddc;
    --warm-gray-010--hover: #f7f3f3;
    --warm-gray-010-border--active: #ece8e7;
    --warm-gray-010-border--hover: #f7f3f3;
    --warm-gray-050: #fbf7f6;
    --warm-gray-050--active: #c9c6c5;
    --warm-gray-050--hover: #ece8e7;
    --warm-gray-050-border--active: #c9c6c5;
    --warm-gray-050-border--hover: #e0dddc;
    --warm-gray-100: #f7f3f2;
    --warm-gray-100--active: #c6c2c2;
    --warm-gray-100--hover: #e8e4e3;
    --warm-gray-200: #e5e0df;
    --warm-gray-200--active: #b7b3b2;
    --warm-gray-200--hover: #d7d3d2;
    --warm-gray-300: #cac5c4;
    --warm-gray-300--active: #a29e9d;
    --warm-gray-300--hover: #beb9b8;
    --warm-gray-400: #ada8a8;
    --warm-gray-400--active: #8a8686;
    --warm-gray-400--hover: #a39e9e;
    --warm-gray-500: #8f8b8b;
    --warm-gray-500--active: #726f6f;
    --warm-gray-500--hover: #868383;
    --warm-gray-600: #726e6e;
    --warm-gray-600--active: #837f7f;
    --warm-gray-600--hover: #7a7777;
    --warm-gray-700: #565151;
    --warm-gray-700--active: #6a6666;
    --warm-gray-700--hover: #605b5b;
    --warm-gray-800: #3c3838;
    --warm-gray-800--active: #535050;
    --warm-gray-800--hover: #484444;
    --warm-gray-900: #272525;
    --warm-gray-900--active: #413f3f;
    --warm-gray-900--hover: #343232;
    --warm-gray-950: #1e1c1c;
    --warm-gray-950--active: #3c3c3c;
    --warm-gray-950--hover: #2e2e2e;
    --warm-gray-999: #171414;
    --warm-gray-999--active: #454343;
    --warm-gray-999--hover: #2e2c2c;
    --yellow-010: #fffff7;
    --yellow-050: #fefaed;
    --yellow-100: #fae9b7;
    --yellow-200: #f6d982;
    --yellow-300: #f5d470;
    --yellow-400: #f3ce5e;
    --yellow-500: #f2c94c;
    --yellow-600: #dab544;
    --yellow-700: #a98d35;
    --yellow-800: #91792e;
    --yellow-900: #61501e;
    --yellow-999: #30280f;
    --text-high-contrast: #0a0c0e;
    --bg-high-contrast: #fbfbfb;
    --recipe-reflexer: linear-gradient(270deg, #0c1215 79.32%, #6fdae9 151.42%);
    --recipe-defisaver: linear-gradient(270deg, #0c1215 78.49%, #33ab6a 151.42%);
    --recipe-balancer: linear-gradient(270deg, #0c1215 79.66%, #404040 107.86%);
    --recipe-compound: linear-gradient(270deg, #0c1215 79.47%, #00d395 151.42%);
    --recipe-aave: linear-gradient(270deg, #0c1215 78.26%, #9a66a6 151.42%);
    --recipe-maker: linear-gradient(270deg, #0c1215 79.66%, #5bb4a7 151.42%);
    --recipe-lido: linear-gradient(270deg, #0c1215 78.53%, #f69988 151.42%);
    --recipe-spark: linear-gradient(270deg, #0c1215 79.66%, #f2b72d 147.59%);
    --recipe-morpho: linear-gradient(270deg, #0c1215 79.66%, #3543c2 146.5%);
    --text-highlight: linear-gradient(135deg, #9ee6bf, #63c18e, #0af);
    --cta-button-border: linear-gradient(135deg, #51eb98, #40a3ff);
    --cta-button-border-purple: linear-gradient(135deg, #6139e8, #9074ed, #ff99fa);
    --flair-new-background: linear-gradient(135deg, #313725, #223435, #1b3341);
    --accented-text-short: linear-gradient(135deg, #51e89e 60%, #47c1d5);
    --accented-text-long: linear-gradient(135deg, #51eb98, #40a3ff)
}

.tippy-touch {
    cursor: pointer !important
}

.tippy-notransition {
    transition: none !important
}

[data-tippy-root] {
    max-width: 420px;
    perspective: 800px;
    z-index: 11001 !important;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none
}

[data-tippy-root].html-template {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

[data-tippy-root][x-placement^=top] [x-arrow] {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 9px
}

[data-tippy-root][x-placement^=top] [x-arrow].arrow-small {
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px
}

[data-tippy-root][x-placement^=top] [x-arrow].arrow-big {
    border-top: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px
}

[data-tippy-root][x-placement^=top] [x-circle] {
    transform-origin: 0 33%
}

[data-tippy-root][x-placement^=top] [x-circle].enter {
    transform: scale(1) translate(-50%, -55%);
    opacity: 1
}

[data-tippy-root][x-placement^=top] [x-circle].leave {
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-arrow] {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-top: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-top: 5px solid rgba(0, 0, 0, .7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-top: 10px solid rgba(0, 0, 0, .7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=top] [data-animation=perspective] {
    transform-origin: bottom
}

[data-tippy-root][x-placement^=top] [data-animation=perspective].enter {
    opacity: 1;
    transform: translateY(-10px) rotateX(0)
}

[data-tippy-root][x-placement^=top] [data-animation=perspective].leave {
    opacity: 0;
    transform: translateY(0) rotateX(90deg)
}

[data-tippy-root][x-placement^=top] [data-animation=fade].enter {
    opacity: 1;
    transform: translateY(-10px)
}

[data-tippy-root][x-placement^=top] [data-animation=fade].leave {
    opacity: 0;
    transform: translateY(-10px)
}

[data-tippy-root][x-placement^=top] [data-animation=shift].enter {
    opacity: 1;
    transform: translateY(-10px)
}

[data-tippy-root][x-placement^=top] [data-animation=shift].leave {
    opacity: 0;
    transform: translateY(0)
}

[data-tippy-root][x-placement^=top] [data-animation=scale].enter {
    opacity: 1;
    transform: translateY(-10px) scale(1)
}

[data-tippy-root][x-placement^=top] [data-animation=scale].leave {
    opacity: 0;
    transform: translateY(0) scale(0)
}

[data-tippy-root][x-placement^=bottom] [x-arrow] {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 9px
}

[data-tippy-root][x-placement^=bottom] [x-arrow].arrow-small {
    border-bottom: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px
}

[data-tippy-root][x-placement^=bottom] [x-arrow].arrow-big {
    border-bottom: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px
}

[data-tippy-root][x-placement^=bottom] [x-circle] {
    transform-origin: 0 -50%
}

[data-tippy-root][x-placement^=bottom] [x-circle].enter {
    transform: scale(1) translate(-50%, -45%);
    opacity: 1
}

[data-tippy-root][x-placement^=bottom] [x-circle].leave {
    transform: scale(.15) translate(-50%, -5%);
    opacity: 0
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-arrow] {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-bottom: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-bottom: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-bottom: 5px solid rgba(0, 0, 0, .7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-bottom: 10px solid rgba(0, 0, 0, .7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=bottom] [data-animation=perspective] {
    transform-origin: top
}

[data-tippy-root][x-placement^=bottom] [data-animation=perspective].enter {
    opacity: 1;
    transform: translateY(10px) rotateX(0)
}

[data-tippy-root][x-placement^=bottom] [data-animation=perspective].leave {
    opacity: 0;
    transform: translateY(0) rotateX(-90deg)
}

[data-tippy-root][x-placement^=bottom] [data-animation=fade].enter {
    opacity: 1;
    transform: translateY(10px)
}

[data-tippy-root][x-placement^=bottom] [data-animation=fade].leave {
    opacity: 0;
    transform: translateY(10px)
}

[data-tippy-root][x-placement^=bottom] [data-animation=shift].enter {
    opacity: 1;
    transform: translateY(10px)
}

[data-tippy-root][x-placement^=bottom] [data-animation=shift].leave {
    opacity: 0;
    transform: translateY(0)
}

[data-tippy-root][x-placement^=bottom] [data-animation=scale].enter {
    opacity: 1;
    transform: translateY(10px) scale(1)
}

[data-tippy-root][x-placement^=bottom] [data-animation=scale].leave {
    opacity: 0;
    transform: translateY(0) scale(0)
}

[data-tippy-root][x-placement^=left] [x-arrow] {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 6px 0
}

[data-tippy-root][x-placement^=left] [x-arrow].arrow-small {
    border-left: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px
}

[data-tippy-root][x-placement^=left] [x-arrow].arrow-big {
    border-left: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    right: -10px
}

[data-tippy-root][x-placement^=left] [x-circle] {
    transform-origin: 50% 0
}

[data-tippy-root][x-placement^=left] [x-circle].enter {
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

[data-tippy-root][x-placement^=left] [x-circle].leave {
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-arrow] {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-left: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-left: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-left: 5px solid rgba(0, 0, 0, .7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-left: 10px solid rgba(0, 0, 0, .7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=left] [data-animation=perspective] {
    transform-origin: right
}

[data-tippy-root][x-placement^=left] [data-animation=perspective].enter {
    opacity: 1;
    transform: translateX(-10px) rotateY(0)
}

[data-tippy-root][x-placement^=left] [data-animation=perspective].leave {
    opacity: 0;
    transform: translateX(0) rotateY(-90deg)
}

[data-tippy-root][x-placement^=left] [data-animation=fade].enter {
    opacity: 1;
    transform: translateX(-10px)
}

[data-tippy-root][x-placement^=left] [data-animation=fade].leave {
    opacity: 0;
    transform: translateX(-10px)
}

[data-tippy-root][x-placement^=left] [data-animation=shift].enter {
    opacity: 1;
    transform: translateX(-10px)
}

[data-tippy-root][x-placement^=left] [data-animation=shift].leave {
    opacity: 0;
    transform: translateX(0)
}

[data-tippy-root][x-placement^=left] [data-animation=scale].enter {
    opacity: 1;
    transform: translateX(-10px) scale(1)
}

[data-tippy-root][x-placement^=left] [data-animation=scale].leave {
    opacity: 0;
    transform: translateX(0) scale(0)
}

[data-tippy-root][x-placement^=right] [x-arrow] {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 6px 0
}

[data-tippy-root][x-placement^=right] [x-arrow].arrow-small {
    border-right: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px
}

[data-tippy-root][x-placement^=right] [x-arrow].arrow-big {
    border-right: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -10px
}

[data-tippy-root][x-placement^=right] [x-circle] {
    transform-origin: -50% 0
}

[data-tippy-root][x-placement^=right] [x-circle].enter {
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

[data-tippy-root][x-placement^=right] [x-circle].leave {
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-arrow] {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-right: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-right: 5px solid rgba(0, 0, 0, .7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-right: 10px solid rgba(0, 0, 0, .7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=right] [data-animation=perspective] {
    transform-origin: left
}

[data-tippy-root][x-placement^=right] [data-animation=perspective].enter {
    opacity: 1;
    transform: translateX(10px) rotateY(0)
}

[data-tippy-root][x-placement^=right] [data-animation=perspective].leave {
    opacity: 0;
    transform: translateX(0) rotateY(90deg)
}

[data-tippy-root][x-placement^=right] [data-animation=fade].enter {
    opacity: 1;
    transform: translateX(10px)
}

[data-tippy-root][x-placement^=right] [data-animation=fade].leave {
    opacity: 0;
    transform: translateX(10px)
}

[data-tippy-root][x-placement^=right] [data-animation=shift].enter {
    opacity: 1;
    transform: translateX(10px)
}

[data-tippy-root][x-placement^=right] [data-animation=shift].leave {
    opacity: 0;
    transform: translateX(0)
}

[data-tippy-root][x-placement^=right] [data-animation=scale].enter {
    opacity: 1;
    transform: translateX(10px) scale(1)
}

[data-tippy-root][x-placement^=right] [data-animation=scale].leave {
    opacity: 0;
    transform: translateX(0) scale(0)
}

[data-tippy-root] .tippy-box[data-theme~=transparent] {
    background-color: rgba(0, 0, 0, .7)
}

[data-tippy-root] .tippy-box[data-theme~=transparent][data-animatefill] {
    background-color: transparent
}

[data-tippy-root] .tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2);
    background-color: #fff
}

[data-tippy-root] .tippy-box[data-theme~=light][data-animatefill] {
    background-color: transparent
}

.tippy-box {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .95rem;
    padding: .4rem .8rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-box--small {
    padding: .25rem .5rem;
    font-size: .8rem
}

.tippy-box--big {
    padding: .6rem 1.2rem;
    font-size: 1.2rem
}

.tippy-box[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-box[data-interactive] {
    pointer-events: auto
}

.tippy-box[data-inertia] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-box [x-arrow] {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-box [x-circle] {
    position: absolute;
    will-change: transform;
    border-radius: 50%;
    width: 130%;
    width: calc(110% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    overflow: hidden;
    transition: all ease
}

.tippy-box [x-circle]:before {
    content: "";
    padding-top: 90%;
    float: left
}

@media(max-width:450px) {
    [data-tippy-root] {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

span[data-tooltipped] {
    cursor: pointer
}

span[data-tooltipped] * {
    vertical-align: baseline
}

.tippy-box {
    padding: 0;
    box-shadow: 0 0 14px rgba(0, 0, 0, .25);
    border-radius: 0;
    border-bottom: 1px solid var(--brand-primary);
    font-family: var(--font-default);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    white-space: pre-line
}

.tippy-box [x-circle] {
    background: rgba(63, 77, 87, .95)
}

.tippy-box .tooltip-title-format {
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    background: #35434d
}

.tippy-box .tooltip-title-format.copied {
    background: linear-gradient(90deg, var(--brand-primary) 0, #3d4b55 32.86%, #35434d 100%)
}

.tippy-box .tooltip-title-format .copy-icon {
    margin-right: 1rem;
    height: 1.6rem;
    width: 1.6rem
}

.tippy-box * {
    vertical-align: top
}

:root {
    --bg-brand-weak: #9b51e019;
    --bg-brand: #34765b;
    --bg-high-contrast: var(--gray-010);
    --bg-primary--focus: var(--gray-999--hover);
    --bg-primary--hover: var(--gray-999--hover);
    --bg-primary-weak: #17171719;
    --bg-primary: var(--gray-999);
    --bg-secondary--focus: var(--gray-950--active);
    --bg-secondary--hover: var(--gray-950--hover);
    --bg-secondary: #0c1215;
    --bg-subtle: var(--gray-600);
    --border-brand: var(--purple-500);
    --border-high-contrast: var(--gray-999);
    --border-primary: var(--gray-010);
    --border-secondary: #6f777e;
    --border-subtle: var(--gray-700);
    --br-secondary--hover: var(--gray-500-border--hover-alt);
    --br-secondary: var(--gray-500);
    --border-br-primary: var(--blue-gray-050);
    --brand-primary--hover: var(--purple-500--hover);
    --brand-primary: var(--purple-500);
    --icon-brand: var(--purple-500);
    --icon-dark-lock: var(--gray-999);
    --icon-high-contrast: var(--gray-999);
    --icon-primary: var(--gray-010);
    --icon-secondary: var(--gray-500);
    --icon-subtle: var(--gray-800);
    --icon-white-lock: var(--bw-white);
    --text-brand: var(--purple-500);
    --text-dark-lock: var(--gray-999);
    --text-disabled: var(--gray-800);
    --text-error: var(--red-300);
    --text-high-contrast: var(--gray-999);
    --text-link: var(--blue-300);
    --text-positive: var(--pine-300);
    --text-primary: var(--gray-010);
    --text-secondary: var(--gray-200);
    --text-warning: var(--yellow-300);
    --text-white-lock: var(--gray-010);
    --text-subtle: var(--blue-gray-400);
    --border-br-subtle: var(--blue-gray-400);
    --bg-simulation: var(--purple-700);
    --text-simulation: var(--purple-500);
    --bg-success: var(--green-500);
    --overlays-green-green-01: rgba(55, 176, 111, .1);
    --bg-neutral-overlay-subtle: #22262a
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

body, html {
    max-width: 100vw;
    overflow-x: hidden
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

body {
    z-index: 2;
    background-color: var(--bg-primary);
    animation: fadeInAnimation 3s ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.backgroundGrid {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url("lg-grid.43d250ae.svg");
    background-position: top;
    z-index: 0
}

@media(max-width:1104px) {
    .backgroundGrid {
        background-position: 0
    }
}

@media(max-width:1024px) {
    .backgroundGrid {
        background-position: top
    }
}

@media(max-width:834px) {
    .backgroundGrid {
        background-image: url("tablet-grid.a915c8be.svg");
        background-position: top;
        background-repeat: repeat
    }
}

@media(max-width:430px) {
    .backgroundGrid {
        background-image: url("mobile-grid.c6dcb160.svg");
        background-position: top;
        background-repeat: repeat
    }
}

.grainOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

a {
    color: inherit;
    text-decoration: none
}

button {
    transition: all .2s ease-in-out;
    font-family: var(--font-default)
}

button, button:focus {
    color: var(--text-primary)
}

button:focus {
    outline: none
}

button.dfs-cta {
    display: flex;
    font-size: 1rem;
    cursor: pointer;
    font-weight: 500;
    border-radius: 0;
    border: 2px solid;
    line-height: 1rem;
    text-align: center;
    font-style: normal;
    padding: 1rem 3rem;
    position: relative;
    align-items: center;
    letter-spacing: 1.68px;
    justify-content: center;
    text-transform: uppercase;
    color: var(--text-primary);
    background: hsla(0, 0%, 100%, 0);
    border-image: var(--cta-button-border) 1
}

button.dfs-cta:hover {
    background: hsla(0, 0%, 100%, .05)
}

button.dfs-cta:active {
    background: hsla(0, 0%, 100%, .1)
}

button.dfs-cta.purple {
    border-image: var(--cta-button-border-purple) 1
}

@media screen and (min-width:350px)and (max-width:430px) {
    button.dfs-cta.resize {
        padding: 1rem 1.2rem
    }
}

@media screen and (min-width:327px)and (max-width:349px) {
    button.dfs-cta.resize {
        padding: 1rem .8rem
    }
}

button.sim-button {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    align-items: center;
    cursor: pointer;
    border-radius: 3px;
    background: var(--bg-simulation);
    border: none;
    width: -moz-fit-content;
    width: fit-content
}

button.sim-button:hover {
    background: var(--purple-700--hover)
}

button.sim-button:active {
    box-shadow: 2px 2px 5px var(--bg-simulation);
    background: var(--purple-700--active)
}

.grey-out {
    color: var(--text-secondary)
}

@media(prefers-color-scheme:dark) {
    html {
        color-scheme: dark
    }
}

.recipeSlider .slick-track .slick-slide:not(.slick-active) {
    transform: scale(.8);
    transition: transform .2s ease-in-out
}

.slick-list {
    padding: 0 !important
}

.slick-track {
    display: flex;
    width: 100%
}

.blogSlider .slick-track .slick-slide.slick-active, .opacitySlider .slick-track .slick-slide.slick-active, .recipeSlider .slick-track .slick-slide.slick-active {
    transition: opacity .2s ease-in-out;
    opacity: 1
}

.blogSlider .slick-track .slick-slide.slick-active+.slick-slide:not(.slick-active), .opacitySlider .slick-track .slick-slide.slick-active+.slick-slide:not(.slick-active), .recipeSlider .slick-track .slick-slide.slick-active+.slick-slide:not(.slick-active) {
    transition: opacity .2s ease-in-out;
    opacity: .5
}

.blogSlider .slick-track .slick-slide:has(+.slick-current), .opacitySlider .slick-track .slick-slide:has(+.slick-current), .recipeSlider .slick-track .slick-slide:has(+.slick-current) {
    transition: opacity .2s ease-in-out;
    opacity: .5
}

.slick-slider {
    width: 100%
}

.blogSlider .slick-slide, .opacitySlider .slick-slide, .recipeSlider .slick-slide {
    opacity: .5
}

.slick-slide {
    margin-right: 69px;
    margin-left: 2px
}

.slick-slide>div {
    height: 100%
}

@media screen and (max-width:430px) {
    .slick-slide {
        margin-right: 16px
    }
}

.filterSlider .slick-slide {
    margin-right: 16px
}

.filterSlider .slick-slide>div {
    width: -moz-fit-content;
    width: fit-content
}

.filterSlider .slick-dots {
    margin-top: 16px;
    display: flex !important;
    width: 100%;
    justify-content: center;
    gap: 16px
}

.filterSlider .slick-dots li {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.filterSlider .slick-dots li.slick-active button:before {
    color: var(--text-primary)
}

.filterSlider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.filterSlider .slick-dots li button:hover:before {
    color: var(--text-primary)
}

.filterSlider .slick-dots li button:before {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 1;
    color: var(--text-secondary);
    -webkit-font-smoothing: antialiased
}

.filtersSection {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media(max-width:1104px) {
    .filtersSection {
        display: none
    }
}

.filtersSectionSlider {
    display: none
}

@media(max-width:1104px) {
    .filtersSectionSlider {
        display: flex;
        flex-direction: row;
        gap: 16px
    }
}

.filter {
    transition: all .2s ease-in-out;
    display: flex !important;
    flex-direction: row;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 12px 24px;
    align-items: center;
    gap: 12px;
    border-radius: 256px;
    border: 1px solid var(--border-br-primary);
    color: var(--text-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    background: var(--bg-primary);
    white-space: nowrap;
    cursor: pointer
}

@media(max-width:430px) {
    .filter {
        padding: 8px 16px
    }
}

.filter>span {
    white-space: nowrap
}

.filter:hover {
    color: var(--text-primary)
}

.filter.active {
    background: var(--bg-high-contrast);
    color: var(--text-high-contrast, #0a0c0e);
    cursor: default
}

@media(max-width:840px) {
    .filter.desktopOnly {
        display: none !important
    }
}

.Footer_footerWrapper__k4I53 {
    display: flex;
    flex-direction: column;
    max-width: 1104px;
    margin: 0 auto;
    padding-bottom: 64px;
    z-index: 4
}

@media screen and (max-width:834px) {
    .Footer_footerWrapper__k4I53 {
        padding-left: calc(50vw - 360px);
        padding-right: calc(50vw - 360px)
    }
}

@media screen and (max-width:720px) {
    .Footer_footerWrapper__k4I53 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width:430px) {
    .Footer_footerWrapper__k4I53 {
        padding-left: calc(50vw - 180px);
        padding-right: calc(50vw - 180px)
    }
}

@media screen and (max-width:360px) {
    .Footer_footerWrapper__k4I53 {
        padding-left: 16px;
        padding-right: 16px
    }
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf {
    display: flex;
    justify-content: space-between;
    z-index: 4
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_withFlair__Qv6u1 {
    gap: 8px;
    display: flex;
    align-items: center
}

@media screen and (max-width:430px) {
    .Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf {
        flex-direction: column;
        gap: 48px;
        flex-wrap: wrap
    }
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_logoSection__LvUgE {
    flex: 0 0 25%;
    color: var(--text-secondary);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 141.9%;
    letter-spacing: .15px;
    padding-right: 10px
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_logoSection__LvUgE .Footer_content__V9MfQ {
    margin-top: 21px;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_logoSection__LvUgE .Footer_socials__nBPiT {
    gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 21px;
    align-items: center;
    justify-content: flex-start
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_logoSection__LvUgE .Footer_socials__nBPiT a {
    text-decoration: underline;
    transition: all .2s ease-in-out
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_logoSection__LvUgE .Footer_socials__nBPiT a:hover {
    color: #fff
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSections__1eYFF {
    flex: 1 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-around
}

@media screen and (max-width:430px) {
    .Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSections__1eYFF {
        gap: 35px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }

    .Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSections__1eYFF>* {
        flex: 1 1
    }
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 {
    display: flex;
    flex-direction: column;
    gap: 35px
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 .Footer_title__7ywZX {
    color: var(--text-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 141.9%;
    letter-spacing: .15px;
    text-transform: uppercase
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 .Footer_links__M2Ji2 {
    gap: 16px;
    display: flex;
    flex-direction: column
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 .Footer_links__M2Ji2 a {
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 .Footer_links__M2Ji2 a:hover {
    color: var(--text-primary);
    text-decoration: underline
}

.Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 .Footer_multiSection__c4mnp {
    gap: 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media screen and (max-width:430px) {
    .Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 .Footer_multiSection__c4mnp {
        gap: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .Footer_footerWrapper__k4I53 .Footer_footerSections__uiPsf .Footer_plainSection__T_Jq2 .Footer_multiSection__c4mnp>* {
        flex: 1 1
    }
}

.Footer_footerWrapper__k4I53 .Footer_footerBottom__hxQt3 {
    gap: 16px;
    z-index: 4;
    display: flex;
    margin-top: 50px;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.Footer_footerWrapper__k4I53 .Footer_footerBottom__hxQt3 a {
    text-decoration: underline;
    transition: all .2s ease-in-out
}

.Footer_footerWrapper__k4I53 .Footer_footerBottom__hxQt3 a:hover {
    color: #fff
}

@media screen and (max-width:834px) {
    .Footer_footerWrapper__k4I53 .Footer_footerBottom__hxQt3 {
        margin-top: 100px
    }
}

@media(max-width:430px) {
    .Footer_footerWrapper__k4I53 .Footer_footerBottom__hxQt3 {
        flex-direction: column;
        gap: 24px
    }
}

.utilities_accentedTextShort__GxsNq {
    background: var(--accented-text-short);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.utilities_accentedTextLong__YTtHH {
    background: var(--accented-text-long);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.utilities_flair__HhmLk {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    padding: 2px 4px;
    width: max-content;
    text-transform: uppercase
}

.utilities_flair__HhmLk.utilities_new__93xRS {
    position: relative;
    border-radius: 1px;
    transform-style: preserve-3d;
    background: var(--flair-new-background);
    background-clip: padding-box, border-box
}

.utilities_flair__HhmLk.utilities_new__93xRS:before {
    content: "";
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    position: absolute;
    border-radius: 2px;
    transform: translateZ(-1px);
    background: var(--text-highlight)
}

.utilities_flair__HhmLk.utilities_new__93xRS .utilities_newText__qtNs8 {
    background: var(--text-highlight);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.utilities_flair__HhmLk.utilities_borderless__g4afO.utilities_new__93xRS:before {
    content: none
}

@font-face {
    font-family: __DM_Sans_ab4043;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("8c0f877bd1202585-s.woff2") format("woff2");
    unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __DM_Sans_ab4043;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("9c18eba18d4baf22-s.p.woff2") format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __DM_Sans_ab4043;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("8c0f877bd1202585-s.woff2") format("woff2");
    unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __DM_Sans_ab4043;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("9c18eba18d4baf22-s.p.woff2") format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __DM_Sans_ab4043;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("8c0f877bd1202585-s.woff2") format("woff2");
    unicode-range: U+0100-02ba, U+02bd-02c5, U+02c7-02cc, U+02ce-02d7, U+02dd-02ff, U+0304, U+0308, U+0329, U+1d00-1dbf, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20c0, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: __DM_Sans_ab4043;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("9c18eba18d4baf22-s.p.woff2") format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: __DM_Sans_Fallback_ab4043;
    src: local("Arial");
    ascent-override: 94.37%;
    descent-override: 29.49%;
    line-gap-override: 0.00%;
    size-adjust: 105.12%
}

.__className_ab4043 {
    font-family: __DM_Sans_ab4043, __DM_Sans_Fallback_ab4043;
    font-style: normal
}

.__variable_ab4043 {
    --font-default: "__DM_Sans_ab4043", "__DM_Sans_Fallback_ab4043"
}