/* The reserved grid column and the panel always have the same width. */
.shell.hsl-managed{grid-template-columns:var(--hsl-width,226px) minmax(0,1fr)}
.shell.hsl-managed>.hsl-panel{position:sticky;inset:auto;top:0;grid-column:1;grid-row:1;align-self:start;width:var(--hsl-width,226px);height:calc(100vh / var(--ui-zoom,1));height:calc(100dvh / var(--ui-zoom,1));min-width:0;max-height:calc(100dvh / var(--ui-zoom,1));transform:none;transition:none}
.shell.hsl-managed>.main{grid-column:2;grid-row:1;min-width:0}
.hsl-panel>.nav{min-height:0;flex:1;overscroll-behavior:contain;touch-action:pan-y}
.hsl-controls{position:absolute;left:100%;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center}
.hsl-toggle{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:32px;min-width:32px;height:80px;min-height:44px;padding:0;border:0;color:#3a4a5e;background:transparent;font-size:12px;white-space:nowrap}
.hsl-toggle:before{content:"";position:absolute;left:0;top:0;width:22px;height:80px;box-sizing:border-box;border:1px solid #bcc8d8;border-left:0;border-radius:0 11px 11px 0;background:#e7ecf3;box-shadow:2px 0 4px #2132490a}
.hsl-toggle:hover:before{background:#dde4ed}.hsl-toggle-icon{position:relative;width:22px;text-align:center;font-size:26px;line-height:1}
.hsl-toggle-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hsl-toggle:focus-visible{outline:3px solid #225fd0;outline-offset:2px}
.hsl-tooltip{position:fixed;z-index:80;max-width:min(280px,calc(calc(100vw / var(--ui-zoom,1)) - 90px));padding:8px 12px;border:1px solid #8fa3bb;border-radius:7px;background:#213249;color:#fff;font-size:13px;line-height:1.5;white-space:normal;pointer-events:none;box-shadow:0 4px 15px #21324925}
.hsl-tooltip[hidden]{display:none}
@media(min-width:761px){
  .shell.hsl-managed .receipt-save-footer{left:calc(var(--hsl-width,226px) + var(--workspace-gutter,16px));right:var(--workspace-gutter,16px)}
  .hsl-managed>.hsl-panel{touch-action:pan-y}
  .shell.hsl-managed>.main>.content{padding-left:38px}
  .shell.hsl-managed.hsl-collapsed>.main>.content{max-width:none;width:100%;margin:0;padding-left:38px;padding-right:18px}
  .hsl-collapsed .hsl-toggle-text,.hsl-collapsed .brandname,.hsl-collapsed .nav-item>span:not(.count){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .hsl-collapsed .brand{padding:0 14px;height:78px;flex-shrink:0}
  .hsl-collapsed .brandmark{flex-shrink:0}
  .hsl-collapsed .workspace,.hsl-collapsed .nav-label,.hsl-collapsed .nav-foot,.hsl-collapsed .nav-item>.count{display:none}
  .hsl-collapsed .nav{padding:0 12px 12px 6px}
  .hsl-collapsed .nav-item{justify-content:center;padding:12px 8px;min-height:43px;position:relative}
  .hsl-collapsed .nav-item.active:before{left:-6px}
}
@media(max-width:760px){
  .shell.hsl-managed{display:block}
  .shell.hsl-managed>.hsl-panel{position:fixed;inset:0 auto 0 0;width:min(var(--hsl-expanded-width,226px),calc(100vw - 32px));transform:translateX(-100%);transition:transform .2s;touch-action:pan-y}
  .shell.hsl-managed>.hsl-panel.open{transform:translateX(0)}
  .shell.hsl-managed>.hsl-panel:not(.open)>.hsl-controls{visibility:hidden;pointer-events:none}
  .shell.hsl-managed>.main{width:100%;min-width:0}
  .shell.hsl-managed .receipt-save-footer{left:8px}
  .hsl-tooltip{display:none}
}
@media(prefers-reduced-motion:reduce){.shell.hsl-managed>.hsl-panel{transition:none}}