.main-tray{z-index:1000;flex-direction:column;justify-content:flex-end;width:100%;transition:top .2s;display:flex;position:fixed;bottom:0;left:0}.main-tray .main-tray-container{background-color:#f7f9f7;border-top-left-radius:.75em;border-top-right-radius:.75em;flex-direction:column;flex:1;margin:0 1em;transition:margin .2s,border-radius .2s,width .2s;display:flex;overflow:hidden;box-shadow:0 0 10px #4044499e}.main-tray .main-tray-container .main-tray-content{overscroll-behavior:none;flex-direction:column;display:flex;overflow:auto}.main-tray .right-sidebar-wide{width:100%}.main-tray.main-tray-state--closed{top:calc(100% - 3em)}@media (max-width:600px){.main-tray.main-tray-state--closed{top:calc(100% - 4em)}}@media (max-width:400px){.main-tray.main-tray-state--closed{top:calc(100% - 3.5em)}}.main-tray.main-tray-state--open{max-height:50%}.main-tray.main-tray-state--fullscreen{z-index:1002;height:100%}.main-tray.main-tray-state--fullscreen .main-tray-container{height:100%}@media screen and (max-width:1000px){.main-tray.main-tray-state--fullscreen .main-tray-container{border-radius:0;margin:0;top:0}}.main-tray.main-tray-state--fullscreen .main-tray-container .main-tray-content{height:100%}.main-tray.dragging .sheet-header{cursor:grabbing}@media screen and (max-width:600px){.main-tray .main-tray-container{margin:0}}@media screen and (min-width:1000px){.main-tray{left:unset;width:50%;max-width:1000px;right:0}.main-tray.main-tray-state--fullscreen{width:60%;max-height:calc(100% - 5em)}}@media screen and (min-width:1500px){.main-tray{width:40%}}
.drag-head{touch-action:none;cursor:pointer;flex-direction:column;justify-content:center;display:flex}.drag-head .drag-head-mobile-trigger{display:none}@media (max-width:600px){.drag-head .drag-head-mobile-trigger{opacity:.3;background-color:#221d1c;border-radius:.2em;width:30%;height:.5em;margin:.5em auto 0;display:block}}@media (max-width:400px){.drag-head .drag-head-mobile-trigger{height:.3em;margin-top:.4em}}.drag-head .drag-head-content{flex-shrink:0}
.main-tray-header{color:#f7f9f7;background-color:#2d6245;flex-shrink:0;position:relative;overflow:hidden}.main-tray-header .drag-head-content{box-sizing:border-box;flex-direction:row-reverse;flex-shrink:0;justify-content:space-between;align-items:center;gap:1em;height:3em;padding:.5em 1em;display:flex}.main-tray-header .header-content{overflow:overlay;flex-direction:row;flex:100;gap:1em;display:flex}.main-tray-header .header-content .main-tray-tab-link{color:#f7f9f7;text-overflow:ellipsis;background-color:#221d1c;border-radius:.75em;justify-content:center;align-items:center;gap:.5em;padding:.3em .5em;font-size:1em;display:flex;overflow:hidden}.main-tray-header .header-content .main-tray-tab-link .label{text-overflow:ellipsis;overflow:hidden}.main-tray-header .header-content .main-tray-tab-link .badge{color:#221d1c;background-color:#d2ae37;border-radius:.5em;padding:.15em .3em;font-size:.8em}.main-tray-header .header-content .main-tray-tab-link.active{color:#f7f9f7;background-color:#d2ae37}.main-tray-header .header-content .main-tray-tab-link.active .badge{color:#d2ae37;background-color:#221d1c}.main-tray-header .header-content .main-tray-tab-link:hover{filter:brightness(110%);text-decoration:none;box-shadow:0 0 .05em #778da9}.main-tray-header .action-bar{flex-direction:row;flex-grow:1;flex-shrink:10;justify-content:space-between;align-items:center;gap:.5em;font-size:1.5em;display:flex}.main-tray-header .action-bar .loading-icon{color:#d2ae37}.main-tray-header .action-bar button{color:#f7f9f7;background-color:#d2ae37;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;font-size:.7em;display:flex}@media (max-width:500px){.main-tray-header .main-tray-tab-link .icon,.main-tray-header .action-bar .main-tray-header-action--fullscreen{display:none}}@media (max-width:400px){.main-tray-header .main-tray-tab-link{flex:1}.main-tray-header .main-tray-tab-link .badge{display:none}.main-tray-header .header-content{gap:.5em;font-size:.9em}.main-tray-header .action-bar .main-tray-header-action--openclose{font-size:.6em}.main-tray-header .drag-head-content{padding:.25em .5em .5em}}
