@keyframes animate-backInUp{0{-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px)} 100%{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)} } .appshowcasevid{background-color:#d0e4db;display:flex;flex-direction:column;clear:both} .appshowcasevid.fall-design.bgwhitelineargradient{background:conic-gradient(from -51.24deg at 13.5% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#f8f8f8} @media screen and (max-width:1400px){.appshowcasevid.fall-design.bgwhitelineargradient{background:conic-gradient(from -50deg at 14% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#f8f8f8} } @media screen and (max-width:1085px){.appshowcasevid.fall-design.bgwhitelineargradient{background:conic-gradient(from -48.24deg at 15% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#f8f8f8} } @media screen and (max-width:768px){.appshowcasevid.fall-design.bgwhitelineargradient{background:conic-gradient(from -52.24deg at 19% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#f8f8f8} } @media screen and (max-width:540px){.appshowcasevid.fall-design.bgwhitelineargradient{background:conic-gradient(from -51.24deg at 23% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#f8f8f8} } @media screen and (max-width:360px){.appshowcasevid.fall-design.bgwhitelineargradient{background:conic-gradient(from -50.24deg at 33% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#f8f8f8} } .appshowcasevid.fall-design.bgorangelineargradient{background:conic-gradient(from -52.24deg at 13.5% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#fddcc6} @media screen and (max-width:1400px){.appshowcasevid.fall-design.bgorangelineargradient{background:conic-gradient(from -52.24deg at 14% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#fddcc6} } @media screen and (max-width:1085px){.appshowcasevid.fall-design.bgorangelineargradient{background:conic-gradient(from -52.24deg at 15% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#fddcc6} } @media screen and (max-width:768px){.appshowcasevid.fall-design.bgorangelineargradient{background:conic-gradient(from -52.24deg at 19% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#fddcc6} } @media screen and (max-width:540px){.appshowcasevid.fall-design.bgorangelineargradient{background:conic-gradient(from -52.24deg at 23% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#fddcc6} } @media screen and (max-width:360px){.appshowcasevid.fall-design.bgorangelineargradient{background:conic-gradient(from -52.24deg at 33% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#fddcc6} } .appshowcasevid.fall-design.bgpurplelineargradient{background:conic-gradient(from -52.24deg at 13.5% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#cad2f4} @media screen and (max-width:1400px){.appshowcasevid.fall-design.bgpurplelineargradient{background:conic-gradient(from -52.24deg at 14% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#cad2f4} } @media screen and (max-width:1085px){.appshowcasevid.fall-design.bgpurplelineargradient{background:conic-gradient(from -52.24deg at 15% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#cad2f4} } @media screen and (max-width:768px){.appshowcasevid.fall-design.bgpurplelineargradient{background:conic-gradient(from -52.24deg at 19% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#cad2f4} } @media screen and (max-width:540px){.appshowcasevid.fall-design.bgpurplelineargradient{background:conic-gradient(from -52.24deg at 23% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#cad2f4} } @media screen and (max-width:360px){.appshowcasevid.fall-design.bgpurplelineargradient{background:conic-gradient(from -52.24deg at 33% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#cad2f4} } .appshowcasevid.fall-design.bggreenlineargradient{background:conic-gradient(from -52.24deg at 13.5% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d1e4d1} @media screen and (max-width:1400px){.appshowcasevid.fall-design.bggreenlineargradient{background:conic-gradient(from -52.24deg at 14% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d1e4d1} } @media screen and (max-width:1085px){.appshowcasevid.fall-design.bggreenlineargradient{background:conic-gradient(from -52.24deg at 15% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d1e4d1} } @media screen and (max-width:768px){.appshowcasevid.fall-design.bggreenlineargradient{background:conic-gradient(from -52.24deg at 19% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d1e4d1} } @media screen and (max-width:540px){.appshowcasevid.fall-design.bggreenlineargradient{background:conic-gradient(from -52.24deg at 23% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d1e4d1} } @media screen and (max-width:360px){.appshowcasevid.fall-design.bggreenlineargradient{background:conic-gradient(from -52.24deg at 33% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d1e4d1} } .appshowcasevid.fall-design.bgbluelineargradient{background:conic-gradient(from -52.24deg at 13.5% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d8ecf8} @media screen and (max-width:1400px){.appshowcasevid.fall-design.bgbluelineargradient{background:conic-gradient(from -52.24deg at 14% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d8ecf8} } @media screen and (max-width:1085px){.appshowcasevid.fall-design.bgbluelineargradient{background:conic-gradient(from -52.24deg at 15% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d8ecf8} } @media screen and (max-width:768px){.appshowcasevid.fall-design.bgbluelineargradient{background:conic-gradient(from -52.24deg at 19% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d8ecf8} } @media screen and (max-width:540px){.appshowcasevid.fall-design.bgbluelineargradient{background:conic-gradient(from -52.24deg at 23% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d8ecf8} } @media screen and (max-width:360px){.appshowcasevid.fall-design.bgbluelineargradient{background:conic-gradient(from -52.24deg at 33% 18.06%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 120deg,rgba(255,255,255,.0213) 360deg),#d8ecf8} } .appshowcasevid .banner{text-align:left;padding-left:0;padding-top:56px;transform:translateY(50px)} .appshowcasevid .banner.is-scrollDown{animation:animate-backInUp 2s ease-in-out forwards} .appshowcasevid .banner.is-scrollTop{animation:animate-backInUp 2s ease-in-out forwards} @media screen and (min-width:1400px) and (max-width:1919px){.appshowcasevid .banner{padding-top:30px} } @media screen and (min-width:768px) and (max-width:1399px){.appshowcasevid .banner{padding-top:16px} } @media screen and (min-width:0) and (max-width:767px){.appshowcasevid .banner{padding-top:36px} } .appshowcasevid .banner .c-heading-2{font-size:62px;line-height:72px;margin-left:100px;width:65%;margin-bottom:40px} .appshowcasevid .banner .c-heading-2{padding:37px 0 3px;font-weight:600;letter-spacing:-.01em} @media only screen and (min-width:1084px){.appshowcasevid .banner .c-heading-2{display:flex;flex-direction:column} } @media screen and (min-width:1400px) and (max-width:1919px){.appshowcasevid .banner .c-heading-2{margin-bottom:32px} } @media screen and (min-width:1084px) and (max-width:1400px){.appshowcasevid .banner .c-heading-2{margin-bottom:24px;font-size:46px;line-height:56px;width:80%} } @media screen and (min-width:768px) and (max-width:1083px){.appshowcasevid .banner .c-heading-2{width:80%;margin-left:12px;font-size:34px;line-height:40px;margin-bottom:24px;padding-top:24px} } @media screen and (min-width:540px) and (max-width:768px){.appshowcasevid .banner .c-heading-2{width:80%;margin-left:12px;font-size:34px;line-height:40px;margin-bottom:16px;padding-top:0} } @media screen and (min-width:0) and (max-width:539px){.appshowcasevid .banner .c-heading-2{width:100%;margin-left:12px;font-size:34px;line-height:40px;margin-bottom:16px;padding-top:0} } .appshowcasevid .banner .c-paragraph-1{font-size:26px;line-height:36px;padding-top:84px} @media screen and (min-width:1084px) and (max-width:1400px){.appshowcasevid .banner .c-paragraph-1{font-size:20px;line-height:30px;padding-top:78px} } @media screen and (min-width:768px) and (max-width:1084px){.appshowcasevid .banner .c-paragraph-1{font-size:16px;padding-top:24px;padding-bottom:42px;line-height:26px} } @media screen and (min-width:0) and (max-width:768px){.appshowcasevid .banner .c-paragraph-1{font-size:24px;padding-top:62px;padding-bottom:20px;line-height:34px} } .appshowcasevid .appshowcasevideo .appsshowcase-container{padding-bottom:120px;position:relative;padding-right:0;padding-left:0} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq{width:100%;margin:0 auto;clear:both;padding:35px 50px 46px 50px;position:absolute;z-index:99;bottom:0} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container{display:flex;justify-content:center} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button{float:left;background:0;width:auto;height:auto;border-radius:initial} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button.c-flipper{opacity:1;color:#000;font-weight:600} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button.c-flipper:focus{box-shadow:none;border:1px dashed #000} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button.c-flipper:focus:after{border:0} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button.c-flipper:hover{box-shadow:none} @media screen and (prefers-color-scheme:dark){.appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button.c-flipper:hover:before{color:ButtonText} } @media screen and (forced-colors:active) and (prefers-color-scheme:light){.appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button.c-flipper:hover:before{color:ButtonText} } .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container button.nopointer{cursor:auto;opacity:.5} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots{width:8px;height:8px;border:1px solid black;float:left;margin:4px 9px;border-radius:50px;cursor:auto;pointer-events:none} @media only screen and (max-width:360px){.appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots{margin:4px} } .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots.f-active{background:#000;display:block;transition:visibility 0,opacity .5s linear} @media screen and (prefers-color-scheme:dark){.appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots.f-active{background-color:Highlight} } @media screen and (forced-colors:active) and (prefers-color-scheme:light){.appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots.f-active{background-color:Highlight} } .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots:before{border:0;background:0} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots:after{border:0} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator .appshowcasevideodots:hover:before{border:0;background-color:none} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel{position:relative} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .appvideoitems{transform:translateY(50px)} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .appvideoitems.is-scrollDown{animation:animate-backInUp 2s ease-in-out forwards} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .appvideoitems.is-scrollTop{animation:animate-backInUp 2s ease-in-out forwards} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .appvideoitems.app-show-mob-video{display:none} @media screen and (max-width:768px){.appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .appvideoitems.app-show-mob-video{display:block} } .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .appvideoitems.app-show-desktop-video{display:block} @media screen and (max-width:768px){.appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .appvideoitems.app-show-desktop-video{display:none} } .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .f-hide{display:none;transition:visibility 0,opacity .5s linear} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .f-active{display:block;transition:visibility 0,opacity .5s linear} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{width:50px;height:50px;background:rgba(255,255,255,0.9);border-radius:50%;position:absolute;margin:0;padding:0;overflow:initial;bottom:50px;left:295px} @media only screen and (min-width:1400px) and (max-width:1919px){.appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{bottom:32px;left:70px} } @media only screen and (min-width:1084px) and (max-width:1399px){.appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{left:56px;bottom:32px} } @media only screen and (min-width:768px) and (max-width:1083px){.appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{left:12px;bottom:40px} } @media only screen and (min-width:540px) and (max-width:767px){.appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{left:12px;bottom:24px} } @media only screen and (min-width:0) and (max-width:539px){.appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{left:12px;bottom:16px} } .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph:focus{border:2px solid #0067b8;outline-color:transparent} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph:hover{border:2px solid #0067b8;outline-color:transparent} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph:before{color:#0067b8;margin-left:0;margin-top:2px} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph.btncontrast{border:2px solid #fff} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph.btncontrast:focus{border:3px solid #fff} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph.btncontrast:before{color:#fff} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph:after{border:0;content:initial} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .f-hide{display:none;transition:visibility 0,opacity .5s linear} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .f-active{display:block;transition:visibility 0,opacity .5s linear} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block{margin:0 auto;clear:both;max-width:100%;width:653px;transform:translateY(50px)} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block.is-scrollDown{animation:animate-backInUp 2s ease-in-out forwards} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block.is-scrollTop{animation:animate-backInUp 2s ease-in-out forwards} @media only screen and (min-width:1400px) and (max-width:1919px){.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block{width:511px} } @media only screen and (min-width:1084px) and (max-width:1399px){.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block{width:474px} } @media only screen and (min-width:768px) and (max-width:1083px){.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block{width:360px} } @media only screen and (min-width:540px) and (max-width:767px){.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block{width:336px} } @media only screen and (max-width:539px){.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block{width:100%;padding-left:12px} } .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block .c-heading{font-weight:600;font-size:20px;line-height:24px;margin-top:0;margin-bottom:0} @media only screen and (min-width:1920px){.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block .c-heading{padding-top:24px} } @media only screen and (min-width:0) and (max-width:1919px){.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block .c-heading{padding-top:16px} } .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block .c-paragraph-2{font-weight:400;padding:16px 0;font-size:15px;line-height:20px} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a{padding-top:0} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block .c-paragraph-2 a{text-decoration:underline;color:#0067b8} body.animation-off:not(.animation-toggle) .appshowcasevid .banner{transform:translateY(0)} body.animation-off:not(.animation-toggle) .appshowcasevid .banner.is-scrollDown{animation:none;opacity:1} body.animation-off:not(.animation-toggle) .appshowcasevid .banner.is-scrollTop{animation:none;opacity:1} body.animation-off:not(.animation-toggle) .appshowcasevid .appshowcasevideo-carousel .appvideoitems{transform:translateY(0)} body.animation-off:not(.animation-toggle) .appshowcasevid .appshowcasevideo-carousel .appvideoitems.is-scrollDown{animation:none;opacity:1} body.animation-off:not(.animation-toggle) .appshowcasevid .appshowcasevideo-carousel .appvideoitems.is-scrollTop{animation:none;opacity:1} body.animation-off:not(.animation-toggle) .appshowcasevid .appshowcasevideo-carousel .appshowcasevideocopy-carousel .copy-block{transform:translateY(0)} body.animation-off:not(.animation-toggle) .appshowcasevid .appshowcasevideo-carousel .appshowcasevideocopy-carousel .copy-block.is-scrollDown{animation:none;opacity:1} body.animation-off:not(.animation-toggle) .appshowcasevid .appshowcasevideo-carousel .appshowcasevideocopy-carousel .copy-block.is-scrollTop{animation:none;opacity:1} [lang ^="ar-"] .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator{display:flex} @media only screen and (max-width:539px){[lang ^="ar-"] .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel{padding-left:0;padding-right:12px} } [lang ^="ar-"] .appshowcasevid .banner{text-align:right} @media only screen and (min-width:1084px){[lang ^="ar-"] .appshowcasevid .banner{padding-right:100px} } @media only screen and (min-width:767px) and (max-width:1083px){[lang ^="ar-"] .appshowcasevid .banner{padding-right:75px} } #appshowcase-status-msg{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0} div.c-dialog.x-lightbox-video[id^="wdgweb-AppShowcase"]{z-index:1000} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper.f-previous:before{content:"";margin-right:2px} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper:before{position:relative;left:0;top:0} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper:after{border-radius:50%} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:1px solid transparent} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper.f-next:before{content:"";margin-left:2px} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus){color:#005da6;background:rgba(0,103,184,.1)} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight:hover,.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight:active{background:transparent;box-shadow:none !important} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight:focus{border-color:#000;outline-color:rgba(255,255,255,.6)} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight{padding:10px 3px 7px 0;position:relative;border:2px solid transparent;outline:1px solid transparent;outline-offset:-3px;margin-left:0;color:#0067b8;background:transparent;transition:none;padding-right:2px} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action{font-size:15px;padding:10px 20px 6px 22px;position:relative;border:2px solid transparent;outline:1px solid transparent;outline-offset:-3px;max-width:100%;display:inline-block;overflow:hidden;color:#fff;font-weight:600;text-align:center;text-decoration:none;letter-spacing:0;line-height:1.3;white-space:nowrap;transition:all 200ms ease-in-out;box-shadow:0 4px 8px 0 transparent;background:#0067b8} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:not(.glyph-play):hover:after{right:-4px} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:not(.glyph-play):after{font-size:11px;margin-top:3px;margin-left:3px;display:inline-block;position:relative;right:0;content:"";vertical-align:top;font-family:"MWF-MDL2"} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:after{transition:all 200ms ease-in-out} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action span{max-width:100%;display:inline-block;text-decoration:none;position:relative;left:0;text-overflow:clip;overflow:hidden;transition:all 200ms ease-in-out;vertical-align:top;line-height:18.5px} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.c-glyph:before,.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.c-glyph:after{font-family:"MWF-MDL2";display:inline-block} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.c-glyph:before,.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.c-glyph:after,.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.c-glyph:hover:before,.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.c-glyph:hover:after{text-decoration:none} .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:focus:not(.x-hidden-focus) span,.appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:hover span{box-shadow:0 3px 0 -1px currentColor} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper{position:relative;outline:0;padding:0;display:inline-block;border:1px solid transparent;color:#404040;opacity:.8;font-family:"MWF-MDL2"} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container{line-height:1rem} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator button{position:relative;outline:0;padding:2px 3px} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator button:before{content:"";display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.8)} .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator button:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:1px solid transparent} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel button.c-call-to-action{font-size:15px;border:2px solid transparent;outline:1px solid transparent;outline-offset:-3px;max-width:100%;color:#fff;font-weight:600;text-align:center;text-decoration:none;letter-spacing:0;line-height:1.3;white-space:nowrap;box-shadow:0 4px 8px 0 transparent} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel button.c-call-to-action.c-glyph.glyph-play:before{line-height:1;position:relative;top:2px;content:"";font-family:"MWF-MDL2";display:inline-block} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .m-ambient-video video{display:block;width:100%;height:100%;background:0} .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel button.c-call-to-action.c-glyph.glyph-pause:before{content:"";font-family:"MWF-MDL2"} .appshowcasevid .banner .c-heading-1,.appshowcasevid .banner .c-heading-2,.appshowcasevid .banner .c-heading-3,.appshowcasevid .banner .c-heading-4,.appshowcasevid .banner .c-heading-5,.appshowcasevid .banner .c-heading-6{margin-left:100px} @media(max-width:1083px){.appshowcasevid .banner .c-heading-1,.appshowcasevid .banner .c-heading-2,.appshowcasevid .banner .c-heading-3,.appshowcasevid .banner .c-heading-4,.appshowcasevid .banner .c-heading-5,.appshowcasevid .banner .c-heading-6{margin-left:12px;padding-right:12px} } .appshowcasevid .c-heading-1{font-size:62px;line-height:72px} .appshowcasevid .c-heading-2{font-size:46px;line-height:56px} .appshowcasevid .c-heading-3{font-size:34px;line-height:40px} .appshowcasevid .c-heading-4{font-size:24px;line-height:28px} .appshowcasevid .c-heading-5{font-size:20px;line-height:24px} .appshowcasevid .c-heading-6{font-size:18px;line-height:24px} @media(max-width:767px){.appshowcasevid .c-heading-1{font-size:46px;line-height:56px} .appshowcasevid .c-heading-2{font-size:34px;line-height:40px} .appshowcasevid .c-heading-3{font-size:26px;line-height:32px} .appshowcasevid .c-heading-4{font-size:20px;line-height:24px} .appshowcasevid .c-heading-5{font-size:18px;line-height:24px} .appshowcasevid .c-heading-6{font-size:16px;line-height:20px} } .appshowcasevid .c-heading-1{padding:38px 0 6px;font-weight:600;letter-spacing:-0.01em} .appshowcasevid .c-heading-2{padding:37px 0 3px;font-weight:600;letter-spacing:-0.01em} .appshowcasevid .c-heading-3{padding:38px 0 2px;font-weight:600} .appshowcasevid .c-heading-4{padding:36px 0 4px;font-weight:600} .appshowcasevid .c-heading-5{padding:35px 0 5px;font-weight:600} .appshowcasevid .c-heading-6{padding:37px 0 3px;font-weight:600} html[dir=rtl] .appshowcase .appsshowcase-container{direction:ltr} html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:not(.glyph-play):after{content:"";padding-right:0} html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:not(.glyph-play):after{content:""} html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action:not(.glyph-play):hover:after{right:4px} html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper.f-next:before{content:"";margin-right:2px} html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-flipper.f-previous:before{content:"";margin-left:2px} @media only screen and (min-width:1400px) and (max-width:1919.99px){html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{bottom:32px;right:70px} } @media only screen and (min-width:1084px) and (max-width:1399.99px){html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{right:56px;bottom:32px} } @media only screen and (min-width:768px) and (max-width:1083.99px){html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{right:12px;bottom:40px} } @media only screen and (min-width:540px) and (max-width:767.99px){html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{right:12px;bottom:24px} } @media only screen and (min-width:0) and (max-width:539.99px){html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-carousel .videobutton.c-call-to-action.c-glyph{right:12px;bottom:16px} } html[dir=rtl] .appshowcasevid .appshowcasevideo .appshowcasevideo-seq .appshowcasevideodots-container .c-sequence-indicator{display:flex} .featured-carousel .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight{margin-bottom:0;padding-top:0} .featured-carousel .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block a.c-call-to-action.f-lightweight::before{content:"";line-height:1;position:relative;top:2px;font-family:"MWF-MDL2";display:inline-block} .featured-carousel .link-group{display:flex;flex-direction:column;align-items:flex-start} .featured-carousel .appshowcasevid .appshowcasevideo .appshowcasevideocopy-carousel .copy-block.video-modal-open{animation:none;transform:none} .featured-carousel .video-modal.theme-dark{background-color:transparent}