:root { --primary-color: #0857b1; --secondary-color: #12a5ed; --tertiary-color: #0b1033; --shadow-color: rgba(0, 0, 0, 0.3); --shadow-color-light: rgba(0, 0, 0, 0.15); --settings-bg-color: white; --settings-header-bg-color: white; --bottombar-color: var(--tertiary-color); --panel-color: white; --ok-color: rgb(129, 244, 129); --error-color: red; --stationCircleColor: yellow; --header-color: var(--primary-color); --header-title-color: #0e6cd8; --selection-color: orange; --mainspace-color: rgb(240, 240, 240); --backdrop-color: #f5f7fa; --focus-color: red; --light-gray: lightgray; --header-font-color: white; --menu-background-color: rgb(255, 255, 255); --menu-divider-color: #ccc; --menu-border-color: #ccc; --dialog-title-color: var(--secondary-color); --menu-background-hover-color: #daebfe; --menu-font-color: rgb(66, 66, 66); --chart1-color: rgba(93, 169, 213, 0.7); --chart2-color: rgba(157, 93, 213, 0.7); --chart3-color: rgba(93, 213, 97, 0.7); --chart4-color: rgba(213, 157, 93, 0.7); --chart5-color: rgba(93, 213, 154, 0.7); --chart6-color: rgba(211, 211, 211, 0.7); --chart-color: rgb(66, 66, 66); --chart-grid-color: lightgrey; --mainspace-container-color: lightgrey; --tableheader-header-color: black; --tableheader-header-background-color: rgb(240, 240, 240); --table-header-background-color: var(--primary-color); --table-border-color: #e8e8e8; --table-background-color: white; --table-selection-background-color: #daebfe; --table-alternate-background-color: var(--panel-color); --main-font-color: var(--tertiary-color); --stat-label-color: darkgrey; --stat-divider-color: var(--tertiary-color); --stat-color: var(--tertiary-color); --shipcard-font-color: var(--menu-font-color); --shipcard-header-color: var(--menu-background-color); --shipcard-content-color: var(--menu-background-color); --shipcard-content-hover-color: var(--tertiary-color); --shipcard-footer-background-color: var(--menu-background-color); --shipcard-footer-font-color: var(--menu-font-color); --shipcard-footer-hover-color: var(--primary-color); --shipcard-selection-color: rgb(240, 241, 248); --shipcard-divider-color: rgb(217, 218, 218); --shipcard-footer-shadow-color: rgb(218, 218, 218); --hover-transform: scale(0.93); --hover-transition: transform ease-out 0.2s, background 0.4s; --hover-background: rgba(255, 255, 255, 0.5); --graph-header-color: white; --graph-header-bg-color: var(--primary-color); --graph-header-side-color: rgba(242, 248, 255, 0.5); --tooltip-background-color: #daebfe; --tooltip-border-color: white; --textshadow: white 1px 1px 0px; --notification-background-color: #0b1033; --notification-font-color: white; --notification-border-color: 0857b1; --label-shadow-color: white; --label-shadow-width: 2px; --link-color: purple; --link-hover-focus-color: blue; --timestamp-color: rgba(0, 0, 0, 0.7); } .dark { --primary-color: #5dd5d5; --secondary-color: #5dd5d5; --tertiary-color: #05081f; --shadow-color: rgba(255, 255, 255, 0.1); --shadow-color-light: rgba(255, 255, 255, 0.1); --bottombar-color: black; --settings-bg-color: rgb(25, 25, 25); --settings-header-bg-color: rgb(25, 25, 25); --panel-color: black; --ok-color: #7ce481; --error-color: #cf6679; --stationCircleColor: darkgrey; --header-color: #323232; --header-title-color: #4a4a4a; --selection-color: #9fa8da; --mainspace-color: rgb(25, 25, 25); --backdrop-color: black; --focus-color: #90caf9; --light-gray: lightgray; --header-font-color: #f8f9fa; --menu-background-color: rgb(41, 41, 41); --menu-border-color: rgb(17, 17, 17); --dialog-title-color: rgb(50, 50, 50); --menu-divider-color: rgb(80, 80, 80); --menu-background-hover-color: #4d4d4d; --menu-font-color: #f8f9fa; --mainspace-container-color: #212529; --tableheader-header-color: white; --tableheader-header-background-color: rgb(30, 30, 30); --table-header-background-color: rgb(50, 50, 50); --table-border-color: rgb(18, 18, 18); --table-background-color: rgb(18, 18, 18); --table-selection-background-color: rgb(60, 60, 60); --table-alternate-background-color: rgb(30, 30, 30); --main-font-color: white; --stat-label-color: darkgrey; --stat-divider-color: rgb(50, 50, 50); --stat-color: white; --shipcard-footer-background-color: rgb(40, 40, 40); --shipcard-header-color: rgb(50, 50, 50); --shipcard-content-color: rgb(13, 13, 13); --shipcard-content-hover-color: var(--tertiary-color); --shipcard-footer-hover-color: var(--secondary-color); --shipcard-footer-shadow-color: black; --shipcard-selection-color: rgb(50, 50, 50); --shipcard-divider-color: rgb(17, 17, 17); --chart1-color: rgba(93, 169, 213, 0.7); --chart2-color: rgba(157, 93, 213, 0.7); --chart3-color: rgba(93, 213, 97, 0.7); --chart4-color: rgba(213, 157, 93, 0.7); --chart5-color: rgba(93, 213, 154, 0.7); --chart6-color: rgba(211, 211, 211, 0.7); --chart-color: lightgrey; --chart-grid-color: rgb(56, 56, 56); --hover-background: rgba(255, 255, 255, 0.1); --graph-header-color: white; --graph-header-bg-color: rgb(41, 41, 41); --graph-header-side-color: rgb(32, 32, 32); --tooltip-background-color: rgb(60, 60, 60); --tooltip-border-color: rgb(30, 30, 30); --textshadow: black 1px 1px 0px; --notification-background-color: lightgrey; --notification-font-color: black; --notification-border-color: rgb(17, 17, 17); --label-shadow-color: black; --link-color: #5dd5d5; --link-hover-focus-color: #7ce481; --timestamp-color: rgba(255, 255, 255, 0.6); } body, html { height: 100%; width: 100%; margin: 0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; display: flex; flex-direction: column; justify-content: stretch; /*-webkit-user-select: none; -ms-user-select: none; user-select: none;*/ -webkit-touch-callout: none; overflow: hidden; touch-action: none; } .cursor-move { cursor: move !important; } .draggable.dragging { cursor: grabbing; } a { color: var(--link-color); text-decoration: none; } a:hover, a:focus { color: var(--link-hover-focus-color); text-decoration: underline; } .header { background: var(--header-color); flex: 0 0 40px; font-size: 20px; display: flex; justify-content: stretch; color: white; position: relative; } .header-title { flex: 1; background-color: var(--header-title-color); border-top-right-radius: 25% 50%; border-bottom-right-radius: 25% 50%; display: flex; flex-direction: row; padding-right: 14px; } .header-title span { padding: 15px; padding-top: 17px; line-height: 20px; padding-right: 50px; } .header-title div { background: var(--header-color); padding: 10px; margin: auto 0; border-radius: 20px; font-size: 15px; line-height: 15px; } .small-icon { font-size: 18px; } .tabcontent { flex: 1 0 1px; } .addscrollbar { overflow: auto; } @media only screen and (max-width: 750px) { .header-title div { display: none; } } .header-title div.show { display: none; } .header-title div i { padding: 0px 14px; font-size: 18px; transition: var(--hover-transition); } .header-title div i:hover { cursor: pointer; transform: var(--hover-transform); } .header-title div i.active { color: var(--secondary-color); } .header-icon { width: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: var(--hover-transition); font-size: 15px; line-height: 15px; } .receiver-dropdown { position: absolute; top: calc(100% + 4px); right: 0; background: var(--menu-background-color); border: 1px solid var(--menu-divider-color); border-radius: 8px; box-shadow: 0 4px 12px var(--shadow-color); z-index: 10010; min-width: 140px; padding: 4px 0; white-space: nowrap; } .receiver-dropdown-item { padding: 8px 16px; font-size: 13px; color: var(--menu-font-color); cursor: pointer; display: flex; align-items: center; gap: 8px; } .receiver-dropdown-item:hover { background: var(--menu-background-hover-color); } .receiver-dropdown-item.active { color: var(--primary-color); font-weight: 600; } .pulsating { animation: pulse-streaming 1.5s ease-in-out infinite; } @keyframes pulse-streaming { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .header-icon:hover { cursor: pointer; transform: var(--hover-transform); } .header-icon.active { color: var(--ok-color); } .header-menubutton { background: var(--menu-background-color); color: var(--menu-font-color); transition: var(--hover-transition); font-size: 24px; width: 40px; border-right: 1px solid rgb(120, 120, 120); } .header-menubutton>div { padding: 15px 9px; margin: auto; } @media (hover: hover) { .header-menubutton:hover { cursor: pointer; } } .bottombar { display: none; flex: 0 0 5px; background: var(--bottombar-color); } #realtime_content { background: var(--menu-background-color); color: var(--menu-font-color); } #menubar { z-index: 99999; background: var(--menu-background-color); color: var(--menu-font-color); text-align: center; align-items: stretch; display: none; flex-direction: row; visibility: visible; } #menubar div { flex: 0 1 150px; margin: 0 10px; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: var(--hover-transition); display: flex; flex-direction: column; } #menubar div i { padding-top: 10px; padding-bottom: 10px; font-size: 24px; line-height: 24px; } #menubar div span { padding-bottom: 10px; font-size: 10px; line-height: 10px; } @media (hover: hover) { #menubar div:hover { background: var(--menu-background-hover-color); transform: var(--hover-transform); } } #menubar div.active { border-bottom: 4px solid var(--secondary-color); color: var(--secondary-color); } #menubar.visible { display: flex; } .mainspace-container { flex: 1 0 0; position: relative; background: var(--backdrop-color); border-top: solid 1px var(--mainspace-container-color); display: flex; flex-direction: column; justify-content: stretch; } .mainspace { background: var(--mainspace-color); margin: 0px; flex: 1; border: 1px; display: flex; flex-direction: column; justify-content: stretch; } @media only screen and (max-height: 1000px) { .menubar { display: flex; } .header-menubutton { display: block; } .bottombar { display: none; } } .graphtab { padding: 15px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 15px; row-gap: 15px; margin: 10px; } @media only screen and (max-width: 2250px) { .graphtab { grid-template-columns: 1fr 1fr 1fr; padding: 5px; } } @media only screen and (max-width: 1500px) { .graphtab { grid-template-columns: 1fr 1fr; padding: 5px; } } @media only screen and (max-width: 800px) { .graphtab { grid-template-columns: 1fr; padding: 0px; } } .graph-panel { padding: 10px; overflow: auto; background-color: var(--panel-color); margin: 0px; border-radius: 8px; box-shadow: 0 2px 4px var(--shadow-color-light); border: none; } .graph-panel>header { margin: 20px auto 30px auto; padding: 5px 0px; border-radius: 10px; max-width: 400px; width: calc(100% - 30px); align-items: center; border-left: 10px solid var(--graph-header-side-color); border-right: 10px solid var(--graph-header-side-color); background-color: var(--graph-header-bg-color); color: var(--graph-header-color); text-align: center; font-size: 1em; } .graph-panel>canvas { width: 100%; height: 100%; } .aboutpage { background-color: var(--panel-color); color: var(--main-font-color); } /* Table styling */ #shipTable { max-height: calc(100vh - 135px); max-width: 100vw; } .tabulator .tabulator-cell { border: dashed thin; border-color: var(--table-border-color); padding: 10px 15px; font-size: 0.9em; color: var(--main-font-color); } .tabulator .tabulator-header { border-left: 10px solid var(--table-header-background-color); } .tabulator .tabulator-header .tabulator-col { background-color: var(--table-header-background-color); font-size: 1em; color: white; border: none; padding: 25px 15px; border-collapse: collapse; } .tabulator-row:hover { background-color: var(--table-selection-background-color) !important; } .tabulator-row-odd { background-color: var(--table-background-color); } .tabulator-row-even { background-color: var(--table-alternate-background-color) !important; } .tablesection { font-size: 0.8em; display: flex; flex-direction: column; height: 100%; margin: 10px auto; color: var(--main-font-color); background-color: var(--table-background-color); width: fit-content; } .search-container { display: flex; justify-content: center; margin-bottom: 10px; margin-top: 10px; width: 100%; } /* other tables */ .mytable { height: 100%; overflow: auto; border-collapse: collapse; } .mytable thead { background-color: var(--table-header-background-color); font-size: 1em; color: white; } .mytable thead>tr>th { padding: 25px 15px; border-collapse: collapse; } .mytable tbody th, td { border: none; padding: 10px 15px; } .mytable>tbody>tr:nth-child(even) { background: var(--table-alternate-background-color); } .mytable>tbody>tr:hover { background: var(--table-selection-background-color); } .show { display: none; } /* Map styling */ #map { height: 100%; width: 100%; background-color: black; } .crosshair_cursor { cursor: crosshair; } .map-button-box { border: 2px solid var(--menu-border-color); border-radius: 5px; position: absolute; right: 10px; z-index: 1004; background-color: var(--menu-background-color); fill: var(--menu-font-color); color: var(--menu-font-color); transition: transform 0.3s ease-out; } .map-button-box.active { transform: translateX(-555px); } .map-button { width: 30px !important; height: 30px !important; border: none !important; margin: 0px !important; background-color: var(--menu-background-color) !important; fill: var(--menu-font-color) !important; color: var(--menu-font-color) !important; border-radius: inherit !important; } .map-button:focus { outline: none !important; } #tableselection {} #hover-info { position: absolute; display: flex; flex-direction: column; /* Overall container stacks cards vertically */ flex: 0 0 auto; height: auto; width: auto; z-index: 100; font-size: 12px; background-color: rgba(0, 0, 0, 0.3) !important; color: white !important; text-align: center; border-radius: 4px; padding: 5px; left: 0; top: 0; visibility: hidden; pointer-events: none; } .tooltip-card { display: flex; flex-direction: row; /* For flag and text side-by-side */ align-items: center; width: 100%; margin-bottom: 5px; } .tooltip-meteo { display: flex; flex-direction: column; /* Stack meteo content vertically */ align-items: flex-start; width: 100%; margin-top: 5px; /* Adjust spacing if needed */ } #hover-info div div { text-align: left; } #hover-info div span { font-size: 26px; } .fill-red { fill: #ff0000 !important; } .fill-green { fill: green !important; } #hover-info { max-width: 350px; overflow: hidden; pointer-events: none; } @media only screen and (max-height: 300px) { .min-height-300 { display: none; } } @media only screen and (max-height: 350px) { .min-height-350 { display: none; } } @media only screen and (max-width: 1500px) { .min-width-1500 { display: none; } } @media only screen and (max-width: 1400px) { .min-width-1400 { display: none; } } .shipicon { background: url("data:image/png;base64,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"); width: 20px; height: 20px; opacity: 1; display: inline-block; } .staticon { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAACXUlEQVRYhe3Ru47aQABG4UMWKSGJUJRqW9JlN+yKJim59duQBwD2kShyqXBtkheghJ4KF0gICewCISxRMgg7BYYYe2ZtME0uI42EMDr6Pwz/j/S8A1L/Su9+MGCmaXy5UPQeBjPQLtYbwEzjMvvuDAPTdXGFYKNpfE0YvQPDBNcFsQEtcc8A0wVXwEYj2b68YWC5Lu7+JkTnwbB22P1NhM4bYPliidAfglgJ+tkpvTA2hD6pF8RK0LF7SmwA/S1m9AnsETp2T4UNoGP1bqOwfnS7HRm9jcb60e3IXhTWj25HoG9k2NGIZb9PazhkokB/V0Rv5NjREvotGE4UaGVPhh3Bsg+tIUwUaGnvvQy73SIKBR6833xarRAStPDQV/6eHLsVUDj0YCUkaOGhj3oy7BZEAd8+EBK08NBX7OW1GtfZLC8k/6qby/Ha+/wmlcIN/iCdhkyGt8Dz/XcpateQlfYgd+hBKtSDNJA56n2G6yyKffj2IdkHZDjeB0C9TtU0sYNv0LKwez264zGL4DPHQeg6P4GX4S31Kph2+A1aNvS6MF6EnzkCdGmvDlUT7OAbtMDuQXcMi+AzB4SOah/QaFCRoWXXw/5QxnbFihwtu44A/cleAyoytOx62Ih9MdHxsKego7GnoGNj96fZpKxCe9hO7NiuWFajHQH6Sb0mlFVoD3vivh26FEQ7DutO54zYrlgKo501dM7qNaEURDuw7pyDPUR9aA+rA6/Oiu2Kpd9oZw2dRD0/2sMm3Ac8PlKcTpknxx6KRZjOk2IPNShOYX4RrO98vGTsD+j9PecXIj9PVcetObkAAAAASUVORK5CYII="); width: 20px; height: 20px; opacity: 1; display: inline-block; } .helicoptericon { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAADxUlEQVRIx61VXWgcVRg9d+7Mnd3Zmd1N405oE5KakLbYgDTFH5BUEFo1WJuUNkiLEkVFxSb4UEVsUCutbWPAH1y10qAP2tJa6kMJltKU+CDqKmxQMNZV2ZikSkKSNTP7Mz97fcnCMuxuNq3n8Z7vO+fe7565A6wOr3wSDM5up/RL3AS2UuAogJoSXPiYovwV13V+OhRaAnBvGY37KPAmAFJYEDwFzW+r6r49ongRQJ2H69zq96sAsFGW6TrgwRIGe48oyqdPMdZVyeTcAcOIdvh8Db2S9BWAhgJRA2yIUBpcbvL3+nxtnt7HBwOBwWnHSX1oWT0A8uVMAOBEv2Gc2MyY9jRjlwC0AMB+xjYW10cobS/a7fNDgcDAhGWlopbVBeCnYkGhzFzfP2iabzSJotQny5cAtNWLYlNxwS2iuGb57l5+V1UP/pjLzZ6y7YcAJLxitEIIxkdte+ZhWd7VLgjddaJY3yhJSoHMcb54JZttf0vT9n6dzSbPOE4XgJlSQnSFtP0yats/389Y13ZVrSNFJw8IArmbMe28aV674Lq7AMyVExFWMFkPoHHOdVPEsyGREH8mn1cuuu73ABqL0+QFKeO8+5Dff6iVsfVNkiQHBUEpJ5DjPDdt2/nfLOvvkWz2s7F8fsBbI5ZqfEKStu3WtC3VfL0yIXIzY2hm7FZFELrHDKM6k89t+1pbOp3QKQ01SVIgUOEkNufmjOPwSdv+N5bLjVc9riJsALDvPVXt71CUcIlRzW2bnU3mgD4AMQD2jVy8uV8UOzmQOT4/H8sD2QJxfmkpNriw8PuQqq7VgZ0AnBt5LFselaTYUCCQBHAAwCNXa2sX47rO47rOd1IaBaB1Uno5qml/rAPeKTf+critj7GJo4ryK4Dewui+CIdTcV3nP0QiBoD+5XXfPYJw4aSmJbcQMlytUfsLspw4oihTAHqK1tWPNG0xrut8tLZ2EcCe4pDdQcjpU8HgP3cKwjkAcsX/yYs+X+J1v38SQKeXPKYo38V1nZ8Nh1MAWr1JvZ2Q4Y81bXIHpSOVnvqWaceZfzWTeQzAiNfkuutOAsC860oAkh7aGef8ycOGcSZMSH0VoSqNTYS8Ftf1/HFF+WY1fatym+B8Lsu5Ne26U6vpqyYJzwIgD1DasFkUO1zOxRpB2PQcYx9ELetPAD4AhysJkBUdGBvuDYW6ZUJC3nqHc/OKaV5/KZ1uvamTcCD/bSZjraHU0CmlEVGUFlzXnHddOmXbbppzEf8DegCMAVgLYMddgpAA8AyAZgADAE6uJPAfk1U+b+R6xyUAAAAASUVORK5CYII="); width: 25px; height: 25px; opacity: 1; display: inline-block; } .sprites { background: url('data:image/png;base64,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'); width: 25px; height: 25px; opacity: 1; display: inline-block; } #statcard { top: 10px; left: calc(100% - 50px - 200px); display: none; flex-direction: column; justify-content: stretch; z-index: 999; position: absolute; background: var(--menu-background-color); color: var(--menu-font-color); cursor: auto; border-radius: 5px; border: 2px solid var(--menu-border-color); padding: 0px; } .statcard_inner { position: relative; font-size: 12px; } .statcard_inner table { margin: 0px; padding: 0px; } .tablecard_inner table { font-size: 10px; margin: 5px; color: var(--menu-font-color); border: 1px solid var(--settings-header-bg-color); } .tablecard_inner table thead { background-color: var(--tableheader-header-background-color); color: var(--tableheader-header-color); } .tablecard_inner table thead>tr>th { text-align: left; padding: 10px 10px; border-collapse: collapse; } .tablecard_inner table>tbody>th, .tablecard_inner table>tbody>td { border: none; margin: 0px; padding: 0px; } .tablecard_inner table>tbody>tr:nth-child(even) { background: var(--table-alternate-background-color); } .tablecard_inner table>tbody>tr:hover { background: var(--table-selection-background-color); } .tablecard_inner table th:nth-child(1), .tablecard_inner table td:nth-child(1) { /* Flag */ width: 20px; } .tablecard_inner table td:nth-child(1) { /* Flag */ font-size: 10px; } .tablecard_inner table th:nth-child(2), .tablecard_inner table td:nth-child(2) { /* Name */ width: 260px; } .tablecard_inner table th:nth-child(3), .tablecard_inner table td:nth-child(3) { /* Distance */ width: 70px; } .tablecard_inner table th:nth-child(4), .tablecard_inner table td:nth-child(4) { /* Speed */ width: 70px; } .tablecard_inner table th:nth-child(5), .tablecard_inner table td:nth-child(5) { /* Type */ width: 30px; } .tablecard_inner table th:nth-child(6), .tablecard_inner table td:nth-child(6) { /* Last */ width: 80px; } .sort-icon::after { content: "\25B2"; font-size: 12px; margin-left: 5px; color: transparent; } .sort-icon.ascending::after { content: "\25B2"; color: var(--tableheader-header-color); } .sort-icon.descending::after { content: "\25BC"; color: var(--tableheader-header-color); } /* Shipcard styling */ .pinned { border-color: #12a5ed; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .opacity-50 { opacity: 0.5; } .opacity-25 { opacity: 0.5; } .mapcard { top: 10px; left: 10px; display: flex; flex-direction: column; justify-content: stretch; z-index: 9998; position: absolute; visibility: hidden; background: var(--menu-background-color); color: var(--menu-font-color); cursor: auto; border-radius: 5px; } .shipcard-width { width: 400px; } .measurecard-width { width: 450px; } .mapcard.visible { visibility: visible; } .mapcard_content { flex: 1; overflow: auto; } .mapcard_header { flex: 0 0 35px; padding: 5px; margin: 5px; margin-top: 10px; border-radius: 0px; font-size: 16px; color: var(--shipcard-font-color); background-color: var(--shipcard-header-color); align-items: center; display: flex; flex-direction: row; justify-content: stretch; } #shipcard_header_title { flex: 1; } #shipcard_header_flag { flex: 0 1 auto; margin-right: 5px; } .shipcard-validated { border-left: 10px solid #7cfc00; } .shipcard-not-validated { border-left: 10px solid lightgrey; } .shipcard-dubious { border-left: 10px solid red; } .message-badge { position: absolute; top: -4px; right: -4px; background-color: #dc0000; color: white; border-radius: 50%; min-width: 16px; height: 16px; font-size: 11px; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 0 2px; box-sizing: border-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); z-index: 100; pointer-events: none; } #shipcard_footer>div { position: relative; } .mapcard-footer { background-color: var(--shipcard-footer-background-color); color: var(--shipcard-footer-font-color); flex: 0 0 50px; border-radius: 0px; display: flex; flex-direction: row; margin: 5px; margin-bottom: 10px; justify-content: center; } .mapcard-footer>div { flex: 0 1 100px; display: flex; flex-direction: column; border-radius: 10px; transition: var(--hover-transition); } @media (hover: hover) { .mapcard-footer>div:hover { cursor: pointer; background: var(--hover-background); transform: var(--hover-transform); } } .mapcard-footer>div>i { flex: 1; font-size: 2px; margin: auto; padding: 10px; } .mapcard-footer>div>span { flex: 1; font-size: 9px; line-height: 3px; text-align: center; } .mapcard-footer>div.disabled { opacity: 0.4; cursor: not-allowed !important; pointer-events: none; } .mapcard header>span:first-child { flex: 1 0 0; } .mapcard-header-icon { display: flex; align-items: center; justify-content: center; flex: 0 1 0; padding: 0px; border-radius: 10px; font-size: 24px; transition: var(--hover-transition); cursor: pointer; } @media (hover: hover) { .mapcard-header-icon:hover { cursor: pointer; transform: var(--hover-transform); } } .mapcard_content { display: flex; flex-direction: column; } .mapcard-table { width: 100%; border-collapse: collapse; } .mapcard-table th, .mapcard-table td { line-height: 20px; font-size: 14px; text-align: left; padding: 5px; } .mapcard-table th { color: rgb(111, 128, 124); font-size: 10px; line-height: 14px; } .mapcard-content-row { display: flex; flex-direction: row; justify-content: stretch; padding: 10px; transition: var(--hover-transition); } .mapcard-content-row:hover { cursor: pointer; } .mapcard-content-row>div { overflow: hidden; flex: 1; display: flex; justify-content: stretch; flex-direction: column; } .mapcard-content-row>div>span:first-child { color: rgb(111, 128, 124); text-transform: uppercase; font-size: 10px; line-height: 14px; } .mapcard-content-row>div>span:last-child { line-height: 20px; font-size: 14px; text-transform: initial; } .mapcard-content-row>div>span:last-child:empty:after { content: "-"; } .shipcard-tech-icon { font-size: 14px !important; cursor: help; opacity: 0.6; display: inline-block !important; vertical-align: text-top; margin-left: 2px; line-height: 1; } .shipcard-min-only { display: none; } .shipcard-min-only.visible { display: inherit; } .shipcard-max-only.hide { display: none; } .shipcard-row-selected { background-color: var(--shipcard-selection-color); display: flex; flex-direction: row; } /* Technical details popover */ .tech-popover { position: absolute; background: var(--menu-background-color); color: var(--menu-font-color); border: 1px solid var(--border-color); border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); z-index: 10000; min-width: 200px; max-width: 300px; font-size: 12px; padding: 8px 12px; } .tech-popover > div { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .tech-popover > div:last-child { border-bottom: none; } .tech-popover > div > span:first-child { font-weight: 500; opacity: 0.8; } .tech-popover > div > span:last-child { font-weight: bold; margin-left: 12px; } @media only screen and (max-width: 500px) { .mapcard { left: 0; top: 0; border-radius: 0px; } .mapcard header { font-size: 14px; } .measurecard-width { width: 100%; } .shipcard-width { width: 100%; } } @media only screen and (max-height: 800px) { .shipcard-ismax { height: 100%; } .mapcard { left: 0; top: 0; border-radius: 0px; } .mapcard header { font-size: 14px; } } @keyframes pulsate { 0% { transform: opacity 0.25; } 50% { opacity: 1; } 100% { transform: opacity 0.25; } } @keyframes fadeOutAnimation { 0% { opacity: 1; } 100% { opacity: 0; } } /* Summary tab */ .stat-tab { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 25px; row-gap: 25px; max-width: min(calc(100% - 30px), 3000px); margin: 0 auto; margin-top: 10px; justify-content: center; } @media only screen and (max-width: 2250px) { .stat-tab { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 5px; } } @media only screen and (max-width: 1500px) { .stat-tab { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 5px; } } @media only screen and (max-width: 750px) { .stat-tab { grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 0px; } } .stat-panel-page { max-width: 750px; width: 100%; } .stat-panel { margin: 0px; background-color: var(--panel-color); padding: 0px; border-radius: 8px; box-shadow: 0 2px 4px var(--shadow-color-light); border: none; } #output_stats { max-height: 500px; overflow-y: auto; } @media only screen and (max-width: 750px) { #output_stats { max-height: none; overflow-y: visible; } } .settings-bg { background-color: var(--settings-bg-color); } .stat-panel>header { margin: 20px auto 30px auto; padding: 5px 0px; border-radius: 10px; max-width: 400px; width: calc(100% - 30px); align-items: center; border-left: 10px solid var(--graph-header-side-color); border-right: 10px solid var(--graph-header-side-color); background-color: var(--graph-header-bg-color); color: var(--graph-header-color); text-align: center; font-size: 1em; } .stat-panel section { margin-bottom: 10px; padding: 10px; margin: 0 auto; font-size: 0.9em; } .stat-panel section div { display: flex; } .stat-panel section div span:first-child { flex: 1 1 150px; text-align: right; color: var(--stat-label-color); padding: 5px 20px 5px 20px; display: flex; flex-direction: column; } .margin-bottom-zero { margin-bottom: 0px; } .stat-panel section div span:last-child { flex: 1 0 150px; text-align: left; color: var(--stat-color); padding: 5px 20px 5px 20px; /*font-weight: 550;*/ overflow-x: auto; white-space: nowrap; border-left: solid 1px var(--stat-divider-color); } .stat-panel section div span:last-child { scrollbar-width: thin; /*scrollbar-color: transparent transparent;*/ } .stat-panel section div span:last-child::-webkit-scrollbar { width: 0.5rem; } .stat-panel section div span:last-child::-webkit-scrollbar-track { /*background: transparent;*/ } .stat-panel section div span:last-child::-webkit-scrollbar-thumb { /*background: transparent;*/ } .stat-panel section div span:last-child:empty:after { content: "-"; } .blue { color: #12a5ed; } .green { color: green; } .red { color: red; } .grey { color: dimgray; } .lightgrey { color: lightgrey; } .floating-menu { position: fixed; display: none; background-color: var(--menu-background-color); border: 1px solid var(--menu-border-color); border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); list-style-type: none; padding: 8px 0; z-index: 10005; font-size: 14px; color: var(--menu-font-color); width: auto; margin: 0; } .floating-menu li { display: flex; align-items: center; height: 24px; margin: auto; padding: 0 16px; cursor: pointer; white-space: nowrap; } .floating-menu .divider { height: 1px; background-color: var(--menu-divider-color); margin: 0.5rem 0; pointer-events: none; } .floating-menu li:hover { background-color: var(--menu-background-hover-color); } .floating-menu li.disabled { opacity: 0.4; cursor: not-allowed !important; pointer-events: none; } .floating-menu i { margin-right: 8px; font-size: 16px; width: 16px; } .marker { display: inline; margin-left: 16px; color: var(--menu-marker-color); } .hidden { display: none; } /* Meteo Tooltip Styling */ .meteo-tooltip { margin-top: 0; padding: 4px 8px 6px; max-width: 280px; color: inherit; border-top: 1px solid currentColor; border-top-color: rgba(128, 128, 128, 0.3); } #hover-info .meteo-tooltip { color: rgba(255, 255, 255, 0.95); } /* Improved Dialog Box Styling - Preserving Original Structure */ #dialog-box { position: fixed; max-height: 80vh; width: 90%; max-width: 900px; background-color: var(--menu-background-color); color: var(--menu-font-color); border: 0px solid #ccc; border-radius: 8px; box-shadow: 0 4px 15px var(--shadow-color); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10004; overflow: hidden; } .dialog-title { padding: 15px 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 18px; font-weight: bold; margin-bottom: 0; border-bottom: solid 1px var(--menu-divider-color); } .dialog-message { padding: 15px 20px; font-size: 14px; user-select: text; overflow-y: auto; max-height: calc(80vh - 130px); box-sizing: border-box; } .dialog-close { padding: 8px 20px; background-color: var(--menu-background-hover-color); border: none; color: var(--menu-font-color); text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 0px 15px 15px 15px; cursor: pointer; border-radius: 4px; transition: background-color 0.2s; } .dialog-close:hover { background-color: var(--primary-color); color: white; } /* Binary Messages Dialog Styling */ .binary-messages-list { padding: 10px 0; } .binary-message-count { font-size: 0.9em; color: var(--menu-font-color); margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--menu-divider-color); display: none; /* Hide this since we'll show count in title */ } .binary-message-item { padding: 12px; margin-bottom: 15px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.05); } .binary-message-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 0.9em; } .binary-message-time { font-weight: bold; color: var(--menu-font-color); } .binary-message-source { color: var(--secondary-color); } .binary-message-details { margin-top: 10px; font-size: 0.9em; background-color: rgba(255, 255, 255, 0.05); border-radius: 4px; } .binary-raw-data { margin-top: 10px; } .binary-raw-data summary { cursor: pointer; font-size: 0.85em; color: var(--menu-font-color); opacity: 0.8; padding: 5px 0; } .binary-raw-data pre { margin-top: 10px; padding: 10px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; font-size: 0.8em; overflow-x: auto; white-space: pre-wrap; word-break: break-word; } /* Message Count Badge */ .message-count-badge { display: inline-flex; align-items: center; justify-content: center; background-color: #d32f2f; color: white; border-radius: 12px; padding: 2px 8px; font-size: 0.75em; font-weight: bold; margin-left: 10px; min-width: 16px; height: 16px; vertical-align: middle; } /* Binary Message Content */ .binary-message-content { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .binary-message-content div { margin-bottom: 8px; } .binary-message-content strong { display: block; font-size: 0.85em; color: var(--menu-font-color); opacity: 0.75; margin-bottom: 4px; } .binary-message-content span { font-size: 1.1em; font-weight: 500; } /* Handle Dark Mode */ .dark .binary-message-item { background-color: rgba(255, 255, 255, 0.05); } .dark .binary-message-content strong { color: rgba(255, 255, 255, 0.7); } .dark .binary-raw-data pre { background-color: rgba(255, 255, 255, 0.1); } @media (max-width: 600px) { .binary-message-content { grid-template-columns: 1fr; } } /* Mobile Adjustments */ @media only screen and (max-width: 600px) { #dialog-box { width: 95%; max-height: 90vh; border-radius: 4px; } .dialog-title { font-size: 16px; padding: 12px 15px; } .dialog-message { padding: 12px 15px; font-size: 13px; max-height: calc(90vh - 110px); } .dialog-close { font-size: 13px; padding: 8px 15px; margin: 0px 12px 12px 12px; } .binary-message-item { padding: 8px; } .meteo-tooltip { max-width: 250px; } } .can-copy { user-select: text; } .Icon { position: relative; display: inline-block; } .ownShipIcon { position: relative; display: inline-block; } .ownShipIcon i { color: var(--secondary-color); font-size: 18px; } .ownShipIcon div { position: absolute; top: -11px; left: -12px; width: 40px; height: 40px; background-color: var(--stationCircleColor); border-radius: 50%; opacity: 75%; z-index: -1; } .comment_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M240-400h480v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60ZM140-240q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v740L720-240H140Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .mail_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H140Zm340-302L140-685v465h680v-465L480-462Zm0-60 336-218H145l335 218ZM140-685v-55 520-465Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .table_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M450-340H120v160q0 24.75 17.63 42.37Q155.25-120 180-120h270v-220Zm60 0v220h270q24.75 0 42.38-17.63Q840-155.25 840-180v-160H510Zm-60-60v-220H120v220h330Zm60 0h330v-220H510v220ZM120-680h720v-100q0-24.75-17.62-42.38Q804.75-840 780-840H180q-24.75 0-42.37 17.62Q120-804.75 120-780v100Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .terminal_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H140Zm0-60h680v-436H140v436Zm160-72-42-42 103-104-104-104 43-42 146 146-146 146Zm190 4v-60h220v60H490Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .drag_indicator_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M349.91-160q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm260 0q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm-260-250q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm260 0q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm-260-250q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm260 0q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .delete_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M261-120q-24 0-42-18t-18-42v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18H261Zm106-146h60v-399h-60v399Zm166 0h60v-399h-60v399Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .visibility_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M480.12-330q70.88 0 120.38-49.62t49.5-120.5q0-70.88-49.62-120.38T479.88-670Q409-670 359.5-620.38T310-499.88q0 70.88 49.62 120.38t120.5 49.5Zm-.36-58q-46.76 0-79.26-32.74-32.5-32.73-32.5-79.5 0-46.76 32.74-79.26 32.73-32.5 79.5-32.5 46.76 0 79.26 32.74 32.5 32.73 32.5 79.5 0 46.76-32.74 79.26-32.73 32.5-79.5 32.5Zm.24 188q-146 0-264-83T40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .visibility_off_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M816-64 648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM480-330q14 0 30-2.5t27-7.5L320-557q-5 12-7.5 27t-2.5 30q0 72 50 121t120 49Zm278 40L629-419q10-16 15.5-37.5T650-500q0-71-49.5-120.5T480-670q-22 0-43 5t-38 16L289-760q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93ZM585-463 443-605q29-11 60-4.5t54 28.5q23 23 32 51.5t-4 66.5Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .explosion_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M481-29 346-160H160v-186L26-480l134-134v-186h186l135-134 133 134h186v186l134 134-134 134v186H614L481-29Zm0-84 108-107h151v-151l109-109-109-109v-151H589L481-849 371-740H220v151L111-480l109 109v151h150l111 107Zm0 0L370-220H220v-151L111-480l109-109v-151h151l110-109 108 109h151v151l109 109-109 109v151H589L481-113Zm-1-112 76-75h104v-104l76-76-76-76v-104H556l-76-76-76 76H300v104l-76 76 76 76v104h102l78 75Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .feed_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h462l198 198v462q0 24-18 42t-42 18H180Zm99-171h402v-60H279v60Zm0-159h402v-60H279v60Zm330-159h171L609-780v171Zm-330 0h201v-60H279v60Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .business_center_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M140-120q-24 0-42-18t-18-42v-191h311v60h180v-60h309v191q0 24-18 42t-42 18H140Zm311-251v-60h60v60h-60ZM80-431v-229q0-24 18-42t42-18h180v-100q0-24 18-42t42-18h200q24 0 42 18t18 42v100h180q24 0 42 18t18 42v229H571v-60H391v60H80Zm300-289h200v-100H380v100Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .cloud_download_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M251-160q-88 0-149.5-61.5T40-371q0-78 50-137t127-71q18-90 83-150t151-68v349l-83-83-43 43 156 156 156-156-43-43-83 83v-349q101 11 169 90t68 185v24q72-2 122 46.5T920-329q0 69-50 119t-119 50H251Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .view_list_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M350-160h470q24.75 0 42.375-17.625T880-220v-114H350v174ZM80-626h210v-174H140q-24.75 0-42.375 17.625T80-740v114Zm0 233h210v-173H80v173Zm60 233h150v-174H80v114q0 24.75 17.625 42.375T140-160Zm210-233h530v-173H350v173Zm0-233h530v-114q0-24.75-17.625-42.375T820-800H350v174Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .map_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="m612-120-263-93-179 71q-17 9-33.5-1T120-173v-558q0-13 7.5-23t19.5-15l202-71 263 92 178-71q17-8 33.5 1.5T840-788v565q0 11-7.5 19T814-192l-202 72Zm-34-75v-505l-196-66v505l196 66Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .info_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M453-280h60v-240h-60v240Zm26.982-314q14.018 0 23.518-9.2T513-626q0-14.45-9.482-24.225-9.483-9.775-23.5-9.775-14.018 0-23.518 9.775T447-626q0 13.6 9.482 22.8 9.483 9.2 23.5 9.2Zm.284 514q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80-397.681 80-480.5q0-82.819 31.5-155.659Q143-709 197.5-763t127.341-85.5Q397.681-880 480.5-880q82.819 0 155.659 31.5Q709-817 763-763t85.5 127Q880-563 880-480.266q0 82.734-31.5 155.5T763-197.684q-54 54.316-127 86Q563-80 480.266-80Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .help_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M484-247q16 0 27-11t11-27q0-16-11-27t-27-11q-16 0-27 11t-11 27q0 16 11 27t27 11Zm-35-146h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393Zm31 313q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .play_circle_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .leaderboard_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M80-120v-480h200v480H80Zm300 0v-720h200v720H380Zm300 0v-400h200v400H680Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .settings_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="m388-80-20-126q-19-7-40-19t-37-25l-118 54-93-164 108-79q-2-9-2.5-20.5T185-480q0-9 .5-20.5T188-521L80-600l93-164 118 54q16-13 37-25t40-18l20-127h184l20 126q19 7 40.5 18.5T669-710l118-54 93 164-108 77q2 10 2.5 21.5t.5 21.5q0 10-.5 21t-2.5 21l108 78-93 164-118-54q-16 13-36.5 25.5T592-206L572-80H388Zm92-270q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .fullscreen_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M200-200v-193h60v133h133v60H200Zm0-367v-193h193v60H260v133h-60Zm367 367v-60h133v-133h60v193H567Zm133-367v-133H567v-60h193v193h-60Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .link_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M450-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h170v60H280q-58.333 0-99.167 40.765-40.833 40.764-40.833 99Q140-422 180.833-381q40.834 41 99.167 41h170v60ZM325-450v-60h310v60H325Zm185 170v-60h170q58.333 0 99.167-40.765 40.833-40.764 40.833-99Q820-538 779.167-579 738.333-620 680-620H510v-60h170q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H510Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .more_vert_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M479.858-160Q460-160 446-174.142q-14-14.141-14-34Q432-228 446.142-242q14.141-14 34-14Q500-256 514-241.858q14 14.141 14 34Q528-188 513.858-174q-14.141 14-34 14Zm0-272Q460-432 446-446.142q-14-14.141-14-34Q432-500 446.142-514q14.141-14 34-14Q500-528 514-513.858q14 14.141 14 34Q528-460 513.858-446q-14.141 14-34 14Zm0-272Q460-704 446-718.142q-14-14.141-14-34Q432-772 446.142-786q14.141-14 34-14Q500-800 514-785.858q14 14.141 14 34Q528-732 513.858-718q-14.141 14-34 14Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .close_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .push_pin_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="m634-448 86 77v60H510v241l-30 30-30-30v-241H240v-60l80-77v-333h-50v-60h414v60h-50v333Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .content_copy_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M180-81q-24 0-42-18t-18-42v-603h60v603h474v60H180Zm120-120q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h440q24 0 42 18t18 42v560q0 24-18 42t-42 18H300Zm0-60h440v-560H300v560Zm0 0v-560 560Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .undo_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M259-200v-60h310q70 0 120.5-46.5T740-422q0-69-50.5-115.5T569-584H274l114 114-42 42-186-186 186-186 42 42-114 114h294q95 0 163.5 64T800-422q0 94-68.5 158T568-200H259Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .remove_circle_outline_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M280-453h400v-60H280v60ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .label_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M840-480 671-241q-13 18-31 29.5T600-200H180q-24.75 0-42.375-17.625T120-260v-440q0-24.75 17.625-42.375T180-760h420q22 0 40 11.5t31 29.5l169 239Zm-75 0L611-700H180v440h431l154-220Zm-585 0v220-440 220Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .signal_cellular_alt_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M185-160v-117h127v117H185Zm253 0v-379h126v379H438Zm252 0v-640h126v640H690Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .timeline_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M109.912-240Q81-240 60.5-260.589 40-281.177 40-310.089 40-339 60.494-359.5t49.273-20.5q5.233 0 10.233.5 5 .5 13 2.5l200-200q-2-8-2.5-13t-.5-10.233q0-28.779 20.589-49.273Q371.177-670 400.089-670 429-670 449.5-649.366t20.5 49.61Q470-598 467-577l110 110q8-2 13-2.5t10-.5q5 0 10 .5t13 2.5l160-160q-2-8-2.5-13t-.5-10.233q0-28.779 20.589-49.273Q821.177-720 850.089-720 879-720 899.5-699.411q20.5 20.588 20.5 49.5Q920-621 899.506-600.5T850.233-580Q845-580 840-580.5q-5-.5-13-2.5L667-423q2 8 2.5 13t.5 10.233q0 28.779-20.589 49.273Q628.823-330 599.911-330 571-330 550.5-350.494T530-399.767q0-5.233.5-10.233.5-5 2.5-13L423-533q-8 2-13 2.5t-10.25.5q-1.75 0-22.75-3L177-333q2 8 2.5 13t.5 10.233q0 28.779-20.589 49.273Q138.823-240 109.912-240Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .jamboard_kiosk_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M250-120v-60h200v-140H140q-24 0-42-18t-18-42v-400q0-24 18-42t42-18h680q24 0 42 18t18 42v400q0 24-18 42t-42 18H510v140h200v60H250ZM140-380h680v-400H140v400Zm0 0v-400 400Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .zoom_in_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M796-121 533-384q-30 26-69.959 40.5T378-329q-108.162 0-183.081-75Q120-479 120-585t75-181q75-75 181.5-75t181 75Q632-691 632-584.85 632-542 618-502q-14 40-42 75l264 262-44 44ZM377-389q81.25 0 138.125-57.5T572-585q0-81-56.875-138.5T377-781q-82.083 0-139.542 57.5Q180-666 180-585t57.458 138.5Q294.917-389 377-389Zm-31-85v-82h-82v-60h82v-81h60v81h81v60h-81v82h-60Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .menu_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M120-240v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .directions_boat_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M156-200 82-457q-4-12 1.5-23.5T101-496l59-20v-224q0-25 17.5-42t42.5-18h150v-120h220v120h150q25 0 42.5 17.5T800-740v225l60 19q11 4 16.5 15t1.5 23l-74 258q-48-5-89.5-29T641-286q-32 36-72.5 61T480-200q-48 0-88.5-25T319-286q-32 33-73.5 57T156-200ZM80-40v-60h80q42 0 83-13t77-37q36 24 77 36t83 12q42 0 83-12t77-36q36 24 77 37t83 13h80v60h-80q-41 0-81-10.5T640-81q-39 20-80 30.5T480-40q-39 0-80-10.5T320-81q-39 20-79 30.5T160-40H80Zm140-495 260-84 260 85v-206H220v205Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .directions_aiscatcher_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .dns_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M286.882-717Q266-717 251.5-702.382q-14.5 14.617-14.5 35.5Q237-646 251.618-631.5q14.617 14.5 35.5 14.5Q308-617 322.5-631.618q14.5-14.617 14.5-35.5Q337-688 322.382-702.5q-14.617-14.5-35.5-14.5Zm0 414Q266-303 251.5-288.382q-14.5 14.617-14.5 35.5Q237-232 251.618-217.5q14.617 14.5 35.5 14.5Q308-203 322.5-217.618q14.5-14.617 14.5-35.5Q337-274 322.382-288.5q-14.617-14.5-35.5-14.5ZM154-839h651q16 0 25.5 9.5t9.5 25.813V-535q0 17.425-9.5 29.212Q821-494 805-494H154q-15 0-24.5-11.788Q120-517.575 120-535v-268.687q0-16.313 9.5-25.813T154-839Zm26 60v225h600v-225H180Zm-26 353h647q15 0 27 12.5t12 28.527V-121q0 20-12 30.5T801-80H159q-16 0-27.5-10.5T120-121v-263.973q0-16.027 9.5-28.527T154-426Zm26 60v226h600v-226H180Zm0-413v225-225Zm0 413v226-226Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .mail_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H140Zm340-302L140-685v465h680v-465L480-462Zm0-60 336-218H145l335 218ZM140-685v-55 520-465Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .content_paste_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M180-120q-26 0-43-17t-17-43v-600q0-26 17-43t43-17h202q7-35 34.5-57.5T480-920q36 0 63.5 22.5T578-840h202q26 0 43 17t17 43v600q0 26-17 43t-43 17H180Zm0-60h600v-600h-60v90H240v-90h-60v600Zm300-600q17 0 28.5-11.5T520-820q0-17-11.5-28.5T480-860q-17 0-28.5 11.5T440-820q0 17 11.5 28.5T480-780Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .search_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M796-121 533-384q-30 26-69.959 40.5T378-329q-108.162 0-183.081-75Q120-479 120-585t75-181q75-75 181.5-75t181 75Q632-691 632-584.85 632-542 618-502q-14 40-42 75l264 262-44 44ZM377-389q81.25 0 138.125-57.5T572-585q0-81-56.875-138.5T377-781q-82.083 0-139.542 57.5Q180-666 180-585t57.458 138.5Q294.917-389 377-389Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .public_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-43-61v-82q-35 0-59-26t-24-61v-44L149-559q-5 20-7 39.5t-2 39.5q0 130 84.5 227T437-141Zm294-108q22-24 38.5-51t28-56.5q11.5-29.5 17-60.5t5.5-63q0-106-58-192.5T607-799v18q0 35-24 61t-59 26h-87v87q0 17-13.5 28T393-568h-83v88h258q17 0 28 13t11 30v127h43q29 0 51 17t30 44Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .build_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M705-128 447-388q-23 8-46 13t-47 5q-97 0-165-67.5T121-602q0-31 8-60.5t23-55.5l145 145 92-86-149-149q26-15 55-23.5t59-8.5q99 0 168.5 69.5T592-602q0 24-5 47t-13 46l259 258q11 11 11 26.5T833-198l-76 70q-11 11-26 11t-26-11Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .brightness_4_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M481-29 346-160H160v-186L26-480l134-134v-186h186l135-134 133 134h186v186l134 134-134 134v186H614L481-29Zm-2-191q111 0 186-75.5T740-481q0-110-75.5-185.5T479-742q-27 0-52 5.5T373-718q69 32 111 96t42 141q0 77-42 141t-111 97q24 11 50.5 17t55.5 6Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .keyboard_arrow_down_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .keyboard_arrow_up_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M480-554 283-357l-43-43 240-240 240 240-43 43-197-197Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .more_horiz_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"%3E%3Cpath d="M0 0h24v24H0V0z" fill="none"/%3E%3Cpath d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .decode_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M705-128 447-388q-23 8-46 13t-47 5q-97 0-165-67.5T121-602q0-31 8-60.5t23-55.5l145 145 92-86-149-149q26-15 55-23.5t59-8.5q99 0 168.5 69.5T592-602q0 24-5 47t-13 46l259 258q11 11 11 26.5T833-198l-76 70q-11 11-26 11t-26-11Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .showflex { display: flex; } .hide { display: none; } .notification-container { position: absolute; margin: 5px; z-index: 10005; } .notification { background-color: var(--notification-background-color); color: var(--notification-font-color); border-radius: 2px; width: 300px; border-color: var(--notification-border-color); padding: 10px; opacity: 0.8; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; margin-bottom: 5px; } @media only screen and (max-width: 750px) { .notification { border-radius: 0px; } } .flash-up { opacity: 0; animation: flash 0.25s ease forwards; } @keyframes flash { 0% { opacity: 0; } 100% { opacity: 1; } } .color-picker { -webkit-appearance: none; border-radius: 0; border: none; width: 100px; height: 20px; cursor: pointer; vertical-align: middle; background-color: transparent; } .color-picker::-webkit-color-swatch-wrapper { padding: 0; } .color-picker::-webkit-color-swatch { border: none; } .tableside_window { display: flex; flex-direction: column; background-color: var(--settings-bg-color); width: 560px; height: calc(100% - 55px); top: 55px; right: 0px; position: fixed; z-index: 9999; border: 1px solid var(--settings-header-bg-color); padding: 0px; margin: 0px; transform: translateX(562px); transition: transform 0.3s ease-out; filter: box-shadow(-10px 0 15px -5px var(--shadow-color)); } .tableside_window.active { transform: translateX(0); } .settings_window { display: flex; flex-direction: column; background-color: var(--settings-bg-color); width: 500px; height: calc(100% - 55px); top: 55px; left: 0px; position: fixed; z-index: 9999; border: 1px solid var(--settings-header-bg-color); border-radius: 5px; padding: 0px; margin: 0px; transform: translateX(-110%); transition: transform 0.3s ease-out; box-shadow: 10px 0 15px -5px var(--shadow-color); } .settings_window.active { transform: translateX(0); } @media (max-width: 750px) { .settings_window { width: 100%; transform: translateX(-100%); } } .settings_main { flex: 0 0 1; overflow: auto; } .settings_header { flex: 0 0 40px; background-color: var(--settings-bg-color); color: var(--menu-font-color); border-bottom: solid 1px var(--shadow-color-light); font-size: 20px; display: flex; border-radius: 0px; flex-direction: row; } .settings_header div:nth-child(1) { flex: 0 0 0px; transform: scale(1.15) translateX(1px) translateY(8px); } .settings_header div:nth-child(2) { flex: 1 1 0; background-color: var(--settings-header-bg-color); display: flex; align-items: center; padding: 6px 10px; border-radius: 0px; font-size: 16px; } .settings_header .search-box { font-size: 12px; height: auto; padding: 5px 10px; margin: 0; } .settings_header div:nth-child(n + 3) { flex: 0 0 40px; transform: scale(1.15) translateX(1px) translateY(8px); cursor: pointer; } .settings_header div:last-child { color: red; } .search-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; padding-left: 12px; padding-right: 8px; position: sticky; left: 0; box-sizing: border-box; width: 100%; overflow: visible; } .search-box { width: 100%; height: 28px; padding: 5px 10px; margin: 2px; border-radius: 15px; border: solid 1px var(--menu-font-color); color: var(--menu-font-color); background-color: transparent; max-width: 500px; } .search-box:focus { outline: none; } .ship-table-column-controls { display: flex; align-items: center; gap: 0; border: 1px solid var(--menu-border-color); border-radius: 6px; overflow: hidden; margin-left: 8px; flex-shrink: 0; } .ship-table-column-dropdown { position: relative; } .ship-table-column-dropdown-toggle { padding: 4px 6px; font-size: 16px; color: var(--menu-font-color); background-color: var(--menu-background-color); cursor: pointer; border: none; border-right: 1px solid var(--menu-border-color); display: flex; align-items: center; } .ship-table-column-dropdown-menu { display: none; position: fixed; background-color: var(--menu-background-color); color: var(--menu-font-color); font-size: 0.8em; min-width: 200px; max-height: 300px; overflow-y: auto; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 12px; z-index: 9999; } .ship-table-column-dropdown-item { display: block; padding: 8px; cursor: pointer; } .ship-table-column-dropdown-item:hover { background-color: var(--menu-background-hover-color); } .ship-table-column-dropdown-item input { margin-right: 20px; } .ship-table-column-reset { padding: 4px 6px; font-size: 16px; color: var(--menu-font-color); background-color: var(--menu-background-color); cursor: pointer; border: none; display: flex; align-items: center; } .info-panel { position: fixed; top: 0; right: 0; width: 288px; height: 100%; background: #1f2937; color: #f3f4f6; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3); font-size: 13px; transform: translateX(100%); transition: transform 0.3s ease; z-index: 20010; display: flex; flex-direction: column; } .info-panel.active { transform: translateX(0); } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: 0.3s; z-index: 20000; } .overlay.active { opacity: 1; visibility: visible; } .header-info-panel { padding: 12px 16px; display: flex; justify-content: flex-end; align-items: center; border-bottom: 1px solid #374151; flex-shrink: 0; } .header-info-panel .close_icon { cursor: pointer; border: none; background: none; color: #9ca3af; padding: 4px; border-radius: 50%; transition: background 0.2s; } .header-info-panel .close_icon:hover { background: #374151; } .info-panel .content { padding: 12px 16px; overflow-y: auto; flex: 1; } .quick-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 16px; } .quick-link { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; color: #f3f4f6; padding: 8px; border: 1px solid #4b5563; border-radius: 8px; font-size: 12px; transition: background 0.2s; cursor: pointer; } .quick-link svg { width: 28px; height: 28px; fill: #d1d5db; } .quick-link:hover { background: #374151; color: #f3f4f6; text-decoration: none; } .quick-link span { margin-top: 4px; } .info-panel-section { margin-bottom: 16px; } .link-list { display: flex; flex-direction: column; border: 1px solid #4b5563; border-radius: 8px; overflow: hidden; } .link-list a { padding: 10px 12px; border-bottom: 1px solid #4b5563; text-decoration: none; color: #f3f4f6; transition: background 0.2s; } .link-list a:last-child { border-bottom: none; } .link-list a:hover { background: #374151; text-decoration: none; color: #f3f4f6; } .link-item { display: flex; justify-content: space-between; align-items: center; } .link-item span { display: inline-flex; align-items: center; } .link-item .arrow_right_alt_icon { margin-left: auto; font-size: 20px; color: #9ca3af; } .social-box { border: 1px solid #4b5563; border-radius: 8px; padding: 12px 16px; background: #374151; } .social-links { display: flex; justify-content: space-between; align-items: center; } .social-links > span { font-size: 13px; font-weight: 500; color: #f3f4f6; } .social-links > a { display: inline-flex; gap: 16px; } .social-icons { display: flex; gap: 16px; } .social-icons a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #4b5563; transition: background 0.2s; } .social-icons a:hover { background: #6b7280; } .social-icons a svg { width: 20px; height: 20px; } .log-viewer { display: flex; flex-direction: column; height: 100%; } .log-state-indicator { padding: 0.5rem 1rem; color: #64748b; font-size: 0.875rem; display: flex; align-items: center; gap: 0.5rem; } .log-content-container { flex: 1; overflow-y: auto; padding: 1rem; } .log-content { margin: 0; font-family: ui-sans-serif, system-ui, sans-serif; font-size: 0.875rem; line-height: 1.5; white-space: pre-wrap; word-break: break-word; } .log-entry { display: flex; gap: 0.5rem; margin-bottom: 0.5rem; align-items: flex-start; } .log-entry.info { color: var(--menu-font-color); } .log-entry.warning { background-color: #f97316; color: white; padding: 0.5rem; border-radius: 0.25rem; } .log-entry.error { background-color: #ef4444; color: white; padding: 0.5rem; border-radius: 0.25rem; } .log-entry.error .timestamp, .log-entry.warning .timestamp { color: rgba(255, 255, 255, 0.6) !important; } .log-entry.info .timestamp { color: var(--timestamp-color) !important; } .error_od_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M479.98-280q14.02 0 23.52-9.48t9.5-23.5q0-14.02-9.48-23.52t-23.5-9.5q-14.02 0-23.52 9.48t-9.5 23.5q0 14.02 9.48 23.52t23.5 9.5ZM453-433h60v-253h-60v253Zm27.27 353q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Zm.23-60Q622-140 721-239.5t99-241Q820-622 721.19-721T480-820q-141 0-240.5 98.81T140-480q0 141 99.5 240.5t241 99.5Zm-.5-340Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .warning_od_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="m40-120 440-760 440 760H40Zm104-60h672L480-760 144-180Zm340.18-57q12.82 0 21.32-8.68 8.5-8.67 8.5-21.5 0-12.82-8.68-21.32-8.67-8.5-21.5-8.5-12.82 0-21.32 8.68-8.5 8.67-8.5 21.5 0 12.82 8.68 21.32 8.67 8.5 21.5 8.5ZM454-348h60v-224h-60v224Zm26-122Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .info_od_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M453-280h60v-240h-60v240Zm26.98-314q14.02 0 23.52-9.2T513-626q0-14.45-9.48-24.22-9.48-9.78-23.5-9.78t-23.52 9.78Q447-640.45 447-626q0 13.6 9.48 22.8 9.48 9.2 23.5 9.2Zm.29 514q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .pause_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M370-320h60v-320h-60v320Zm160 0h60v-320h-60v320ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .play_arrow_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="m383-310 267-170-267-170v340Zm97 230q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .filter_alt_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"%3E%3Cpath d="M440-160q-17 0-28.5-11.5T400-200v-240L161-745q-14-17-4-36t31-19h584q21 0 31 19t-4 36L560-440v240q0 17-11.5 28.5T520-160h-80Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .radio_icon { display: block; width: 1em; height: 1em; background-color: currentColor; --svg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"%3E%3Cpath d="M160-80q-33 0-56.5-23.5T80-160v-480q0-25 13.5-45t36.5-29l506-206 26 66-330 134h468q33 0 56.5 23.5T880-640v480q0 33-23.5 56.5T800-80H160Zm0-80h640v-280H160v280Zm231-69q29-29 29-71t-29-71q-29-29-71-29t-71 29q-29 29-29 71t29 71q29 29 71 29t71-29ZM160-520h480v-80h80v80h80v-120H160v120Zm0 360v-280 280Z"/%3E%3C/svg%3E'); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .realtime-viewer { display: flex; flex-direction: column; height: 100%; } .realtime-tabs { display: flex; gap: 0.5rem; padding: 0.25rem 1rem 0 1rem; border-bottom: 1px solid var(--menu-border-color); align-items: center; } .realtime-filter-bar { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: var(--menu-background-color); border-bottom: 1px solid var(--menu-border-color); color: var(--menu-font-color); font-size: 0.875rem; } .realtime-filter-bar i.filter_list_icon { font-size: 16px; opacity: 0.7; } .realtime-filter-bar .filter-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; flex: 1; } .filter-chip { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.25rem 0.5rem; background: var(--menu-background-color); border: 1px solid var(--menu-border-color); border-radius: 3px; color: var(--menu-font-color); font-size: 0.85rem; } .filter-chip button { padding: 0; margin-left: 0.2rem; background: transparent; border: none; cursor: pointer; display: flex; align-items: center; color: var(--menu-font-color); opacity: 0.6; transition: opacity 0.2s ease; } .filter-chip button:hover { opacity: 1; } .filter-chip button i { font-size: 12px; } .realtime-spacer { flex: 1; } .realtime-clear-btn { padding: 0; margin-left: 0.2rem; background: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #e01b24; transition: opacity 0.2s ease; width: 20px; height: 20px; } .realtime-clear-btn:hover { opacity: 0.7; } .realtime-clear-btn i { font-size: 14px; } .realtime-control-btn { padding: 0.6rem; background: transparent; border: none; border-radius: 4px; color: var(--menu-font-color); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; width: 40px; height: 40px; } .realtime-control-btn:hover { background: var(--menu-background-hover-color); color: #1c71d8; } .realtime-control-btn span { font-size: 24px; display: flex; align-items: center; justify-content: center; } .realtime-background-toggle { display: flex; align-items: center; gap: 0.4rem; margin-left: 1rem; font-size: 0.9rem; cursor: pointer; color: var(--menu-font-color); user-select: none; } .realtime-background-toggle input[type="checkbox"] { cursor: pointer; width: 16px; height: 16px; } .realtime-background-toggle:hover { color: #1c71d8; } .realtime-tab { padding: 0.5rem 1rem; background: transparent; border: none; border-bottom: 2px solid transparent; color: var(--menu-font-color); cursor: pointer; font-size: 0.875rem; transition: all 0.2s ease; } .realtime-tab:hover { border-bottom-color: var(--menu-border-color); } .realtime-tab.active { border-bottom-color: #1c71d8; color: #1c71d8; font-weight: 500; } .realtime-panel { flex: 1; overflow: auto; padding: 1rem; } .signal-table { width: max-content; min-width: 100%; border-collapse: collapse; font-size: 0.875rem; } .signal-table thead th { position: sticky; top: 0; background: var(--menu-background-color); padding: 0.75rem; text-align: left; border-bottom: 2px solid var(--menu-border-color); font-weight: 600; color: var(--menu-font-color); } .signal-table tbody td { padding: 0.75rem; border-bottom: 1px solid var(--menu-border-color); color: var(--menu-font-color); white-space: nowrap; } .signal-table tbody tr:hover { background: var(--menu-hover-color); } .signal-table tbody td a { color: #1c71d8; text-decoration: none; } .signal-table tbody td a:hover { text-decoration: underline; } .nmea-cell-content { display: flex; align-items: center; gap: 0.5rem; } .nmea-decoder-icon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--menu-border-color); border-radius: 3px; cursor: pointer; background: transparent; transition: background 0.2s ease; font-size: 14px; } .nmea-decoder-icon:hover { background: var(--menu-background-hover-color); } .nmea-decoder-icon i { font-size: 14px; } .nmea-text { flex: 1; font-family: monospace; font-size: 0.85em; white-space: nowrap; } .channel-indicator { display: flex; gap: 2px; } .channel-box { display: inline-block; width: 16px; height: 16px; background-color: #e0e0e0; color: transparent; text-align: center; line-height: 16px; font-size: 10px; font-weight: bold; border-radius: 2px; } .channel-box.active { background-color: #10b981; color: white; } .dark .channel-box { background-color: #3a3a3a; } .dark .channel-box.active { background-color: #10b981; color: white; } .aiscatcher-logo-control { background: rgba(0, 0, 0, 0.1) !important; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 50% !important; cursor: pointer; transition: all 0.3s ease; width: 60px !important; height: 60px !important; padding: 5px !important; display: flex; align-items: center !important; justify-content: center !important; } .aiscatcher-logo-control:hover { background: rgba(0, 0, 0, 0.2) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .aiscatcher-logo-control.disconnected svg path { fill: #ff4444 !important; } .aiscatcher-logo-control.connected svg path { fill: #12a5ed !important; } /* NMEA Decoder Styles */ .decoder-container { display: flex; flex-direction: column; gap: 20px; padding: 20px; max-width: 1200px; margin: 0 auto; } .decoder-panel { background: var(--panel-color); border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px var(--shadow-color-light); } .decoder-panel h3 { margin-top: 0; color: var(--stat-color); font-size: 0.9em; } .decoder-panel p { color: var(--stat-label-color); margin-bottom: 15px; font-size: 0.9em; } #decoder_input { width: 100%; min-height: 150px; padding: 10px; font-family: 'Courier New', monospace; font-size: 0.9em; border: 1px solid var(--table-border-color); border-radius: 4px; resize: vertical; background: var(--settings-bg-color); color: var(--main-font-color); box-sizing: border-box; } #decoder_input:focus { outline: none; border-color: var(--secondary-color); } .decoder-buttons { display: flex; gap: 10px; margin-top: 15px; } .decoder-btn-primary, .decoder-btn-secondary { padding: 10px 20px; border: none; border-radius: 4px; font-size: 0.9em; cursor: pointer; transition: var(--hover-transition); background-color: var(--graph-header-bg-color); color: var(--graph-header-color); } .decoder-btn-primary:hover, .decoder-btn-secondary:hover { background-color: var(--menu-background-hover-color); } .decoder-status { margin-top: 15px; font-size: 0.9em; } .decoder-error { color: var(--error-color); } .decoder-success { color: var(--ok-color); } .decoder-output { display: flex; flex-direction: column; gap: 15px; } .decoder-message { background: var(--panel-color); border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px var(--shadow-color-light); } .decoder-message h4 { margin-top: 0; margin-bottom: 15px; color: var(--stat-color); border-bottom: 1px solid var(--stat-divider-color); padding-bottom: 8px; font-size: 0.9em; } .decoder-table { width: 100%; border-collapse: collapse; font-size: 0.9em; } .decoder-table tr { border-bottom: 1px solid var(--table-border-color); } .decoder-table tr:last-child { border-bottom: none; } .decoder-table td { padding: 8px 10px; } .decoder-field-key { font-weight: normal; color: var(--stat-label-color); width: 25%; font-family: inherit; text-align: right; } .decoder-field-value { color: var(--stat-color); font-family: 'Courier New', monospace; width: 35%; border-left: solid 1px var(--stat-divider-color); padding-left: 20px; } .decoder-field-description { color: var(--stat-label-color); font-style: normal; width: 40%; padding-left: 15px; } @media (max-width: 768px) { .decoder-container { padding: 10px; } .decoder-panel, .decoder-message { padding: 15px; } .decoder-field-name { width: 50%; } }