.sidebar-container{vertical-align:top;background:var(--travel-gray);z-index:300;width:375px;height:100%;padding-top:40px;transition:all .3s;display:inline-block;position:relative}.sidebar-container.collapsed{width:108px}.sidebar-container.mobile{z-index:4000;height:auto;padding-top:0;position:fixed;top:0;left:0}.mobile-header{background:var(--travel-gray);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;left:0;right:0}.mobile-header h4{color:#fff;font-size:18px;font-weight:700}.collapse-button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px}.collapse-button:hover{background:var(--travel-gray-2)}.sidebar-content{flex-direction:column;justify-content:flex-start;align-items:center;gap:40px;width:100%;height:100%;display:inline-flex}.sidebar-content.mobile-content{background:var(--travel-gray);transition:all .3s;position:fixed;left:0;overflow:hidden}.sidebar-content.mobile-content.collapsed{width:108px;max-height:0;top:64px}.sidebar-content.mobile-content:not(.collapsed){max-height:calc(100dvh - 64px);padding:24px 0;top:64px}.chevron-icon{transition:transform .3s}.chevron-icon.collapsed{transform:rotate(180deg)}.sidebar-content.mobile-content{background:var(--travel-gray);transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;left:0;right:0;overflow-y:auto}.sidebar-content.mobile-content.collapsed{opacity:0;visibility:hidden;top:-100%}.sidebar-content.mobile-content:not(.collapsed){opacity:1;visibility:visible;top:64px;bottom:0}.collapse-button{z-index:310}