/* Window */
#windows{display:grid;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:5;isolation:isolate;contain:strict;pointer-events:none;}
#windows_background{}
.window{--window_background:rgb(var(--interface_color));--window_padding:0px calc(4px * var(--interface_scaling)) calc(4px * var(--interface_scaling)) calc(4px * var(--interface_scaling));--window_box_shadow:0px 0px 0px calc(1px * var(--interface_scaling)) rgba(0,0,0,0.1);--window_header_display:flex;--window_interface_background:var(--interface_color);--window_content_background:var(--surface_color);--window_content_padding:calc(8px * var(--interface_scaling)) 0px 0px 0px;--window_loading_background:rgb(var(--surface_color));--window_loading_color:rgba(var(--on_surface_color),0.87);--window_loading_text_shadow:none;--window_module_margin:1px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background:var(--window_background);min-width:0px;width:auto;max-width:100%;min-height:0px;height:auto;max-height:100%;box-shadow:var(--window_box_shadow);padding:var(--window_padding);border-radius:calc(4px * var(--interface_scaling));overflow:clip;position:fixed;left:auto;top:auto;cursor:auto;transition:width var(--animation_time_expanding_medium) var(--animation_easing_standard), height var(--animation_time_expanding_medium) var(--animation_easing_standard);isolation:isolate;contain:content;pointer-events:all;will-change:transform;}
.window.window_custom{--window_background:transparent;--window_padding:0px;--window_box_shadow:none;--window_header_display:none;--window_interface_background:transparent;--window_content_background:transparent;--window_content_padding:0px;--window_loading_background:transparent;--window_loading_color:#FFF;--window_loading_text_shadow:var(--text_outline);--window_module_margin:0px}
.window_header{display:var(--window_header_display);flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:calc(8px * var(--interface_scaling));min-height:calc(36px * var(--interface_scaling));height:calc(36px * var(--interface_scaling));padding:calc(8px * var(--interface_scaling)) 0px 0px 0px;border-top-left-radius:calc(4px * var(--interface_scaling));border-top-right-radius:calc(4px * var(--interface_scaling));overflow:clip;}
.window_header_title{flex:1;min-width:calc(1px * var(--interface_scaling));height:auto;white-space:nowrap;overflow:clip;text-overflow:ellipsis;cursor:move;font-size:calc(18px * var(--interface_scaling));font-weight:500;letter-spacing:normal;line-height:calc(23.4px * var(--interface_scaling));color:rgba(var(--on_surface_color),0.87));text-transform:uppercase;padding:0px 0px 0px calc(16px * var(--interface_scaling));margin:0px calc(16px * var(--interface_scaling)) 0px 0px;}
.window_header_button{width:calc(36px * var(--interface_scaling));height:calc(36px * var(--interface_scaling));background:transparent;text-align:center;font-size:calc(23px * var(--interface_scaling));line-height:calc(36px * var(--interface_scaling));color:rgb(var(--red));border:0px;outline:none;cursor:pointer;}
.window_header_button:enabled:hover{}
.window_header_button:enabled:focus{}
.window_header_button:enabled:active{}
.window_header_button:disabled{color:rgba(var(--on_interface_color), 0.24);cursor:not-allowed;}
.window_content{flex:1;display:flex;min-width:0px;width:auto;max-width:100%;min-height:0px;height:auto;max-height:100%;padding:var(--window_content_padding);border-bottom-left-radius:calc(4px * var(--interface_scaling));border-bottom-right-radius:calc(4px * var(--interface_scaling));overflow:clip;scroll-behavior:smooth;overscroll-behavior:contain;}
.window_loading{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;aspect-ratio:1;background:var(--window_loading_background);padding:calc(16px * var(--interface_scaling));margin:0px;color:var(--window_loading_color);text-shadow:var(--window_loading_text_shadow);font-size:calc(20px * var(--interface_scaling));}

