.yugabyte-deployment-choice{background:var(--grayscale-gray-1);padding:0 0 90px}.yugabyte-deployment-choice img{height:auto;width:auto}.yugabyte-deployment-choice .section-head{border-bottom:1px solid var(--grayscale-gray-3);margin-bottom:56px;padding-bottom:40px}.yb-sec.yugabyte-deployment-choice h2{margin:0}.yugabyte-deployment-choice .copy-details{font-family:Roobert;font-size:24px;font-weight:400;line-height:32px;margin:0 0 56px;max-width:100%;width:660px}.yb-choices-wrap{display:flex;gap:22px}.yb-choice{background:#fff;border-radius:4px;padding:36px 28px 100px;position:relative;width:100%}.yb-choice:after{align-items:center;border:1px solid var(--grayscale-gray-4);border-radius:4px;bottom:32px;box-sizing:border-box;content:"+";display:flex;font-family:Inter;font-size:40px;height:40px;justify-content:center;left:32px;line-height:40px;padding:0 0 5px;position:absolute;width:40px}.active-1 .yb-choice:first-child:after,.active-2 .yb-choice:nth-child(2):after,.active-3 .yb-choice:nth-child(3):after{opacity:0}.active-1 .yb-choice:first-child .choice-before,.active-2 .yb-choice:nth-child(2) .choice-before,.active-3 .yb-choice:nth-child(3) .choice-before{display:block}.active-1 .yb-choice:first-child,.active-2 .yb-choice:nth-child(2),.active-3 .yb-choice:nth-child(3){background:var(--grayscale-black)}.yb-sec .yb-choice-heading{font-family:Roobert}.yb-choice-heading{font-size:24px;font-weight:500;line-height:32px;margin:0 0 20px;position:relative;transition:all .3s ease;width:100%;z-index:1}.yb-choice-heading span{color:inherit;display:block;font-family:inherit;font-size:16px;line-height:24px}.active-1 .yb-choice:first-child .yb-choice-heading,.active-2 .yb-choice:nth-child(2) .yb-choice-heading,.active-3 .yb-choice:nth-child(3) .yb-choice-heading{color:#fff}.yb-choice-part{opacity:0;position:relative;transition:all .3s ease;z-index:1}.active-1 .yb-choice:first-child .yb-choice-part,.active-2 .yb-choice:nth-child(2) .yb-choice-part,.active-3 .yb-choice:nth-child(3) .yb-choice-part{opacity:1}.yb-sec .yb-choice-part-heading{font-family:Roobert}.yb-choice-part-heading{font-size:14px;font-weight:500;letter-spacing:.14px;line-height:20px;margin:0 0 16px;text-transform:uppercase;transition:all .3s ease}.active-1 .yb-choice:first-child .yb-choice-part-heading,.active-2 .yb-choice:nth-child(2) .yb-choice-part-heading,.active-3 .yb-choice:nth-child(3) .yb-choice-part-heading{color:var(--grayscale-gray-6)}.yb-choice-part ul li{background-image:none;font-size:16px;line-height:24px;margin:0 0 16px;position:relative;transition:all .3s ease}.active-1 .yb-choice:first-child .yb-choice-part ul li,.active-2 .yb-choice:nth-child(2) .yb-choice-part ul li,.active-3 .yb-choice:nth-child(3) .yb-choice-part ul li{color:var(--grayscale-gray-1)}.yb-choice-part ul li:before{background:var(--grayscale-black);border-radius:3px;content:"";height:11px;left:0;position:absolute;top:7px;transform:rotate(45deg);transition:all .3s ease;width:11px}.yb-choice-part ul li.purple:before{background:var(--primary-purple)}.yb-choice-part ul li.orange:before{background:var(--primary-orange)}.active-1 .yb-choice:first-child .yb-choice-part ul li.default:before,.active-2 .yb-choice:nth-child(2) .yb-choice-part ul li.default:before,.active-3 .yb-choice:nth-child(3) .yb-choice-part ul li.default:before{background:var(--grayscale-gray-1)}.yb-choice .copy-card-cta{border-top:1px solid var(--grayscale-gray-11);bottom:0;left:0;margin-top:auto;opacity:0;padding:21px 28px;position:absolute;transition:all .3s ease;width:100%}.yb-choices-nav{display:flex;flex-flow:row wrap;justify-content:space-between;margin:26px 0 64px;width:100%}.yb-choices-range{background:#735af5;height:4px;position:relative;width:100%}.purple-bar{background:#ff5f3b;height:100%;left:0;position:absolute;width:calc(16.66667% - 6px)}.bar-thumb{display:inline-block;left:calc(16.66667% - 18px);position:absolute;top:-15px}.bar-thumb:after{background:#f5f5f7;bottom:-5px;content:"";height:4px;left:11px;position:absolute;width:2px}.yb-choices-mark{color:var(--grayscale-gray-10);display:flex;flex-flow:column;font-size:16px;font-weight:500;line-height:24px;margin:12px 0 0;position:relative}.yb-choices-mark.mark-end{text-align:right}.yb-choices-mark:before{background:#ff5f3b;border-radius:2px;content:"";height:12px;left:calc(100% + 8px);position:absolute;top:8px;width:12px}.yb-choices-mark.mark-end:before{background:#735af5;left:-20px}.yb-sec .yb-choices-mark b{font-family:Roobert}.yb-choices-mark b{color:var(--grayscale-black);font-size:20px;font-weight:500;line-height:28px}.active-1 .yb-choice:first-child .copy-card-cta,.active-2 .yb-choice:nth-child(2) .copy-card-cta,.active-3 .yb-choice:nth-child(3) .copy-card-cta{opacity:1}.yb-choice .copy-card-cta a{color:#fff}.yb-choice .copy-card-cta a:after{background-size:0,0,auto;bottom:24px;position:absolute;right:36px}@media (width >= 992px){.yb-choice-part+.yb-choice-part{margin:36px 0 0}}@media (width <= 991px){.yugabyte-deployment-choice .section-copy{display:flex;flex-flow:row wrap}.yugabyte-deployment-choice .copy-details{font-size:22px;line-height:26px;margin:0 0 78px;order:-3;width:100%}.yb-choice:after{left:calc(100% - 68px);top:28px}.yb-choice .choice-before{display:none!important}.yb-choices-nav{margin:0;order:-2;position:relative;width:26px}.yb-choices-wrap{flex-flow:column;gap:13px;order:-1;width:calc(100% - 26px)}.yb-choices-range{height:100%;width:4px}.purple-bar{height:30%;transition:all .3s ease;width:100%!important}.active-2+.yb-choices-nav .purple-bar{height:50%}.active-3+.yb-choices-nav .purple-bar{height:70%}.active-1 .yb-choice:first-child,.active-2 .yb-choice:nth-child(2),.active-3 .yb-choice:nth-child(3){background:var(--grayscale-black);padding:28px 28px 100px}.yb-choice .copy-card-cta,.yb-choice-part{display:none;overflow:hidden}.active-1 .yb-choice:first-child .yb-choice-part,.active-2 .yb-choice:nth-child(2) .yb-choice-part,.active-3 .yb-choice:nth-child(3) .yb-choice-part{display:block;width:50%}.active-1 .yb-choice:first-child .copy-card-cta,.active-2 .yb-choice:nth-child(2) .copy-card-cta,.active-3 .yb-choice:nth-child(3) .copy-card-cta{display:block}.yb-choice .copy-card-cta:before{content:"";inset:0;position:absolute;z-index:1}.active-1 .yb-choice:first-child .copy-card-cta:before,.active-2 .yb-choice:nth-child(2) .copy-card-cta:before,.active-3 .yb-choice:nth-child(3) .copy-card-cta:before{animation:btn-select .5s linear 1s forwards}.yb-choice{display:flex;flex-flow:row wrap;padding:28px 28px 8px}.yb-choices-mark{bottom:calc(100% + 16px);flex-flow:row;font-weight:400;gap:3px;left:46px;position:absolute;width:120px}.yb-choices-mark:before{top:5px}.yb-choices-mark.mark-start:before{left:-20px}.yb-choices-mark.mark-end{left:205px}.yb-choices-mark,.yb-choices-mark b{color:var(--grayscale-black);font-size:18px;line-height:22px}.bar-thumb{left:0!important;top:calc(30% - 17px);transform:rotate(90deg);transition:all .3s ease}.active-2+.yb-choices-nav .bar-thumb{top:calc(50% - 17px)}.active-3+.yb-choices-nav .bar-thumb{top:calc(70% - 17px)}.bar-thumb:after{height:10px;width:2px}.yugabyte-deployment-choice .cta.text-center{margin:48px 0 0 27px;text-align:left}}@keyframes btn-select{0%,90%{display:block}to{display:none}}@media (width <= 767px){.yugabyte-deployment-choice .section-head{margin-bottom:40px;padding:72px 0 24px}.yugabyte-deployment-choice .copy-details{font-size:20px;line-height:24px;margin:0 0 64px}.yb-choices-nav{margin:0 0 0 -12px}.yb-choices-wrap{width:calc(100% - 14px)}.purple-bar{height:45px}.bar-thumb{top:28px}.active-2+.yb-choices-nav .purple-bar{height:145px}.active-2+.yb-choices-nav .bar-thumb{top:128px}.active-3+.yb-choices-nav .purple-bar{height:245px}.active-3+.yb-choices-nav .bar-thumb{top:228px}.yugabyte-deployment-choice .cta.text-center{margin:36px 0 0 15px}.yb-choice-heading{font-size:20px;margin:0 0 15px}.yb-choice-part-heading{font-size:12px;line-height:18px;margin:0 0 16px}.yb-choice-part{width:100%!important}.yb-choice-part+.yb-choice-part{margin-top:12px}.yb-choice-part ul li{font-size:14px;line-height:20px}.yb-choice-part ul li:before{height:10px;top:4px;width:10px}.yb-choice:after{display:none}.yb-choice{padding:18px 28px 8px}.yb-choices-mark,.yb-choices-mark b{font-size:16px}}