.otf-public-home :is(.otf-tone-green,.otf-tone-brown,.otf-tone-black,.otf-tone-light){position:relative;border-top:1px solid var(--otf-public-line);border-bottom:0;color:var(--otf-public-ivory);background:var(--otf-public-canvas)}.otf-public-home :is(.otf-tone-green,.otf-tone-brown,.otf-tone-black,.otf-tone-light)+:not([class*=otf-tone-]){border-top:1px solid var(--otf-public-line)}.otf-public-home :is(.otf-tour,.otf-story,.otf-fan,.otf-walkthrough,.otf-demo,.otf-press-timeline,.otf-public-features,.otf-fp-block,.otf-live,.otf-public-safety,.otf-public-split,.otf-public-stats,.public-home-faq,.otf-sources-week,.otf-sources-kind,.otf-live-device):is(.otf-tone-green,.otf-tone-brown,.otf-tone-black,.otf-tone-light){width:100%;max-width:none;margin-inline:0;padding-inline:max(var(--otf-inset, 16px),calc((100% - var(--otf-canvas-max, 1440px)) / 2 + var(--otf-inset, 16px)))}.otf-public-home .otf-island.otf-tone-green{background:radial-gradient(90% 60% at 50% 18%,rgba(255,240,214,.12),transparent 70%),radial-gradient(60% 50% at 80% 90%,rgba(4,30,25,.5),transparent 70%),var(--otf-public-canvas)}.otf-public-home .otf-public-safety:is(.otf-tone-green,.otf-tone-brown,.otf-tone-black){background:radial-gradient(36% 130% at 26% 50%,rgba(255,240,214,.1),transparent 70%),var(--otf-public-canvas)}.otf-public-home .otf-tone-green{--otf-public-canvas: #175e54;--otf-public-canvas-deep: #0c3a33;--otf-public-raised: #1f6d62;--otf-public-surface: #124c44;--otf-public-surface-strong: #0e3f38;--otf-public-muted: #d4ece3;--otf-public-sand: #f1e2b4;--otf-public-amber: #fcd38f;--otf-public-live: #b9f3cc;--otf-public-red: #0e3f38;--otf-public-line: rgba(220, 255, 240, .2);--otf-public-shadow: rgba(4, 30, 25, .45)}.otf-public-home .otf-tone-brown{--otf-public-canvas: #5d4b3c;--otf-public-canvas-deep: #3a2e25;--otf-public-raised: #6b5746;--otf-public-surface: #4e3e31;--otf-public-surface-strong: #42352a;--otf-public-muted: #efdecd;--otf-public-sand: #f3d9a6;--otf-public-amber: #fcd38f;--otf-public-live: #a9ecc0;--otf-public-red: #42352a;--otf-public-line: rgba(255, 240, 222, .2);--otf-public-shadow: rgba(30, 20, 12, .45)}.otf-public-home .otf-tone-black{--otf-public-canvas: #2e2d29;--otf-public-canvas-deep: #1c1b19;--otf-public-raised: #3a3934;--otf-public-surface: #383732;--otf-public-surface-strong: #44433d;--otf-public-muted: #ddd6cb;--otf-public-sand: #e9d8a6;--otf-public-amber: #fcc687;--otf-public-live: #94e7b1;--otf-public-red: #8c1515;--otf-public-line: rgba(255, 250, 240, .16);--otf-public-shadow: rgba(0, 0, 0, .5)}.otf-public-home .otf-tone-light{--otf-public-canvas: #f7f1e6;--otf-public-canvas-deep: #ece3d3;--otf-public-raised: #ffffff;--otf-public-surface: #ffffff;--otf-public-surface-strong: #efe6d6;--otf-public-ivory: #2e2d29;--otf-public-muted: #5b5249;--otf-public-sand: #8c1515;--otf-public-amber: #8a4f00;--otf-public-live: #175e54;--otf-public-red: #8c1515;--otf-public-green: #175e54;--otf-public-line: rgba(46, 45, 41, .14);--otf-public-action: #8c1515;--otf-public-action-hover: #b1040e;--otf-public-action-ink: #fffaf0;--otf-public-shadow: rgba(46, 45, 41, .16)}.otf-public-home .otf-tone-light :is(.otf-public-section-head>p:last-child,.otf-public-split p,.otf-fp-lede,.otf-live-empty){color:var(--otf-public-muted)}.otf-public-home .otf-tone-light :is(.otf-public-feature,.otf-live-card,.otf-fp-card,.otf-public-stat){box-shadow:0 1px #2e2d290a,0 14px 34px -18px var(--otf-public-shadow)}.otf-public-home .otf-tone-light .otf-public-eyebrow>span{background:var(--otf-public-live);box-shadow:0 0 0 4px #175e5429}.otf-public-home .otf-tone-light :is(.otf-explore-chip,.otf-live-refresh,.otf-fp-more-link,.otf-fp-links a,.otf-fp-chips li){color:var(--otf-public-ivory);background:#2e2d290a}.otf-public-home .otf-tone-light .otf-explore-chip[aria-pressed=true]{color:#fffaf0;background:#2e2d29;border-color:#2e2d29}.otf-public-home .otf-tone-light :is(.otf-public-button.secondary,.otf-glass-button:not(.primary)){color:var(--otf-public-ivory);background:#2e2d290f;border-color:#2e2d292e}@media(prefers-contrast:more){.otf-public-home :is(.otf-tone-green,.otf-tone-brown,.otf-tone-black){--otf-public-muted: #fff4ea;--otf-public-line: rgba(255, 250, 240, .4)}.otf-public-home .otf-tone-light{--otf-public-muted: #2e2d29;--otf-public-line: rgba(46, 45, 41, .4)}}
/*# sourceMappingURL=tones.css.map */