._18dhoco3{--_18dhoco0:4.5rem;--_18dhoco1:0;--_18dhoco2:1.5rem;position:relative;overflow:hidden;display:block;min-height:100%}._18dhoco4{padding:0 1rem;background:var(--_1d57j3yp);grid-area:header;height:var(--_18dhoco0);display:flex;align-items:center;gap:1.5rem}._18dhoco5{display:none;align-items:center;left:0;gap:.5rem;flex-shrink:0;position:relative}._18dhoco6{font-size:1.5rem;background:var(--_1d57j3yp);color:var(--_1d57j3y9);transition:color .15s ease;position:absolute;top:.5rem;right:.5rem;border-radius:50%}._18dhoco6[data-hovered=true]{color:var(--_1d57j3y11);cursor:pointer}._18dhoco7{position:absolute;top:var(--_18dhoco0);bottom:0;left:0;width:min(90vw,var(--_18dhoco1));transform:translateX(-100%);transition:transform .25s ease,box-shadow .25s ease;z-index:2;background:var(--_1d57j3yt);max-height:calc(100vh - var(--_18dhoco0));grid-area:sidebar}._18dhoco7[data-open=true]{transform:translateX(0);box-shadow:var(--_1d57j3y25)}._18dhoco8{position:relative;grid-area:content;height:calc(100vh - var(--_18dhoco0))}._18dhoco9{transition:color .15s ease,box-shadow .15s ease;border-radius:.25rem;padding:.25rem}._18dhoco9[data-hovered=true]{color:var(--_1d57j3yd);box-shadow:var(--_1d57j3y24);cursor:pointer}._18dhocoa,._18dhocob{font-size:1.5rem}._18dhocob{position:absolute;top:.25rem;right:.5rem}._18dhococ{display:flex;position:relative;align-items:center;gap:.5rem;font-size:.875rem;forced-color-adjust:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin-top:1.5rem}._18dhococ[data-disabled]{opacity:.5;cursor:default}._18dhocod{height:1.375rem;width:2.375rem;border-radius:1.375rem;background:var(--_1d57j3y15);border:1px solid var(--_1d57j3y11);transition:all .2s}._18dhococ[data-selected] ._18dhocod{background:var(--_1d57j3y9);border-color:var(--_1d57j3y9)}._18dhococ[data-focus-visible] ._18dhocod{outline:2px solid var(--_1d57j3yd);outline-offset:2px}._18dhococ[data-pressed] ._18dhocod{background:var(--_1d57j3y11)}[data-hovered] ._18dhocod{border-color:#c6c6c6;background:#eee}._18dhococ[data-selected][data-pressed] ._18dhocod{background:var(--_1d57j3y19)}._18dhocoe{display:block;height:100%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s;transform-origin:0 50%}._18dhocof{transform:translateX(1rem)}@media (min-width:430px){._18dhoco4{padding:0 4rem 0 2rem}._18dhoco5{display:flex}._18dhoco6{font-size:2rem;padding:.5rem}}@media (min-width:50rem){._18dhoco3{--_18dhoco1:18rem;--_18dhoco2:0;display:grid;grid-template-columns:var(--_18dhoco1) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar content"}._18dhoco5{width:calc(var(--_18dhoco1) - 2rem)}._18dhoco7{position:relative;top:auto;bottom:auto;transform:none;box-shadow:none}._18dhoco8{border-left:1px solid var(--_1d57j3y15)}._18dhoco9{display:none}}@media (min-width:1280px){._18dhoco3{--_18dhoco1:24rem;grid-template-columns:var(--_18dhoco1) 1fr}}@media (min-width:1440px){._18dhoco3{--_18dhoco1:26rem}}