.home-renewal{--hr-ink: #0a0a0a;--hr-text: #262626;--hr-text-2: #404040;--hr-sub: #525252;--hr-muted: #6b6b6b;--hr-faint: #737373;--hr-dim: #a3a3a3;--hr-card: #ffffff;--hr-card-hover: color-mix(in srgb, var(--hr-card), #0a0a0a 4%);--hr-on-card-hover: var(--hr-hover-2);--hr-on-card-press: var(--hr-press);--hr-logo-ring: var(--hr-line-card);--hr-primary: #0a0a0a;--hr-on-primary: #ffffff;--hr-surface: #ffffff;--hr-subtle: #fafafa;--hr-head: #fcfcfc;--hr-chip: #f7f7f7;--hr-code: #f8f8f8;--hr-track: #f3f3f3;--hr-selected: #f5f5f5;--hr-segment: #ffffff;--hr-track-ring: transparent;--hr-hover-soft: #fafafa;--hr-hover: #f6f6f6;--hr-hover-2: #f0f0f0;--hr-press: #ececec;--hr-raised-hover: color-mix(in srgb, var(--hr-raised), #0a0a0a 4%);--hr-raised-press: color-mix(in srgb, var(--hr-raised), #0a0a0a 7%);--hr-raised-veil: color-mix(in srgb, var(--hr-raised) 72%, transparent);--hr-raised-veil-hover: color-mix(in srgb, var(--hr-raised-hover) 82%, transparent);--hr-raised-veil-press: color-mix(in srgb, var(--hr-raised-press) 88%, transparent);--hr-line: #ededed;--hr-line-row: #f2f2f2;--hr-line-soft: #f0f0f0;--hr-line-card: #ebebeb;--hr-line-btn: #e6e6e6;--hr-line-strong: #dcdcdc;--hr-dot-off: #d4d4d4;--hr-accent: var(--color-primary-default);--hr-accent-tint: color-mix(in srgb, var(--color-primary-default) 10%, transparent);--hr-accent-ink: color-mix(in srgb, var(--color-primary-default) 66%, #000000);--hr-banner: #f2f2f3;--hr-banner-line: transparent;--hr-banner-ink: #0a0a0a;--hr-banner-text: #525252;--hr-banner-btn: #0a0a0a;--hr-banner-btn-ink: #ffffff;--hr-banner-btn-hover: #2b2b2b;--hr-banner-btn-press: #3a3a3a;--hr-banner-ghost-hover: rgba(10, 10, 10, .05);--hr-banner-ghost-press: rgba(10, 10, 10, .08);--hr-banner-photo-blend: overlay;--hr-banner-scrim: linear-gradient( 90deg, rgb(255 255 255 / .82) 0%, rgb(255 255 255 / .6) 32%, rgb(255 255 255 / .12) 62%, rgb(255 255 255 / 0) 100% );--hr-shadow-seg: 0 1px 2px rgba(10, 10, 10, .1);--hr-raised: #ffffff;--hr-shadow-panel: 0 0 0 1px rgba(10, 10, 10, .055), 0 2px 4px -2px rgba(10, 10, 10, .04), 0 12px 24px -10px rgba(10, 10, 10, .08);--hr-shadow-card: 0 0 0 1px rgba(10, 10, 10, .065), 0 1px 2px -1px rgba(10, 10, 10, .07), 0 4px 8px -4px rgba(10, 10, 10, .05);--hr-shadow-card-hover: 0 0 0 1px rgba(10, 10, 10, .1), 0 2px 4px -2px rgba(10, 10, 10, .08), 0 10px 18px -8px rgba(10, 10, 10, .1);--hr-shadow-tile: 0 0 0 1px rgba(10, 10, 10, .07), 0 1px 2px -1px rgba(10, 10, 10, .09), 0 2px 5px -2px rgba(10, 10, 10, .06);--hr-tile: rgba(10, 10, 10, .045);--hr-ring: 0 0 0 1px rgba(10, 10, 10, .075);--hr-shadow-banner: var(--hr-shadow-panel);--hr-shadow-banner-pager: var(--hr-shadow-tile)}.dark .home-renewal{--hr-ink: var(--color-foreground-strong);--hr-text: var(--color-foreground);--hr-text-2: var(--color-foreground-support);--hr-sub: var(--color-foreground-support);--hr-muted: var(--color-foreground-muted);--hr-faint: var(--color-foreground-muted);--hr-dim: var(--color-foreground-assistive);--hr-primary: #f2f2f2;--hr-on-primary: #0a0a0a;--hr-surface: var(--color-background);--hr-subtle: var(--color-background-frame);--hr-head: color-mix(in srgb, var(--color-background), #ffffff 3%);--hr-chip: color-mix(in srgb, var(--color-background), #ffffff 6%);--hr-code: var(--color-background-canvas);--hr-track: var(--color-background-frame);--hr-track-ring: var(--color-border);--hr-segment: color-mix(in srgb, var(--color-background-frame), #ffffff 12%);--hr-selected: color-mix(in srgb, var(--color-background), #ffffff 7%);--hr-hover-soft: color-mix(in srgb, var(--color-background), #ffffff 4%);--hr-hover: color-mix(in srgb, var(--color-background), #ffffff 6%);--hr-hover-2: color-mix(in srgb, var(--color-background), #ffffff 8%);--hr-press: color-mix(in srgb, var(--color-background), #ffffff 9%);--hr-raised-hover: color-mix(in srgb, var(--hr-raised), #ffffff 6%);--hr-raised-press: color-mix(in srgb, var(--hr-raised), #ffffff 9%);--hr-card-hover: color-mix(in srgb, var(--hr-card), #ffffff 6%);--hr-line: var(--color-border);--hr-line-row: var(--color-border);--hr-line-soft: var(--color-border);--hr-line-card: var(--color-border);--hr-line-btn: var(--color-border);--hr-line-strong: var(--color-border-strong);--hr-dot-off: var(--color-foreground-assistive);--hr-accent: var(--color-primary-highlight);--hr-accent-tint: color-mix(in srgb, var(--color-primary-default) 24%, transparent);--hr-accent-ink: var(--color-primary-2);--hr-banner-line: var(--color-border-strong);--hr-banner: #0e0e10;--hr-banner-ink: #ffffff;--hr-banner-text: #a8a8ad;--hr-banner-btn: #ffffff;--hr-banner-btn-ink: #0a0a0a;--hr-banner-btn-hover: #ededed;--hr-banner-btn-press: #e2e2e2;--hr-banner-ghost-hover: rgba(255, 255, 255, .1);--hr-banner-ghost-press: rgba(255, 255, 255, .15);--hr-banner-photo-blend: normal;--hr-banner-scrim: linear-gradient(90deg, rgb(8 8 10 / .92) 0%, rgb(8 8 10 / .78) 32%, rgb(8 8 10 / .38) 62%, rgb(8 8 10 / .2) 100%), linear-gradient(180deg, rgb(8 8 10 / .25) 0%, transparent 35%, transparent 65%, rgb(8 8 10 / .35) 100%);--hr-shadow-seg: 0 1px 2px rgba(0, 0, 0, .45);--hr-raised: color-mix(in srgb, var(--color-background), #ffffff 11%);--hr-shadow-panel: 0 0 0 1px rgba(255, 255, 255, .08), 0 2px 4px -2px rgba(0, 0, 0, .3), 0 12px 24px -10px rgba(0, 0, 0, .45);--hr-shadow-card: 0 0 0 1px rgba(255, 255, 255, .08), 0 1px 2px -1px rgba(0, 0, 0, .4), 0 4px 8px -4px rgba(0, 0, 0, .35);--hr-shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .14), 0 2px 4px -2px rgba(0, 0, 0, .45), 0 10px 18px -8px rgba(0, 0, 0, .5);--hr-shadow-tile: 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 2px -1px rgba(0, 0, 0, .5), 0 2px 5px -2px rgba(0, 0, 0, .4);--hr-tile: rgba(255, 255, 255, .07);--hr-ring: 0 0 0 1px var(--shell-dark-line);--hr-shadow-banner: 0 0 0 1px var(--shell-dark-line-banner), 0 2px 4px -2px rgba(0, 0, 0, .3), 0 12px 24px -10px rgba(0, 0, 0, .45);--hr-shadow-banner-pager: 0 0 0 1px var(--shell-dark-line-banner), 0 1px 2px -1px rgba(0, 0, 0, .5), 0 2px 5px -2px rgba(0, 0, 0, .4);--hr-logo-ring: rgba(255, 255, 255, .16)}.dark .app-shell-dark .home-renewal{--hr-card: var(--color-background-frame);--hr-card-hover: color-mix(in srgb, var(--hr-card), #ffffff 6%);--hr-head: color-mix(in srgb, var(--hr-card), #ffffff 3%);--hr-on-card-hover: color-mix(in srgb, var(--hr-card), #ffffff 10%);--hr-on-card-press: color-mix(in srgb, var(--hr-card), #ffffff 13%);--hr-raised: var(--hr-card)}@layer base{.home-renewal :where(button,a,[tabindex]):focus-visible{outline:2px solid var(--hr-ink);outline-offset:2px}}.home-renewal .hr-row-menu [aria-haspopup][data-hovered]{background-color:var(--hr-on-card-hover)}.home-renewal .hr-row-menu [aria-haspopup][data-pressed]{background-color:var(--hr-on-card-press)}.home-renewal .hr-slide{transition:opacity .2s ease,transform .2s ease}.home-renewal .hr-mosaic-cell{transition:background-color .42s ease}@keyframes hr-connectors-flow{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.home-renewal .hr-connectors-window[data-flow=true]{-webkit-mask-image:linear-gradient(to right,transparent,#000 6px,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(to right,transparent,#000 6px,#000 calc(100% - 8px),transparent)}.home-renewal .hr-connectors-flow{animation-name:hr-connectors-flow;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.home-renewal .hr-connectors-pill:hover .hr-connectors-flow,.home-renewal .hr-connectors-pill:focus-visible .hr-connectors-flow,.home-renewal .hr-connectors-flow[data-paused=true]{animation-play-state:paused}.home-renewal .hr-tour-strip{background:color-mix(in srgb,var(--hr-accent) 14%,var(--hr-line-card))}.home-renewal .hr-tour-strip:before{content:"";position:absolute;top:50%;left:50%;z-index:0;width:150%;aspect-ratio:1;translate:-50% -50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg 250deg,color-mix(in srgb,var(--hr-accent) 40%,transparent) 320deg,color-mix(in srgb,var(--hr-accent) 85%,transparent) 352deg,transparent 360deg);animation:hr-tour-orbit 7s linear infinite;will-change:rotate}.dark .home-renewal .hr-tour-strip{background:color-mix(in srgb,var(--hr-accent) 18%,var(--hr-line-card))}.dark .home-renewal .hr-tour-strip:before{background:conic-gradient(from 0deg,transparent 0deg 230deg,color-mix(in srgb,var(--hr-accent) 55%,transparent) 310deg,var(--hr-accent) 352deg,transparent 360deg)}@keyframes hr-tour-orbit{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.home-renewal .hr-tour-strip{background:color-mix(in srgb,var(--hr-accent) 35%,var(--hr-line-card))}.home-renewal .hr-tour-strip:before{display:none}.home-renewal .hr-slide,.home-renewal .hr-mosaic-cell{transition:none}.home-renewal .hr-connectors-flow{animation:none}}
