.task-based-nav .component-content{padding:0}
.task-based-nav__container{border-radius:50%;width:56px;height:56px;position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:99}
@media screen and (max-width:767px){.task-based-nav__container{top:auto;left:auto;bottom:20px;transform:none}
}
.task-based-nav__container .burger{position:absolute;display:block;width:18px;height:2px;background-color:white;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0.5,0,0.1,1);transition-timing-function:cubic-bezier(0.5,0,0.1,1);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;will-change:transform,opacity}
.task-based-nav__container .burger.burger-1{top:23px}
.task-based-nav__container .burger.burger-2,.task-based-nav__container .burger.burger-3{top:28px}
.task-based-nav__container .burger.burger-4{top:33px}
.task-based-nav__container.opened{overflow:hidden}
.task-based-nav__container.opened .task-based-nav__icon-center:not(.with-close-icon) .burger-1,.task-based-nav__container.opened .task-based-nav__icon-center:not(.with-close-icon) .burger-4{top:29px;opacity:0}
.task-based-nav__container.opened .task-based-nav__icon-center:not(.with-close-icon) .burger-2{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.task-based-nav__container.opened .task-based-nav__icon-center:not(.with-close-icon) .burger-3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.task-based-nav__container.opened .task-based-nav__icon-center.with-close-icon{background:transparent}
.task-based-nav__container.opened .task-based-nav__icon-center.with-close-icon .burger{display:none}
.task-based-nav__container.opened .task-based-nav__icon-center.with-close-icon .image-src{display:block}
.task-based-nav__main-container{transition:background linear .2s}
@media screen and (max-width:767px){.task-based-nav__main-container.left-sided{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:99}
}
.task-based-nav__main-container.left-sided .task-based-nav__container{width:237px;height:237px;right:20px !important}
@media screen and (max-width:767px){.task-based-nav__main-container.left-sided .task-based-nav__container{right:50% !important;bottom:20px !important;padding-left:0 !important;transform:translateX(50%)}
}
.task-based-nav__main-container.left-sided .task-based-nav__icon-center{top:50%;left:50% !important;transform:translate(-50%,-50%)}
.task-based-nav__icon-center{border:0;border-radius:50%;box-shadow:0 6px 6px rgba(0,0,0,0.15);background:#ffd200;width:56px;height:56px;padding:0;outline:0;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.task-based-nav__icon-center.with-close-icon .image-src{display:none}
@media screen and (max-width:767px){.task-based-nav__icon-center{top:0;left:0;transform:none}
}
.task-based-nav__circle{border-radius:50%;overflow:hidden;opacity:0;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0.1) rotate(-270deg);-moz-transform:scale(0.1) rotate(-270deg);transform:scale(0.1) rotate(-270deg);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}
.task-based-nav__container.opened .task-based-nav__circle{opacity:1;-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
.task-based-nav__item{position:absolute;width:22px;text-align:center;pointer-events:none}
.task-based-nav__item-anch{text-align:center}
.task-based-nav__item-cont{list-style:none;position:absolute;width:100%;height:100%;padding:0;margin:0;margin-left:auto;margin-right:auto;left:0;right:0;top:0;text-align:center;pointer-events:none}
.task-based-nav__item.item-0{left:110px;top:25px}
.task-based-nav__item.item-1{right:40px;top:60px}
.task-based-nav__item.item-2{right:40px;top:135px}
.task-based-nav__item.item-3{left:108px;top:167px}
.task-based-nav__item.item-4{left:40px;top:135px}
.task-based-nav__item.item-5{left:40px;top:60px}
.task-based-nav__item .item-text{display:block;font-size:11px;line-height:13px;color:#333;width:60px;margin-left:-19px}
.task-based-nav__item .item-icon{max-width:22px;max-height:20px}
.task-based-nav__svg svg{width:237px;height:237px}
.task-based-nav .tbn-pie{opacity:0;cursor:pointer}
.task-based-nav .tbn-pie.current{opacity:1}
.task-based-nav .tbn-pie.disabled{cursor:default;pointer-events:none}
@media(hover:hover) and (pointer:fine){.task-based-nav .tbn-pie:hover{opacity:1}
}
.task-based-nav .sticky-chat{margin:0 !important;z-index:9}
.task-based-nav .sticky-chat-popup{display:none;width:375px;position:fixed;bottom:5px;right:15px;z-index:99;height:450px;max-height:100%}
.task-based-nav .sticky-chat-popup iframe{width:100%;height:100%}
@media screen and (max-width:767px){.task-based-nav .sticky-chat-popup{width:100%;right:0;bottom:0;padding:5px;box-sizing:border-box;height:460px}
}
.task-based-nav .sticky-chat-button{padding:30px;position:fixed;bottom:10px;right:30px;z-index:9;cursor:pointer}
@media screen and (max-width:767px){.task-based-nav .sticky-chat-button{right:10px}
}
.task-based-nav .sticky-chat-closebutton{width:27px;height:27px;border:0;position:absolute;top:13px;right:10px;outline:0;cursor:pointer}
.aem-AuthorLayer-Edit .task-based-nav__container,.aem-AuthorLayer-Layouting .task-based-nav__container,.aem-AuthorLayer-Developer .task-based-nav__container{position:relative}
.aem-AuthorLayer-Edit .task-based-nav__icon-center,.aem-AuthorLayer-Layouting .task-based-nav__icon-center,.aem-AuthorLayer-Developer .task-based-nav__icon-center{transform:none}
@media screen and (max-width:767px){.collaboration-space .task-based-nav .task-based-nav__main-container .task-based-nav__container{bottom:85px}
}
@media screen and (max-width:767px){.collaboration-space .task-based-nav .task-based-nav__main-container.left-sided .task-based-nav__container{bottom:85px !important}
}
.task-based-nav__container .task-based-nav__icon-center{background:#369}