/*! CSS Used from: Embedded */
.css-j7qwjs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.css-q7mezt {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    fill: currentColor;
    font-size: 1.5rem;
}

.css-2a2z9w {
    border-radius: 50%;
    position: relative;
    border: 2px solid;
    border-color: transparent;
}

.css-gmuwbf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.css-bsbodj {
    margin: 0;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    font-family: var(--font-inter);
    font-weight: 700;
    font-size: 20px;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-family: var(--font-inter);
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 26px;
    paragraph-indent: 0px;
    paragraph-spacing: 0px;
    text-transform: none;
}

.css-1o39s6g {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 300px;
    max-width: 640px;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
}

.css-b6g7e2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width:0px) {
    .css-b6g7e2 {
        margin-left: 16px;
        margin-right: 16px;
    }
}

@media (min-width:850px) {
    .css-b6g7e2 {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.css-17drlkj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 4px;
}

.css-1v9r86p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 8px 16px;
}

.css-5w0co0 {
    margin: 0;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    width: calc(100% - 120px);
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.css-pym36a {
    margin-left: 8px;
    width: calc(100% - 48px - 8px);
}
/*! CSS Used from: Embedded */
.css-1fm5gu5 {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1;
    z-index: 1;
    border-radius: 4px;
    top: 14%;
    right: 14%;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
    transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--mui-dark);
    border: 1px solid var(--color-text-white);
    font-family: var(--font-inter);
    font-weight: 400;
    height: 16px;
    min-width: 16px;
    padding: 0px 4px;
}

    .css-1fm5gu5.MuiBadge-invisible {
        transform: scale(0) translate(50%, -50%);
    }

.css-13r262s {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    background-color: transparent;
    color: var(--mui-dark);
    transition: 0.25s;
    height: 40px;
    width: 40px;
    padding: 8px;
}

@media print {
    .css-13r262s {
        print-color-adjust: exact;
    }
}

.css-13r262s:hover {
    background-color: var(--IconButton-hoverBg);
}

@media (hover: none) {
    .css-13r262s:hover {
        background-color: transparent;
    }
}

.css-13r262s .MuiSvgIcon-root {
    font-size: 24px;
}

.css-13r262s:active {
    box-shadow: var(--mui-purple) 0px 0px 0px 2px, var(--mui-dark) 0px 0px 0px 4px;
}

.css-13r262s:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.css-13r262s:disabled {
    opacity: 0.5;
    color: var(--mui-dark);
    background-color: transparent;
}

.css-13r262s .MuiSvgIcon-root {
    font-size: 24px;
}

.css-a6ocf0 {
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--color-text-white);
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgba(21, 21, 21, 0.15);
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}

.css-d7zz8d {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    background: var(--color-text-white);
}

@media (min-width: 0px) {
    .css-d7zz8d {
        width: 100%;
    }
}

@media (min-width: 1280px) {
    .css-d7zz8d {
        width: 300px;
    }
}

@media (min-width: 0px) {
    .css-69fmfo {
        display: flex;
    }
}

@media (min-width: 1280px) {
    .css-69fmfo {
        display: none;
    }
}

.css-8atqhb {
    width: 100%;
}

