.sidebar-base{height:100vh;max-height:100vh}@media (min-width:769px){.sidebar-base{width:420px;min-width:420px;max-width:420px;position:relative;display:flex!important}}@media (max-width:768px){.sidebar-mobile-visible{width:100vw;min-width:100vw;max-width:100vw;display:flex!important}.sidebar-mobile-hidden{width:0;min-width:0;display:none!important}.sidebar-base{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.mobile-container{width:100vw;height:100vh;position:relative;overflow:hidden}.mobile-container .sidebar-base{width:100vw;height:100vh;transform:var(--sidebar-transform,translateX(0%));z-index:10;transition:transform .25s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.mobile-container .chat-container{width:100vw;height:100vh;transform:var(--chat-transform,translateX(100%));z-index:9;background:var(--background);transition:transform .25s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.mobile-transitioning.slide-to-chat .sidebar-base{transition:transform .25s cubic-bezier(.25,.46,.45,.94);transform:translate(-100%)}.mobile-transitioning.slide-to-chat .chat-container,.mobile-transitioning.slide-to-sidebar .sidebar-base{transition:transform .25s cubic-bezier(.25,.46,.45,.94);transform:translate(0%)}.mobile-transitioning.slide-to-sidebar .chat-container{transition:transform .25s cubic-bezier(.25,.46,.45,.94);transform:translate(100%)}.mobile-container .sidebar-base,.mobile-container .chat-container{backface-visibility:hidden;will-change:transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.mobile-container .sidebar-base .custom-scrollbar{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-container{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.chat-container [data-back-button]{cursor:pointer;width:40px;height:40px;color:var(--foreground);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex!important}.chat-container [data-back-button]:hover{background-color:var(--hover-soft)}.mobile-transitioning .sidebar-base{z-index:11}.mobile-transitioning .chat-container{z-index:10}}@media (min-width:769px){.mobile-container{display:flex;position:relative}.mobile-container .sidebar-base{z-index:auto!important;width:420px!important;min-width:420px!important;max-width:420px!important;height:100vh!important;transition:none!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.mobile-container .chat-container{z-index:auto;flex:1;position:relative;transition:none!important;transform:none!important}.chat-container [data-back-button]{display:none!important}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.mobile-container .sidebar-base,.mobile-container .chat-container,.mobile-transitioning .sidebar-base,.mobile-transitioning .chat-container{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}}@media (prefers-reduced-motion:reduce){.mobile-container .sidebar-base,.mobile-container .chat-container{transition:transform .1s!important}}@supports (-webkit-touch-callout:none){@media (max-width:768px){.mobile-container,.mobile-container .sidebar-base,.mobile-container .chat-container{height:100vh;height:-webkit-fill-available}.mobile-transitioning,.mobile-transitioning .sidebar-base,.mobile-transitioning .chat-container{overflow:hidden}}}@media (max-width:768px) and (orientation:portrait){.mobile-container,.mobile-container .sidebar-base,.mobile-container .chat-container{min-height:100dvh}}@media (max-width:768px){.chat-container:before{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:4px;height:40px;transition:opacity .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.chat-container:hover:before{opacity:1}}