.yugabyte-in-action-section{padding-bottom:120px}.yugabyte-in-action-section img{height:auto;width:auto}.yugabyte-in-action-section .section-head{border-bottom:1px solid var(--grayscale-gray-11);margin-bottom:56px}.yugabyte-in-action-section .section-copy{overflow:hidden}.yb-inaction-inner{border-radius:8px;border-top:38px solid var(--grayscale-gray-11);display:flex;flex-flow:row;margin:0 auto 64px;max-width:100%;width:1124px}.yb-inaction-inner iframe{aspect-ratio:16/9;height:auto;transition:all .3s ease;width:100%}.yb-inaction-inner>div{position:relative;width:50%}.yb-inaction-inner>div:only-child{width:100%}.yb-inaction-inner>div *{color:var(--grayscale-black)}.yb-popup-vid{cursor:pointer}.yb-popup-vid[data-play]:before{background-color:var(--primary-orange);background-position:50%;background-repeat:no-repeat;background-size:auto,0;border-radius:3px;content:"";height:48px;left:calc(50% - 24px);opacity:1;position:absolute;top:calc(50% - 24px);transition:all .3s ease;width:48px;z-index:3}.silent-play:not(.played) .yb-popup-vid[data-play]:not(:hover):before{opacity:0}.yb-sec.come-in .yb-popup-vid[data-play]:before{background-image:url(https://info.yugabyte.com/hubfs/19913802/themes/yugabytedb/images/icon-play-white.svg)}.yb-popup-vid[data-play]:after{align-items:center;background:rgba(0,0,0,.5);content:"Play Video";display:flex;font-family:Roobert;font-size:20px;font-style:normal;font-weight:600;inset:0;justify-content:center;opacity:0;padding:0 0 80px;position:absolute;transition:all .3s ease;z-index:2}.for-desktop .demo-section .yb-popup-vid-thumb{max-height:calc(100% - 8px);position:absolute;z-index:1}@media (hover:hover) or (width >= 992px){.yb-popup-vid[data-play]:after{content:""}}.yb-popup-vid-thumb{border-radius:0 0 8px 8px;height:auto;line-height:0;overflow:hidden;pointer-events:none;width:100%}.yb-popup-vid[data-play] .yb-popup-vid-thumb:before{backdrop-filter:blur(2px);background:rgba(18,16,23,.5);content:"";inset:0;position:absolute;z-index:1}.yb-popup-vid-thumb img{height:auto;width:100%}@document url-prefix(){.yb-popup-vid[data-play] .yb-popup-vid-thumb img{filter:blur(4px)}}.yb-inaction-details{background:var(--grayscale-gray-1);padding:48px 40px 32px}.yb-inaction-details *{color:var(--grayscale-black)}.yb-inaction-details h3{font-family:Roobert;font-size:48px;font-style:normal;font-weight:500;letter-spacing:-.96px;line-height:56px;margin:0 0 190px!important}.yb-inaction-details p{color:var(--grayscale-gray-10);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.yugabyte-in-action-section .cta-full-single span{font-size:20px;line-height:28px;padding:42px 32px}.yugabyte-in-action-section .cta-full-single a{align-items:center;background-position:center right 40px;border-left-color:var(--grayscale-white-20);border-radius:0 8px 8px 0;display:flex;font-size:20px;font-weight:600;padding:42px 40px;transition:all .3s ease}.yugabyte-in-action-section.come-in .cta-full-single a{background-image:url(https://info.yugabyte.com/hubfs/19913802/themes/yugabytedb/images/button-arrow-white-orange.svg);font-family:Roobert}.silent-play:not(.played) .yb-popup-vid-thumb{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:5}@media (width <= 992px){.yb-inaction-inner.for-desktop{display:none}}.demo-section{min-width:100%;position:relative}.demo-section .demo-overlay{display:flex;height:99%;opacity:1;position:absolute;top:0;transition:opacity .2s linear,z-index .1s linear;width:100%;z-index:2}.demo-section .content-area{background:#f5f5f7;display:flex;flex-flow:column;margin-left:auto;padding:48px 40px;transition:transform .4s linear;width:50%;z-index:2}.demo-section.open .content-area{transform:translateX(100%);transition:transform .5s linear}.yb-inaction-inner .demo-section iframe{filter:inherit!important;margin-bottom:0;opacity:0;transition:opacity 1s linear 4s,z-index 0s 4s;z-index:-9}.yugabyte-in-action-section.come-in .yb-inaction-inner .demo-section iframe{opacity:1;transition:opacity 1s linear 4s,z-index 0s 4s;z-index:inherit}.close-demo{align-items:center;cursor:pointer;display:none;height:30px;justify-content:center;position:absolute;right:5px;top:-35px;width:30px}.close-demo.open{display:flex}.close-demo:before{color:#fff;content:"X";font-size:20px;transform:scaleY(.8)}.demo-section .demo-overlay:before{backdrop-filter:blur(2px);background:rgba(18,16,23,.5);content:"";height:100%;position:absolute;width:50%}.demo-section .h3{font-family:Roobert;font-size:48px;font-style:normal;font-weight:500;letter-spacing:-.96px;line-height:56px}.demo-section .h3:before{display:none}.demo-section .demo-detail{color:#494655!important;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:20px;margin-top:auto;max-width:431px}.demo-section .cta a{cursor:pointer}.demo-section.open .demo-overlay{opacity:0;transition:opacity .3s linear .3s,z-index .1s linear .5s;z-index:-999}.yugabyte-in-action-section .container-inner{display:flex;gap:56px;margin-bottom:64px}.yugabyte-in-action-section .container-inner:first-child:last-child{margin-bottom:0}.yugabyte-in-action-section .container-inner .popup-area{margin:0;width:808px}.yugabyte-in-action-section .container-inner .popup-area:only-child{width:100%}.yugabyte-in-action-section .container-inner .content-area p{font-size:24px;font-style:normal;font-weight:400;line-height:32px}.yugabyte-in-action-section .container-inner .content-area .bottom-content p{color:#e5e4eb;font-family:Inter!important;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.yugabyte-in-action-section .container-inner .content-area{display:flex;flex-flow:column;gap:20px;justify-content:space-between;width:432px}.yugabyte-in-action-section .container-inner .bottom-content p:last-child,.yugabyte-in-action-section .container-inner .top-content p:last-child{margin-bottom:0}.yb-inaction-inner.for-mobile{display:none}.container-inner .yb-inaction-inner.for-mobile,.yb-inaction-inner.for-mobile.for-desktop{display:block}.container-inner .yb-inaction-inner{border:0}@media (width <= 1239px){.yugabyte-in-action-section{padding-bottom:80px}.yugabyte-in-action-section .section-head{margin-bottom:48px;padding-bottom:32px}.yugabyte-in-action-section .section-head h2{max-width:100%}.yb-inaction-inner{margin:0 auto 32px}.yugabyte-in-action-section .cta-full-single a{background-position:center right 32px;padding:40px 32px 40px 40px;width:192px}.yugabyte-in-action-section .cta-full-single span{font-size:18px;line-height:22px;padding:24px 32px;width:calc(100% - 192px)}.demo-section .h3{font-size:46px;line-height:54px}}@media (width <= 1024px){.yugabyte-in-action-section .container-inner .content-area,.yugabyte-in-action-section .container-inner .popup-area{width:50%}.yugabyte-in-action-section .container-inner{gap:40px}.yugabyte-in-action-section .container-inner .content-area p{font-size:22px;font-weight:400;line-height:26px}}@media (width <= 992px){.yb-inaction-inner.for-mobile{display:block}.yb-inaction-inner.for-desktop{display:none}}@media (width <= 991px){.yb-inaction-inner{border-top-width:24px}.yb-inaction-inner>div{width:100%}.yb-inaction-details{display:none}.yb-popup-vid-thumb{position:relative}.yb-popup-vid-thumb img{height:auto;min-height:inherit;width:100%}.yugabyte-in-action-section .container-inner{flex-flow:column}.yugabyte-in-action-section .container-inner .content-area,.yugabyte-in-action-section .container-inner .popup-area{width:100%}}@media (width <= 767px){.yugabyte-in-action-section{padding-bottom:72px}.yugabyte-in-action-section .section-head{margin-bottom:36px;padding-bottom:24px;padding-top:72px}.yugabyte-in-action-section .section-copy{margin:0 auto;max-width:100%;width:480px}.yb-inaction-inner{border-radius:4px;border-top-width:24px;margin:0 auto 36px}.yb-popup-vid-thumb{border-radius:0 0 4px 4px}.yb-popup-vid[data-play]:after{font-size:16px;opacity:1;padding:77px 0 0}.yugabyte-in-action-section .cta-full-single span{font-size:16px;line-height:22px;padding:16px;width:100%}.yugabyte-in-action-section .cta-full-single a{background-position:center right 32px;border-left:0;border-radius:0;border-top:1px solid var(--grayscale-white-20);font-size:16px;line-height:22px;padding:23px 16px;width:100%}.yugabyte-in-action-section .section-head h2:before{font-size:44px;font-weight:400;letter-spacing:-.88px;line-height:46px}.yugabyte-in-action-section .container-inner{gap:24px}.yugabyte-in-action-section .container-inner .content-area p{font-size:20px;line-height:24px}.yugabyte-in-action-section .container-inner .content-area .bottom-content p{font-size:14px;font-weight:400;line-height:20px}}