.stato-offcanvas .offcanvas{position:fixed;transition:all 125ms ease-in-out;z-index:24;display:flex;height:100%;width:100%} @media all and (min-width:576px) {.stato-offcanvas .offcanvas{height:auto;width:auto} }.stato-offcanvas .offcanvas--top{bottom:calc(100% - 35px);left:0;width:100%;max-height:100%;overflow-y:auto;flex-direction:column} .stato-offcanvas .offcanvas--bottom{top:calc(100% - 35px);left:0;width:100%;max-height:100%;overflow-y:auto;flex-direction:column} .stato-offcanvas .offcanvas--left{right:100%;top:0;height:100%;max-width:100%;flex-direction:row-reverse} .stato-offcanvas .offcanvas--right{left:100%;top:0;height:100%;max-width:100%;flex-direction:row} .stato-offcanvas .offcanvas-trigger{background:rgb(51,51,51);color:rgb(255,255,255);border:0;box-shadow:none;outline:0;font-size:16px;cursor:pointer;box-shadow:0 -2px 1px rgba(0,0,0,0.15);flex:0 0 auto} .stato-offcanvas .offcanvas.show .offcanvas-trigger{display:none} @media all and (min-width:576px) {.stato-offcanvas .offcanvas.show .offcanvas-trigger{display:inline-block} }.stato-offcanvas .offcanvas--top .offcanvas-trigger{bottom:-32px;height:32px;padding:8px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;align-self:center} .stato-offcanvas .offcanvas--bottom .offcanvas-trigger{top:-32px;height:32px;padding:8px;border-top-left-radius:4px;border-top-right-radius:4px;align-self:center} .stato-offcanvas .offcanvas--left .offcanvas-trigger{right:-16px;height:32px;padding:8px;top:16px;border-top-right-radius:4px;border-top-left-radius:4px;transform:translate(50%,50%) rotate(90deg);transform-origin:50% 50%;align-self:center} .stato-offcanvas .offcanvas--right .offcanvas-trigger{left:-16px;height:32px;padding:8px;top:16px;border-top-right-radius:4px;border-bottom-right-radius:4px;transform:translate(50%,50%) rotate(-90deg);transform-origin:50% 50%;align-self:center} .stato-offcanvas .offcanvas--top.offcanvas--helpdesk .offcanvas-trigger, .stato-offcanvas .offcanvas--bottom.offcanvas--helpdesk .offcanvas-trigger{right:175px} .stato-offcanvas .offcanvas-content{background:rgb(51,51,51);color:rgb(255,255,255);padding:16px;text-align:left;flex:1 1 auto} .stato-offcanvas .offcanvas-header{display:flex;align-items:center} .stato-offcanvas .offcanvas-title{flex-grow:1}