.XopatSidebar_separator__xheR3{position:relative;width:2px;height:100%;background-color:#6b7280;&.XopatSidebar_touched__5D_ic,&:hover{background-color:#ebebeb;& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{width:20px;height:20px;background-color:#fff;&>*{opacity:1}&.XopatSidebar_collapseleft__s_yGg{border-radius:0 9999px 9999px 0}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 0 0 9999px}}& .XopatSidebar_drag__8yIHX{height:50px}}&.XopatSidebar_portrait__YRH8X{width:100%;height:2px;&.XopatSidebar_touched__5D_ic,&:hover{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{&.XopatSidebar_collapseleft__s_yGg{border-radius:0 0 9999px 9999px}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 9999px 0 0}}& .XopatSidebar_drag__8yIHX{width:50px;height:20px}}}}@media (prefers-color-scheme:light){.XopatSidebar_separator__xheR3{background-color:#d1d5db;&.XopatSidebar_touched__5D_ic,&:hover{background-color:#6b7280;& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{background-color:#2f343b;& img{filter:invert(1)}}}}}@media (hover:none){.XopatSidebar_separator__xheR3{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{width:20px!important;height:20px!important;& img{filter:invert(1)}&>*{opacity:1}&.XopatSidebar_collapseleft__s_yGg{border-radius:0 9999px 9999px 0}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 0 0 9999px}}& .XopatSidebar_drag__8yIHX{height:50px!important}&.XopatSidebar_portrait__YRH8X{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{&.XopatSidebar_collapseleft__s_yGg{border-radius:0 0 9999px 9999px}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 9999px 0 0}}& .XopatSidebar_drag__8yIHX{width:50px!important;height:20px!important}}&.XopatSidebar_touched__5D_ic,&:hover{@media (prefers-color-scheme:dark){& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{& img{filter:invert(0)}}}}}}.XopatSidebar_close__7pVzj,.XopatSidebar_drag__8yIHX,.XopatSidebar_opennew____GUf{position:absolute;z-index:90;left:50%;background-color:#4b5563;border-radius:9999px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:.2s;width:8px;height:20px;&>*{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}&.XopatSidebar_collapseleft__s_yGg{left:calc(50% + 10px)}&.XopatSidebar_collapseright__74rWH{left:calc(50% - 10px)}}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{width:20px;height:8px;&.XopatSidebar_collapseleft__s_yGg{top:calc(50% + 10px)}&.XopatSidebar_collapseright__74rWH{top:calc(50% - 10px)}}}.XopatSidebar_drag__8yIHX{top:50%;height:50px;width:8px;cursor:grab}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_drag__8yIHX{left:50%;top:unset;height:8px;width:50px;& img{transform:rotate(90deg)}}}.XopatSidebar_close__7pVzj{top:20px;height:20px;cursor:pointer}.XopatSidebar_opennew____GUf{top:50px;height:20px;cursor:pointer}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_close__7pVzj{left:20px;top:unset}& .XopatSidebar_opennew____GUf{left:50px;top:unset}}.XopatSidebar_hitbox__Fkx_Z{position:absolute;top:0;left:50%;bottom:0;transform:translateX(-50%);width:20px;height:100vh;&.XopatSidebar_dragging__cb6Ew{left:-20px;transform:none;width:calc(100vw + 40px)}}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_hitbox__Fkx_Z{left:0;top:50%;transform:translateY(-50%);width:100vw;height:20px;&.XopatSidebar_dragging__cb6Ew{top:-20px;transform:none;height:calc(100vh + 40px)}}}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:20px;height:100%}.spinner{border:6px solid rgba(0,0,0,.1);border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}