/* * The glossy twins (M3.5) — GENERATED by scripts/generate-glossy-theme.mjs. * Do not hand-edit: change scripts/templates/glossy-layer.css or the extracted * sheets and run `npm run themes:glossy` (then `npm run themes:colours`). * * 10 twins: ocean-breeze-gloss, cloud-indigo-gloss, aqua-frost-gloss, coastal-teal-gloss, royal-emerald-gloss, berry-soft-gloss, sunny-yellow-gloss, midnight-gold-gloss, black-diamond-gloss, pearl-beige-gloss. * Each carries its base's tokens from cloudcard.min.css byte for byte, its base's * AA corrections from theme-contrast-fixes-v1.css, its gloss parameters, and its * swatch under a sheen; then the glossy layer, scoped to the public profile. * Loaded after cloudcard.min.css and before the corrections in every shell. */ /* ocean-breeze-gloss — the ocean-breeze palette with its AA corrections, light gloss */ .theme-ocean-breeze-gloss{--brand:#0f4c75;--brand-2:#3282b8;--on-brand:#fff;--on-brand-muted:#ffffffd1;--ink:#062031;--muted:#6f7e88;--surface:#bbe1fa;--surface-accent:#add8f3;--card:#fff;--card-hover:#e0f2fd;--soft:#bbe1fa;--soft-strong:#a2d0ee;--border:#9cc6e2;--input-bg:#fff;--header-bg:#bbe1faf0;--sidebar-top:#0f4c75;--sidebar-bottom:#0a314b;--focus-ring:#0f4c7538;--shadow:#08283d24;--calendar-disabled:#8c98a0;--success-bg:#dcfce7;--success-text:#166534;--danger-bg:#fee2e2;--danger-text:#991b1b} .theme-ocean-breeze-gloss{--muted:#57626A;--danger-text:#BD1F1F;--gloss-sheen:rgba(255, 255, 255, .62);--gloss-sheen-soft:rgba(255, 255, 255, .22);--gloss-edge:rgba(255, 255, 255, .85);--gloss-glass:72%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 40%, transparent);--gloss-brand-ink:var(--brand)} .theme-swatch-ocean-breeze-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .55) 0%,rgba(255, 255, 255, .14) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#0f4c75 0 34%,#3282b8 34% 67%,#bbe1fa 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* cloud-indigo-gloss — the cloud-indigo palette with its AA corrections, light gloss */ .theme-cloud-indigo-gloss{--brand:#4f46e5;--brand-2:#93c5fd;--on-brand:#fff;--on-brand-muted:#ffffffd1;--ink:#252064;--muted:#7a7b9d;--surface:#f5f7ff;--surface-accent:#e8ecff;--card:#fff;--card-hover:#fafbff;--soft:#eef1ff;--soft-strong:#dde3fe;--border:#d0d7f3;--input-bg:#fff;--header-bg:#f5f7fff0;--sidebar-top:#4f46e5;--sidebar-bottom:#332e95;--focus-ring:#4f46e538;--shadow:#29247724;--calendar-disabled:#9294af;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-cloud-indigo-gloss{--muted:#6A6B90;--danger-text:#D62323;--gloss-sheen:rgba(255, 255, 255, .62);--gloss-sheen-soft:rgba(255, 255, 255, .22);--gloss-edge:rgba(255, 255, 255, .85);--gloss-glass:72%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 40%, transparent);--gloss-brand-ink:var(--brand)} .theme-swatch-cloud-indigo-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .55) 0%,rgba(255, 255, 255, .14) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#f5f7ff 0 34%,#4f46e5 34% 67%,#93c5fd 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* aqua-frost-gloss — the aqua-frost palette with its AA corrections, light gloss */ .theme-aqua-frost-gloss{--brand:#0e7490;--brand-2:#67e8f9;--on-brand:#fff;--on-brand-muted:#ffffffd1;--ink:#083b49;--muted:#6e8d94;--surface:#ecfeff;--surface-accent:#d8fafc;--card:#fff;--card-hover:#f5ffff;--soft:#e1fafc;--soft-strong:#c9f2f5;--border:#b9e1e5;--input-bg:#fff;--header-bg:#ecfefff0;--sidebar-top:#0e7490;--sidebar-bottom:#094a5d;--focus-ring:#0e749038;--shadow:#073c4a24;--calendar-disabled:#8ba0a5;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-aqua-frost-gloss{--muted:#5B757B;--danger-text:#DB2323;--gloss-sheen:rgba(255, 255, 255, .62);--gloss-sheen-soft:rgba(255, 255, 255, .22);--gloss-edge:rgba(255, 255, 255, .85);--gloss-glass:72%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 40%, transparent);--gloss-brand-ink:var(--brand)} .theme-swatch-aqua-frost-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .55) 0%,rgba(255, 255, 255, .14) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#ecfeff 0 34%,#0e7490 34% 67%,#67e8f9 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* coastal-teal-gloss — the coastal-teal palette with its AA corrections, light gloss */ .theme-coastal-teal-gloss{--brand:#0f766e;--brand-2:#2dd4bf;--on-brand:#fff;--on-brand-muted:#ffffffd1;--ink:#12363a;--muted:#688287;--surface:#ecfeff;--surface-accent:#d8f8f7;--card:#fff;--card-hover:#f4ffff;--soft:#e0fafa;--soft-strong:#c8f1ef;--border:#b8dfdd;--input-bg:#fff;--header-bg:#ecfefff0;--sidebar-top:#0f766e;--sidebar-bottom:#0a4c49;--focus-ring:#0f766e38;--shadow:#083a3824;--calendar-disabled:#879c9d;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-coastal-teal-gloss{--muted:#5D7479;--danger-text:#DA2323;--gloss-sheen:rgba(255, 255, 255, .62);--gloss-sheen-soft:rgba(255, 255, 255, .22);--gloss-edge:rgba(255, 255, 255, .85);--gloss-glass:72%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 40%, transparent);--gloss-brand-ink:var(--brand)} .theme-swatch-coastal-teal-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .55) 0%,rgba(255, 255, 255, .14) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#ecfeff 0 34%,#0f766e 34% 67%,#2dd4bf 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* royal-emerald-gloss — the royal-emerald palette with its AA corrections, dark gloss */ .theme-royal-emerald-gloss{--brand:#0f766e;--brand-2:#d4af37;--on-brand:#fff;--on-brand-muted:#ffffffc7;--ink:#f8fafc;--muted:#92a4a4;--surface:#052e2b;--surface-accent:#133937;--card:#1e4340;--card-hover:#294c4a;--soft:#264947;--soft-strong:#345653;--border:#41605e;--input-bg:#103735;--header-bg:#052e2bf2;--sidebar-top:#073e3a;--sidebar-bottom:#042623;--focus-ring:#0f766e47;--shadow:#00000075;--calendar-disabled:#617c7a;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-royal-emerald-gloss{--muted:#A4B3B3;--brand-text:#19C4B7;--danger-text:#EE9898;--gloss-sheen:rgba(255, 255, 255, .16);--gloss-sheen-soft:rgba(255, 255, 255, .06);--gloss-edge:rgba(255, 255, 255, .3);--gloss-glass:78%;--gloss-tint:var(--brand-2);--gloss-shadow:color-mix(in srgb, var(--brand-2) 30%, transparent);--gloss-brand-ink:color-mix(in srgb, var(--brand) 45%, var(--ink))} .theme-swatch-royal-emerald-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .4) 0%,rgba(255, 255, 255, .1) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#052e2b 0 34%,#0f766e 34% 67%,#d4af37 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* berry-soft-gloss — the berry-soft palette with its AA corrections, light gloss */ .theme-berry-soft-gloss{--brand:#a3365a;--brand-2:#e78aa6;--on-brand:#fff;--on-brand-muted:#ffffffd1;--ink:#47172a;--muted:#967583;--surface:#fff3f7;--surface-accent:#ffe3ec;--card:#fff;--card-hover:#fff9fb;--soft:#ffebf1;--soft-strong:#fbd7e2;--border:#ebc4d0;--input-bg:#fff;--header-bg:#fff3f7f0;--sidebar-top:#a3365a;--sidebar-bottom:#68233a;--focus-ring:#a3365a38;--shadow:#551c2f24;--calendar-disabled:#a9919a;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-berry-soft-gloss{--muted:#846572;--danger-text:#D52222;--gloss-sheen:rgba(255, 255, 255, .62);--gloss-sheen-soft:rgba(255, 255, 255, .22);--gloss-edge:rgba(255, 255, 255, .85);--gloss-glass:72%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 40%, transparent);--gloss-brand-ink:var(--brand)} .theme-swatch-berry-soft-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .55) 0%,rgba(255, 255, 255, .14) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#fff3f7 0 34%,#a3365a 34% 67%,#e78aa6 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* sunny-yellow-gloss — the sunny-yellow palette with its AA corrections, light gloss */ .theme-sunny-yellow-gloss{--brand:#a16207;--brand-2:#facc15;--on-brand:#1f2937;--on-brand-muted:#1f2937b8;--ink:#442903;--muted:#93836d;--surface:#fefce8;--surface-accent:#fef7d3;--card:#fff;--card-hover:#fffef5;--soft:#fefce8;--soft-strong:#fdf3c2;--border:#ede0c0;--input-bg:#fff;--header-bg:#fefce8f0;--sidebar-top:#a16207;--sidebar-bottom:#673f04;--focus-ring:#a1620738;--shadow:#54330424;--calendar-disabled:#a99c8a;--success-bg:#dcfce7;--success-text:#166534;--danger-bg:#fee2e2;--danger-text:#991b1b} .theme-sunny-yellow-gloss{--muted:#80725F;--brand:#CC7C09;--brand-text:#A76507;--gloss-sheen:rgba(255, 255, 255, .62);--gloss-sheen-soft:rgba(255, 255, 255, .22);--gloss-edge:rgba(255, 255, 255, .85);--gloss-glass:72%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 40%, transparent);--gloss-brand-ink:color-mix(in srgb, var(--brand) 70%, var(--ink))} .theme-swatch-sunny-yellow-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .55) 0%,rgba(255, 255, 255, .14) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#a16207 0 34%,#facc15 34% 67%,#fefce8 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* midnight-gold-gloss — the midnight-gold palette with its AA corrections, dark gloss */ .theme-midnight-gold-gloss{--brand:#d4af37;--brand-2:#fafaf9;--on-brand:#080809;--on-brand-muted:#050505ad;--ink:#fafaf9;--muted:#959595;--surface:#09090b;--surface-accent:#171718;--card:#222223;--card-hover:#2d2d2e;--soft:#29292b;--soft-strong:#383839;--border:#444446;--input-bg:#141416;--header-bg:#09090bf2;--sidebar-top:#362e15;--sidebar-bottom:#070709;--focus-ring:#d4af3747;--shadow:#00000075;--calendar-disabled:#656565;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-midnight-gold-gloss{--danger-text:#E76767;--gloss-sheen:rgba(255, 255, 255, .16);--gloss-sheen-soft:rgba(255, 255, 255, .06);--gloss-edge:rgba(255, 255, 255, .3);--gloss-glass:78%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 30%, transparent);--gloss-brand-ink:var(--brand)} .theme-swatch-midnight-gold-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .4) 0%,rgba(255, 255, 255, .1) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#09090b 0 34%,#d4af37 34% 67%,#fafaf9 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* black-diamond-gloss — the black-diamond palette with its AA corrections, dark gloss */ .theme-black-diamond-gloss{--brand:#2a2a2a;--brand-2:#e5e7eb;--on-brand:#fff;--on-brand-muted:#ffffffc7;--ink:#e5e7eb;--muted:#87888a;--surface:#050505;--surface-accent:#131313;--card:#1e1e1e;--card-hover:#292929;--soft:#262626;--soft-strong:#343434;--border:#414141;--input-bg:#101010;--header-bg:#050505f2;--sidebar-top:#0d0d0d;--sidebar-bottom:#040404;--focus-ring:#2a2a2a47;--shadow:#00000075;--calendar-disabled:#5a5b5c;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-black-diamond-gloss{--muted:#8C8D8F;--brand-text:#8C8C8C;--danger-text:#E66161;--gloss-sheen:rgba(255, 255, 255, .16);--gloss-sheen-soft:rgba(255, 255, 255, .06);--gloss-edge:rgba(255, 255, 255, .3);--gloss-glass:78%;--gloss-tint:var(--brand-2);--gloss-shadow:color-mix(in srgb, var(--brand-2) 30%, transparent);--gloss-brand-ink:color-mix(in srgb, var(--brand) 45%, var(--ink))} .theme-swatch-black-diamond-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .4) 0%,rgba(255, 255, 255, .1) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#050505 0 34%,#2a2a2a 34% 67%,#e5e7eb 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} /* pearl-beige-gloss — the pearl-beige palette with its AA corrections, dark gloss */ .theme-pearl-beige-gloss{--brand:#b7a58d;--brand-2:#f5f0e8;--on-brand:#fff;--on-brand-muted:#ffffffc7;--ink:#f5f0e8;--muted:#a09b94;--surface:#2b2621;--surface-accent:#37322d;--card:#403c37;--card-hover:#4a4541;--soft:#47423e;--soft-strong:#534f4b;--border:#5e5a56;--input-bg:#35302b;--header-bg:#2b2621f2;--sidebar-top:#4a4239;--sidebar-bottom:#231f1b;--focus-ring:#b7a58d47;--shadow:#00000075;--calendar-disabled:#78736d;--success-bg:#123d2c;--success-text:#8cf1b9;--danger-bg:#4a2027;--danger-text:#ffb4c0} .theme-pearl-beige-gloss{--muted:#B3AFA9;--brand:#897357;--brand-text:#BDAD98;--danger-text:#EE9898;--gloss-sheen:rgba(255, 255, 255, .16);--gloss-sheen-soft:rgba(255, 255, 255, .06);--gloss-edge:rgba(255, 255, 255, .3);--gloss-glass:78%;--gloss-tint:var(--brand);--gloss-shadow:color-mix(in srgb, var(--brand) 30%, transparent);--gloss-brand-ink:color-mix(in srgb, var(--brand) 50%, var(--ink))} .theme-swatch-pearl-beige-gloss{background:linear-gradient(180deg,rgba(255, 255, 255, .4) 0%,rgba(255, 255, 255, .1) 46%,rgba(255, 255, 255, 0) 52%),linear-gradient(120deg,#2b2621 0 34%,#b7a58d 34% 67%,#f5f0e8 67% 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .8)} body.theme-ocean-breeze-gloss .cloudcard-profile__identity, body.theme-cloud-indigo-gloss .cloudcard-profile__identity, body.theme-aqua-frost-gloss .cloudcard-profile__identity, body.theme-coastal-teal-gloss .cloudcard-profile__identity, body.theme-royal-emerald-gloss .cloudcard-profile__identity, body.theme-berry-soft-gloss .cloudcard-profile__identity, body.theme-sunny-yellow-gloss .cloudcard-profile__identity, body.theme-midnight-gold-gloss .cloudcard-profile__identity, body.theme-black-diamond-gloss .cloudcard-profile__identity, body.theme-pearl-beige-gloss .cloudcard-profile__identity { position: relative; border-color: color-mix(in srgb, var(--gloss-edge), var(--profile-brand)) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), inset 0 0 0 1px color-mix(in srgb, var(--gloss-edge) 40%, transparent), 0 30px 60px -22px var(--gloss-shadow), 0 12px 24px -16px color-mix(in srgb, var(--profile-ink) 30%, transparent) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__cover, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__cover { position: relative; overflow: hidden; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__cover::after, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__cover::after { position: absolute; inset: 0; background: radial-gradient(70% 60% at 18% 0%, var(--gloss-sheen), transparent 70%), linear-gradient(180deg, var(--gloss-sheen-soft) 0%, transparent 48%, rgba(4, 18, 32, .13) 100%) !important; content: ""; pointer-events: none; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__cover::before { position: absolute; inset: 0; z-index: 1; background: linear-gradient(105deg, transparent 38%, var(--gloss-sheen) 50%, transparent 62%); transform: translateX(-100%); animation: cloudcard-gloss-sweep 1.6s ease-out .2s 1 forwards; content: ""; pointer-events: none; } @keyframes cloudcard-gloss-sweep {to { transform: translateX(100%); } } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__identity-body, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__identity-body { background: radial-gradient( 100% 46% at 50% 100%, color-mix(in srgb, var(--gloss-tint) 14%, var(--profile-card)), var(--profile-card) 100% ) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__actions { border-radius: .9rem; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action { border: 1px solid color-mix(in srgb, var(--gloss-edge) 70%, var(--profile-border)) !important; background: linear-gradient(180deg, var(--gloss-sheen) 0%, var(--gloss-sheen-soft) 44%, transparent 46%), color-mix(in srgb, var(--profile-soft) var(--gloss-glass), transparent) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 12px 24px -16px var(--gloss-shadow) !important; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible { background: linear-gradient(180deg, var(--gloss-sheen) 0%, var(--gloss-sheen-soft) 50%, transparent 52%), color-mix(in srgb, var(--profile-soft-strong) var(--gloss-glass), transparent) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 18px 32px -16px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action .cloudcard-profile__action-icon { background-image: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 60%) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 6px 14px -8px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__profession, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__eyebrow, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__menu-icon, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action:not(:nth-child(2)) .cloudcard-profile__action-icon { color: var(--gloss-brand-ink) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__specialization, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__swipe-description, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__booking-description, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__menu-description, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__menu-description { color: color-mix(in srgb, var(--profile-muted) 80%, var(--profile-ink)) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__swipe-track { border-color: color-mix(in srgb, var(--gloss-edge) 70%, var(--profile-border)) !important; background: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 60%), color-mix(in srgb, color-mix(in srgb, var(--profile-soft) 45%, var(--profile-card)) 82%, transparent) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 14px 26px -18px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__swipe-handle { background-image: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 60%) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 6px 14px -6px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__booking-status, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__booking-status { border-color: color-mix(in srgb, var(--gloss-edge) 60%, var(--profile-border)) !important; background: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 55%), var(--profile-soft) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 14px 26px -18px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__calendar-link { background-image: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 46%, rgba(4, 18, 32, .06)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--gloss-edge) 60%, transparent), 0 10px 20px -12px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__menu-card, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__content-card, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__content-card { border-color: color-mix(in srgb, var(--gloss-edge) 50%, var(--profile-border)) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 24px 50px -24px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__menu-link, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__menu-link { border-color: color-mix(in srgb, var(--gloss-edge) 60%, var(--profile-border)) !important; background: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 55%), var(--profile-soft) !important; box-shadow: inset 0 1px 0 var(--gloss-edge), 0 12px 24px -18px var(--gloss-shadow) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__menu-chevron { background-image: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 60%) !important; box-shadow: inset 0 1px 0 var(--gloss-edge) !important; } @supports not (backdrop-filter: blur(1px)) {@supports not (-webkit-backdrop-filter: blur(1px)) {body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action { background: linear-gradient(180deg, var(--gloss-sheen) 0%, var(--gloss-sheen-soft) 44%, transparent 46%), var(--profile-soft) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__install { background: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 60%), var(--profile-card) !important; } } } @media (prefers-reduced-transparency: reduce) {body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__actions, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__actions { -webkit-backdrop-filter: none; backdrop-filter: none; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action:hover, body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action:focus-visible { background: linear-gradient(180deg, var(--gloss-sheen) 0%, var(--gloss-sheen-soft) 44%, transparent 46%), var(--profile-soft) !important; } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__install, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__install { background: linear-gradient(180deg, var(--gloss-sheen-soft), transparent 60%), var(--profile-card) !important; } } @media (prefers-reduced-motion: reduce) {body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__cover::before, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__cover::before { animation: none; transform: translateX(100%); } body.theme-ocean-breeze-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-cloud-indigo-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-aqua-frost-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-coastal-teal-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-royal-emerald-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-berry-soft-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-sunny-yellow-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-midnight-gold-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-black-diamond-gloss .cloudcard-profile-page .cloudcard-profile__action, body.theme-pearl-beige-gloss .cloudcard-profile-page .cloudcard-profile__action { transition: none; } }