[data-panels]{transition:left 0.5s ease-in-out, width 0.5s ease-in-out;position:relative;transform:translate3d(-200%, 0, 0)}[data-panels] [data-panel]{width:100%;height:100%;position:absolute;top:0;left:0;padding:var(--webapp-panel-padding) var(--webapp-panel-padding) 0 var(--webapp-panel-padding);transition:transform 0.5s ease-in-out;background-image:var(--webapp-panel-background);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}[data-panels] [data-panel][data-focused="true"]{transform:translate3d(200%, 0, 0)}[data-panels] [data-panel] [data-no-padding]{padding:0}[data-panels] [data-panel]>.inner{height:100%;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background-color:var(--webapp-panel-color-background)}[data-panels] [data-panel] .title-bar{position:relative;padding:15px;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:nowrap;align-items:center}[data-panels] [data-panel] .title-bar .left-side,[data-panels] [data-panel] .title-bar .right-side{position:relative;width:100%}[data-panels] [data-panel] .title-bar .left-side{width:100%}[data-panels] [data-panel] .title-bar .left-side .title{font-weight:500;color:#000;font-size:18px;line-height:1.1em}[data-panels] [data-panel] .title-bar .left-side .title i{color:var(--accent-colour)}[data-panels] [data-panel] .title-bar .left-side .title i+span,[data-panels] [data-panel] .title-bar .left-side .title span+i{margin-left:7px}[data-panels] [data-panel] .title-bar .left-side .sub-title{font-weight:bold;color:#787878;font-size:14px;line-height:1.1em;margin-top:7px}[data-panels] [data-panel] .title-bar .right-side{justify-content:right}[data-panels] [data-panel] .title-bar a[data-close-panel-button]{display:block;width:50px;height:50px;border-radius:50px;text-align:center;line-height:50px;color:#000;position:absolute;right:0;top:0;cursor:pointer;border:1px solid #f0f0f0;font-size:24px}[data-panels] [data-panel] .title-bar a[data-close-panel-button]:hover{background-color:#f0f0f0}[data-panels] [data-panel] .toolbar,[data-panels] [data-panel] .bottom-toolbar{line-height:1em;padding:7px 15px;display:flex;align-items:center;width:auto;max-width:100%;overflow-x:auto;flex-wrap:nowrap;flex-shrink:0;scrollbar-color:var(--accent-colour) #fff;scrollbar-width:thin}[data-panels] [data-panel] .toolbar a.button+a,[data-panels] [data-panel] .toolbar a.button+select,[data-panels] [data-panel] .toolbar select+a,[data-panels] [data-panel] .toolbar select+select,[data-panels] [data-panel] .toolbar a[data-type="Hidden"]+a,[data-panels] [data-panel] .toolbar a[data-type="Hidden"]+select,[data-panels] [data-panel] .bottom-toolbar a.button+a,[data-panels] [data-panel] .bottom-toolbar a.button+select,[data-panels] [data-panel] .bottom-toolbar select+a,[data-panels] [data-panel] .bottom-toolbar select+select,[data-panels] [data-panel] .bottom-toolbar a[data-type="Hidden"]+a,[data-panels] [data-panel] .bottom-toolbar a[data-type="Hidden"]+select{margin-left:0}[data-panels] [data-panel] .toolbar select,[data-panels] [data-panel] .bottom-toolbar select{border:1px solid #e0e0e0;background-color:#FFF;color:#343434;font-size:12px;transition:all 0.5s linear;cursor:pointer;padding:0 15px;height:100%;max-width:180px}[data-panels] [data-panel] .toolbar select:hover,[data-panels] [data-panel] .bottom-toolbar select:hover{background-color:#f0f0f0}[data-panels] [data-panel] .toolbar a.button,[data-panels] [data-panel] .toolbar select,[data-panels] [data-panel] .bottom-toolbar a.button,[data-panels] [data-panel] .bottom-toolbar select{height:100%;border-radius:0;color:#343434;flex-shrink:0}[data-panels] [data-panel] .toolbar a.button,[data-panels] [data-panel] .bottom-toolbar a.button{display:flex;flex-wrap:nowrap;align-items:center;background-color:transparent;border:var(--webapp-panel-toolbar-button-border)}[data-panels] [data-panel] .toolbar a.button i,[data-panels] [data-panel] .bottom-toolbar a.button i{font-size:20px}[data-panels] [data-panel] .toolbar a.button span,[data-panels] [data-panel] .bottom-toolbar a.button span{font-size:11px}[data-panels] [data-panel] .toolbar{border-bottom:0 none transparent}[data-panels] [data-panel] .bottom-toolbar{border-top:1px solid #f0f0f0;margin-top:15px;width:100%;padding:15px 0}[data-panels] [data-panel] .tiles{padding:0 7px}[data-panels] [data-panel] .tiles .tile{padding:7px}[data-panels] [data-panel] .tiles .tile .inner{background-color:rgba(255,255,255,0.5);border-radius:15px;border:1px solid #e0e0e0}[data-panels] [data-panel] .tiles .tile .inner .title{border-bottom:0 none transparent;padding:15px 15px 7px 15px}[data-panels] [data-panel] panel-controller{display:flex;height:100%;position:relative;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-color:var(--accent-colour) transparent;scrollbar-width:thin}[data-panels] [data-panel] panel-controller[data-flex-wrap="true"]{flex-wrap:wrap}[data-panels] [data-panel] panel-controller>div{width:100%}@media only screen and (max-width: 639px){[data-panels] [data-panel]{padding:0}[data-panels] [data-panel]>.inner{border-radius:0;border:0 none transparent}[data-panels] [data-panel] .title-bar{flex-wrap:wrap}[data-panels] [data-panel] .title-bar .right-side{display:none;justify-content:left}}