.css-1cuq9dv {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-bxp8sr {
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.css-122xqey {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

    .css-122xqey .MuiBadge-badge {
        min-width: calc(24px);
        width: calc(24px);
        height: calc(24px);
        border: calc(4.75px) solid var(--color-text-white);
        background: var(--mui-dark);
        padding: 0px;
    }

    .css-122xqey .MuiBadge-dot {
        border-radius: 50%;
    }

.css-v6goql {
    border-radius: 50%;
    position: relative;
    border: 2px solid var(--color-text-white);
}

.css-102zn0a {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: var(--color-text-white);
    color: var(--color-text-white);
    width: 96px;
    height: 96px;
}

.css-45do71 {
    width: 100%;
    height: 100%;
    text-align: center;
    object-fit: cover;
    color: transparent;
    text-indent: 10000px;
}

.css-14f81bs {
    overflow: hidden;
    background: rgba(21, 21, 21, 0.5);
    border-radius: 0px 0px 8px 8px;
    color: var(--color-text-white);
    height: 50%;
    padding-left: calc(120px);
    padding-right: 16px;
    padding-top: 0px;
    width: 100%;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-13r8w4h {
    margin: 0px;
    text-align: var(--Typography-textAlign);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-family: var(--font-inter);
    padding-top: 8px;
    color: white;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 24px;
    text-transform: none;
}

.css-18mx0mr {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inter);
    max-width: 100%;
    font-size: 12px;
    color: white;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    position: relative;
    bottom: 4px;
}

.css-1g0oca4 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #151515ff;
    --variant-outlinedColor: #151515ff;
    --variant-outlinedBorder: rgba(21, 21, 21, 0.5);
    --variant-containedColor: #fff;
    --variant-containedBg: #151515ff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    font-size: 1rem;
    transition: 0.25s;
    border-radius: 210px;
    padding: 8px 16px;
    height: 36px;
    position: absolute;
    right: 16px;
    top: 16px;
    background-color: var(--color-text-white);
    color: var(--mui-dark);
}

@media print {
    .css-1g0oca4 {
        print-color-adjust: exact;
    }
}

.css-1g0oca4:hover {
    text-decoration: none;
}

.css-1g0oca4:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .css-1g0oca4:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.css-1g0oca4:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

@media (hover: hover) {
    .css-1g0oca4:hover {
        --variant-containedBg: rgba(14, 14, 14, 1);
        --variant-textBg: var(--mui-dark-04);
        --variant-outlinedBorder: #151515ff;
        --variant-outlinedBg: var(--mui-dark-04);
    }
}

.css-1g0oca4:hover, .css-1g0oca4:active, .css-1g0oca4:focus {
    box-shadow: none;
}

.css-1g0oca4:disabled {
    color: var(--color-text-white);
    background-color: rgb(249, 147, 118);
}

.css-1g0oca4:active {
    box-shadow: var(--color-text-white) 0px 0px 0px 2px, var(--mui-purple) 0px 0px 0px 4px !important;
}

.css-1g0oca4:hover {
    background-color: var(--mui-green);
    color: var(--mui-dark);
}

.css-1g0oca4:disabled {
    background-color: var(--mui-dark);
    opacity: 0.5;
    color: var(--color-text-white);
}

.css-1d01x9y {
    margin: 0px;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.css-c2hln9 {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/b8368e7f-4ee7-4fef-a287-23889830ad82/images/55ff63a6-849c-4cbc-9cfc-7b54969168f7__md") 1x, url("/assets/img/creators/b8368e7f-4ee7-4fef-a287-23889830ad82/images/55ff63a6-849c-4cbc-9cfc-7b54969168f7__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-1ej80ov {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/42046cad-a249-4a2a-a5f3-981746188b0b/images/9f025ab5-1630-4f79-a368-c5894918393b__md") 1x, url("/assets/img/creators/42046cad-a249-4a2a-a5f3-981746188b0b/images/9f025ab5-1630-4f79-a368-c5894918393b__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-mtfx7e {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/8a41737e-258e-4ee5-9437-aa4e4bec3bf5/images/6597703a-77e7-4ba2-8f60-b617343a340b__md") 1x, url("/assets/img/creators/8a41737e-258e-4ee5-9437-aa4e4bec3bf5/images/6597703a-77e7-4ba2-8f60-b617343a340b__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-1v40mej {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/b4ae4008-8137-489b-a4a3-2c8eef46d664/images/5062b193-0e8e-48d5-9427-347e6b146ad0__md") 1x, url("/assets/img/creators/b4ae4008-8137-489b-a4a3-2c8eef46d664/images/5062b193-0e8e-48d5-9427-347e6b146ad0__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-gnldmm {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/efb69e56-e1f5-466a-a989-2fc7df2a7a56/images/243ea8fe-430b-488c-a631-4d9a51a198e3__md") 1x, url("/assets/img/creators/efb69e56-e1f5-466a-a989-2fc7df2a7a56/images/243ea8fe-430b-488c-a631-4d9a51a198e3__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-1mr65g6 {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/357b507a-ec8a-4ae5-8620-058c5e9c9cf3/images/4d776137-60c0-421e-a17e-bfcccbc1ac6f__md") 1x, url("/assets/img/creators/357b507a-ec8a-4ae5-8620-058c5e9c9cf3/images/4d776137-60c0-421e-a17e-bfcccbc1ac6f__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-nb1vaj {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/dd7e1070-b3b9-4317-b0f1-cc8c36015e6c/images/c5cdfebe-f094-4278-bc34-abf9f14d6257__md") 1x, url("/assets/img/creators/dd7e1070-b3b9-4317-b0f1-cc8c36015e6c/images/c5cdfebe-f094-4278-bc34-abf9f14d6257__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-17pg84z {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/66a0888f-6585-4075-9a7d-393ba2f51b64/images/def29dd3-639d-4431-9813-b329b3f25f05__md") 1x, url("/assets/img/creators/66a0888f-6585-4075-9a7d-393ba2f51b64/images/def29dd3-639d-4431-9813-b329b3f25f05__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-1hljrej {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/0347e151-2e63-4ea4-b6a8-61eb7b82a45e/images/f46b1bad-f35e-4832-a8b0-d30f3ac0e3fd__md") 1x, url("/assets/img/creators/0347e151-2e63-4ea4-b6a8-61eb7b82a45e/images/f46b1bad-f35e-4832-a8b0-d30f3ac0e3fd__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-a0r124 {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/1778e1e3-6a37-4893-8237-02b8e12f8593/images/76dc59e9-c615-40bb-99fc-ad1e9f9da536__md") 1x, url("/assets/img/creators/1778e1e3-6a37-4893-8237-02b8e12f8593/images/76dc59e9-c615-40bb-99fc-ad1e9f9da536__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-1uoribd {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/e3320461-be5c-40fc-899b-1926ce8b4088/images/607ff038-2e71-45ab-8c23-da1e81a99961__md") 1x, url("/assets/img/creators/e3320461-be5c-40fc-899b-1926ce8b4088/images/607ff038-2e71-45ab-8c23-da1e81a99961__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-odqrei {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/e614f74a-8407-423c-b149-51b1a2858560/images/9a633fa0-7542-4fdf-9e89-6fa5c9c831bb__md") 1x, url("/assets/img/creators/e614f74a-8407-423c-b149-51b1a2858560/images/9a633fa0-7542-4fdf-9e89-6fa5c9c831bb__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-1vp1pg0 {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/89a592f8-2ccd-47ae-8530-5f4b3ab9a82a/images/246beee8-ad8e-4340-91c9-2c6bf61e4cb2__md") 1x, url("/assets/img/creators/89a592f8-2ccd-47ae-8530-5f4b3ab9a82a/images/246beee8-ad8e-4340-91c9-2c6bf61e4cb2__md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-ixvndz {
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--Paper-shadow);
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px;
    background: transparent;
}

.css-9uxktl {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    border: 0px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #151515ff;
    --variant-outlinedColor: #151515ff;
    --variant-outlinedBorder: rgba(21, 21, 21, 0.5);
    --variant-containedColor: #fff;
    --variant-containedBg: #151515ff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    font-size: 14px;
    height: 38px;
    padding: 0px;
    min-width: unset;
}

@media print {
    .css-9uxktl {
        print-color-adjust: exact;
    }
}

.css-9uxktl:hover {
    text-decoration: none;
}

@media (hover: hover) {
    .css-9uxktl:hover {
        --variant-containedBg: rgba(14, 14, 14, 1);
        --variant-textBg: var(--mui-dark-04);
        --variant-outlinedBorder: #151515ff;
        --variant-outlinedBg: var(--mui-dark-04);
    }
}

.css-9uxktl:hover, .css-9uxktl:active, .css-9uxktl:focus {
    box-shadow: none;
}

.css-9uxktl:hover {
    background: rgba(21, 21, 21, 0.4);
}

.css-9uxktl:disabled {
    color: rgba(21, 21, 21, 0.4);
}

.css-1wxk87r {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 2.1875rem;
    color: rgba(21, 21, 21, 0.8);
}

.css-172uatj {
    display: flex;
    flex-direction: row;
}

.css-1ciwj4y {
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0px 2px;
    background-color: var(--mui-dark);
}

.css-gvvjmi {
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgba(0, 0, 0, 0.26);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0px 2px;
}

.css-1chhax1 {
    margin: 0px 0px 8px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: var(--font-inter);
    text-decoration: none;
    color: inherit;
    background: image-set(url("/assets/img/creators/42bf3180-6319-40f2-83b0-4cf7c78db392/images/a765ab39-717d-47d7-b71c-a86b9c3c5baf_banner_md") 1x, url("/assets/img/creators/42bf3180-6319-40f2-83b0-4cf7c78db392/images/a765ab39-717d-47d7-b71c-a86b9c3c5baf_banner_md_@2x") 2x) 0% 0% / cover;
    border-radius: 8px;
    height: 128px;
    position: relative;
    width: 100%;
    overflow: hidden;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-1ahzq4d {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

    .css-1ahzq4d .MuiBadge-badge {
        min-width: calc(12px);
        width: calc(12px);
        height: calc(12px);
        border: calc(2.35px) solid var(--color-text-white);
        background: var(--mui-dark);
        padding: 0px;
    }

    .css-1ahzq4d .MuiBadge-dot {
        border-radius: 50%;
    }

.css-ikg8rd {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: var(--color-text-white);
    color: var(--color-text-white);
    width: 48px;
    height: 48px;
}

.css-ikg8rd.MuiAvatar-colorDefault {
    background: var(--color-bg-surface, #151515);
    color: var(--color-text-white, #fff);
}

.css-138os8c {
    margin: 0px;
    text-align: var(--Typography-textAlign);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-family: var(--font-inter);
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.css-1h6hfwn {
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inter);
    max-width: 100%;
    font-size: 14px;
    color: rgba(21, 21, 21, 0.8);
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
}

.css-8kiept {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.css-1ux2d3y {
    margin-right: 8px;
    display: flex;
}

.css-1apxmxo {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    background-color: transparent;
    transition: 0.25s;
    height: 40px;
    width: 40px;
    padding: 8px;
    color: rgba(21, 21, 21, 0.8);
}

@media print {
    .css-1apxmxo {
        print-color-adjust: exact;
    }
}

.css-1apxmxo:hover {
    background-color: var(--IconButton-hoverBg);
}

@media (hover: none) {
    .css-1apxmxo:hover {
        background-color: transparent;
    }
}

.css-1apxmxo .MuiSvgIcon-root {
    font-size: 24px;
}

.css-1apxmxo:active {
    box-shadow: var(--mui-purple) 0px 0px 0px 2px, var(--mui-dark) 0px 0px 0px 4px;
}

.css-1apxmxo:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.css-1apxmxo:disabled {
    opacity: 0.5;
    color: var(--mui-dark);
    background-color: transparent;
}

.css-1apxmxo .MuiSvgIcon-root {
    font-size: 24px;
}

.css-1nog818 {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    padding: 12px 16px;
    white-space: pre-line;
    word-break: break-word;
}

.css-79elbk {
    position: relative;
}

.css-13r3k2h {
    position: relative;
    min-height: 300px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1j5fbfx {
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    transition: background-image 0.5s ease-in-out;
}

.css-nu3h5k {
    height: 100%;
}

    .css-nu3h5k .carousel.carousel-slider {
        height: 100%;
        overflow: initial;
    }

        .css-nu3h5k .carousel.carousel-slider .slider-wrapper {
            height: 100%;
        }

            .css-nu3h5k .carousel.carousel-slider .slider-wrapper .slider {
                height: 100%;
                -webkit-box-align: center;
                align-items: center;
            }

                .css-nu3h5k .carousel.carousel-slider .slider-wrapper .slider .slide {
                    height: 100%;
                }

        .css-nu3h5k .carousel.carousel-slider .carousel-status {
            background: rgba(21, 21, 21, 0.3);
            border-radius: 16px;
            color: var(--color-text-white);
            font-size: 12px;
            font-weight: bold;
            padding: 2px 8px;
            position: absolute;
            left: 8px;
            right: unset;
            text-shadow: none;
            top: 8px;
            white-space: nowrap;
        }

        .css-nu3h5k .carousel.carousel-slider .control-arrow {
            top: 50%;
            transform: translateY(-50%);
        }

            .css-nu3h5k .carousel.carousel-slider .control-arrow::before {
                content: none;
            }

            .css-nu3h5k .carousel.carousel-slider .control-arrow.control-prev {
                left: 8px;
            }

            .css-nu3h5k .carousel.carousel-slider .control-arrow.control-next {
                right: 8px;
            }

@media (max-width: 849.95px) {
    .css-nu3h5k .carousel.carousel-slider .control-arrow.control-prev {
        left: 4px;
    }

    .css-nu3h5k .carousel.carousel-slider .control-arrow.control-next {
        right: 4px;
    }
}

.css-nu3h5k .carousel img {
    pointer-events: unset;
}

.css-nu3h5k .carousel .control-dots {
    display: flex;
    justify-content: center;
    bottom: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    width: 100%;
    z-index: 1;
}

    .css-nu3h5k .carousel .control-dots .dot {
        margin-left: 4px;
        margin-right: 4px;
        width: 6px;
        height: 6px;
        box-shadow: none;
        background: var(--mui-dark);
    }

        .css-nu3h5k .carousel .control-dots .dot.selected {
            background: var(--mui-dark-02);
        }

.css-cnvug3 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    background-color: transparent;
    color: var(--mui-dark);
    transition: 0.25s;
    height: 40px;
    width: 40px;
    padding: 8px;
}

@media print {
    .css-cnvug3 {
        print-color-adjust: exact;
    }
}

.css-cnvug3:hover {
    background-color: var(--IconButton-hoverBg);
}

@media (hover: none) {
    .css-cnvug3:hover {
        background-color: transparent;
    }
}

.css-cnvug3 .MuiSvgIcon-root {
    font-size: 24px;
}

.css-cnvug3 .MuiSvgIcon-root {
    color: var(--color-text-white);
}

.css-cnvug3:active {
    box-shadow: var(--mui-purple) 0px 0px 0px 2px, var(--mui-dark) 0px 0px 0px 4px;
}

.css-cnvug3:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.css-cnvug3:disabled {
    opacity: 0.5;
    color: var(--mui-dark);
    background-color: transparent;
}

.css-cnvug3 .MuiSvgIcon-root {
    font-size: 24px;
}

.css-cnvug3 .MuiSvgIcon-root {
    color: var(--color-text-white);
}

.css-6hjg6q {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1a1a1a;
}

.css-e781jm {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 90vh;
    min-height: 320px;
    object-position: center center;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
}

@media (min-width: 0px) {
    .css-e781jm {
        object-fit: cover;
    }
}

@media (min-width: 1280px) {
    .css-e781jm {
        object-fit: contain;
    }
}

.css-1f30oc1 {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/33254b13-9980-4fca-b50a-810099b482a7");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-14bj6og {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/cd82162d-1ae2-42f1-baa2-449195371c11");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-vlnfsp {
    padding: 8px;
}

.css-1lekzkb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-v2zzii {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px 8px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    background-color: transparent;
    color: var(--mui-dark);
    transition: 0.25s;
    height: 40px;
    width: 40px;
    padding: 8px;
}

@media print {
    .css-v2zzii {
        print-color-adjust: exact;
    }
}

.css-v2zzii:hover {
    background-color: var(--IconButton-hoverBg);
}

@media (hover: none) {
    .css-v2zzii:hover {
        background-color: transparent;
    }
}

.css-v2zzii .MuiSvgIcon-root {
    font-size: 24px;
}

.css-v2zzii:active {
    box-shadow: var(--mui-purple) 0px 0px 0px 2px, var(--mui-dark) 0px 0px 0px 4px;
}

.css-v2zzii:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.css-v2zzii:disabled {
    opacity: 0.5;
    color: var(--mui-dark);
    background-color: transparent;
}

.css-v2zzii .MuiSvgIcon-root {
    font-size: 24px;
}

.css-1cwibh9 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
}

    .css-1cwibh9 path {
        fill: var(--mui-dark);
    }

.css-1u56rxw {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    border-radius: 50%;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    background-color: transparent;
    color: var(--mui-dark);
    transition: 0.25s;
    height: 40px;
    width: 40px;
    padding: 8px;
}

@media print {
    .css-1u56rxw {
        print-color-adjust: exact;
    }
}

.css-1u56rxw:hover {
    background-color: var(--IconButton-hoverBg);
}

@media (hover: none) {
    .css-1u56rxw:hover {
        background-color: transparent;
    }
}

.css-1u56rxw .MuiSvgIcon-root {
    font-size: 24px;
}

.css-1u56rxw:active {
    box-shadow: var(--mui-purple) 0px 0px 0px 2px, var(--mui-dark) 0px 0px 0px 4px;
}

.css-1u56rxw:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.css-1u56rxw:disabled {
    opacity: 0.5;
    color: var(--mui-dark);
    background-color: transparent;
}

.css-1u56rxw .MuiSvgIcon-root {
    font-size: 24px;
}

.css-r9og3 {
    display: flex;
    margin-right: 8px;
    -webkit-box-align: center;
    align-items: center;
}

.css-vn5ryq {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-hpgf8j {
    padding: 8px;
}

.css-1fqekfo {
    margin-right: 16px;
    display: inline-block;
}

.css-x2ox91 {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    color: rgba(21, 21, 21, 0.8);
}

.css-125uv7f {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    color: rgba(21, 21, 21, 0.8);
}

.css-oo4b4a {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    appearance: none;
    border: 0px currentcolor;
    background-color: var(--variant-textBg);
    --variant-containedBg: #e0e0e0;
    letter-spacing: 0.025em;
    font-family: var(--font-inter);
    box-shadow: none;
    transition: color 0.01s;
    border-radius: 19px;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    height: initial;
    line-height: inherit;
    min-width: initial;
    padding: 0px;
    text-decoration: none;
    text-transform: initial;
    vertical-align: baseline;
    color: rgba(21, 21, 21, 0.8);
}

@media print {
    .css-oo4b4a {
        print-color-adjust: exact;
    }
}

.css-oo4b4a:hover {
    text-decoration: none;
}

@media (hover: hover) {
    .css-oo4b4a:hover {
        --variant-containedBg: #f5f5f5;
        --variant-textBg: rgba(0, 0, 0, 0.04);
        --variant-outlinedBg: rgba(0, 0, 0, 0.04);
    }
}

.css-oo4b4a:hover, .css-oo4b4a:active, .css-oo4b4a:focus {
    box-shadow: none;
}

.css-oo4b4a:hover {
    background: none;
    text-decoration: underline;
}

@media (max-width: 849.95px) {
    .css-oo4b4a {
        height: initial;
    }
}

.css-11hjsar {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    color: rgba(21, 21, 21, 0.8);
}

.css-lql0fa {
    margin: 0px;
    font-size: 14px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-transform: none;
    color: rgba(21, 21, 21, 0.8);
}

.css-vl4vux {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px 0px 0px auto;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    --variant-textColor: #151515ff;
    --variant-outlinedColor: #151515ff;
    --variant-outlinedBorder: rgba(21, 21, 21, 0.5);
    --variant-containedColor: #fff;
    --variant-containedBg: #151515ff;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    font-size: 1rem;
    background-color: transparent;
    color: var(--mui-dark);
    transition: 0.25s;
    border-radius: 210px;
    padding: 8px 12px;
    height: 32px;
}

@media print {
    .css-vl4vux {
        print-color-adjust: exact;
    }
}

.css-vl4vux:hover {
    text-decoration: none;
}

.css-vl4vux:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .css-vl4vux:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.css-vl4vux:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

@media (hover: hover) {
    .css-vl4vux:hover {
        --variant-containedBg: rgba(14, 14, 14, 1);
        --variant-textBg: var(--mui-dark-04);
        --variant-outlinedBorder: #151515ff;
        --variant-outlinedBg: var(--mui-dark-04);
    }
}

.css-vl4vux:hover, .css-vl4vux:active, .css-vl4vux:focus {
    box-shadow: none;
}

.css-vl4vux:disabled {
    color: var(--color-text-white);
    background-color: rgb(249, 147, 118);
}

.css-vl4vux:active {
    box-shadow: var(--color-text-white) 0px 0px 0px 2px, var(--mui-purple) 0px 0px 0px 4px !important;
}

.css-vl4vux:hover {
    background-color: rgba(25, 118, 210, 0.2);
}

.css-vl4vux:disabled {
    opacity: 0.5;
    color: var(--mui-dark);
    background-color: transparent;
    box-shadow: var(--mui-dark) 0px 0px 0px 1px;
}

.css-k05ih6 {
    margin: 0px;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
    color: rgba(21, 21, 21, 0.8);
}

.css-1sxxgg6 {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1a1a1a;
}

.css-40c5em {
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    width: 100%;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/dd34cad2-41c4-4d8a-990e-20176ba25a88");
    background-size: cover;
    background-position: center center;
    transition: background-image 0.5s ease-in-out;
}

.css-p4v7hf {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/2a039159-af8e-4eae-bd2c-a88c53ea1808");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-oqh0dm {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/dd34cad2-41c4-4d8a-990e-20176ba25a88");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-45ybsi {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/570f0195-cc62-4f89-9e35-2d19521b37cc");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-15jmq8g {
    height: 100%;
    width: 100%;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    max-height: 90vh;
    position: relative;
}

.css-1q7tgsl {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.566667 / 1;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/b394ac28-0141-4401-be29-d7b84dda491f");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-1hcdrac {
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/placeholders/video-thumbnail.jpg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
}

.css-1x6e6yw {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-153urwv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgba(21, 21, 21, 0.5);
}

.css-1co2a5o {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.566667 / 1;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/3f423879-b02f-4388-98da-a4fa7625b443");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-jqbkjv {
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/placeholders/video-thumbnail.jpg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
}

.css-9qgtpy {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.566667 / 1;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/378e8bbe-6040-425a-95ca-2e82235a0aca");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-gp5qks {
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/placeholders/video-thumbnail.jpg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
}

.css-z09dbt {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.5625 / 1;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/c59622de-76e0-4b5d-8aa8-760d943ef3da");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-kcdmwj {
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/placeholders/video-thumbnail.jpg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
}

.css-140l6mb {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/5a12bf85-ced4-40ca-a016-33391db5a058");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-13d6o8x {
    height: inherit;
    max-height: inherit;
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 0.5625 / 1;
    background-image: url("/assets/img/creators/9fdff982-5564-458b-b0aa-608bc2cffd04/blurred-images/d56e5cde-c718-478c-974d-a9a134b0a171");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.css-1e6q340 {
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/placeholders/video-thumbnail.jpg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
}

.css-1m2fidh {
    margin: 0px;
    color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 16px;
    text-transform: none;
}
/*! CSS Used from: Swiper CSS */
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: initial;
}

.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
/*! CSS Used from: Carousel CSS */
.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
    transition: all .25s ease-in;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 2;
    top: 20px;
    background: none;
    border: 0;
    font-size: 32px;
    cursor: pointer;
}

    .carousel .control-arrow:focus, .carousel .control-arrow:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
        margin: 0 5px;
        display: inline-block;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        content: "";
    }

.carousel .control-prev.control-arrow {
    left: 0;
}

    .carousel .control-prev.control-arrow:before {
        border-right: 8px solid #fff;
    }

.carousel .control-next.control-arrow {
    right: 0;
}

    .carousel .control-next.control-arrow:before {
        border-left: 8px solid #fff;
    }

.carousel-root {
    outline: none;
}

.carousel {
    position: relative;
    width: 100%;
}

    .carousel * {
        box-sizing: border-box;
    }

    .carousel img {
        width: 100%;
        display: inline-block;
        pointer-events: none;
    }

    .carousel .control-arrow {
        outline: 0;
        border: 0;
        background: none;
        top: 50%;
        margin-top: -13px;
        font-size: 18px;
    }

    .carousel.carousel-slider {
        position: relative;
        margin: 0;
        overflow: hidden;
    }

        .carousel.carousel-slider .control-arrow {
            top: 0;
            color: #fff;
            font-size: 26px;
            bottom: 0;
            margin-top: 0;
            padding: 5px;
        }

            .carousel.carousel-slider .control-arrow:hover {
                background: rgba(0,0,0,.2);
            }

    .carousel .slider-wrapper {
        overflow: hidden;
        margin: auto;
        width: 100%;
        transition: height .15s ease-in;
    }

        .carousel .slider-wrapper.axis-horizontal .slider {
            -ms-box-orient: horizontal;
            display: -moz-flex;
            display: flex;
        }

            .carousel .slider-wrapper.axis-horizontal .slider .slide {
                flex-direction: column;
                flex-flow: column;
            }

    .carousel .slider {
        margin: 0;
        padding: 0;
        position: relative;
        list-style: none;
        width: 100%;
    }

        .carousel .slider.animated {
            transition: all .35s ease-in-out;
        }

    .carousel .slide {
        min-width: 100%;
        margin: 0;
        position: relative;
        text-align: center;
    }

        .carousel .slide img {
            width: 100%;
            vertical-align: top;
            border: 0;
        }

    .carousel .control-dots {
        position: absolute;
        bottom: 0;
        margin: 10px 0;
        padding: 0;
        text-align: center;
        width: 100%;
        z-index: 1;
    }

@media (min-width:960px) {
    .carousel .control-dots {
        bottom: 0;
    }
}

.carousel .control-dots .dot {
    transition: opacity .25s ease-in;
    opacity: .3;
    filter: alpha(opacity=30);
    box-shadow: 1px 1px 2px rgba(0,0,0,.9);
    background: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px;
}

    .carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.carousel .carousel-status {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.9);
    color: #fff;
}


/*! CSS Used from: Embedded */
*, ::before, ::after {
    box-sizing: inherit;
}

body * {
    scrollbar-color: var(--mui-dark-02) transparent;
    scrollbar-width: thin;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

body ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body ::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
}

:hover::-webkit-scrollbar-thumb {
    background-color: var(--mui-dark-02);
}
/*! CSS Used from: Embedded */
.css-w94xpu {
    position: relative;
    display: inline-block;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow-x: hidden;
    width: 100%;
}

.css-162tvoi {
    display: flex;
}

.css-nkeapc {
    position: absolute;
    height: 2px;
    bottom: 0px;
    width: 100%;
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--mui-dark);
}

.css-6bmacw {
    overflow: hidden;
    min-height: 48px;
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

    .css-6bmacw .MuiTabs-indicator {
        border-radius: 8px;
        background-color: var(--mui-green);
        height: 4px;
    }

    .css-6bmacw .MuiTab-root {
        box-shadow: var(--mui-dark-02) 0px -1px 0px 0px inset;
    }

.css-5nm84t {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    max-width: 360px;
    min-width: 90px;
    position: relative;
    min-height: 48px;
    flex-shrink: 0;
    padding: 12px 16px;
    overflow: hidden;
    white-space: normal;
    text-align: center;
    flex-direction: column;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 24px;
    text-transform: none;
    color: var(--mui-dark);
    -webkit-box-flex: 1;
    flex-grow: 1;
}

@media print {
    .css-5nm84t {
        print-color-adjust: exact;
    }
}

.css-5nm84t.Mui-selected {
    color: var(--mui-dark);
}

.css-5nm84t:hover {
    color: rgba(0, 0, 0, 0.5);
}

.css-5nm84t.Mui-selected:hover {
    color: rgba(0, 0, 0, 0.8);
}

/* ======= Post Audio Card ======= */
.css-tjqdbf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 320px;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.03) 0%, rgba(21, 21, 21, 0.08) 100%);
    position: relative;
    padding: 32px 16px;
}

.css-1k8tf8r {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.css-245cqq {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(21, 21, 21, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.css-245cqq .MuiSvgIcon-root {
    font-size: 40px;
    color: rgba(21, 21, 21, 0.6);
}

.css-audio-duration {
    margin: 0;
    font-size: 14px;
    font-family: var(--font-inter);
    font-weight: 400;
    color: rgba(21, 21, 21, 0.6);
}

/* ======= Subscribers Only Badge ======= */
.css-1owai30 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    background: linear-gradient(0deg, rgba(21, 21, 21, 0.7) 0%, transparent 100%);
    z-index: 2;
}

.css-1owai30 .badge-text {
    margin: 0;
    font-size: 14px;
    font-family: var(--font-inter);
    font-weight: 600;
    color: var(--color-text-white);
    display: flex;
    align-items: center;
    gap: 6px;
}

.css-1owai30 .badge-text .MuiSvgIcon-root {
    font-size: 18px;
}

/* ======= Post caption toggle ======= */
.post-caption-toggle {
    background: none;
    border: none;
    color: rgba(21, 21, 21, 0.5);
    cursor: pointer;
    font-size: 14px;
    font-family: var(--font-inter);
    font-weight: 600;
    padding: 0;
    margin-left: 4px;
}

.post-caption-toggle:hover {
    color: var(--mui-dark);
}

/* ============================================ */
/* LOCKED POST CARD                             */
/* ============================================ */

.locked-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: 100%;
    min-height: 300px;
    justify-content: center;
}

@media (max-width: 849.95px) {
    .locked-content-container {
        max-height: 90vh;
    }
}

.locked-content-dark-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(21, 21, 21, 0.2);
    z-index: 1;
}

.locked-content-blurred-media {
    overflow: hidden;
    width: 100%;
}

.locked-content-blurred-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    max-height: 90vh;
    width: 100%;
}

.locked-content-blurred-img {
    pointer-events: none;
    user-select: none;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    filter: blur(8px);
    transform: scale(1.1);
}

.locked-content-placeholder {
    width: 100%;
    min-height: 300px;
    background: linear-gradient(135deg, rgba(21, 21, 21, 0.3) 0%, rgba(21, 21, 21, 0.15) 100%);
}

.locked-content-overlay-info {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    position: absolute;
    transform: translateY(10px);
    z-index: 2;
}

.locked-content-overlay-card {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(21, 21, 21, 0.36);
    border-radius: 16px;
    flex-direction: column;
    padding-bottom: 24px;
}

.locked-content-avatar-badge {
    position: absolute;
    top: -44px;
    display: inline-flex;
    vertical-align: middle;
    flex-shrink: 0;
}

.locked-content-avatar-border {
    border-radius: 50%;
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.locked-content-avatar {
    width: 88px;
    height: 88px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
    background: rgb(255, 255, 255);
}

.locked-content-avatar.MuiAvatar-colorDefault {
    background: var(--color-bg-surface, #151515);
    color: var(--color-text-white, #fff);
}

.locked-content-lock-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: calc(50% - 60px);
    top: 10px;
    border-radius: 100%;
    background-color: rgb(21, 21, 21);
    z-index: 1;
    border: 2px solid rgba(21, 21, 21, 0.5);
    padding: 6px;
}

.locked-content-unlock-text {
    margin: calc(44px + 1rem) 0 0;
    font-weight: 600;
    font-size: 18px;
    color: white;
    text-decoration: none;
    font-family: var(--font-inter);
    line-height: 24px;
}

.locked-content-media-types {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}

.locked-content-media-type-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: rgb(255, 255, 255);
}

.locked-content-media-icon {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    fill: currentcolor;
    font-size: 1rem;
}

.locked-content-media-type-text {
    margin: 0;
    font-size: 14px;
    font-family: var(--font-inter);
    font-weight: 400;
    line-height: 18px;
}

.locked-content-cta {
    margin: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Unlock CTA button (dark) */
.css-1okx32r {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    text-transform: initial;
    letter-spacing: 0.025em;
    font-weight: 600;
    font-family: var(--font-inter);
    box-shadow: none;
    font-size: 1rem;
    padding: 6px 24px;
    background-color: rgb(21, 21, 21);
    color: rgb(255, 255, 255);
    transition: 0.25s;
    border-radius: 210px;
    height: 40px;
}

.css-1okx32r:hover {
    background-color: #2d2d2d;
    color: rgb(21, 21, 21);
}

.css-1okx32r:active {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(151, 114, 255) 0px 0px 0px 4px !important;
}

.css-1okx32r:disabled {
    background-color: rgb(21, 21, 21);
    opacity: 0.5;
    color: rgb(255, 255, 255);
}

/* Button text inside locked card */
.css-1y4e7kw {
    margin: 0px;
    width: 100%;
    font-size: 16px;
    text-decoration: none;
    font-family: var(--font-inter);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 22px;
    text-transform: none;
}