/* Window modules */
.window_module_h{display:flex;width:100%;height:100%;flex-direction:row;justify-content:flex-start;align-items:flex-start;overflow:visible;}
.window_module_v{display:flex;width:100%;height:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:visible;}
.window_module_h_child:first-child{margin-left:0px;}
.window_module_h_child > .window_module_v{height:100% !important;}
.window_module_h_child{height:100%;border-radius:0px;overflow:hidden;position:relative;isolation:isolate;contain:content;}
.window_module_h_child.window_module_content + .window_module_h_child.window_module_content{margin-left:calc(var(--window_module_margin) * var(--interface_scaling));}
.window_module_h_child_unite{margin-left:0px !important;}
.window_module_v_child{width:100%;border-radius:0px;margin-top:calc(1px * var(--interface_scaling));overflow:hidden;position:relative;isolation:isolate;contain:content;}
.window_module_v_child:first-child{margin-top:0px;}
.window_module_v_child.window_module_content, .window_module_v_child.window_module_content{margin-top:calc(var(--window_module_margin) * var(--interface_scaling));}
.window_module_v_child_unite{margin-top:0px !important;}
.window_module_corner{border-radius:calc(2px * var(--interface_scaling));}
.window_module_corner_tl{border-top-left-radius:calc(2px * var(--interface_scaling));}
.window_module_corner_tr{border-top-right-radius:calc(2px * var(--interface_scaling));}
.window_module_corner_bl{border-bottom-left-radius:calc(2px * var(--interface_scaling));}
.window_module_corner_br{border-bottom-right-radius:calc(2px * var(--interface_scaling));}
.window_module_main, .window_module_h_main, .window_module_v_main{flex:1;display:flex;}
.window_module_interface{display:block !important;background:rgb(var(--window_interface_background));color:rgba(var(--on_surface_color),0.87);}
.window_module_content{display:block !important;background:rgb(var(--window_content_background));color:rgba(var(--on_surface_color),0.87);}
.window_module_menu{margin:0px;padding:0px;list-style-type:none;}
.window_module_menu_entry{overflow:clip;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--primary_color));cursor:pointer;margin:0px;padding:calc(8px * var(--interface_scaling)) calc(16px * var(--interface_scaling));box-shadow:inset 0px calc(-1px * var(--interface_scaling)) 0px 0px rgb(var(--interface_color));}
.window_module_menu_entry:last-child{box-shadow:none;}

/* Window navigation */
.window_navigation{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;background:rgb(var(--interface_color));padding:0px;margin:0px;}
.window_navigation_link{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:calc(8px * var(--interface_scaling));width:auto;height:calc(36px * var(--interface_scaling));background:transparent;color:rgb(var(--primary_color));font-family:'Roboto', sans-serif;font-size:calc(14px * var(--interface_scaling));font-weight:500;letter-spacing:calc(1.25px * var(--interface_scaling));line-height:calc(36px * var(--interface_scaling));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding:0px calc(16px * var(--interface_scaling));margin:0px;cursor:pointer;}
.window_navigation_link:hover{background:rgba(var(--primary_color),0.06);}
.window_navigation_link:focus{background:rgba(var(--primary_color),0.12);}
.window_navigation_link:active{background:rgba(var(--primary_color),0.24);}
.window_navigation_link:disabled{color:rgba(var(--on_surface_color), 0.37);cursor:not-allowed;}

/* Window sticky elements */
/* Does required dynamic height */
.window_sticky_top{background:rgb(var(--window_content_background));padding:0px;margin:0px;position:sticky;top:0px;}
.window_sticky_bottom{background:rgb(var(--window_content_background));padding:0px;margin:calc(48px * var(--interface_scaling)) 0px 0px 0px;position:sticky;bottom:0px;}
.window_sticky_bottom::before{content:'';display:block;position:absolute;left:0px;top:calc(-64px * var(--interface_scaling));width:100%;height:calc(64px * var(--interface_scaling));background:linear-gradient(to bottom, rgba(var(--window_content_background), 0) 0px, rgba(var(--window_content_background),1) calc(48px * var(--interface_scaling)), rgba(var(--window_content_background),1) 100%);pointer-events:none;}