@font-face{font-family:Montserrat;src:url(../../../fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(../../../fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(../../../fonts/Montserrat-Light.ttf) format("truetype");font-weight:300;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat;color:#0e0f0d}body{font-size:1rem;line-height:1.5}html,body{width:100%;height:100%;overflow:hidden}.shell{--padding: min(2dvw, 2dvh);--sides-width: 12dvw;--center-width: calc(100dvw - (var(--sides-width) * 2) - (var(--padding) * 4));--center-height: 12dvh;--center-height-mobile: 8dvh;--center-width-mobile: calc(100dvw - (var(--padding) * 2));--breadcrumbs-height: 6dvh;--sides-height: calc(100dvh - (var(--padding) * 2));--mobile-padding: 15px 24px 24px 24px;--debug-background: transparent;display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;overflow:hidden;background-color:gray}.shell #left_block{position:absolute;width:var(--sides-width);height:var(--sides-height);left:var(--padding);top:var(--padding);overflow:visible;background-color:var(--debug-background);pointer-events:none;z-index:15}.shell #left_block *{pointer-events:auto}.shell #main_menu{height:100%;pointer-events:none}.shell #main_menu *{pointer-events:auto}.shell #right_block{position:relative;width:0;height:0;top:0;left:0;margin:0;padding:0;overflow:visible}.shell #right_block_top,.shell #right_block_middle,.shell #right_block_bottom{position:absolute;width:var(--sides-width);height:calc(var(--sides-height) / 3 - var(--padding) / 2);left:calc(100dvw - (var(--sides-width) + var(--padding)));pointer-events:none}.shell #right_block_top *,.shell #right_block_middle *,.shell #right_block_bottom *{pointer-events:auto}.shell #right_block_top{top:var(--padding);display:flex;align-items:flex-start;justify-content:flex-end}.shell #right_block_middle{top:calc((var(--padding) + (var(--sides-height) / 3) * 1) + var(--padding) / 4);display:flex;flex-direction:column;justify-content:center}.shell #right_block_bottom{top:calc((var(--padding) + (var(--sides-height) / 3) * 2) + var(--padding) / 2);display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.shell #top_block,.shell #bottom_block{position:absolute;left:50%;transform:translate(-50%);width:var(--center-width);background-color:var(--debug-background)}.shell #top_block{height:var(--breadcrumbs-height);top:var(--padding);display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;z-index:5;width:auto}.shell #bottom_block{height:var(--center-height);bottom:var(--padding);pointer-events:none}.shell #area_selection{width:100%;height:100%;position:absolute;pointer-events:none;background-color:var(--debug-background)}.shell #area_selection *{pointer-events:auto}.shell #data_block{position:absolute;left:calc(50% - (var(--center-width) / 2));width:var(--center-width);top:calc(var(--breadcrumbs-height) + (var(--padding) * 2));height:calc(100dvh - (var(--breadcrumbs-height) + var(--center-height) + (var(--padding) * 4)));overflow:hidden}.shell #mobile_header_banner{display:none;min-height:148px}@media(max-aspect-ratio:1/1){.shell #mobile_header_banner{display:block;position:absolute;top:0;left:0;width:100%;height:20%;background:linear-gradient(180deg,#00000080,#0000004d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;pointer-events:none;box-sizing:border-box}.shell #top_block{top:calc(100dvh - (var(--center-height-mobile) + var(--padding)) * 1.85);width:var(--center-width-mobile);height:var(--center-height-mobile);z-index:5}.shell #left_block{top:calc(100dvh - (var(--center-height-mobile) + var(--padding)));width:var(--center-width-mobile);height:var(--center-height-mobile)}.shell #bottom_block{top:calc(100dvh - (var(--center-height-mobile) + var(--padding)) * 3);width:var(--center-width-mobile);height:var(--center-height-mobile)}.shell #right_block_top{position:absolute;top:var(--padding);left:calc(100dvw - (var(--sides-width) + var(--padding)));width:var(--sides-width);height:var(--center-height-mobile)}.shell #right_block_middle,.shell #right_block_bottom{position:absolute;left:var(--padding);width:var(--center-width-mobile);height:var(--center-height-mobile)}.shell #right_block_bottom{top:calc(100dvh - (var(--center-height-mobile) + var(--padding)) * 3.6)}.shell #right_block_middle{top:calc(100dvh - (var(--center-height-mobile) + var(--padding)) * 2.6);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--padding)}.shell #main_menu{display:none}.shell #data_block{left:var(--padding);top:calc(var(--center-height-mobile) + var(--padding) * 2);width:var(--center-width-mobile);height:calc((100dvh - (var(--center-height-mobile) + var(--padding)) * 4) - (var(--center-height-mobile) + var(--padding) * 3))}.shell.hovered #top_block,.shell.hovered #left_block,.shell.in-unit #mobile_header_banner{display:none}.shell.in-unit #right_block_middle{top:calc(100dvh - (var(--center-height-mobile) + var(--padding)) * 4)}}
