body{margin:0}:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]){display:block;font-family:Roobert,Arial,sans-serif;color:#000;background:white;font-size:16px;line-height:normal;letter-spacing:normal}:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) *, :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) *::before, :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) *::after{box-sizing:border-box}:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :where(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select){font:inherit;color:inherit;letter-spacing:inherit;text-transform:none}@font-face { font-family: "Roobert"; src: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae306e502fc961e46551_fonts__Roobert-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; } @font-face { font-family: "Roobert"; src: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae30c2c862820f7f9bdd_fonts__Roobert-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; } @font-face { font-family: "Roobert"; src: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae3006368e1e74ec2224_fonts__Roobert-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; } @font-face { font-family: "Inter"; src: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a6b7a0526aa9c1099f117dd_dock-ai-Inter-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]){ --ds-ink: #121722; --ds-ink-80: rgba(18, 23, 34, 0.8); --ds-ink-50: rgba(18, 23, 34, 0.5); --ds-white: #ffffff; --ds-white-60: rgba(255, 255, 255, 0.6); --ds-blue: #0068f9; --ds-blue-hover: #1372ff; --ds-blue-active: #005fe4; --ds-sky: #56bdff; --ds-bg: #ffffff; --ds-surface-tint: #faf9f7; --ds-surface-chip: #f5f1ea; --ds-surface-chip-neutral: rgba(224, 231, 235, 0.4); --ds-surface-gray: #f4f4f4; --ds-border: #e3ddd1; --ds-ring: rgba(18, 23, 34, 0.15); --ds-dot-idle: rgba(169, 186, 197, 0.31); --ds-shadow-btn: 0 0.5px 1px 0 rgba(0, 0, 0, 0.25); --ds-shadow-btn-primary-inset: inset 0 -1px 0 0 rgba(11, 68, 147, 0.22), inset 0 0 0 0.5px rgba(11, 68, 147, 0.25); --ds-ring-card: 0 0 0 0.5px rgba(0, 0, 0, 0.25); --ds-ring-section: inset 0 0 0 0.5px rgba(0, 0, 0, 0.05); --ds-shadow-window: 0 0 0 0.969px rgba(0, 0, 0, 0.1), 0 16.48px 17.45px -11.633px rgba(0, 0, 0, 0.08); --ds-radius-xs: 4px; --ds-radius-sm: 6px; --ds-radius-md: 16px; --ds-radius-lg: 26px; --ds-radius-pill: 100px; --ds-font: "Roobert", sans-serif; --ds-font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; --ds-section-gap: 216px; --ds-heading-gap: 56px; --ds-grid-gap: 16px; --ds-page-max: 1728px; --ds-content-max: 1712px; --ds-page-gutter: 32px; --ds-heading-indent: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ds-container,[data-home-v2-classes~="ds-container"]){ width: calc(100% - 2 * var(--ds-page-gutter)); max-width: var(--ds-content-max); margin-left: auto; margin-right: auto; } @media (max-width: 800px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]){ --ds-page-gutter: 16px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h1{ font-weight: 500; font-size: 60px; line-height: 64px; letter-spacing: -0.01em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h2{ font-weight: 500; font-size: 40px; line-height: 46px; letter-spacing: -0.01em; color: var(--ds-ink); text-wrap: balance; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h2 .ds-h2-lead{ font-weight: 600; display: block; margin-bottom: 16px; letter-spacing: -0.004em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h2 .ds-h2-lead:last-child{ margin-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-body-lg{ font-weight: 400; font-size: 18px; line-height: 28px; color: var(--ds-ink); text-wrap: pretty; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card{ position: relative; background: var(--ds-surface-tint); border-radius: var(--ds-radius-md); overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-title{ font-weight: 500; font-size: 24px; line-height: 32px; color: var(--ds-ink); text-wrap: balance; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-body{ font-weight: 400; font-size: 18px; line-height: 28px; color: var(--ds-ink); text-wrap: pretty; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card--stat{ background: var(--ds-bg); border: 0.5px solid #ece8e0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.ds-card{ display: block; color: inherit; text-decoration: none; cursor: pointer; transition: box-shadow 0.2s ease, transform 0.2s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.ds-card--stat:hover{ background: var(--ds-surface-tint); border-color: transparent; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.ds-card:hover .ds-arrow-chip,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.ds-card--stat:hover .ds-arrow-chip{ background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-stat-value{ font-weight: 600; font-size: 48px; line-height: 52px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-stat-label{ font-weight: 500; font-size: 48px; line-height: 52px; color: var(--ds-ink); text-wrap: balance; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-arrow-chip{ width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--ds-radius-pill); background: #fff; box-shadow: 0 0 0 1px rgba(18, 23, 34, 0.05); transform: rotate(-45deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-arrow-chip img{ width: 12px; height: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card--stat .ds-arrow-chip{ background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-grid{ display: flex; gap: var(--ds-grid-gap); width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-grid > *{ flex: 1 1 0; min-width: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ds-section,[data-home-v2-classes~="ds-section"]){ margin-top: var(--ds-section-gap); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-section-heading{ max-width: 1060px; padding-left: var(--ds-heading-indent); margin-bottom: var(--ds-heading-gap); } @media (max-width: 1024px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h1{ font-size: 44px; line-height: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h2{ font-size: 30px; line-height: 36px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]){ --ds-section-gap: 120px; --ds-heading-gap: 36px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-section-heading{ padding-left: 24px; }} @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h1{ font-size: 36px; line-height: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-h2{ font-size: 26px; line-height: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]){ --ds-section-gap: 88px; --ds-heading-gap: 28px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-grid{ flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-grid > *{ flex: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]):is(.fg-hero,[data-home-v2-classes~="fg-hero"]).sp-hero{ height: auto; min-height: 740px; align-items: stretch; background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-ctas .btn,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta .btn{ height: 40px; font-size: 17px; line-height: 22px; padding: 7px 20px 9px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sp-hero-right{ position: relative; flex: 1 1 50%; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 64px 48px; background: var(--ds-blue); overflow: hidden; border-radius: var(--ds-radius-md) 0 0 var(--ds-radius-md); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sp-hero-right::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(18, 23, 34, 0.23) 1.7px, rgba(18, 23, 34, 0) 2.15px); background-size: var(--dotx, 20.6px) var(--doty, 20.6px); background-position: 0 0; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sp-hero-right::after{ content: ""; position: absolute; inset: 0; background: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae30f805f175ad55a281_img__figma__grain-256.webp"); background-image: image-set(url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae3033999a0a82270a51_img__figma__grain-256.avif") type("image/avif"), url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae30f805f175ad55a281_img__figma__grain-256.webp") type("image/webp")); background-size: 256px 256px; mix-blend-mode: soft-light; opacity: 0.2; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab .ts-desc ul{ margin: 0; padding: 0; list-style: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab .ts-desc li{ padding: 2px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab .ts-desc li::before{ content: "— "; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-grid + .ds-card-grid{ margin-top: var(--ds-grid-gap); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cta-arrow{ flex-shrink: 0; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--ds-ink); transition: transform 0.15s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cta-arrow img{ width: 15px; height: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer{ margin-top: var(--ds-section-gap); padding: 88px 0 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]) + .ds-footer{ margin-top: 88px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer > :is(.ds-container,[data-home-v2-classes~="ds-container"]){ border-top: 0.5px solid var(--ds-border); padding-top: 88px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer{ padding-top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-grid{ display: grid; grid-template-columns: minmax(64px, 1fr) repeat(6, max-content) minmax(160px, 1fr); justify-content: space-between; gap: 40px 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-brand img{ width: 30px; height: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-col{ min-width: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-heading{ margin-bottom: 16px; font-weight: 600; font-size: 15px; line-height: 20px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-col a{ display: block; padding: 8px 0; font-weight: 400; font-size: 15px; line-height: 20px; color: var(--ds-ink); text-decoration: none; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-col a:hover{ color: var(--ds-blue); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-badges{ grid-column: 2 / -1; display: flex; gap: 8px; margin-top: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-badge{ display: inline-flex; align-items: center; gap: 7px; padding: 5px 13px 6px 11px; background: var(--ds-white); border-radius: var(--ds-radius-pill); box-shadow: inset 0 0 0 0.5px var(--ds-ring); font-weight: 500; font-size: 13.5px; letter-spacing: 0.02em; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-badge:has(.trust-gdpr){ padding-left: 4.25px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .trust-ico{ display: inline-block; flex-shrink: 0; background: var(--ds-ink); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .trust-soc{ width: 19.2px; height: 11px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.375%2013.965%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%200%205.658%20L%202.171%200.125%20L%203.697%200.125%20L%205.868%205.658%20L%204.528%205.658%20L%204.087%204.48%20L%201.773%204.48%20L%201.331%205.658%20Z%20M%202.137%203.507%20L%203.731%203.507%20L%202.934%201.371%20Z%20M%206.369%200.125%20L%207.658%200.125%20L%207.658%205.658%20L%206.369%205.658%20Z%20M%2013.746%203.662%20C%2013.5%205.003%2012.568%205.782%2011.125%205.782%20C%209.345%205.782%208.227%204.543%208.227%202.898%20C%208.227%201.255%209.345%200%2011.125%200%20C%2012.508%200%2013.458%200.748%2013.72%202.026%20L%2012.381%202.08%20C%2012.228%201.387%2011.761%200.997%2011.101%200.997%20C%2010.04%200.997%209.549%201.816%209.549%202.898%20C%209.549%203.974%2010.049%204.785%2011.101%204.785%20C%2011.804%204.785%2012.262%204.364%2012.397%203.616%20Z%20M%2016.686%200.125%20C%2018.127%200.125%2019%200.81%2019%201.933%20C%2019%203.055%2018.127%203.748%2016.686%203.748%20L%2015.566%203.748%20L%2015.566%205.658%20L%2014.278%205.658%20L%2014.278%200.125%20Z%20M%2015.566%202.751%20L%2016.609%202.751%20C%2017.287%202.751%2017.678%202.47%2017.678%201.933%20C%2017.678%201.395%2017.287%201.122%2016.609%201.122%20L%2015.566%201.122%20Z%20M%2018.508%205.658%20L%2020.678%200.125%20L%2022.204%200.125%20L%2024.375%205.658%20L%2023.035%205.658%20L%2022.594%204.48%20L%2020.279%204.48%20L%2019.839%205.658%20Z%20M%2020.644%203.507%20L%2022.238%203.507%20L%2021.442%201.371%20Z%20M%202.424%2011.962%20C%202.535%2012.554%202.993%2012.944%203.748%2012.944%20C%204.324%2012.944%204.714%2012.734%204.706%2012.328%20C%204.698%2011.923%204.324%2011.689%203.383%2011.479%20C%202.077%2011.19%201.237%2010.707%201.237%209.819%20C%201.237%208.813%202.153%208.183%203.527%208.183%20C%204.867%208.183%205.783%208.938%205.926%2010.053%20L%204.637%2010.115%20C%204.57%209.531%204.129%209.164%203.493%209.164%20C%202.934%209.164%202.535%209.429%202.561%209.834%20C%202.578%2010.302%203.171%2010.458%203.815%2010.606%20C%205.164%2010.879%206.02%2011.408%206.02%2012.289%20C%206.02%2013.341%205.011%2013.934%203.713%2013.934%20C%202.246%2013.934%201.213%2013.186%201.128%2012.016%20Z%20M%209.383%2013.965%20C%207.552%2013.965%206.458%2012.858%206.458%2011.081%20C%206.458%209.289%207.552%208.183%209.383%208.183%20C%2011.214%208.183%2012.317%209.289%2012.317%2011.081%20C%2012.317%2012.858%2011.214%2013.965%209.383%2013.965%20Z%20M%207.79%2011.081%20C%207.79%2012.266%208.383%2012.967%209.383%2012.967%20C%2010.401%2012.967%2010.986%2012.266%2010.986%2011.081%20C%2010.986%209.889%2010.401%209.18%209.383%209.18%20C%208.383%209.18%207.79%209.889%207.79%2011.081%20Z%20M%2018.188%2011.845%20C%2017.943%2013.186%2017.01%2013.965%2015.568%2013.965%20C%2013.787%2013.965%2012.669%2012.726%2012.669%2011.081%20C%2012.669%209.437%2013.787%208.183%2015.568%208.183%20C%2016.951%208.183%2017.9%208.931%2018.162%2010.208%20L%2016.823%2010.263%20C%2016.671%209.57%2016.204%209.18%2015.543%209.18%20C%2014.483%209.18%2013.991%209.998%2013.991%2011.081%20C%2013.991%2012.156%2014.492%2012.967%2015.543%2012.967%20C%2016.246%2012.967%2016.704%2012.547%2016.84%2011.798%20Z%20M%2018.676%2010.068%20C%2018.778%208.977%2019.677%208.183%2021.008%208.183%20C%2022.272%208.183%2023.179%208.892%2023.179%209.865%20C%2023.179%2010.715%2022.441%2011.206%2021.619%2011.643%20C%2021.287%2011.814%2020.237%2012.39%2020.202%2012.843%20L%2023.195%2012.843%20L%2023.195%2013.84%20L%2018.634%2013.84%20C%2018.634%2012.219%2019.626%2011.479%2020.855%2010.84%20C%2021.465%2010.497%2021.856%2010.208%2021.856%209.85%20C%2021.856%209.461%2021.508%209.18%2021.008%209.18%20C%2020.465%209.18%2020.109%209.523%2019.999%2010.138%20Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.375%2013.965%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%200%205.658%20L%202.171%200.125%20L%203.697%200.125%20L%205.868%205.658%20L%204.528%205.658%20L%204.087%204.48%20L%201.773%204.48%20L%201.331%205.658%20Z%20M%202.137%203.507%20L%203.731%203.507%20L%202.934%201.371%20Z%20M%206.369%200.125%20L%207.658%200.125%20L%207.658%205.658%20L%206.369%205.658%20Z%20M%2013.746%203.662%20C%2013.5%205.003%2012.568%205.782%2011.125%205.782%20C%209.345%205.782%208.227%204.543%208.227%202.898%20C%208.227%201.255%209.345%200%2011.125%200%20C%2012.508%200%2013.458%200.748%2013.72%202.026%20L%2012.381%202.08%20C%2012.228%201.387%2011.761%200.997%2011.101%200.997%20C%2010.04%200.997%209.549%201.816%209.549%202.898%20C%209.549%203.974%2010.049%204.785%2011.101%204.785%20C%2011.804%204.785%2012.262%204.364%2012.397%203.616%20Z%20M%2016.686%200.125%20C%2018.127%200.125%2019%200.81%2019%201.933%20C%2019%203.055%2018.127%203.748%2016.686%203.748%20L%2015.566%203.748%20L%2015.566%205.658%20L%2014.278%205.658%20L%2014.278%200.125%20Z%20M%2015.566%202.751%20L%2016.609%202.751%20C%2017.287%202.751%2017.678%202.47%2017.678%201.933%20C%2017.678%201.395%2017.287%201.122%2016.609%201.122%20L%2015.566%201.122%20Z%20M%2018.508%205.658%20L%2020.678%200.125%20L%2022.204%200.125%20L%2024.375%205.658%20L%2023.035%205.658%20L%2022.594%204.48%20L%2020.279%204.48%20L%2019.839%205.658%20Z%20M%2020.644%203.507%20L%2022.238%203.507%20L%2021.442%201.371%20Z%20M%202.424%2011.962%20C%202.535%2012.554%202.993%2012.944%203.748%2012.944%20C%204.324%2012.944%204.714%2012.734%204.706%2012.328%20C%204.698%2011.923%204.324%2011.689%203.383%2011.479%20C%202.077%2011.19%201.237%2010.707%201.237%209.819%20C%201.237%208.813%202.153%208.183%203.527%208.183%20C%204.867%208.183%205.783%208.938%205.926%2010.053%20L%204.637%2010.115%20C%204.57%209.531%204.129%209.164%203.493%209.164%20C%202.934%209.164%202.535%209.429%202.561%209.834%20C%202.578%2010.302%203.171%2010.458%203.815%2010.606%20C%205.164%2010.879%206.02%2011.408%206.02%2012.289%20C%206.02%2013.341%205.011%2013.934%203.713%2013.934%20C%202.246%2013.934%201.213%2013.186%201.128%2012.016%20Z%20M%209.383%2013.965%20C%207.552%2013.965%206.458%2012.858%206.458%2011.081%20C%206.458%209.289%207.552%208.183%209.383%208.183%20C%2011.214%208.183%2012.317%209.289%2012.317%2011.081%20C%2012.317%2012.858%2011.214%2013.965%209.383%2013.965%20Z%20M%207.79%2011.081%20C%207.79%2012.266%208.383%2012.967%209.383%2012.967%20C%2010.401%2012.967%2010.986%2012.266%2010.986%2011.081%20C%2010.986%209.889%2010.401%209.18%209.383%209.18%20C%208.383%209.18%207.79%209.889%207.79%2011.081%20Z%20M%2018.188%2011.845%20C%2017.943%2013.186%2017.01%2013.965%2015.568%2013.965%20C%2013.787%2013.965%2012.669%2012.726%2012.669%2011.081%20C%2012.669%209.437%2013.787%208.183%2015.568%208.183%20C%2016.951%208.183%2017.9%208.931%2018.162%2010.208%20L%2016.823%2010.263%20C%2016.671%209.57%2016.204%209.18%2015.543%209.18%20C%2014.483%209.18%2013.991%209.998%2013.991%2011.081%20C%2013.991%2012.156%2014.492%2012.967%2015.543%2012.967%20C%2016.246%2012.967%2016.704%2012.547%2016.84%2011.798%20Z%20M%2018.676%2010.068%20C%2018.778%208.977%2019.677%208.183%2021.008%208.183%20C%2022.272%208.183%2023.179%208.892%2023.179%209.865%20C%2023.179%2010.715%2022.441%2011.206%2021.619%2011.643%20C%2021.287%2011.814%2020.237%2012.39%2020.202%2012.843%20L%2023.195%2012.843%20L%2023.195%2013.84%20L%2018.634%2013.84%20C%2018.634%2012.219%2019.626%2011.479%2020.855%2010.84%20C%2021.465%2010.497%2021.856%2010.208%2021.856%209.85%20C%2021.856%209.461%2021.508%209.18%2021.008%209.18%20C%2020.465%209.18%2020.109%209.523%2019.999%2010.138%20Z%22%2F%3E%3C%2Fsvg%3E"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .trust-gdpr{ width: 19.4px; height: 19px; margin-top: -1.5px; margin-bottom: -2.5px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.449%2021%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%206.75%2012.937%20L%206.197%2012.937%20L%206.15%2012.343%20C%205.936%2012.762%205.454%2013.03%204.871%2013.03%20C%203.676%2013.03%202.891%2012.105%202.891%2010.876%20C%202.891%209.648%203.676%208.711%204.925%208.711%20C%205.882%208.711%206.536%209.264%206.738%2010.16%20L%205.799%2010.201%20C%205.686%209.73%205.383%209.456%204.907%209.456%20C%204.164%209.456%203.819%2010.067%203.819%2010.876%20C%203.819%2011.68%204.17%2012.285%204.907%2012.285%20C%205.454%2012.285%205.763%2011.942%205.835%2011.435%20L%204.901%2011.435%20L%204.901%2010.783%20L%206.75%2010.783%20Z%20M%208.684%208.804%20C%2010.052%208.804%2010.819%209.549%2010.819%2010.876%20C%2010.819%2012.198%2010.064%2012.937%208.72%2012.937%20L%207.228%2012.937%20L%207.228%208.804%20Z%20M%208.131%2012.192%20L%208.684%2012.192%20C%209.505%2012.192%209.897%2011.767%209.897%2010.87%20C%209.897%209.974%209.505%209.549%208.684%209.549%20L%208.131%209.549%20Z%20M%2012.865%208.804%20C%2013.876%208.804%2014.488%209.316%2014.488%2010.154%20C%2014.488%2010.993%2013.876%2011.511%2012.865%2011.511%20L%2012.08%2011.511%20L%2012.08%2012.937%20L%2011.176%2012.937%20L%2011.176%208.804%20Z%20M%2012.08%2010.766%20L%2012.811%2010.766%20C%2013.287%2010.766%2013.561%2010.556%2013.561%2010.154%20C%2013.561%209.753%2013.287%209.549%2012.811%209.549%20L%2012.08%209.549%20Z%20M%2016.777%208.804%20C%2017.651%208.804%2018.293%209.246%2018.293%2010.044%20C%2018.293%2010.568%2017.984%2010.923%2017.526%2011.039%20C%2017.978%2011.092%2018.192%2011.301%2018.228%2011.749%20L%2018.335%2012.937%20L%2017.425%2012.937%20L%2017.342%2011.901%20C%2017.312%2011.54%2017.116%2011.423%2016.623%2011.423%20L%2015.832%2011.423%20L%2015.832%2012.937%20L%2014.928%2012.937%20L%2014.928%208.804%20Z%20M%2015.832%2010.684%20L%2016.646%2010.684%20C%2017.11%2010.684%2017.366%2010.48%2017.366%2010.12%20C%2017.366%209.753%2017.116%209.549%2016.646%209.549%20L%2015.832%209.549%20Z%22%2F%3E%3Cpath%20d%3D%22M%2010.801%201.05%20L%2011.115%201.583%20L%2011.759%201.695%20L%2011.309%202.136%20L%2011.393%202.737%20L%2010.801%202.477%20L%2010.209%202.737%20L%2010.294%202.136%20L%209.844%201.695%20L%2010.488%201.583%20Z%20M%206.971%202.175%20L%207.285%202.708%20L%207.928%202.819%20L%207.479%203.26%20L%207.563%203.862%20L%206.971%203.602%20L%206.38%203.862%20L%206.464%203.261%20L%206.013%202.82%20L%206.657%202.708%20Z%20M%203.907%204.613%20L%204.221%205.146%20L%204.864%205.257%20L%204.414%205.698%20L%204.499%206.3%20L%203.907%206.04%20L%203.315%206.3%20L%203.399%205.698%20L%202.949%205.257%20L%203.593%205.146%20Z%20M%2017.696%204.613%20L%2018.009%205.146%20L%2018.653%205.257%20L%2018.204%205.698%20L%2018.288%206.3%20L%2017.696%206.04%20L%2017.104%206.3%20L%2017.188%205.698%20L%2016.738%205.257%20L%2017.382%205.146%20Z%20M%2014.632%202.175%20L%2014.945%202.708%20L%2015.589%202.819%20L%2015.139%203.26%20L%2015.224%203.862%20L%2014.632%203.602%20L%2014.04%203.862%20L%2014.124%203.261%20L%2013.674%202.82%20L%2014.318%202.708%20Z%20M%2010.801%2018.112%20L%2011.115%2018.645%20L%2011.759%2018.757%20L%2011.309%2019.198%20L%2011.393%2019.8%20L%2010.801%2019.539%20L%2010.209%2019.8%20L%2010.294%2019.198%20L%209.844%2018.757%20L%2010.488%2018.645%20Z%20M%206.971%2016.987%20L%207.285%2017.52%20L%207.928%2017.632%20L%207.479%2018.073%20L%207.563%2018.675%20L%206.971%2018.415%20L%206.38%2018.675%20L%206.464%2018.073%20L%206.013%2017.632%20L%206.657%2017.52%20Z%20M%203.907%2014.55%20L%204.221%2015.083%20L%204.864%2015.195%20L%204.414%2015.636%20L%204.499%2016.237%20L%203.907%2015.977%20L%203.315%2016.237%20L%203.399%2015.636%20L%202.949%2015.195%20L%203.593%2015.083%20Z%20M%2017.696%2014.55%20L%2018.009%2015.083%20L%2018.653%2015.195%20L%2018.204%2015.636%20L%2018.288%2016.237%20L%2017.696%2015.977%20L%2017.104%2016.237%20L%2017.188%2015.636%20L%2016.738%2015.195%20L%2017.382%2015.083%20Z%20M%2014.632%2016.987%20L%2014.945%2017.52%20L%2015.589%2017.632%20L%2015.139%2018.073%20L%2015.224%2018.675%20L%2014.632%2018.415%20L%2014.04%2018.675%20L%2014.124%2018.073%20L%2013.674%2017.632%20L%2014.318%2017.52%20Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.449%2021%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%206.75%2012.937%20L%206.197%2012.937%20L%206.15%2012.343%20C%205.936%2012.762%205.454%2013.03%204.871%2013.03%20C%203.676%2013.03%202.891%2012.105%202.891%2010.876%20C%202.891%209.648%203.676%208.711%204.925%208.711%20C%205.882%208.711%206.536%209.264%206.738%2010.16%20L%205.799%2010.201%20C%205.686%209.73%205.383%209.456%204.907%209.456%20C%204.164%209.456%203.819%2010.067%203.819%2010.876%20C%203.819%2011.68%204.17%2012.285%204.907%2012.285%20C%205.454%2012.285%205.763%2011.942%205.835%2011.435%20L%204.901%2011.435%20L%204.901%2010.783%20L%206.75%2010.783%20Z%20M%208.684%208.804%20C%2010.052%208.804%2010.819%209.549%2010.819%2010.876%20C%2010.819%2012.198%2010.064%2012.937%208.72%2012.937%20L%207.228%2012.937%20L%207.228%208.804%20Z%20M%208.131%2012.192%20L%208.684%2012.192%20C%209.505%2012.192%209.897%2011.767%209.897%2010.87%20C%209.897%209.974%209.505%209.549%208.684%209.549%20L%208.131%209.549%20Z%20M%2012.865%208.804%20C%2013.876%208.804%2014.488%209.316%2014.488%2010.154%20C%2014.488%2010.993%2013.876%2011.511%2012.865%2011.511%20L%2012.08%2011.511%20L%2012.08%2012.937%20L%2011.176%2012.937%20L%2011.176%208.804%20Z%20M%2012.08%2010.766%20L%2012.811%2010.766%20C%2013.287%2010.766%2013.561%2010.556%2013.561%2010.154%20C%2013.561%209.753%2013.287%209.549%2012.811%209.549%20L%2012.08%209.549%20Z%20M%2016.777%208.804%20C%2017.651%208.804%2018.293%209.246%2018.293%2010.044%20C%2018.293%2010.568%2017.984%2010.923%2017.526%2011.039%20C%2017.978%2011.092%2018.192%2011.301%2018.228%2011.749%20L%2018.335%2012.937%20L%2017.425%2012.937%20L%2017.342%2011.901%20C%2017.312%2011.54%2017.116%2011.423%2016.623%2011.423%20L%2015.832%2011.423%20L%2015.832%2012.937%20L%2014.928%2012.937%20L%2014.928%208.804%20Z%20M%2015.832%2010.684%20L%2016.646%2010.684%20C%2017.11%2010.684%2017.366%2010.48%2017.366%2010.12%20C%2017.366%209.753%2017.116%209.549%2016.646%209.549%20L%2015.832%209.549%20Z%22%2F%3E%3Cpath%20d%3D%22M%2010.801%201.05%20L%2011.115%201.583%20L%2011.759%201.695%20L%2011.309%202.136%20L%2011.393%202.737%20L%2010.801%202.477%20L%2010.209%202.737%20L%2010.294%202.136%20L%209.844%201.695%20L%2010.488%201.583%20Z%20M%206.971%202.175%20L%207.285%202.708%20L%207.928%202.819%20L%207.479%203.26%20L%207.563%203.862%20L%206.971%203.602%20L%206.38%203.862%20L%206.464%203.261%20L%206.013%202.82%20L%206.657%202.708%20Z%20M%203.907%204.613%20L%204.221%205.146%20L%204.864%205.257%20L%204.414%205.698%20L%204.499%206.3%20L%203.907%206.04%20L%203.315%206.3%20L%203.399%205.698%20L%202.949%205.257%20L%203.593%205.146%20Z%20M%2017.696%204.613%20L%2018.009%205.146%20L%2018.653%205.257%20L%2018.204%205.698%20L%2018.288%206.3%20L%2017.696%206.04%20L%2017.104%206.3%20L%2017.188%205.698%20L%2016.738%205.257%20L%2017.382%205.146%20Z%20M%2014.632%202.175%20L%2014.945%202.708%20L%2015.589%202.819%20L%2015.139%203.26%20L%2015.224%203.862%20L%2014.632%203.602%20L%2014.04%203.862%20L%2014.124%203.261%20L%2013.674%202.82%20L%2014.318%202.708%20Z%20M%2010.801%2018.112%20L%2011.115%2018.645%20L%2011.759%2018.757%20L%2011.309%2019.198%20L%2011.393%2019.8%20L%2010.801%2019.539%20L%2010.209%2019.8%20L%2010.294%2019.198%20L%209.844%2018.757%20L%2010.488%2018.645%20Z%20M%206.971%2016.987%20L%207.285%2017.52%20L%207.928%2017.632%20L%207.479%2018.073%20L%207.563%2018.675%20L%206.971%2018.415%20L%206.38%2018.675%20L%206.464%2018.073%20L%206.013%2017.632%20L%206.657%2017.52%20Z%20M%203.907%2014.55%20L%204.221%2015.083%20L%204.864%2015.195%20L%204.414%2015.636%20L%204.499%2016.237%20L%203.907%2015.977%20L%203.315%2016.237%20L%203.399%2015.636%20L%202.949%2015.195%20L%203.593%2015.083%20Z%20M%2017.696%2014.55%20L%2018.009%2015.083%20L%2018.653%2015.195%20L%2018.204%2015.636%20L%2018.288%2016.237%20L%2017.696%2015.977%20L%2017.104%2016.237%20L%2017.188%2015.636%20L%2016.738%2015.195%20L%2017.382%2015.083%20Z%20M%2014.632%2016.987%20L%2014.945%2017.52%20L%2015.589%2017.632%20L%2015.139%2018.073%20L%2015.224%2018.675%20L%2014.632%2018.415%20L%2014.04%2018.675%20L%2014.124%2018.073%20L%2013.674%2017.632%20L%2014.318%2017.52%20Z%22%2F%3E%3C%2Fsvg%3E"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .trust-ccpa{ width: 10px; height: 15px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.028%2010.543%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%205.711%204.288%20L%205.711%202.196%20C%205.711%200.983%204.727%200%203.514%200%20C%202.301%200%201.318%200.983%201.318%202.196%20L%201.318%204.288%20C%200.485%204.953%200%205.962%200%207.028%20C%200%208.969%201.573%2010.543%203.514%2010.543%20C%205.455%2010.543%207.028%208.969%207.028%207.028%20C%207.029%205.962%206.544%204.953%205.711%204.288%20Z%20M%202.196%202.196%20C%202.196%201.47%202.788%200.879%203.514%200.879%20C%204.241%200.879%204.832%201.47%204.832%202.196%20L%204.832%203.772%20C%203.987%203.428%203.041%203.428%202.196%203.772%20Z%20M%203.514%209.664%20C%202.061%209.664%200.879%208.482%200.879%207.028%20C%200.879%205.575%202.061%204.393%203.514%204.393%20C%204.968%204.393%206.15%205.575%206.15%207.028%20C%206.15%208.482%204.968%209.664%203.514%209.664%20Z%20M%204.393%207.028%20C%204.393%207.514%203.999%207.907%203.514%207.907%20C%203.028%207.907%202.635%207.513%202.635%207.028%20C%202.635%206.543%203.029%206.149%203.514%206.149%20C%204%206.15%204.393%206.543%204.393%207.028%20Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207.028%2010.543%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%205.711%204.288%20L%205.711%202.196%20C%205.711%200.983%204.727%200%203.514%200%20C%202.301%200%201.318%200.983%201.318%202.196%20L%201.318%204.288%20C%200.485%204.953%200%205.962%200%207.028%20C%200%208.969%201.573%2010.543%203.514%2010.543%20C%205.455%2010.543%207.028%208.969%207.028%207.028%20C%207.029%205.962%206.544%204.953%205.711%204.288%20Z%20M%202.196%202.196%20C%202.196%201.47%202.788%200.879%203.514%200.879%20C%204.241%200.879%204.832%201.47%204.832%202.196%20L%204.832%203.772%20C%203.987%203.428%203.041%203.428%202.196%203.772%20Z%20M%203.514%209.664%20C%202.061%209.664%200.879%208.482%200.879%207.028%20C%200.879%205.575%202.061%204.393%203.514%204.393%20C%204.968%204.393%206.15%205.575%206.15%207.028%20C%206.15%208.482%204.968%209.664%203.514%209.664%20Z%20M%204.393%207.028%20C%204.393%207.514%203.999%207.907%203.514%207.907%20C%203.028%207.907%202.635%207.513%202.635%207.028%20C%202.635%206.543%203.029%206.149%203.514%206.149%20C%204%206.15%204.393%206.543%204.393%207.028%20Z%22%2F%3E%3C%2Fsvg%3E"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-bottom{ display: flex; align-items: center; gap: 24px; margin-top: 32px; padding-top: 28px; border-top: 0.5px solid var(--ds-border); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-tagline{ font-weight: 400; font-size: 15px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-legal{ margin-left: auto; display: flex; flex-wrap: wrap; gap: 4px 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-legal a{ font-weight: 400; font-size: 15px; color: var(--ds-ink-50); text-decoration: none; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-legal a:hover{ color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-copy{ font-weight: 400; font-size: 15px; color: var(--ds-ink-50); white-space: nowrap; } @media (max-width: 1610px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-col a,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-heading{ white-space: normal; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-brand{ grid-column: 1 / -1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-badges{ grid-column: 1 / -1; flex-wrap: wrap; }} @media (max-width: 760px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-bottom{ flex-direction: column; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-footer-legal{ margin-left: 0; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-eyebrow{ display: block; margin-bottom: 16px; font-weight: 500; font-size: 16px; line-height: 20px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card .ds-card-body + .ds-card-body{ margin-top: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il{ position: relative; z-index: 1; display: flex; flex-direction: column; gap: 14px; align-items: stretch; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.nav-link,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.btn,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.intg-pill,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.nav-menu-item{ text-decoration: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card.il-card{ height: 100%; min-height: 440px; padding: 0; display: flex; flex-direction: column; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-card .il-copy{ padding: 48px 48px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-card .il-copy .card-kicker,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-card .il-copy .ds-card-title,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-card .il-copy .ds-card-body{ position: static; margin: 0; width: auto; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-card .il-copy .card-kicker{ margin-bottom: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-card .il-copy .ds-card-body{ margin-top: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-card .il-bleed{ position: relative; flex: 1; margin-top: 32px; min-height: 230px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sp-hero-right--video{ position: relative; background: var(--ds-surface-chip); display: flex; align-items: center; justify-content: center; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sp-hero-right--video::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, #eae4d9 2.1px, rgba(234, 228, 217, 0) 2.55px); background-size: var(--dotx, 20.6px) var(--doty, 20.6px); background-position: 0 0; pointer-events: none; } @keyframes pr-shine{ 0%, 78% { background-position: 100% 0; } 92%, 100% { background-position: 0 0; } } @keyframes pr-shine-hover{ from { background-position: 100% 0; } to { background-position: 0 0; } } @keyframes cs-marquee{ from { transform: translateX(0); } to { transform: translateX(-50%); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cs-feature{ display: flex; align-items: stretch; gap: var(--ds-grid-gap); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cs-feature .ds-card{ display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cs-feature-stage{ position: relative; flex: 1 1 48%; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 48px; overflow: hidden; background: var(--ds-surface-tint); border-radius: var(--ds-radius-md); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cs-feature-stage::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, var(--ds-border) 1.7px, rgba(227, 221, 209, 0) 2.15px); background-size: var(--dotx, 20.6px) var(--doty, 20.6px); } @media (max-width: 1024px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cs-feature{ flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cs-feature-stage{ padding: 24px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-modal{ position: relative; z-index: 1; flex: 0 1 560px; width: min(560px, 100%); padding: 17px 28px 28px; background: var(--ds-white); border-radius: var(--ds-radius-md); box-shadow: var(--ds-shadow-window); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-title{ margin: 0; font-weight: 500; font-size: 24px; line-height: 32px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-input{ margin-top: 18px; height: 48px; display: flex; align-items: center; padding: 0 18px; border-radius: var(--ds-radius-sm); box-shadow: inset 0 0 0 1px var(--ds-blue); font-size: 16px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-input::before{ content: ""; width: 1px; height: 20px; margin-right: 1px; background: var(--ds-ink); animation: sh-caret 1.1s step-end infinite; } @keyframes sh-caret{ 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-input::before{ animation: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-head{ margin: 24px 0 0; font-weight: 500; font-size: 17px; line-height: 24px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-row{ display: flex; align-items: center; gap: 14px; margin-top: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-ava{ width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-name{ display: block; font-weight: 500; font-size: 15px; line-height: 22px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-mail{ display: block; font-size: 15px; line-height: 22px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-lock{ width: 40px; height: 40px; border-radius: 50%; background: #0f7b46; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-ico{ display: inline-block; background: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-ico--lock{ width: 18px; height: 18px; background: var(--ds-white); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23121722%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M24%2C14H22V8A6%2C6%2C0%2C0%2C0%2C10%2C8v6H8a2%2C2%2C0%2C0%2C0-2%2C2V28a2%2C2%2C0%2C0%2C0%2C2%2C2H24a2%2C2%2C0%2C0%2C0%2C2-2V16A2%2C2%2C0%2C0%2C0%2C24%2C14ZM12%2C8a4%2C4%2C0%2C0%2C1%2C8%2C0v6H12ZM24%2C28H8V16H24Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23121722%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M24%2C14H22V8A6%2C6%2C0%2C0%2C0%2C10%2C8v6H8a2%2C2%2C0%2C0%2C0-2%2C2V28a2%2C2%2C0%2C0%2C0%2C2%2C2H24a2%2C2%2C0%2C0%2C0%2C2-2V16A2%2C2%2C0%2C0%2C0%2C24%2C14ZM12%2C8a4%2C4%2C0%2C0%2C1%2C8%2C0v6H12ZM24%2C28H8V16H24Z%22%2F%3E%3C%2Fsvg%3E"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-ico--link{ width: 16px; height: 16px; background: var(--ds-ink); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23121722%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M29.25%2C6.76a6%2C6%2C0%2C0%2C0-8.5%2C0l1.42%2C1.42a4%2C4%2C0%2C1%2C1%2C5.67%2C5.67l-8%2C8a4%2C4%2C0%2C1%2C1-5.67-5.66l1.41-1.42-1.41-1.42-1.42%2C1.42a6%2C6%2C0%2C0%2C0%2C0%2C8.5A6%2C6%2C0%2C0%2C0%2C17%2C25a6%2C6%2C0%2C0%2C0%2C4.27-1.76l8-8A6%2C6%2C0%2C0%2C0%2C29.25%2C6.76Z%22%2F%3E%3Cpath%20d%3D%22M4.19%2C24.82a4%2C4%2C0%2C0%2C1%2C0-5.67l8-8a4%2C4%2C0%2C0%2C1%2C5.67%2C0A3.94%2C3.94%2C0%2C0%2C1%2C19%2C14a4%2C4%2C0%2C0%2C1-1.17%2C2.85L15.71%2C19l1.42%2C1.42%2C2.12-2.12a6%2C6%2C0%2C0%2C0-8.51-8.51l-8%2C8a6%2C6%2C0%2C0%2C0%2C0%2C8.51A6%2C6%2C0%2C0%2C0%2C7%2C28a6.07%2C6.07%2C0%2C0%2C0%2C4.28-1.76L9.86%2C24.82A4%2C4%2C0%2C0%2C1%2C4.19%2C24.82Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23121722%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M29.25%2C6.76a6%2C6%2C0%2C0%2C0-8.5%2C0l1.42%2C1.42a4%2C4%2C0%2C1%2C1%2C5.67%2C5.67l-8%2C8a4%2C4%2C0%2C1%2C1-5.67-5.66l1.41-1.42-1.41-1.42-1.42%2C1.42a6%2C6%2C0%2C0%2C0%2C0%2C8.5A6%2C6%2C0%2C0%2C0%2C17%2C25a6%2C6%2C0%2C0%2C0%2C4.27-1.76l8-8A6%2C6%2C0%2C0%2C0%2C29.25%2C6.76Z%22%2F%3E%3Cpath%20d%3D%22M4.19%2C24.82a4%2C4%2C0%2C0%2C1%2C0-5.67l8-8a4%2C4%2C0%2C0%2C1%2C5.67%2C0A3.94%2C3.94%2C0%2C0%2C1%2C19%2C14a4%2C4%2C0%2C0%2C1-1.17%2C2.85L15.71%2C19l1.42%2C1.42%2C2.12-2.12a6%2C6%2C0%2C0%2C0-8.51-8.51l-8%2C8a6%2C6%2C0%2C0%2C0%2C0%2C8.51A6%2C6%2C0%2C0%2C0%2C7%2C28a6.07%2C6.07%2C0%2C0%2C0%2C4.28-1.76L9.86%2C24.82A4%2C4%2C0%2C0%2C1%2C4.19%2C24.82Z%22%2F%3E%3C%2Fsvg%3E"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-set-name{ display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 15px; line-height: 22px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-caret{ width: 9px; height: 5.5px; background: var(--ds-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%23121722%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%23121722%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-set-desc{ display: block; font-size: 15px; line-height: 22px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-foot{ display: flex; align-items: center; justify-content: space-between; margin-top: 28px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-copy{ display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 18px; border-radius: var(--ds-radius-sm); background: var(--ds-white); box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.08), inset 0 -1px 0 0 rgba(18, 23, 34, 0.1), inset 0 0 0 0.5px var(--ds-ring); font-weight: 500; font-size: 16px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-done{ display: inline-flex; align-items: center; height: 44px; padding: 0 26px; border-radius: var(--ds-radius-sm); background: var(--ds-blue); box-shadow: var(--ds-shadow-btn), var(--ds-shadow-btn-primary-inset); font-weight: 500; font-size: 16px; color: var(--ds-white); } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-modal{ padding: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sh-title{ font-size: 20px; line-height: 28px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ig{ position: absolute; left: 48px; right: 0; top: 0; bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph{ position: relative; width: 100%; height: calc(640px * var(--ais, 1)); --ai-orbit-r: 191px; --ai-node: 42px; --ai-node-ico: 20px; --ai-core: 300px; --ai-core-inner: 172px; --ai-mark: 76px; --ai-guide-r: 300px; --ai-guide-d: 150px; --ai-guide-rot: 45deg; --ai-big-r: 560px; --ai-guide-ink: 0.22; --ai-pill-h: 40px; --ai-pill-font: 17px; --ai-pill-gap: 13px; --ai-pill-pad: 18px; --ai-logo: 22px; --ai-logo-img: 13px; --ai-ring-dur: 4.5s; --ai-core-dur: 6.5s; --ai-in-dur: 1.5s; --ai-in-scale: 0.2; --ai-in-rot: -180deg; --ai-pill-step: 0.1s; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-fit{ position: absolute; left: 50%; top: 0; width: 1400px; height: 640px; transform: translateX(-50%) scale(var(--ais, 1)); transform-origin: 50% 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-svg{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-ring{ fill: none; stroke: url(#aiShine); stroke-width: 2; r: var(--ai-orbit-r); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-ring-spin{ transform-origin: 700px 343px; animation: ai-shine var(--ai-ring-dur) linear infinite; } @keyframes ai-shine{ to { transform: rotate(360deg); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guide{ fill: none; stroke: rgba(18, 23, 34, var(--ai-guide-ink)); stroke-width: 1; stroke-dasharray: 5 7; animation: ai-drift 90s linear infinite; r: var(--ai-guide-r); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guide--big{ r: var(--ai-big-r); animation-duration: 150s; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guide--set{ transform-origin: 700px 343px; transform: rotate(calc(var(--i) * 90deg + var(--ai-guide-rot))) translate(0, calc(-1 * var(--ai-guide-d))); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guide--set:nth-of-type(3){ animation-duration: 120s; animation-direction: reverse; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guide--set:nth-of-type(4){ animation-duration: 105s; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guide--set:nth-of-type(5){ animation-duration: 135s; animation-direction: reverse; } @keyframes ai-drift{ to { stroke-dashoffset: -240; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guides{ transform-origin: 700px 343px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-core{ position: absolute; left: 700px; top: 343px; width: var(--ai-core); height: var(--ai-core); margin: calc(-0.5 * var(--ai-core)) 0 0 calc(-0.5 * var(--ai-core)); border-radius: 50%; overflow: hidden; background: rgba(0, 104, 249, 0.07); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-core::before{ content: ""; position: absolute; inset: -30%; background: conic-gradient(from 0deg, rgba(0, 104, 249, 0) 0deg, rgba(0, 104, 249, 0.18) 55deg, rgba(86, 189, 255, 0.22) 90deg, rgba(0, 104, 249, 0) 150deg, rgba(0, 104, 249, 0) 360deg); animation: ai-core-shine var(--ai-core-dur) linear infinite; } @keyframes ai-core-shine{ to { transform: rotate(360deg); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-core::after{ content: ""; position: absolute; width: var(--ai-core-inner); height: var(--ai-core-inner); border-radius: 50%; background: var(--ds-white); box-shadow: 0 0 0 0.5px rgba(18, 23, 34, 0.05); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-core img{ position: relative; z-index: 1; width: var(--ai-mark); height: var(--ai-mark); object-fit: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-node{ position: absolute; width: var(--ai-node); height: var(--ai-node); margin: calc(-0.5 * var(--ai-node)) 0 0 calc(-0.5 * var(--ai-node)); border-radius: 50%; background: var(--ds-blue); box-shadow: 0 2px 8px -2px rgba(0, 104, 249, 0.45); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-node i{ width: var(--ai-node-ico); height: var(--ai-node-ico); background: var(--ds-white); -webkit-mask: var(--ai-ico) center / contain no-repeat; mask: var(--ai-ico) center / contain no-repeat; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-pill{ position: absolute; display: inline-flex; align-items: center; gap: var(--ai-pill-gap); height: var(--ai-pill-h); padding: 0 var(--ai-pill-pad) 0 calc((var(--ai-pill-h) - var(--ai-logo)) / 2); background: var(--ds-white); border-radius: var(--ds-radius-pill); box-shadow: inset 0 0 0 0.5px var(--ds-ring), 0 1px 3px rgba(18, 23, 34, 0.05); font-weight: 500; font-size: var(--ai-pill-font); line-height: 22px; color: var(--ds-ink); white-space: nowrap; transform: translateY(-50%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-pill--c{ transform: translate(-50%, -50%); padding: 0 var(--ai-pill-pad); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-pill .ai-logo{ width: var(--ai-logo); height: var(--ai-logo); border-radius: 50%; background: var(--ds-white); box-shadow: inset 0 0 0 0.5px rgba(18, 23, 34, 0.09); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-pill img{ width: var(--ai-logo-img); height: var(--ai-logo-img); object-fit: contain; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-pill .ai-logo--full{ overflow: hidden; box-shadow: inset 0 0 0 0.5px rgba(18, 23, 34, 0.09); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-pill .ai-logo--full img{ width: 100%; height: 100%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-pill .ai-logos{ display: inline-flex; align-items: center; gap: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-orbit{ position: absolute; inset: 0; transform-origin: 700px 343px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph .ai-core,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph .ai-pill{ opacity: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-orbit,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-ring-g,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-guides{ animation: ai-in-orbit var(--ai-in-dur) cubic-bezier(0.22, 1, 0.36, 1) both; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-guides{ animation-name: ai-in-guides; } @keyframes ai-in-guides{ from { transform: scale(var(--ai-in-scale)); opacity: 0; } to { transform: scale(1); opacity: 1; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-ring-g{ transform-origin: 700px 343px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-node{ animation: ai-in-node var(--ai-in-dur) cubic-bezier(0.22, 1, 0.36, 1) both; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-core{ animation: ai-in-core 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill{ animation: ai-in-pill 0.5s cubic-bezier(0.22, 1, 0.36, 1) both; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill:nth-of-type(1){ animation-delay: calc(0.75s + 1 * var(--ai-pill-step)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill:nth-of-type(2){ animation-delay: calc(0.75s + 2 * var(--ai-pill-step)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill:nth-of-type(3){ animation-delay: calc(0.75s + 3 * var(--ai-pill-step)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill:nth-of-type(4){ animation-delay: calc(0.75s + 4 * var(--ai-pill-step)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill:nth-of-type(5){ animation-delay: calc(0.75s + 5 * var(--ai-pill-step)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill:nth-of-type(6){ animation-delay: calc(0.75s + 6 * var(--ai-pill-step)); } @keyframes ai-in-orbit{ from { transform: rotate(var(--ai-in-rot)) scale(var(--ai-in-scale)); } to { transform: rotate(0) scale(1); } } @keyframes ai-in-node{ from { transform: rotate(calc(-1 * var(--ai-in-rot))); opacity: 0; } 35% { opacity: 1; } to { transform: rotate(0); opacity: 1; } } @keyframes ai-in-core{ from { opacity: 0; transform: scale(0.82); } to { opacity: 1; transform: scale(1); } } @keyframes ai-in-pill{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill--c{ animation-name: ai-in-pill-c; } @keyframes ai-in-pill-c{ from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph .ai-core,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph .ai-pill{ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-orbit,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-ring-g,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-node,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-core,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-graph.is-in .ai-pill{ animation: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-ring-spin,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-guide,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-core::before{ animation: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) *,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) *::before,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) *::after{ box-sizing: border-box; margin: 0; padding: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]){ background: #fff; font-family: "Roobert", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) img{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) button{ border: 0; background: none; font: inherit; cursor: pointer; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) h1,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) h2,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) h3,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) p{ font-weight: inherit; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.desktop,[data-home-v2-classes~="desktop"]){ position: relative; width: 100%; max-width: 1728px; margin: 0 auto; padding-bottom: 120px; background: #fff; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header{ width: calc(100% - 32px); max-width: 1696px; height: 33px; margin: 16px auto 0; padding-left: 8px; display: flex; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-left{ height: 33px; display: flex; align-items: center; gap: 44px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-dock{ width: 85.844px; height: 18px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav{ display: flex; align-items: flex-start; gap: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item{ display: flex; align-items: center; gap: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu{ position: relative; padding: 7px 10px; margin: -7px -10px; border-radius: 8px; cursor: pointer; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu:hover{ background: rgba(18, 23, 34, 0.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu{ display: none; position: absolute; left: -14px; top: 100%; padding-top: 12px; z-index: 50; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu:hover .nav-menu{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu-panel{ display: flex; gap: 56px; padding: 28px 56px 32px 36px; background: #fff; border-radius: 16px; box-shadow: 0 12px 32px 0 rgba(18, 23, 34, 0.1), 0 2px 6px 0 rgba(18, 23, 34, 0.05), 0 0 0 0.5px rgba(18, 23, 34, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu-col{ display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu-heading{ margin-bottom: 12px; font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(18, 23, 34, 0.35); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu-item{ padding: 8px 0; font-weight: 500; font-size: 16px; line-height: 19.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu-item:hover{ color: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-link{ font-weight: 500; font-size: 16px; line-height: 19.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-caret{ position: relative; width: 12px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-caret img{ position: absolute; left: 4.5px; top: 6.5px; width: 7px; height: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-right{ display: flex; align-items: flex-start; gap: 8px; padding-top: 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn{ height: 32px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; line-height: 20px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-ghost{ background: #fff; border-radius: 6px; padding: 7px 14px 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-outline{ background: #fff; border-radius: 100px; padding: 7px 14px 8px 16px; box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.08), inset 0 -1px 0 0 rgba(18, 23, 34, 0.1), inset 0 0 0 0.5px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-primary{ background: #0068f9; border-radius: 100px; padding: 7px 14px 8px 16px; color: #fff; box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 0 rgba(11, 68, 147, 0.22), inset 0 0 0 0.5px rgba(11, 68, 147, 0.25); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-ghost:hover{ background: #f4f4f5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-outline:hover{ background: #f7f7f8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-primary:hover,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-generate:hover{ background: #1372ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-ghost:active{ background: #eeeeef; box-shadow: inset 0 2px 4px rgba(18, 23, 34, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-outline:active{ background: #f2f2f3; box-shadow: inset 0 0 0 0.5px rgba(18, 23, 34, 0.15), inset 0 2px 4px rgba(18, 23, 34, 0.12); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-primary:active,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-generate:active{ background: #005fe4; box-shadow: inset 0 0 0 0.5px rgba(11, 68, 147, 0.35), inset 0 2px 5px rgba(4, 36, 78, 0.4); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ --s: 1; --panel-h: min(calc(878px * var(--s)), max(calc(100dvh - 90px), calc(528px * var(--s) + 240px))); width: 100%; margin: 16px auto 0; padding: 0 16px 40px; display: flex; align-items: flex-start; gap: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-left{ position: relative; flex: 1 1 50%; min-width: 0; height: var(--panel-h); padding: 0 16px 23px; display: flex; flex-direction: column; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-title{ max-width: 100%; font-weight: 500; font-size: 60px; line-height: 64px; text-align: center; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-ctas{ display: none; margin-top: 32px; gap: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-widget{ margin-top: 40px; width: 420px; max-width: 100%; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-tabs{ position: relative; width: 100%; height: 67px; margin-bottom: -27px; padding: 2px 2px 26px; display: flex; align-items: flex-start; justify-content: center; gap: 8px; background: #fafafa; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 30px 30px 0 0; box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.14); overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-tab{ margin-top: 1px; padding: 8px 12px 10px; border-bottom: 2px solid transparent; opacity: 0.6; cursor: pointer; transition: border-color 0.25s ease, margin 0.25s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-tab:hover{ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-tab.is-active{ margin-top: 0; border-bottom-color: #0068f9; opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-tabs.js .prompt-tab.is-active{ border-bottom-color: transparent; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tab-indicator{ position: absolute; top: 39px; height: 2px; background: #0068f9; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-tabs.ind-ready .tab-indicator{ transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-tab span{ font-weight: 400; font-size: 15px; line-height: 16.8px; text-align: center; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-card{ position: relative; width: 100%; height: 135px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; border-radius: 16px 16px 30px 30px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.01), 0 0 0 0.5px rgba(0, 0, 0, 0.25); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-input{ position: relative; height: 35px; border-radius: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-field{ width: 100%; height: 100%; padding: 8px 12px 7px 10px; background: none; border: 0; outline: none; border-radius: 4px; font-family: "Roobert", sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #121722; caret-color: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-ghost-wrap{ position: absolute; left: 10px; top: 8px; height: 20px; display: flex; align-items: center; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-input.has-value .prompt-ghost-wrap{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-ghost{ font-weight: 400; font-size: 16px; line-height: 20px; color: #121722; white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-caret{ flex-shrink: 0; width: 1px; height: 16px; background: #0068f9; position: absolute; left: 0; top: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-input.js .prompt-caret{ position: static; animation: caret-blink 1.1s step-end infinite; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-input.js:focus-within .prompt-caret{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-input.js.is-typing .prompt-caret{ animation: none; } @keyframes caret-blink{ 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-actions{ display: flex; align-items: flex-end; justify-content: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-generate{ height: 36px; padding: 7px 14px 8px 16px; display: flex; align-items: center; justify-content: center; gap: 6px; background: #0068f9; border-radius: 18px; font-weight: 600; font-size: 16px; line-height: 19.2px; color: #fff; white-space: nowrap; box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 0 rgba(11, 68, 147, 0.22), inset 0 0 0 0.5px rgba(11, 68, 147, 0.25); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-generate-arrow{ position: relative; width: 16px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .btn-generate-arrow img{ position: absolute; left: 2px; top: 4px; width: 12px; height: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-right{ position: relative; flex: 1 1 50%; min-width: 0; height: var(--panel-h); overflow: hidden; border-radius: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-bg,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-overlay{ position: absolute; left: calc(-658px * var(--s) + (100% - 848px * var(--s)) * 0.354); top: calc(-6px * var(--s)); width: calc(1864px * var(--s)); height: calc(947px * var(--s)); object-fit: cover; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-overlay{ pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .screens-fit{ position: absolute; inset: 0; z-index: 0; transform: translateX(calc((100% - 848px * var(--s)) * 0.354)) scale(var(--s)); transform-origin: 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .screens{ position: absolute; inset: 0; z-index: 0; transform-origin: 388.21px 309.4px; transition: transform 0.17s ease-out; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .mode-b .ob-phases.is-glow::after,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .mode-b .pb-thumb.is-glow::after{ animation: none; background-position: 50% 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser{ position: absolute; left: 87px; top: 112px; width: 602.427px; height: 394.805px; background: #fff; border-radius: 6.455px; overflow: clip; box-shadow: 0 2.152px 5.379px 0 rgba(18, 23, 34, 0.05), 0 0.538px 1.076px 0 rgba(18, 23, 34, 0.1), 0 0 0 0.269px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser.is-off{ visibility: hidden; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser.no-anim,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser.no-anim *{ transition: none !important; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-inner{ width: 1120px; min-height: 734px; display: flex; flex-direction: column; background: #fff; transform: scale(0.537881); transform-origin: 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-titlebar{ flex-shrink: 0; width: 100%; height: 44.09px; padding: 4px 4px 4.5px; display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: inset 0 -0.5px 0 #d9d5cd; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-titlebar-left{ width: 555px; padding: 2px 1px; display: flex; align-items: flex-end; gap: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-simbol{ display: flex; align-items: flex-end; padding: 7px; border-radius: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-simbol img{ width: 24px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-title{ height: 30px; padding: 6px 0 7px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-titlebar-right{ width: 557px; padding: 2px; display: flex; align-items: center; justify-content: flex-end; gap: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-avatars{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-avatar-slot{ position: relative; display: block; width: 16px; height: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-avatar-slot img,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-avatar{ width: 24px; height: 24px; border-radius: 50%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-avatar-slot img{ position: absolute; left: 0; top: 0; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-share{ height: 31.6px; display: inline-flex; align-items: center; padding: 0 12px; background: #0068f9; border-radius: 6px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-tabs{ position: relative; flex-shrink: 0; width: 100%; padding: 0 8px; display: flex; align-items: flex-start; box-shadow: inset 0 -0.5px 0 0 rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-tab{ height: 42.6px; padding: 11px 16px 0 18px; display: flex; align-items: flex-start; gap: 6px; border-bottom: 1px solid transparent; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-tab.is-active{ border-bottom-color: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tab-ico{ flex-shrink: 0; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-tab img{ opacity: 0.6; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-tab.is-active img{ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-tab span{ font-weight: 500; font-size: 14px; line-height: 16.8px; color: rgba(18, 23, 34, 0.6); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-tab.is-active span{ color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-content{ flex: 1; min-height: 0; width: 100%; display: flex; flex-direction: column; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-hero{ position: relative; flex-shrink: 0; width: 100%; padding: 52px 0 96px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: #f4fbff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-cards{ position: relative; z-index: 1; margin-top: -72px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-hero p{ font-weight: 500; font-size: 46px; line-height: 55.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-logos{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-logo{ width: 48px; height: 48px; border-radius: 50%; box-shadow: 0 0 0 3px #f4fbff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-logo + .deal-logo{ margin-left: -16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-marks{ display: flex; align-items: center; align-self: center; padding: 0 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-marks img{ width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 0 1.5px #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-marks img + img{ margin-left: -7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-cards{ width: 100%; padding: 32px; display: flex; flex-direction: column; gap: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .card{ width: 1056px; background: #fff; border-radius: 10px; box-shadow: 0 1px 1px 0 rgba(18, 23, 34, 0.1), 0 0 0 0.5px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .card h3{ height: 27.89px; font-weight: 500; font-size: 22px; line-height: 26.4px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .card-split{ padding: 8px; display: flex; align-items: flex-start; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .success-box{ width: 374.03px; height: 253px; padding: 32px; display: flex; flex-direction: column; gap: 20px; background: #f4fbff; border-radius: 3px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .success-list{ display: flex; flex-direction: column; gap: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .success-list p{ height: 20.45px; font-weight: 400; font-size: 16px; line-height: 19.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .success-footer{ display: flex; align-items: center; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .success-footer img{ width: 16px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .success-footer span{ font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(18, 23, 34, 0.6); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .steps-box{ flex: 1; min-width: 0; padding: 32px; display: flex; flex-direction: column; gap: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .steps-header{ height: 27.89px; display: flex; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .steps-progress{ display: flex; align-items: center; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .steps-track{ display: block; width: 60px; height: 6px; background: rgba(18, 23, 34, 0.1); border-radius: 9999px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .steps-fill{ display: block; width: 40px; height: 6px; background: #0068f9; border-radius: 9999px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .steps-count{ width: 24px; font-weight: 400; font-size: 14px; line-height: 16.8px; text-align: right; color: rgba(18, 23, 34, 0.5); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .steps-list{ display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-row{ padding: 10px 0 10.5px; display: flex; align-items: center; justify-content: space-between; box-shadow: inset 0 -0.5px 0 rgba(18, 23, 34, 0.06); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-row.is-last{ padding: 10px 0; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-left{ display: flex; align-items: center; gap: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-check{ flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border: 1.5px solid rgba(18, 23, 34, 0.2); border-radius: 50%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-check.is-done{ border: 0; background: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-check img{ width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-label{ font-weight: 400; font-size: 16px; line-height: 19.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-label.is-done{ color: rgba(18, 23, 34, 0.4); text-decoration: line-through; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-chip{ height: 32.6px; padding: 0 12px 0 14px; display: flex; align-items: center; gap: 6px; background: #fff; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: #121722; white-space: nowrap; box-shadow: 0 0 0 0.5px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-chip img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-right{ display: flex; align-items: center; gap: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-status{ height: 24.6px; display: inline-flex; align-items: center; padding: 0 10px; background: rgba(18, 23, 34, 0.06); border-radius: 9999px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: rgba(18, 23, 34, 0.6); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .step-avatar{ width: 24px; height: 24px; border-radius: 50%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-cards.dp-panel{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .browser-cards.dp-panel:is(.is-on,[data-home-v2-classes~="is-on"]){ display: flex; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .bcase-card{ width: 1056px; padding: 32px 40px; display: flex; flex-direction: column; gap: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .bcase-list{ display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .bcase-row{ display: flex; gap: 24px; padding: 15px 0; box-shadow: inset 0 -0.5px 0 rgba(18, 23, 34, 0.08); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .bcase-row:last-child{ box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .bcase-k{ width: 240px; flex-shrink: 0; font-weight: 500; font-size: 16px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .bcase-v{ font-size: 16px; color: rgba(18, 23, 34, 0.7); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .order-head{ display: flex; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .order-sign{ height: 40px; padding: 0 22px; display: inline-flex; align-items: center; gap: 6px; background: #0068f9; border-radius: 8px; font-weight: 600; font-size: 16px; color: #fff; box-shadow: inset 0 0 0 0.5px rgba(11, 68, 147, 0.25), 0 0.5px 1px rgba(0,0,0,0.2); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .order-signed{ display: none; align-items: center; gap: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .order-signed img{ width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .order-sign.is-signed{ background: #0f9b6b; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .order-sign.is-signed .order-sign-label{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .order-sign.is-signed .order-signed{ display: inline-flex; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur{ position: absolute; left: 0; top: 0; z-index: 20; pointer-events: none; opacity: 0; transition: transform 0.6s cubic-bezier(0.3, 0.1, 0.25, 1), opacity 0.3s ease; will-change: transform; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur:is(.is-on,[data-home-v2-classes~="is-on"]){ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur img{ display: block; width: 18px; height: 21px; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur-tag{ position: absolute; left: 15px; top: 19px; padding: 2px 8px 3px; background: #0068f9; border-radius: 4px 12px 12px 12px; font-family: "Inter", -apple-system, sans-serif; font-size: 12px; font-weight: 500; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur--cfo .deal-cur-tag{ background: #4db5ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur--ceo .deal-cur-tag{ background: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur.is-click img{ animation: deal-press 0.34s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur::after{ content: ""; position: absolute; left: 5px; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: rgba(0,104,249,0.4); opacity: 0; transform: translate(-50%,-50%) scale(0.2); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .deal-cur.is-click::after{ animation: deal-ripple 0.5s ease-out; } @keyframes deal-press{ 0%,100%{transform:scale(1)} 42%{transform:scale(0.78)} } @keyframes deal-ripple{ 0%{opacity:0.55;transform:translate(-50%,-50%) scale(0.2)} 100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)} } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sl-frame,[data-home-v2-classes~="sl-frame"]).sr-mode :is(.sl-window,[data-home-v2-classes~="sl-window"]){ height: 668px; padding-top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-fit,[data-home-v2-classes~="sr-fit"])[data-step="1"],:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-fit,[data-home-v2-classes~="sr-fit"])[data-step="2"],:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-fit,[data-home-v2-classes~="sr-fit"])[data-step="3"],:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-fit,[data-home-v2-classes~="sr-fit"])[data-step="4"]{ margin-top: -68px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-stage,[data-home-v2-classes~="sr-stage"]){ position: absolute; inset: 0; overflow: hidden; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-fit,[data-home-v2-classes~="sr-fit"]){ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-fit,[data-home-v2-classes~="sr-fit"]):is(.is-on,[data-home-v2-classes~="is-on"]){ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-stage,[data-home-v2-classes~="sr-stage"]).is-scrollable{ overflow-y: auto; overscroll-behavior: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-stage,[data-home-v2-classes~="sr-stage"]).is-scrollable::-webkit-scrollbar{ width: 0; height: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .card-pricing{ padding: 32px 40px; display: flex; flex-direction: column; gap: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pricing-table{ position: relative; width: 976.05px; height: 289px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row{ position: absolute; left: 0; width: 100%; height: 52px; box-shadow: inset 0 -0.5px 0 rgba(18, 23, 34, 0.06); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row.pt-head{ top: 0; height: 31px; box-shadow: inset 0 -0.5px 0 rgba(18, 23, 34, 0.12); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row:nth-of-type(2){ top: 30.76px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row:nth-of-type(3){ top: 82.45px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row:nth-of-type(4){ top: 134.16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row:nth-of-type(5){ top: 185.85px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row.is-last{ top: 237.94px; height: 51px; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row p{ position: absolute; top: 16.16px; font-weight: 400; font-size: 16px; line-height: 19.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row.pt-head p{ top: -0.52px; font-size: 14px; line-height: 16.8px; color: rgba(18, 23, 34, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row.is-last p{ top: 15.78px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-c1{ left: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-c2{ left: 292.12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-c3{ left: 456.4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-c4{ left: 635.62px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-c5{ left: 961.55px; transform: translateX(-100%); text-align: right; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-name{ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row b{ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pt-row .dim{ color: rgba(18, 23, 34, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-content{ width: 100%; padding: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-card{ width: 1056px; padding: 32px; display: flex; flex-direction: column; gap: 32px; background: #fff; border-radius: 10px; box-shadow: 0 1px 1px 0 rgba(18, 23, 34, 0.1), 0 0 0 0.5px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-card h3{ font-weight: 500; font-size: 22px; line-height: 26.4px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-phases{ position: relative; width: 992px; padding: 24px; display: flex; flex-direction: column; gap: 20px; background: #f4fbff; border-radius: 10px; transition: box-shadow 0.45s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-grid{ display: grid; grid-template-columns: 304px 304px 304px; gap: 16px; height: 106px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-phase{ padding: 24px; display: flex; flex-direction: column; gap: 14px; background: #fff; border-radius: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-phase-name{ font-weight: 500; font-size: 18px; line-height: 21.6px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-dates{ display: flex; align-items: center; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-dates img{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-date{ padding: 3px 10px; background: #f4fbff; border-radius: 9999px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-section{ display: flex; flex-direction: column; gap: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-sec-head{ display: flex; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-progress{ display: flex; align-items: center; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-track{ display: block; width: 60px; height: 6px; background: rgba(18, 23, 34, 0.1); border-radius: 9999px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-fill{ display: block; height: 6px; background: #0068f9; border-radius: 9999px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-fill--dark{ background: #121722; border-radius: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-count{ width: 24px; font-weight: 400; font-size: 14px; line-height: 16.8px; text-align: right; color: rgba(18, 23, 34, 0.5); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-rows{ display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-row{ padding: 10px 0 10.5px; display: flex; align-items: center; justify-content: space-between; box-shadow: inset 0 -0.5px 0 rgba(18, 23, 34, 0.06); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-row.is-last{ padding: 10px 0; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-row-left{ display: flex; align-items: center; gap: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-check{ flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border: 1.5px solid rgba(18, 23, 34, 0.2); border-radius: 50%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-check.is-done{ border: 0; background: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-check img{ width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-label{ font-weight: 400; font-size: 16px; line-height: 19.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-label.is-done{ color: rgba(18, 23, 34, 0.4); text-decoration: line-through; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-chip{ padding: 7px 12px 7px 14px; display: flex; align-items: center; gap: 6px; background: #fff; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: #121722; white-space: nowrap; box-shadow: 0 0 0 0.5px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-chip img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-row-right{ display: flex; align-items: center; gap: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-status{ padding: 3px 10px; background: rgba(18, 23, 34, 0.06); border-radius: 9999px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: rgba(18, 23, 34, 0.6); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-avatar-ph{ width: 24px; height: 24px; border-radius: 50%; background: rgba(18, 23, 34, 0.08); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-create{ height: 30px; padding: 0 12px; display: inline-flex; align-items: center; background: #0068f9; border-radius: 6px; font-weight: 500; font-size: 14px; line-height: 16.8px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero{ position: relative; flex-shrink: 0; width: 100%; height: 262px; display: flex; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 928px; height: 262px; pointer-events: none; box-shadow: inset 0 -0.5px 0 rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero-left{ width: 693px; height: 262px; padding: 48px 40px; display: flex; flex-direction: column; justify-content: center; gap: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero-left h2{ height: 56px; font-weight: 500; font-size: 46px; line-height: 55.2px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero-left p{ height: 20px; font-weight: 400; font-size: 16px; line-height: 19.2px; color: rgba(18, 23, 34, 0.6); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero-img{ position: relative; width: 427px; height: 262px; overflow: hidden; background: radial-gradient(80% 120% at 12% 18%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0) 55%), radial-gradient(90% 120% at 92% 92%, rgba(4, 20, 60, 0.55), rgba(4, 20, 60, 0) 60%), linear-gradient(135deg, #2b6fff 0%, #0846c8 48%, #0a2a86 100%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero-img::before{ content: ""; position: absolute; right: -60px; top: -70px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle at 34% 32%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.04) 66%); mix-blend-mode: soft-light; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-hero-img::after{ content: ""; position: absolute; left: 34px; bottom: -40px; width: 150px; height: 150px; border-radius: 46% 54% 40% 60% / 52% 44% 56% 48%; background: rgba(255, 255, 255, 0.14); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.22); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-tabs{ position: relative; flex-shrink: 0; width: 100%; padding: 0 8px; display: flex; align-items: flex-start; box-shadow: inset 0 -0.5px 0 0 rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-tab{ height: 41px; padding: 11px 16px 0; border-bottom: 1px solid transparent; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-tab.is-active{ border-bottom-color: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-tab span{ font-weight: 500; font-size: 14px; line-height: 16.8px; color: rgba(18, 23, 34, 0.6); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-tab.is-active span{ color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-content{ width: 100%; padding: 0 24px 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-section{ padding: 24px 0 24.5px; box-shadow: inset 0 -0.5px 0 rgba(18, 23, 34, 0.09); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-section h3{ height: 27px; font-weight: 500; font-size: 22px; line-height: 26.4px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-grid{ margin-top: 16px; width: 880px; height: 179px; display: grid; grid-template-columns: 208px 208px 208px 208px; column-gap: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-card{ display: flex; flex-direction: column; gap: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb{ position: relative; width: 208px; height: 130px; border-radius: 8px; overflow: hidden; transition: box-shadow 0.45s ease; background: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-cover-title{ position: absolute; left: 14px; right: 14px; top: 13px; font-weight: 500; font-size: 15px; line-height: 19px; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 58%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c1{ background: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c2{ background: #6d4bd8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c3{ background: #0f9b8e; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c4{ background: #17233b; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c5{ background: #d9542f; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c6{ background: #3557b8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c7{ background: #2d7d46; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c1::before{ background: repeating-linear-gradient(0deg, rgba(255,255,255,0.24) 0 1.5px, transparent 1.5px 7px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c2::before{ background: repeating-linear-gradient(45deg, rgba(255,255,255,0.2) 0 2px, transparent 2px 9px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c3::before{ background: repeating-linear-gradient(0deg, rgba(255,255,255,0.18) 0 1.5px, transparent 1.5px 8px), repeating-linear-gradient(90deg, rgba(255,255,255,0.18) 0 1.5px, transparent 1.5px 8px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c4::before{ background: repeating-linear-gradient(90deg, rgba(255,255,255,0.16) 0 1.5px, transparent 1.5px 11px), repeating-linear-gradient(0deg, rgba(255,255,255,0.16) 0 1.5px, transparent 1.5px 11px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c5::before{ background: repeating-linear-gradient(90deg, rgba(255,255,255,0.26) 0 2px, transparent 2px 6px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c6::before{ background: repeating-linear-gradient(90deg, rgba(255,255,255,0.18) 0 1.5px, transparent 1.5px 6px), repeating-linear-gradient(0deg, rgba(255,255,255,0.18) 0 1.5px, transparent 1.5px 6px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.pb-c7::before{ background: repeating-linear-gradient(90deg, rgba(255,255,255,0.24) 0 1.5px, transparent 1.5px 5px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-card-info{ display: flex; flex-direction: column; gap: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-card-meta{ display: flex; align-items: center; gap: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-stat{ display: inline-flex; align-items: center; gap: 5px; font-weight: 400; font-size: 13px; line-height: 15.6px; color: rgba(18, 23, 34, 0.5); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-stat img{ width: 13px; height: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-card.pb-shift{ transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-grid.no-new .pb-card.pb-shift{ transform: translateX(-224px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) #pbNewCard{ transition: opacity 0.4s ease 0.15s; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-grid.no-new #pbNewCard{ opacity: 0; transition-delay: 0s; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.is-glow{ box-shadow: 0 0 0 1.5px #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb::after{ content: ""; position: absolute; inset: 0; border-radius: 8px; opacity: 0; pointer-events: none; background: linear-gradient(100deg, rgba(0, 104, 249, 0) 35%, rgba(0, 104, 249, 0.14) 50%, rgba(0, 104, 249, 0) 65%); background-size: 250% 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .pb-thumb.is-glow::after{ opacity: 1; animation: step-sweep 1.2s ease-out; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-top{ flex-shrink: 0; width: 100%; height: 48px; padding: 0 12px 0 16px; display: flex; align-items: center; justify-content: space-between; background: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-top-left{ display: flex; align-items: center; gap: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-x{ position: relative; width: 14px; height: 14px; opacity: 0.7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-x::before,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-x::after{ content: ""; position: absolute; left: 6.5px; top: 0; width: 1.5px; height: 14px; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-x::before{ transform: rotate(45deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-x::after{ transform: rotate(-45deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-top-left p{ font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-top-right{ display: flex; align-items: center; gap: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-est{ font-size: 13px; color: rgba(255, 255, 255, 0.65); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-pct{ padding: 4px 10px; background: rgba(255, 255, 255, 0.14); border-radius: 9999px; font-weight: 500; font-size: 13px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-save{ height: 30px; padding: 0 12px; background: #0068f9; border-radius: 6px; font-weight: 500; font-size: 13px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-stepper{ flex-shrink: 0; width: 100%; padding: 10px 16px; display: flex; align-items: center; gap: 8px; background: #fff; box-shadow: inset 0 -0.5px 0 rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-step{ padding: 6px 12px; border-radius: 9999px; font-weight: 500; font-size: 13px; line-height: 15.6px; color: rgba(18, 23, 34, 0.55); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-step.is-done{ background: #f0f6ff; color: rgba(18, 23, 34, 0.45); text-decoration: line-through; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-step.is-active{ background: #0068f9; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-body{ width: 100%; padding: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-quiz{ width: 1056px; padding: 32px 36px; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1.5px #0068f9, 0 1px 1px 0 rgba(18, 23, 34, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-quiz h3{ font-weight: 500; font-size: 22px; line-height: 26.4px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qhead{ margin-top: 18px; display: flex; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qcount{ font-weight: 500; font-size: 14px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-mand{ font-size: 13px; color: rgba(18, 23, 34, 0.45); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qbar{ margin-top: 8px; width: 100%; height: 3px; background: rgba(18, 23, 34, 0.08); border-radius: 9999px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qbar i{ display: block; width: 40%; height: 3px; background: #0068f9; border-radius: 9999px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qgrid{ margin-top: 28px; display: flex; gap: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qleft{ flex: 1; min-width: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-question{ font-weight: 500; font-size: 20px; line-height: 26px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-opt{ margin-top: 12px; height: 46px; padding: 0 16px; display: flex; align-items: center; gap: 12px; border-radius: 8px; box-shadow: 0 0 0 0.5px rgba(18, 23, 34, 0.2); font-size: 15px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-opt:first-of-type{ margin-top: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-opt.is-picked{ box-shadow: 0 0 0 1.5px #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-radio{ flex-shrink: 0; width: 18px; height: 18px; border: 1.5px solid rgba(18, 23, 34, 0.25); border-radius: 50%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-opt.is-picked .co-radio{ border: 5px solid #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qvisual{ position: relative; flex-shrink: 0; width: 330px; height: 250px; border-radius: 10px; background: linear-gradient(135deg, #1c2434 0%, #0d1118 100%); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qlogo{ width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: #0068f9; border-radius: 14px; font-weight: 600; font-size: 32px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qchip{ position: absolute; left: -18px; bottom: 24px; display: flex; align-items: center; gap: 8px; padding: 9px 14px; background: #fff; border-radius: 10px; box-shadow: 0 6px 20px rgba(18, 23, 34, 0.18), 0 0 0 0.5px rgba(18, 23, 34, 0.1); font-weight: 500; font-size: 13px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-qnav{ margin-top: 28px; display: flex; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-prev{ height: 36px; padding: 0 14px; border-radius: 8px; box-shadow: 0 0 0 0.5px rgba(18, 23, 34, 0.2); font-weight: 500; font-size: 14px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-next{ height: 36px; padding: 0 16px; background: #0068f9; border-radius: 8px; font-weight: 500; font-size: 14px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .co-nextsec{ margin-top: 32px; font-weight: 500; font-size: 22px; line-height: 26.4px; color: rgba(18, 23, 34, 0.35); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-date.is-flash{ animation: date-flash 0.9s ease-out; } @keyframes date-flash{ 0%, 30% { background: #0068f9; color: #fff; } 100% { background: #f4fbff; color: #121722; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .mode-b .ob-date.is-flash{ animation: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-phases::after{ content: ""; position: absolute; inset: 0; border-radius: 10px; opacity: 0; pointer-events: none; background: linear-gradient(100deg, rgba(0, 104, 249, 0) 35%, rgba(0, 104, 249, 0.14) 50%, rgba(0, 104, 249, 0) 65%); background-size: 250% 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-phases.is-glow{ box-shadow: 0 0 0 1.5px #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-phases.is-glow::after{ opacity: 1; animation: step-sweep 1.2s ease-out; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat{ position: absolute; --chat-s: max(var(--s), 0.75); left: calc((100% - 848px * var(--s)) * 0.354 + 87px * var(--s)); top: min(calc(528px * var(--s)), calc(var(--panel-h) - 240px)); width: 295.649px; z-index: 1; transform: scale(var(--chat-s)); transform-origin: 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-bubble-row{ width: 100%; padding-left: 45.484px; display: flex; flex-direction: column; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-attach{ display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px; padding: 5px 10px 5px 7px; background: rgba(242, 242, 242, 0.3); -webkit-backdrop-filter: blur(26px); backdrop-filter: blur(26px); border-radius: 10px; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; font-size: 11.5px; line-height: 16px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-attach.is-hidden{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-attach img{ width: 16px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-bubble{ width: fit-content; max-width: 250.165px; white-space: pre-line; padding: 7.31px 12.996px; background: rgba(242, 242, 242, 0.3); -webkit-backdrop-filter: blur(26px); backdrop-filter: blur(26px); border-radius: 16.244px; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; font-size: 12.183px; line-height: 17.057px; letter-spacing: -0.0893px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response{ width: 100%; margin-top: 11.371px; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response-muted{ padding-top: 4.873px; opacity: 0.5; font-weight: 400; font-size: 10.559px; line-height: 13.808px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response-text{ padding: 1.624px 0; font-weight: 400; font-size: 12.183px; line-height: 17.057px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .slack-stack{ position: absolute; --chat-s: max(var(--s), 0.75); left: calc((100% - 848px * var(--s)) * 0.354 + 87px * var(--s)); top: min(calc(528px * var(--s)), calc(var(--panel-h) - 240px)); z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; transform: scale(var(--chat-s)); transform-origin: 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .slack-note{ display: flex; align-items: center; gap: 8px; padding: 8px 13px 8px 10px; background: #fff; border-radius: 10px; box-shadow: 0 5px 16px rgba(18, 23, 34, 0.12), 0 0 0 0.5px rgba(18, 23, 34, 0.08); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .slack-note.is-hidden{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .slack-note.slack-in{ animation: slack-in 0.32s cubic-bezier(0.34, 1.5, 0.5, 1) both; } @keyframes slack-in{ from { opacity: 0; transform: translateY(12px) scale(0.88); } to { opacity: 1; transform: none; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .slack-note img{ width: 15px; height: 15px; opacity: 0.85; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .slack-note p{ font-weight: 400; font-size: 12px; line-height: 15px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .slack-note b{ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar{ position: absolute; left: 0; bottom: 0; width: 100%; min-height: 75.352px; padding: 24px 32px; display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) #dock-ai-overlay{ position: fixed; inset: 0; z-index: 99999; display: none; background: rgba(18, 23, 34, 0.45); align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) #dock-ai-overlay.open{ display: flex; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) #dock-ai-frame{ width: min(440px, 92vw); height: 600px; max-height: 92vh; border: 0; border-radius: 26px; background: #fff; box-shadow: 0 24px 60px rgba(18, 23, 34, 0.25); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar-text{ font-weight: 500; font-size: 16px; line-height: 16px; text-align: center; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response{ transition: opacity 0.35s ease, transform 0.35s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-bubble-row.is-hidden,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response.is-hidden{ opacity: 0; transform: translateY(5px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-bubble.is-hidden{ opacity: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response p{ transition: opacity 0.3s ease, transform 0.3s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response p.is-off{ opacity: 0; transform: translateY(4px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .chat-response p.is-working{ opacity: 1; background: linear-gradient(100deg, rgba(255, 255, 255, 0.5) 42%, #fff 50%, rgba(255, 255, 255, 0.5) 58%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: chat-shimmer 1.4s linear infinite; } @keyframes chat-shimmer{ from { background-position: 120% 0; } to { background-position: -130% 0; } } @keyframes step-sweep{ from { background-position: 120% 0; } to { background-position: -120% 0; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ob-fill{ transition: width 0.5s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.slides,[data-home-v2-classes~="slides"]){ width: 1296px; max-width: calc(100% - 32px); margin: 100px auto 0; display: flex; flex-direction: column; align-items: center; gap: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-tab{ margin-top: 1px; padding: 8px 12px 10px; border-bottom: 2px solid transparent; opacity: 0.6; cursor: pointer; transition: border-color 0.25s ease, margin 0.25s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-tab:hover{ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-tab.is-active{ margin-top: 0; border-bottom-color: #0068f9; opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-tab span{ font-weight: 400; font-size: 15px; line-height: 16.8px; text-align: center; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sr-debug{ width: 100%; padding: 0 24px; display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(18, 23, 34, 0.45); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sr-debug button{ padding: 3px 10px; background: #fff; border-radius: 6px; box-shadow: 0 0 0 0.5px rgba(18, 23, 34, 0.2); font-size: 12px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sr-debug button:hover{ background: #f4f4f5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sl-frame,[data-home-v2-classes~="sl-frame"]){ position: absolute; left: 50%; top: 2px; transform: translateX(-50%); width: 1248px; display: flex; flex-direction: column; background: #fff; border-radius: 12px; overflow: clip; box-shadow: 0 0 0 0.969px rgba(0, 0, 0, 0.1), 0 16.48px 17.45px -11.633px rgba(0, 0, 0, 0.08); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-chrome{ padding-top: 4px; display: flex; align-items: flex-end; background: #f4f4f4; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-dots{ align-self: stretch; display: flex; align-items: center; gap: 4px; padding: 0 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-tabbar{ display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-fillet{ position: relative; display: block; width: 8px; height: 8px; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-fillet::before{ content: ""; position: absolute; inset: 0; background: #f7f7f7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-fillet--l::before{ border-bottom-right-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-fillet--r::before{ border-bottom-left-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-mactab{ display: flex; align-items: flex-start; gap: 8px; padding: 6px 10px; background: #fff; border-radius: 8px 8px 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-mactab-ico{ width: 16px; height: 16px; display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-mactab-title{ font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; text-align: center; color: #000; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-urlbar{ display: flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px; background: #fff; box-shadow: inset 0 -0.5px 0 rgba(18, 23, 34, 0.12); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-nav{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-navico{ width: 27px; height: 27px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-flip{ transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-address{ flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 3px 10px 3px 3px; background: #f4f4f4; border-radius: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-address-badge{ flex-shrink: 0; width: 19px; height: 19px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-address-text{ font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-actions{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-actico{ width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; border-radius: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-divider{ flex-shrink: 0; width: 2px; height: 16px; margin: 0 4px 0 3px; background: #d8d8d8; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sl-window,[data-home-v2-classes~="sl-window"]){ position: relative; height: 818px; padding-top: 2px; background: #fff; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sl-scene,[data-home-v2-classes~="sl-scene"]){ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sl-scene,[data-home-v2-classes~="sl-scene"]):is(.is-on,[data-home-v2-classes~="is-on"]){ display: block; } @keyframes bc-shimmer{ from { background-position: 120% 0; } to { background-position: -120% 0; } } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.slides,[data-home-v2-classes~="slides"]){ margin-top: 64px; }} @media (max-width: 1560px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar{ padding: 20px 24px; column-gap: 12px; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar-text{ width: 100%; text-align: center; }} @media (max-width: 1440px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-title{ font-size: 52px; line-height: 58px; }} @media (max-width: 1240px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ --s: 0.9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-title{ font-size: 46px; line-height: 52px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-left{ gap: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav{ gap: 28px; }} @media (max-width: 1080px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ flex-direction: column; --s: 1; --panel-h: calc(878px * var(--s)); margin-top: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-left{ flex: none; width: 100%; height: auto; padding: 48px 16px 56px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-right{ flex: none; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-title{ font-size: 50px; line-height: 56px; }} @media (max-width: 900px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav{ display: none; }} @media (max-width: 740px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ --s: 0.85; }} @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-right{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .prompt-widget{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-ctas{ display: flex; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-ctas .btn{ height: 44px; padding: 0 22px; font-size: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ --s: 0.8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-left{ padding: 36px 8px 44px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hero-title{ font-size: clamp(30px, 8.5vw, 44px); line-height: 1.14; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar{ padding: 16px 20px; gap: 10px 12px; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar-text{ width: 100%; text-align: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar img{ zoom: 0.7; }} @media (max-width: 520px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ --s: 0.66; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar{ padding: 12px; }} @media (max-width: 430px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ --s: 0.56; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar img{ zoom: 0.62; }} @media (max-width: 360px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]){ --s: 0.47; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar img{ zoom: 0.55; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-static{ width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-static img{ display: block; width: 100%; height: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-static--dom{ width: 1260px; transform: scale(0.990476); transform-origin: 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sl-scene,[data-home-v2-classes~="sl-scene"])[data-screen="deal"]{ background: #fffefb; } @keyframes lib-caret{ 0%,55%{opacity:1} 56%,100%{opacity:0} } @keyframes mk-press{ 0%,100%{transform:scale(1)} 42%{transform:scale(0.78)} } @keyframes mk-ripple{ 0%{opacity:0.55;transform:translate(-50%,-50%) scale(0.2)} 100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)} } @keyframes mk-press{ 0%,100%{transform:scale(1)} 42%{transform:scale(0.78)} } @keyframes mk-ripple{ 0%{opacity:0.55;transform:translate(-50%,-50%) scale(0.2)} 100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)} } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .mkt-opt{ display: flex; align-items: center; gap: 12px; padding: 13px 15px; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(18,23,34,0.14); font-size: 14px; color: #121722; cursor: default; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .mkt-opt.is-picked{ box-shadow: inset 0 0 0 1.5px #0068f9; background: #f4f8ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ag-ex{ display: flex; flex-direction: column; gap: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ag-ex{ opacity: 0; transform: translateY(8px); transition: opacity 0.35s ease, transform 0.35s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ag-ex.is-in{ opacity: 1; transform: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ag-a{ display: flex; flex-direction: column; gap: 7px; } @keyframes ag-spin{ to { transform: rotate(360deg); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]){ position: relative; width: 1248px; height: 736px; display: flex; flex-direction: column; align-items: flex-start; background: #fff; border-radius: 12px; box-shadow: 0px 0px 0px 0.969px rgba(0, 0, 0, 0.1), 0px 16.48px 17.45px -11.633px rgba(0, 0, 0, 0.08); overflow: hidden; font-family: "Roobert", sans-serif; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) p{ margin: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) img{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tabstrip{ width: 100%; height: 33px; background: #f4f4f4; display: flex; align-items: flex-end; padding-top: 4px; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-dots{ display: flex; gap: 4px; align-items: center; align-self: stretch; padding-left: 13px; padding-right: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-dots img{ width: 10px; height: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tabgroup{ display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tabcorner{ width: 8px; height: 8px; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tabcorner span{ display: block; width: 8px; height: 8px; background: #f7f7f7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tabcorner-left span{ border-radius: 0 0 100px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tabcorner-right span{ border-radius: 0 0 0 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tab{ background: #fff; border-radius: 8px 8px 0 0; display: flex; gap: 8px; align-items: flex-start; padding: 6px 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tab-icon{ width: 16px; height: 16px; display: flex; flex-direction: column; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tab-icon img{ width: 16px; height: 10.667px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-tab-label{ font-family: "Inter", sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-urlbar{ position: relative; width: 100%; background: #fff; display: flex; gap: 8px; align-items: center; padding: 4px 12px 4px 4px; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navactions{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navbtn{ display: block; width: 27px; height: 27px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navbtn img{ width: 27px; height: 27px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navbtn-fwd img{ transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-urlwrap{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-urlpill{ flex: 1 0 0; min-width: 1px; background: #f4f4f4; border-radius: 40px; display: flex; gap: 8px; align-items: center; padding: 3px 10px 3px 3px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-urlicon{ width: 19px; height: 19px; background: #fff; border-radius: 100px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-urlicon img{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-urltext{ font-family: "Inter", sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chromeactions{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chromebtn{ width: 27px; height: 27px; border-radius: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-symbol{ width: 17px; height: 11.333px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-puzzle{ width: 16px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-dividerwrap{ align-self: stretch; display: flex; align-items: center; justify-content: center; padding-left: 3px; padding-right: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-divider{ display: block; width: 2px; height: 16px; background: #d8d8d8; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-avatar{ width: 16px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-window{ width: 100%; height: 668px; background: #fff; display: flex; flex-direction: column; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-editor{ flex: 1 0 0; min-height: 1px; width: 100%; background: #1b1e24; border-radius: 0 0 10px 10px; display: flex; flex-direction: column; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-eheader{ width: 100%; height: 36px; background: #1b1e24; display: flex; align-items: center; justify-content: space-between; padding: 4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-etitle{ flex: 1 0 0; min-width: 1px; display: flex; gap: 3.454px; align-items: center; padding: 2px 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-etitle-icon{ width: 24px; height: 24px; border-radius: 3.454px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-etitle-icon img{ width: 13.817px; height: 13.817px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-etitle-text{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-end; padding-top: 5.181px; padding-bottom: 6.045px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-etitle-text p{ flex: 1 0 0; min-width: 1px; font-weight: 600; font-size: 12px; line-height: normal; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-etabs{ width: 234px; height: 26px; background: #292d35; border-radius: 66px; display: flex; gap: 1px; align-items: flex-start; padding: 1px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg{ height: 100%; display: flex; align-items: flex-end; border-radius: 37px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-internal{ width: 75px; gap: 3px; padding: 4px 12px 5px 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-editor{ width: 74px; gap: 3px; padding: 4px 12px 5px; background: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-shared{ gap: 4px; padding: 4px 12px 5px 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-icon14{ position: relative; display: block; width: 14px; height: 14px; opacity: 0.8; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-icon12{ position: absolute; left: 1px; top: 1px; width: 12px; height: 12px; overflow: hidden; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-internal-badge{ position: absolute; left: 0; top: 0; width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-internal-glyph{ position: absolute; left: 2.94px; top: 3.18px; width: 6.062px; height: 6.124px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-icon138{ display: block; width: 13.817px; height: 13.817px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-icon138 img{ width: 13.817px; height: 13.817px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-op80{ opacity: 0.8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-label-lg{ font-weight: 400; font-size: 12px; line-height: 15px; color: #fff; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-seg-label-sm{ font-weight: 400; font-size: 10.36px; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-lh-editor{ line-height: 12.522px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-lh-shared{ line-height: 12.953px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-ectas{ flex: 1 0 0; min-width: 1px; display: flex; gap: 3.454px; align-items: flex-start; justify-content: flex-end; padding: 2px; border-radius: 3.454px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-cta{ height: 24px; display: flex; gap: 4px; align-items: flex-end; border-radius: 4.8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-cta p{ font-weight: 500; font-size: 12px; line-height: normal; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-cta-askai{ background: #292d35; padding: 5px 10px 6px 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-cta-threads{ padding: 5px 10px 6px 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-cta-share{ background: #0f73ff; padding: 5px 10px 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-sparkle12{ position: relative; display: block; width: 12px; height: 12px; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-sparkle12 img{ position: absolute; left: 0.75px; top: 0.75px; width: 10.5px; height: 10.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-cta-icon12{ display: block; width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-cta-icon12 img{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-econtent{ flex: 1 0 0; min-height: 1px; width: 100%; display: flex; align-items: stretch; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-sidebar{ width: 179.621px; background: #1b1e24; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-sidebar-top{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-list{ width: 179.621px; display: flex; flex-direction: column; align-items: flex-start; padding: 5.181px 10.363px 13.817px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-list-bordered{ border: 0.432px solid #4b515d; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-list-bottom{ width: 100%; padding: 5.181px 10.363px 10.363px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navheader{ width: 100%; display: flex; align-items: center; padding: 3.454px 6.045px 6.909px 6.909px; border-radius: 5.181px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navheader-sections{ width: 158.896px; padding-right: 5.181px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navheader-content{ flex: 1 0 0; min-width: 1px; display: flex; align-items: center; padding: 1.727px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navheader-label{ flex: 1 0 0; min-width: 1px; height: 13.817px; font-weight: 500; font-size: 11px; line-height: normal; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-label-95{ font-size: 9.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-icon138{ display: block; width: 13.817px; height: 13.817px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-icon138 img{ width: 13.817px; height: 13.817px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-ghosticon{ opacity: 0; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navrow{ width: 100%; height: 24.18px; display: flex; gap: 1.727px; align-items: center; padding: 3.454px 6.909px; border-radius: 3.454px; background: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navrow-plain{ background: transparent; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navrow-active{ background: rgba(0, 104, 249, 0.12); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-icon12{ display: block; width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-icon12 img{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-icon1209{ display: block; width: 12.09px; height: 12.09px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-icon1209 img{ width: 12.09px; height: 12.09px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navrow-content{ width: 117.445px; display: flex; align-items: center; padding: 1.727px 3.454px; flex-shrink: 0; text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navrow-content-wide{ width: 131.262px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navrow-content p{ flex: 1 0 0; min-width: 1px; height: 13.817px; font-weight: 400; font-size: 10.36px; line-height: 11.226px; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-navrow-content p.s1-blue{ color: #5ab7ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pre{ white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-main{ flex: 1 0 0; min-width: 1px; background: #1b1e24; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-page{ position: relative; flex: 1 0 0; min-height: 1px; width: 100%; background: #fefefe; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; isolation: isolate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pages{ position: relative; z-index: 2; width: 100%; height: 34px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; padding: 0 6.909px; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pagetabs{ width: 100%; display: flex; align-items: center; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pagetabs-left{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pagetab-active{ display: flex; align-items: flex-end; padding: 9.499px 13.817px 10.363px; border-bottom: 0.864px solid #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pagetab-content{ display: flex; gap: 5.181px; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pagetab-content p{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pagetab-add{ height: 33px; display: flex; align-items: flex-end; padding: 11.226px 10.363px 9.499px; border-bottom: 0.864px solid rgba(64, 88, 255, 0); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pagetabs-spacer{ width: 493.095px; height: 25.907px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pcontent{ z-index: 1; flex: 1 0 0; min-height: 1px; width: 100%; display: flex; flex-direction: column; gap: 27.634px; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-phero{ width: 100%; height: 220px; background: #fff; box-shadow: 0px 0px 1px 0.5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-phero-inner{ display: flex; flex-direction: column; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo{ width: 80px; height: 80px; margin-bottom: -4px; display: flex; flex-direction: column; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-grid{ position: relative; width: 80.005px; height: 53.381px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-cell{ position: absolute; width: 53.35px; height: 53.35px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-cell-a{ left: 26.66px; top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-cell-b{ left: 0; top: 0.03px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-cell-c{ left: 26.66px; top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-shape{ position: absolute; left: 0; top: 0; width: 53.35px; height: 53.35px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-glyph-a{ position: absolute; left: 13.33px; top: 13.34px; width: 26.675px; height: 26.675px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-plogo-glyph-v{ position: absolute; left: 13.06px; top: 14.15px; width: 26.951px; height: 27.227px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-ptitle{ font-weight: 600; font-size: 41px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-psections{ width: 741px; border: 1px solid #0068f9; display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pcard{ position: relative; width: 100%; height: 251px; background: #fff; border-radius: 6px; filter: drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.1)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pcard-copy{ position: absolute; left: 48.19px; top: 44.37px; width: 362px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pcard-p1{ font-weight: 500; font-size: 16px; line-height: 25px; margin-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pcard-p2{ font-weight: 400; font-size: 16px; line-height: 25px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-pcard-toc{ position: absolute; left: 463.19px; top: -0.63px; width: 278px; height: 254px; overflow: hidden; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-toc-title{ position: absolute; left: 48px; top: 45px; font-weight: 500; font-size: 11px; line-height: 25px; letter-spacing: 0.44px; text-transform: uppercase; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-toc-items{ position: absolute; left: 48px; top: 87px; opacity: 0.25; font-weight: 500; font-size: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-toc-items p{ line-height: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-toc-items p:first-child{ margin-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-workingctas{ position: absolute; left: -0.28px; top: -19.7px; width: 192px; display: flex; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-working{ height: 20.181px; background: #0068f9; border: 0.721px solid #0068f9; border-top-left-radius: 2.883px; display: flex; gap: 1.442px; align-items: center; padding: 2.883px 4.325px 2.883px 5.766px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-working-content{ display: flex; align-items: center; padding: 1.442px 2.883px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-working-content p,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-stop p{ font-weight: 400; font-size: 10.091px; line-height: 10.811px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-stop{ height: 20.181px; background: #005ee2; border: 0.721px solid #005ee2; border-top-right-radius: 2.883px; display: flex; gap: 1.442px; align-items: center; padding: 2.883px 8.649px; flex-shrink: 0; margin-left: -1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat{ width: 275px; display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat-sidebar{ flex: 1 0 0; min-width: 1px; height: 100%; background: #fff; border-left: 0.284px solid #e1e1e1; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat-header{ position: relative; width: 100%; height: 34px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 6.909px; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat-headernav{ width: 100%; display: flex; align-items: center; padding: 2.273px 2.273px 4.546px 10.55px; border-radius: 3.41px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat-headercontent{ flex: 1 0 0; min-width: 1px; display: flex; align-items: center; justify-content: space-between; padding: 1.137px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat-title{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat-body{ flex: 1 0 0; min-height: 1px; width: 100%; display: flex; flex-direction: column; gap: 9.093px; align-items: flex-start; padding: 13.37px 16.37px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-msg-hello{ width: 222.776px; font-weight: 400; font-size: 12px; line-height: 15px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-msg-para{ width: 100%; font-weight: 400; font-size: 12px; line-height: 16px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chips{ display: flex; flex-direction: column; gap: 8.41px; align-items: flex-start; padding-bottom: 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chip{ display: flex; gap: 4.546px; align-items: center; justify-content: center; opacity: 0.5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chip p{ font-weight: 400; font-size: 10px; line-height: 9px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chip-icon{ display: block; width: 7.956px; height: 7.956px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chip-icon img{ width: 7.956px; height: 7.956px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chip-tools{ padding: 6px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-msg-block{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-msg-para2{ width: 100%; font-weight: 400; font-size: 12px; line-height: 16px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-shimmerwrap{ display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-shimmer{ font-weight: 400; font-size: 10px; line-height: 14px; white-space: nowrap; background: linear-gradient(90deg, #666666 30.045%, #000000 64.574%, #bcbcbc 88.341%); -webkit-background-clip: text; background-clip: text; color: transparent; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-chat-footer{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 8px; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-inputwrap{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-input{ width: 100%; height: 78px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 7.68px 7.55px 7.55px; overflow: hidden; isolation: isolate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-input-header{ z-index: 2; width: 100%; display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-input-cta{ position: relative; display: flex; gap: 2.273px; align-items: flex-end; padding: 3.41px 6.82px 3.978px 5.683px; border-radius: 2.273px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-input-cta p{ font-weight: 400; font-size: 12px; line-height: 15px; color: #1b1e24; opacity: 0.5; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-caret{ position: absolute; left: 5.45px; top: 6.32px; width: 1px; height: 10px; background: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-input-footer{ z-index: 1; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-input-ctas{ display: flex; gap: 2.933px; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-inputbtn{ width: 22px; height: 22px; border: 0.5px solid #e4e4e4; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-inputicon-search{ width: 9.62px; height: 9.62px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step1,[data-home-v2-classes~="sr-step1"]) .s1-inputicon-1173{ width: 11.733px; height: 11.733px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]){ position: relative; width: 1248px; height: 736px; display: flex; flex-direction: column; align-items: flex-start; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0px 0px 0px 0.969px rgba(0, 0, 0, 0.1), 0px 16.48px 17.45px -11.633px rgba(0, 0, 0, 0.08); font-family: "Roobert", sans-serif; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) p{ font-weight: inherit; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) img{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chrome{ width: 100%; height: 33px; flex-shrink: 0; background: #f4f4f4; padding-top: 4px; display: flex; align-items: flex-end; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-dots{ height: 100%; display: flex; align-items: center; gap: 4px; padding-left: 13px; padding-right: 6px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-dots img{ width: 10px; height: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tabwrap{ display: flex; align-items: flex-end; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tab-corner{ width: 8px; height: 8px; background: #fff; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tab-corner div{ width: 8px; height: 8px; background: #f7f7f7; border-radius: 0 0 0 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tab-corner-l div{ transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-browser-tab{ background: #fff; border-radius: 8px 8px 0 0; display: flex; align-items: flex-start; gap: 8px; padding: 6px 10px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-browser-tab-icon{ width: 16px; height: 16px; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-browser-tab-icon img{ width: 16px; height: 10.667px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-browser-tab p{ font-family: "Inter", sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-urlbar{ width: 100%; height: 35px; flex-shrink: 0; background: #fff; display: flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-nav-actions,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-right-actions{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-nav-btn{ width: 27px; height: 27px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-nav-fwd{ transform: rotate(180deg) scaleY(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-urlpill-wrap{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-urlpill{ flex: 1 0 0; min-width: 1px; background: #f4f4f4; border-radius: 40px; display: flex; align-items: center; gap: 8px; padding: 3px 10px 3px 3px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-urlpill-fav{ width: 19px; height: 19px; background: #fff; border-radius: 100px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-urlpill-fav img{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-urlpill p{ font-family: "Inter", sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-right-btn{ width: 27px; height: 27px; border-radius: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-symbol{ width: 17px; height: 11.333px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ext{ width: 16px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-sep-wrap{ align-self: stretch; display: flex; align-items: center; padding-left: 3px; padding-right: 4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-sep{ width: 2px; height: 16px; background: #d8d8d8; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-profile{ width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) :is(.s2-window,[data-home-v2-classes~="s2-window"]){ width: 100%; height: 668px; flex-shrink: 0; background: #fff; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) :is(.s2-editor,[data-home-v2-classes~="s2-editor"]){ flex: 1 0 0; min-height: 1px; width: 100%; background: #1b1e24; border-radius: 0 0 10px 10px; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-eheader{ width: 100%; height: 36px; flex-shrink: 0; background: #1b1e24; display: flex; align-items: center; justify-content: space-between; padding: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-etitle{ flex: 1 0 0; min-width: 1px; display: flex; align-items: center; gap: 3.454px; padding: 2px 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-etitle-icon{ width: 24px; height: 24px; border-radius: 3.454px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-etitle-icon img{ width: 13.817px; height: 13.817px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-etitle-text{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-end; padding-top: 5.181px; padding-bottom: 6.045px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-etitle-text p{ flex: 1 0 0; min-width: 1px; font-weight: 600; font-size: 12px; line-height: normal; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-etabs{ width: 234px; height: 26px; flex-shrink: 0; background: #292d35; border-radius: 66px; display: flex; align-items: flex-start; gap: 1px; padding: 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg{ height: 100%; display: flex; align-items: flex-end; border-radius: 37px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-internal{ width: 75px; gap: 3px; padding: 4px 12px 5px 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-icon-internal{ position: relative; width: 14px; height: 14px; opacity: 0.8; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-int-img{ position: absolute; left: 1px; top: 1px; width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-int-inner{ position: absolute; left: 3.94px; top: 4.18px; width: 6.062px; height: 6.124px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-label-lg{ font-weight: 400; font-size: 12px; line-height: 15px; color: #fff; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-editor{ width: 74px; background: #1b1e24; gap: 3px; padding: 4px 12px 5px 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-icon{ width: 13.817px; height: 13.817px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-icon-dim{ opacity: 0.8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-label-sm{ font-weight: 400; font-size: 10.36px; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-label-editor{ line-height: 12.522px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-label-shared{ line-height: 12.953px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-seg-shared{ gap: 4px; padding: 4px 12px 5px 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ectas{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-start; justify-content: flex-end; gap: 3.454px; padding: 2px; border-radius: 3.454px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta{ height: 24px; display: flex; align-items: flex-end; gap: 4px; border-radius: 4.8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta p{ font-weight: 500; font-size: 12px; line-height: normal; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta-askai{ background: #292d35; padding: 5px 10px 6px 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta-askai-icon{ position: relative; width: 12px; height: 12px; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta-askai-icon img{ position: absolute; left: 0.75px; top: 0.67px; width: 10.5px; height: 10.58px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta-threads{ padding: 5px 10px 6px 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta-icon{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ecta-share{ background: #0f73ff; padding: 5px 10px 6px 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) :is(.s2-econtent,[data-home-v2-classes~="s2-econtent"]){ flex: 1 0 0; min-height: 1px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-sidebar{ width: 179.621px; height: 100%; flex-shrink: 0; background: #1b1e24; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-sidebar-top{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-list{ width: 179.621px; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; padding: 5.181px 10.363px 13.817px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-list-ws{ border: 0.432px solid #4b515d; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-list-help{ width: 100%; padding: 5.181px 10.363px 10.363px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navhead{ width: 100%; display: flex; align-items: center; padding: 3.454px 6.045px 6.909px 6.909px; border-radius: 5.181px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navhead p{ flex: 1 0 0; min-width: 1px; height: 13.817px; font-weight: 500; font-size: 11px; line-height: normal; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1.727px 0; box-sizing: content-box; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navhead img{ width: 13.817px; height: 13.817px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navhead-sections{ width: 158.896px; padding-right: 5.181px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navhead-sections p{ font-size: 9.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navitem{ width: 100%; height: 24.18px; display: flex; align-items: center; gap: 1.727px; padding: 3.454px 6.909px; border-radius: 3.454px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navitem-icon{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navitem-icon-lg{ width: 12.09px; height: 12.09px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navitem-label{ width: 131.262px; font-weight: 400; font-size: 10.36px; line-height: 11.226px; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 3.06px 3.454px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navitem-label-narrow{ width: 110.537px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-navitem-trail{ width: 12.09px; height: 12.09px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) :is(.s2-main,[data-home-v2-classes~="s2-main"]){ flex: 1 0 0; min-width: 1px; height: 100%; position: relative; background: #fffefb; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-pages{ position: absolute; left: 0.38px; top: 0; width: 793px; height: 34px; z-index: 2; padding: 0 6.909px; display: flex; flex-direction: column; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ptabs{ width: 100%; display: flex; align-items: flex-start; gap: 8px; padding: 11px 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ptab{ display: flex; align-items: flex-end; gap: 5.181px; padding: 6px 13.817px 7.36px 12.82px; border-radius: 43px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ptab-active{ background: #fff; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ptab img{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ptab p{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ptab-active p{ font-weight: 600; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-pagecontent{ position: relative; z-index: 1; width: 100%; flex: 1 0 0; min-height: 1px; display: flex; flex-direction: column; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-hero-header{ position: relative; width: 100%; height: 265px; flex-shrink: 0; margin-bottom: -20.37px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 44px; overflow: hidden; background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 793.38 265' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.0381e-13 19.6 -57.615 -4.7396e-13 396.69 186.5)'><stop stop-color='rgba(252,251,247,1)' offset='0'/><stop stop-color='rgba(201,200,197,1)' offset='0.5'/><stop stop-color='rgba(150,149,147,1)' offset='1'/></radialGradient></defs></svg>"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-bg-mountains{ position: absolute; left: -339px; top: -243px; width: 1728px; height: 1152px; max-width: none; object-fit: cover; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-bg-glow{ position: absolute; left: -485px; top: -95px; width: 2218px; height: 360px; background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 2218 360' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(174.67 9.915e-15 -2.2583e-13 23.234 1109 127.66)'><stop stop-color='rgba(255,254,251,1)' offset='0'/><stop stop-color='rgba(255,254,251,0)' offset='1'/></radialGradient></defs></svg>"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-flank{ position: absolute; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-flank-l{ left: -615.62px; top: -144px; width: 801px; height: 534px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-flank-r{ left: 595.38px; top: -139px; width: 758px; height: 506px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-flank img{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-hero{ position: relative; display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-hero-icon{ position: relative; width: 80px; height: 80px; margin-bottom: -4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-hero-icon-grid{ position: absolute; left: 0; top: 13.31px; width: 80.005px; height: 53.381px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-logo-layer{ position: absolute; top: 0; width: 53.35px; height: 53.35px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-logo-a{ left: 26.66px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-logo-b{ left: 0; top: 0.03px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-logo-c{ left: 26.66px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-logo-circle{ position: absolute; left: 0; top: 0; width: 53.35px; height: 53.35px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-logo-inner-a{ position: absolute; left: 13.33px; top: 13.34px; width: 26.675px; height: 26.675px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-logo-inner-b{ position: absolute; left: 13.06px; top: 14.15px; width: 26.951px; height: 27.227px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-hero-title{ font-weight: 600; font-size: 41px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-body-sections{ width: 100%; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 24px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-addsection{ width: 93px; height: 28px; min-width: 40px; flex-shrink: 0; background: #fff; border: 0.5px solid rgba(0, 0, 0, 0.07); border-radius: 16px; opacity: 0.5; box-shadow: 0px 0px 0px 0.5px rgba(18, 23, 34, 0.1), 0px 1px 2px 0px rgba(18, 23, 34, 0.1); display: flex; align-items: center; justify-content: center; padding: 0.5px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-addsection p{ font-weight: 500; font-size: 12px; line-height: 16.8px; color: #1a202c; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-introcard{ position: relative; width: 100%; height: 251px; flex-shrink: 0; background: #fffefb; border: 0.5px solid #d1cdc2; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-introcard-text{ position: absolute; left: 47.5px; top: 43.87px; width: 327px; color: #1b1e24; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-introcard-lead{ font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-introcard-sub{ font-weight: 400; font-size: 15px; line-height: 22px; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-toc{ position: absolute; left: 433.88px; top: -1.13px; width: 363px; height: 254px; background: #fcfbf7; border: 0.5px solid #d1cdc2; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-toc-title{ position: absolute; left: 63.5px; top: 44.5px; font-weight: 500; font-size: 11px; line-height: 25px; letter-spacing: 0.44px; text-transform: uppercase; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-toc-list{ position: absolute; left: 47.5px; top: 86.5px; color: #1b1e24; font-weight: 500; font-size: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-toc-list p{ line-height: 10px; margin-bottom: 16px; white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-toc-list p:last-child{ margin-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-toc-arrow{ color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-toc-square{ position: absolute; left: 47.5px; top: 52.5px; width: 9px; height: 9px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-nextsteps{ width: 100%; flex-shrink: 0; background: #fffefb; border: 0.5px solid #d1cdc2; display: flex; align-items: flex-start; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-block{ flex: 1 0 0; min-width: 1px; align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; padding: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-head{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 0.5px solid #e3e3e3; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-head-left{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-head-left p{ font-weight: 500; font-size: 18px; line-height: 25px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-head-left img{ width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-progress{ background: #f8f6ef; border-radius: 44px; display: flex; align-items: center; gap: 8px; padding: 5px 10px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-track{ width: 40px; background: #e8e5db; border-radius: 100px; display: flex; align-items: flex-start; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-fill{ width: 8px; height: 4px; background: #ff4f00; border-radius: 100px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-progress p{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-item{ width: 100%; height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border-bottom: 0.5px solid #e3e3e3; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-item-done{ background: #fcfbf7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-left{ width: 220px; display: flex; align-items: center; gap: 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-check{ width: 18px; height: 18px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-label{ width: 202px; height: 16px; font-weight: 400; font-size: 15px; line-height: 16px; color: #1b1e24; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-label-auto{ width: auto; height: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-label-done{ text-decoration: line-through; text-decoration-thickness: from-font; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-right{ width: 393px; display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-right-gap24{ gap: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-right-gap8{ gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-ctas{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-schedule{ border: 0.5px solid #e4e4e4; border-radius: 4px; display: flex; align-items: flex-end; gap: 4px; padding: 4px 10px 5px 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-schedule img{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-schedule p,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-todo p{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-ns-todo{ background: #f8f6ef; border-radius: 44px; display: flex; align-items: flex-end; padding: 4px 10px 5px 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-avatar{ width: 22px; height: 22px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-avatar-cluster{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-avatar-overlap{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-avatar-comp{ position: relative; width: 22px; height: 22px; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-avatar-comp-bg{ position: absolute; left: 0; top: 0; width: 22px; height: 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-avatar-comp-inner{ position: absolute; left: 5.39px; top: 5.84px; width: 11.114px; height: 11.228px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-avatar-comp-inner-c{ left: 5.5px; top: 5.5px; width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat{ width: 275px; height: 100%; flex-shrink: 0; display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat-sidebar{ flex: 1 0 0; min-width: 1px; height: 100%; background: #fff; border-left: 0.284px solid #e1e1e1; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat-head{ width: 100%; height: 34px; flex-shrink: 0; background: #fff; display: flex; flex-direction: column; justify-content: center; padding: 0 6.909px; overflow: hidden; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat-head-row{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 2.273px 2.273px 4.546px 10.55px; border-radius: 3.41px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat-head-row p{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat-head-row img{ width: 12.09px; height: 12.09px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat-msgs{ width: 100%; flex: 1 0 0; min-height: 1px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 9.093px; padding: 13.37px 16.37px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-msg{ width: 100%; padding-bottom: 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-msg-last{ padding-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-msg p{ font-weight: 400; font-size: 12px; line-height: 16px; color: #1b1e24; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tools{ display: flex; flex-direction: column; align-items: flex-start; gap: 8.41px; padding-bottom: 5px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tool-row{ display: flex; align-items: center; justify-content: center; gap: 4.546px; opacity: 0.5; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tool-row p{ font-weight: 400; font-size: 10px; line-height: 9px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-tool-row img{ width: 7.956px; height: 7.956px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-used-tools{ padding: 6px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-complete{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-complete p{ font-weight: 400; font-size: 12px; line-height: 16px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-chat-input-wrap{ width: 100%; flex-shrink: 0; padding: 8px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-input{ width: 100%; height: 78px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 7.68px 7.55px 7.55px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-input-header{ width: 100%; display: flex; align-items: flex-end; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-input-cta{ position: relative; display: flex; align-items: flex-end; gap: 2.273px; padding: 3.41px 6.82px 3.978px 5.683px; border-radius: 2.273px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-input-cta p{ font-weight: 400; font-size: 12px; line-height: 15px; color: #1b1e24; opacity: 0.5; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-caret{ position: absolute; left: 5.45px; top: 6.32px; width: 1px; height: 10px; background: #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-input-footer{ width: 100%; display: flex; align-items: flex-end; justify-content: space-between; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-input-ctas{ display: flex; align-items: center; gap: 2.933px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-input-btn{ width: 22px; height: 22px; border: 0.5px solid #e4e4e4; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-attach{ width: 9.62px; height: 9.62px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-plus{ width: 11.733px; height: 11.733px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-send{ position: relative; width: 22px; height: 22px; background: #0f73ff; border-radius: 4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step2,[data-home-v2-classes~="sr-step2"]) .s2-send p{ position: absolute; left: 15px; top: 3px; transform: translateX(-100%); font-weight: 500; font-size: 12px; line-height: normal; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]){ height: calc(736px / 0.9984); width: 1250px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; position: relative; border-radius: 12px; box-shadow: 0px 0px 0px 0.969px rgba(0, 0, 0, 0.1), 0px 16.48px 17.45px -11.633px rgba(0, 0, 0, 0.08); font-family: "Roobert", sans-serif; font-style: normal; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) img{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) p{ margin: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tabstrip{ background: #f4f4f4; width: 100%; padding-top: 4px; display: flex; align-items: flex-end; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-dots{ display: flex; gap: 4px; align-items: center; align-self: stretch; padding-left: 13px; padding-right: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-dots img{ width: 10px; height: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tabgroup{ display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tabcorner{ background: #fff; display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tabcorner span{ display: block; width: 8px; height: 8px; background: #f7f7f7; border-bottom-left-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tabcorner-left{ transform: rotate(180deg) scaleY(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tab{ background: #fff; display: flex; gap: 8px; align-items: flex-start; padding: 6px 10px; border-radius: 8px 8px 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tab-icon{ width: 16px; height: 16px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tab-icon img{ width: 16px; height: 10.667px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-tab-label{ font-family: "Inter", sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toolbar{ position: relative; background: #fff; width: 100%; display: flex; gap: 8px; align-items: center; padding: 4px 12px 4px 4px; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-navactions{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-navbtn{ width: 27px; height: 27px; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-navbtn img{ width: 100%; height: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-navbtn-fwd{ transform: rotate(180deg) scaleY(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-urlwrap{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-urlpill{ flex: 1 0 0; min-width: 1px; background: #f4f4f4; display: flex; gap: 8px; align-items: center; padding: 3px 10px 3px 3px; border-radius: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-urlicon{ width: 19px; height: 19px; background: #fff; border-radius: 100px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-urlicon img{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-urltext{ font-family: "Inter", sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chromeactions{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chromebtn{ width: 27px; height: 27px; border-radius: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-symbol{ width: 17px; height: 11.333px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-ext{ width: 16px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-dividerwrap{ align-self: stretch; display: flex; align-items: center; justify-content: center; padding-left: 3px; padding-right: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-divider{ width: 2px; height: 16px; background: #d8d8d8; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatar{ width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-window,[data-home-v2-classes~="s3-window"]){ background: #fff; flex: 1 0 auto; height: 668px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-editor,[data-home-v2-classes~="s3-editor"]){ background: #1b1e24; flex: 1 0 0; min-height: 1px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; border-radius: 0 0 10px 10px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-edhead{ background: #1b1e24; height: 36px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-edtitle{ flex: 1 0 0; min-width: 1px; display: flex; gap: 3.454px; align-items: center; padding: 2px 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-edtitle-icon{ width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 6.045px; border-radius: 3.454px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-edtitle-icon img{ width: 13.817px; height: 13.817px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-edtitle-textwrap{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-end; padding-top: 5.181px; padding-bottom: 6.045px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-edtitle-text{ flex: 1 0 0; min-width: 1px; font-weight: 600; font-size: 12px; line-height: normal; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg{ background: #292d35; display: flex; gap: 1px; height: 26px; align-items: flex-start; padding: 1px; border-radius: 66px; width: 234px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-item{ display: flex; gap: 3px; height: 100%; align-items: flex-end; border-radius: 37px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-internal{ padding: 4px 12px 5px 5px; width: 75px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-editor{ background: #1b1e24; padding: 4px 12px 5px; width: 74px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-shared{ padding: 4px 12px 5px 10px; gap: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-icon14{ width: 14px; height: 14px; position: relative; overflow: hidden; opacity: 0.8; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-icon14-in{ position: absolute; left: 1px; top: 1px; width: 12px; height: 12px; overflow: hidden; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-icon14-img{ position: absolute; left: 0; top: 0; width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-icon14-glyph{ position: absolute; left: 2.94px; top: 3.18px; width: 6.062px; height: 6.124px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-icon13{ width: 13.817px; height: 13.817px; position: relative; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-icon13 img{ position: absolute; left: 0; top: 0; width: 13.817px; height: 13.817px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-icon-dim{ opacity: 0.8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-label{ font-weight: 400; color: #fff; text-align: right; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-label-lg{ font-size: 12px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-label-editor{ font-size: 10.36px; line-height: 12.522px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-seg-label-shared{ font-size: 10.36px; line-height: 12.953px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-edctas{ flex: 1 0 0; min-width: 1px; display: flex; gap: 3.454px; align-items: flex-start; justify-content: flex-end; padding: 2px; border-radius: 3.454px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta{ display: flex; gap: 4px; height: 24px; align-items: flex-end; padding: 5px 10px 6px 8px; border-radius: 4.8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta-askai{ background: #292d35; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta-share{ background: #0f73ff; padding: 5px 10px 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta-spark{ width: 12px; height: 12px; position: relative; overflow: hidden; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta-spark img{ position: absolute; left: 0.75px; top: 0.66px; width: 10.5px; height: 10.58px; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta-icon12{ width: 12px; height: 12px; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta-icon12 img{ width: 100%; height: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cta-label{ font-weight: 500; font-size: 12px; line-height: normal; color: #fff; text-align: right; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-edbody,[data-home-v2-classes~="s3-edbody"]){ flex: 1 0 0; min-height: 1px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-sidebar{ background: #1b1e24; width: 179.621px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-sidetop{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-list{ display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; padding: 5.181px 10.363px 13.817px; width: 179.621px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-list-bordered{ border: 0.432px solid #4b515d; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-list-bottom{ padding: 5.181px 10.363px 10.363px; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-listhead{ display: flex; align-items: center; padding: 3.454px 6.045px 6.909px 6.909px; border-radius: 5.181px; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-listhead-sections{ padding-right: 5.181px; width: 158.896px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-listhead-labelwrap{ flex: 1 0 0; min-width: 1px; display: flex; align-items: center; padding: 1.727px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-listhead-label{ flex: 1 0 0; min-width: 1px; height: 13.817px; font-weight: 500; font-size: 11px; line-height: normal; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-listhead-label-sm{ font-size: 9.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-icon1381{ width: 13.817px; height: 13.817px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-sections-ghosticon{ width: 13.817px; height: 13.817px; position: relative; overflow: hidden; opacity: 0; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-sections-ghosticon span{ position: absolute; inset: 18.75% 6.25%; border: 0.864px solid #fff; border-radius: 2px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nav{ display: flex; gap: 1.727px; height: 24.18px; align-items: center; padding: 3.454px 6.909px; border-radius: 3.454px; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nav-icon12{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nav-icon1209{ width: 12.09px; height: 12.09px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nav-btn{ display: flex; align-items: center; padding: 1.727px 3.454px; flex-shrink: 0; text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nav-btn-117{ width: 117.445px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nav-btn-131{ width: 131.262px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nav-label{ flex: 1 0 0; min-width: 1px; height: 13.817px; font-weight: 400; font-size: 10.36px; line-height: 11.226px; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-main,[data-home-v2-classes~="s3-main"]){ background: #1b1e24; flex: 1 0 0; min-width: 1px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-pageouter,[data-home-v2-classes~="s3-pageouter"]){ background: #fefefe; flex: 1 0 0; min-height: 1px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; isolation: isolate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-pagecontent,[data-home-v2-classes~="s3-pagecontent"]){ flex: 1 0 0; min-height: 1px; width: 100%; display: flex; align-items: flex-start; justify-content: center; z-index: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-main2,[data-home-v2-classes~="s3-main2"]){ background: #1b1e24; flex: 1 0 0; min-width: 1px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-page,[data-home-v2-classes~="s3-page"]){ background: #fffefb; flex: 1 0 0; min-height: 1px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; overflow: hidden; position: relative; isolation: isolate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-pagetabs{ position: absolute; left: 0; top: 0; width: 100%; height: 48px; background: #fffefb; border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: flex-start; padding: 0 6.909px 40px; z-index: 2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-pagetabs-row{ display: flex; align-items: flex-start; padding: 11px 4px; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-pagetabs-group{ display: flex; gap: 8px; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-ptab{ display: flex; align-items: flex-end; padding: 6px 13.817px 7.36px 12.82px; border-radius: 43px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-ptab-active{ background: #fff; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-ptab-content{ display: flex; gap: 5.181px; align-items: flex-end; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-ptab-icon{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-ptab-label{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-ptab-label-active{ font-weight: 600; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-scrollcol,[data-home-v2-classes~="s3-scrollcol"]){ flex: 1 0 0; min-height: 1px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 72px; z-index: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero{ height: 265px; width: 100%; display: flex; flex-direction: column; gap: 44px; align-items: center; justify-content: center; margin-bottom: -20.37px; overflow: hidden; position: relative; flex-shrink: 0; background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 793.38 265' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.0381e-13 19.6 -57.615 -4.7396e-13 396.69 186.5)'><stop stop-color='rgba(252,251,247,1)' offset='0'/><stop stop-color='rgba(201,200,197,1)' offset='0.5'/><stop stop-color='rgba(150,149,147,1)' offset='1'/></radialGradient></defs></svg>"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-photo{ position: absolute; left: -339px; top: -243px; width: 1728px; height: 1152px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-photo img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; max-width: none; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-glow{ position: absolute; left: -485px; top: -95px; width: 2218px; height: 360px; background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 2218 360' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(174.67 9.915e-15 -2.2583e-13 23.234 1109 127.66)'><stop stop-color='rgba(255,254,251,1)' offset='0'/><stop stop-color='rgba(255,254,251,0)' offset='1'/></radialGradient></defs></svg>"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-cloud{ position: absolute; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-cloud-l{ left: -615.62px; top: -144px; width: 801px; height: 534px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-cloud-r{ left: 595.38px; top: -139px; width: 758px; height: 506px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-cloud img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-lockup{ display: flex; flex-direction: column; align-items: center; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-icon{ width: 80px; height: 80px; margin-bottom: -4px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badges{ position: relative; width: 80.01px; height: 53.38px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badge{ position: absolute; top: 0; width: 53.35px; height: 53.35px; overflow: hidden; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badge-r{ left: 26.66px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badge-l{ left: 0; top: 0.03px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badge-r2{ left: 26.66px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badge-bg{ position: absolute; left: 0; top: 0; width: 53.35px; height: 53.35px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badge-glyph{ position: absolute; left: 13.33px; top: 13.34px; width: 26.675px; height: 26.675px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-badge-glyph-l{ left: 13.06px; top: 14.15px; width: 26.951px; height: 27.227px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hero-title{ font-weight: 600; font-size: 41px; line-height: normal; color: #1b1e24; white-space: nowrap; word-break: break-word; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-sections{ display: flex; flex-direction: column; gap: 12px; align-items: center; padding: 32px 24px 0; width: 100%; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-addsection{ background: #fff; border: 0.5px solid rgba(0, 0, 0, 0.07); height: 28px; width: 93px; min-width: 40px; opacity: 0.5; display: flex; align-items: center; justify-content: center; padding: 0.5px; border-radius: 16px; box-shadow: 0px 0px 0px 0.5px rgba(18, 23, 34, 0.1), 0px 1px 2px 0px rgba(18, 23, 34, 0.1); overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-addsection p{ font-weight: 500; font-size: 12px; line-height: 16.8px; color: #1a202c; text-align: center; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-introcard{ background: #fffefb; border: 0.5px solid #d1cdc2; height: 251px; width: 100%; overflow: hidden; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-introtext{ position: absolute; left: 47.5px; top: 43.87px; width: 327px; color: #1b1e24; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-introtext-lead{ font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-introtext-sub{ font-weight: 400; font-size: 15px; line-height: 22px; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toc{ position: absolute; left: 433.88px; top: -1.13px; width: 363px; height: 254px; background: #fcfbf7; border: 0.5px solid #d1cdc2; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toc-title{ position: absolute; left: 63.5px; top: 44.5px; font-weight: 500; font-size: 11px; line-height: 25px; letter-spacing: 0.44px; text-transform: uppercase; color: #1b1e24; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toc-list{ position: absolute; left: 47.5px; top: 86.5px; font-weight: 500; font-size: 14px; color: #1b1e24; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toc-list p{ line-height: 10px; margin-bottom: 16px; white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toc-list p:last-child{ margin-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toc-arrow{ color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-toc-bullet{ position: absolute; left: 47.5px; top: 52.5px; width: 9px; height: 9px; background: #ff4f00; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-card{ border: 0.5px solid #d1cdc2; width: 100%; display: flex; align-items: flex-start; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nextcard{ background: #fffefb; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-teamcard{ background: #fffefb; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-meetcard{ background: #fcfbf7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-block{ flex: 1 0 0; min-width: 1px; align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; padding: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-block-full{ flex: none; width: 100%; min-width: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-h18{ font-weight: 500; font-size: 18px; line-height: 25px; color: #1b1e24; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nexthead{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 0.5px solid #e3e3e3; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-nexthead-left{ display: flex; gap: 8px; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-icon16{ width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-progress{ background: #f8f6ef; display: flex; gap: 8px; align-items: center; padding: 5px 10px; border-radius: 44px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-progress-track{ background: #e8e5db; width: 40px; border-radius: 100px; display: flex; align-items: flex-start; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-progress-fill{ background: #ff4f00; width: 8px; height: 4px; border-radius: 100px; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-progress-label{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item{ height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 16px 12px; border-bottom: 0.5px solid #e3e3e3; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-done{ background: #fcfbf7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-left{ display: flex; gap: 8px; align-items: center; width: 220px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-icon18{ width: 18px; height: 18px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-label{ font-weight: 400; font-size: 15px; line-height: 16px; color: #1b1e24; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-label-202{ width: 202px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-label-strike{ text-decoration: line-through; text-decoration-thickness: from-font; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-right{ display: flex; align-items: center; justify-content: flex-end; width: 393px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-right-g24{ gap: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-right-g8{ gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-item-ctas{ display: flex; gap: 8px; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-schedule{ border: 0.5px solid #e4e4e4; display: flex; gap: 4px; align-items: flex-end; padding: 4px 10px 5px 8px; border-radius: 4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-icon12{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-schedule p,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-todo p{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-todo{ background: #f8f6ef; display: flex; align-items: flex-end; padding: 4px 10px 5px 12px; border-radius: 44px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatar22{ width: 22px; height: 22px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatarcluster{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatar22-overlap{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatarcomp{ width: 22px; height: 22px; position: relative; overflow: hidden; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatarcomp-overlap{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatarcomp-bg{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 22px; height: 22px; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatarcomp-bg-full{ left: 0; transform: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatarcomp-glyph{ position: absolute; left: 5.39px; top: 5.84px; width: 11.114px; height: 11.228px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-avatarcomp-glyph-11{ left: 5.5px; top: 5.5px; width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-teamhead{ display: flex; align-items: center; justify-content: center; padding-bottom: 16px; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-teamrow{ display: flex; gap: 16px; align-items: flex-start; padding-bottom: 16px; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member{ background: #fcfbf7; border: 0.5px solid #d1cdc2; flex: 1 0 0; min-width: 1px; display: flex; flex-direction: column; gap: 32px; align-items: center; justify-content: center; padding: 32px 0; position: relative; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-photo{ width: 150px; height: 150px; position: relative; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-img{ position: absolute; left: 0; top: 0; width: 150px; height: 150px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-badge{ position: absolute; bottom: 7.63px; width: 32px; height: 32px; overflow: hidden; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-badge-1{ right: 8.33px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-badge-2{ right: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-badge-3{ right: 8.67px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-badge-bg{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 32px; height: 32px; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-badge-glyph{ position: absolute; left: 7.83px; top: 8.49px; width: 16.165px; height: 16.331px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-meta{ display: flex; flex-direction: column; gap: 16px; align-items: center; line-height: 10px; white-space: nowrap; word-break: break-word; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-name{ font-weight: 500; font-size: 16px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-roles{ display: flex; flex-direction: column; gap: 11px; align-items: center; font-size: 14px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-role{ font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-sub{ font-weight: 400; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-member-sub-med{ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote{ height: 358px; width: 100%; overflow: hidden; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote-img{ position: absolute; left: 0; top: 0; width: 820px; height: 358px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote-img img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; max-width: none; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote-text{ position: absolute; left: calc(50% + 0.81px); top: calc(50% - 4.63px); transform: translateX(-50%); width: 491px; text-align: center; color: #fff; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote-body{ font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote-attr{ font-size: 13px; line-height: 19px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote-name{ font-weight: 500; color: rgba(255, 255, 255, 0.9); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-quote-title{ font-weight: 400; color: rgba(255, 255, 255, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-meethead{ display: flex; align-items: center; padding-bottom: 16px; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-aisuggest{ background: rgba(15, 115, 255, 0.05); display: flex; gap: 4px; align-items: flex-end; padding: 8px 14px 9px 12px; border-radius: 4.8px; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-aisuggest p{ font-weight: 500; font-size: 12px; line-height: normal; color: #0068f9; text-align: right; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-sugcard{ display: none; background: #fcfbf7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-sugcard:is(.is-on,[data-home-v2-classes~="is-on"]){ display: flex; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-hide{ display: none !important; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-scrollcol,[data-home-v2-classes~="s3-scrollcol"]).is-top{ justify-content: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-agentcard.is-section .s3-vidwrap,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-agentcard.is-section .s3-vidcap{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-meetfill{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]).is-filled .s3-aisuggest{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]).is-filled .s3-meetfill{ display: block; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-meetfill-zoom{ width: 820px; zoom: 0.792683; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meetings-row{ display: flex; align-items: flex-start; gap: 8px; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video{ position: relative; flex: 1 0 0; min-width: 1px; aspect-ratio: 820 / 460; overflow: clip; border-radius: 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-thumb-clip{ position: absolute; inset: 0; overflow: hidden; border-radius: 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-thumb-clip img{ position: absolute; left: -35.15%; top: -45.49%; width: 160.59%; height: 214.47%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-pip{ position: absolute; left: 250px; top: 124.37px; width: 140px; height: 89px; border: 1px solid #575757; border-radius: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-pip-clip{ position: absolute; inset: 0; overflow: hidden; border-radius: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-pip-clip img{ position: absolute; left: -189.42%; top: -30.28%; width: 329.81%; height: 271.83%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-scrim{ position: absolute; left: calc(50% + 0.5px); top: calc(50% - 0.01px); transform: translate(-50%, -50%); width: 461px; height: 261px; background: #000; opacity: 0.45; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-play{ position: absolute; left: 50%; top: calc(50% + 0.49px); transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-play-icon{ position: relative; width: 17.773px; height: 18.818px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-play-icon img{ position: absolute; left: -1.04px; top: 0; width: 18.818px; height: 18.818px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-title{ position: absolute; left: 16px; top: 10.37px; font-size: 22px; font-weight: 500; line-height: 25px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-gong{ position: absolute; left: 70px; top: 193.37px; transform: translateX(-100%); font-size: 14px; font-weight: 500; line-height: 25px; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-video-gong-logo{ position: absolute; left: 16px; top: 199.37px; width: 14px; height: 14px; border-radius: 3px; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-side{ position: relative; flex: 1 0 0; min-width: 1px; aspect-ratio: 820 / 460; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-person{ position: absolute; left: 33px; top: 3.37px; display: flex; align-items: center; gap: 15px; width: 315px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-avatar{ width: 62.573px; height: 64.287px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-person-text{ display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex-shrink: 0; line-height: 10px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-name{ flex-shrink: 0; font-size: 14px; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-roles{ display: flex; flex-direction: column; align-items: flex-start; gap: 6px; flex-shrink: 0; font-size: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-role{ flex-shrink: 0; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-sub{ flex-shrink: 0; font-weight: 400; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-meet-copy{ position: absolute; left: 33px; top: 82.37px; width: 284px; font-size: 18px; font-weight: 500; line-height: 25px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-cta-schedule-orange{ position: absolute; left: 33px; top: 196.37px; display: flex; align-items: flex-end; gap: 4px; padding: 8px 14px 9px 12px; border-radius: 4px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-cta-schedule-orange img{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .s3-meetfill .s5-cta-schedule-orange p{ font-size: 12px; font-weight: 600; line-height: normal; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chat{ display: flex; align-items: center; height: 100%; width: 275px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chatside{ background: #fff; border-left: 0.284px solid #e1e1e1; flex: 1 0 0; min-width: 1px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chathead{ background: #fff; height: 34px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 6.909px; overflow: hidden; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chathead-row{ display: flex; align-items: center; padding: 2.273px 2.273px 4.546px 10.55px; border-radius: 3.41px; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chathead-content{ flex: 1 0 0; min-width: 1px; display: flex; align-items: center; justify-content: space-between; padding: 1.137px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chathead-left{ display: flex; align-items: center; width: 148.612px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chathead-labelwrap{ display: flex; align-items: flex-start; padding-top: 1.137px; width: 69.902px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chathead-label{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chatbody{ flex: 1 0 0; min-height: 1px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 13.37px 16.37px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-agentcard{ background: #fff; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; padding: 7.68px 7.55px 7.55px; border-radius: 10px; box-shadow: 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15); width: 100%; overflow: hidden; position: relative; isolation: isolate; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-msg{ display: flex; flex-direction: column; gap: 3px; align-items: flex-start; position: relative; z-index: 2; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-msggroup{ display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky{ width: 84px; height: 84px; margin-bottom: -1px; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-body{ position: absolute; left: 7.44px; top: 13.91px; width: 77.518px; height: 56.764px; display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-rot{ flex: none; width: 72px; height: 48px; position: relative; transform: rotate(-7.3deg); display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-img{ position: absolute; top: -5%; bottom: -5%; left: -3.33%; right: -3.33%; width: 106.66%; height: 110%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q1,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q2{ position: absolute; display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q1{ inset: 5.89% -8.67% 63.39% 78.67%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q2{ inset: 8.75% -5.81% 66.25% 81.52%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q1 span,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q2 span{ flex: none; width: 100%; height: 100%; transform: scaleX(-1); position: relative; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q1 img,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-q2 img{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-bubble{ position: absolute; left: 71.26px; top: 8.56px; width: 15.7px; height: 15.7px; display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-bubble span{ flex: none; width: 14px; height: 14px; border-radius: 3px; transform: rotate(-7.46deg); position: relative; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-bubble img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 3px; max-width: none; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-hand{ position: absolute; inset: 54.13% 28.12% 9.15% 33.92%; display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-hand span{ flex: none; width: 28.62px; height: 27.42px; transform: rotate(-7.3deg); position: relative; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-docky-hand img{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-msgtextwrap{ display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-msgtextline{ display: flex; align-items: flex-end; height: 52.388px; width: 227.16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-msgtext-cta{ flex: 1 0 0; min-width: 1px; display: flex; align-items: flex-end; padding: 3.41px 6.82px 3.978px 5.683px; border-radius: 2.273px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-msgtext{ flex: 1 0 0; min-width: 1px; font-weight: 400; font-size: 12px; line-height: 15px; color: #1b1e24; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-msgtext-med{ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidwrap{ display: flex; flex-direction: column; align-items: flex-end; padding: 3.41px 6.82px 0 5.683px; border-radius: 2.273px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidframe{ border: 0.5px solid #cacaca; border-radius: 3px; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid{ width: 214.397px; height: 120.271px; border-radius: 2.64px; overflow: hidden; position: relative; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-coverclip{ position: absolute; inset: 0; overflow: hidden; border-radius: 2.64px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-cover{ position: absolute; left: -35.15%; top: -45.49%; width: 160.59%; height: 214.47%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-inset{ position: absolute; left: 132.02px; top: 65.68px; width: 73.93px; height: 46.998px; border: 0.528px solid #575757; border-radius: 3.168px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-insetclip{ position: absolute; inset: 0; overflow: hidden; border-radius: 3.168px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-insetimg{ position: absolute; left: -189.42%; top: -30.28%; width: 329.81%; height: 271.83%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-shade{ position: absolute; left: calc(50% + 4.7px); top: calc(50% + 1.52px); transform: translate(-50%, -50%); width: 277px; height: 157px; background: #000; opacity: 0.25; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-play{ position: absolute; left: 90.4px; top: calc(50% + 0.02px); transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-playicon{ width: 13.136px; height: 13.909px; position: relative; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vid-playicon img{ position: absolute; left: -0.77px; top: 0; width: 13.909px; height: 13.909px; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidcap{ display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidcap-line{ display: flex; align-items: flex-end; width: 227.16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidcap-col{ flex: 1 0 0; min-width: 1px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidcap-cta{ display: flex; flex-direction: column; gap: 0.27px; align-items: flex-start; justify-content: flex-end; padding: 3.41px 6.82px 3.978px 5.683px; border-radius: 2.273px; width: 100%; color: #1b1e24; line-height: 15px; word-break: break-word; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidcap-name{ font-weight: 400; font-size: 12px; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-vidcap-meta{ font-weight: 500; font-size: 9px; opacity: 0.5; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cardbtns{ display: flex; gap: 4px; align-items: flex-start; width: 100%; position: relative; z-index: 1; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-skip{ border: 0.5px solid #e4e4e4; flex: 1 0 0; min-width: 1px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 5.133px 8.8px; border-radius: 4.8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-skip p{ font-weight: 500; font-size: 12px; line-height: normal; color: #000; opacity: 0.5; text-align: right; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-addrec{ background: #0f73ff; flex: 1 0 0; min-width: 1px; height: 24px; display: flex; align-items: flex-end; justify-content: center; padding: 5px 10px 6px; border-radius: 4.8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-addrec p{ font-weight: 500; font-size: 12px; line-height: normal; color: #fff; text-align: right; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chatfoot{ display: flex; flex-direction: column; align-items: flex-start; padding: 8px; width: 100%; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-chatfoot-inner{ display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer{ background: #fff; height: 78px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 7.68px 7.55px 7.55px; border-radius: 10px; box-shadow: 0px 0px 0px 0.5px rgba(0, 0, 0, 0.15); width: 100%; overflow: hidden; position: relative; isolation: isolate; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-line{ display: flex; align-items: flex-end; width: 100%; position: relative; z-index: 2; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-input{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-cta{ display: flex; gap: 2.273px; align-items: flex-end; padding: 3.41px 6.82px 3.978px 5.683px; border-radius: 2.273px; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-placeholder{ font-weight: 400; font-size: 12px; line-height: 15px; color: #1b1e24; opacity: 0.5; white-space: nowrap; word-break: break-word; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-caret{ position: absolute; left: 5.45px; top: 6.32px; width: 1px; height: 10px; background: #0068f9; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-foot{ display: flex; align-items: flex-end; justify-content: space-between; width: 100%; position: relative; z-index: 1; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-ctas{ display: flex; gap: 2.933px; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-btn{ border: 0.5px solid #e4e4e4; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-icon962{ width: 9.62px; height: 9.62px; position: relative; overflow: hidden; display: block; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-icon962 img{ position: absolute; inset: 7.14% 0.15% 0.43% 7.13%; width: 92.72%; height: 92.43%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-composer-icon1173{ width: 11.733px; height: 11.733px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-gen{ position: relative; animation: s3-gen-in 0.45s cubic-bezier(0.2, 0.7, 0.3, 1) both; } @keyframes s3-gen-in{ from { opacity: 0; transform: scale(0.965); } to { opacity: 1; transform: none; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-gen::after{ content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none; background: linear-gradient(100deg, rgba(0, 104, 249, 0) 35%, rgba(0, 104, 249, 0.14) 50%, rgba(0, 104, 249, 0) 65%); background-size: 250% 100%; opacity: 0; animation: s3-gen-sweep 1.1s ease-out 0.1s; } @keyframes s3-gen-sweep{ 0% { opacity: 1; background-position: 120% 0; } 100% { opacity: 0; background-position: -120% 0; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-agentcard.is-building .s3-msg,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-agentcard.is-building .s3-cardbtns{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-buildlog{ display: none; width: 100%; flex-direction: column; gap: 7px; padding: 4px 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-agentcard.is-building .s3-buildlog{ display: flex; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-buildline{ font-weight: 400; font-size: 12px; line-height: 15px; color: rgba(27, 30, 36, 0.55); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-buildline .s3-msgtext-med{ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-buildline.is-doing{ background: linear-gradient(100deg, rgba(27, 30, 36, 0.45) 42%, #1b1e24 50%, rgba(27, 30, 36, 0.45) 58%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: chat-shimmer 1.4s linear infinite; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) :is(.s3-scrollcol,[data-home-v2-classes~="s3-scrollcol"]){ transition: transform 0.7s cubic-bezier(0.3, 0, 0.2, 1); will-change: transform; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cur{ position: absolute; left: 0; top: 0; z-index: 30; pointer-events: none; opacity: 0; transition: transform 0.6s cubic-bezier(0.3, 0.1, 0.25, 1), opacity 0.3s ease; will-change: transform; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cur:is(.is-on,[data-home-v2-classes~="is-on"]){ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cur img{ display: block; width: 18px; height: 21px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cur-tag{ position: absolute; left: 15px; top: 19px; padding: 2px 8px 3px; background: #0068f9; border-radius: 4px 12px 12px 12px; font-family: "Inter", -apple-system, sans-serif; font-size: 12px; font-weight: 500; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cur.is-click img{ animation: deal-press 0.34s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cur::after{ content: ""; position: absolute; left: 5px; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: rgba(0, 104, 249, 0.4); opacity: 0; transform: translate(-50%, -50%) scale(0.2); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-cur.is-click::after{ animation: deal-ripple 0.5s ease-out; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-appfly{ position: absolute; left: 0; top: 0; z-index: 25; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-appfly span{ position: absolute; left: -24px; top: -24px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 12px; box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.12), 0 10px 22px rgba(18, 23, 34, 0.18); transition: transform 0.9s cubic-bezier(0.35, 0, 0.25, 1), opacity 0.24s ease; will-change: transform, opacity; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-appfly img{ width: 26px; height: 26px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slidescard{ background: #fffefb; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom{ width: 916px; zoom: 0.81332; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-block{ display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; align-items: flex-start; align-self: stretch; padding: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slides{ display: flex; align-items: flex-start; width: 100%; flex-shrink: 0; overflow: clip; background: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slides-header{ display: flex; align-items: center; justify-content: space-between; width: 100%; flex-shrink: 0; padding-bottom: 16px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slides-title{ flex-shrink: 0; font-size: 18px; font-weight: 500; line-height: 25px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slides-brand{ flex-shrink: 0; font-size: 14px; font-weight: 500; line-height: 25px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide{ position: relative; width: 100%; height: 460px; flex-shrink: 0; overflow: clip; background: #fdf1e0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-right{ position: absolute; left: 479px; top: 0; width: 820px; height: 460px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-shot-flip{ position: absolute; left: 0; top: 0; width: 820px; height: 460px; transform: rotate(180deg) scaleY(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-shot-clip{ position: absolute; inset: 0; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-shot-clip img{ position: absolute; left: 2.77%; top: -16.85%; width: 100%; height: 133.7%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-img8{ position: absolute; left: -326px; top: 37.37px; width: 626px; height: 385px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-img8 img{ width: 100%; height: 100%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-icon{ position: absolute; left: 48px; top: 48.37px; width: 48px; height: 48px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-icon-bg{ position: absolute; left: 0; top: 0; width: 48px; height: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-icon-frame{ position: absolute; left: 11.75px; top: 12.73px; width: 24.248px; height: 24.497px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-heading{ position: absolute; left: 48px; top: 120.37px; width: 415px; font-size: 58px; font-weight: 500; line-height: 57px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-footer{ position: absolute; left: 48px; top: 344.37px; width: 415px; height: 112px; font-size: 13px; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step3,[data-home-v2-classes~="sr-step3"]) .s3-slides-zoom .s5-slide-footer p{ margin: 0; line-height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]){ position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 1248px; height: 736px; overflow: clip; border-radius: 12px; background: #fff; box-shadow: 0px 0px 0px 0.969px rgba(0, 0, 0, 0.1), 0px 16.48px 17.45px -11.633px rgba(0, 0, 0, 0.08); font-family: "Roobert", system-ui, -apple-system, sans-serif; font-weight: 400; color: #1b1e24; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) p,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) h1{ margin: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tabbar{ display: flex; align-items: flex-end; width: 100%; height: 33px; padding-top: 4px; background: #f4f4f4; overflow: clip; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-dots{ display: flex; align-items: center; gap: 4px; height: 29px; padding-left: 13px; padding-right: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tabwrap{ display: flex; align-items: flex-end; height: 29px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-corner{ display: flex; align-items: flex-end; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-corner span{ display: block; width: 8px; height: 8px; background: #f7f7f7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-corner-left span{ border-bottom-right-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-corner-right span{ border-bottom-left-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab{ display: flex; align-items: flex-start; gap: 8px; height: 29px; padding: 6px 10px; background: #fff; border-radius: 8px 8px 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon{ position: relative; display: block; width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-a,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-b{ position: absolute; top: 2.66px; display: block; width: 10.67px; height: 10.67px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-a{ left: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-b{ left: 5.33px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-a-img,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-b-img{ position: absolute; left: 0; top: 0; width: 10.67px; height: 10.67px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-a-glyph{ position: absolute; left: 2.61px; top: 2.83px; width: 5.39px; height: 5.445px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-icon-b-glyph{ position: absolute; left: 2.67px; top: 2.67px; width: 5.335px; height: 5.335px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-tab-label{ font-family: "Inter", -apple-system, sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toolbar{ display: flex; align-items: center; gap: 8px; width: 100%; height: 35px; padding: 4px 12px 4px 4px; background: #fff; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toolbar-nav{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-flip-x{ transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-urlwrap{ display: flex; align-items: flex-end; flex: 1 0 0; min-width: 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-url{ display: flex; align-items: center; gap: 8px; flex: 1 0 0; min-width: 1px; padding: 3px 10px 3px 3px; background: #f4f4f4; border-radius: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-url-badge{ display: flex; align-items: center; justify-content: center; width: 19px; height: 19px; background: #fff; border-radius: 100px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-url-label{ font-family: "Inter", -apple-system, sans-serif; font-weight: 500; font-size: 12px; line-height: 17px; color: #000; text-align: center; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toolbar-actions{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-action{ display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 40px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-action-symbol{ width: 17px; height: 11.333px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-divider-wrap{ display: flex; align-items: center; justify-content: center; align-self: stretch; padding-left: 3px; padding-right: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-divider{ display: block; width: 2px; height: 16px; background: #d8d8d8; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) :is(.s4-window,[data-home-v2-classes~="s4-window"]){ display: flex; flex-direction: column; width: 100%; height: 668px; background: #fff; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) :is(.s4-editor,[data-home-v2-classes~="s4-editor"]){ display: flex; flex-direction: column; flex: 1 0 0; min-height: 1px; width: 100%; background: #1b1e24; border-radius: 0 0 10px 10px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-header{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 36px; padding: 4px; background: #1b1e24; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-title{ display: flex; align-items: center; gap: 3.454px; flex: 1 0 0; min-width: 1px; padding: 2px 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-icon{ display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 3.454px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-icon-inner{ position: relative; display: block; width: 14px; height: 14px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-icon-vec{ position: absolute; left: 0; top: 0; width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-icon-glyph{ position: absolute; left: 3.5px; top: 3.5px; width: 7px; height: 7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-title-text{ flex: 1 0 0; min-width: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 12px; line-height: normal; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-ed-ctas{ display: flex; align-items: center; justify-content: flex-end; gap: 3.454px; flex: 1 0 0; min-width: 1px; padding: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-avatars{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-avatars img{ flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-avatars img:not(:last-child){ margin-right: -4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-threads{ display: flex; align-items: flex-end; gap: 4px; height: 24px; padding: 5px 10px 6px 8px; border-radius: 4.8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-threads span{ font-weight: 500; font-size: 12px; line-height: normal; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-share{ display: flex; align-items: flex-end; height: 24px; padding: 5px 10px 6px; background: #ff4f00; border-radius: 4.8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-share span{ font-weight: 500; font-size: 12px; line-height: normal; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) :is(.s4-page,[data-home-v2-classes~="s4-page"]){ position: relative; display: flex; flex-direction: column; flex: 1 0 0; min-height: 1px; width: 100%; background: #fffefb; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-pagetabs{ position: absolute; left: 0; top: 11px; z-index: 2; display: flex; justify-content: center; align-items: center; gap: 8px; width: 1248px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-pagetab{ display: flex; align-items: flex-end; gap: 5.181px; padding: 6px 13.817px 7.36px 12.82px; border-radius: 43px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-pagetab-active{ background: #fff; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-pagetab img{ flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-pagetab span{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-pagetab .s4-pagetab-label-active{ font-weight: 600; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-content{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; flex: 1 0 0; min-height: 1px; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 44px; width: 100%; height: 265px; margin-bottom: -20.37px; overflow: clip; flex-shrink: 0; background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1248 265' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.633e-13 19.6 -90.63 -4.7396e-13 624 186.5)'><stop stop-color='rgba(252,251,247,1)' offset='0'/><stop stop-color='rgba(201,200,197,1)' offset='0.5'/><stop stop-color='rgba(150,149,147,1)' offset='1'/></radialGradient></defs></svg>"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-bg{ position: absolute; left: -339px; top: -243px; width: 1728px; height: 1152px; max-width: none; object-fit: cover; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-glow{ position: absolute; left: -485px; top: -95px; width: 2218px; height: 360px; background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 2218 360' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(174.67 9.915e-15 -2.2583e-13 23.234 1109 127.66)'><stop stop-color='rgba(255,254,251,1)' offset='0'/><stop stop-color='rgba(255,254,251,0)' offset='1'/></radialGradient></defs></svg>"); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-m{ position: absolute; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-m1{ left: -381px; top: -144px; width: 801px; height: 534px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-m2{ left: 830px; top: -139px; width: 758px; height: 506px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-m img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-lockup{ position: relative; display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-icon{ position: relative; width: 80px; height: 80px; margin-bottom: -4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-circ{ position: absolute; display: block; width: 53.35px; height: 53.35px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-circ-a{ left: 26.66px; top: 13.31px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-circ-b{ left: 0; top: 13.34px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-circ-c{ left: 26.66px; top: 13.31px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-circ-img{ position: absolute; left: 0; top: 0; width: 53.35px; height: 53.35px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-glyph-v{ position: absolute; left: 13.33px; top: 13.34px; width: 26.675px; height: 26.675px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-glyph-a{ position: absolute; left: 13.06px; top: 14.15px; width: 26.951px; height: 27.227px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-hero-title{ font-weight: 600; font-size: 41px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-sections{ display: flex; flex-direction: column; align-items: flex-start; gap: 28px; width: 916px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-card{ background: #fffefb; border: 0.5px solid #d1cdc2; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-intro{ position: relative; width: 916px; height: 251px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-intro-text{ position: absolute; left: 47.5px; top: 43.87px; width: 327px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-intro-lead{ margin-bottom: 16px; font-weight: 500; font-size: 18px; line-height: 25px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-intro-sub{ font-weight: 400; font-size: 15px; line-height: 22px; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toc{ position: absolute; left: 552.5px; top: -1.13px; width: 363px; height: 254px; background: #fcfbf7; border: 0.5px solid #d1cdc2; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toc-label{ position: absolute; left: 63.5px; top: 44.5px; font-weight: 500; font-size: 11px; line-height: 25px; letter-spacing: 0.44px; text-transform: uppercase; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toc-square{ position: absolute; left: 47.5px; top: 52.5px; width: 9px; height: 9px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toc-list{ position: absolute; left: 47.5px; top: 86.5px; font-weight: 500; font-size: 14px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toc-list p{ line-height: 10px; white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toc-list p:not(:last-child){ margin-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-toc-arrow{ color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-next{ width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-block{ display: flex; flex-direction: column; align-items: flex-start; padding: 48px; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-next-head{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 16px; border-bottom: 0.5px solid #e3e3e3; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-next-head-left{ display: flex; align-items: center; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-next-title{ font-weight: 500; font-size: 18px; line-height: 25px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-progress{ display: flex; align-items: center; gap: 8px; padding: 5px 10px; background: #f8f6ef; border-radius: 44px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-progress-track{ display: flex; align-items: flex-start; width: 40px; background: #e8e5db; border-radius: 100px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-progress-fill{ display: block; width: 8px; height: 4px; background: #ff4f00; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-progress-count{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 42px; padding: 0 12px; border-bottom: 0.5px solid #e3e3e3; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-done{ background: #fcfbf7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-left{ display: flex; align-items: center; gap: 8px; width: 220px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-left img{ flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-label{ height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; font-size: 15px; line-height: 16px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-label-done{ width: 202px; text-decoration: line-through; text-decoration-skip-ink: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-right{ display: flex; align-items: center; justify-content: flex-end; width: 393px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-right-g24{ gap: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-right-g8{ gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-item-ctas{ display: flex; align-items: center; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-schedule{ display: flex; align-items: flex-end; gap: 4px; padding: 4px 10px 5px 8px; border: 0.5px solid #e4e4e4; border-radius: 4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-schedule span{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-todo{ display: flex; align-items: flex-end; padding: 4px 10px 5px 12px; background: #f8f6ef; border-radius: 44px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-cta-todo span{ font-weight: 500; font-size: 12px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-logopair{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-logo22{ position: relative; display: block; width: 22px; height: 22px; overflow: clip; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-logo22-first{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-avpair-first{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-logo22-img{ position: absolute; left: 0; top: 0; width: 22px; height: 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-logo22-glyph-v{ position: absolute; left: 5.39px; top: 5.84px; width: 11.114px; height: 11.228px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-logo22-glyph-a{ position: absolute; left: 5.5px; top: 5.5px; width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-nav{ position: absolute; left: 16px; top: 281px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-nav-item{ display: flex; align-items: flex-end; padding: 2.5px 13.817px 4.36px 7.82px; border-left: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-nav-item span{ font-weight: 400; font-size: 12px; line-height: normal; color: #1b1e24; opacity: 0.5; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-nav-item-active{ border-left: 1px solid #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step4,[data-home-v2-classes~="sr-step4"]) .s4-nav-item-active span{ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]){ position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 1248px; height: 3303px; background: #fff; font-family: "Roobert", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 400; color: #1b1e24; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) img{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) :is(.s5-editor,[data-home-v2-classes~="s5-editor"]){ display: flex; flex-direction: column; align-items: flex-start; width: 100%; background: #1b1e24; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-header{ position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 36px; padding: 4px; background: #1b1e24; box-shadow: inset 0px -0.432px 0px 0px rgba(0, 0, 0, 0.13); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-header-title{ display: flex; flex: 1 0 0; min-width: 1px; align-items: center; gap: 3.454px; padding: 2px 1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-icon{ display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; padding: 6.045px; border-radius: 3.454px; background: rgba(27, 30, 36, 0); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-icon-inner{ position: relative; width: 14px; height: 14px; flex-shrink: 0; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-icon-vector{ position: absolute; left: 0; top: 0; width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-icon-frame{ position: absolute; left: 3.5px; top: 3.5px; width: 7px; height: 7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-title-text-wrap{ display: flex; flex: 1 0 0; min-width: 1px; align-items: flex-end; padding-top: 5.181px; padding-bottom: 6.045px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-title-text{ flex: 1 0 0; min-width: 1px; overflow: hidden; font-size: 12px; font-weight: 600; line-height: normal; color: #fff; white-space: nowrap; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-header-ctas{ display: flex; flex: 1 0 0; min-width: 1px; align-items: center; justify-content: flex-end; gap: 3.454px; padding: 2px; border-radius: 3.454px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-header-avatars{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-header-avatar{ width: 18px; height: 18px; flex-shrink: 0; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-header-avatar-overlap{ margin-right: -4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-threads{ display: flex; align-items: flex-end; gap: 4px; height: 24px; flex-shrink: 0; padding: 5px 10px 6px 8px; border-radius: 4.8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-threads-icon{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-threads p{ font-size: 12px; font-weight: 500; line-height: normal; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-share{ display: flex; align-items: flex-end; height: 24px; flex-shrink: 0; padding: 5px 10px 6px; border-radius: 4.8px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-share p{ font-size: 12px; font-weight: 500; line-height: normal; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) :is(.s5-content,[data-home-v2-classes~="s5-content"]){ display: flex; align-items: flex-start; justify-content: center; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) :is(.s5-main,[data-home-v2-classes~="s5-main"]){ display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; align-items: flex-start; background: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) :is(.s5-page,[data-home-v2-classes~="s5-page"]){ position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; width: 100%; background: #fffefb; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-pages{ position: sticky; top: 36px; z-index: 2; display: flex; flex-direction: column; align-items: center; width: 1248px; height: 34px; margin-bottom: -34px; padding: 0 6.909px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tabs-row{ display: flex; align-items: flex-start; justify-content: center; width: 100%; padding: 11px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]).is-past-hero .s5-pages{ padding: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]).is-past-hero .s5-tabs-row{ background: #fffefb; box-shadow: 0 0.5px 2px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tabs{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tab{ display: flex; align-items: flex-end; flex-shrink: 0; padding: 6px 13.817px 7.36px 12.82px; border-radius: 43px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tab-active{ background: #fff; border-radius: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tab-content{ display: flex; align-items: flex-end; gap: 5.181px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tab-content img{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tab-content p{ font-size: 12px; font-weight: 500; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-tab-content p.s5-tab-label-active{ font-weight: 600; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) :is(.s5-page-content,[data-home-v2-classes~="s5-page-content"]){ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 136px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 44px; width: 100%; height: 265px; margin-bottom: -20.37px; overflow: clip; flex-shrink: 0; background: radial-gradient( 906.3px 196px ellipse at 624px 186.5px, rgba(252, 251, 247, 1) 0%, rgba(201, 200, 197, 1) 50%, rgba(150, 149, 147, 1) 100% ); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-img7{ position: absolute; left: -339px; top: -243px; width: 1728px; height: 1152px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-img7 img{ width: 100%; height: 100%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-glow{ position: absolute; left: -485px; top: -95px; width: 2218px; height: 360px; background: radial-gradient( 1746.7px 232.34px ellipse at 1109px 127.66px, rgba(255, 254, 251, 1) 0%, rgba(255, 254, 251, 0) 100% ); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-cloud{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-cloud-left{ left: -381px; top: -144px; width: 801px; height: 534px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-cloud-right{ left: 830px; top: -139px; width: 758px; height: 506px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-cloud img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-center{ position: relative; display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-icon{ position: relative; width: 80px; height: 80px; margin-bottom: -4px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-icon-grid{ position: absolute; left: 0; top: 13.31px; width: 80.01px; height: 53.35px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-heroic{ position: absolute; width: 53.35px; height: 53.35px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-heroic-1{ left: 26.66px; top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-heroic-2{ left: 0; top: 0.03px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-heroic-3{ left: 26.66px; top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-heroic-base{ position: absolute; left: 0; top: 0; width: 53.35px; height: 53.35px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-heroic-glyph{ position: absolute; left: 13.33px; top: 13.34px; width: 26.675px; height: 26.675px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-heroic-glyph2{ position: absolute; left: 13.06px; top: 14.15px; width: 26.951px; height: 27.227px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-hero-title{ flex-shrink: 0; font-size: 41px; font-weight: 600; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-sections{ position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 28px; width: 916px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-block{ display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; align-items: flex-start; align-self: stretch; padding: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-intro{ position: relative; width: 916px; height: 251px; flex-shrink: 0; overflow: clip; background: #fffefb; border: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-intro-text{ position: absolute; left: 47.5px; top: 43.87px; width: 327px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-intro-lead{ margin-bottom: 16px; font-size: 18px; font-weight: 500; line-height: 25px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-intro-sub{ font-size: 15px; font-weight: 400; line-height: 22px; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-toc{ position: absolute; left: 552.5px; top: -1.13px; width: 363px; height: 254px; overflow: clip; background: #fcfbf7; border: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-toc-heading{ position: absolute; left: 63.5px; top: 44.5px; font-size: 11px; font-weight: 500; line-height: 25px; letter-spacing: 0.44px; text-transform: uppercase; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-toc-square{ position: absolute; left: 47.5px; top: 52.5px; width: 9px; height: 9px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-toc-list{ position: absolute; left: 47.5px; top: 86.5px; font-size: 14px; font-weight: 500; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-toc-list p{ margin-bottom: 16px; line-height: 10px; white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-toc-list p:last-child{ margin-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-toc-arrow{ color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-nextsteps{ display: flex; align-items: flex-start; width: 100%; height: 347px; flex-shrink: 0; overflow: clip; background: #fffefb; border: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-header{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 41px; flex-shrink: 0; padding-bottom: 16px; border-bottom: 0.5px solid #e3e3e3; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-header-left{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-title{ flex-shrink: 0; font-size: 18px; font-weight: 500; line-height: 25px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-title-icon{ width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-progress{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 5px 10px; border-radius: 44px; background: #f8f6ef; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-track{ display: flex; align-items: flex-start; width: 40px; flex-shrink: 0; border-radius: 100px; background: #e8e5db; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-bar{ width: 8px; height: 4px; flex-shrink: 0; border-radius: 100px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-progress p{ font-size: 12px; font-weight: 500; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-item{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 42px; flex-shrink: 0; padding: 16px 12px; border-bottom: 0.5px solid #e3e3e3; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-item-done{ background: #fcfbf7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-left{ display: flex; align-items: center; gap: 8px; width: 220px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-check{ width: 18px; height: 18px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-label{ overflow: hidden; flex-shrink: 0; font-size: 15px; font-weight: 400; line-height: 16px; color: #1b1e24; white-space: nowrap; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-label-fixed{ width: 202px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-label-done{ text-decoration: line-through; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-right{ display: flex; align-items: center; justify-content: flex-end; width: 393px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-right-gap24{ gap: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-right-gap8{ gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-cta-group{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-schedule{ display: flex; align-items: flex-end; gap: 4px; flex-shrink: 0; padding: 4px 10px 5px 8px; border: 0.5px solid #e4e4e4; border-radius: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-schedule img{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-schedule p{ font-size: 12px; font-weight: 500; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-todo{ display: flex; align-items: flex-end; flex-shrink: 0; padding: 4px 10px 5px 12px; border-radius: 44px; background: #f8f6ef; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-todo p{ font-size: 12px; font-weight: 500; line-height: normal; color: #1b1e24; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-avatar{ width: 22px; height: 22px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-avatar-overlap{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-avstack{ display: flex; align-items: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-logoav{ position: relative; width: 22px; height: 22px; flex-shrink: 0; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-logoav-overlap{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-logoav-bg{ position: absolute; left: 0; top: 0; width: 22px; height: 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-logoav-vec{ position: absolute; left: 0; top: 0; width: 22px; height: 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-logoav-glyph{ position: absolute; left: 5.39px; top: 5.84px; width: 11.114px; height: 11.228px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-ns-logoav-glyph2{ position: absolute; left: 5.5px; top: 5.5px; width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slides{ display: flex; align-items: flex-start; width: 100%; flex-shrink: 0; overflow: clip; background: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slides-header{ display: flex; align-items: center; justify-content: space-between; width: 100%; flex-shrink: 0; padding-bottom: 16px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slides-title{ flex-shrink: 0; font-size: 18px; font-weight: 500; line-height: 25px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slides-brand{ flex-shrink: 0; font-size: 14px; font-weight: 500; line-height: 25px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide{ position: relative; width: 100%; height: 460px; flex-shrink: 0; overflow: clip; background: #fdf1e0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-right{ position: absolute; left: 479px; top: 0; width: 820px; height: 460px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-shot-flip{ position: absolute; left: 0; top: 0; width: 820px; height: 460px; transform: rotate(180deg) scaleY(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-shot-clip{ position: absolute; inset: 0; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-shot-clip img{ position: absolute; left: 2.77%; top: -16.85%; width: 100%; height: 133.7%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-img8{ position: absolute; left: -326px; top: 37.37px; width: 626px; height: 385px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-img8 img{ width: 100%; height: 100%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-icon{ position: absolute; left: 48px; top: 48.37px; width: 48px; height: 48px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-icon-bg{ position: absolute; left: 0; top: 0; width: 48px; height: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-icon-frame{ position: absolute; left: 11.75px; top: 12.73px; width: 24.248px; height: 24.497px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-heading{ position: absolute; left: 48px; top: 120.37px; width: 415px; font-size: 58px; font-weight: 500; line-height: 57px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-footer{ position: absolute; left: 48px; top: 344.37px; width: 415px; height: 112px; font-size: 13px; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-slide-footer p{ margin: 0; line-height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 813.57px; flex-shrink: 0; overflow: clip; background: #fffefb; border: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-block-team{ flex: none; width: 100%; align-self: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-header{ display: flex; align-items: center; justify-content: center; width: 100%; flex-shrink: 0; padding-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-header p{ flex-shrink: 0; font-size: 18px; font-weight: 500; line-height: 25px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-cards{ display: flex; align-items: flex-start; gap: 16px; width: 100%; flex-shrink: 0; padding-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-card{ display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; align-items: center; justify-content: center; gap: 32px; height: 302.57px; padding: 32px 0; background: #fcfbf7; border: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-avwrap{ position: relative; width: 150px; height: 150px; flex-shrink: 0; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-photo{ position: absolute; left: 0; top: 0; width: 150px; height: 150px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-badge{ position: absolute; bottom: 7.63px; width: 32px; height: 32px; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-badge-1{ right: 8.33px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-badge-2{ right: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-badge-3{ right: 8.67px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-badge-bg{ position: absolute; left: 0; top: 0; width: 32px; height: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-badge-frame{ position: absolute; left: 7.83px; top: 8.49px; width: 16.165px; height: 16.331px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-text{ display: flex; flex-direction: column; align-items: center; gap: 16px; flex-shrink: 0; line-height: 10px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-name{ flex-shrink: 0; font-size: 16px; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-roles{ display: flex; flex-direction: column; align-items: center; gap: 11px; flex-shrink: 0; font-size: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-role{ flex-shrink: 0; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-sub{ flex-shrink: 0; font-weight: 400; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-team-sub-medium{ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-quote{ position: relative; width: 100%; height: 358px; flex-shrink: 0; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-quote-bg{ position: absolute; left: 0; top: 0; width: 820px; height: 358px; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-quote-text{ position: absolute; left: calc(50% + 0.5px); top: calc(50% - 4.63px); transform: translateX(-50%); width: 491px; text-align: center; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-quote-body{ margin-bottom: 16px; font-size: 18px; font-weight: 500; line-height: 25px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-quote-attrib{ font-size: 13px; line-height: 19px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-quote-name{ font-weight: 500; color: rgba(255, 255, 255, 0.9); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-quote-role{ font-weight: 400; color: rgba(255, 255, 255, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meetings{ display: flex; align-items: flex-start; width: 100%; height: 364.76px; flex-shrink: 0; overflow: clip; background: #fcfbf7; border: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meetings-header{ display: flex; align-items: center; width: 100%; flex-shrink: 0; padding-bottom: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meetings-header p{ flex-shrink: 0; font-size: 18px; font-weight: 500; line-height: 25px; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meetings-row{ display: flex; align-items: flex-start; gap: 8px; width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video{ position: relative; flex: 1 0 0; min-width: 1px; aspect-ratio: 820 / 460; overflow: clip; border-radius: 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-thumb-clip{ position: absolute; inset: 0; overflow: hidden; border-radius: 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-thumb-clip img{ position: absolute; left: -35.15%; top: -45.49%; width: 160.59%; height: 214.47%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-pip{ position: absolute; left: 250px; top: 124.37px; width: 140px; height: 89px; border: 1px solid #575757; border-radius: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-pip-clip{ position: absolute; inset: 0; overflow: hidden; border-radius: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-pip-clip img{ position: absolute; left: -189.42%; top: -30.28%; width: 329.81%; height: 271.83%; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-scrim{ position: absolute; left: calc(50% + 0.5px); top: calc(50% - 0.01px); transform: translate(-50%, -50%); width: 461px; height: 261px; background: #000; opacity: 0.45; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-play{ position: absolute; left: 50%; top: calc(50% + 0.49px); transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-play-icon{ position: relative; width: 17.773px; height: 18.818px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-play-icon img{ position: absolute; left: -1.04px; top: 0; width: 18.818px; height: 18.818px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-title{ position: absolute; left: 16px; top: 10.37px; font-size: 22px; font-weight: 500; line-height: 25px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-gong{ position: absolute; left: 70px; top: 193.37px; transform: translateX(-100%); font-size: 14px; font-weight: 500; line-height: 25px; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-video-gong-logo{ position: absolute; left: 16px; top: 199.37px; width: 14px; height: 14px; border-radius: 3px; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-side{ position: relative; flex: 1 0 0; min-width: 1px; aspect-ratio: 820 / 460; overflow: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-person{ position: absolute; left: 33px; top: 3.37px; display: flex; align-items: center; gap: 15px; width: 315px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-avatar{ width: 62.573px; height: 64.287px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-person-text{ display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex-shrink: 0; line-height: 10px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-name{ flex-shrink: 0; font-size: 14px; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-roles{ display: flex; flex-direction: column; align-items: flex-start; gap: 6px; flex-shrink: 0; font-size: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-role{ flex-shrink: 0; font-weight: 500; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-sub{ flex-shrink: 0; font-weight: 400; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-meet-copy{ position: absolute; left: 33px; top: 82.37px; width: 284px; font-size: 18px; font-weight: 500; line-height: 25px; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-schedule-orange{ position: absolute; left: 33px; top: 196.37px; display: flex; align-items: flex-end; gap: 4px; padding: 8px 14px 9px 12px; border-radius: 4px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-schedule-orange img{ width: 12px; height: 12px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cta-schedule-orange p{ font-size: 12px; font-weight: 600; line-height: normal; color: #fff; text-align: right; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next{ position: relative; width: 100%; height: 373px; flex-shrink: 0; overflow: clip; background: #fffefb; border: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-bg{ position: absolute; left: -0.5px; top: -0.5px; width: 916px; height: 515.25px; background: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-label{ position: absolute; left: 54.5px; top: 57.11px; font-size: 18px; font-weight: 500; line-height: 25px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-heading{ position: absolute; left: 54.5px; top: 151.11px; width: 415px; font-size: 58px; font-weight: 500; line-height: 57px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-cta{ position: absolute; left: 54.5px; top: 289.11px; display: flex; align-items: flex-end; padding: 8px 14px 9px 12px; border-radius: 4px; background: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-cta p{ flex-shrink: 0; font-size: 12px; line-height: normal; color: #fff; text-align: right; white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-cta-arrow{ font-weight: 400; color: rgba(255, 255, 255, 0.9); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-cta-space{ font-weight: 400; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-cta-label{ font-weight: 600; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-img{ position: absolute; left: 469.5px; top: 27.11px; width: 452px; height: 402px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-next-img img{ width: 100%; height: 100%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-nav{ position: absolute; left: 16px; top: 281px; bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-nav-stick{ position: sticky; top: 102px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-nav-tab{ display: flex; align-items: flex-end; flex-shrink: 0; padding: 2.5px 13.817px 4.36px 7.82px; border-left: 0.5px solid #d1cdc2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-nav-tab-active{ border-left: 1px solid #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-nav-tab p{ flex-shrink: 0; font-size: 12px; font-weight: 400; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-nav-tab p.s5-nav-dim{ opacity: 0.5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur{ position: absolute; z-index: 40; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur img{ display: block; width: 18px; height: 21px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur-tag{ position: absolute; left: 15px; top: 19px; padding: 2px 8px 3px; border-radius: 4px 12px 12px 12px; font-family: "Inter", -apple-system, sans-serif; font-size: 12px; font-weight: 500; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur--buyer{ left: 70%; top: 260px; animation: s5-drift-a 5.5s ease-in-out infinite alternate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur--buyer img{ transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur--buyer .s5-cur-tag{ left: auto; right: 15px; background: #4db5ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur--seller{ left: 24%; top: 380px; animation: s5-drift-b 6.5s ease-in-out infinite alternate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]) .s5-cur--seller .s5-cur-tag{ background: #0068f9; } @keyframes s5-drift-a{ 0% { transform: translate(0, 0); } 30% { transform: translate(-190px, 120px); } 55% { transform: translate(-80px, 260px); } 80% { transform: translate(-260px, 180px); } 100% { transform: translate(60px, 60px); } } @keyframes s5-drift-b{ 0% { transform: translate(0, 0); } 30% { transform: translate(230px, 180px); } 55% { transform: translate(90px, 60px); } 80% { transform: translate(300px, 260px); } 100% { transform: translate(-50px, 120px); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-screen{ position: relative; width: 1260px; background: #fff; overflow: hidden; font-family: "Roobert", system-ui, sans-serif; text-align: left; -webkit-font-smoothing: antialiased; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-course-header{ background: #121722; display: flex; align-items: center; gap: 6.5px; padding: 6.5px 7.5px 6.5px 6.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-close{ width: 24.5px; height: 24.5px; border-radius: 3.3px; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-close::before,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-close::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.3px; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-close::before{ transform: translate(-50%, -50%) rotate(45deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-close::after{ transform: translate(-50%, -50%) rotate(-45deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-course-title{ flex: 1 1 auto; font-weight: 500; font-size: 12.4px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-est{ font-weight: 500; font-size: 11.4px; color: #fff; padding: 0 6.5px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-est span{ color: rgba(255, 255, 255, 0.6); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-chip{ font-weight: 500; font-size: 11.4px; color: #fff; white-space: nowrap; padding: 4.9px 11.4px 5.7px; border-radius: 3.3px; background: #303030; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-chip--save{ background: #ff4f00; border-radius: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-modules{ background: #fbfbfb; display: flex; align-items: stretch; box-shadow: inset 0 -0.8px 0 rgba(0, 0, 0, 0.15); overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-mod{ position: relative; display: flex; align-items: center; gap: 6.5px; padding: 9.8px 21px 10.6px 11.4px; background: #fff; font-weight: 500; font-size: 11.4px; color: #121722; white-space: nowrap; clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%); margin-right: -9px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-mod--done{ text-decoration: line-through; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-mod--active{ background: #ff4f00; color: #fff; z-index: 2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-mod--todo{ background: transparent; color: rgba(0, 0, 0, 0.4); font-weight: 400; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-check{ width: 11.4px; height: 9.8px; border-radius: 1.6px; background: #ff4f00; position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-check::after{ content: ""; position: absolute; left: 3.4px; top: 1.9px; width: 3.2px; height: 4.8px; border: solid #fff; border-width: 0 1.2px 1.2px 0; transform: rotate(45deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-mod--active .tl-check{ background: rgba(0, 0, 0, 0.08); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-mod--active .tl-check::after{ border-color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-check--dash{ background: transparent; border: 0.8px dashed #cfcfcf; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-check--dash::after{ content: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-main{ background: #fef4ef; padding: 13px 103px; height: 675px; display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-section{ width: 100%; background: #fff; border: 2.4px solid #ff4f00; border-radius: 6.5px; padding: 19.6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-section-title{ font-weight: 600; font-size: 22.8px; line-height: 19.6px; color: #121722; margin-bottom: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-quiz{ background: #fff; border: 0.4px solid rgba(0, 0, 0, 0.1); border-radius: 6.5px; box-shadow: 0 0.8px 0 0.4px rgba(0, 0, 0, 0.05); padding: 31px 34px 34px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-quiz-head{ display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 9.8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-quiz-head .tl-q{ font-weight: 500; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-quiz-head .tl-req{ font-weight: 400; color: #7d828e; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-progress{ height: 4.9px; background: #f5f5f5; border-radius: 32.6px; position: relative; margin-bottom: 27.7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-progress i{ position: absolute; left: 0; top: 0; width: 180px; height: 6.5px; border-radius: 24.5px; background: #ff4f00; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-qrow{ display: flex; gap: 13px; align-items: stretch; margin-bottom: 27.7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-qcol{ flex: 1 1 0; min-width: 0; padding: 26px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-question{ font-weight: 600; font-size: 22.8px; color: #121722; margin-bottom: 19.6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-opt{ display: flex; align-items: center; gap: 6.5px; height: 44px; padding: 13px; margin-bottom: 6.5px; background: #fff; border: 0.4px solid #d9d9d9; border-radius: 6.5px; font-weight: 500; font-size: 14.7px; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-opt:last-child{ margin-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-opt--sel{ background: #fef4ef; border: 1.6px solid #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-radio{ width: 16.3px; height: 16.3px; border-radius: 50%; border: 1px solid #d9d9d9; background: #fff; flex-shrink: 0; position: relative; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-opt--sel .tl-radio{ border-color: #ff4f00; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-opt--sel .tl-radio::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #ff4f00; transform: translate(-50%, -50%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-media{ width: 405px; background: #f4f4f4; border-radius: 6.5px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-quiz-footer{ display: flex; justify-content: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-submit{ display: inline-flex; align-items: center; gap: 4px; background: #ff4f00; color: #fff; border-radius: 4.9px; padding: 7.3px 9.8px 8.2px 11.4px; font-weight: 500; font-size: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-submit::after{ content: ""; width: 5px; height: 5px; border: solid #fff; border-width: 1.3px 1.3px 0 0; transform: rotate(45deg); margin-left: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-screen{ position: relative; width: 1260px; background: #fff; border-radius: 12px; overflow: hidden; font-family: "Roobert", system-ui, sans-serif; text-align: left; -webkit-font-smoothing: antialiased; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-app{ display: flex; align-items: stretch; height: 688px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-side{ width: 197px; flex-shrink: 0; border-right: 1px solid #eee; padding: 14px 12px; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-side-top{ display: flex; align-items: center; justify-content: space-between; padding: 4px 6px 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-side-top img.cl-mark{ width: 24px; height: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ava{ width: 20px; height: 20px; border-radius: 50%; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ava img{ width: 100%; height: 100%; object-fit: cover; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-row{ display: flex; align-items: center; gap: 9px; padding: 6px 8px; border-radius: 6px; font-weight: 500; font-size: 13px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-row img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-row--active{ background: #f7f7f7; box-shadow: inset 0 0 0 0.5px rgba(18, 23, 34, 0.08); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-head{ padding: 14px 8px 4px; font-weight: 400; font-size: 11.5px; color: rgba(18, 23, 34, 0.45); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-main{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; border-right: 1px solid #eee; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-main-bar{ display: flex; align-items: center; justify-content: space-between; padding: 6px; border-bottom: 1px solid #f3f3f3; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-main-bar b{ font-weight: 600; font-size: 13px; padding-left: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-newbtn{ display: inline-flex; align-items: flex-end; height: 24px; padding: 5px 10px 6px; font-weight: 500; font-size: 12px; line-height: 1; color: #fff; background: #0f73ff; border-radius: 4.8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-hero{ position: relative; height: 262px; background: radial-gradient(120% 160% at 50% 0%, #f6faff 0%, #ffffff 100%); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 44px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-hero-pills{ display: flex; height: 26px; border-radius: 38px; margin-bottom: 20px; box-shadow: inset 0 0 0 0.5px rgba(18, 23, 34, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-hero-pill{ display: inline-flex; align-items: center; gap: 6px; border-radius: 38px; padding: 4px 12px 5px 10px; font-weight: 500; font-size: 13px; line-height: 15.6px; color: #121722; opacity: 0.5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-hero-pill--ai{ opacity: 1; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 0.5px rgba(18, 23, 34, 0.25); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-hero-title{ font-weight: 500; font-size: 30px; line-height: 55.2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-send{ display: inline-flex; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: #0068f9; position: relative; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-send::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border: solid #fff; border-width: 1.6px 1.6px 0 0; transform: translate(-50%, -30%) rotate(-45deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-tabs{ display: flex; align-items: center; padding: 0 8px; border-bottom: 1px solid #f0f0f0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-tab{ padding: 8px 16px 9px; font-weight: 500; font-size: 13px; line-height: 16.8px; color: rgba(18, 23, 34, 0.6); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-tab--on{ color: #121722; box-shadow: inset 0 -1px 0 #0068f9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-filters{ display: flex; align-items: center; gap: 8px; padding: 12px 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-filter{ display: inline-flex; align-items: baseline; gap: 5px; background: #fff; border-radius: 5px; box-shadow: 0 0 0 0.5px rgba(18, 23, 34, 0.15); padding: 5px 12px; font-weight: 500; font-size: 13px; line-height: 16.8px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-filter i{ font-style: normal; font-weight: 500; color: rgba(18, 23, 34, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-filter::after{ content: ""; width: 5px; height: 5px; align-self: center; border: solid rgba(18, 23, 34, 0.5); border-width: 0 1.2px 1.2px 0; transform: rotate(45deg) translateY(-1px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-filter--plain::after{ content: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 20px; padding: 6px 24px 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-card .cl-thumb{ height: 130px; background: #f9f9f9; border-radius: 8px; margin-bottom: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-card b{ display: block; font-weight: 500; font-size: 14px; line-height: 19.25px; margin-bottom: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-meta{ display: flex; align-items: center; gap: 12px; font-size: 12px; color: rgba(18, 23, 34, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-meta svg{ display: block; opacity: 0.55; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai{ width: 331px; flex-shrink: 0; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-bar{ display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #f3f3f3; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-bar .cl-ai-title{ display: flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-bar img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-body{ flex: 1 1 auto; padding: 16px; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-bubble{ align-self: flex-end; background: #f4f4f4; border-radius: 14px; padding: 8px 13px 9px; font-size: 13px; margin: 74px 0 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-step{ font-size: 11.5px; color: rgba(18, 23, 34, 0.45); margin-bottom: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-answer{ font-size: 13px; line-height: 19px; margin-bottom: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-asset .cl-thumb{ height: 168px; background: #f9f9f9; border-radius: 8px; margin-bottom: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-asset b{ display: block; font-weight: 500; font-size: 12.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-asset i{ font-style: normal; font-size: 10.5px; color: rgba(18, 23, 34, 0.45); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-input{ margin-top: auto; border: 0.6px solid rgba(18, 23, 34, 0.14); border-radius: 12px; padding: 10px 10px 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-input .cl-ph{ font-size: 12.5px; color: rgba(18, 23, 34, 0.45); margin-bottom: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-row{ display: flex; align-items: center; gap: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-row .cl-plus{ width: 22px; height: 22px; border-radius: 50%; border: 0.6px solid rgba(18, 23, 34, 0.12); position: relative; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-row .cl-plus::before,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-row .cl-plus::after{ content: ""; position: absolute; left: 50%; top: 50%; background: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-row .cl-plus::before{ width: 8px; height: 1.2px; transform: translate(-50%, -50%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-row .cl-plus::after{ width: 1.2px; height: 8px; transform: translate(-50%, -50%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-agent{ display: inline-flex; align-items: center; gap: 5px; border: 0.6px solid rgba(18, 23, 34, 0.12); border-radius: 100px; padding: 3px 9px 4px; font-weight: 500; font-size: 11.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-agent img{ width: 11px; height: 11px; opacity: 0.7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-ai-row .cl-send{ margin-left: auto; width: 24px; height: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) img.cl-pill-ico{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-mico{ width: 13px; height: 13px; opacity: 0.55; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-send{ align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-send::after{ content: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-send img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-tab-add{ display: inline-flex; align-items: center; gap: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cl-tab-add img{ width: 12px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-left{ gap: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.desktop,[data-home-v2-classes~="desktop"]){ padding-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]):is(.fg-hero,[data-home-v2-classes~="fg-hero"]){ margin: 16px auto 0; width: calc(100% - 2 * var(--ds-page-gutter)); max-width: var(--ds-content-max); padding: 0; gap: 0; border-radius: var(--ds-radius-md); overflow: hidden; background: var(--ds-blue); } @media (min-width: 1081px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]):is(.fg-hero,[data-home-v2-classes~="fg-hero"]){ --panel-h: 740px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .fg-hero-left{ position: relative; z-index: 0; flex: 1 1 50%; min-width: 0; height: var(--panel-h); padding: 0 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--ds-blue); overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .fg-hero-left::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(18, 23, 34, 0.23) 1.7px, rgba(18, 23, 34, 0) 2.15px); background-size: var(--dotx, 20.6px) var(--doty, 20.6px); background-position: 0 0; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .fg-hero-left::after{ content: ""; position: absolute; inset: 0; background: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae30f805f175ad55a281_img__figma__grain-256.webp"); background-image: image-set(url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae3033999a0a82270a51_img__figma__grain-256.avif") type("image/avif"), url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae30f805f175ad55a281_img__figma__grain-256.webp") type("image/webp")); background-size: 256px 256px; mix-blend-mode: soft-light; opacity: 0.2; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .fg-hero-left > *{ position: relative; z-index: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .hero-title{ color: #fff; margin-top: -30px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-widget{ margin-top: 34px; width: 560px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-tabs{ height: auto; margin-bottom: 0; padding: 2px 2px 5px; justify-content: center; gap: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 30px 30px 0 0; box-shadow: none; overflow: visible; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-tabs::before{ content: "Ask Dock to create:"; padding: 8px 16px 9px; font-weight: 400; font-size: 16px; line-height: 16.8px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-tab{ margin-top: 0; line-height: 16.8px; padding: 8px 16px 9px 3px; border-bottom: 0; border-radius: var(--ds-radius-pill); opacity: 0.6; transition: opacity 0.2s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-tab:hover{ opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-tab.is-active{ margin-top: 0; opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-tab span{ font-size: 16px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .tab-indicator{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-card{ height: 135px; border-radius: 30px; box-shadow: var(--ds-ring-card); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .btn-generate{ border-radius: var(--ds-radius-pill); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .logo-bar,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .fg-hero-left > .logo-bar{ position: absolute; left: 28px; right: 28px; bottom: 20px; width: auto; min-height: 32px; padding: 0; flex-wrap: nowrap; justify-content: space-between; z-index: 2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .logo-bar-text{ font-weight: 500; font-size: 16px; line-height: 16px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .hero-right{ border-radius: var(--ds-radius-md) 0 0 var(--ds-radius-md); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.slides,[data-home-v2-classes~="slides"]):is(.ds-section,[data-home-v2-classes~="ds-section"]){ display: block; width: 100%; max-width: none; margin: var(--ds-section-gap) 0 0; gap: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.tabs-section,[data-home-v2-classes~="tabs-section"]){ position: relative; width: 100%; height: calc(828px * var(--tss, 1)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ts-fit,[data-home-v2-classes~="ts-fit"]){ position: absolute; left: 0; top: 0; width: 1712px; height: 828px; transform: scale(var(--tss, 1)); transform-origin: 0 0; background: var(--ds-surface-tint); border-radius: var(--ds-radius-md); box-shadow: var(--ds-ring-section); overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail{ position: absolute; left: 0; top: 0; bottom: 0; width: 396px; padding: 48px 0 48px 48px; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab{ position: relative; margin-top: 0; padding: 0 78px 0 0; border-bottom: 0; opacity: 1; cursor: pointer; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab.is-active{ margin-top: 0; border-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab + .sl-tab{ margin-top: 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab.is-active{ flex: 1 1 auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab > span{ display: block; font-weight: 500; font-size: 24px; line-height: 46px; text-align: left; color: var(--ds-ink-50); transition: color 0.15s ease; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab:hover > span,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab.is-active > span{ color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sr-debug{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab::after{ content: ""; position: absolute; right: 30px; top: 17.5px; width: 11px; height: 11px; border-radius: 24px; background: var(--ds-dot-idle); transition: background 0.2s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab:hover::after{ background: rgba(169, 186, 197, 0.55); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab.is-active::after,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab.is-active:hover::after{ width: 13px; height: 13px; right: 29px; top: 16.5px; background: conic-gradient(var(--ds-sky) calc(var(--tabp, 0) * 1%), rgba(169, 186, 197, 0.31) 0); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab .ts-desc{ display: none; margin-top: 8px; width: 318px; font-weight: 400; font-size: 18px; line-height: 28px; color: var(--ds-ink); white-space: normal; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ts-rail .sl-tab.is-active .ts-desc{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ts-stage,[data-home-v2-classes~="ts-stage"]){ position: absolute; left: 396px; top: 24px; width: 1292px; height: 780px; border-radius: 4px; background: var(--ds-blue); overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ts-stage,[data-home-v2-classes~="ts-stage"])::before{ content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%223345.05%22%20height%3D%222230%22%20viewBox%3D%220%200%203345.05%202230%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22symbol%22%3E%0A%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M3345.05%201114.98C3345.05%201730.76%202845.85%202229.95%202230.07%202229.95C1614.28%202229.95%201115.09%201730.76%201115.09%201114.98C1115.09%20499.194%201614.28%201.89045e-05%202230.07%201.89045e-05C2845.85%201.89045e-05%203345.05%20499.194%203345.05%201114.98Z%22%20fill%3D%22%230068F9%22%2F%3E%0A%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M1115%206.10352e-05C1318.12%200.00416094%201508.37%2054.6238%201672.38%20149.52C1339.25%20342.34%201115%20702.399%201115%201115H2230C2229.99%201588.68%201934.41%201992.96%201517.79%202154.51C1515.01%202155.6%201512.25%202156.72%201509.45%202157.79C1478.86%202169.36%201447.65%202179.56%201415.85%202188.46C1412.51%202189.4%201409.19%202190.44%201405.83%202191.36C1397.65%202193.55%201389.44%202195.61%201381.19%202197.64C1372.34%202199.82%201363.43%202201.83%201354.5%202203.8C1346.35%202205.58%201338.2%202207.38%201329.98%202208.99C1316.98%202211.54%201303.89%202213.89%201290.74%202215.99C1286.64%202216.64%201282.52%202217.2%201278.41%202217.81C1262.73%202220.13%201246.95%202222.18%201231.07%202223.84C1230.18%202223.94%201229.3%202224.12%201228.41%202224.2C1211.85%202225.89%201195.18%202227.13%201178.41%202228.07C1174.43%202228.29%201170.44%202228.49%201166.45%202228.67C1149.4%202229.45%201132.25%202230%201115%202230C499.223%202230%200.0124324%201730.78%202.50991e-06%201115C2.50991e-06%20499.215%20499.215%206.10352e-05%201115%206.10352e-05Z%22%20fill%3D%22%234DB5FF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat; background-size: 3345px 2230px; background-position: -700px -611px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ts-stage,[data-home-v2-classes~="ts-stage"])::after{ content: ""; position: absolute; inset: 0; background: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae30f805f175ad55a281_img__figma__grain-256.webp"); background-image: image-set(url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae3033999a0a82270a51_img__figma__grain-256.avif") type("image/avif"), url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eae30f805f175ad55a281_img__figma__grain-256.webp") type("image/webp")); background-size: 256px 256px; mix-blend-mode: soft-light; opacity: 0.2; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ts-stage,[data-home-v2-classes~="ts-stage"]) :is(.sl-frame,[data-home-v2-classes~="sl-frame"]){ left: 22px; top: 22px; transform: none; z-index: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.ts-stage,[data-home-v2-classes~="ts-stage"]) :is(.sl-window,[data-home-v2-classes~="sl-window"]){ height: 668px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stats-grid .ds-card--stat{ height: 312px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stat-logo{ position: absolute; left: 48px; top: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stats-grid .ds-arrow-chip{ position: absolute; right: 37px; top: 45px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stat-figures{ position: absolute; left: 48px; bottom: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]){ margin-top: var(--ds-grid-gap); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card{ height: 462px; padding: 41px 48px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card-title{ margin-right: 72px; line-height: 32px; padding: 7px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card-body{ margin-top: 8px; width: 408px; max-width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--wide .ds-card-body{ width: 440px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--wd .ds-card-body{ width: 525px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-arrow-chip{ position: absolute; right: 46px; top: 46px; } @media (max-width: 1100px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]){ flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .fg-hero-left{ width: 100%; height: auto; padding: 48px 24px 28px; gap: 28px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .logo-bar,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .fg-hero-left > .logo-bar{ position: static; justify-content: center; flex-wrap: wrap; gap: 12px 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.fg-hero,[data-home-v2-classes~="fg-hero"]) .prompt-widget{ width: min(560px, 100%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stats-grid{ flex-wrap: wrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stats-grid .ds-card--stat{ min-width: 280px; }} @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card{ height: auto; padding: 32px 24px 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card-title,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card-body{ position: static; width: auto; max-width: none; margin-right: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card-body{ margin-top: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-arrow-chip{ right: 24px; top: 24px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card{ height: auto; padding-bottom: 44px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card.il-card:has(.il-bleed),:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card.il-card:has(.it-copy){ padding-bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card-title,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card-body{ position: static; width: auto; margin: 0 48px; max-width: 480px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .card-kicker{ margin: 0 48px 8px; font-weight: 500; font-size: 16px; line-height: 20px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card-body{ margin-top: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .section-center{ text-align: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .section-center .ds-section-heading{ padding-left: 0; margin-left: auto; margin-right: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .section-center .ds-eyebrow{ margin-left: auto; margin-right: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .section-center .section-sub{ max-width: 640px; margin: -32px auto 0; padding-bottom: var(--ds-heading-gap); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-stage.ds-card{ position: relative; overflow: hidden; height: auto; min-height: 624px; display: flex; align-items: center; justify-content: center; padding: 72px 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-panel.ds-card{ height: auto; background: var(--ds-ink); display: flex; align-items: stretch; gap: 48px; padding: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-panel .ds-eyebrow{ color: rgba(255, 255, 255, 0.6); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-panel .ds-h2{ color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-panel .ds-card-title{ color: #fff; margin-top: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-panel .ds-card-body{ color: rgba(255, 255, 255, 0.6); margin-top: 8px; max-width: 380px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-left{ flex: 1 1 50%; min-width: 0; padding: 64px; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-stage{ position: relative; flex: 1 1 50%; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 64px; background: #0a0e15; overflow: hidden; border-radius: var(--ds-radius-md) 0 0 var(--ds-radius-md); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-badges{ display: flex; align-items: flex-end; gap: 8px; margin-top: 140px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-badges{ gap: 44px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sec-trust{ display: flex; flex-direction: column; align-items: center; gap: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sec-trust .trust-ico{ background: rgba(255, 255, 255, 0.82); margin: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sec-trust .trust-soc{ width: 63px; height: 36px; margin: 12.85px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sec-trust .trust-gdpr{ width: 63px; height: 61.7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sec-trust > span{ font-weight: 500; font-size: 11.5px; line-height: normal; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta-section :is(.ds-container,[data-home-v2-classes~="ds-container"]){ max-width: none; padding: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta-section + footer.ds-footer{ margin-top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta.ds-card{ position: relative; height: 410px; padding: 0; text-align: left; display: flex; align-items: center; overflow: hidden; background: var(--ds-white); border-radius: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta-left{ position: relative; flex: 878 0 0; min-width: min(100%, 440px); padding: 64px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta .ds-h2{ max-width: 560px; margin: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta .ds-body-lg{ margin: 20px 0 36px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta .btn{ display:inline-flex; width:max-content; max-width:none; flex:none; align-self:flex-start; margin:0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta-illo{ position: relative; flex: 0 0 1142px; min-width: 0; height: 368px; align-self: flex-start; margin-top: 56px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta-illo .wd-il{ top: 0; } @media (max-width: 1100px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta-illo{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .demo-cta-left{ padding: 80px 48px; }} @media (max-width: 900px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-panel.ds-card{ flex-direction: column; padding: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-left{ padding: 40px 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .security-stage{ width: 100%; padding: 40px 24px; border-radius: 0 0 var(--ds-radius-md) var(--ds-radius-md); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card-title,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .ds-card-body,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .media-grid .card-kicker{ margin-left: 24px; margin-right: 24px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-arrow{ width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--ds-radius-pill); background: var(--ds-surface-tint); border: 0; cursor: pointer; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-arrow:hover{ background: var(--ds-surface-chip); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-arrow img{ width: 12px; height: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-arrow--prev img{ transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-card{ position: relative; flex: 0 0 420px; height: 500px; scroll-snap-align: start; background: var(--ds-surface-tint); border-radius: var(--ds-radius-md); overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-card .wall-photo{ position: absolute; inset: 0; background: #fff; box-shadow: var(--ds-ring-section); border-radius: inherit; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-card .wall-photo--video{ cursor: pointer; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video img,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video img{ object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video img{ display: block; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video:hover img{ transform: scale(1.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(18, 23, 34, 0.72) 0%, rgba(18, 23, 34, 0.28) 24%, rgba(18, 23, 34, 0) 50%); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video.is-playing img{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-photo--video.is-playing::after{ content: none; } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-card{ flex-basis: 320px; height: 420px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wall-arrow img{ width: 14px; height: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-rows{ display: flex; flex-direction: column; gap: 12px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-row{ display: flex; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-track{ display: flex; gap: 12px; padding-right: 12px; flex-shrink: 0; animation: intg-scroll 46s linear infinite; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-row--reverse .intg-track{ animation-direction: reverse; } @keyframes intg-scroll{ from { transform: translateX(0); } to { transform: translateX(-100%); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-pill{ display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 20px 0 18px; background: #fff; border-radius: var(--ds-radius-pill); box-shadow: inset 0 0 0 0.5px var(--ds-ring); font-weight: 500; font-size: 16px; line-height: 20px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-pill i{ width: 20px; height: 20px; border-radius: 6px; background: var(--ds-surface-chip-neutral); } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-track{ animation: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-row{ overflow-x: auto; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header{ position: relative; z-index: 90; width: 100%; max-width: none; margin: 0; height: auto; padding: 16px max(var(--ds-page-gutter), calc((100% - var(--ds-content-max)) / 2)) 12px; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-ghost{ position: fixed; top: 0; left: 0; right: 0; z-index: 91; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-ghost.is-hidden{ visibility: hidden; transform: translateY(-100%); transition: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header-ghost.is-sliding{ visibility: visible; transform: translateY(0); transition: transform 0.2s ease-out; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header::before,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header::after{ content: ""; position: absolute; top: 100%; width: 16px; height: 16px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header::before{ left: max(var(--ds-page-gutter), calc((100% - var(--ds-content-max)) / 2)); background: radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0) 15.5px, #fff 16px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header::after{ right: max(var(--ds-page-gutter), calc((100% - var(--ds-content-max)) / 2)); background: radial-gradient(circle at 0% 100%, rgba(255, 255, 255, 0) 15.5px, #fff 16px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.hero,[data-home-v2-classes~="hero"]):is(.fg-hero,[data-home-v2-classes~="fg-hero"]){ margin-top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.desktop,[data-home-v2-classes~="desktop"]){ overflow: visible; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]){ overflow-x: clip; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-rows{ width: 100vw; margin-left: calc(50% - 50vw); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-rows + .ds-card-grid{ margin-top: 56px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.intg-pill{ color: var(--ds-ink); text-decoration: none; box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.08), inset 0 -1px 0 0 rgba(18, 23, 34, 0.1), inset 0 0 0 0.5px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.intg-pill:hover{ background: #f7f7f8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.intg-pill:active{ background: #f2f2f3; box-shadow: inset 0 0 0 0.5px rgba(18, 23, 34, 0.15), inset 0 2px 4px rgba(18, 23, 34, 0.12); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .intg-pill img{ width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu.is-open{ background: rgba(18, 23, 34, 0.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu.is-open .nav-menu{ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu-panel{ padding: 28px 40px 22px 28px; gap: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-prod{ display: flex; align-items: center; gap: 12px; padding: 6px 14px 6px 8px; margin: 0 -8px; border-radius: 12px; text-decoration: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-prod:hover{ background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-prod-ico{ flex-shrink: 0; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px rgba(18, 23, 34, 0.06); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-prod-ico img{ width: 18px; height: 18px; object-fit: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-prod-name{ display: block; font-weight: 500; font-size: 15.5px; line-height: 20px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu:hover,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu.is-open{ background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-prod:hover{ background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.nav-link{ border-radius: var(--ds-radius-pill); padding: 7px 10px; margin: -7px -10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.nav-link:hover{ background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu{ border-radius: var(--ds-radius-pill); padding: 7px 14px 8px 16px; margin: -7px -14px -8px -16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) a.nav-link{ padding: 7px 14px 8px; margin: -7px -14px -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header .btn-ghost{ border-radius: var(--ds-radius-pill); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .header .btn-ghost:hover{ background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-menu-heading{ font-size: 11.5px; color: var(--ds-ink); margin-top: -1px; margin-bottom: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu .nav-menu{ left: -12px; padding-top: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-caret img{ transition: transform 0.15s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu:hover .nav-caret img,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nav-item.has-menu.is-open .nav-caret img{ transform: translateY(1px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue{ position: relative; background: var(--ds-blue); box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(18, 23, 34, 0.06) 1.7px, rgba(18, 23, 34, 0) 2.15px); background-size: var(--dotx, 20.6px) var(--doty, 20.6px); background-position: calc(var(--dotm, 10.3px) - var(--dotx, 20.6px) / 2) calc(var(--dotm, 10.3px) - var(--doty, 20.6px) / 2); border-radius: inherit; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue > .ds-card-title,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue > .ds-card-body{ position: relative; z-index: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue > .rd-il{ z-index: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue::after{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(18, 23, 34, 0.28) 1.7px, rgba(18, 23, 34, 0) 2.15px); background-size: var(--dotx, 20.6px) var(--doty, 20.6px); background-position: calc(var(--dotm, 10.3px) - var(--dotx, 20.6px) / 2) calc(var(--dotm, 10.3px) - var(--doty, 20.6px) / 2); -webkit-mask-image: radial-gradient(circle at 50% var(--rd-wy, 62%), #000 0%, #000 70px, rgba(0, 0, 0, 0) 215px), radial-gradient(circle at 50% var(--rd-wy, 62%), rgba(0, 0, 0, 0) calc(var(--rd-wave) - 62px), rgba(0, 0, 0, var(--rd-wamp)) var(--rd-wave), rgba(0, 0, 0, 0) calc(var(--rd-wave) + 62px)); mask-image: radial-gradient(circle at 50% var(--rd-wy, 62%), #000 0%, #000 70px, rgba(0, 0, 0, 0) 215px), radial-gradient(circle at 50% var(--rd-wy, 62%), rgba(0, 0, 0, 0) calc(var(--rd-wave) - 62px), rgba(0, 0, 0, var(--rd-wamp)) var(--rd-wave), rgba(0, 0, 0, 0) calc(var(--rd-wave) + 62px)); border-radius: inherit; pointer-events: none; animation: rdWave 2.6s linear infinite; } @keyframes rdWave{ 0% { --rd-wave: 55px; --rd-wamp: 0; } 18% { --rd-wamp: 1; } 70% { --rd-wamp: 1; } 100% { --rd-wave: 430px; --rd-wamp: 0; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue::after{ animation: none; --rd-wamp: 0; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue .ds-card-title,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue .ds-card-body{ color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .ds-card--blue .ds-card-body{ width: 640px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-il{ position: absolute; left: 0; right: 0; top: 191px; height: 271px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-block{ position: absolute; width: 319px; height: 379px; border-radius: 30px; background: #0061e8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-block--l{ left: calc(50% - 574px); top: var(--rd-top, 20px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-block--r{ left: calc(50% + 255px); top: var(--rd-top, 20px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-block--b{ left: 50%; transform: translateX(-50%); width: 470px; top: calc(var(--rd-top, 20px) + var(--rd-h, 148px) + 20px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-prompt{ position: absolute; left: 50%; top: var(--rd-top, 20px); transform: translateX(-50%); width: 470px; height: var(--rd-h, 148px); padding: 10px; border-radius: 30px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 7px 9px rgba(0, 0, 0, 0.04), 0 0 0 0.5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; font-family: var(--ds-font); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-ph{ flex: 0 0 auto; align-self: flex-start; display: flex; align-items: center; gap: 6px; padding: 10.7px 0 0 14.37px; margin: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-seg{ padding: 2px 0 4px; font-weight: 500; font-size: 16.661px; line-height: normal; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-chips{ display: flex; align-items: center; gap: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-chip{ display: inline-flex; align-items: center; justify-content: center; gap: 4px; border-radius: 18px; font-weight: 500; font-size: 16.661px; line-height: normal; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-chip--acct{ padding: 2px 8px 4px 5px; background: rgba(241, 239, 255, 0.7); border: 0.5px solid rgba(214, 209, 251, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-chip--tpl{ padding: 2px 8px 4px; background: rgba(219, 240, 255, 0.8); border: 0.5px solid #b8e1ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-chip-mark{ position: relative; display: block; width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-chip-mark img{ position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border-radius: 100px; object-fit: cover; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-chip-ico{ width: 16px; height: 16px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-row{ display: flex; align-items: center; gap: 6px; padding-top: 6px; width: 100%; margin-top: auto; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-btn{ background: #fff; border-radius: 100px; display: inline-flex; flex-shrink: 0; overflow: hidden; font-weight: 500; font-size: 16.661px; line-height: 28px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-plus{ position: relative; width: 37.685px; height: 37.685px; overflow: visible; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-plus img{ position: absolute; left: -0.1575px; top: -0.1575px; width: 38px; height: 38px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-agent{ height: 37.685px; gap: 8px; align-items: flex-start; justify-content: center; padding: 4px 8px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-agent-ico{ position: relative; display: block; width: 20.199px; height: 13.533px; margin-top: 8.5px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-agent-ico img{ width: 20.199px; height: 13.533px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-right{ display: flex; flex: 1 1 0; min-width: 0; gap: 6px; align-items: flex-start; justify-content: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-auto{ height: 37.685px; gap: 4px; align-items: flex-start; justify-content: center; padding: 4px 8px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-caret{ width: 18px; height: 18px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-send{ position: relative; width: 37.685px; height: 37.685px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-send img{ position: absolute; left: -0.5px; top: -0.5px; width: 39px; height: 39px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-shimmer{ background-image: linear-gradient(110deg, rgba(18, 23, 34, 0.5) 40%, rgba(18, 23, 34, 0.18) 50%, rgba(18, 23, 34, 0.5) 60%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rd-shimmer 1.8s linear infinite; } @keyframes rd-shimmer{ from { background-position: 120% 0; } to { background-position: -120% 0; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-shimmer{ animation: none; color: var(--ds-ink-50); }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-il{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-il{ position: absolute; left: 48px; right: 48px; top: 242px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-pills{ position: absolute; left: 0; right: 0; top: 290px; display: flex; flex-direction: column; gap: 9px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win{ position: absolute; left: 48px; top: 211px; width: 630px; height: 299px; background: #f4f4f4; border-radius: 7px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.04); font-family: var(--ds-font); -webkit-mask-image: linear-gradient(180deg, #000 45%, transparent 92%); mask-image: linear-gradient(180deg, #000 45%, transparent 92%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win::after{ content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-bar{ height: 20.697px; background: #faf9f7; padding-top: 2.424px; display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-dots{ display: flex; align-items: center; gap: 2.424px; padding: 0 3.636px 0 7.879px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-dots img{ width: 6.061px; height: 6.061px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-content{ background: #faf9f7; padding: 2px; border-radius: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-screen{ position: relative; height: 278.303px; border: 0.5px solid #ebe5d8; border-radius: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-topbar{ display: flex; align-items: center; justify-content: space-between; padding: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-l{ display: flex; align-items: center; gap: 5.2px; height: 26px; padding: 2.6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-ava{ width: 18.2px; height: 18.2px; border-radius: 50%; background: var(--ds-blue); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-ava svg{ width: 10px; height: 6.8px; display: block; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-ava path{ stroke-dasharray: 1; stroke-dashoffset: 1; animation: skAvaDraw 2.6s linear infinite; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-ava path + path{ animation-delay: 0.35s; } @keyframes skAvaDraw{ from { stroke-dashoffset: 1; } to { stroke-dashoffset: -1; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-ava path{ animation: none; stroke-dashoffset: 0; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-title{ font-weight: 600; font-size: 10.4px; line-height: normal; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-title{ display: inline-block; transition: transform 0.22s ease, opacity 0.22s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-status{ font-weight: 500; font-size: 10.4px; line-height: normal; white-space: nowrap; background-image: linear-gradient(110deg, #0068f9 40%, rgba(0, 104, 249, 0.35) 50%, #0068f9 60%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rd-shimmer 1.8s linear infinite; } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-status{ animation: none; color: var(--ds-blue); }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-r{ display: flex; align-items: center; gap: 4px; height: 22px; padding: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-faces{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-faces img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-faces img:not(:last-child){ margin-right: -3px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-share{ display: flex; align-items: center; height: 100%; padding: 0 6px; background: #5a39ff; border-radius: 3.027px; font-weight: 500; font-size: 8px; line-height: normal; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-topbar{ position: relative; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-grid::before{ content: ""; position: absolute; inset: 0; border-radius: inherit; background-image: radial-gradient(circle, rgba(18, 23, 34, 0.06) 0.9px, transparent 1px); background-size: 11px 11px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-grid::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; background-image: radial-gradient(circle, rgba(167, 157, 137, 0.6) 0.85px, transparent 1px); background-size: 11px 11px; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 38%, #000 46%, #000 54%, transparent 62%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, transparent 38%, #000 46%, #000 54%, transparent 62%, transparent 100%); -webkit-mask-size: 626px 100%; mask-size: 626px 100%; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; animation: skWinFlow 6s linear infinite; } @keyframes skWinFlow{ from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 626px 0; mask-position: 626px 0; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win-grid::after{ animation: none; display: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-il{ position: absolute; left: 0; right: 0; top: 211px; bottom: 0; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-fit{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 461px; height: 214px; font-family: var(--ds-font); text-align: left; } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-il{ display: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-win{ position: absolute; left: calc(50% - 315.5px); top: 0; width: 630px; height: 299px; background: #f4f4f4; border-radius: 7px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-win::after{ content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-win-ava{ width: 18.2px; height: 18.2px; border-radius: 50%; background: #ece9e2; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-back,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-mid{ position: absolute; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 7px 9px 0 rgba(0, 0, 0, 0.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-mid{ left: 42px; top: 22px; width: 367px; height: 183px; border-radius: 15px; opacity: 0.7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-back{ left: 56px; top: 35px; width: 341px; height: 178px; border-radius: 14px; opacity: 0.45; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-card{ position: absolute; left: 30px; top: 10px; width: 391px; height: 188px; background: #fff; border-radius: 16px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 7px 9px 0 rgba(0, 0, 0, 0.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-ai{ position: absolute; left: 55px; top: 31px; display: flex; align-items: center; gap: 6px; font-weight: 500; font-size: 16px; line-height: normal; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-ai .ds-spark{ width: 13px; height: 13px; color: var(--ds-blue); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-title{ position: absolute; left: 55px; top: 57px; width: 298px; font-weight: 500; font-size: 23px; line-height: 29px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-body{ position: absolute; left: 55px; top: 132px; width: 258px; font-size: 16px; line-height: 22px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-add{ position: absolute; left: 330px; top: 137px; height: 38px; display: inline-flex; align-items: center; padding: 0 20px 1px 18px; background: #fff; border-radius: 9px; font-weight: 500; font-size: 16px; line-height: 22px; color: var(--ds-ink); box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.08), inset 0 -1px 0 0 rgba(18, 23, 34, 0.1), inset 0 0 0 0.5px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-ai-shimmer{ background-image: linear-gradient(110deg, #121722 40%, rgba(18, 23, 34, 0.4) 50%, #121722 60%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rd-shimmer 2.6s linear infinite; } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-ai-shimmer{ animation: none; color: var(--ds-ink); }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-il{ position: absolute; left: 0; right: 0; top: 211px; bottom: 0; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-fit{ position: absolute; left: calc(50% + 0.33px); top: 0; transform: translateX(-50%); width: 461px; height: 214px; font-family: var(--ds-font); text-align: left; } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-il{ display: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-win{ position: absolute; left: calc(50% - 399.5px); top: 0; width: 630px; height: 299px; background: #f4f4f4; border-radius: 7px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-win::after{ content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-side{ position: absolute; left: -0.5px; top: 16.8px; width: 246px; height: 250px; border: 0.5px solid #ebe5d8; border-radius: 16px; z-index: 3; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-kpis{ position: absolute; left: -290px; top: 30.3px; width: 520px; z-index: 4; display: flex; gap: 8.727px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-kpi{ flex: 1; display: flex; flex-direction: column; gap: 4.364px; min-width: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-kpi-label{ display: flex; gap: 4.364px; font-weight: 500; font-size: 7.636px; line-height: normal; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-kpi-label em{ font-style: normal; font-weight: 400; opacity: 0.6; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-kpi-tile{ position: relative; height: 63.273px; background: #fff; border: 0.273px solid #d2d2d2; border-radius: 4.364px; box-shadow: 0 0.545px 1.091px 0 rgba(0, 0, 0, 0.07), inset 0 -0.545px 0.545px 0 rgba(0, 0, 0, 0.07); display: flex; align-items: center; justify-content: center; font-weight: 300; font-size: 21.818px; line-height: normal; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-kpi--tint .cz-kpi-tile{ background: #faf9f7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-kpi--tint .cz-kpi-tile span{ transform: translateX(11.74px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart{ position: absolute; left: -451px; top: 107.21px; width: 680.727px; z-index: 4; display: flex; flex-direction: column; gap: 4.364px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-label{ font-weight: 500; font-size: 7.636px; line-height: normal; color: #121722; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-tile{ position: relative; height: 173.455px; background: #faf9f7; border: 0.273px solid #d2d2d2; border-radius: 4.364px; overflow: hidden; box-shadow: 0 0.545px 1.091px 0 rgba(0, 0, 0, 0.07), inset 0 -0.545px 0.545px 0 rgba(0, 0, 0, 0.07); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-tile i{ position: absolute; left: 9px; width: 662.727px; height: 0.273px; background: #d9d9d9; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-tile i:nth-of-type(1){ top: 13.36px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-tile i:nth-of-type(2){ top: 83.18px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-tile i:nth-of-type(3){ top: 153px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-tile b{ position: absolute; font-weight: 500; font-size: 6.545px; line-height: normal; color: #121722; opacity: 0.6; white-space: nowrap; transform: translateY(-100%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-tick--x1{ left: 9.54px; top: 164.82px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-tick--x2{ right: 330.64px; top: 164.82px; text-align: right; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-tick--x3{ right: 8.36px; top: 164.82px; text-align: right; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-tick--y1{ left: 9.54px; top: 87.36px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-tick--y2{ left: 9.54px; top: 17px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-chart-tile img{ position: absolute; left: 353.73px; top: 19.45px; width: 318px; height: 144px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-list{ position: absolute; left: 282.5px; top: 33.8px; z-index: 2; display: flex; flex-direction: column; gap: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-item{ display: flex; align-items: center; gap: 9px; width: 360px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb{ position: relative; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb img{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb--viv img{ left: 0; top: 0; width: 48px; height: 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb--green{ background: #14bb69; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb--green img{ left: 9.96px; top: 8.65px; width: 28.044px; height: 28.99px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb--gold{ background: #f6c013; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb--gold img{ left: 15.4px; top: 7.77px; width: 18px; height: 33.045px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb--violet{ background: #3923b1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-thumb--violet img{ left: 10.16px; top: 11.23px; width: 26.841px; height: 26.497px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-head{ display: flex; flex-direction: column; justify-content: center; gap: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-name{ font-weight: 500; font-size: 14px; line-height: normal; color: #000; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-stats{ display: flex; align-items: center; gap: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-stat{ display: inline-flex; align-items: center; gap: 4px; font-size: 12px; line-height: normal; color: #000; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-stat img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo{ position: relative; width: 100%; height: 268px; flex-shrink: 0; user-select: none; -webkit-user-select: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--crm::before,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--crm::after{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, #ddd5c4 1px, rgba(221, 213, 196, 0) 1.35px); background-size: 14px 14px; background-position: calc(50% - 7px) 150.75px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--crm::before{ opacity: 0.75; -webkit-mask-image: radial-gradient(circle at 50% 58%, #000 0, #000 70px, rgba(0, 0, 0, 0) 190px); mask-image: radial-gradient(circle at 50% 58%, #000 0, #000 70px, rgba(0, 0, 0, 0) 190px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--crm::after{ -webkit-mask-image: radial-gradient(circle at 50% 58%, rgba(0, 0, 0, 0) calc(var(--rd-wave) - 40px), rgba(0, 0, 0, var(--rd-wamp)) var(--rd-wave), rgba(0, 0, 0, 0) calc(var(--rd-wave) + 40px)); mask-image: radial-gradient(circle at 50% 58%, rgba(0, 0, 0, 0) calc(var(--rd-wave) - 40px), rgba(0, 0, 0, var(--rd-wamp)) var(--rd-wave), rgba(0, 0, 0, 0) calc(var(--rd-wave) + 40px)); animation: itWaveSmall 2.6s linear infinite; } @keyframes itWaveSmall{ 0% { --rd-wave: 40px; --rd-wamp: 0; } 18% { --rd-wamp: 1; } 70% { --rd-wamp: 1; } 100% { --rd-wave: 260px; --rd-wamp: 0; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--crm::after{ animation: none; --rd-wamp: 0; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-fit{ position: absolute; left: calc(50% - 274.33px); width: 548.66px; height: 268px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-fit > *{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-copy{ padding: 48px; width: 100%; text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-copy .ds-card-title{ position: static; margin: 0; width: auto; max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-copy .ds-card-body{ position: static; margin: 10px 0 0; width: 453px; max-width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-arc--l1{ left: 126.12px; top: 59.25px; width: 197px; height: 197px; transform: rotate(180deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-arc--l2{ left: 225.12px; top: 59.25px; width: 197px; height: 197px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-arc--s1{ left: 242.75px; top: 95px; width: 125.5px; height: 125.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-arc--s2{ left: 180px; top: 95px; width: 125.5px; height: 125.5px; transform: rotate(180deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow{ left: 0; top: 0; width: 548.66px; height: 268px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow path{ fill: none; stroke: #9d9179; stroke-width: 1; stroke-linecap: round; animation: itFlow linear infinite; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow .hd{ stroke-dasharray: 7 93; opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow .t1{ stroke-dasharray: 12 88; opacity: 0.55; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow .t2{ stroke-dasharray: 18 82; opacity: 0.32; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow .t3{ stroke-dasharray: 25 75; opacity: 0.18; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow .t4{ stroke-dasharray: 33 67; opacity: 0.09; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow .t5{ stroke-dasharray: 42 58; opacity: 0.03; } @keyframes itFlow{ from { stroke-dashoffset: 0; } to { stroke-dashoffset: 100; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow g.rev path{ animation-name: itFlowRev; } @keyframes itFlowRev{ from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow g.to-hs path{ stroke: #ff7a59; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow g.to-sf path{ stroke: #00a1e0; } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-flow{ display: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc{ border-radius: 50%; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc.is-armed{ animation: itTouch linear infinite; } @keyframes itTouch{ 0% { scale: 1; } 2.5% { scale: 1.08; } 6% { scale: 1; } 100% { scale: 1; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc.is-armed{ animation: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-echo{ top: 82px; z-index: 2147483647; transform: translateX(-50%); padding: 5px 11px 6px; background: var(--ds-white); border-radius: 100px; box-shadow: inset 0 0 0 0.5px var(--ds-ring), 0 1px 2px 0 rgba(0, 0, 0, 0.06); font-weight: 500; font-size: 12px; line-height: normal; color: var(--ds-ink); white-space: nowrap; opacity: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-echo.is-armed{ animation: itEcho linear infinite; } @keyframes itEcho{ 0% { opacity: 0; translate: 0 2px; } 1.5% { opacity: 1; translate: 0 0; } 22% { opacity: 1; } 26% { opacity: 0; translate: 0 -1px; } 100% { opacity: 0; translate: 0 -1px; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-echo{ animation: none; opacity: 1; translate: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc img{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc--hs{ left: 39px; top: 82px; width: 148px; height: 148px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc--hs img{ left: calc(50% + 1.34px); top: 59.3px; transform: translateX(-50%); width: 96.657px; height: 27.399px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc--sf{ left: 349px; top: 74px; width: 168px; height: 168px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-disc--sf img{ left: 36.32px; top: 36.32px; width: 95.351px; height: 95.351px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini{ left: 22.34px; top: 22px; width: 504px; height: 259px; border-radius: 7px; background: #f4f4f4; overflow: hidden; display: flex; flex-direction: column; isolation: isolate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini::after{ content: ""; position: absolute; inset: 0; border-radius: 7px; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); pointer-events: none; z-index: 2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini-bar{ display: flex; align-items: center; gap: 2.4px; padding: 2.4px 0 2.4px 7.9px; background: #faf9f7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini-bar img{ width: 6px; height: 6px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini-body{ flex: 1; margin: 0 2px 2px; background: #faf9f7; border-radius: 8px; padding: 2px; min-height: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini-screen{ height: 100%; border: 0.5px solid #ebe5d8; border-radius: 6px; display: flex; align-items: flex-start; gap: 5.2px; padding: 4.6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini-ava{ width: 18.2px; height: 18.2px; border-radius: 50%; background: #ece9e2; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-mini-name{ font-weight: 600; font-size: 10.4px; line-height: 18.2px; color: #c0bcb4; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-fade{ left: 0; right: 0; top: 108px; bottom: -18px; background: linear-gradient(to top, #faf9f7 22%, rgba(250, 249, 247, 0) 100%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-card{ left: 50%; bottom: 23px; transform: translateX(-50%); width: 248px; height: 153px; background: var(--ds-white); border-radius: 22px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .eb-card.is-shimmer{ animation: ebLineShimmer 0.6s ease; } @keyframes ebLineShimmer{ 0% { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); } 35% { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.3); } 100% { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-embed-logo{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; border-radius: 50%; background: var(--ds-white); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-embed-logo{ transition: transform 0.22s ease-in; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-embed-logo.is-flip{ transform: rotateX(90deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-embed-logo img{ width: 12px; height: 12px; object-fit: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--ic{ height: 268px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--ic .it-fit{ height: 337px; top: -34.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-ring{ animation: icPulse 3.4s ease-in-out infinite; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-ring--inner{ left: calc(50% - 52.67px); top: 116px; width: 105px; height: 105px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-ring--mid{ left: calc(50% - 101.67px); top: 67px; width: 203px; height: 203px; animation-delay: 0.16s; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-ring--outer{ left: calc(50% - 152.67px); top: 16px; width: 305px; height: 305px; animation-delay: 0.32s; } @keyframes icPulse{ 0%, 40%, 100% { scale: 1; } 12% { scale: 1.045; } 24% { scale: 1; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-core{ left: calc(50% - 41.67px); top: 127px; width: 83px; height: 83px; border-radius: 50%; background: var(--ds-white); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-side{ top: 142.5px; width: 52px; height: 52px; border-radius: 50%; background: var(--ds-white); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-side--l{ left: calc(50% - 74.17px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-side--r{ left: calc(50% + 21.83px); background: #000; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-side img{ width: 26px; height: 26px; object-fit: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-prov{ width: 100%; height: 100%; border-radius: 50%; background: #8039df; display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-prov img{ width: 38px; height: 38px; object-fit: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-sug{ left: 52.66px; top: 43px; width: 181px; background: var(--ds-white); border-radius: 12px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); padding: 15px 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-sug-ai{ display: flex; align-items: center; gap: 5px; font-weight: 500; font-size: 11px; line-height: normal; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-sug-ai .ds-spark{ width: 10px; height: 10px; color: var(--ds-blue); background: var(--ds-blue); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-sug-txt{ margin-top: 9px; font-weight: 500; font-size: 13.5px; line-height: 19px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ic-pill{ left: 284.66px; top: 211px; width: 163px; height: 35px; display: flex; align-items: center; justify-content: center; background: var(--ds-white); border-radius: 42px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 0 0 0.5px rgba(0, 0, 0, 0.12); font-weight: 500; font-size: 13px; line-height: normal; color: var(--ds-ink); white-space: nowrap; } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-ring{ animation: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-pills .intg-track{ gap: 9px; padding-right: 9px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-pills .intg-pill{ height: 36px; padding: 0 15px 0 13.5px; gap: 7.5px; font-size: 12px; line-height: 15px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-pills .intg-pill img{ width: 13.5px; height: 13.5px; } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-pills{ position: static; margin: 24px -24px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win{ display: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-label{ font-weight: 500; font-size: 14.8px; color: var(--ds-ink-50); margin-bottom: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-tile{ position: relative; width: 468px; max-width: 100%; height: 85px; background: var(--ds-surface-tint); border-radius: 10px; box-shadow: 0 0 0 0.902px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-tile .sk-importing{ position: absolute; left: 116px; top: 50%; transform: translateY(-50%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-tile .sk-orb{ position: absolute; left: 201px; top: 50%; transform: translateY(-50%); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-tile .sk-src{ position: absolute; left: 242px; top: 50%; transform: translateY(-50%); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-tile::before{ content: ""; position: absolute; inset: 0; border-radius: inherit; background-image: radial-gradient(circle, rgba(18, 23, 34, 0.09) 0.9px, transparent 1px); background-size: 11px 11px; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-tile::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; background-image: radial-gradient(circle, rgba(0, 104, 249, 0.75) 0.85px, transparent 1px); background-size: 11px 11px; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 38%, #000 46%, #000 54%, transparent 62%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, transparent 38%, #000 46%, #000 54%, transparent 62%, transparent 100%); -webkit-mask-size: 470px 100%; mask-size: 470px 100%; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; animation: skFlow 5s linear infinite; } @keyframes skFlow{ from { -webkit-mask-position: 0 0; mask-position: 0 0; } to { -webkit-mask-position: 470px 0; mask-position: 470px 0; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-tile::after{ animation: none; display: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-importing{ font-size: 16.8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-src{ font-weight: 500; font-size: 16.8px; color: var(--ds-ink-50); white-space: nowrap; transition: transform 0.22s ease, opacity 0.22s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-orb{ width: 29px; height: 29px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 0.902px rgba(0, 0, 0, 0.08); display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-orb img{ width: 16px; height: 16px; object-fit: contain; transition: opacity 0.25s ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-il{ position: absolute; top: 191px; left: 0; right: 0; bottom: 0; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-fit{ position: absolute; left: 0; bottom: 0; width: 840px; height: 271px; transform: scale(var(--rds, 1)); transform-origin: 0 100%; font-family: var(--ds-font); text-align: left; } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-il{ position: relative; inset: auto; margin-top: 20px; aspect-ratio: 840 / 271; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-browser{ position: absolute; left: 48px; top: 20px; width: 630px; height: 299px; background: #f4f4f4; border-radius: 7px; overflow: hidden; isolation: isolate; box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.04); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-browser::after{ content: ""; position: absolute; inset: 0; z-index: 10; border-radius: inherit; box-shadow: inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bar{ display: flex; align-items: flex-end; padding-top: 2.424px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-dots{ display: flex; align-items: center; align-self: stretch; gap: 2.424px; padding: 0 3.636px 0 7.879px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-dots img{ width: 6.061px; height: 6.061px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-tabwrap{ display: flex; align-items: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-tab{ display: flex; align-items: flex-start; gap: 4.848px; padding: 3.636px 6.061px; background: #fff; border-radius: 4.848px 4.848px 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-tab-ico{ width: 9.697px; height: 9.697px; display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-tab-ico img{ width: 9.697px; height: 6.465px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-tab-label{ font-family: var(--ds-font-ui); font-weight: 500; font-size: 7.273px; line-height: 10.303px; color: #000; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-curve{ position: relative; width: 4.848px; height: 4.848px; background: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-curve::after{ content: ""; position: absolute; inset: 0; background: #f7f7f7; border-bottom-left-radius: 60.606px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-curve--l::after{ border-bottom-left-radius: 0; border-bottom-right-radius: 60.606px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-content{ background: #fff; padding: 2px; border-radius: 8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-screen{ position: relative; height: 278.303px; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-topbar{ position: relative; z-index: 2; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; height: 24px; padding: 2px; background: #000; box-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.06); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-topbar-l,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-topbar-r{ display: flex; align-items: center; gap: 4px; height: 100%; padding: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-app{ position: relative; width: 16px; height: 16px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-app img{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-app .wd-app-base{ left: 1px; top: 1px; width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-app .wd-app-glyph{ left: 4.5px; top: 4.5px; width: 7px; height: 7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-topbar-title{ font-weight: 600; font-size: 8px; line-height: normal; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-faces{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-faces img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-faces img:not(:last-child){ margin-right: -3px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-share{ display: flex; align-items: center; height: 100%; padding: 0 6px; background: #5a39ff; border-radius: 3.027px; font-weight: 500; font-size: 8px; line-height: normal; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-hero{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; padding-bottom: 30px; background: linear-gradient(to bottom, #000, #4f32df); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-nav{ display: flex; gap: 6.054px; padding: 6.937px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-pill{ display: flex; align-items: flex-end; gap: 3.921px; padding: 3.5px 10px 4px 8.7px; border-radius: 75.672px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-pill--on{ background: #5a39ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-pill-ico{ position: relative; width: 9.081px; height: 9.081px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-pill-ico img{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-pill-label{ font-weight: 600; font-size: 8px; line-height: normal; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ico-summary{ inset: 15.62% 9.38% 15.63% 9.37%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ico-presentation{ inset: 18.75% 9.38% 15.62% 9.37%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ico-deal{ inset: 9.39% 11.25% 9.39% 11.24%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ico-question{ inset: 9.38% 12.49% 12.5% 12.51%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ico-money{ inset: 21.88% 9.38% 21.88% 9.37%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ico-copilot{ inset: 18.75% 3.13% 18.75% 3.12%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-heroid{ display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 10px 0 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-avas{ display: flex; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ava{ position: relative; width: 32px; height: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ava--acme{ margin-right: -8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ava img{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ava .wd-ava-base{ left: 0; top: 0; width: 32px; height: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ava--acme .wd-ava-glyph{ left: 7.76px; top: 8.51px; width: 16.302px; height: 16.302px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-ava--viv .wd-ava-glyph{ left: 7.84px; top: 7.85px; width: 16.302px; height: 16.302px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-hero-title{ font-weight: 600; font-size: 18px; line-height: normal; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-doc{ width: 577.63px; border-radius: 10px; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-doc-in{ position: relative; width: 642px; height: 158px; background: #4f32df; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-doc-copy{ position: absolute; left: 30.27px; top: 27.98px; width: 206.206px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-doc-copy p:first-child{ font-weight: 500; font-size: 11.351px; line-height: 15.765px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-doc-copy p + p{ padding-top: 10.09px; font-size: 9.459px; line-height: 13.873px; color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-toc{ position: absolute; left: 348.32px; top: 0.04px; width: 228.908px; height: 160.172px; background: #fcfbf7; border: 0.315px solid #d1cdc2; border-radius: 10px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-toc-sq{ position: absolute; left: 29.95px; top: 33.11px; width: 5.675px; height: 5.675px; background: #5a39ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-toc-title{ position: absolute; left: 40.12px; top: 28.06px; font-weight: 500; font-size: 6.937px; line-height: 15.765px; letter-spacing: 0.2775px; text-transform: uppercase; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-toc-list{ position: absolute; left: 29.96px; top: 54.55px; width: 85.131px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-toc-list p{ font-weight: 500; font-size: 8.828px; line-height: 6.306px; color: #1b1e24; white-space: pre; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-toc-list p + p{ padding-top: 10.09px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-toc-list p span{ color: rgba(27, 30, 36, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur{ position: absolute; z-index: 2; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur img{ display: block; width: 15.606px; height: 18.207px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur i{ position: absolute; top: 14.76px; padding: 2.73px 5.443px 2.601px 6.936px; font-style: normal; font-family: var(--ds-font-ui); font-weight: 500; font-size: 10.404px; line-height: normal; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur--champion{ left: 455.24px; top: 101.88px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur--champion img{ transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur--champion i{ right: 13.6px; padding-right: 8.5px; background: #0068f9; border-radius: 10.404px 3.468px 10.404px 10.404px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur--cfo{ left: 487.39px; top: 94.4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-cur--cfo i{ left: 12.55px; background: #0ba258; border-radius: 3.468px 10.404px 10.404px 10.404px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat{ position: absolute; z-index: 1; left: 569px; top: 100px; width: 231px; height: 219px; background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 7px 9px 0 rgba(0, 0, 0, 0.04), 0 0 0 0.5px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-body{ display: flex; flex-direction: column; align-items: flex-end; gap: 6.88px; height: 100%; padding: 0 8px 8px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-row{ width: 100%; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub{ position: relative; flex-shrink: 0; background: #f4f4f5; border-radius: 13.199px; font-size: 9.899px; line-height: 14.849px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--intro{ width: 193px; height: 82px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--intro .wd-hi{ position: absolute; left: 10.4px; top: 7.92px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--intro .wd-wave{ position: absolute; left: 49.16px; top: 8.58px; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--intro .wd-intro-txt{ position: absolute; left: 10.4px; top: 28.7px; width: 188.083px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--me{ padding: 7.919px 10.559px; background: #5a39ff; border-radius: 13.199px 13.199px 5.28px 13.199px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--me p{ width: 156px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--res{ width: 180px; height: 82px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-bub--res p{ position: absolute; left: 10px; top: 8.4px; width: 171px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-head{ position: absolute; left: 0; top: 0; width: 231px; display: flex; align-items: center; gap: 5.28px; padding: 6px; background: #fff; box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.05); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-ava{ position: relative; width: 23.67px; height: 23.67px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-ava img{ position: absolute; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-ava .wd-ava-base{ left: 0; top: 0; width: 23.67px; height: 23.67px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-ava .wd-ava-glyph{ left: 5.74px; top: 6.29px; width: 12.058px; height: 12.058px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-id{ display: flex; flex-direction: column; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-name,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-sub{ display: block; width: 71.934px; overflow: hidden; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-name{ height: 11.879px; font-weight: 600; font-size: 9.899px; line-height: 11.879px; color: #121722; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-chat-sub{ height: 10.559px; font-size: 8.579px; line-height: 10.295px; color: #5f5f5f; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-spark{ display: inline-block; flex-shrink: 0; background: currentColor; -webkit-mask: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eafdf94fd638572a37ea8_img__sr__s1-sparkle.svg") center / contain no-repeat; mask: url("https://cdn.prod.website-files.com/5e8918fccce5fb7307ac1c9e/6a9eafdf94fd638572a37ea8_img__sr__s1-sparkle.svg") center / contain no-repeat; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cm-ico{ display: inline-block; width: 11px; height: 11px; flex-shrink: 0; background: rgba(18, 23, 34, 0.5); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq{ position: relative; height: 452px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-panel{ position: absolute; left: -85px; top: -53px; width: 556px; height: 448px; background: #fff; border-radius: 40px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 0 0 0.5px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-vline{ position: absolute; left: 77px; top: 0; width: 0.5px; height: 395px; background: rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-fade{ position: absolute; left: -85px; top: 0; width: 606px; height: 384px; background: linear-gradient(180deg, #faf9f7, rgba(250, 249, 247, 0)); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-bub{ position: absolute; left: 449px; transform: translateX(-100%); top: 50px; background: #f6f4ee; border-radius: 53px; padding: 8px 15px 10px; font-weight: 500; font-size: 16.661px; line-height: normal; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-search{ position: absolute; left: 100px; top: 107px; font-weight: 500; font-size: 13.606px; line-height: normal; color: #1b1e24; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-ans{ position: absolute; left: 100px; top: 128px; width: 349px; font-weight: 500; font-size: 16.661px; line-height: 21px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-ans b{ font-weight: 600; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit{ position: absolute; left: 100px; top: 181px; width: 349px; display: flex; align-items: center; gap: 10px; background: #fff; border: 0.5px solid #e7dfd1; border-radius: 12px; padding: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-thumb{ position: relative; width: 100px; height: 61px; border-radius: 5px; background: #5a39ff; overflow: hidden; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-thumb img{ position: absolute; left: 7px; top: 8px; width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-thumb b{ position: absolute; left: 7px; top: 26px; font-weight: 600; font-size: 9.811px; line-height: 10.4px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-thumb em{ position: absolute; left: 7px; top: 44px; font-style: normal; font-weight: 600; font-size: 5.81px; line-height: 10.4px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-body{ display: flex; flex-direction: column; gap: 3px; min-width: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-body > b{ font-weight: 500; font-size: 16.661px; line-height: 21px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-src{ display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 14px; line-height: normal; color: #1b1e24; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-hit-src img{ width: 13px; height: 12px; object-fit: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-q.is-ph .cq-type{ color: var(--ds-ink-50); font-weight: 400; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-caret{ display: none; width: 1.5px; height: 16px; background: var(--ds-ink); margin-left: 2px; animation: cqBlink 1s steps(1) infinite; } @keyframes cqBlink{ 50% { opacity: 0; } } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-prompt{ position: absolute; left: 88px; top: 276px; width: 372px; height: 108px; padding: 10px; border-radius: 30px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 7px 9px 0 rgba(0, 0, 0, 0.04), 0 0 0 0.5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; font-family: var(--ds-font); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-q{ display: flex; align-items: center; margin: 10.7px 0 0 14.37px; padding: 2px 0 4px; font-weight: 500; font-size: 16.661px; line-height: normal; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cq-prompt .rd-row{ margin-top: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cp{ position: relative; height: 440px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib{ position: relative; height: 452px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-panel{ position: absolute; left: 50%; transform: translateX(-50%); top: -53px; width: 672px; height: 448px; background: #fff; border-radius: 40px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-row{ position: absolute; left: -195px; display: flex; gap: 15.285px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-row--1{ top: -5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-row--2{ top: 195px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-item{ width: 229.277px; flex-shrink: 0; display: flex; flex-direction: column; gap: 9.553px; font-family: var(--ds-font); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-thumb{ position: relative; height: 124.192px; background: #f7f7f7; border-radius: 7.643px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-thumb--ring,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-thumb--video{ box-shadow: 0 0 0 0.478px rgba(18, 23, 34, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-thumb--video{ background: #5a39ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-stripe{ position: absolute; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-stripe--a{ left: -35.56px; top: -5px; width: 302px; height: 145px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-stripe--b{ left: 54.44px; top: -5px; width: 162px; height: 145px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-play{ position: absolute; left: calc(50% - 21.2px); top: 41px; width: 42px; height: 42px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 0.328px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-play img{ width: 12.6px; height: 12.6px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide{ position: absolute; background: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 0 0 0.5px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--case{ left: 13.88px; top: 11px; width: 202px; height: 145px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--deck{ left: calc(50% - 96.2px); top: 12px; width: 192px; height: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--feat{ left: calc(50% - 95.76px); top: 12px; width: 192px; height: 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-mark{ position: absolute; left: 16px; top: 18px; width: 11px; height: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-mark--in{ left: 16.17px; top: 21.84px; width: 6.949px; height: 6.964px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-sl-title{ position: absolute; left: 16px; top: 43px; width: 131px; font-weight: 500; font-size: 13.375px; line-height: 13.4px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-sl-big{ position: absolute; left: 16px; top: 83px; font-weight: 500; font-size: 62.096px; line-height: 62.214px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--deck .clib-mark,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--feat .clib-mark{ left: 21px; top: 17px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--deck .clib-mark--in,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--feat .clib-mark--in{ left: 21.17px; top: 20.84px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--deck .clib-sl-title,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-slide--feat .clib-sl-title{ left: 21px; top: 42px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-orb{ position: absolute; left: 92px; top: 0; width: 83px; height: 83px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-orb--in{ left: 93.31px; top: 28.99px; width: 52.431px; height: 52.549px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-veil{ position: absolute; left: calc(50% + 13.24px); top: 12px; width: 83px; height: 100px; border-radius: 2px; background: linear-gradient(180deg, #fff, #362299); opacity: 0.2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-mini{ position: absolute; left: 109.88px; top: 33px; width: 83px; height: 57px; background: #fff; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 0 0 0.5px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-name{ font-weight: 500; font-size: 13.375px; line-height: 18.39px; color: var(--ds-ink); white-space: nowrap; overflow: hidden; width: 198.707px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-stats{ display: flex; align-items: center; gap: 11.464px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-stat{ display: inline-flex; align-items: center; gap: 4.777px; font-size: 12.419px; line-height: 14.903px; color: var(--ds-ink-50); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-stat .cm-ico{ width: 12.419px; height: 12.419px; background: rgba(18, 23, 34, 0.5); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .clib-fade{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 653px; height: 304px; background: linear-gradient(180deg, #faf9f7, rgba(250, 249, 247, 0)); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl{ position: relative; height: 452px; overflow: hidden; font-family: var(--ds-font); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-back,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-mid,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-slide{ position: absolute; width: 472.801px; background: #fff; border-radius: 8.428px; box-shadow: 0 0.843px 1.686px 0 rgba(0, 0, 0, 0.25), 0 0 0 0.421px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-back{ left: 55.88px; top: 117.88px; height: 278.118px; opacity: 0.6; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-mid{ left: 76.95px; top: 92.6px; height: 303.402px; opacity: 0.6; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-slide{ left: 98.86px; top: 69px; height: 327px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-label{ position: absolute; left: 98.47px; top: 32.91px; font-weight: 500; font-size: 11.54px; line-height: 43.825px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-slide p{ position: absolute; left: 39.6px; font-weight: 500; line-height: 43.825px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-kicker{ top: 21.9px; font-size: 18.541px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-big{ top: 130.6px; font-size: 69.108px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-slide p.csl-var{ top: 247.89px; font-size: 26.969px; color: var(--ds-blue); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-chip{ position: absolute; left: 27.8px; top: 245px; width: 250px; height: 51px; border-radius: 8.428px; background: rgba(161, 211, 255, 0.15); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-strip{ position: absolute; left: 535.66px; top: 69px; width: 36px; height: 327px; background: #5a39ff; box-shadow: 0 0.843px 1.686px 0 rgba(0, 0, 0, 0.25), 0 0 0 0.421px rgba(0, 0, 0, 0.1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-cur{ position: absolute; left: 141px; top: 364.7px; z-index: 2; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-cur img{ display: block; width: 24.374px; height: 28.436px; transform: scaleX(-1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .csl-cur i{ position: absolute; right: 19.2px; top: 23.05px; padding: 4.264px 11.5px 4.062px 10.833px; background: #0068f9; border-radius: 16.249px 5.416px 16.249px 16.249px; font-style: normal; font-family: var(--ds-font-ui); font-weight: 500; font-size: 16.249px; line-height: normal; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-sym{ position: absolute; left: -424.34px; top: -927.34px; width: 2527.344px; height: 2527.344px; max-width: none; pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-fit{ position: absolute; inset: 0; transform: scale(var(--lms, 1)); transform-origin: 50% 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw{ position: absolute; width: 1248px; height: 701px; background: #fff; border-radius: 12px; box-shadow: 0 0 0 0.969px rgba(0, 0, 0, 0.1), 0 16.48px 17.45px -11.633px rgba(0, 0, 0, 0.08); overflow: hidden; transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw--back{ left: calc(50% - 497px); top: 166px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw--front{ left: calc(50% - 751px); top: 88px; transition-delay: 0.06s; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-stage.is-swap .lmw{ transform: translateY(820px); transition: transform 0.46s cubic-bezier(0.5, 0, 0.8, 0.4); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-stage.is-swap .lmw--back{ transition-delay: 0.05s; } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-stage.is-swap .lmw{ transition: none; transform: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-bar{ position: absolute; left: 0; right: 0; top: 0; height: 33px; background: #f4f4f4; display: flex; align-items: flex-end; padding-top: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-dots{ display: flex; align-items: center; gap: 4px; padding: 0 6px 0 13px; align-self: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-dots img{ width: 10px; height: 10px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-tab{ display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: #fff; border-radius: 8px 8px 0 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-tab img{ width: 16px; height: 10.667px; display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-name{ font-family: var(--ds-font-ui); font-weight: 500; font-size: 12px; line-height: 17px; color: #000; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs{ position: absolute; left: 2px; right: 2px; top: 35px; bottom: -35px; background: #fff; border-radius: 4px; overflow: hidden; font-family: var(--ds-font); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-head{ display: flex; align-items: center; gap: 6.5px; background: var(--ds-ink); padding: 7.3px 7.5px 7.3px 6.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-back{ width: 13px; height: 13px; margin: 0 0 0 5.7px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-title{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; font-size: 12.42px; color: #fff; padding-left: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-est{ font-weight: 500; font-size: 11.42px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-est i{ font-style: normal; color: rgba(255, 255, 255, 0.6); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-pct{ background: #303030; border-radius: 3.263px; padding: 4.9px 11.42px 5.7px; font-weight: 500; font-size: 11.42px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-save{ background: #5a39ff; border-radius: 4px; padding: 4.9px 11.42px 5.7px; font-weight: 500; font-size: 11.42px; color: #fff; white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-steps{ display: flex; background: #fbfbfb; box-shadow: inset 0 -0.816px 0 0 rgba(0, 0, 0, 0.15); height: 33px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-step{ position: relative; display: flex; align-items: center; gap: 6.5px; padding: 9.8px 21.2px 10.6px 11.4px; font-weight: 400; font-size: 11.42px; line-height: 11.42px; color: rgba(18, 23, 34, 0.4); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-step.is-done{ background: #fff; font-weight: 500; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-step.is-done s{ text-decoration: line-through; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-step.is-active{ background: #5a39ff; font-weight: 500; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-arr{ position: absolute; right: -0.4px; top: -0.3px; width: 14px; height: 33px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-box{ width: 11.42px; height: 9.8px; border-radius: 1.63px; background: #5a39ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-box img{ width: 9.8px; height: 9.8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-box--half{ background: rgba(0, 0, 0, 0.08); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-box--todo{ background: none; border: 0.816px dashed #cfcfcf; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-main{ padding: 13px 103px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-sec-title{ font-weight: 600; font-size: 22.8px; line-height: 19.6px; color: var(--ds-ink); padding: 19.6px 0 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-quiz{ background: #fff; border: 0.408px solid rgba(0, 0, 0, 0.1); border-radius: 6.5px; box-shadow: 0 0.816px 0 0.408px rgba(0, 0, 0, 0.05); padding: 31px 34.3px 34.3px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qhead{ display: flex; justify-content: space-between; font-size: 13px; line-height: normal; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qhead b{ font-weight: 500; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qhead span{ color: #7d828e; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qbar{ height: 4.9px; border-radius: 32.6px; background: #f5f5f5; margin-top: 9.8px; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qbar i{ display: block; width: 40%; height: 100%; background: #5a39ff; border-radius: 24.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qrow{ display: flex; gap: 13px; margin-top: 27.7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qleft{ flex: 1; min-width: 0; padding: 26px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-q{ font-weight: 600; font-size: 22.8px; line-height: normal; color: var(--ds-ink); margin-bottom: 19.6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-opt{ display: flex; align-items: center; gap: 6.5px; height: 44px; padding: 13px; border: 0.408px solid #d9d9d9; border-radius: 6.5px; font-weight: 500; font-size: 14.7px; color: var(--ds-ink); white-space: nowrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-opt + .crs-opt{ margin-top: 6.5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-opt.is-sel{ border: 1.63px solid #5a39ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-opt img{ width: 16.3px; height: 16.3px; flex-shrink: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-media{ width: 404.58px; flex-shrink: 0; border-radius: 6.5px; background: #5a39ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-qfoot{ display: flex; justify-content: flex-end; margin-top: 27.7px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-submit{ display: inline-flex; align-items: center; gap: 4px; background: #5a39ff; border-radius: 4.9px; padding: 7.3px 9.8px 8.2px 11.4px; font-weight: 500; font-size: 13px; color: #fff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-submit img{ width: 13px; height: 13px; transform: rotate(-90deg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-fillet{ position: relative; width: 8px; height: 8px; background: #fff; align-self: flex-end; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-fillet::after{ content: ""; position: absolute; inset: 0; background: #f7f7f7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-fillet--l::after{ border-radius: 0 0 100px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lmw-fillet--r::after{ border-radius: 0 0 0 100px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-stage{ position: relative; height: 760px; background: #faf9f7; padding: 0; overflow: hidden; user-select: none; -webkit-user-select: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-cols{ display: flex; gap: var(--ds-grid-gap); margin-top: 40px; text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-col{ flex: 1; min-width: 0; padding: 0 48px; cursor: pointer; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-col i{ display: block; position: relative; height: 3px; border-radius: 100px; background: #ececec; overflow: hidden; margin-bottom: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-col i::after{ content: ""; position: absolute; inset: 0; width: 0; border-radius: inherit; background: var(--ds-sky); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-col:is(.is-on,[data-home-v2-classes~="is-on"]) i::after{ animation: lmsFill 9s linear forwards; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-cols.is-manual .lms-col:is(.is-on,[data-home-v2-classes~="is-on"]) i::after{ animation: none; width: 100%; } @keyframes lmsFill{ from { width: 0; } to { width: 100%; } } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-col:is(.is-on,[data-home-v2-classes~="is-on"]) i::after{ animation: none; width: 100%; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-col b{ font-weight: 500; font-size: 24px; line-height: 32px; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-col p{ margin: 8px 0 0; font-size: 18px; line-height: 28px; color: var(--ds-ink); } @media (max-width: 900px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-stage{ height: 420px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .lms-cols{ flex-direction: column; gap: 28px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .wd-il,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .rd-il,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-pills,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sk-win,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .nx-il,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .cz-il,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-bleed{ user-select: none; -webkit-user-select: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-stage::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(18, 23, 34, 0.055) 1.7px, rgba(18, 23, 34, 0) 2.15px); background-size: var(--dotx, 20.6px) var(--doty, 20.6px); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ai-stage > *{ position: relative; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tpl-stage{ position: relative; z-index: 1; width: min(640px, calc(100% - 16px)); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .mv{ position: relative; height: 116px; margin-bottom: 24px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px rgba(18, 23, 34, 0.06), 0 12px 24px -12px rgba(18, 23, 34, 0.08); padding: 16px 18px; display: flex; flex-direction: column; justify-content: center; gap: 9px; overflow: hidden; user-select: none; -webkit-user-select: none; font-family: var(--ds-font-ui); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ci{ position: relative; height: 224px; margin-bottom: 24px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px rgba(18, 23, 34, 0.06), 0 12px 24px -12px rgba(18, 23, 34, 0.08); overflow: hidden; user-select: none; -webkit-user-select: none; pointer-events: none; text-align: left; font-family: var(--ds-font); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ib-fit{ position: absolute; left: 48px; top: 0; transform-origin: 0 0; text-align: left; font-family: var(--ds-font); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-bleed > .sk-win{ left: 48px; top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-bleed > .sk-win .ib-body{ position: relative; padding: 12px 16px; font-family: var(--ds-font); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .il-bleed > .sk-win .ib-body{ zoom: 1.32; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-grid.steps{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ds-grid-gap); } @media (max-width: 900px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .ds-card-grid.steps{ grid-template-columns: 1fr; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .home-prep-card{ display: flex; flex-direction: column; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.features-grid,[data-home-v2-classes~="features-grid"]) .home-prep-card > .ds-card-body{ width: 440px; max-width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-prep-illo{ position: relative; flex: 1; min-height: 230px; margin: 24px -48px 0; overflow: hidden; isolation: isolate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-prep-illo .sk-win{ top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-prep-illo .sk-pills{ top: 79px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--embed{ overflow: hidden; border-radius: inherit; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--embed .it-fit{ left: 24px; width: calc(100% - 48px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--embed .eb-mini{ left: 0; width: 100%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .it-illo--embed .eb-card{ max-width: calc(100% - 16px); } @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-prep-illo{ min-height: 126px; margin: 24px -24px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-prep-illo .sk-pills{ margin: 0; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen{ --hp-line:rgba(18,23,34,.08); font-family:var(--ds-font); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-main-bar{ min-height:48px; padding:8px 16px; border-color:var(--hp-line); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-main-bar b{ padding:0; font-weight:500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-newbtn{ height:30px; padding:8px 12px; background:var(--ds-blue,#0068f9); border-radius:6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-hero{ height:186px; flex-shrink:0; padding:20px 24px 24px; background:var(--ds-surface-tint,#faf9f7); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-hero-pills{ margin-bottom:14px; padding:3px; height:32px; border-radius:8px; box-shadow:none; background:rgba(18,23,34,.045); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-hero-pill{ border-radius:5px; opacity:.65; font-size:12px; padding:4px 9px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-hero-pill--selected{ background:white; opacity:1; box-shadow:0 1px 3px #12172212; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-hero-pill--ai:not(.cl-hero-pill--selected){ background:transparent; box-shadow:none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-hero-title{ font-size:25px; line-height:32px; margin:0 0 18px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-search{ display:flex; align-items:center; gap:10px; width:100%; max-width:550px; height:46px; padding:0 15px; background:white; border:1px solid #0068f955; border-radius:10px; box-shadow:0 0 0 3px #0068f90a; color:#12172280; font-size:14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-search img{ width:17px; height:17px; opacity:.55; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px 16px; padding:4px 20px 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-filters{ padding:12px 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-card b{ font-size:12px; line-height:17px; height:34px; margin-bottom:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-meta{ font-size:11px; line-height:14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-cover{ height:96px; position:relative; overflow:hidden; border-radius:7px; background:#0068f9; color:white; border:1px solid #1217220c; margin-bottom:9px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-cover-mark{ position:absolute; width:14px; height:14px; top:12px; left:12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-cover-brand{ position:absolute; top:13px; left:31px; font-size:9px; line-height:12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-cover strong{ position:absolute; left:12px; bottom:14px; font-size:16px; line-height:1.08; font-weight:500; letter-spacing:-.3px; z-index:1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-cover-orb{ position:absolute; width:84px; height:84px; top:24px; right:-28px; opacity:.16; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-cover--case{ background:#e9e5ff; color:var(--ds-ink,#121722); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-cover--sheet{ background:#f1f5f0; color:var(--ds-ink,#121722); background-image:linear-gradient(#12172205 1px,transparent 1px),linear-gradient(90deg,#12172205 1px,transparent 1px); background-size:20px 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-cover--video{ background:#5a39ff url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%22298.389%22%20height%3D%22145%22%20viewBox%3D%220%200%20298.389%20145%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20id%3D%22Rectangle%20481%22%20opacity%3D%220.2%22%20d%3D%22M0.35702%203.13548C-0.557989%201.80871%200.39175%200%202.00344%200H199.144C199.802%200%20200.418%200.323223%20200.791%200.864534L298.032%20141.865C298.947%20143.191%20297.997%20145%20296.386%20145H99.2448C98.5873%20145%2097.9717%20144.677%2097.5984%20144.135L0.35702%203.13548Z%22%20fill%3D%22%23121722%22%2F%3E%0A%3C%2Fsvg%3E") center/cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-cover--video strong{ font-size:12px; bottom:12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-play{ position:absolute; top:34px; left:calc(50% - 16px); width:32px; height:32px; display:grid; place-items:center; background:white; border-radius:50%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-play img{ width:13px; height:13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-ai{ width:300px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-ai-bar{ height:48px; padding:16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-ai-body{ padding:20px 16px 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-bubble{ margin:12px 0 24px; font-size:12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-answer{ font-size:13px; line-height:20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-asset .hp-cover{ height:154px; margin-top:4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-asset .hp-cover strong{ font-size:26px; left:20px; bottom:20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-asset .hp-cover-mark{ top:18px; left:20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-asset .hp-cover-brand{ top:19px; left:39px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-asset .hp-cover-orb{ width:140px; height:140px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-asset i{ display:block; margin-top:5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-ai-input{ box-shadow:0 2px 5px #12172206; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-ai-row .cl-send{ display:grid; place-items:center; background:var(--ds-blue,#0068f9); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .cl-ai-row .cl-send img{ width:13px; height:13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-inline{ display:flex; align-items:center; gap:8px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-inline img{ width:16px; height:16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-outline{ font-size:12px; padding:7px 10px; border:1px solid var(--hp-line); border-radius:6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-agent-layout{ display:flex; flex:1; min-height:0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-chat-nav{ width:182px; flex-shrink:0; border-right:1px solid var(--hp-line); padding:12px 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-nav-item{ display:flex; align-items:center; gap:8px; min-height:32px; padding:8px; font-size:12px; line-height:16px; border-radius:5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-nav-item img{ width:14px; height:14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-nav-item--on{ background:var(--ds-surface-tint,#faf9f7); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-chat-nav p{ margin:24px 8px 8px; font-size:11px; color:#12172280; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-agent-home{ flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 48px 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-agent-home h3{ margin:0 0 24px; font:500 28px/36px var(--ds-font); letter-spacing:-.6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-composer{ width:100%; max-width:600px; padding:16px 12px 12px; border:1px solid #12172226; border-radius:14px; box-shadow:0 3px 10px #12172206; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-composer p{ margin:0 4px 24px; font-size:14px; color:#12172280; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-composer-row{ display:flex; align-items:center; gap:6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-composer-row img{ width:16px; height:16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-add,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-pick{ height:30px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid var(--hp-line); border-radius:6px; font-size:12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-add{ width:30px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-pick{ padding:0 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-pick img{ width:20px; height:auto; flex:0 0 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-submit{ width:30px; height:30px; display:grid; place-items:center; border-radius:50%; margin-left:auto; background:#f4f4f4; opacity:.5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-suggestions{ display:flex; gap:10px; margin-top:20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-suggestions span{ display:flex; align-items:center; gap:7px; border:1px solid var(--hp-line); padding:8px 12px; border-radius:100px; font-size:12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-suggestions img{ width:14px; height:14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stats-grid .stat-logo{ height:34px; object-fit:contain; object-position:left center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stats-grid .stat-logo--lattice{ width:146px; filter:brightness(0); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .stats-grid .stat-logo--nectar{ width:146px; filter:brightness(0); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .tl-media.hp-learning-media,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-media.hp-learning-media{ background:#ff4f00; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; padding:32px; overflow:hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-virtual-card{ width:300px; height:184px; flex-shrink:0; padding:22px; border:1px solid #ffffff80; border-radius:16px; background:#fff; color:var(--ds-ink,#121722); box-shadow:0 12px 24px #7a250026; font-family:var(--ds-font); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-top,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-bottom{ display:flex; align-items:center; justify-content:space-between; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-top{ font-size:10px; color:#12172280; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-top span:first-child{ display:flex; align-items:center; gap:7px; font-size:15px; font-weight:500; color:var(--ds-ink,#121722); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .sl-static .hp-card-top img{ width:20px; height:20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-chip{ width:28px; height:22px; margin-top:20px; border:1px solid #c4b8dc; border-radius:5px; background:#e6dff1; display:grid; place-items:center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-chip span{ width:12px; height:12px; border:1px solid #c4b8dc; border-radius:3px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-number{ margin:14px 0 16px; font-size:14px; line-height:18px; letter-spacing:1px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-card-bottom{ font-size:8px; letter-spacing:1px; color:#12172280; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-media-caption{ margin:0; color:white; font:400 12px/18px var(--ds-font); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-search.hp-entered{ color:var(--ds-ink,#121722); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-composer.hp-entered p{ color:var(--ds-ink,#121722); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-composer.hp-entered .hp-submit{ background:var(--ds-blue,#0068f9); opacity:1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-screen .hp-composer.hp-entered .hp-submit img{ filter:brightness(0) invert(1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .hp-learning-media .hp-card-top img{ width:20px; height:20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .crs-media.hp-learning-media{ font-style:normal; background:#5a39ff; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-screen{ position: absolute; inset: 35px 2px 2px; overflow: hidden; background: var(--ds-surface-tint); color: var(--ds-ink); font: 400 15px/1.5 var(--ds-font); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning :is([data-lms-panel],:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) [data-lms-preview])[hidden]{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-screen :is(h3,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) h4,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) p){ margin: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-screen :is(h3,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) h4,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) b){ font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-product-head{ display: flex; align-items: center; gap: 12px; height: 45px; padding: 0 16px; background: var(--ds-ink); color: white; font-size: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-product-head > b{ flex: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-back{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-access{ display: flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid #ffffff24; border-radius: 5px; color: #ffffffc9; font-size: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-access img{ width: 12px; height: 12px; filter: brightness(0) invert(1); opacity: .8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-product-button{ padding: 5px 14px; background: var(--ds-blue); color: white; border-radius: 5px; font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-product-tabs{ display: flex; gap: 28px; align-items: stretch; height: 43px; padding: 0 28px; border-bottom: 1px solid #12172212; background: white; font-size: 13px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-product-tabs span{ display: flex; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-product-tabs .is-current{ color: var(--ds-ink); box-shadow: inset 0 -2px var(--ds-blue); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-document{ margin: 24px 48px; padding: 28px 36px 32px; background: white; border: 1px solid #12172212; border-radius: 9px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-document-heading{ position: relative; padding-bottom: 24px; border-bottom: 1px solid #12172212; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-acme{ display: flex; align-items: center; gap: 7px; margin-bottom: 18px; font-size: 15px; font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-acme img{ width: 23px; height: 23px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-document-type{ position: absolute; top: 4px; right: 0; color: var(--ds-ink-50); font-size: 10px; letter-spacing: .08em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-document h3,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-education h3{ font-size: 32px; line-height: 1.2; letter-spacing: -.035em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-document-heading > p,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-education-heading > p{ margin-top: 8px; font-size: 15px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-document-columns{ display: grid; grid-template-columns: minmax(0,1fr) 276px; gap: 48px; padding-top: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-screen h4{ font-size: 17px; line-height: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-question{ display: flex; align-items: flex-start; gap: 14px; margin-top: 19px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-question > span{ padding-top: 2px; color: var(--ds-ink-50); font-size: 12px; line-height: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-question b{ font-size: 15px; line-height: 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-question p{ margin-top: 3px; font-size: 14px; line-height: 21px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-cover{ position: relative; display: flex; flex-direction: column; align-items: flex-start; height: 168px; margin-top: 14px; padding: 19px 22px; overflow: hidden; border-radius: 6px; background: var(--ds-blue); color: white; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-cover > img{ width: 21px; height: 21px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-cover > b{ margin-top: 12px; font-size: 23px; line-height: 1.12; letter-spacing: -.03em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-cover > span{ margin-top: auto; font-size: 8px; letter-spacing: .1em; opacity: .7; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-cover::after{ content: ""; position: absolute; width: 130px; height: 130px; right: -75px; top: 33px; border: 28px solid #ffffff1a; border-radius: 50%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-caption{ display: flex; align-items: center; gap: 10px; margin-top: 13px; font-size: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-caption > img{ width: 17px; height: 17px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-caption > img:last-child{ margin-left: auto; width: 14px; height: 14px; opacity: .5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-resource-caption small{ display: block; margin-top: 2px; font-size: 11px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-people{ display: flex; padding-right: 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-people img{ width: 24px; height: 24px; margin-right: -5px; border: 2px solid var(--ds-ink); border-radius: 50%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-education{ padding: 30px 48px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-education-columns{ display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 24px; margin-top: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-embedded-course{ padding: 12px; background: white; border: 1px solid #12172212; border-radius: 9px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-cover{ position: relative; overflow: hidden; height: 306px; padding: 20px 24px; background: var(--ds-blue); border-radius: 5px; color: white; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-brand{ position: relative; z-index: 1; display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-brand img{ width: 19px; height: 19px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-cover > div{ position: relative; z-index: 1; margin-top: 23px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-eyebrow{ font-size: 9px; letter-spacing: .1em; color: #ffffffb8; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-cover h4{ margin: 9px 0; font-size: 37px; line-height: 1.07; letter-spacing: -.035em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-cover p{ color: #ffffffbf; font-size: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-start{ display: inline-flex; align-items: center; gap: 22px; margin-top: 21px; padding: 8px 12px; border-radius: 5px; background: white; color: var(--ds-ink); font-size: 13px; font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-start img{ width: 14px; height: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-watermark{ position: absolute; width: 650px; max-width: none; right: -340px; top: -85px; filter: brightness(0) invert(1); opacity: .1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-caption{ display: flex; align-items: center; gap: 8px; padding: 13px 4px 2px; color: var(--ds-ink-50); font-size: 11px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-caption img{ width: 14px; height: 14px; opacity: .5; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-course-caption > span:last-child{ margin-left: auto; font-size: 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-learning-path{ padding: 22px 23px; border: 1px solid #12172212; border-radius: 9px; background: white; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-learning-path > div{ display: flex; align-items: center; gap: 10px; padding-top: 22px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-lesson-number{ display: grid; place-items: center; flex-shrink: 0; width: 26px; height: 26px; border: 1px solid #12172212; border-radius: 50%; font-size: 11px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-learning-path b{ font-size: 13px; line-height: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-learning-path small{ display: block; color: var(--ds-ink-50); font-size: 11px; line-height: 17px; margin-top: 2px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-learning-path .lms-success-contact{ margin-top: 26px; padding-top: 20px; border-top: 1px solid #12172212; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-success-contact img{ width: 29px; height: 29px; border-radius: 50%; object-fit: cover; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-col{ border: 0; background: transparent; color: var(--ds-ink); font-family: var(--ds-font); text-align: left; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-col:focus-visible{ outline: 2px solid var(--ds-blue); outline-offset: 8px; border-radius: 4px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-desc{ display: block; margin-top: 8px; font-size: 18px; line-height: 28px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-cols{ align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-cols.is-paused:not(.is-manual) .lms-col i::after{ animation: none; width: 0; } @media (max-width: 900px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-col{ padding: 0 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-col b{ font-size: 20px; line-height: 28px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-desc{ font-size: 16px; line-height: 24px; }} @media (max-width: 640px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-col{ padding: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .home-learning .lms-cols{ gap: 24px; margin-top: 28px; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]){ background: var(--ds-bg); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.desktop,[data-home-v2-classes~="desktop"]){ max-width: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]){ margin: 0; padding: 132px 0; scroll-margin-top: 82px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]) > :is(.ds-container,[data-home-v2-classes~="ds-container"]){ width: calc(100% - 112px); max-width: 1440px; margin: 0 auto; padding: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]) .ds-section-heading{ max-width: 1100px; margin: 0 auto 36px; text-align: center; font-size: clamp(38px,5vw,80px); line-height: 1.06; letter-spacing: -.045em; font-weight: 500; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]) .ds-eyebrow{ display: block; font-size: 20px; line-height: 1.4; letter-spacing: -.015em; color: var(--ds-blue); margin-bottom: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-intro{ max-width: 730px; margin: 0 auto 64px; text-align: center; font-size: 24px; line-height: 1.4; color: var(--ds-ink-80); letter-spacing: -.02em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .header-ghost{ z-index: 100; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]){ padding-bottom: 96px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.tabs-section,[data-home-v2-classes~="tabs-section"]){ height: auto; aspect-ratio: 1712 / 880; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.ts-fit,[data-home-v2-classes~="ts-fit"]){ height: 880px; border-radius: 32px; background: var(--ds-surface-tint); box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.ts-stage,[data-home-v2-classes~="ts-stage"]){ left: 0; top: 0; width: 1712px; height: 880px; border-radius: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.ts-stage,[data-home-v2-classes~="ts-stage"]) :is(.sl-frame,[data-home-v2-classes~="sl-frame"]){ left: 232px; top: 72px; box-shadow: 0 30px 70px rgba(18,23,34,.2); border-radius: 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail{ position: relative; inset: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; width: fit-content; max-width: 100%; margin: 28px auto 0; gap: 3px; padding: 7px; background: var(--ds-surface-gray); border-radius: 100px; overflow: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab{ flex: none; margin: 0; padding: 11px 22px; background: transparent; border: 0; border-radius: 100px; font: inherit; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab.is-active{ background: var(--ds-white); box-shadow: 0 2px 6px rgba(18,23,34,.06); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .sl-tab > span{ font-size: 16px; line-height: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-desc,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .sl-tab::after,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .sl-tab::before{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-chapter-link{ display: block; width: fit-content; margin: 0 auto 64px; color: var(--ds-blue); text-decoration: none; font-size: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-chapter-link:hover{ text-decoration: underline; text-underline-offset: 5px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-results{ padding: 30px 0 110px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-proof-heading{ text-align: center; font-size: 21px; font-weight: 400; margin-bottom: 40px; color: var(--ds-ink-80); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-results .stats-grid{ gap: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-results .ds-card--stat{ border-radius: 0; border: 0; border-right: 1px solid var(--ds-border); background: transparent; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-results .ds-card--stat:last-child{ border-right: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-sales,[data-home-v2-classes~="v2-sales"]),:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-learning,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-integrations{ background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-canvas,[data-home-v2-classes~="v2-product-canvas"]){ position: relative; width: 100%; height: auto; aspect-ratio: 1440 / 740; overflow: hidden; border-radius: 32px; background: var(--ds-blue); margin: 0 0 56px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-canvas--room,[data-home-v2-classes~="v2-product-canvas--room"]){ background: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-fit,[data-home-v2-classes~="v2-product-fit"]){ position: absolute; left: 50%; top: 64px; width: 1248px; transform: translateX(-50%) scale(var(--v2-scale,1)); transform-origin: top center; border-radius: 12px; overflow: hidden; box-shadow: 0 30px 70px rgba(18,23,34,.18); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-fit,[data-home-v2-classes~="v2-product-fit"]) :is(.sr-step5,[data-home-v2-classes~="sr-step5"]){ height: 3303px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-fit,[data-home-v2-classes~="v2-product-fit"]) .cl-screen{ width: 1248px; height: 736px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]){ display: flex; grid-template-columns: none; gap: 24px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 0 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"])::-webkit-scrollbar{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) > .ds-card{ position: relative; flex: 0 0 min(560px,85vw); width: min(560px,85vw); height: 520px; min-height: 520px; border-radius: 28px; scroll-snap-align: start; box-shadow: none; border: 0; background: white; overflow: hidden; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-content :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) > .ds-card{ background: var(--ds-surface-tint); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]):is(.features-grid,[data-home-v2-classes~="features-grid"]) > .ds-card{ padding: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .ds-card-title{ position: static; width: auto; font-size: 29px; line-height: 1.15; letter-spacing: -.025em; margin: 0 0 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .ds-card-body{ position: static; width: auto; font-size: 18px; line-height: 1.45; color: var(--ds-ink-80); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .ds-card--blue{ background: var(--ds-blue); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .ds-card--blue .ds-card-body{ color: var(--ds-white); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .rd-il,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .wd-il{ top: 249px; bottom: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .nx-il,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .cz-il{ top: 280px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .sk-pills{ top: 305px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .il-copy{ padding: 40px 40px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-gallery-controls{ display: flex; gap: 12px; align-items: center; justify-content: flex-end; padding-top: 6px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-gallery-controls > span{ margin-right: auto; font-size: 16px; color: var(--ds-ink-50); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-gallery-controls button{ width: 44px; height: 44px; display: grid; place-items: center; font: inherit; font-size: 22px; border: 0; border-radius: 50%; background: var(--ds-surface-chip); cursor: pointer; color: var(--ds-ink); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-gallery-controls button:disabled{ opacity: .3; cursor: default; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-learning .lms-stage{ border-radius: 32px; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-learning .lms-cols{ margin-top: 40px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-ai .section-sub{ max-width: 800px; margin: 0 auto 64px; font-size: 24px; line-height: 1.4; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-ai .ai-stage{ border-radius: 32px; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-integrations .ds-card{ background: white; border-radius: 28px; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-security .ds-card{ border-radius: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo{ padding-top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .ds-h2{ font-size: clamp(36px,4.5vw,70px); line-height: 1.05; letter-spacing: -.04em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) a:focus-visible,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) button:focus-visible,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]):focus-visible{ outline: 3px solid var(--ds-sky); outline-offset: 4px; } @media (max-width: 900px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]){ padding: 80px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]) > :is(.ds-container,[data-home-v2-classes~="ds-container"]){ width: calc(100% - 40px); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-fit,[data-home-v2-classes~="v2-product-fit"]){ top: 32px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab{ padding: 8px 12px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .sl-tab > span{ font-size: 13px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-intro,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-ai .section-sub{ font-size: 20px; }} @media (max-width: 600px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]){ padding: 64px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]) .ds-section-heading{ font-size: 40px; margin-bottom: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-chapter,[data-home-v2-classes~="v2-chapter"]) .ds-eyebrow{ font-size: 16px; margin-bottom: 14px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-canvas,[data-home-v2-classes~="v2-product-canvas"]){ border-radius: 20px; aspect-ratio: 1.15; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-product-fit,[data-home-v2-classes~="v2-product-fit"]){ top: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail{ border-radius: 18px; padding: 5px; width: 100%; flex-wrap: wrap; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab{ padding: 7px 10px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) > .ds-card{ flex-basis: 88%; width: 88%; height: 520px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]):is(.features-grid,[data-home-v2-classes~="features-grid"]) > .ds-card{ padding: 28px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .il-copy{ padding: 28px 28px 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .ds-card-title{ font-size: 26px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .ds-card-body{ font-size: 16px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-results .ds-card--stat{ border-right: 0; border-bottom: 1px solid var(--ds-border); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-chapter-link{ font-size: 17px; margin-bottom: 36px; }} @media (prefers-reduced-motion: no-preference){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]){ scroll-behavior: smooth; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]){ scroll-behavior: smooth; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .wd-fit{ top: 0; bottom: auto; transform: scale(.88); transform-origin: top left; } @media (max-width: 600px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]) .wd-fit{ transform: scale(.65); }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab .ts-desc,:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab.is-active .ts-desc{ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]){ --v2-gallery-gutter: max(56px, calc((100vw - 1440px) / 2)); width: 100vw; max-width: none; margin-left: calc((100% - 100vw) / 2); padding: 4px var(--v2-gallery-gutter) 28px; scroll-padding-inline: var(--v2-gallery-gutter); scroll-behavior: auto; overscroll-behavior-x: contain; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]).is-travelling{ scroll-snap-type: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail{ isolation: isolate; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab{ z-index: 1; transition: color 250ms; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) .ts-rail .sl-tab.is-active{ background: transparent; box-shadow: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-segment-highlight{ position: absolute; left: 0; top: 0; z-index: 0; border-radius: 100px; background: var(--ds-white); box-shadow: 0 2px 7px rgba(18,23,34,.07); pointer-events: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-segment-highlight.is-ready{ transition: transform 480ms cubic-bezier(.22,1,.36,1), width 480ms cubic-bezier(.22,1,.36,1), height 480ms cubic-bezier(.22,1,.36,1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo{ padding: 36px 0 112px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta{ height: auto; min-height: 570px; border-radius: 32px; background: var(--ds-surface-tint); box-shadow: none; align-items: center; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-left{ flex: 0 0 52%; min-width: 0; padding: 76px 64px; z-index: 2; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .ds-h2{ font-size: clamp(42px,4.5vw,70px); max-width: 650px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .ds-body-lg{ font-size: 21px; line-height: 1.45; max-width: 450px; color: var(--ds-ink-80); margin: 26px 0 30px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-demo-eyebrow{ margin: 0 0 22px; color: var(--ds-blue); font-size: 13px; font-weight: 500; letter-spacing: .08em; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-illo{ display: block; position: absolute; width: 840px; height: 380px; right: -160px; top: 142px; margin: 0; opacity: 1; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-illo .wd-fit{ transform: none; } @media (max-width: 1100px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-left{ padding: 56px 44px; flex-basis: 58%; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-illo{ right: -360px; top: 165px; }} @media (max-width: 900px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-gallery,[data-home-v2-classes~="v2-gallery"]){ --v2-gallery-gutter: 20px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta{ min-height: 720px; align-items: flex-start; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-left{ flex-basis: 100%; padding: 44px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-illo{ top: 415px; right: auto; left: 28px; }} @media (max-width: 600px){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo{ padding: 0 0 64px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta{ min-height: 660px; border-radius: 24px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-left{ padding: 36px 28px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .ds-body-lg{ font-size: 18px; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-illo{ top: 395px; left: 8px; transform: scale(.65); transform-origin: top left; }} @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]) .v2-segment-highlight.is-ready{ transition: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) .v2-demo .demo-cta-illo .wd-fit{ top: 0; bottom: auto; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-track,[data-home-v2-classes~="v2-preview-track"]){ position: absolute; top: 72px; left: 232px; display: flex; gap: 16px; width: max-content; z-index: 1; transform: translateX(var(--v2-preview-x, 0px)); transition: transform 620ms cubic-bezier(.2, .85, .25, 1); will-change: transform; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-track,[data-home-v2-classes~="v2-preview-track"]) :is(.sl-frame,[data-home-v2-classes~="sl-frame"]){ position: relative; left: auto; top: auto; flex: 0 0 1248px; width: 1248px; transform: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]) :is(.sl-window,[data-home-v2-classes~="sl-window"]){ height: 668px; padding-top: 0; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]) :is(.sl-scene,[data-home-v2-classes~="sl-scene"]){ display: block; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.sl-scene,[data-home-v2-classes~="sl-scene"])[data-screen="deal"]:not(:is(.is-on,[data-home-v2-classes~="is-on"])) :is(.sr-fit,[data-home-v2-classes~="sr-fit"]){ display: none; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.sl-scene,[data-home-v2-classes~="sl-scene"])[data-screen="deal"]:not(:is(.is-on,[data-home-v2-classes~="is-on"])) :is(.sr-fit,[data-home-v2-classes~="sr-fit"])[data-step="5"]{ display: block; } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-track,[data-home-v2-classes~="v2-preview-track"]){ transition: none; }} :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-track,[data-home-v2-classes~="v2-preview-track"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]){ transform: scale(.94); transform-origin: center center; box-shadow: none; transition: transform 620ms cubic-bezier(.2, .85, .25, 1), box-shadow 620ms cubic-bezier(.2, .85, .25, 1); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-track,[data-home-v2-classes~="v2-preview-track"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]):has(:is(.sl-scene,[data-home-v2-classes~="sl-scene"]):is(.is-on,[data-home-v2-classes~="is-on"])){ transform: scale(1); box-shadow: 0 30px 70px rgba(18,23,34,.2); } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]) .sl-dots img{ filter: brightness(0); opacity: .2; transition: filter 360ms ease, opacity 360ms ease; } :is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]):has(:is(.sl-scene,[data-home-v2-classes~="sl-scene"]):is(.is-on,[data-home-v2-classes~="is-on"])) .sl-dots img{ filter: none; opacity: 1; } @media (prefers-reduced-motion: reduce){:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-overview,[data-home-v2-classes~="v2-overview"]) :is(.v2-preview-track,[data-home-v2-classes~="v2-preview-track"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]),:is(#dock-home-v2,[data-home-v2-id="dock-home-v2"]):is(.dock-v2,[data-home-v2-classes~="dock-v2"]) :is(.v2-preview-frame,[data-home-v2-classes~="v2-preview-frame"]) .sl-dots img{ transition: none; }} [data-home-v2-node]>.w-embed{display:contents}[data-home-v2-node]>.w-embed::before,[data-home-v2-node]>.w-embed::after{display:none}