.onboarding__steps{color:#667085;background:#f5f7fc;border:1px solid #e0e3ee;border-radius:8px;padding:20px}.onboarding__steps a{color:#2cce93;text-decoration:underline}.onboarding__steps a:hover{text-decoration:none}.onboarding__aside{text-align:center;color:#667085;background:linear-gradient(209.9deg,#fff 18.25%,#f0fff6 81.75%);border:1px solid #d8efde;border-radius:8px;flex-direction:column;justify-content:space-between;width:214px;padding:32px 0 26px;font-size:14px;display:flex}.onboarding__aside h2{font-size:16px}.onboarding__copy{gap:20px;margin-top:2em;display:flex}.onboarding__step{margin-bottom:2em}.onboarding__step:last-child,.onboarding__step :last-child{margin-bottom:0}.onboarding__code{color:#101828;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e0e3ee;border-radius:8px;padding:7px 50px 7px 15px;display:inline-block;position:relative;overflow:hidden}.onboarding__code--url{color:#38a98b}.onboarding__code code{font-size:14px;line-height:14px}.onboarding__action-btn{background:#eff1f8;border:0;border-radius:6px;outline:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;top:5px}.onboarding__action-btn.success{background:#c2f6e2}.onboarding__action-btn.error{background:#dc3545}.onboarding__copy-code{right:5px}.onboarding__reveal-btn{right:37px}.onboarding h2{color:#101828;margin-bottom:1em;font-size:18px}.cta{color:#fff;background-color:#2cce93;border:0;border-radius:6px;padding:12px 18px;font-size:14px;font-weight:500;line-height:20px}.hossted-loader{justify-content:center;align-items:center;display:flex}.hossted-loader__content h2{text-align:center;margin-bottom:0}.hossted-loader__spinner{width:400px;height:400px;margin:-30px auto 0}.add-more,.no-products{border:2px solid #0000;border-radius:8px;margin-top:2em;padding:33px 0}.add-more--clusters,.no-products--clusters{background:linear-gradient(241.5deg,#fff 1.1%,#f0faff 96.85%);border-color:#d8e8ef}.add-more--hosts,.no-products--hosts{background:linear-gradient(209.9deg,#fff 18.25%,#f0fff6 81.75%);border-color:#d8efde}.add-more__copy,.no-products__copy{color:#667085;max-width:312px;font-size:14px;line-height:20px}.add-more__copy h2,.no-products__copy h2{color:#101828;margin-bottom:10px;font-size:16px;font-weight:500;line-height:24px}.add-more__cta,.no-products__cta{margin-top:32px}.add-more__cta button,.no-products__cta button{color:#fff;background:#2cce93;border:0;border-radius:10px;outline:0;padding:12px 19px;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.add-more__cta button:focus,.add-more__cta button:hover,.no-products__cta button:focus,.no-products__cta button:hover{background:#29c18a}.add-more__imagery,.no-products__imagery{position:relative}.add-more__imagery svg,.no-products__imagery svg{z-index:0;position:absolute}.add-more__imagery svg:first-child,.no-products__imagery svg:first-child{top:-16px;left:-80px}.add-more__imagery svg:last-child,.no-products__imagery svg:last-child{bottom:23px;right:-26px}.add-more__imagery figure,.no-products__imagery figure{z-index:1;position:relative}.add-more section,.no-products section{justify-content:space-around;align-items:center;display:flex}.no-products{margin-top:0;padding:70px 20px}.no-products__imagery{order:2}.no-products__copy{max-width:372px;font-size:19px;line-height:28px}.no-products__copy h2{margin-bottom:16px;font-size:34px;font-weight:600;line-height:40px}.no-products__copy h2 span{color:#2cce93}.no-products__cta{margin-top:40px}.no-products__cta button{font-size:14px}@media (max-width:1200px){.no-products section{flex-direction:column}}.add-new-modal__header{z-index:1;min-height:36px;position:relative}.add-new-modal__header button{background:0 0;border:0;width:32px;height:32px;padding:0;position:absolute;top:12px;right:12px}.add-new-modal__content{text-align:center;padding:0 110px 35px}.add-new-modal__spinner-list{text-align:left;max-width:80%;margin:auto;padding:0;list-style:none}.add-new-modal .nav-tabs{background:#fff;border:1px solid #eaecf0;border-radius:10px;justify-content:center;margin-bottom:24px;padding:4px;display:inline-flex}.add-new-modal .nav-link{color:#667085;border:1px solid #0000;border-radius:8px;padding:4px 20px;font-weight:500}.add-new-modal .nav-link:hover,.add-new-modal .nav-link:focus{border-color:#0000}.add-new-modal .nav-link.active{color:#2aa384;background:linear-gradient(177.51deg,#e2f5e7 2.08%,#d3f5ec 97.94%);border-color:#cce8e0}.add-new-modal--hosts .modal-content{background:linear-gradient(209.9deg,#f9fffb 18.25%,#f0fff6 74.63%);border:2px solid #d9f7eb}.add-new-modal--hosts .nav-link.active{color:#2aa384;background:linear-gradient(177.51deg,#e2f5e7 2.08%,#d3f5ec 97.94%);border-color:#cce8e0}.add-new-modal--clusters .modal-content{background:linear-gradient(241.5deg,#fff 1.1%,#f0faff 96.85%);border:2px solid #d8e8ef}.add-new-modal--clusters .nav-link.active{color:#2c85ce;background:linear-gradient(158.06deg,#f0faff 13.62%,#e0f4fd 74.13%);border-color:#d8e8ef}.add-new-modal .onboarding__steps{text-align:left;color:#667085;background:0 0;border:0;padding-left:22px;font-size:14px;overflow:auto}.add-new-modal .onboarding__steps h2{color:#101828;margin-left:-22px;font-size:16px;display:flex}.add-new-modal .onboarding__steps h2 span{width:22px}.add-new-modal .onboarding__steps>h2{text-align:center;margin:auto auto 24px;font-size:34px;font-weight:600;line-height:40px;display:block}.add-new-modal .onboarding-step{opacity:1;transition:opacity .3s}.add-new-modal .onboarding-step-exit-active{opacity:0}.add-new-modal .onboarding-step--initial{color:#667085;padding-top:60px;font-size:19px}.add-new-modal .onboarding-step--initial>h2{color:#101828;margin-bottom:8px;font-size:34px;font-weight:600;line-height:40px}.add-new-modal .onboarding-step--initial>p{margin-bottom:32px}.add-new-modal .onboarding-step--initial .skip-btn{color:#667085;background:0 0;border:0;outline:0;padding:0;font-size:14px}.add-new-modal .choices{justify-content:center;gap:16px;margin-bottom:87px;display:flex}.add-new-modal .choice__trigger{z-index:0;border:2px solid #0000;border-radius:16px;width:272px;height:160px;transition:border-color .3s;position:relative;overflow:hidden}.add-new-modal .choice__trigger--hosts{background:linear-gradient(243.24deg,#fff 1.2%,#edfff4 84.86%);border-color:#d8efde}.add-new-modal .choice__trigger--hosts:hover,.add-new-modal .choice__trigger--hosts:focus{border-color:#add6ca}.add-new-modal .choice__trigger--clusters{background:linear-gradient(241.5deg,#fff 1.1%,#f0faff 96.85%);border-color:#d8e8ef}.add-new-modal .choice__trigger--clusters:hover,.add-new-modal .choice__trigger--clusters:focus{border-color:#adc7d6}.add-new-modal .choice__trigger>.bg-icon{position:absolute;bottom:0;left:0}.add-new-modal .choice__trigger>.bg-icon svg{display:block}.add-new-modal .choice__trigger>.content{z-index:1;color:#101828;max-width:120px;margin:auto;font-size:18px;font-weight:500;line-height:23px;position:relative}.add-new-modal .modal-dialog{height:calc(100% - 4rem);min-height:670px;max-height:1100px}.add-new-modal .modal-content,.add-new-modal .add-new-modal__content,.add-new-modal .add-new-modal__content>div{height:100%}.add-new-modal .tab-content{--scrollbar-color-thumb:#becfce;--scrollbar-color-track:#d9f7eb;--scrollbar-width:thin;--scrollbar-width-legacy:10px;height:calc(100% - 100px);overflow-y:auto}@supports (scrollbar-width:auto){.add-new-modal .tab-content{scrollbar-color:var(--scrollbar-color-thumb)var(--scrollbar-color-track);scrollbar-width:var(--scrollbar-width)}}@supports selector(::-webkit-scrollbar){.add-new-modal .tab-content::-webkit-scrollbar-thumb{background:var(--scrollbar-color-thumb)}.add-new-modal .tab-content::-webkit-scrollbar-track{background:var(--scrollbar-color-track)}.add-new-modal .tab-content::-webkit-scrollbar{max-width:var(--scrollbar-width-legacy);max-height:var(--scrollbar-width-legacy)}}.spinner-item{justify-content:space-between;align-items:center;gap:3px;padding:4px 0;display:flex}.spinner-item__icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.spinner-item__icon svg{width:24px;height:24px}.spinner-item__icon--pending svg,.spinner-item__icon--loading svg{fill:#667085}.spinner-item__icon--loading{background:#eff1f8}.spinner-item__icon--loading svg{animation:2s linear infinite spin}.spinner-item__icon--success{background:#c2f6e2}.spinner-item__icon--success svg{fill:#009460}.spinner-item__icon--error{background:#fcd8d8}.spinner-item__icon--error svg{fill:#d4616d}.spinner-item__content{font-size:19px}.spinner-item__gutter{border-bottom:1px dotted #667085;flex:1;height:25px}@keyframes spin{to{transform:rotate(360deg)}}
