/*! clientlib v1.0.0 built on Tue, 21 Dec 2021 15:19:30 GMT */
.acuminFontFamily{font-family:acumin-pro,sans-serif;font-style:normal}.highlightCircle{width:150px;height:150px;border-radius:50%;background-color:#8bc1ff;border:6px solid #6ce6fc;position:absolute;top:0;left:0;transform:scale(0);opacity:0}.dotLeftTop{top:-6px;left:-6px}.dotRightTop{top:-6px;right:-6px}.dotLeftBottom{left:-6px;bottom:-6px}.dotRightBottom{right:-6px;bottom:-6px}.screen{height:484px;width:230px;min-width:230px}@media screen and (max-width:1024px){#headerSectionTitle .title,#initialHeader .title{font-size:30px;line-height:41px}#headerSectionTitle .subTitle,#initialHeader .subTitle{font-size:18px;line-height:24px}#ssr2c2{transform:scale(1.4);left:-60%}#reviewAndAssetAnimation{transform:scale(.7)}}@media screen and (max-width:1150px){#sacCenter,#sacLeft,#sacRight{transform:scale(.8) translateY(10%)}}@media screen and (min-width:1024px){#headerSectionTitle .title,#initialHeader .title{font-size:40px;line-height:41px}#headerSectionTitle .subTitle,#initialHeader .subTitle{font-size:18px;line-height:24px}#reviewAndAssetAnimation{right:55%;top:10%;transform:scale(.7)}#ssr2c2{transform:scale(2.1);left:10%}.maskText{font-size:6rem;letter-spacing:-3px;line-height:87px}}@media screen and (max-height:768px){#sacTop{transform:scale(.8);top:4%}}@media screen and (min-width:1150px){#ssr2c2{transform:scale(2.3);left:0}#reviewAndAssetAnimation{right:40%;top:10%;transform:scale(.8)}}@media screen and (min-width:1280px){#ssr2c2{transform:scale(2.3);left:0}#reviewAndAssetAnimation{right:40%;transform:scale(.8)}}@media screen and (max-width:1440px){#leftAssetPanel{display:none}}@media screen and (min-width:1440px){#headerSectionTitle .title,#initialHeader .title{font-size:50px;line-height:51px}#prototypeAnimation{left:150px}#reviewAndAssetAnimation{right:40%}#ssr2c2{transform:scale(2.4);left:10%}#specsAndAssetAnimation #assets{transform:scale(1)}#leftAssetPanel{display:block}.maskText{font-size:8rem;letter-spacing:-5px;line-height:110px}}@media screen and (min-width:1680px){#ssr2c2{left:10%}#reviewAndAssetAnimation{right:110%}}@media screen and (min-width:1800px){#headerSectionTitle .title,#initialHeader .title{font-size:60px;line-height:63px}#headerSectionTitle .subTitle,#initialHeader .subTitle{font-size:20px;line-height:29px}#prototypeAnimation{left:250px}#reviewAndAssetAnimation{right:105%;transform:scale(1)}#ssr2c2{transform:scale(2.6);left:10%}}@media screen and (min-width:1920px){#prototypeAnimation{left:350px}#ssr2c2{transform:scale(2.6);left:20%}#reviewAndAssetAnimation{right:100%;transform:scale(1.1)}}@media screen and (min-width:2100px){#madeWithXDSignage{margin-top:100px}#ssr2c2{transform:scale(2.8);left:23%}#reviewAndAssetAnimation{right:100%}}@media screen and (min-width:2400px){#madeWithXDSignage{margin-top:100px}#ssr2c2{transform:scale(3.5);left:25%}#reviewAndAssetAnimation{right:120%}}@media screen and (min-width:2560px){#reviewAndAssetAnimation{right:130%}}.xd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body{overflow-x:hidden}.xd-scrollAnimation{align-items:center;background-color:#fff;padding-top:64px;box-sizing:border-box;width:100%;height:100%}#animation2{background-color:plum}#animation3{background-color:#333a45}.filler{height:2000vh;width:100vw;padding-bottom:100px;box-sizing:border-box}.blue{background-color:#333a45}#c,#content{width:100vw}#c{height:100vh;background-color:#333a45;position:fixed;top:0;opacity:0;z-index:0}.xd-scrollAnimation--linked{position:relative;z-index:1}#menuScreen{display:flex;flex-direction:column;background-color:#fff;margin-left:50px;margin-right:50px;font-family:acumin-pro,sans-serif;font-style:normal;font-weight:700}#menuScreen #menuTop{flex:1 1;display:flex;width:100%}#menuScreen #menuTop .topLeft{height:100%;width:50px;padding:22px 0 0 10px;box-sizing:border-box}#menuScreen #menuTop .topLeft .closeIcon{width:28px;height:20px}#menuScreen #menuTop .topRight{height:100%;flex:1 1;background-color:#2f3857;padding:12px;box-sizing:border-box;position:relative}#menuScreen #menuTop .topRight #menu{box-sizing:border-box;color:#fff;display:flex;position:absolute;left:5px;width:100%}#menuScreen #menuTop .topRight #menu .row{box-sizing:border-box;height:30px;display:flex;align-items:center;margin-bottom:10px}#menuScreen #menuTop .topRight #menu .num{opacity:0;display:flex;align-items:flex-end;justify-content:center}#menuScreen #menuTop .topRight #menu .num span{margin-bottom:-4px}#menuScreen #menuTop .topRight #menu #menuNumbers{font-size:18px;width:0}#menuScreen #menuTop .topRight #menu #menuNumbers #one{position:relative;display:flex}#menuScreen #menuTop .topRight #menu #menuNumbers #one .border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #3bdda8;display:none;box-sizing:border-box}#menuScreen #menuTop .topRight #menu #menuNumbers #one .dot{width:10px;height:10px;position:absolute;background-color:#3bdda8;border:2px solid #fff;display:none;border-radius:6px}#menuScreen #menuTop .topRight #menu #menuItems{position:absolute;box-sizing:border-box;font-weight:700;transition-property:font-size border-width}#menuScreen #menuTop .topRight #menu .border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #22c7fd;display:none;box-sizing:border-box;transform-origin:top left;transform:scale(0)}#menuScreen #menuTop .topRight #menu .dot{width:10px;height:10px;position:absolute;background-color:#22c7fd;border:2px solid #fff;display:none;border-radius:6px}#menuScreen #menuTop .topRight #menu .menuItemsInitial{font-size:17px}#menuScreen #menuTop .topRight #menu .menuItemsLater{font-size:33px}#menuScreen #menuBottom{width:100%;height:52px}#menuScreen #menuBottom .menuBgImg{width:100%}#profileScreen{position:relative}#profileScreen #profileScreenImg{width:100%}#prototypeAnimation{position:relative;width:300px;opacity:0;transition:left 1s ease-in-out}#prototypeAnimation #animationContainer{display:flex;flex-direction:column;align-items:flex-end;width:100%;height:100%}#prototypeAnimation #deviceFrame{width:230px;height:484px;position:relative;transform:translateY(100%)}#prototypeAnimation #deviceFrame #deviceFrameImg{position:absolute;top:0;left:0;z-index:2}#prototypeAnimation #deviceFrame #overlayContent{transform:scale(2.5)}#prototypeAnimation #deviceFrame .prototypeScreens{height:100%;width:100%;margin-top:6px;border-radius:15px;top:3px;left:7px;position:relative;overflow:hidden;background-color:#fff}#prototypeAnimation #deviceFrame .prototypeScreens #scrollIndicator{position:absolute;border:6px solid #84f4ff;background-color:rgba(108,230,252,.68);filter:drop-shadow(0 5px 5px rgba(0,0,0,.11));border-radius:30px;opacity:.8;left:20%;top:40%;height:10%;width:20%;z-index:5}#prototypeAnimation #deviceFrame .prototypeScreens #scrollIndicator .highlightCircleMenu,#prototypeAnimation #deviceFrame .prototypeScreens #scrollIndicator .highlightCircleWelcome{width:150px;height:150px;border-radius:50%;background-color:#8bc1ff;border:6px solid #6ce6fc;position:absolute;top:0;left:0;transform:scale(0);opacity:0;top:-145%;left:-155%;z-index:3}#prototypeAnimation #deviceFrame .prototypeScreens .menuHeader{display:flex;align-items:center;justify-content:space-between}#prototypeAnimation #deviceFrame .prototypeScreens .menuHeader .menuBurgerIcon{display:none}#prototypeAnimation #deviceFrame .prototypeScreens #feed{width:100%;padding:20px 20px 0;box-sizing:border-box}#prototypeAnimation #deviceFrame .prototypeScreens #feed #feedAsset2{height:181px}#prototypeAnimation #deviceFrame .prototypeScreens #feed #feedAsset2 #feedAsset2Inner{overflow:hidden;border-radius:10px}#prototypeAnimation #deviceFrame .prototypeScreens #feed #feedAsset2 #feedAsset2Inner img{margin-top:-40px}#prototypeAnimation #deviceFrame .prototypeScreens #feed #feedHeader{font-size:43px;margin-top:30px;margin-bottom:10px}#prototypeAnimation #deviceFrame .prototypeScreens #feed .feedAssetContainer{width:100%;display:block;flex-direction:column}#prototypeAnimation #deviceFrame .prototypeScreens #feed .feedAssetContainer:not(:last-child){margin-bottom:20px}#prototypeAnimation #deviceFrame .prototypeScreens #feed .feedAssetContainer .feedAsset{margin-bottom:15px}#prototypeAnimation #deviceFrame .prototypeScreens #feed .feedAssetContainer .feedIcon,#prototypeAnimation #deviceFrame .prototypeScreens #feed .feedAssetContainer .feedPlusIcon{width:14px}#prototypeAnimation #protoDesc{margin-top:50px;text-align:right;transform:translateY(20%);color:#fff}.feedDesc{display:flex;flex-direction:column;color:#464d62}.feedDesc .feedAvatar{font-weight:700;font-size:8px;justify-content:space-between}.feedDesc .feedAvatar,.feedDesc .feedAvatar .feedAvatarLeft{display:flex;align-items:center}.feedDesc .feedAvatar .feedAvatarLeft .avatar{width:20px;height:20px;margin-right:5px}.feedDesc .feedTags{font-size:8px;line-height:10px;margin-top:5px;margin-bottom:15px}#feed{height:870px;font-family:acumin-pro,sans-serif;font-style:normal}#feed #feedHeader{color:#2f3857;width:100%;font-weight:700}#feed .feedAssetContainer{width:100%;display:flex;flex-direction:column}#feed .feedAssetContainer .feedAsset{width:100%}#feed .feedAssetContainer .feedIcons{display:flex;align-items:center}#feed .feedAssetContainer .feedIcon{object-fit:contain}#feed .feedAssetContainer .feedIcon:first-child{margin-right:10px}#feed .feedAssetContainer .blueHeart{object-fit:contain;margin-right:10px}#feed #feedAsset2{position:relative}#feed #feedAsset2 #feedAsset2Inner{width:100%;height:100%}#feed #feedAsset2 #overlayContent,#feed #feedAsset2 #screenOverlay{opacity:0}.feedImage{width:100%;object-fit:contain;border-radius:10px}.blueHeart{width:20px}.protoScreenIcons{display:flex;align-items:center}.protoScreenIcons .feedIcon{margin-left:10px;width:14px}#screenOverlay{border-radius:10px;background-color:#2f3857;opacity:.7}#overlayContent,#screenOverlay{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;z-index:6}#overlayContent{flex-direction:column}#overlayText{color:#d5deff;font-size:10px;font-weight:700;font-family:Acumin Pro,sans-serif}#canvasPrototypeScreens{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;position:absolute;top:0;left:0;padding:10% 10% 0}#canvasPrototypeScreens #prototypeAnimationContainer{box-sizing:border-box;display:flex;height:100%;width:85%;align-items:flex-start;justify-content:flex-start;transform:translate3d(0,110%,0);position:relative;opacity:0}#canvasPrototypeScreens #prototypeAnimationContainer .wireContainer{position:absolute;z-index:2}#canvasPrototypeScreens #prototypeAnimationContainer .wireContainer svg{display:block;position:absolute}#canvasPrototypeScreens #prototypeAnimationContainer .wireContainer svg .path{stroke-dasharray:400;stroke-dashoffset:0;animation:dash 1s ease-in-out;display:none}@keyframes dash{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}#canvasPrototypeScreens #prototypeAnimationContainer #wire1Container{right:0;min-width:64px;min-height:250px;bottom:-100px;left:-67px;height:250px;width:64px;transform:scaleX(1.1)}#canvasPrototypeScreens #prototypeAnimationContainer #wire2Container{min-height:155px;min-width:189px;bottom:17px;left:37px;height:155px;width:189px}#canvasPrototypeScreens #prototypeAnimationContainer .prototypeCanvasScreen{width:154px;background-color:#fff;box-sizing:border-box;padding:20px 15px;position:relative}#canvasPrototypeScreens #prototypeAnimationContainer .prototypeCanvasScreen .menuHeader{display:flex;align-items:flex-start;justify-content:space-between}#canvasPrototypeScreens #prototypeAnimationContainer .prototypeCanvasScreen .menuHeader .menuBurgerIcon{width:18px}#canvasPrototypeScreens #prototypeAnimationContainer #feed{min-width:180px}#canvasPrototypeScreens #prototypeAnimationContainer #feed #feedHeader{font-size:30px;margin-top:30px;margin-bottom:10px}#canvasPrototypeScreens #prototypeAnimationContainer #feed .feedAssetContainer{width:100%;display:flex;flex-direction:column}#canvasPrototypeScreens #prototypeAnimationContainer #feed .feedAssetContainer:not(:last-child){margin-bottom:20px}#canvasPrototypeScreens #prototypeAnimationContainer #feed .feedAssetContainer .feedAsset{margin-bottom:5px}#canvasPrototypeScreens #prototypeAnimationContainer #feed .feedAssetContainer .feedIcon{width:14px}#canvasPrototypeScreens #prototypeAnimationContainer #feed #feedAsset2{height:142px}#canvasPrototypeScreens #prototypeAnimationContainer #feed #feedAsset2 #feedAsset2Inner{overflow:hidden;border-radius:10px}#canvasPrototypeScreens #prototypeAnimationContainer #feed #feedAsset2 #feedAsset2Inner img{margin-top:-30px}#canvasPrototypeScreens #prototypeAnimationContainer .screenSpacer{width:50px;min-width:50px;height:100%}#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen1,#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen2{height:377px;min-width:180px;width:180px}#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen1 .menuHeader,#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen2 .menuHeader{margin-bottom:15px}#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen1 .menuHeader div img,#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen2 .menuHeader div img{top:-7px;position:relative}#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen1 .prototypeScreenAsset,#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen2 .prototypeScreenAsset{width:100%;height:218px;margin-bottom:5px;position:relative}#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen1 #heart1Container,#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen2 #heart1Container{width:26px;height:26px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen1 .protoScreenIcon,#canvasPrototypeScreens #prototypeAnimationContainer #prototypeScreen2 .protoScreenIcon{width:20px;object-fit:contain}#reviewAndAssetAnimation{position:relative;width:400px;min-height:200px;opacity:1;box-sizing:border-box}#reviewAndFeedbackAnimation{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;box-sizing:border-box;transform:translateY(100%)}@media screen and (min-width:1440px){#reviewAndFeedbackAnimation{left:-15%!important}}#reviewAndFeedbackAnimation #comment1{margin-bottom:40px;opacity:0;transform:translate(100px)}#reviewAndFeedbackAnimation #comment2{opacity:0;transform:translate(200px,200px)}#reviewAndFeedbackAnimation #comment1,#reviewAndFeedbackAnimation #comment2{background-color:#fff;padding:25px;box-sizing:border-box;width:350px;color:#333a45;font-size:15px;border-radius:10px}#reviewAndFeedbackAnimation #comment1 .commentAuthor,#reviewAndFeedbackAnimation #comment2 .commentAuthor{width:100%;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}#reviewAndFeedbackAnimation #comment1 .commentAuthor .profile,#reviewAndFeedbackAnimation #comment2 .commentAuthor .profile{display:flex;align-items:center}#reviewAndFeedbackAnimation #comment1 .commentAuthor .profile .avatar,#reviewAndFeedbackAnimation #comment2 .commentAuthor .profile .avatar{height:32px;width:32px;margin-right:10px;position:relative}#reviewAndFeedbackAnimation #comment1 .commentAuthor .profile .avatar .avatarImg,#reviewAndFeedbackAnimation #comment2 .commentAuthor .profile .avatar .avatarImg{width:100%;height:100%}#reviewAndFeedbackAnimation #comment1 .commentAuthor .profile .avatar .avatarTag,#reviewAndFeedbackAnimation #comment2 .commentAuthor .profile .avatar .avatarTag{position:absolute;bottom:-5px;right:-5px;z-index:2}#reviewAndFeedbackAnimation #comment1 .commentAuthor .profile .userName,#reviewAndFeedbackAnimation #comment2 .commentAuthor .profile .userName{font-weight:700}#reviewAndFeedbackAnimation #comment1 .comments,#reviewAndFeedbackAnimation #comment2 .comments{margin-left:45px;box-sizing:border-box;display:flex;flex-direction:column}#reviewAndFeedbackAnimation #comment1 .comments .authorComment,#reviewAndFeedbackAnimation #comment2 .comments .authorComment{margin-bottom:10px}#reviewAndFeedbackAnimation #comment1 .comments .replySection,#reviewAndFeedbackAnimation #comment2 .comments .replySection{height:0;overflow:hidden;transform:translate(20%)}#reviewAndFeedbackAnimation #comment1 .comments .replyRow,#reviewAndFeedbackAnimation #comment2 .comments .replyRow{font-weight:700;margin-top:10px;margin-bottom:8px;display:flex;align-items:center}#reviewAndFeedbackAnimation #comment1 .comments .replyRow .replyTriangle,#reviewAndFeedbackAnimation #comment2 .comments .replyRow .replyTriangle{margin-right:5px}#screenSizeDesigns{height:100%;width:100%;align-items:center;justify-content:center;transform:translate3d(0,100%,0)}#screenSizeDesigns,#screenSizeDesigns #screenSizesContainer{display:flex;box-sizing:border-box;position:absolute;top:0;left:0}#screenSizeDesigns #screenSizesContainer{height:80%;align-items:flex-end;padding-left:50px}#screenSizeDesigns #screenSizesContainer .screenItem{margin-left:50px}#screenSizeDesigns #screenSizesContainer #watchScreen{height:239px;width:135px;transform:translate3d(0,100%,0)}#screenSizeDesigns #screenSizesContainer #watchScreen img{width:100%;height:100%}#screenSizeDesigns #screenSizesContainer #phoneScreen{height:304px;width:143px;transform:translate3d(0,150%,0)}#screenSizeDesigns #screenSizesContainer #phoneScreen img{width:100%;height:100%}#screenSizeDesigns #screenSizesContainer #tabletScreen{height:415px;width:289px;transform:translate3d(0,150%,0)}#screenSizeDesigns #screenSizesContainer #tabletScreen img{width:100%;height:100%}#screenSizeDesigns #screenSizesContainer #desktopScreen{height:476px;width:647px;transform:translate3d(0,150%,0)}#screenSizeDesigns #screenSizesContainer #desktopScreen img{width:100%;height:100%}#assetsSectionComment,#headerSectionTitle,#reviewAndAssetAnimation,#shareSpecsAndAssetsCanvas{z-index:10}#shareSpecsAndAssetsCanvas{height:100%;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(150%)}#shareSpecsAndAssetsCanvas #ssRowsGrid{width:100%;height:100%;display:flex;flex-wrap:wrap;margin-top:-150px}#shareSpecsAndAssetsCanvas #ssRowsGrid>div{margin-top:60px 0}#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveDown,#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveDownLess,#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveLeft,#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveRight,#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveUp{opacity:0;box-sizing:border-box}#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveUp{transform:translate3d(0,200px,0)}#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveDown{transform:translate3d(0,-200px,0)}#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveDownLess{transform:translate3d(0,-20px,0)}#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveLeft{transform:translate3d(200px,0,0)}#shareSpecsAndAssetsCanvas #ssRowsGrid .ssMoveRight{transform:translate3d(-200px,0,0)}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2{position:relative}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden;z-index:10}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer .dimMarkers{position:absolute;width:15px;opacity:0}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer #widthMarker{top:60px;left:44px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer #heightMarker{top:86px;left:98px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer .hPinkSvg,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer .vPinkSvg{display:none}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer .hPinkSvg{height:10px;width:auto}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer .hPinkSvg{width:100%}}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer .pinkLineHorizContainer{position:absolute;height:10px;width:0;overflow:hidden;transition:width 2s}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer #hPink1Container{left:0;top:68px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer #hPink2Container{right:0;top:108px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer .pinkLineVertContainer{position:absolute;height:0%;width:10px;overflow:hidden;transition:height 2s}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer #vPink1Container{left:10px;top:7px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #pinkLinesContainer #vPink2Container{left:95px;bottom:7px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 .commentTag{position:absolute;z-index:2;height:10px;width:10px;opacity:0}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #comment1Tag{top:78px;left:75px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #comment2Tag{top:148px;left:25px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssr2c2 #ssr2c2Content{position:absolute;height:100%;width:100%;top:0;left:0}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow1,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2{display:flex;width:100%;padding-bottom:40px;margin-left:-50px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow1>div,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2>div{width:260px;margin:20px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow1>div img,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2>div img{width:100%}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow1 div,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2 div{height:100%}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow1 div#ssr2c2,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2 div#ssr2c2{height:189px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow1 #ssr2c1Content,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2 #ssr2c1Content{width:100%;height:100%}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2{position:relative}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2>div{margin:0}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow2>div#ssr2c2{margin-left:40px;margin-right:40px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow3,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow4{display:flex;width:100%;margin-left:-50px}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow3 div,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow4 div{min-width:8.33%}#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow3 div img,#shareSpecsAndAssetsCanvas #ssRowsGrid #ssRow4 div img{width:100%;padding-left:20px;padding-right:20px}.screenBox{box-sizing:border-box}#sketchWireframesAnimationContainer{height:100%;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:absolute;top:0;left:0;transform:translate3d(0,100%,0)}#sketchWireframesAnimationContainer #rowsGrid{display:flex;flex-wrap:wrap;width:120%;height:100%;position:absolute;left:0;right:0}#sketchWireframesAnimationContainer #rowsGrid>div{margin-top:30px;margin-bottom:30px}#sketchWireframesAnimationContainer #rowsGrid .p{transform:translate3d(0,200px,0)}#sketchWireframesAnimationContainer #rowsGrid .pp{transform:translate3d(0,400px,0)}#sketchWireframesAnimationContainer #rowsGrid .ppp{transform:translate3d(0,600px,0)}#sketchWireframesAnimationContainer #rowsGrid #sketchRow1,#sketchWireframesAnimationContainer #rowsGrid #sketchRow2{display:flex}#sketchWireframesAnimationContainer #rowsGrid #sketchRow1>div,#sketchWireframesAnimationContainer #rowsGrid #sketchRow2>div{width:154px;margin-left:17.5px;margin-right:17.5px}#sketchWireframesAnimationContainer #rowsGrid #sketchRow3{margin-left:300px;display:flex}#sketchWireframesAnimationContainer #rowsGrid #sketchRow3>div{width:336px;margin-left:22.5px;margin-right:22.5px}#sketchWireframesAnimationContainer #rowsGrid .stackedCol{display:flex;flex-direction:column}#sketchWireframesAnimationContainer #rowsGrid .sketchBoxSmall{box-sizing:border-box;height:325px}#sketchWireframesAnimationContainer #rowsGrid .sketchBoxSmall img{width:100%;height:100%}#sketchWireframesAnimationContainer #rowsGrid .sketchBoxLarge{box-sizing:border-box;height:481px}#sketchWireframesAnimationContainer #rowsGrid .sketchBoxLarge img{width:100%;height:100%}#sketchWireframesAnimationContainer #rowsGrid .screenLabel{height:0;font-size:13px;color:#34a9fc}#specsAndAssetAnimation{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}#specsAndAssetAnimation #asset1,#specsAndAssetAnimation #asset2,#specsAndAssetAnimation #asset3,#specsAndAssetAnimation #asset4,#specsAndAssetAnimation .imageDesc{margin-bottom:40px}#specsAndAssetAnimation #asset1,#specsAndAssetAnimation #asset2,#specsAndAssetAnimation #asset3,#specsAndAssetAnimation #asset4{width:240px;max-height:100%}#specsAndAssetAnimation #assetsSectionComment{transform:translateY(200%);opacity:0;color:#fff}#specsAndAssetAnimation #assets{width:100%;box-sizing:border-box;display:flex;flex-direction:column;opacity:0;transform:translateY(30%)}#specsAndAssetAnimation #assets #asset1{transform:translate(100px)}#specsAndAssetAnimation #assets #asset2{transform:translate(200px)}#specsAndAssetAnimation #assets #asset3{transform:translate(300px);border-radius:10px}#specsAndAssetAnimation #assets #asset4{transform:translate(400px)}#welcomeScreenImg{display:flex;flex-direction:column;margin-left:15px;transform:translateZ(0);opacity:1}#welcomeScreenImg #top{width:100%;position:relative;flex:1 1;background-color:#fff;padding:15px 10px;box-sizing:border-box}#welcomeScreenImg #top #welcomeText{width:auto;position:absolute;top:10px;left:10px;box-sizing:border-box;padding:3px;transform:scale(.8);transform-origin:top left}#welcomeScreenImg #top #welcomeText img{object-fit:contain}#welcomeScreenImg #top #welcomeText .border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #3bdda8;display:none;box-sizing:border-box;width:0}#welcomeScreenImg #top #welcomeText .dot{width:10px;height:10px;position:absolute;background-color:#3bdda8;border:2px solid #fff;display:none;border-radius:6px}#welcomeScreenImg #top #welcomeMenu{position:absolute;top:20px;right:20px}#welcomeScreenImg #top #welcomeMenu #welcomeMenuImg{width:28px;height:28px}#welcomeScreenImg #top .round{background-color:#272e46;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}#welcomeScreenImg #top #welcomeAdd{margin-right:7px;position:absolute;bottom:20px;right:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:24px;min-width:24px}#welcomeScreenImg #top #welcomeAdd .border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #f8583b;display:none;box-sizing:border-box;width:0}#welcomeScreenImg #top #welcomeAdd .dot{width:10px;height:10px;position:absolute;background-color:#f8583b;border:2px solid #fff;display:none;border-radius:6px}#welcomeScreenImg #top #welcomeAdd #blueAddCircle{opacity:0;width:0}#welcomeScreenImg #top #welcomeAdd #blueAddButton{height:100%;width:100%}#welcomeScreenImg #bottom{width:100%;position:relative;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}#welcomeScreenImg #bottom .welcomeBg{width:100%}#welcomeScreenImg #bottom #loginButtonContainer{width:15%;height:46px;display:flex;align-items:center;justify-content:center;font-weight:700;position:absolute;left:0;right:0;bottom:10%;opacity:0;margin:0 auto}#welcomeScreenImg #bottom #loginButtonContainer #loginButton{display:flex;align-items:center;justify-content:center;font-weight:700;width:100%;height:100%;background-color:#fff;color:#272e46;border-radius:30px;font-size:16px;opacity:0;margin:0 auto;font-family:helvetica,sans-serif}#welcomeScreenImg #bottom #loginButtonContainer .border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #22c7fd;display:none;box-sizing:border-box}#welcomeScreenImg #bottom #loginButtonContainer .dot{width:10px;height:10px;position:absolute;background-color:#22c7fd;border:2px solid #fff;display:none;border-radius:6px}#xdCanvas{width:90vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(.8)}#xdCanvas .xdCanvasContent{display:flex;width:100%;height:100%;justify-content:space-between}#xdCanvas .xdCanvasContent #canvasAnimationContainer{flex:1 1;background-color:#e4e4e4;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;position:relative}#xdCanvas .xdCanvasContent #rightPanel,#xdCanvas .xdCanvasContent #xdLeftPanels{display:flex;height:100%;overflow:hidden;align-items:flex-start;background-color:#e4e4e4}#xdCanvas .xdCanvasContent .leftToolbar{z-index:2}#xdCanvas .xdCanvasContent #designLeftToolbar{width:41px}#xdCanvas .xdCanvasContent #prototypeLeftToolbar,#xdCanvas .xdCanvasContent #shareLeftToolbar{width:0}#xdCanvas .xdCanvasContent #protoRightPanel,#xdCanvas .xdCanvasContent #shareRightPanel{display:none}#xdCanvas .xdCanvasContent .highlightCircleRightRail{width:150px;height:150px;border-radius:50%;background-color:#8bc1ff;border:6px solid #6ce6fc;position:absolute;top:0;left:0;transform:scale(0);opacity:0;z-index:3;top:15%;right:5%}#xdCanvasTopRail{width:100%;background-color:#f5f5f5;border-top:2px solid #e4e4e4;border-bottom:2px solid #e4e4e4;box-sizing:border-box;display:flex;justify-content:space-between;height:32px;border-top-right-radius:4px;border-top-left-radius:4px}#xdCanvasTopRail img{height:100%;object-fit:contain}#xdCanvasTopRail img#topbarLeftDesign{width:234px}#xdCanvasTopRail #topbarLeftPrototype,#xdCanvasTopRail #topbarLeftShare{display:none}#xdCanvasTopRail #xdCanvasTopRailRight{display:flex;justify-content:flex-end}#xdCanvasTopRail #xdCanvasTopRailRight img:first-child{width:75px}#xdCanvasTopRail #xdCanvasTopRailRight img:last-child{width:154px}.headerSeparator{width:100%;height:10vh}#headerText{color:#fff;justify-content:center;min-height:150px;height:25%}#headerText,#headerText #headerTextContent{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}#headerText #headerTextContent{height:100%;transition-property:transform opacity;transition-duration:1s;text-align:center}#headerText #initialHeader{transform:translate3d(0,250px,0);position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;width:100%;height:100%;opacity:0}#headerText #initialHeader .subTitle{text-align:center;margin-top:10px}#headerText #headerSectionTitle{color:#fff;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#headerText #headerSectionTitle,#headerText #headerSectionTitle #coeditingSubtitle,#headerText #headerSectionTitle #prototypeSubtitle,#headerText #headerSectionTitle #prototypeTitle,#headerText #headerSectionTitle #screenSizeSubtitle,#headerText #headerSectionTitle #shareSubtitle,#headerText #headerSectionTitle #shareTitle,#headerText #headerSectionTitle #sketchWireframesSubtitle{opacity:0;transform:translate3d(0,100px,0)}#headerText #headerSectionTitle #subtitleContainer,#headerText #headerSectionTitle #titleContainer{position:relative;height:40%;width:45%;display:flex;align-items:flex-end}#headerText #headerSectionTitle .subTitle,#headerText #headerSectionTitle .title{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end}#headerText #headerSectionTitle .subTitle{text-align:left}#headerText .title{font-weight:700;letter-spacing:-1px;justify-content:flex-end;right:0;bottom:0}#headerText .title #coeditingAvatars{display:flex;align-items:center}#headerText .title #coeditingAvatars .designTitle{margin-left:20px}#headerText .title #coeditingAvatars img{height:50px;width:50px;opacity:0}#headerText .title #coeditingAvatars #coeditUser1{z-index:4}#headerText .title #coeditingAvatars #coeditUser2{z-index:3;margin-right:-15px}#headerText .title #coeditingAvatars #coeditUser3{z-index:2;margin-right:-15px}#headerText .subTitle{letter-spacing:.01em;line-height:27px;justify-content:flex-start;left:0}#headerText .spacer{width:25px;height:100%}.visibleHeadlineDesc{opacity:1!important;transition-delay:1s;transform:translate3d(0,20%,0)!important}.visibleWelcomeDesc{opacity:1!important;transform:translateZ(0)!important}.retireHeadlineDesc{opacity:0!important;transform:translate3d(0,-20%,0)!important}.invisible{display:none!important}.shrink{height:0!important;width:0!important}.visible{display:block!important}#xdIntroPage{box-sizing:border-box;transition:opacity 2s cubic-bezier(0,1,.3,1) .25s;position:relative}#xdIntroPage,#xdIntroPage #madeWithXDSignage{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#xdIntroPage #madeWithXDSignage{margin-top:15px;position:absolute;top:0;transform:translateY(150%);opacity:0;z-index:0}#xdIntroPage #madeWithXDSignage #getXDButton{margin-top:30px}#xdIntroPage #stickyAnimationContainer{width:100vw;height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-between;margin-top:100px;top:64px!important;left:0;position:-webkit-sticky;position:sticky;overflow:hidden}#xdIntroPage #stickyAnimationContainer.js-is-sticky{top:0!important;transition:transform .5s linear}#xdIntroPage #stickyAnimationContainer.js-is-sticky.js-is-sticky--navfixed{transform:translateY(90px)}#xdIntroPage #stickyAnimationContainer #animationScrollIndicatorContainer{position:absolute;top:30%;left:20px;z-index:15;width:40px;height:210px;border-radius:20px}#xdIntroPage #stickyAnimationContainer #animationScrollIndicatorContainer #scrollIndicatorWrapper{position:absolute;top:13px;left:0;height:97%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#xdIntroPage #stickyAnimationContainer #animationScrollIndicatorContainer #scrollIndicatorWrapper .indicatorCheckpoint{width:6px;height:2px;background-color:#adadad}#xdIntroPage #stickyAnimationContainer #animationScrollIndicatorContainer #scrollIndicatorWrapper .currentCheckpoint{width:20px!important;height:2px;background-image:linear-gradient(#ff26be,#ff125b,red)}#xdIntroPage #stickyAnimationContainer #animationScrollIndicatorContainer #scrollIndicatorWrapper #jumpToEndScrollIndicator{cursor:pointer}#xdIntroPage #stickyAnimationContainer #ssAnimationOverlay{position:absolute;width:100%;height:calc(100% + 50px);top:0;left:0;opacity:0;background-color:#2f3857;z-index:9}#xdIntroPage #stickyAnimationContainer #sacTop{display:flex;justify-content:center;width:100%;height:75%;position:relative}#xdIntroPage #stickyAnimationContainer #sacTop #sacLeft{position:absolute;top:0;left:0;height:100%}#xdIntroPage #stickyAnimationContainer #sacTop #sacCenter{height:100%;display:flex;justify-content:center}#xdIntroPage #stickyAnimationContainer #sacTop #sacRight{position:absolute;top:0;right:0;height:100%;width:320px}.maskText{font-weight:700;margin:0 auto;text-align:center;background-image:url("../../../../../content/dam/cc/xd/scrollanimation/maskShapesNew.svg");background-size:cover;background-position:50%;background-repeat:no-repeat;width:auto;background-clip:text;-webkit-background-clip:text;color:transparent}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.maskText{color:#2f3857;-ms-background-position-x:-9999px}.scrollAnimation:not(.js-animation-done)+div{margin-top:100vh}#xdIntroPage #stickyAnimationContainer.js-animation-done{position:absolute!important;top:auto!important;bottom:0!important}}#designTogetherAnimation{width:100%;align-items:center;position:absolute;top:0;left:0;padding-top:10%}#designTogetherAnimation,#designTogetherAnimation #rightContainer{height:100%;display:flex;justify-content:center;box-sizing:border-box}#designTogetherAnimation #rightContainer{position:relative;flex:1 1;align-items:flex-start;opacity:0;transform:scale(.9)}#designTogetherAnimation #rightContainer #welcomeScreenImg{transform:translate3d(0,120%,0);opacity:0;background:#fff}#designTogetherAnimation #rightContainer #menuScreen{transform:translate3d(0,200%,0);opacity:0}#designTogetherAnimation #rightContainer #profileScreen{transform:translate3d(0,280%,0);opacity:0}#designTogetherAnimation #lines{display:none;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0}#designTogetherAnimation #lines .vertPinkLine{height:100%;width:1px;border-right:2px dashed #f500ff;position:absolute}#designTogetherAnimation #lines .horizPinkLine{height:1px;width:100%;border-top:2px dashed #f500ff;position:absolute}#designTogetherAnimation #lines #vertLine1{top:0;left:50%}#designTogetherAnimation #lines #vertLine2{top:0;left:55%}#designTogetherAnimation #lines #horizLine1{left:0;top:45%}#designTogetherAnimation #lines #horizLine2{left:0;top:50%}