@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);#root,body,html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}#root{display:flex;flex-direction:column;font:16px Roboto,Helvetica,Arial,sans-serif}a{color:#526ede;text-decoration:none}.navbar{align-items:center;background-color:#fff;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);display:flex;height:68px;position:fixed;top:0;width:100%;z-index:5}.navbar .logo{display:inline-flex;padding:1.25em 1em;margin-left:1em;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.navbar .logo img,.navbar .logo svg{max-height:44px;pointer-events:none}.navbar div.logo{width:100%}main{box-sizing:border-box;flex-direction:column;font-size:.875em;height:100%;justify-items:center;margin:8em 0 0;position:relative;transition:width .2s cubic-bezier(.165,.84,.44,1)}main,main .centered{align-items:center;display:flex;width:100%}main .centered{flex:0 0 auto;flex-direction:column}main .centered.bottom{margin-top:2em}main .title{color:#2e3246;font-weight:400;letter-spacing:.2px;line-height:1.3;margin:7px 0;max-width:70%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}main .viewSelector{margin:1em 0 2em}main .viewSelector button{border-bottom:2px solid transparent;font-size:.875em;font-weight:700;line-height:2em;text-transform:uppercase}main .viewSelector button.selected,main .viewSelector button:hover{border-bottom:2px solid #526ede;color:#526ede;cursor:default;outline:none}main .viewSelector button.selected:not(.selected),main .viewSelector button:hover:not(.selected){cursor:pointer}main .template{color:#2e3246;line-height:36px}main .embed{margin-top:4em}main .author,main .fileSize{color:rgba(46,50,70,.8)}main .author{margin-bottom:2em}main .author.bottom{margin:1em 0}main .author.bottom.single{margin-top:2em}main .author .date{display:inline-block}@media screen and (max-width:480px){main .author .date{display:block;text-align:center}}main .author .username{display:inline-block;max-width:15em;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}main .tool{color:rgba(46,50,70,.4);margin-bottom:1em}main .tool .home-link{font-weight:500;margin-left:.25em}main .tool .home-link:hover{text-decoration:underline}.error{align-items:center;display:flex;flex:1 0 100%;flex-direction:column;font-size:.875em;justify-content:center}.error .message{font-size:2em;font-weight:400}.error .status{margin-top:0}.templateInfoContainer{display:flex;justify-content:center;min-height:36px}.templateInfoContainer.isSet{margin:0 auto 44px}.templateInfoContainer button.button{padding:0 7px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:38px}.templateInfoContainer .tooltip{background-color:#515873;border-radius:3px;color:#fff;font-size:12px;left:50%;margin-left:-50px;padding:5px 0;position:absolute;text-align:center;top:120%;visibility:hidden}.templateInfoContainer .tooltip:after{border:5px solid transparent;border-bottom-color:#515873;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.templateInfoContainer .sizes{color:#2e3246;font-weight:500;letter-spacing:-.2px;text-align:left}.templateInfoContainer .buttonWrapper{width:48px}.templateInfoContainer .buttonContainer{position:relative}.templateInfoContainer .buttonContainer:hover .tooltip{visibility:visible}.templateInfoContainer .buttonContainer .zoomButton{margin-right:10px}.templateInfoContainer .buttonContainer .zoomTooltip{margin-left:-43px;width:77px}.templateInfoContainer .buttonContainer .zoomTooltip.fitToStage{margin-left:-36px;width:65px}.templateInfoContainer .buttonContainer .replayButton{margin-left:10px}.templateInfoContainer .buttonContainer .replayTooltip{width:110px}@media screen and (max-width:480px){.templateInfoContainer .buttonContainer .replayTooltip{margin-left:-85px}.templateInfoContainer .buttonContainer .replayTooltip:after{left:90px}}.viewItemContainer .title{color:#2e3246;font-size:32px;margin-bottom:35px}.viewItemContainer button.ArrowBtn,.viewItemContainer button.ArrowBtnInvisible{border-radius:3px;height:184px;min-width:64px;position:fixed;top:calc((100% + 68px)/2);transform:translateY(-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.viewItemContainer button.ArrowBtn.left,.viewItemContainer button.ArrowBtnInvisible.left{left:0}.viewItemContainer button.ArrowBtn.right,.viewItemContainer button.ArrowBtnInvisible.right{right:0;transition:all .2s cubic-bezier(.165,.84,.44,1)}.viewItemContainer .hotspotOverlay{position:absolute}.viewItemContainer .hotspotOverlay .hotspot{background-color:#ef8949;border:2px solid #fff;border-radius:12px;color:#fff;font-size:12px;font-weight:700;height:26px;min-width:26px;padding:4px;position:inherit;text-align:center;z-index:1}.viewItemContainer .hotspotOverlay .hotspot.addHotspot{z-index:2}.viewItemContainer .hideOverlay{position:relative}.viewItemContainer .viewRowWrapper{display:flex;justify-content:center}.viewItemContainer .viewRowWrapper.singleView{margin-top:3em}.viewItemContainer .viewRowWrapper button img{vertical-align:middle}.viewItemContainer .viewRowWrapper .iframeContainer{opacity:0}.viewItemContainer .viewRowWrapper .iframeContainer.loaded{opacity:1}.viewItemContainer .viewRowWrapper.commentsVisible .right{right:350px;transition:all .2s cubic-bezier(.165,.84,.44,1)}.defaultButton{border:0;border-radius:2px;cursor:pointer;outline:0;position:relative;text-align:center;width:auto}.defaultButton:focus{outline:0}.defaultButton.medium{font-size:12px;font-weight:700;height:36px;line-height:36px;padding:0 16px}.defaultButton.blue{background:#526ede;color:#fff}.defaultButton.blue:hover{background:#627be0}.defaultButton.accentGrey{background:rgba(223,224,230,.6);color:#2e3246}.defaultButton.accentGrey:hover{background:#dfe0e6}.defaultButton.transparent{background:transparent;color:#2e3246}.defaultButton.transparent:hover:not(.noHover){background:rgba(46,50,70,.1)}.defaultButton.marginRight{margin-right:10px}.iconComponent svg{height:100%;position:static;width:100%}.iconComponent.block svg{display:block}.iconComponent.absolute svg{position:absolute}.iconComponent.inlineBlock{display:inline-block}.large{width:24px;height:24px}.itemFooter{align-items:center;display:flex;justify-content:space-between;opacity:0;position:relative;top:2px}.itemFooter.loaded{opacity:1;transition:opacity .3s ease-in}.itemFooter .footerRight{align-items:center;display:flex;justify-content:flex-end}.itemFooter .footerRight.alignRight{margin-left:auto}.itemFooter .footerRight .scaled{background-color:rgba(46,50,70,.3);height:16px;margin:0 3px 0 0;width:16px}.itemFooter .footerRight .size{align-items:center;background-color:rgba(46,50,70,.3);color:#fff;cursor:default;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;padding:0 3px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.itemFooter .footerRight .tooltip{display:inline-block;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.itemFooter .footerRight .tooltip .tooltiptext{background-color:#515873;border-radius:3px;color:#fff;left:50%;margin-left:-45px;opacity:.9;padding:5px 10px;position:absolute;text-align:center;top:150%;visibility:hidden;white-space:nowrap;z-index:1}.itemFooter .footerRight .tooltip .tooltiptext:after{border:5px solid transparent;border-bottom-color:#515873;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.itemFooter .footerRight .tooltip:hover .tooltiptext{visibility:visible}.itemFooter .playButton{align-items:center;background-color:rgba(46,50,70,.3);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:space-between;padding:0 5px;visibility:hidden;width:48px}.itemFooter .playButton.play,.itemFooter .playButton:hover{background-color:rgba(46,50,70,.6)}.itemFooter .playButton.visible{visibility:visible}.itemFooter .playButton .rectangle{background-color:#fff;height:6px;width:6px}.itemFooter .playButton .triangle{border-bottom:4px solid transparent;border-left:8px solid #fff;border-top:4px solid transparent;height:0;width:0}.itemFooter .playButton .playText{margin-left:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.thumb{background-color:hsla(0,0%,100%,.1)}.thumb:active,.thumb:hover{background-color:hsla(0,0%,100%,.2);opacity:1;transition:opacity .2s cubic-bezier(.165,.84,.44,1)}.thumb.darkGrey,.thumb.darkGrey:active,.thumb.darkGrey:hover{background-color:#585b6b}.thumb.darkerGrey,.thumb.darkerGrey:active,.thumb.darkerGrey:hover{background-color:#c4cbd0}.track{cursor:default}.track.darkGrey{background-color:#fff;background-color:transparent}.trackVertical{background-color:#2e3246;right:0;bottom:0;min-width:16px;top:0;transition:opacity .15s cubic-bezier(.165,.84,.44,1)}.trackVertical.small{max-width:12px;min-width:12px}.trackVertical.medium{max-width:14px;min-width:14px}.trackVertical .thumb{margin-left:6px}.trackVertical.withPadding{min-width:12px;padding:0 0 12px}.trackVertical.withPadding .thumb{margin-left:0;max-width:12px}.trackHorizontal{left:0;right:0;bottom:0;min-height:12px}.trackHorizontal.small{max-height:5px;min-height:0}.trackHorizontal.medium{max-height:6px;min-height:0}.trackHorizontal.withPadding{padding:0 12px 0 0;bottom:0}.selectComponent{cursor:pointer;display:block;position:relative}.selectComponent.disabled{cursor:default}.selectComponent:focus{border-color:inherit;box-shadow:none;outline:none}.noDropdown{cursor:default}.select{align-items:center;background:rgba(223,224,230,.6);border:0;border-radius:2px;color:#2e3246;display:flex;font-size:12px;height:28px;margin:0 auto;outline:none;position:relative}.select.largeThin{height:36px}.select:not(.noDropdown):hover{background:#dfe0e6}.select:not(.noDropdown):hover.disabled{background:rgba(223,224,230,.05)}.select:focus{border-color:inherit;box-shadow:none;outline:none}.dropdown{border-radius:2px;box-shadow:0 0 30px 0 rgba(0,0,0,.16);overflow:auto;position:absolute;z-index:9}.dropdown.top{bottom:32px}.dropdown.bottom{top:32px}.dropdown.left{left:0}.dropdown.right{right:0}.dropdown.largeThin.top{bottom:40px}.dropdown.largeThin.bottom{top:40px}.dropdownList{background-color:#fff;font-weight:500;margin-top:0;margin-bottom:0;padding:4px 0}:global(#editor) .dropdownList{padding:4px 0}.dropdownList li{font-size:12px;height:28px;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;white-space:nowrap}.dropdownList li:hover{background-color:rgba(223,224,230,.6)}.dropdownList li.selected{color:#526ede}.dropdownList li.tmpSelected{background-color:rgba(223,224,230,.6)}.dropdownList li.disabled,.dropdownList li.disabled:hover{cursor:default}.dropdownList li.disabled{color:rgba(46,50,70,.2)}.dropdownList li.disabled:hover{color:hsla(0,0%,100%,.2)}.textContainer{display:inline-block;overflow:hidden;padding:0 25px 0 12px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.largeThin .textContainer{line-height:25px}.arrowBtn{display:inline-block;height:100%;position:absolute;right:0;top:0;width:25px}.arrowBtn.arrowHoverBackground{width:20px}.arrowBtn.arrowHoverBackground:hover{background:#dcdcdc}.arrowBtn.arrowHoverBackground .arrowDown{margin-left:6px}.arrowDown{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #2e3246;float:right;line-height:28px;position:absolute;margin-top:12px;margin-left:8px;vertical-align:middle}.arrowDown.disabled{border-top-color:rgba(223,224,230,.25)}.largeThin .arrowDown{margin-top:15px}.preloaderContainer{align-items:center;background-color:#f0f1f5;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.preloaderContainer.invisible{opacity:0}.preloaderContainer .preloader{animation:rotate 1s infinite;animation-timing-function:linear;border-radius:50%;border:5px solid rgba(82,110,222,.8);border-top-color:transparent;height:32px;width:32px}.hotspotOverlay{position:absolute;cursor:crosshair;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hotspotOverlay.focusMode:not(:hover){background-color:hsla(0,0%,100%,.5)}.hotspotOverlay .hotspot{background-color:#ef8949;border:2px solid #fff;border-radius:13px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:26px;padding:4px;position:inherit;text-align:center;min-width:26px;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.hotspotOverlay .hotspot.addHotspot{z-index:2}.hotspotOverlay .hotspot.addHotspot:after{animation:button-pulse 4s linear infinite;border:1px solid #ef8949;border-radius:100%;content:"";display:block;height:22px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:border-color 1s linear;width:22px}@keyframes button-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:0}20%{transform:translate(-50%,-50%) scale(1.5);opacity:.9}50%{transform:translate(-50%,-50%) scale(2);opacity:0}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.hotspotOverlay .hotspot.highlighted{animation:highlight-pulse 1s ease 4}@keyframes highlight-pulse{0%{background-color:#ef8949}50%{background-color:#627be0}to{background-color:#ef8949}}.hideOverlay{position:relative}.pointer{align-items:center;background-color:#515873;border-radius:2px;color:#fff;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;opacity:.9;margin:5px 0 0 5px;padding:0 10px;position:fixed;z-index:3}.pointer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gridView .row{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start}.gridView .row .rightMargin{margin-right:36px}.gridView .row .banner{display:block;margin-bottom:18px;position:relative}.gridView .row .banner .previewContainer{margin-bottom:2px;opacity:0}.gridView .row .banner .previewContainer.loaded{opacity:1;transition:opacity .3s ease-in}.gridView .row .banner .previewContainer .preview{position:static}.gridView .row .banner .previewContainer .preview.hideOverlay{position:relative}.gridView .row .banner .previewContainer .preview.play{display:none;position:absolute}.gridView .row .banner .previewContainer .animatedPreview{opacity:0;position:absolute}.gridView .row .banner .previewContainer .animatedPreview.loaded{opacity:1;transition:opacity .3s ease-in}.gridView .row .banner .previewContainer .overlay{background-color:hsla(0,0%,100%,0);cursor:crosshair;height:100%;opacity:0;position:absolute;width:100%}.gridView .row .banner .previewContainer .overlay.loaded{opacity:1;transition:opacity .3s ease-in}.gridView .row .banner .previewContainer .overlay .hotspot{background-color:#ef8949;border:2px solid #fff;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:26px;padding-top:4px;position:inherit;text-align:center;width:26px;z-index:1}.gridView .row .banner .previewContainer .overlay .hotspot.addHotspot{z-index:2}.gridView .row .banner .pointer{align-items:center;background-color:#515873;border-radius:2px;color:#fff;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;margin:5px 0 0 5px;opacity:.9;padding:0 10px;position:fixed}.userComment{overflow-wrap:break-word;padding:5px}.userComment.focus{animation:focusComment .6s 4;border-radius:3px}@keyframes focusComment{0%{background:#fff}50%{background:rgba(255,236,53,.2)}to{background:#fff}}.userComment.isReply{margin-left:40px}.userComment .commentHeader{align-items:center;display:flex}.userComment .commentHeader .userInfo{align-items:center;display:flex;flex:1 1 auto;width:69%}.userComment .commentHeader .userInfo .imageContainer{padding-right:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.userComment .commentHeader .userInfo .imageContainer .image{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:28px;justify-content:center;pointer-events:none;width:28px}.userComment .commentHeader .userInfo .imageContainer .image span{color:#2e3246;cursor:default;font-size:13px;font-weight:500;line-height:28px;text-transform:uppercase}.userComment .commentHeader .userInfo .userName{color:rgba(46,50,70,.8);font-size:14px;font-weight:500;max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userComment .commentHeader .userInfo .dot{background-color:rgba(46,50,70,.6);border-radius:50%;font-size:20px;height:2.5px;line-height:.6;margin-left:10px;min-width:2.5px}.userComment .commentHeader .userInfo .commentTime{color:rgba(81,88,115,.6);flex-shrink:0;font-size:12px;height:14px;margin-left:10px}.userComment .commentHeader .userInfo .commentTime .replyTimeClock{pointer-events:none}.userComment .commentHeader .userInfo .replyTime{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.userComment .commentHeader .userInfo .replyTime .tooltip{display:inline-block;height:16px;position:relative;width:16px}.userComment .commentHeader .userInfo .replyTime .tooltip:hover .tooltiptext{opacity:1;visibility:visible}.userComment .commentHeader .userInfo .replyTime .tooltip .tooltiptext{background-color:#515873;border-radius:3px;bottom:125%;color:#fff;font-size:12px;font-weight:500;left:50%;margin-bottom:3px;margin-left:-62px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:125px;z-index:1}.userComment .commentHeader .userInfo .replyTime .tooltip .tooltiptext:after{border:5px solid transparent;border-top-color:#515873;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.userComment .commentHeader .userActions{align-items:center;display:flex;margin-left:auto}.userComment .commentHeader .userActions .edited{background-color:rgba(46,50,70,.4);border-radius:2px;height:15px;line-height:11px;margin-left:5px;text-align:center;width:41px}.userComment .commentHeader .userActions .edited span{color:#fff;cursor:default;font-size:10px;font-weight:700;height:10px;line-height:15px;text-align:right;width:29px}.userComment .commentHeader .userActions .moreOptions{border-radius:2px;cursor:pointer;height:24px;margin-left:10px;width:24px;opacity:.8}.userComment .commentHeader .userActions .moreOptions svg{margin-left:-1px}.userComment .commentHeader .userActions .moreOptions.active,.userComment .commentHeader .userActions .moreOptions:hover{background-color:#dfe0e6;opacity:1}.userComment .commentHeader .userActions .moreOptions .optionsDetails{background-color:#fff;border-radius:2px;box-shadow:0 0 20px 0 rgba(81,88,115,.1);height:57px;margin-left:-56px;position:relative;width:80px;z-index:1}.userComment .commentHeader .userActions .moreOptions .optionsDetails .options{font-size:12px;font-weight:700;height:28px;line-height:2.4;width:100%}.userComment .commentHeader .userActions .moreOptions .optionsDetails .options span{margin-left:13px}.userComment .commentHeader .userActions .moreOptions .optionsDetails .options:hover{background-color:#526ede;color:#fff}.userComment .commentText{color:#2e3246;font-size:14px;line-height:1.43;margin-left:40px;white-space:pre-wrap}.userComment .commentHotspot{display:flex;margin-bottom:4px}.userComment .commentHotspot .commentHotspotLabel{background-color:#ef8949;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:20px;margin-left:40px;min-width:20px;padding:3px;text-align:center}.userComment .commentHotspot .commentHotspotLabel.hide{display:none}.userComment .commentHotspot .commentHotspotSize{color:#ef8949;font-weight:500;margin:3px 3px 3px 8px}.userComment .commentHotspot .commentHotspotSize.bannerSize{margin-left:40px}.userComment .commentReply{color:#526ede;cursor:pointer;font-size:12px;font-weight:700;line-height:2.2;margin-left:42px;width:33px}.userComment .commentReply:hover{text-decoration:underline}.addComment:not(.childComment){margin-bottom:24px}.addComment.childComment{margin:8px 0 0 40px}.addComment.childComment .isLoggedIn:before{display:block;content:"";flex:0 0 40px}.addComment.childComment .isLoggedIn textarea{margin-top:4px;min-height:75px}.addComment .editMode{margin-left:40px}.addComment .editMode textarea{min-height:75px}.addComment .userDetails{align-items:center;display:flex;margin-top:15px}.addComment .userDetails.isEdited{margin-top:0}.addComment .userDetails .imageContainer{height:28px;padding-right:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.addComment .userDetails .imageContainer .image{background-color:#fff;border-radius:50%;pointer-events:none;text-align:center;width:28px}.addComment .userDetails .imageContainer .image span{color:#2e3246;cursor:default;font-size:13px;font-weight:500;line-height:28px;text-align:center;text-transform:uppercase}.addComment .userDetails .userName{color:rgba(46,50,70,.8);font-size:14px;font-weight:500;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addComment textarea{line-height:1.43;overflow:hidden}.addComment input,.addComment textarea{border:2px solid #dfe0e6;border-radius:4px;display:block;font-size:14px;margin-top:11px;padding:7px 10px;resize:none;width:100%}.addComment input:not(.hide):focus,.addComment textarea:not(.hide):focus{border:2px solid #526ede;outline:none}.addComment input.emailError:focus,.addComment input.nameError:focus,.addComment input.textAreaError:focus,.addComment textarea.emailError:focus,.addComment textarea.nameError:focus,.addComment textarea.textAreaError:focus{border:2px solid #d54048;outline:none}.addComment .commentButtons{float:right;margin:14px 0 0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.addComment .commentButtons .cancel{background-color:#fff;background-color:transparent;border:none;color:rgba(46,50,70,.6);cursor:pointer;font-size:12px;font-weight:700;margin-right:20px}.addComment .commentButtons .cancel:focus{outline:none}.addComment .commentButtons .cancel:hover{color:#2e3246}.addComment .commentButtons .post{background-color:#627be0;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:12px;padding:10px 14px}.addComment .commentButtons .post.disable{background-color:#dfe0e6;cursor:default;pointer-events:none}.addComment .commentButtons .post:focus{outline:none}.addComment .commentButtons .post.active:hover{background-color:rgba(98,123,224,.8)}.addComment .emailError,.addComment .nameError,.addComment .textAreaError{border:2px solid #d54048}.addComment .slider.sliderTextarea{max-height:38px}.addComment .slider.textareaResizeDown{animation:textareaResizeDown .2s;max-height:38px}.addComment .slider.hide{animation:fadeOut .2s}.addComment .slider.show{animation:fadeIn .8s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes textareaResizeDown{0%{max-height:300px}to{max-height:38px}}.addComment .charactersCount{bottom:20px;color:rgba(81,88,115,.6);float:right;font-size:12px;height:0;position:relative;right:7px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.addComment .charactersCount.hide{display:none}.addComment .footer{align-items:flex-start;display:flex;justify-content:space-between}.addComment .footer .bannerSize{align-items:flex-end;color:#ef8949;display:flex;flex-grow:2;font-size:12px;font-weight:500;height:24px;margin-top:13px}.addComment .footer .addHotspotContainer{margin:13px 0 0;position:relative}.addComment .footer .addHotspotContainer .hotspot{align-items:center;background:none;border:none;display:flex;height:33px;justify-content:space-between;padding:1px 6px;outline:none}.addComment .footer .addHotspotContainer .hotspot .hotspotButton{align-items:center;background-color:#2e3246;border-radius:50%;border:none;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.addComment .footer .addHotspotContainer .hotspot .hotspotButton .rotate{transform:rotate(45deg)}.addComment .footer .addHotspotContainer .hotspot .hotspotButton .displayLabel{color:#fff;transition:all .3s}.addComment .footer .addHotspotContainer .hotspot .hotspotButton .displayPlus{display:none;transition:all .3s}.addComment .footer .addHotspotContainer .hotspot .hotspotButton img{margin-top:3px}.addComment .footer .addHotspotContainer .hotspot .hotspotButton.hotspotActive{background-color:#ef8949}.addComment .footer .addHotspotContainer .hotspot:hover{background-color:#dfe0e6;border-radius:2px;cursor:pointer}.addComment .footer .addHotspotContainer .hotspot:hover .displayLabel{display:none}.addComment .footer .addHotspotContainer .hotspot:hover .displayPlus{display:block}.addComment .footer .addHotspotContainer .hotspot.hide{display:none}.addComment .footer .addHotspotContainer .commentTooltipText{background-color:#515873;border-radius:3px;color:#fff;font-size:12px;left:100%;margin-left:10px;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:90px}.addComment .footer .addHotspotContainer .commentTooltipText.delete{margin-left:-47px;width:94px}.addComment .footer .addHotspotContainer .commentTooltipText:after{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border:5px solid transparent;border-right-color:#515873}.addComment .footer .addHotspotContainer:hover .commentTooltipText{visibility:visible}.addComment .footer .addHotspotContainer:hover+.bannerSize{display:none}.addComment .footer .addHotspotContainer.editHotspot{margin-left:40px}.addComment .footer.replyFooter{justify-content:flex-end}.addComment div.grecaptcha-badge{bottom:0!important;box-shadow:none!important;opacity:0!important;visibility:hidden!important}.commentsListWrapper{bottom:0;display:flex;height:calc(100% - 68px);position:fixed;right:0;transition:all .2s cubic-bezier(.165,.84,.44,1);z-index:2}.commentsListWrapper .userComment{margin-bottom:5px}.commentsListWrapper .toggleButton{background-color:#fff;border-width:0;box-shadow:inset 1px 1px 0 0 #dfe0e6;cursor:pointer;height:56px;left:-24px;outline:none;padding:0;position:absolute;transform:rotateX(180deg);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:24px}.commentsListWrapper .toggleButton.hidden{display:none}.commentsListWrapper .toggleButton .rightArrow{padding:16px 0;pointer-events:none}.commentsListWrapper .toggleButton:hover{background-color:#f0f1f5}.commentsListWrapper .showMoreBtn{background-color:rgba(223,224,230,.6);border-radius:2px;border-width:0;cursor:pointer;font-weight:700;margin-bottom:17px;outline:none;padding:11px;text-align:center;width:100%}.commentsListWrapper .showMoreBtn:hover{background-color:#dfe0e6}.commentsListWrapper .userCommentsList{background-color:#fff;border-left:1px solid rgba(67,71,89,.1);font-size:12px;height:100%;overflow-y:visible;overflow-x:hidden;padding:17px 12px 30px;width:350px}.commentsListWrapper .userCommentsList.collapsed{display:none}.commentsListWrapper .userCommentsList .header{display:flex;padding:0 5px 5px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.commentsListWrapper .userCommentsList .header .commentsSvgIcon{height:20px;margin:0 8px 0 2px;pointer-events:none;width:20px}.commentsListWrapper .userCommentsList .header .title{color:#2e3246;font-weight:700;line-height:20px;text-transform:uppercase}.commentsListWrapper .userCommentsList .separator{background-color:rgba(67,71,89,.1);height:1px;margin-bottom:20px}.commentsListWrapper .userCommentsList .newUnreadComments{background-color:#52b669;border-radius:2px;border-width:0;box-shadow:0 10px 20px 0 rgba(81,88,115,.1);cursor:pointer;height:36px;line-height:34px;position:absolute;right:85px;transform:translateY(-73px);transition:all .2s cubic-bezier(.165,.84,.44,1);width:172px;z-index:2}.commentsListWrapper .userCommentsList .newUnreadComments:hover{background-color:#63c579}.commentsListWrapper .userCommentsList .newUnreadComments span{color:#fff;font-weight:700;margin-left:8px}.commentsListWrapper .userCommentsList .newUnreadComments img.upArrow{vertical-align:middle;fill:#fff}.commentsListWrapper .userCommentsList .newUnreadComments.visible{transform:translateY(0)}.commentsListWrapper .userCommentsList .addCommentWrapper{padding:0 5px}.commentsListWrapper.collapsed{right:-350px}.commentsListWrapper.collapsed .rightArrow{transition:all .5s ease;transform:rotateY(180deg)}.commentsListWrapper .preloaderContainer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.commentsListWrapper .preloaderContainer .preloader{animation:rotate 1s infinite;-webkit-animation:rotate 1s infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;border-radius:50%;border:5px solid rgba(82,110,222,.8);border-top-color:transparent;height:35px;width:35px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.commentsListWrapper .strike{display:block;margin-bottom:9px;overflow:hidden;text-align:center;white-space:nowrap}.commentsListWrapper .strike>span{color:rgba(81,88,115,.6);display:inline-block;position:relative}.commentsListWrapper .strike>span:after,.commentsListWrapper .strike>span:before{background-color:rgba(67,71,89,.1);content:"";height:1px;position:absolute;top:50%;width:9999px}.commentsListWrapper .strike>span:before{margin-right:15px;right:100%}.commentsListWrapper .strike>span:after{left:100%;margin-left:15px}.commentsListWrapper .editReply{margin-left:40px}.confirmDeletePopinContent{background-color:#fff;border-radius:4px;height:auto;width:500px}.confirmDeletePopinContent .header{background-color:#f0f1f5;border-top-left-radius:4px;border-top-right-radius:4px;color:#2e3246;font-size:30px;font-weight:400;margin-bottom:24px;padding:24px}.confirmDeletePopinContent .body{color:#515873;font-size:14px;line-height:1.43;margin-bottom:24px;padding:0 24px}.confirmDeletePopinContent .footer{padding:0 24px 24px;text-align:right}.overlay{align-items:center;animation-duration:.2s;-webkit-animation-duration:.2s;animation-name:animateOverlay;-webkit-animation-name:animateOverlay;background-color:rgba(46,50,70,.7);display:flex;font:16px Roboto,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:6}@keyframes animateOverlay{0%{opacity:0}to{opacity:1}}.close{background-color:initial;border:none;cursor:pointer;opacity:.8;outline:none;position:absolute;right:24px;padding:0;top:24px}.close:hover{opacity:1}.close img{display:block}