:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } html { background-color: var(--primary-background-color); } #app { height: 100vh; width: 100vw; display: flex; flex-direction: column; } a { color: var(--accent-color1); } a:visited { color: var(--accent-color4); } ::-webkit-scrollbar { width: 12px; background: var(--primary-background-color); } /* Handle */ ::-webkit-scrollbar-thumb { width: 6px; border-radius: 4px; background: var(--secondary-background-color); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--accent-color1); } ::-webkit-scrollbar-button { background: var(--primary-background-color); } #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: var(--primary-text-color); } #nav { padding: 30px; } #nav a { font-weight: bold; color: var(--accent-color3); } #nav a.router-link-exact-active { color: var(--accent-color3-hover); } /* Table default styling */ tr { text-align: left; } /* Button default styling */ button { background: none; padding: 0 10px; color: var(--primary-text-color); border-radius: 4px 4px 0 0; border: 0; } button:hover { cursor: pointer; } /* Control Button Styling for Inheritance */ .pane-control-buttons { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; } .status-icon.pin[data-v-a2d6f2e4] { color: var(--accent-color1); } .status-icon.file-open[data-v-3eba2b52] { color: var(--accent-color1); } .button[data-v-a1cdd7e3] { display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; border-radius: 4px; cursor: pointer; transition: background-color 0.1s, opacity 0.1s; border: 1px solid var(--accent-color1); background-color: var(--primary-background-color); margin: 5px; line-height: 1; box-sizing: border-box; } .button--no-border[data-v-a1cdd7e3] { border: none; } .button--no-margin[data-v-a1cdd7e3] { margin: 0; } .button--stretch[data-v-a1cdd7e3] { display: flex; width: 100%; max-width: 100%; } .button--tiny[data-v-a1cdd7e3] { padding: 4px 4px; font-size: 12px; } .button--small[data-v-a1cdd7e3] { padding: 7px 10px; font-size: 14px; } .button--medium[data-v-a1cdd7e3] { padding: 10px 20px; font-size: 16px; } .button--large[data-v-a1cdd7e3] { padding: 15px 30px; font-size: 18px; } .button[data-v-a1cdd7e3]:disabled, .button[aria-disabled="true"][data-v-a1cdd7e3] { opacity: 0.6; cursor: not-allowed; } .button--primary[data-v-a1cdd7e3] { background-color: var(--accent-color1); color: var(--accent-color1-text); } .button--primary[data-v-a1cdd7e3]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--accent-color1-hover); color: var(--primary-text-color); } .button--secondary[data-v-a1cdd7e3] { background-color: var(--primary-background-color); color: var(--primary-text-color); } .button--secondary[data-v-a1cdd7e3]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--accent-color3-hover); } .button--danger[data-v-a1cdd7e3] { background-color: var(--primary-background-color); color: var(--primary-text-color); } .button--danger[data-v-a1cdd7e3]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--accent-color1-hover); } .button--text[data-v-a1cdd7e3] { background-color: transparent; color: var(--accent-color1); padding: 0; } .button--text[data-v-a1cdd7e3]:hover:not(:disabled):not([aria-disabled="true"]) { text-decoration: underline; } .button__content[data-v-a1cdd7e3] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .button--icon-only .button__content[data-v-a1cdd7e3] { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .button--icon-only .button__image[data-v-a1cdd7e3] { margin: 0 auto !important; display: block; /* Remove left/right margin for perfect centering */ } .button__image[data-v-a1cdd7e3] { flex-shrink: 0; /* Remove fixed width/height, use size classes below */ } .button--tiny .button__image[data-v-a1cdd7e3] { width: 12px; height: 12px; } .button--small .button__image[data-v-a1cdd7e3] { width: 16px; height: 16px; } .button--medium .button__image[data-v-a1cdd7e3] { width: 20px; height: 20px; } .button--large .button__image[data-v-a1cdd7e3] { width: 24px; height: 24px; } .button__image + .button__text[data-v-a1cdd7e3] { margin-left: 10px; } .button__text[data-v-a1cdd7e3] { flex-grow: 1; white-space: nowrap; } .button--icon-only .button__image[data-v-a1cdd7e3] { margin-right: 0; } .button--loading[data-v-a1cdd7e3] { position: relative; } .button--loading[data-v-a1cdd7e3]::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100% ); background-size: 200% 100%; animation: loading-a1cdd7e3 1.5s infinite; } @keyframes loading-a1cdd7e3 { 0% { background-position: 100% 50%; } 50% { background-position: 0 200%; } 100% { background-position: 100% 50%; } } [data-v-9673422a]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-9673422a]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-9673422a]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-9673422a]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-9673422a]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-9673422a]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-9673422a]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-9673422a]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-9673422a]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-9673422a]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-9673422a]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .message-container[data-v-9673422a] { max-width: 800px; width: 90%; display: flex; border-radius: 13px; flex-grow: 1; flex-direction: row; align-items: flex-start; margin: 5px 5px 5px 0; padding: 5px 15px 5px 0; } .user-message[data-v-9673422a] { border: 0 solid var(--accent-color1); border-left-width: 1px; } .profile-icon[data-v-9673422a] { flex-basis: 25px; width: 25px; height: 25px; border-radius: 50%; background-color: var(--accent-color1); margin-left: -1px; margin-top: -5px; align-self: start; } .vici-profile-icon[data-v-9673422a] { border-radius: 0; background: none; } .message[data-v-9673422a] { display: flex; flex-basis: 100%; flex-shrink: 2; color: var(--primary-text-color); flex-direction: column; text-align: left; margin-left: 5px; padding-bottom: 5px; } .username[data-v-9673422a] { font-size: 14px; font-weight: bold; color: var(--primary-text-color); margin-bottom: 5px; } .user-message[data-v-9673422a]:hover { transition: background-color 0.1s; background-color: var(--accent-color3-hover); } .assistant-message[data-v-9673422a]:hover { transition: background-color 0.1s; } .tool-calls[data-v-9673422a] { font-size: 14px; display: flex; flex-direction: column; align-items: flex-start; } .tool-block[data-v-9673422a] { display: flex; flex-direction: column; align-items: center; margin-bottom: 3px; padding: 3px 3px 3px 6px; cursor: pointer; } .tool-title[data-v-9673422a] { border-radius: 5px; background-color: var(--accent-color3-hover); color: var(--primary-text-color); padding: 3px 3px 3px 6px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .document-spacer[data-v-9673422a] { height: 2px; } .document-spacer[data-v-9673422a]:hover { background-color: var(--accent-color1); transition: background-color 0.1s; color: var(--accent-color1-text); } .tool-detail[data-v-9673422a], .document-detail[data-v-9673422a] { background-color: var(--primary-background-color); color: var(--primary-text-color); width: 100%; transition: all 0.1s ease-out; max-height: 0; overflow-y: clip; font-weight: normal; } .tool-detail-filename[data-v-9673422a] { padding: 3px; font-weight: bold; display: flex; align-items: center; flex-direction: column; background-color: var(--accent-color1-hover); border-radius: 3px; margin-bottom: 2px; } .tool-detail-filename[data-v-9673422a]:hover:not(:has(.button:hover)) { background-color: var(--accent-color1); color: var(--accent-color1-text); transition: background-color 0.1s; } .tool-detail-header[data-v-9673422a] { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .file-open-icon[data-v-9673422a] { background-color: var(--primary-background-color); border-radius: 3px; padding: 4px; border: 1px solid var(--accent-color1); } .file-open-icon[data-v-9673422a]:hover { background-color: var(--accent-color1-hover); } .unhidden[data-v-9673422a] { transition: all 0.1s ease-in; padding: 5px; max-height: 1000px; border-radius: 0 0 3px 3px; } .tool-block-selected .tool-title[data-v-9673422a] { border-radius: 3px 3px 0 0; } .tool-block:hover .tool-title[data-v-9673422a] { transition: background-color 0.1s; background-color: var(--accent-color1); color: var(--accent-color1-text); } .document-count-pill[data-v-9673422a] { background-color: var(--accent-color1); color: var(--accent-color1-text); border-radius: 9px; padding: 3px 5px; display: inline-block; margin-left: 5px; } .message-content[data-v-9673422a] { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; } .message-text[data-v-9673422a] { width: 100%; } .tool-detail-buttons[data-v-9673422a] { display: flex; gap: 5px; } .sidebar-wrapper[data-v-152cf913] { position: relative; height: 100%; } .sidebar-wrapper.closed[data-v-152cf913] { width: 0; z-index: 1000; } .sidebar[data-v-152cf913] { display: flex; flex-direction: column; height: 100%; width: 250px; transition: width 0.2s ease; background-color: var(--primary-background-color); } .sidebar.slim[data-v-152cf913] { width: 70px; } .sidebar-content[data-v-152cf913] { flex-grow: 1; overflow-y: auto; } .sidebar-controls[data-v-152cf913] { display: flex; justify-content: space-between; z-index: 1000; } .sidebar.slim .close-button[data-v-152cf913] { margin-left: 10px; } .sidebar.border-right[data-v-152cf913] { border-right: 1px solid var(--accent-color1); } .sidebar.border-left[data-v-152cf913] { border-left: 1px solid var(--accent-color1); } .table-container[data-v-ce93746d] { display: flex; flex-direction: column; height: 100%; /* Adjust this if you want a specific height */ overflow: hidden; } .table-body-container[data-v-ce93746d] { flex-grow: 1; overflow-y: auto; overflow-x: hidden; } .reusable-table[data-v-ce93746d] { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; /* Add this line */ } .reusable-table th[data-v-ce93746d] { position: sticky; top: 0; background-color: var(--primary-background-color); z-index: 1; cursor: pointer; text-align: left; border-bottom: 1px solid var(--secondary-background-color); } .reusable-table td[data-v-ce93746d] { border-bottom: 1px solid var(--secondary-background-color); /* Add text overflow handling */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .reusable-table tr.clickable[data-v-ce93746d] { cursor: pointer; /* Indicate rows are clickable */ } .reusable-table tr.selected[data-v-ce93746d] { background-color: var(--accent-color3-hover); } .reusable-table tr.clickable[data-v-ce93746d]:hover:not(:has(.button:hover)) { background-color: var(--accent-color3-hover); } /* Footer styles */ .footer-row[data-v-ce93746d] { cursor: default; } .footer-row[data-v-ce93746d]:hover { background-color: inherit; } .footer-cell[data-v-ce93746d] { padding: 0; border-bottom: none; } .actions-header[data-v-ce93746d] { text-align: right; } .actions-cell[data-v-ce93746d] { text-align: right; } .actions-container[data-v-ce93746d] { display: flex; justify-content: flex-end; align-items: center; gap: 10px; /* Adds space between action items */ } .table-compact th[data-v-ce93746d], .table-compact td[data-v-ce93746d] { padding: 4px 8px; font-size: 0.9em; } .table-default th[data-v-ce93746d], .table-default td[data-v-ce93746d] { padding: 8px 16px; font-size: 1em; } .table-large th[data-v-ce93746d], .table-large td[data-v-ce93746d] { padding: 12px 24px; font-size: 1.1em; } .search-result-text[data-v-ce93746d] { font-weight: bold; text-align: left; } .table-compact[data-v-ce93746d] { font-size: 0.9em; } .table-compact th[data-v-ce93746d], .table-compact td[data-v-ce93746d] { padding: 4px 8px; } .table-default[data-v-ce93746d] { font-size: 1em; } .table-default th[data-v-ce93746d], .table-default td[data-v-ce93746d] { padding: 8px 16px; } .table-large[data-v-ce93746d] { font-size: 1.1em; } .table-large th[data-v-ce93746d], .table-large td[data-v-ce93746d] { padding: 12px 24px; } .text-input-container[data-v-43d2fcd2] { display: flex; align-items: center; width: 100%; border: 1px solid var(--secondary-background-color); border-radius: 4px; background: var(--primary-background-color); } .text-input[data-v-43d2fcd2] { flex-grow: 1; padding: 5px; border: none; font-size: 16px; background: none; color: var(--primary-text-color); } .text-input[data-v-43d2fcd2]:focus { outline: none; } .text-input:focus ~ .input-button[data-v-43d2fcd2] { border-left: 1px solid var(--accent-color1); } .input-button[data-v-43d2fcd2] { background: none; border: none; cursor: pointer; padding: 5px; border-left: 1px solid var(--secondary-background-color); border-radius: 0; display: flex; align-items: center; justify-content: center; } .input-button[data-v-43d2fcd2]:hover { background: var(--accent-color1-hover); } .button-icon[data-v-43d2fcd2], .component-icon[data-v-43d2fcd2] { width: 20px; height: 20px; vertical-align: middle; } .text-input-container[data-v-43d2fcd2]:focus-within { border-color: var(--accent-color1); } .validation-error[data-v-43d2fcd2] { animation: shake-43d2fcd2 0.5s; border-color: var(--accent-color1); } @keyframes shake-43d2fcd2 { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } .disabled[data-v-43d2fcd2] { opacity: 0.7; cursor: not-allowed; } .disabled input[data-v-43d2fcd2] { cursor: not-allowed; } .disabled .input-button[data-v-43d2fcd2] { cursor: not-allowed; } .text-input[data-v-43d2fcd2]:disabled { background: none; color: var(--primary-text-color); opacity: 0.7; } .trash[data-v-47ed075d] { background-color: var(--accent-color1); } .status-icon[data-v-47ed075d] { display: flex; justify-content: center; background: none; } .status-icon.trash[data-v-47ed075d] { color: var(--accent-color1); } .checkbox[data-v-846fa4b2] { display: inline-flex; align-items: center; margin: 5px; cursor: pointer; } .checkbox__box-wrapper[data-v-846fa4b2] { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; /* width/height set by size classes */ } .checkbox--no-margin[data-v-846fa4b2] { margin: 0; } .checkbox input[data-v-846fa4b2] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox label[data-v-846fa4b2] { display: flex; align-items: center; } .checkbox__box[data-v-846fa4b2] { display: inline-block; /* width/height set by size classes */ border: 1px solid var(--accent-color1); background-color: var(--primary-background-color); border-radius: 4px; position: relative; } .checkbox input:checked + label .checkbox__box[data-v-846fa4b2]::after { content: '\2714'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .checkbox--primary + label .checkbox__box[data-v-846fa4b2]::after { color: var(--accent-color1); } .checkbox--secondary + label .checkbox__box[data-v-846fa4b2]::after { color: var(--accent-color3); } .checkbox--tertiary + label .checkbox__box[data-v-846fa4b2]::after { color: var(--primary-text-color); } .checkbox--danger + label .checkbox__box[data-v-846fa4b2]::after { color: var(--accent-color2); } .checkbox__label[data-v-846fa4b2] { font-size: 16px; color: var(--primary-text-color); margin-left: 8px; line-height: 1.2; } .checkbox--small .checkbox__box-wrapper[data-v-846fa4b2] { width: 16px; height: 16px; } .checkbox--small .checkbox__box[data-v-846fa4b2] { width: 14px; height: 14px; } .checkbox--small .checkbox__label[data-v-846fa4b2] { font-size: 14px; } .checkbox--medium .checkbox__box-wrapper[data-v-846fa4b2] { width: 24px; height: 24px; } .checkbox--medium .checkbox__box[data-v-846fa4b2] { width: 20px; height: 20px; } .checkbox--medium .checkbox__label[data-v-846fa4b2] { font-size: 16px; } .checkbox--large .checkbox__box-wrapper[data-v-846fa4b2] { width: 32px; height: 32px; } .checkbox--large .checkbox__box[data-v-846fa4b2] { width: 28px; height: 28px; } .checkbox--large .checkbox__label[data-v-846fa4b2] { font-size: 18px; } .checkbox--primary .checkbox__box[data-v-846fa4b2] { border-color: var(--accent-color1); color: var(--accent-color1); } .checkbox--secondary .checkbox__box[data-v-846fa4b2] { border-color: var(--accent-color3); color: var(--accent-color3); } .checkbox--tertiary .checkbox__box[data-v-846fa4b2] { border-color: var(--secondary-background-color); color: var(--primary-text-color); } .checkbox--danger .checkbox__box[data-v-846fa4b2] { border-color: var(--accent-color2); color: var(--accent-color2); } .checkbox input:disabled + label[data-v-846fa4b2] { opacity: 0.6; cursor: not-allowed; } .checkbox input:focus + label .checkbox__box[data-v-846fa4b2] { box-shadow: 0 0 0 2px var(--accent-color1-hover); } .chat-bar[data-v-9b1ed8d1] { box-sizing: border-box; width: 100%; /* Remove any fixed width or max-width here */ } .chat-bar-inner[data-v-9b1ed8d1] { display: flex; flex-direction: column; border: 1px solid var(--accent-color1); border-radius: 6px; overflow: hidden; background-color: var(--primary-background-color); width: 100%; } .chat-input[data-v-9b1ed8d1] { width: 100%; min-height: 80px; max-height: 160px; padding: 12px; border: none; outline: none; resize: vertical; font-size: 16px; background-color: var(--primary-background-color); color: var(--primary-text-color); box-sizing: border-box; } .buttons-row[data-v-9b1ed8d1] { display: flex; justify-content: space-between; width: 100%; border-top: 1px solid var(--accent-color1); } .button-group-left[data-v-9b1ed8d1] { display: flex; align-items: center; gap: 15px; /* Add gap between elements */ padding-left: 10px; /* Add some padding for the group */ } .model-select[data-v-9b1ed8d1] { flex: 0 1 auto; min-width: 120px; max-width: 200px; padding: 10px; border: none; background-color: var(--primary-background-color); color: var(--primary-text-color); font-size: 15px; outline: none; } .internet-search-checkbox[data-v-9b1ed8d1] { padding-left: 15px; height: 100%; display: flex; /* Align label properly */ align-items: center; } .internet-search-checkbox[data-v-9b1ed8d1] label { cursor: not-allowed; } .chat-send[data-v-9b1ed8d1] { flex: 0 0 60px; display: flex; align-items: center; justify-content: center; background-color: var(--primary-background-color); border: none; cursor: pointer; transition: background-color 0.2s; } .chat-send[data-v-9b1ed8d1]:hover { background-color: var(--accent-color1-hover); } .send-icon[data-v-9b1ed8d1] { width: 24px; height: 24px; } @media (max-width: 768px) { .chat-bar[data-v-9b1ed8d1] { padding: 5px; } .chat-input[data-v-9b1ed8d1] { min-height: 60px; padding: 8px; font-size: 14px; } .model-select[data-v-9b1ed8d1] { min-width: 100px; max-width: 150px; padding: 8px; font-size: 14px; } .button-group-left[data-v-9b1ed8d1] { gap: 10px; padding-left: 8px; } .internet-search-checkbox[data-v-9b1ed8d1] { padding-left: 10px; } /* Adjust checkbox label size if needed for smaller screens */ .internet-search-checkbox[data-v-9b1ed8d1] .checkbox__label { font-size: 13px; } } .modal-overlay[data-v-c850d1c4] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } .modal-content[data-v-c850d1c4] { background-color: var(--primary-background-color); padding: 20px; border-radius: 5px; max-width: 500px; width: 100%; max-height: 80vh; overflow-y: auto; } .modal-content h2[data-v-c850d1c4] { margin-top: 0; } .modal-buttons[data-v-c850d1c4] { display: flex; justify-content: flex-end; margin-top: 20px; } .modal-buttons[data-v-c850d1c4] button { margin-left: 10px; } .modal-fade-enter-active[data-v-c850d1c4], .modal-fade-leave-active[data-v-c850d1c4] { transition: opacity 0.1s ease; } .modal-fade-enter-from[data-v-c850d1c4], .modal-fade-leave-to[data-v-c850d1c4] { opacity: 0; } .modal-content[data-v-c850d1c4] { transition: transform 0.1s ease; } .modal-fade-enter-active .modal-content[data-v-c850d1c4] { animation: modal-in-c850d1c4 0.1s ease-out; } .modal-fade-leave-active .modal-content[data-v-c850d1c4] { animation: modal-out-c850d1c4 0.1s ease-in; } @keyframes modal-in-c850d1c4 { 0% { transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes modal-out-c850d1c4 { 0% { transform: scale(1); } 100% { transform: scale(0.8); } } .validation-errors[data-v-c850d1c4] { margin-top: 10px; color: var(--accent-color1); font-weight: bold; text-align: left; } .capacity-dial[data-v-67a26fa5] { position: relative; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; } svg[data-v-67a26fa5] { transform: rotate(-90deg); } circle[data-v-67a26fa5] { fill: none; transform-origin: center; } .dial-background[data-v-67a26fa5] { stroke: var(--secondary-background-color); } .dial-progress[data-v-67a26fa5] { stroke: var(--accent-color1); transition: stroke-dashoffset 0.3s ease; } .dial-text[data-v-67a26fa5] { position: relative; /* Change from absolute to relative */ color: var(--primary-text-color); font-weight: 500; line-height: 1; } .status-icon.close-icon[data-v-9292d79c] { color: var(--accent-color1); } [data-v-02c97571]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-02c97571]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-02c97571]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-02c97571]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-02c97571]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-02c97571]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-02c97571]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-02c97571]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-02c97571]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-02c97571]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-02c97571]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .pinned-documents-container[data-v-02c97571] { padding: 10px; width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box; justify-content: flex-start; align-items: stretch; } .pinned-documents-container.collapsed[data-v-02c97571] { justify-content: flex-start; align-items: center; padding: 10px 0; } .collapsed-view[data-v-02c97571] { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; padding-top: 4px; } h5[data-v-02c97571] { margin-top: 0; margin-bottom: 8px; font-weight: bold; color: var(--primary-text-color); flex-shrink: 0; } .document-list[data-v-02c97571] { list-style: none; padding: 0; margin: 0 0 10px 0; flex-grow: 1; overflow-y: auto; } .document-item[data-v-02c97571] { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; font-size: 0.9em; border-bottom: 1px dashed var(--accent-color1); gap: 6px; } .document-item[data-v-02c97571]:last-child { border-bottom: none; } .document-dial[data-v-02c97571] { flex-shrink: 0; } .document-name[data-v-02c97571] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; text-align: left; } .no-documents[data-v-02c97571] { font-style: italic; color: var(--primary-text-color); margin-bottom: 10px; flex-grow: 1; } .capacity-info[data-v-02c97571] { display: flex; flex-direction: column; align-items: stretch; gap: 4px; font-size: 0.8em; color: var(--primary-text-color); flex-shrink: 0; padding-top: 10px; border-top: 1px solid var(--accent-color1); } /* Style for over capacity state */ .capacity-info.over-capacity .capacity-label[data-v-02c97571], .capacity-info.over-capacity .capacity-text[data-v-02c97571], .capacity-info.over-capacity .capacity-warning[data-v-02c97571] { color: var(--accent-color2); font-weight: bold; } .capacity-info.over-capacity .capacity-bar[data-v-02c97571]::-webkit-progress-value { background-color: var(--accent-color2); } .capacity-info.over-capacity .capacity-bar[data-v-02c97571]::-moz-progress-bar { background-color: var(--accent-color2); } /* Style for the dial when over capacity */ .collapsed-view .over-capacity[data-v-02c97571] .dial-text, .collapsed-view .over-capacity[data-v-02c97571] .dial-track, .collapsed-view .over-capacity[data-v-02c97571] .dial-progress { stroke: var(--accent-color2); fill: var(--accent-color2); } .collapsed-view .over-capacity[data-v-02c97571] .dial-text { font-weight: bold; } .capacity-warning[data-v-02c97571] { font-size: 0.9em; text-align: center; margin-top: 2px; } .capacity-bar-container[data-v-02c97571] { display: flex; align-items: center; gap: 6px; } .capacity-label[data-v-02c97571] { margin-bottom: 2px; font-weight: 500; } .capacity-bar[data-v-02c97571] { flex-grow: 1; height: 8px; } .capacity-text[data-v-02c97571] { white-space: nowrap; min-width: 35px; text-align: right; } progress[value][data-v-02c97571] { -webkit-appearance: none; appearance: none; width: 100%; } /* Background */ progress[value][data-v-02c97571]::-webkit-progress-bar { background-color: var(--secondary-background-color); border-radius: 4px; } progress[value][data-v-02c97571]::-moz-progress-bar { background-color: var(--secondary-background-color); border-radius: 4px; } progress[value][data-v-02c97571]::-webkit-progress-value { background-color: var(--accent-color1); border-radius: 4px; transition: width 0.3s ease, background-color 0.3s ease; } progress[value][data-v-02c97571]::-moz-progress-bar { background-color: var(--accent-color1); border-radius: 4px; transition: width 0.3s ease, background-color 0.3s ease; } .header[data-v-02c97571] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .header h5[data-v-02c97571] { margin: 0; line-height: 16px; } .header-icon[data-v-02c97571] { flex-shrink: 0; } .open-document-section[data-v-02c97571] { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--accent-color1); flex-shrink: 0; } .open-document-item[data-v-02c97571] { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; font-size: 0.9em; gap: 6px; } .pinned-section[data-v-02c97571] { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; } .document-list[data-v-02c97571] { list-style: none; padding: 0; margin: 0; flex-grow: 1; overflow-y: auto; } .document-item[data-v-02c97571] { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; font-size: 0.9em; border-bottom: 1px dashed var(--accent-color1); gap: 6px; } .document-item[data-v-02c97571]:last-child { border-bottom: none; } .document-dial[data-v-02c97571] { flex-shrink: 0; } .document-name[data-v-02c97571] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; text-align: left; font-style: italic; } .no-documents[data-v-02c97571] { font-style: italic; color: var(--primary-text-color); flex-grow: 1; padding: 10px 0; } .capacity-info[data-v-02c97571] { display: flex; flex-direction: column; align-items: stretch; gap: 4px; font-size: 0.8em; color: var(--primary-text-color); flex-shrink: 0; padding-top: 10px; border-top: 1px solid var(--accent-color1); } .capacity-bar-container[data-v-02c97571] { display: flex; align-items: center; gap: 6px; } .capacity-label[data-v-02c97571] { margin-bottom: 2px; font-weight: 500; } .capacity-bar[data-v-02c97571] { flex-grow: 1; height: 8px; } .capacity-text[data-v-02c97571] { white-space: nowrap; min-width: 35px; text-align: right; } progress[value][data-v-02c97571] { -webkit-appearance: none; appearance: none; width: 100%; } progress[value][data-v-02c97571]::-webkit-progress-bar { background-color: var(--secondary-background-color); border-radius: 4px; } progress[value][data-v-02c97571]::-moz-progress-bar { background-color: var(--secondary-background-color); border-radius: 4px; } progress[value][data-v-02c97571]::-webkit-progress-value { background-color: var(--accent-color1); border-radius: 4px; transition: width 0.3s ease; } progress[value][data-v-02c97571]::-moz-progress-bar { background-color: var(--accent-color1); border-radius: 4px; transition: width 0.3s ease; } .split-layout[data-v-b310b87e] { display: flex; width: 100%; height: 100%; position: relative; overflow: hidden; } .split-panel[data-v-b310b87e] { height: 100%; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start; } .resizer-handle[data-v-b310b87e] { width: 6px; background-color: var(--secondary-background-color); cursor: col-resize; transition: background-color 0.2s; z-index: 10; border-radius: 3px; margin-top: 10px; margin-bottom: 10px; } .resizer-handle.vertical-resizer[data-v-b310b87e] { width: 100%; height: 6px; cursor: row-resize; margin: 0; margin-top: 3px; margin-bottom: 3px; } .resizer-handle[data-v-b310b87e]:hover, .resizer-handle[data-v-b310b87e]:active { background-color: var(--accent-color1); } @media (max-width: 768px) { .split-layout[data-v-b310b87e] { flex-direction: column !important; } .split-panel[data-v-b310b87e] { width: 100% !important; height: auto !important; min-height: 40% !important; } .resizer-handle[data-v-b310b87e] { width: 100%; height: 6px; cursor: row-resize; margin: 0; margin-top: 3px; margin-bottom: 3px; } } .dialog{--dialog-bg-color:white;--dialog-border-color:white;--dialog-shadow:0 2px 14px 0 rgb(58 57 68 / .2);--text-primary-color:#15141a;--text-secondary-color:#5b5b66;--hover-filter:brightness(.9);--focus-ring-color:#0060df;--focus-ring-outline:2px solid var(--focus-ring-color);--link-fg-color:#0060df;--link-hover-fg-color:#0250bb;--separator-color:#f0f0f4;--textarea-border-color:#8f8f9d;--textarea-bg-color:white;--textarea-fg-color:var(--text-secondary-color);--radio-bg-color:#f0f0f4;--radio-checked-bg-color:#fbfbfe;--radio-border-color:#8f8f9d;--radio-checked-border-color:#0060df;--button-secondary-bg-color:#f0f0f4;--button-secondary-fg-color:var(--text-primary-color);--button-secondary-border-color:var(--button-secondary-bg-color);--button-secondary-hover-bg-color:var(--button-secondary-bg-color);--button-secondary-hover-fg-color:var(--button-secondary-fg-color);--button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);--button-primary-bg-color:#0060df;--button-primary-fg-color:#fbfbfe;--button-primary-border-color:var(--button-primary-bg-color);--button-primary-hover-bg-color:var(--button-primary-bg-color);--button-primary-hover-fg-color:var(--button-primary-fg-color);--button-primary-hover-border-color:var(--button-primary-hover-bg-color)}@media (prefers-color-scheme: dark){.dialog{--dialog-bg-color:#1c1b22;--dialog-border-color:#1c1b22;--dialog-shadow:0 2px 14px 0 #15141a;--text-primary-color:#fbfbfe;--text-secondary-color:#cfcfd8;--focus-ring-color:#0df;--hover-filter:brightness(1.4);--link-fg-color:#0df;--link-hover-fg-color:#80ebff;--separator-color:#52525e;--textarea-bg-color:#42414d;--radio-bg-color:#2b2a33;--radio-checked-bg-color:#15141a;--radio-checked-border-color:#0df;--button-secondary-bg-color:#2b2a33;--button-primary-bg-color:#0df;--button-primary-fg-color:#15141a}}@media screen and (forced-colors: active){.dialog{--dialog-bg-color:Canvas;--dialog-border-color:CanvasText;--dialog-shadow:none;--text-primary-color:CanvasText;--text-secondary-color:CanvasText;--hover-filter:none;--focus-ring-color:ButtonBorder;--link-fg-color:LinkText;--link-hover-fg-color:LinkText;--separator-color:CanvasText;--textarea-border-color:ButtonBorder;--textarea-bg-color:Field;--textarea-fg-color:ButtonText;--radio-bg-color:ButtonFace;--radio-checked-bg-color:ButtonFace;--radio-border-color:ButtonText;--radio-checked-border-color:ButtonText;--button-secondary-bg-color:ButtonFace;--button-secondary-fg-color:ButtonText;--button-secondary-border-color:ButtonText;--button-secondary-hover-bg-color:AccentColor;--button-secondary-hover-fg-color:AccentColorText;--button-primary-bg-color:ButtonText;--button-primary-fg-color:ButtonFace;--button-primary-hover-bg-color:AccentColor;--button-primary-hover-fg-color:AccentColorText}}.dialog{font:message-box;font-size:13px;font-weight:400;line-height:150%;border-radius:4px;padding:12px 16px;border:1px solid var(--dialog-border-color);background:var(--dialog-bg-color);color:var(--text-primary-color);box-shadow:var(--dialog-shadow)}:is(.dialog .mainContainer) *:focus-visible{outline:var(--focus-ring-outline);outline-offset:2px}:is(.dialog .mainContainer) .title{display:flex;width:auto;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px}:is(:is(.dialog .mainContainer) .title)>span{font-size:13px;font-style:normal;font-weight:590;line-height:150%}:is(.dialog .mainContainer) .dialogSeparator{width:100%;height:0;margin-block:4px;border-top:1px solid var(--separator-color);border-bottom:none}:is(.dialog .mainContainer) .dialogButtonsGroup{display:flex;gap:12px;align-self:flex-end}:is(.dialog .mainContainer) .radio{display:flex;flex-direction:column;align-items:flex-start;gap:4px}:is(:is(.dialog .mainContainer) .radio)>.radioButton{display:flex;gap:8px;align-self:stretch;align-items:center}:is(:is(:is(.dialog .mainContainer) .radio)>.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:16px;height:16px;border-radius:50%;background-color:var(--radio-bg-color);border:1px solid var(--radio-border-color)}:is(:is(:is(:is(.dialog .mainContainer) .radio)>.radioButton) input):hover{filter:var(--hover-filter)}:is(:is(:is(:is(.dialog .mainContainer) .radio)>.radioButton) input):checked{background-color:var(--radio-checked-bg-color);border:4px solid var(--radio-checked-border-color)}:is(:is(.dialog .mainContainer) .radio)>.radioLabel{display:flex;padding-inline-start:24px;align-items:flex-start;gap:10px;align-self:stretch}:is(:is(:is(.dialog .mainContainer) .radio)>.radioLabel)>span{flex:1 0 0;font-size:11px;color:var(--text-secondary-color)}:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton)){border-radius:4px;border:1px solid;font:menu;font-weight:600;padding:4px 16px;width:auto;height:32px}:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{cursor:pointer;filter:var(--hover-filter)}.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){color:var(--button-secondary-fg-color);background-color:var(--button-secondary-bg-color);border-color:var(--button-secondary-border-color)}.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{color:var(--button-secondary-hover-fg-color);background-color:var(--button-secondary-hover-bg-color);border-color:var(--button-secondary-hover-border-color)}.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))){color:var(--button-primary-fg-color);background-color:var(--button-primary-bg-color);border-color:var(--button-primary-border-color);opacity:1}.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button,.closeButton))):hover{color:var(--button-primary-hover-fg-color);background-color:var(--button-primary-hover-bg-color);border-color:var(--button-primary-hover-border-color)}:is(.dialog .mainContainer) a{color:var(--link-fg-color)}:is(:is(.dialog .mainContainer) a):hover{color:var(--link-hover-fg-color)}:is(.dialog .mainContainer) textarea{font:inherit;padding:8px;resize:none;margin:0;box-sizing:border-box;border-radius:4px;border:1px solid var(--textarea-border-color);background:var(--textarea-bg-color);color:var(--textarea-fg-color)}:is(:is(.dialog .mainContainer) textarea):focus{outline-offset:0;border-color:transparent}:is(:is(.dialog .mainContainer) textarea):disabled{pointer-events:none;opacity:.4}:is(.dialog .mainContainer) .messageBar{--message-bar-warning-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNC44NzQ4IDEyLjAzN0w5LjM3NzgyIDIuMDM3QzguOTk2ODIgMS4zNDYgOC4zMTA4MiAxIDcuNjI0ODIgMUM2LjkzODgyIDEgNi4yNTI4MiAxLjM0NiA1Ljg3MjgyIDIuMDM3TDAuMzc1ODIzIDEyLjAzN0MtMC4zNTgxNzcgMTMuMzcgMC42MDY4MjMgMTUgMi4xMjc4MiAxNUgxMy4xMjI4QzE0LjY0MjggMTUgMTUuNjA3OCAxMy4zNyAxNC44NzQ4IDEyLjAzN1pNOC4yNDk4MiAxMS43NUw3Ljk5OTgyIDEySDcuMjQ5ODJMNi45OTk4MiAxMS43NVYxMUw3LjI0OTgyIDEwLjc1SDcuOTk5ODJMOC4yNDk4MiAxMVYxMS43NVpNOC4yNDk4MiA5LjA2MkM4LjI0OTgyIDkuMjI3NzYgOC4xODM5OCA5LjM4NjczIDguMDY2NzcgOS41MDM5NEM3Ljk0OTU1IDkuNjIxMTUgNy43OTA1OCA5LjY4NyA3LjYyNDgyIDkuNjg3QzcuNDU5MDYgOS42ODcgNy4zMDAwOSA5LjYyMTE1IDcuMTgyODggOS41MDM5NEM3LjA2NTY3IDkuMzg2NzMgNi45OTk4MiA5LjIyNzc2IDYuOTk5ODIgOS4wNjJWNS42MjVDNi45OTk4MiA1LjQ1OTI0IDcuMDY1NjcgNS4zMDAyNyA3LjE4Mjg4IDUuMTgzMDZDNy4zMDAwOSA1LjA2NTg1IDcuNDU5MDYgNSA3LjYyNDgyIDVDNy43OTA1OCA1IDcuOTQ5NTUgNS4wNjU4NSA4LjA2Njc3IDUuMTgzMDZDOC4xODM5OCA1LjMwMDI3IDguMjQ5ODIgNS40NTkyNCA4LjI0OTgyIDUuNjI1VjkuMDYyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);--closing-button-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03Ljg1ODIyIDguODQ5MjJMNC44NTMyMiAxMS44NTQyQzQuNzU4OTEgMTEuOTQ1MyA0LjYzMjYxIDExLjk5NTcgNC41MDE1MSAxMS45OTQ2QzQuMzcwNDIgMTEuOTkzNCA0LjI0NTAxIDExLjk0MDggNC4xNTIzMSAxMS44NDgxQzQuMDU5NiAxMS43NTU0IDQuMDA3MDIgMTEuNjMgNC4wMDU4OCAxMS40OTg5QzQuMDA0NzQgMTEuMzY3OCA0LjA1NTE0IDExLjI0MTUgNC4xNDYyMiAxMS4xNDcyTDcuMTUxMjIgOC4xNDIyMlY3Ljg1OTIyTDQuMTQ2MjIgNC44NTMyMkM0LjA1NTE0IDQuNzU4OTEgNC4wMDQ3NCA0LjYzMjYxIDQuMDA1ODggNC41MDE1MUM0LjAwNzAyIDQuMzcwNDIgNC4wNTk2IDQuMjQ1MDEgNC4xNTIzMSA0LjE1MjMxQzQuMjQ1MDEgNC4wNTk2IDQuMzcwNDIgNC4wMDcwMiA0LjUwMTUxIDQuMDA1ODhDNC42MzI2MSA0LjAwNDc0IDQuNzU4OTEgNC4wNTUxNCA0Ljg1MzIyIDQuMTQ2MjJMNy44NTgyMiA3LjE1MTIySDguMTQxMjJMMTEuMTQ2MiA0LjE0NjIyQzExLjI0MDUgNC4wNTUxNCAxMS4zNjY4IDQuMDA0NzQgMTEuNDk3OSA0LjAwNTg4QzExLjYyOSA0LjAwNzAyIDExLjc1NDQgNC4wNTk2IDExLjg0NzEgNC4xNTIzMUMxMS45Mzk4IDQuMjQ1MDEgMTEuOTkyNCA0LjM3MDQyIDExLjk5MzYgNC41MDE1MUMxMS45OTQ3IDQuNjMyNjEgMTEuOTQ0MyA0Ljc1ODkxIDExLjg1MzIgNC44NTMyMkw4Ljg0ODIyIDcuODU5MjJWOC4xNDIyMkwxMS44NTMyIDExLjE0NzJDMTEuOTQ0MyAxMS4yNDE1IDExLjk5NDcgMTEuMzY3OCAxMS45OTM2IDExLjQ5ODlDMTEuOTkyNCAxMS42MyAxMS45Mzk4IDExLjc1NTQgMTEuODQ3MSAxMS44NDgxQzExLjc1NDQgMTEuOTQwOCAxMS42MjkgMTEuOTkzNCAxMS40OTc5IDExLjk5NDZDMTEuMzY2OCAxMS45OTU3IDExLjI0MDUgMTEuOTQ1MyAxMS4xNDYyIDExLjg1NDJMOC4xNDEyMiA4Ljg0OTIyTDguMTQyMjIgOC44NTAyMkw3Ljg1ODIyIDguODQ5MjJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);--message-bar-bg-color:#ffebcd;--message-bar-fg-color:#15141a;--message-bar-border-color:rgb(0 0 0 / .08);--message-bar-icon-color:#cd411e;--message-bar-close-button-border-radius:4px;--message-bar-close-button-border:none;--message-bar-close-button-color:var(--text-primary-color);--message-bar-close-button-hover-bg-color:rgb(21 20 26 / .14);--message-bar-close-button-active-bg-color:rgb(21 20 26 / .21);--message-bar-close-button-focus-bg-color:rgb(21 20 26 / .07);--message-bar-close-button-color-hover:var(--text-primary-color)}@media (prefers-color-scheme: dark){:is(.dialog .mainContainer) .messageBar{--message-bar-bg-color:#5a3100;--message-bar-fg-color:#fbfbfe;--message-bar-border-color:rgb(255 255 255 / .08);--message-bar-icon-color:#e49c49;--message-bar-close-button-hover-bg-color:rgb(251 251 254 / .14);--message-bar-close-button-active-bg-color:rgb(251 251 254 / .21);--message-bar-close-button-focus-bg-color:rgb(251 251 254 / .07)}}@media screen and (forced-colors: active){:is(.dialog .mainContainer) .messageBar{--message-bar-bg-color:HighlightText;--message-bar-fg-color:CanvasText;--message-bar-border-color:CanvasText;--message-bar-icon-color:CanvasText;--message-bar-close-button-color:ButtonText;--message-bar-close-button-border:1px solid ButtonText;--message-bar-close-button-hover-bg-color:ButtonText;--message-bar-close-button-active-bg-color:ButtonText;--message-bar-close-button-focus-bg-color:ButtonText;--message-bar-close-button-color-hover:HighlightText}}:is(.dialog .mainContainer) .messageBar{display:flex;position:relative;padding:12px 8px 12px 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--message-bar-border-color);background:var(--message-bar-bg-color);color:var(--message-bar-fg-color)}:is(:is(.dialog .mainContainer) .messageBar)>div{display:flex;padding-inline-start:16px;align-items:flex-start;gap:8px;align-self:stretch}:is(:is(:is(.dialog .mainContainer) .messageBar)>div):before{content:"";display:inline-block;width:16px;height:16px;-webkit-mask-image:var(--message-bar-warning-icon);mask-image:var(--message-bar-warning-icon);-webkit-mask-size:cover;mask-size:cover;background-color:var(--message-bar-icon-color)}:is(:is(:is(.dialog .mainContainer) .messageBar)>div)>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}:is(:is(:is(:is(.dialog .mainContainer) .messageBar)>div)>div) .title{font-size:13px;font-weight:590}:is(:is(:is(:is(.dialog .mainContainer) .messageBar)>div)>div) .description{font-size:13px}:is(:is(.dialog .mainContainer) .messageBar) .closeButton{position:absolute;width:32px;height:32px;inset-inline-end:8px;inset-block-start:8px;background:none;border-radius:var(--message-bar-close-button-border-radius);border:var(--message-bar-close-button-border)}:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):before{content:"";display:inline-block;width:16px;height:16px;-webkit-mask-image:var(--closing-button-icon);mask-image:var(--closing-button-icon);-webkit-mask-size:cover;mask-size:cover;background-color:var(--message-bar-close-button-color)}:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):is(:hover,:active,:focus):before{background-color:var(--message-bar-close-button-color-hover)}:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):hover{background-color:var(--message-bar-close-button-hover-bg-color)}:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):active{background-color:var(--message-bar-close-button-active-bg-color)}:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton):focus{background-color:var(--message-bar-close-button-focus-bg-color)}:is(:is(:is(.dialog .mainContainer) .messageBar) .closeButton)>span{display:inline-block;width:0;height:0;overflow:hidden}:is(.dialog .mainContainer) .toggler{display:flex;align-items:center;gap:8px;align-self:stretch}:is(:is(.dialog .mainContainer) .toggler)>.togglerLabel{-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:clip;opacity:1;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:0}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1}.textLayer span.markedContent{top:0;height:0}.textLayer span[role=img]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.textLayer .highlight{--highlight-bg-color:rgb(180 0 170 / .25);--highlight-selected-bg-color:rgb(0 100 0 / .25);--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors: active){.textLayer .highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter )}}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px}.appended:is(.textLayer .highlight){position:initial}.begin:is(.textLayer .highlight){border-radius:4px 0 0 4px}.end:is(.textLayer .highlight){border-radius:0 4px 4px 0}.middle:is(.textLayer .highlight){border-radius:0}.selected:is(.textLayer .highlight){background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter)}.textLayer ::-moz-selection{background:rgba(0 0 255 / .25);background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer ::selection{background:rgba(0 0 255 / .25);background:color-mix(in srgb,AccentColor,transparent 75%)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.annotationLayer{--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors: active){.annotationLayer{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation{outline:var(--link-outline)}:is(.annotationLayer .linkAnnotation):hover{-webkit-backdrop-filter:var(--hcm-highlight-filter);backdrop-filter:var(--hcm-highlight-filter)}:is(.annotationLayer .linkAnnotation)>a:hover{opacity:0!important;background:none!important;box-shadow:none}.annotationLayer .popupAnnotation .popup{outline:calc(1.5px * var(--scale-factor)) solid CanvasText!important;background-color:ButtonFace!important;color:ButtonText!important}.annotationLayer .highlightArea:hover:after{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:var(--hcm-highlight-filter);backdrop-filter:var(--hcm-highlight-filter);content:"";pointer-events:none}.annotationLayer .popupAnnotation.focused .popup{outline:calc(3px * var(--scale-factor)) solid Highlight!important}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer.disabled section,.annotationLayer.disabled .popup{pointer-events:none}.annotationLayer .annotationContent{position:absolute;width:100%;height:100%;pointer-events:none}.freetext:is(.annotationLayer .annotationContent){background:transparent;border:none;top:0;right:0;bottom:0;left:0;overflow:visible;white-space:nowrap;font:10px sans-serif;line-height:1.35;-webkit-user-select:none;-moz-user-select:none;user-select:none}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0}:is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent{display:none}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder)>a:hover{opacity:.2;background-color:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .linkAnnotation.hasBorder:hover{background-color:#ff03}.annotationLayer .hasBorder{background-size:100% 100%}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation [disabled]:is(input,textarea),.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:25%;top:25%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupAnnotation{position:absolute;font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}.annotationLayer .popup{background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255 255 74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popupAnnotation.focused .popup{outline-width:3px}.annotationLayer .popup *{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup>.header{display:inline-block}.annotationLayer .popup>.header h1{display:inline}.annotationLayer .popup>.header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}.annotationLayer .popupContent{border-top:1px solid rgb(51 51 51);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .popupTriggerArea{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:is(.annotationLayer .annotationTextContent) span{width:100%;display:inline-block}.annotationLayer svg.quadrilateralsContainer{contain:strict;width:0;height:0;position:absolute;top:0;left:0;z-index:-1}:root{--xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,");--xfa-focus-outline:auto}@media screen and (forced-colors: active){:root{--xfa-focus-outline:2px solid CanvasText}.xfaLayer *:required{outline:1.5px solid selectedItem}}.xfaLayer{background-color:transparent}.xfaLayer .highlight{margin:-1px;padding:1px;background-color:#efcbed;border-radius:4px}.xfaLayer .highlight.appended{position:initial}.xfaLayer .highlight.begin{border-radius:4px 0 0 4px}.xfaLayer .highlight.end{border-radius:0 4px 4px 0}.xfaLayer .highlight.middle{border-radius:0}.xfaLayer .highlight.selected{background-color:#cbdfcb}.xfaPage{overflow:hidden;position:relative}.xfaContentarea{position:absolute}.xfaPrintOnly{display:none}.xfaLayer{position:absolute;text-align:initial;top:0;left:0;transform-origin:0 0;line-height:1.2}.xfaLayer *{color:inherit;font:inherit;font-style:inherit;font-weight:inherit;font-kerning:inherit;letter-spacing:-.01px;text-align:inherit;text-decoration:inherit;box-sizing:border-box;background-color:transparent;padding:0;margin:0;pointer-events:auto;line-height:inherit}.xfaLayer *:required{outline:1.5px solid red}.xfaLayer div,.xfaLayer svg,.xfaLayer svg *{pointer-events:none}.xfaLayer a{color:#00f}.xfaRich li{margin-left:3em}.xfaFont{color:#000;font-weight:400;font-kerning:none;font-size:10px;font-style:normal;letter-spacing:0;text-decoration:none;vertical-align:0}.xfaCaption{overflow:hidden;flex:0 0 auto}.xfaCaptionForCheckButton{overflow:hidden;flex:1 1 auto}.xfaLabel{height:100%;width:100%}.xfaLeft{display:flex;flex-direction:row;align-items:center}.xfaRight{display:flex;flex-direction:row-reverse;align-items:center}:is(.xfaLeft,.xfaRight)>:is(.xfaCaption,.xfaCaptionForCheckButton){max-height:100%}.xfaTop{display:flex;flex-direction:column;align-items:flex-start}.xfaBottom{display:flex;flex-direction:column-reverse;align-items:flex-start}:is(.xfaTop,.xfaBottom)>:is(.xfaCaption,.xfaCaptionForCheckButton){width:100%}.xfaBorder{background-color:transparent;position:absolute;pointer-events:none}.xfaWrapped{width:100%;height:100%}:is(.xfaTextfield,.xfaSelect):focus{background-image:none;background-color:transparent;outline:var(--xfa-focus-outline);outline-offset:-1px}:is(.xfaCheckbox,.xfaRadio):focus{outline:var(--xfa-focus-outline)}.xfaTextfield,.xfaSelect{height:100%;width:100%;flex:1 1 auto;border:none;resize:none;background-image:var(--xfa-unfocused-field-background)}.xfaSelect{padding-inline:2px}:is(.xfaTop,.xfaBottom)>:is(.xfaTextfield,.xfaSelect){flex:0 1 auto}.xfaButton{cursor:pointer;width:100%;height:100%;border:none;text-align:center}.xfaLink{width:100%;height:100%;position:absolute;top:0;left:0}.xfaCheckbox,.xfaRadio{width:100%;height:100%;flex:0 0 auto;border:none}.xfaRich{white-space:pre-wrap;width:100%;height:100%}.xfaImage{-o-object-position:left top;object-position:left top;-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.xfaLrTb,.xfaRlTb,.xfaTb{display:flex;flex-direction:column;align-items:stretch}.xfaLr{display:flex;flex-direction:row;align-items:stretch}.xfaRl{display:flex;flex-direction:row-reverse;align-items:stretch}.xfaTb>div{justify-content:left}.xfaPosition,.xfaArea{position:relative}.xfaValignMiddle{display:flex;align-items:center}.xfaTable{display:flex;flex-direction:column;align-items:stretch}.xfaTable .xfaRow{display:flex;flex-direction:row;align-items:stretch}.xfaTable .xfaRlRow{display:flex;flex-direction:row-reverse;align-items:stretch;flex:1}.xfaTable .xfaRlRow>div{flex:1}:is(.xfaNonInteractive,.xfaDisabled,.xfaReadOnly) :is(input,textarea){background:initial}@media print{.xfaTextfield,.xfaSelect{background:transparent}.xfaSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:1px;text-overflow:""}}.canvasWrapper svg{transform:none}.moving:is(.canvasWrapper svg){z-index:100000}[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){transform:matrix(0,1,-1,0,1,0)}[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){transform:matrix(-1,0,0,-1,1,1)}[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) mask,[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg),.highlightOutline:is(.canvasWrapper svg)) use:not(.clip,.mask){transform:matrix(0,-1,1,0,0,1)}.draw:is(.canvasWrapper svg){position:absolute;mix-blend-mode:normal}.draw[data-draw-rotation="90"]:is(.canvasWrapper svg){transform:rotate(90deg)}.draw[data-draw-rotation="180"]:is(.canvasWrapper svg){transform:rotate(180deg)}.draw[data-draw-rotation="270"]:is(.canvasWrapper svg){transform:rotate(270deg)}.highlight:is(.canvasWrapper svg){--blend-mode:multiply}@media screen and (forced-colors: active){.highlight:is(.canvasWrapper svg){--blend-mode:difference}}.highlight:is(.canvasWrapper svg){position:absolute;mix-blend-mode:var(--blend-mode)}.highlight:is(.canvasWrapper svg):not(.free){fill-rule:evenodd}.highlightOutline:is(.canvasWrapper svg){position:absolute;mix-blend-mode:normal;fill-rule:evenodd;fill:none}.highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected){stroke:var(--hover-outline-color);stroke-width:var(--outline-width)}.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline{stroke:var(--outline-around-color);stroke-width:calc(var(--outline-width) + 2 * var(--outline-around-width))}.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline{stroke:var(--outline-color);stroke-width:var(--outline-width)}.highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected){stroke:var(--hover-outline-color);stroke-width:calc(2 * var(--outline-width))}.highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline{stroke:var(--outline-around-color);stroke-width:calc(2 * (var(--outline-width) + var(--outline-around-width)))}.highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline{stroke:var(--outline-color);stroke-width:calc(2 * var(--outline-width))}.toggle-button{--button-background-color:#f0f0f4;--button-background-color-hover:#e0e0e6;--button-background-color-active:#cfcfd8;--color-accent-primary:#0060df;--color-accent-primary-hover:#0250bb;--color-accent-primary-active:#054096;--border-interactive-color:#8f8f9d;--border-radius-circle:9999px;--border-width:1px;--size-item-small:16px;--size-item-large:32px;--color-canvas:white}@media (prefers-color-scheme: dark){.toggle-button{--button-background-color:color-mix(in srgb, currentColor 7%, transparent);--button-background-color-hover:color-mix( in srgb, currentColor 14%, transparent );--button-background-color-active:color-mix( in srgb, currentColor 21%, transparent );--color-accent-primary:#0df;--color-accent-primary-hover:#80ebff;--color-accent-primary-active:#aaf2ff;--border-interactive-color:#bfbfc9;--color-canvas:#1c1b22}}@media (forced-colors: active){.toggle-button{--color-accent-primary:ButtonText;--color-accent-primary-hover:SelectedItem;--color-accent-primary-active:SelectedItem;--border-interactive-color:ButtonText;--button-background-color:ButtonFace;--border-interactive-color-hover:SelectedItem;--border-interactive-color-active:SelectedItem;--border-interactive-color-disabled:GrayText;--color-canvas:ButtonText}}.toggle-button{--toggle-background-color:var(--button-background-color);--toggle-background-color-hover:var(--button-background-color-hover);--toggle-background-color-active:var(--button-background-color-active);--toggle-background-color-pressed:var(--color-accent-primary);--toggle-background-color-pressed-hover:var(--color-accent-primary-hover);--toggle-background-color-pressed-active:var(--color-accent-primary-active);--toggle-border-color:var(--border-interactive-color);--toggle-border-color-hover:var(--toggle-border-color);--toggle-border-color-active:var(--toggle-border-color);--toggle-border-radius:var(--border-radius-circle);--toggle-border-width:var(--border-width);--toggle-height:var(--size-item-small);--toggle-width:var(--size-item-large);--toggle-dot-background-color:var(--toggle-border-color);--toggle-dot-background-color-hover:var(--toggle-dot-background-color);--toggle-dot-background-color-active:var(--toggle-dot-background-color);--toggle-dot-background-color-on-pressed:var(--color-canvas);--toggle-dot-margin:1px;--toggle-dot-height:calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) );--toggle-dot-width:var(--toggle-dot-height);--toggle-dot-transform-x:calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) );-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;border:var(--toggle-border-width) solid var(--toggle-border-color);height:var(--toggle-height);width:var(--toggle-width);border-radius:var(--toggle-border-radius);background:var(--toggle-background-color);box-sizing:border-box;flex-shrink:0}.toggle-button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.toggle-button:enabled:hover{background:var(--toggle-background-color-hover);border-color:var(--toggle-border-color)}.toggle-button:enabled:active{background:var(--toggle-background-color-active);border-color:var(--toggle-border-color)}.toggle-button[aria-pressed=true]{background:var(--toggle-background-color-pressed);border-color:transparent}.toggle-button[aria-pressed=true]:enabled:hover{background:var(--toggle-background-color-pressed-hover);border-color:transparent}.toggle-button[aria-pressed=true]:enabled:active{background:var(--toggle-background-color-pressed-active);border-color:transparent}.toggle-button:before{display:block;content:"";background-color:var(--toggle-dot-background-color);height:var(--toggle-dot-height);width:var(--toggle-dot-width);margin:var(--toggle-dot-margin);border-radius:var(--toggle-border-radius);translate:0}.toggle-button[aria-pressed=true]:before{translate:var(--toggle-dot-transform-x);background-color:var(--toggle-dot-background-color-on-pressed)}.toggle-button[aria-pressed=true]:enabled:hover:before,.toggle-button[aria-pressed=true]:enabled:active:before{background-color:var(--toggle-dot-background-color-on-pressed)}[dir=rtl] .toggle-button[aria-pressed=true]:before{translate:calc(-1 * var(--toggle-dot-transform-x))}@media (prefers-reduced-motion: no-preference){.toggle-button:before{transition:translate .1s}}@media (prefers-contrast){.toggle-button:enabled:hover{border-color:var(--toggle-border-color-hover)}.toggle-button:enabled:active{border-color:var(--toggle-border-color-active)}.toggle-button[aria-pressed=true]:enabled{border-color:var(--toggle-border-color);position:relative}.toggle-button[aria-pressed=true]:enabled:hover,.toggle-button[aria-pressed=true]:enabled:hover:active{border-color:var(--toggle-border-color-hover)}.toggle-button[aria-pressed=true]:enabled:active{background-color:var(--toggle-dot-background-color-active);border-color:var(--toggle-dot-background-color-hover)}.toggle-button:hover:before,.toggle-button:active:before{background-color:var(--toggle-dot-background-color-hover)}}@media (forced-colors){.toggle-button{--toggle-dot-background-color:var(--color-accent-primary);--toggle-dot-background-color-hover:var(--color-accent-primary-hover);--toggle-dot-background-color-active:var(--color-accent-primary-active);--toggle-dot-background-color-on-pressed:var(--button-background-color);--toggle-background-color-disabled:var(--button-background-color-disabled);--toggle-border-color-hover:var(--border-interactive-color-hover);--toggle-border-color-active:var(--border-interactive-color-active);--toggle-border-color-disabled:var(--border-interactive-color-disabled)}.toggle-button[aria-pressed=true]:enabled:after{border:1px solid var(--button-background-color);content:"";position:absolute;height:var(--toggle-height);width:var(--toggle-width);display:block;border-radius:var(--toggle-border-radius);top:-2px;right:-2px;bottom:-2px;left:-2px}.toggle-button[aria-pressed=true]:enabled:active:after{border-color:var(--toggle-border-color-active)}}:root{--outline-width:2px;--outline-color:#0060df;--outline-around-width:1px;--outline-around-color:#f0f0f4;--hover-outline-around-color:var(--outline-around-color);--focus-outline:solid var(--outline-width) var(--outline-color);--unfocus-outline:solid var(--outline-width) transparent;--focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);--hover-outline-color:#8f8f9d;--hover-outline:solid var(--outline-width) var(--hover-outline-color);--hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);--freetext-line-height:1.35;--freetext-padding:2px;--resizer-bg-color:var(--outline-color);--resizer-size:6px;--resizer-shift:calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) );--editorFreeText-editing-cursor:text;--editorInk-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDE4OTg3NyAxMy42NjQ1TDAuNjEyOTg5IDEwLjQ2MzVDMC42ODc5ODkgMTAuMDU0NSAwLjg4NDk4OSA5LjY4MDUgMS4xODA5OSA5LjM4MjVMOS45ODE5OSAwLjU4MDVDMTAuNzU2IC0wLjE5MjUgMTIuMDE1IC0wLjE5NDUgMTIuNzkyIDAuNTgwNUwxNC40MiAyLjIwODVDMTUuMTk0IDIuOTgzNSAxNS4xOTQgNC4yNDM1IDE0LjQyIDUuMDE4NUw1LjYxNTk5IDEzLjgyMTVDNS4zMTk5OSAxNC4xMTY1IDQuOTQ1OTkgMTQuMzEyNSA0LjUzNzk5IDE0LjM4NzVMMS4zMzU5OSAxNC45ODE1QzEuMjY1OTkgMTQuOTkzNSAxLjE5Nzk5IDE1LjAwMDUgMS4xMjk5OSAxNS4wMDA1QzAuODMyOTg5IDE1LjAwMDUgMC41NDQ5ODggMTQuODgzNSAwLjMzMDk4OCAxNC42Njk1QzAuMDY3OTg3NCAxNC40MDU1IC0wLjA0OTAxMjIgMTQuMDMwNSAwLjAxODk4NzcgMTMuNjY0NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0wLjAxODk4NzcgMTMuNjY0NUwwLjYxMjk4OSAxMC40NjM1QzAuNjg3OTg5IDEwLjA1NDUgMC44ODQ5ODkgOS42ODA1IDEuMTgwOTkgOS4zODI1TDkuOTgxOTkgMC41ODA1QzEwLjc1NiAtMC4xOTI1IDEyLjAxNSAtMC4xOTQ1IDEyLjc5MiAwLjU4MDVMMTQuNDIgMi4yMDg1QzE1LjE5NCAyLjk4MzUgMTUuMTk0IDQuMjQzNSAxNC40MiA1LjAxODVMNS42MTU5OSAxMy44MjE1QzUuMzE5OTkgMTQuMTE2NSA0Ljk0NTk5IDE0LjMxMjUgNC41Mzc5OSAxNC4zODc1TDEuMzM1OTkgMTQuOTgxNUMxLjI2NTk5IDE0Ljk5MzUgMS4xOTc5OSAxNS4wMDA1IDEuMTI5OTkgMTUuMDAwNUMwLjgzMjk4OSAxNS4wMDA1IDAuNTQ0OTg4IDE0Ljg4MzUgMC4zMzA5ODggMTQuNjY5NUMwLjA2Nzk4NzQgMTQuNDA1NSAtMC4wNDkwMTIyIDE0LjAzMDUgMC4wMTg5ODc3IDEzLjY2NDVaTTEyLjQ3MiA1LjE5NjVMMTMuNjMyIDQuMDM2NUwxMy42MzEgMy4xODg1TDExLjgxMSAxLjM2NzVMMTAuOTYzIDEuMzY4NUw5LjgwMjk5IDIuNTI4NUwxMi40NzIgNS4xOTY1Wk00LjMxMDk5IDEzLjE1ODVDNC40NzA5OSAxMy4xMjg1IDQuNjE3OTkgMTMuMDUxNSA0LjczMzk5IDEyLjkzNDVMMTEuNTg3IDYuMDgxNUw4LjkxODk5IDMuNDEzNUwyLjA2NTk5IDEwLjI2NTVDMS45NDg5OSAxMC4zODM1IDEuODcxOTkgMTAuNTMwNSAxLjg0MDk5IDEwLjY5MTVMMS4zNjY5OSAxMy4yNDg1TDEuNzUxOTkgMTMuNjMzNUw0LjMxMDk5IDEzLjE1ODVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) 0 16, pointer;--editorHighlight-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyOSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDE2Ljc1QzI4LjI3NjEgMTYuNzUgMjguNSAxNi41MjYxIDI4LjUgMTYuMjVWMTVDMjguNSAxNC43MjM5IDI4LjI3NjEgMTQuNSAyOCAxNC41SDI2LjM1OEMyNS45MTE3IDE0LjUgMjUuNDc3MyAxNC42MjU3IDI1LjA5OTkgMTQuODYwNEwyNS4wOTg5IDE0Ljg2MTFMMjQgMTUuNTQ4NEwyMi45IDE0Ljg2MUwyMi44OTkxIDE0Ljg2MDRDMjIuNTIxOCAxNC42MjU3IDIyLjA4NzUgMTQuNSAyMS42NDIgMTQuNUgyMEMxOS43MjM5IDE0LjUgMTkuNSAxNC43MjM5IDE5LjUgMTVWMTYuMjVDMTkuNSAxNi41MjYxIDE5LjcyMzkgMTYuNzUgMjAgMTYuNzVIMjEuNjQyQzIxLjY2NDggMTYuNzUgMjEuNjg4NSAxNi43NTY0IDIxLjcxMDEgMTYuNzY5N0MyMS43MTAyIDE2Ljc2OTggMjEuNzEwNCAxNi43Njk5IDIxLjcxMDUgMTYuNzdMMjIuODE3IDE3LjQ2MUMyMi44MTcgMTcuNDYxIDIyLjgxNzEgMTcuNDYxMSAyMi44MTcxIDE3LjQ2MTFDMjIuODE3MSAxNy40NjExIDIyLjgxNzEgMTcuNDYxMSAyMi44MTcxIDE3LjQ2MTFDMjIuODU1MiAxNy40ODQ5IDIyLjg3NiAxNy41MjI5IDIyLjg3NiAxNy41NjdWMjIuNjI1VjI3LjY4M0MyMi44NzYgMjcuNzI3MSAyMi44NTUyIDI3Ljc2NSAyMi44MTcyIDI3Ljc4ODlDMjIuODE3MSAyNy43ODg5IDIyLjgxNzEgMjcuNzg5IDIyLjgxNyAyNy43ODlMMjEuNzA5NSAyOC40OEMyMS43MDk0IDI4LjQ4MDEgMjEuNzA5MyAyOC40ODAyIDIxLjcwOTIgMjguNDgwM0MyMS42ODcyIDI4LjQ5MzggMjEuNjY0NCAyOC41IDIxLjY0MSAyOC41SDIwQzE5LjcyMzkgMjguNSAxOS41IDI4LjcyMzkgMTkuNSAyOVYzMC4yNUMxOS41IDMwLjUyNjEgMTkuNzIzOSAzMC43NSAyMCAzMC43NUgyMS42NDJDMjIuMDg4MyAzMC43NSAyMi41MjI3IDMwLjYyNDMgMjIuOTAwMSAzMC4zODk2TDIyLjkwMDkgMzAuMzg5MUwyNCAyOS43MDI2TDI1LjEgMzAuMzlMMjUuMTAwOSAzMC4zOTA2QzI1LjQ3ODMgMzAuNjI1MyAyNS45MTI3IDMwLjc1MSAyNi4zNTkgMzAuNzUxSDI4QzI4LjI3NjEgMzAuNzUxIDI4LjUgMzAuNTI3MSAyOC41IDMwLjI1MVYyOS4wMDFDMjguNSAyOC43MjQ5IDI4LjI3NjEgMjguNTAxIDI4IDI4LjUwMUgyNi4zNThDMjYuMzM1MiAyOC41MDEgMjYuMzExNSAyOC40OTQ2IDI2LjI4OTkgMjguNDgxM0MyNi4yODk3IDI4LjQ4MTIgMjYuMjg5NiAyOC40ODExIDI2LjI4OTUgMjguNDgxTDI1LjE4MyAyNy43OUMyNS4xODMgMjcuNzkgMjUuMTgzIDI3Ljc5IDI1LjE4MjkgMjcuNzlDMjUuMTgyOSAyNy43ODk5IDI1LjE4MjkgMjcuNzg5OSAyNS4xODI5IDI3Ljc4OTlDMjUuMTQ2MiAyNy43NjY5IDI1LjEyNSAyNy43Mjk3IDI1LjEyNSAyNy42ODRWMjIuNjI1VjE3LjU2N0MyNS4xMjUgMTcuNTIyNyAyNS4xNDYgMTcuNDg0NCAyNS4xODM2IDE3LjQ2MDZDMjUuMTgzOCAxNy40NjA1IDI1LjE4MzkgMTcuNDYwNCAyNS4xODQgMTcuNDYwM0wyNi4yODk1IDE2Ljc3QzI2LjI4OTYgMTYuNzY5OSAyNi4yODk4IDE2Ljc2OTggMjYuMjg5OSAxNi43Njk3QzI2LjMxMTkgMTYuNzU2MiAyNi4zMzQ2IDE2Ljc1IDI2LjM1OCAxNi43NUgyOFoiIGZpbGw9ImJsYWNrIiBzdHJva2U9IiNGQkZCRkUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI0LjYyNSAxNy41NjdDMjQuNjI1IDE3LjM1IDI0LjczNSAxNy4xNTIgMjQuOTE4IDE3LjAzN0wyNi4wMjYgMTYuMzQ1QzI2LjEyNiAxNi4yODMgMjYuMjQgMTYuMjUgMjYuMzU4IDE2LjI1SDI4VjE1SDI2LjM1OEMyNi4wMDYgMTUgMjUuNjYzIDE1LjA5OSAyNS4zNjQgMTUuMjg1TDI0LjI1NiAxNS45NzhDMjQuMTYxIDE2LjAzNyAyNC4wODEgMTYuMTEzIDI0IDE2LjE4N0MyMy45MTggMTYuMTEzIDIzLjgzOSAxNi4wMzcgMjMuNzQ0IDE1Ljk3OEwyMi42MzUgMTUuMjg1QzIyLjMzNiAxNS4wOTkgMjEuOTkzIDE1IDIxLjY0MiAxNUgyMFYxNi4yNUgyMS42NDJDMjEuNzU5IDE2LjI1IDIxLjg3NCAxNi4yODMgMjEuOTc0IDE2LjM0NUwyMy4wODIgMTcuMDM3QzIzLjI2NiAxNy4xNTIgMjMuMzc2IDE3LjM1IDIzLjM3NiAxNy41NjdWMjIuNjI1VjI3LjY4M0MyMy4zNzYgMjcuOSAyMy4yNjYgMjguMDk4IDIzLjA4MiAyOC4yMTNMMjEuOTczIDI4LjkwNUMyMS44NzMgMjguOTY3IDIxLjc1OSAyOSAyMS42NDEgMjlIMjBWMzAuMjVIMjEuNjQyQzIxLjk5NCAzMC4yNSAyMi4zMzcgMzAuMTUxIDIyLjYzNiAyOS45NjVMMjMuNzQ0IDI5LjI3M0MyMy44NCAyOS4yMTMgMjMuOTE5IDI5LjEzNyAyNCAyOS4wNjRDMjQuMDgxIDI5LjEzNyAyNC4xNjEgMjkuMjEzIDI0LjI1NiAyOS4yNzNMMjUuMzY1IDI5Ljk2NkMyNS42NjQgMzAuMTUyIDI2LjAwNyAzMC4yNTEgMjYuMzU5IDMwLjI1MUgyOFYyOS4wMDFIMjYuMzU4QzI2LjI0MSAyOS4wMDEgMjYuMTI2IDI4Ljk2OCAyNi4wMjYgMjguOTA2TDI0LjkxOCAyOC4yMTRDMjQuNzM0IDI4LjA5OSAyNC42MjUgMjcuOTAxIDI0LjYyNSAyNy42ODRWMjIuNjI1VjE3LjU2N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMiAyLjU5QzEyLjI4IDIuNTEgMTIuNDMgMi41IDEyLjQzIDIuNUMxMi40OCAyLjUgMTIuNTggMi41MiAxMi42NiAyLjZMMTQuNDUgNC4zOUMxNC41OCA0LjUyIDE0LjU4IDQuNzIgMTQuNDUgNC44NUwxMS43NzEzIDcuNTI4NzJMOS41MTYyOCA1LjI3MzcyTDEyLjIgMi41OVpNMTMuMjY1OCA0LjYyTDExLjc3MTMgNi4xMTQ1TDEwLjkzMDUgNS4yNzM3MkwxMi40MjUgMy43NzkyMUwxMy4yNjU4IDQuNjJaIiBmaWxsPSIjRkJGQkZFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS45OCA4LjgyTDguMjMgMTEuMDdMMTAuNzEwNiA4LjU4OTM4TDguNDU1NjIgNi4zMzQzOEw1Ljk4IDguODFWOC44MlpNOC4yMyA5LjY1NTc5TDkuMjk2NDEgOC41ODkzOEw4LjQ1NTYyIDcuNzQ4NTlMNy4zODkyMSA4LjgxNUw4LjIzIDkuNjU1NzlaIiBmaWxsPSIjRkJGQkZFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMTUyNiAxMi42ODE2TDE2LjIxMjUgNi42MjE3QzE2Ljc1NzYgNi4wODkxOSAxNy4wNSA1LjM3MDcgMTcuMDUgNC42MkMxNy4wNSAzLjg2OTMxIDE2Ljc1NzYgMy4xNTA4NCAxNi4yMTI2IDIuNjE4MzRMMTQuNDMxNyAwLjgzNzQ3NEMxMy44OTkyIDAuMjkyNDIgMTMuMTgwNyAwIDEyLjQzIDBDMTEuNjY0MyAwIDEwLjk1MjkgMC4zMTI5MjkgMTAuNDMyOSAwLjgzMjg5M0wzLjY4Mjg5IDcuNTgyODlDMy4wNDEyNyA4LjIyNDUyIDMuMDA0NTkgOS4yNTA3NSAzLjU3Mjg4IDkuOTM2MzRMMS4yOTE4NyAxMi4yMjM5QzEuMDkxODYgMTIuNDI0NSAwLjk5MDI2MyAxMi42OTU3IDEuMDAwNyAxMi45Njg1TDEgMTRDMC40NDc3MTUgMTQgMCAxNC40NDc3IDAgMTVWMTdDMCAxNy41NTIzIDAuNDQ3NzE1IDE4IDEgMThIMTZDMTYuNTUyMyAxOCAxNyAxNy41NTIzIDE3IDE3VjE1QzE3IDE0LjQ0NzcgMTYuNTUyMyAxNCAxNiAxNEgxMC4yMzI1QzkuODM1OTQgMTQgOS4zOTk1MyAxMy40MzQ3IDEwLjE1MjYgMTIuNjgxNlpNNC4zOSA5LjM1TDQuOTgwNyA5Ljk0MDdMMi4zOTc2MiAxMi41MzEySDYuNjM4NzdMNy4xMDUwMSAxMi4wNjVMNy41NzEyNSAxMi41MzEySDguODg4NzVMMTUuNTEgNS45MUMxNS44NiA1LjU3IDE2LjA1IDUuMTEgMTYuMDUgNC42MkMxNi4wNSA0LjEzIDE1Ljg2IDMuNjcgMTUuNTEgMy4zM0wxMy43MiAxLjU0QzEzLjM4IDEuMTkgMTIuOTIgMSAxMi40MyAxQzExLjk0IDEgMTEuNDggMS4yIDExLjE0IDEuNTRMNC4zOSA4LjI5QzQuMSA4LjU4IDQuMSA5LjA2IDQuMzkgOS4zNVpNMTYgMTdWMTVIMVYxN0gxNloiIGZpbGw9IiNGQkZCRkUiLz4KPHBhdGggZD0iTTE1LjE2MTYgNS41NTEzNkwxNS4xNjE2IDUuNTUxMzJMMTUuMTU2NCA1LjU1NjQ1TDguNDA2NDUgMTIuMzA2NEM4LjM1OTE1IDEyLjM1MzcgOC4yOTU4OSAxMi4zOCA4LjIzIDEyLjM4QzguMTY0MTEgMTIuMzggOC4xMDA4NSAxMi4zNTM3IDguMDUzNTUgMTIuMzA2NEw3LjQ1ODU3IDExLjcxMTVMNy4xMDUwMSAxMS4zNTc5TDYuNzUxNDYgMTEuNzExNUw2LjAzMjg5IDEyLjQzSDMuMjA0NjVMNS4zMzQ3NyAxMC4yOTM3TDUuNjg3MyA5Ljk0MDE5TDUuMzM0MjYgOS41ODcxNUw0Ljc0MzU1IDguOTk2NDVDNC42NDg4MiA4LjkwMTcxIDQuNjQ4ODIgOC43MzgyOSA0Ljc0MzU1IDguNjQzNTVMMTEuNDkzNiAxLjg5MzU1QzExLjc0MzYgMS42NDM1NCAxMi4wNzc5IDEuNSAxMi40MyAxLjVDMTIuNzg4MyAxLjUgMTMuMTE3OSAxLjYzNzc2IDEzLjM2MTQgMS44ODgzOUwxMy4zNjEzIDEuODg4NDNMMTMuMzY2NCAxLjg5MzU1TDE1LjE1NjQgMy42ODM1NUwxNS4xNTY0IDMuNjgzNTlMMTUuMTYxNiAzLjY4ODY0QzE1LjQxMjIgMy45MzIxMSAxNS41NSA0LjI2MTY2IDE1LjU1IDQuNjJDMTUuNTUgNC45NzgzNCAxNS40MTIyIDUuMzA3ODkgMTUuMTYxNiA1LjU1MTM2Wk01LjQ4IDguODJWOS4wMjcxMUw1LjYyNjQ1IDkuMTczNTVMNy44NzY0NSAxMS40MjM2TDguMjMgMTEuNzc3MUw4LjU4MzU1IDExLjQyMzZMMTEuMDY0MiA4Ljk0MjkzTDExLjQxNzcgOC41ODkzOEwxMS4wNjQyIDguMjM1ODJMOC44MDkxOCA1Ljk4MDgyTDguNDU1NjIgNS42MjcyN0w4LjEwMjA3IDUuOTgwODJMNS42MjY0NSA4LjQ1NjQ1TDUuNDggOC42MDI4OVY4LjgxVjguODJaTTExLjQxNzcgNy44ODIyN0wxMS43NzEzIDguMjM1ODJMMTIuMTI0OCA3Ljg4MjI3TDE0LjgwMzYgNS4yMDM1NUMxNS4xMjg4IDQuODc4MjkgMTUuMTI4OCA0LjM2MTcxIDE0LjgwMzYgNC4wMzY0NUwxMy4wMTM2IDIuMjQ2NDVDMTIuODE4NiAyLjA1MTQ2IDEyLjU3OTIgMiAxMi40MyAySDEyLjQxMzRMMTIuMzk2NyAyLjAwMTExTDEyLjQzIDIuNUMxMi4zOTY3IDIuMDAxMTEgMTIuMzk2NiAyLjAwMTEyIDEyLjM5NjUgMi4wMDExMkwxMi4zOTYzIDIuMDAxMTRMMTIuMzk1NyAyLjAwMTE3TDEyLjM5NDcgMi4wMDEyNUwxMi4zOTI0IDIuMDAxNDJMMTIuMzg3IDIuMDAxODRMMTIuMzczMiAyLjAwMzExQzEyLjM2MjggMi4wMDQxNiAxMi4zNDk4IDIuMDA1NjcgMTIuMzM0NiAyLjAwNzg0QzEyLjMwNDkgMi4wMTIwOCAxMi4yNjQyIDIuMDE5MjUgMTIuMjE3OCAyLjAzMTQ2QzEyLjEzOTYgMi4wNTIwMiAxMS45Nzk3IDIuMTAzMTcgMTEuODQ2NCAyLjIzNjQ1TDkuMTYyNzMgNC45MjAxNkw4LjgwOTE4IDUuMjczNzJMOS4xNjI3MyA1LjYyNzI3TDExLjQxNzcgNy44ODIyN1pNMS41IDE2LjVWMTUuNUgxNS41VjE2LjVIMS41WiIgc3Ryb2tlPSIjMTUxNDFBIi8+Cjwvc3ZnPgo=) 24 24, text;--editorFreeHighlight-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yIDMuMDlDMTIuMjggMy4wMSAxMi40MyAzIDEyLjQzIDNDMTIuNDggMyAxMi41OCAzLjAyIDEyLjY2IDMuMUwxNC40NSA0Ljg5QzE0LjU4IDUuMDIgMTQuNTggNS4yMiAxNC40NSA1LjM1TDExLjc3MTMgOC4wMjg3Mkw5LjUxNjI4IDUuNzczNzJMMTIuMiAzLjA5Wk0xMy4yNjU4IDUuMTJMMTEuNzcxMyA2LjYxNDVMMTAuOTMwNSA1Ljc3MzcyTDEyLjQyNSA0LjI3OTIxTDEzLjI2NTggNS4xMloiIGZpbGw9IiNGQkZCRkUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljk4IDkuMzJMOC4yMyAxMS41N0wxMC43MTA2IDkuMDg5MzhMOC40NTU2MiA2LjgzNDM4TDUuOTggOS4zMVY5LjMyWk04LjIzIDEwLjE1NThMOS4yOTY0MSA5LjA4OTM4TDguNDU1NjIgOC4yNDg1OUw3LjM4OTIxIDkuMzE1TDguMjMgMTAuMTU1OFoiIGZpbGw9IiNGQkZCRkUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4xNTI2IDEzLjE4MTZMMTYuMjEyNSA3LjEyMTdDMTYuNzU3NiA2LjU4OTE5IDE3LjA1IDUuODcwNyAxNy4wNSA1LjEyQzE3LjA1IDQuMzY5MzEgMTYuNzU3NiAzLjY1MDg0IDE2LjIxMjYgMy4xMTgzNEwxNC40MzE3IDEuMzM3NDdDMTMuODk5MiAwLjc5MjQyIDEzLjE4MDcgMC41IDEyLjQzIDAuNUMxMS42NjQzIDAuNSAxMC45NTI5IDAuODEyOTI5IDEwLjQzMjkgMS4zMzI4OUwzLjY4Mjg5IDguMDgyODlDMy4wNDEyNyA4LjcyNDUyIDMuMDA0NTkgOS43NTA3NSAzLjU3Mjg4IDEwLjQzNjNMMS4yOTE4NyAxMi43MjM5QzEuMDkxODYgMTIuOTI0NSAwLjk5MDI2MyAxMy4xOTU3IDEuMDAwNyAxMy40Njg1TDEgMTQuNUMwLjQ0NzcxNSAxNC41IDAgMTQuOTQ3NyAwIDE1LjVWMTcuNUMwIDE4LjA1MjMgMC40NDc3MTUgMTguNSAxIDE4LjVIMTZDMTYuNTUyMyAxOC41IDE3IDE4LjA1MjMgMTcgMTcuNVYxNS41QzE3IDE0Ljk0NzcgMTYuNTUyMyAxNC41IDE2IDE0LjVIMTAuMjMyNUM5LjgzNTk0IDE0LjUgOS4zOTk1MyAxMy45MzQ3IDEwLjE1MjYgMTMuMTgxNlpNNC4zOSA5Ljg1TDQuOTgwNyAxMC40NDA3TDIuMzk3NjIgMTMuMDMxMkg2LjYzODc3TDcuMTA1MDEgMTIuNTY1TDcuNTcxMjUgMTMuMDMxMkg4Ljg4ODc1TDE1LjUxIDYuNDFDMTUuODYgNi4wNyAxNi4wNSA1LjYxIDE2LjA1IDUuMTJDMTYuMDUgNC42MyAxNS44NiA0LjE3IDE1LjUxIDMuODNMMTMuNzIgMi4wNEMxMy4zOCAxLjY5IDEyLjkyIDEuNSAxMi40MyAxLjVDMTEuOTQgMS41IDExLjQ4IDEuNyAxMS4xNCAyLjA0TDQuMzkgOC43OUM0LjEgOS4wOCA0LjEgOS41NiA0LjM5IDkuODVaTTE2IDE3LjVWMTUuNUgxVjE3LjVIMTZaIiBmaWxsPSIjRkJGQkZFIi8+CjxwYXRoIGQ9Ik0xNS4xNjE2IDYuMDUxMzZMMTUuMTYxNiA2LjA1MTMyTDE1LjE1NjQgNi4wNTY0NUw4LjQwNjQ1IDEyLjgwNjRDOC4zNTkxNSAxMi44NTM3IDguMjk1ODkgMTIuODggOC4yMyAxMi44OEM4LjE2NDExIDEyLjg4IDguMTAwODUgMTIuODUzNyA4LjA1MzU1IDEyLjgwNjRMNy40NTg1NyAxMi4yMTE1TDcuMTA1MDEgMTEuODU3OUw2Ljc1MTQ2IDEyLjIxMTVMNi4wMzI4OSAxMi45M0gzLjIwNDY1TDUuMzM0NzcgMTAuNzkzN0w1LjY4NzMgMTAuNDQwMkw1LjMzNDI2IDEwLjA4NzFMNC43NDM1NSA5LjQ5NjQ1QzQuNjQ4ODIgOS40MDE3MSA0LjY0ODgyIDkuMjM4MjkgNC43NDM1NSA5LjE0MzU1TDExLjQ5MzYgMi4zOTM1NUMxMS43NDM2IDIuMTQzNTQgMTIuMDc3OSAyIDEyLjQzIDJDMTIuNzg4MyAyIDEzLjExNzkgMi4xMzc3NiAxMy4zNjE0IDIuMzg4MzlMMTMuMzYxMyAyLjM4ODQzTDEzLjM2NjQgMi4zOTM1NUwxNS4xNTY0IDQuMTgzNTVMMTUuMTU2NCA0LjE4MzU5TDE1LjE2MTYgNC4xODg2NEMxNS40MTIyIDQuNDMyMTEgMTUuNTUgNC43NjE2NiAxNS41NSA1LjEyQzE1LjU1IDUuNDc4MzQgMTUuNDEyMiA1LjgwNzg5IDE1LjE2MTYgNi4wNTEzNlpNNy44NzY0NSAxMS45MjM2TDguMjMgMTIuMjc3MUw4LjU4MzU1IDExLjkyMzZMMTEuMDY0MiA5LjQ0MjkzTDExLjQxNzcgOS4wODkzOEwxMS4wNjQyIDguNzM1ODJMOC44MDkxOCA2LjQ4MDgyTDguNDU1NjIgNi4xMjcyN0w4LjEwMjA3IDYuNDgwODJMNS42MjY0NSA4Ljk1NjQ1TDUuNDggOS4xMDI4OVY5LjMxVjkuMzJWOS41MjcxMUw1LjYyNjQ1IDkuNjczNTVMNy44NzY0NSAxMS45MjM2Wk0xMS40MTc3IDguMzgyMjdMMTEuNzcxMyA4LjczNTgyTDEyLjEyNDggOC4zODIyN0wxNC44MDM2IDUuNzAzNTVDMTUuMTI4OCA1LjM3ODI5IDE1LjEyODggNC44NjE3MSAxNC44MDM2IDQuNTM2NDVMMTMuMDEzNiAyLjc0NjQ1QzEyLjgxODYgMi41NTE0NiAxMi41NzkyIDIuNSAxMi40MyAyLjVIMTIuNDEzNEwxMi4zOTY3IDIuNTAxMTFMMTIuNDMgM0MxMi4zOTY3IDIuNTAxMTEgMTIuMzk2NiAyLjUwMTEyIDEyLjM5NjUgMi41MDExMkwxMi4zOTYzIDIuNTAxMTRMMTIuMzk1NyAyLjUwMTE3TDEyLjM5NDcgMi41MDEyNUwxMi4zOTI0IDIuNTAxNDJMMTIuMzg3IDIuNTAxODRMMTIuMzczMiAyLjUwMzExQzEyLjM2MjggMi41MDQxNiAxMi4zNDk4IDIuNTA1NjcgMTIuMzM0NiAyLjUwNzg0QzEyLjMwNDkgMi41MTIwOCAxMi4yNjQyIDIuNTE5MjUgMTIuMjE3OCAyLjUzMTQ2QzEyLjEzOTYgMi41NTIwMiAxMS45Nzk3IDIuNjAzMTcgMTEuODQ2NCAyLjczNjQ1TDkuMTYyNzMgNS40MjAxNkw4LjgwOTE4IDUuNzczNzJMOS4xNjI3MyA2LjEyNzI3TDExLjQxNzcgOC4zODIyN1pNMS41IDE2SDE1LjVWMTdIMS41VjE2WiIgc3Ryb2tlPSIjMTUxNDFBIi8+Cjwvc3ZnPgo=) 1 18, pointer;--new-alt-text-warning-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC43ODE4MiAyLjYzOTAzQzguNTg4ODIgMi4yODgwMyA4LjI1NzgyIDIuMjUwMDMgOC4xMjQ4MiAyLjI1MDAzQzcuOTkwMTkgMi4yNDg0NyA3Ljg1NzcxIDIuMjgzOTMgNy43NDE4NSAyLjM1MjUzQzcuNjI1OTkgMi40MjExMyA3LjUzMTIgMi41MjAyMyA3LjQ2NzgyIDIuNjM5MDNMMS45NzA4MiAxMi42MzlDMS45MDY3MyAxMi43NTI4IDEuODc0MDYgMTIuODgxNiAxLjg3NjE3IDEzLjAxMjJDMS44NzgyOCAxMy4xNDI3IDEuOTE1MDkgMTMuMjcwNCAxLjk4MjgyIDEzLjM4MkMyLjA0Nzk4IDEzLjQ5NTEgMi4xNDIwNyAxMy41ODg4IDIuMjU1NDMgMTMuNjUzNUMyLjM2ODc5IDEzLjcxODIgMi40OTczMiAxMy43NTE1IDIuNjI3ODIgMTMuNzVIMTMuNjIxOEMxMy43NTIzIDEzLjc1MTUgMTMuODgwOSAxMy43MTgyIDEzLjk5NDIgMTMuNjUzNUMxNC4xMDc2IDEzLjU4ODggMTQuMjAxNyAxMy40OTUxIDE0LjI2NjggMTMuMzgyQzE0LjMzNDYgMTMuMjcwNCAxNC4zNzE0IDEzLjE0MjcgMTQuMzczNSAxMy4wMTIyQzE0LjM3NTYgMTIuODgxNiAxNC4zNDI5IDEyLjc1MjggMTQuMjc4OCAxMi42MzlMOC43ODE4MiAyLjYzOTAzWk02LjM3MjgyIDIuMDM3MDNDNi43NTE4MiAxLjM0NjAzIDcuNDM4ODIgMS4wMDAwMyA4LjEyNDgyIDEuMDAwMDNDOC40ODM0MSAwLjk5Nzk4NSA4LjgzNTgzIDEuMDkzMjYgOS4xNDQ1NCAxLjI3NTdDOS40NTMyNSAxLjQ1ODE0IDkuNzA2NjggMS43MjA5MiA5Ljg3NzgyIDIuMDM2MDNMMTUuMzc0OCAxMi4wMzZDMTYuMTA3OCAxMy4zNjkgMTUuMTQzOCAxNSAxMy42MjI4IDE1SDIuNjI3ODJDMS4xMDY4MiAxNSAwLjE0MTgyMyAxMy4zNyAwLjg3NTgyMyAxMi4wMzdMNi4zNzI4MiAyLjAzNzAzWk04Ljc0OTgyIDkuMDYyMDNDOC43NDk4MiA5LjIyNzc5IDguNjgzOTcgOS4zODY3NiA4LjU2Njc2IDkuNTAzOTdDOC40NDk1NSA5LjYyMTE4IDguMjkwNTggOS42ODcwMyA4LjEyNDgyIDkuNjg3MDNDNy45NTkwNiA5LjY4NzAzIDcuODAwMDkgOS42MjExOCA3LjY4Mjg4IDkuNTAzOTdDNy41NjU2NiA5LjM4Njc2IDcuNDk5ODIgOS4yMjc3OSA3LjQ5OTgyIDkuMDYyMDNWNS42MjUwM0M3LjQ5OTgyIDUuNDU5MjcgNy41NjU2NiA1LjMwMDMgNy42ODI4OCA1LjE4MzA5QzcuODAwMDkgNS4wNjU4OCA3Ljk1OTA2IDUuMDAwMDMgOC4xMjQ4MiA1LjAwMDAzQzguMjkwNTggNS4wMDAwMyA4LjQ0OTU1IDUuMDY1ODggOC41NjY3NiA1LjE4MzA5QzguNjgzOTcgNS4zMDAzIDguNzQ5ODIgNS40NTkyNyA4Ljc0OTgyIDUuNjI1MDNWOS4wNjIwM1pNNy43NDk4MiAxMkw3LjQ5OTgyIDExLjc1VjExTDcuNzQ5ODIgMTAuNzVIOC40OTk4Mkw4Ljc0OTgyIDExVjExLjc1TDguNDk5ODIgMTJINy43NDk4MloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=)}.visuallyHidden{position:absolute;top:0;left:0;border:0;margin:0;padding:0;width:0;height:0;overflow:hidden;white-space:nowrap;font-size:0}.textLayer.highlighting{cursor:var(--editorFreeHighlight-editing-cursor)}.textLayer.highlighting:not(.free) span{cursor:var(--editorHighlight-editing-cursor)}[role=img]:is(.textLayer.highlighting:not(.free) span){cursor:var(--editorFreeHighlight-editing-cursor)}.textLayer.highlighting.free span{cursor:var(--editorFreeHighlight-editing-cursor)}:is(#viewerContainer.pdfPresentationMode:fullscreen,.annotationEditorLayer.disabled) .noAltTextBadge{display:none!important}@media (min-resolution: 1.1dppx){:root{--editorFreeText-editing-cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIuNzVIMTIuNVYyLjI1VjFWMC41SDEySDEwLjM1OEM5LjkxMTY1IDAuNSA5LjQ3NzMxIDAuNjI1NjYxIDkuMDk5ODkgMC44NjA0NDJMOS4wOTg4NiAwLjg2MTA4N0w4IDEuNTQ4MzdMNi44OTk5NyAwLjg2MDk3OUw2Ljg5OTExIDAuODYwNDQzQzYuNTIxOCAwLjYyNTczNCA2LjA4NzQ4IDAuNSA1LjY0MiAwLjVINEgzLjVWMVYyLjI1VjIuNzVINEg1LjY0MkM1LjY2NDc4IDIuNzUgNS42ODg1IDIuNzU2NDEgNS43MTAwOCAyLjc2OTY4QzUuNzEwMjMgMi43Njk3NyA1LjcxMDM4IDIuNzY5ODYgNS43MTA1MyAyLjc2OTk1TDYuODE3IDMuNDYxQzYuODE3MDQgMy40NjEwMyA2LjgxNzA5IDMuNDYxMDUgNi44MTcxMyAzLjQ2MTA4QzYuODE3MTMgMy40NjEwOCA2LjgxNzEzIDMuNDYxMDggNi44MTcxNCAzLjQ2MTA5QzYuODU1MiAzLjQ4NDk0IDYuODc2IDMuNTIyODUgNi44NzYgMy41NjdWOFYxMi40MzNDNi44NzYgMTIuNDc3MSA2Ljg1NTIzIDEyLjUxNSA2LjgxNzIyIDEyLjUzODlDNi44MTcxNSAxMi41Mzg5IDYuODE3MDcgMTIuNTM5IDYuODE3IDEyLjUzOUw1LjcwOTUzIDEzLjIzQzUuNzA5NDEgMTMuMjMwMSA1LjcwOTI5IDEzLjIzMDIgNS43MDkxNyAxMy4yMzAzQzUuNjg3MjMgMTMuMjQzOCA1LjY2NDQgMTMuMjUgNS42NDEgMTMuMjVINEgzLjVWMTMuNzVWMTVWMTUuNUg0SDUuNjQyQzYuMDg4MzUgMTUuNSA2LjUyMjY5IDE1LjM3NDMgNi45MDAxMSAxNS4xMzk2TDYuOTAwODYgMTUuMTM5MUw4IDE0LjQ1MjZMOS4xMDAwMyAxNS4xNEw5LjEwMDg5IDE1LjE0MDZDOS40NzgzMSAxNS4zNzUzIDkuOTEyNjUgMTUuNTAxIDEwLjM1OSAxNS41MDFIMTJIMTIuNVYxNS4wMDFWMTMuNzUxVjEzLjI1MUgxMkgxMC4zNThDMTAuMzM1MiAxMy4yNTEgMTAuMzExNSAxMy4yNDQ2IDEwLjI4OTkgMTMuMjMxM0MxMC4yODk3IDEzLjIzMTIgMTAuMjg5NiAxMy4yMzExIDEwLjI4OTUgMTMuMjMxTDkuMTgzIDEyLjU0QzkuMTgyOTggMTIuNTQgOS4xODI5NSAxMi41NCA5LjE4MjkzIDEyLjU0QzkuMTgyOTEgMTIuNTM5OSA5LjE4Mjg4IDEyLjUzOTkgOS4xODI4NiAxMi41Mzk5QzkuMTQ2MTUgMTIuNTE2OSA5LjEyNSAxMi40Nzk3IDkuMTI1IDEyLjQzNFY4VjMuNTY3QzkuMTI1IDMuNTIyNjYgOS4xNDYwMyAzLjQ4NDQxIDkuMTgzNjQgMy40NjA2QzkuMTgzNzcgMy40NjA1MiA5LjE4MzkgMy40NjA0MyA5LjE4NDA0IDMuNDYwMzVMMTAuMjg5NSAyLjc2OTk1QzEwLjI4OTYgMi43Njk4NSAxMC4yODk4IDIuNzY5NzUgMTAuMjg5OSAyLjc2OTY2QzEwLjMxMTkgMi43NTYxOSAxMC4zMzQ2IDIuNzUgMTAuMzU4IDIuNzVIMTJaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K) 0 16, text}}@media screen and (forced-colors: active){:root{--outline-color:CanvasText;--outline-around-color:ButtonFace;--resizer-bg-color:ButtonText;--hover-outline-color:Highlight;--hover-outline-around-color:SelectedItemText}}[data-editor-rotation="90"]{transform:rotate(90deg)}[data-editor-rotation="180"]{transform:rotate(180deg)}[data-editor-rotation="270"]{transform:rotate(270deg)}.annotationEditorLayer{background:transparent;position:absolute;top:0;right:0;bottom:0;left:0;font-size:calc(100px * var(--scale-factor));transform-origin:0 0;cursor:auto}.annotationEditorLayer .selectedEditor{z-index:100000!important}.annotationEditorLayer.drawing *{pointer-events:none!important}.annotationEditorLayer.waiting{content:"";cursor:wait;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.annotationEditorLayer.disabled{pointer-events:none}.annotationEditorLayer.freetextEditing{cursor:var(--editorFreeText-editing-cursor)}.annotationEditorLayer.inkEditing{cursor:var(--editorInk-editing-cursor);touch-action:none}.annotationEditorLayer .draw{box-sizing:border-box}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor){position:absolute;background:transparent;z-index:1;transform-origin:0 0;cursor:auto;max-width:100%;max-height:100%;border:var(--unfocus-outline)}.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){cursor:move}.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)){border:var(--focus-outline);outline:var(--focus-outline-around)}.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--focus-outline-around);pointer-events:none}:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor){border:var(--hover-outline);outline:var(--hover-outline-around)}:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)):hover:not(.selectedEditor):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--focus-outline-around)}:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{--editor-toolbar-delete-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMSAzSDEzLjZDMTQgMyAxNC4zIDMuMyAxNC4zIDMuNkMxNC4zIDMuOSAxNCA0LjIgMTMuNyA0LjJIMTMuM1YxNEMxMy4zIDE1LjEgMTIuNCAxNiAxMS4zIDE2SDQuODAwMDVDMy43MDAwNSAxNiAyLjgwMDA1IDE1LjEgMi44MDAwNSAxNFY0LjJIMi40MDAwNUMyLjAwMDA1IDQuMiAxLjgwMDA1IDQgMS44MDAwNSAzLjZDMS44MDAwNSAzLjIgMi4wMDAwNSAzIDIuNDAwMDUgM0g1LjAwMDA1VjJDNS4wMDAwNSAwLjkgNS45MDAwNSAwIDcuMDAwMDUgMEg5LjAwMDA1QzEwLjEgMCAxMSAwLjkgMTEgMlYzWk02LjkwMDA1IDEuMkw2LjMwMDA1IDEuOFYzSDkuODAwMDVWMS44TDkuMjAwMDUgMS4ySDYuOTAwMDVaTTExLjQgMTQuN0wxMiAxNC4xVjQuMkg0LjAwMDA1VjE0LjFMNC42MDAwNSAxNC43SDExLjRaTTcuMDAwMDUgMTIuNEM3LjAwMDA1IDEyLjcgNi43MDAwNSAxMyA2LjQwMDA1IDEzQzYuMTAwMDUgMTMgNS44MDAwNSAxMi43IDUuODAwMDUgMTIuNFY3LjZDNS43MDAwNSA3LjMgNi4wMDAwNSA3IDYuNDAwMDUgN0M2LjgwMDA1IDcgNy4wMDAwNSA3LjMgNy4wMDAwNSA3LjZWMTIuNFpNMTAuMjAwMSAxMi40QzEwLjIwMDEgMTIuNyA5LjkwMDA2IDEzIDkuNjAwMDYgMTNDOS4zMDAwNiAxMyA5LjAwMDA2IDEyLjcgOS4wMDAwNiAxMi40VjcuNkM5LjAwMDA2IDcuMyA5LjMwMDA2IDcgOS42MDAwNiA3QzkuOTAwMDYgNyAxMC4yMDAxIDcuMyAxMC4yMDAxIDcuNlYxMi40WiIKICAgICAgICBmaWxsPSJibGFjayIgLz4KPC9zdmc+);--editor-toolbar-bg-color:#f0f0f4;--editor-toolbar-highlight-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnPgogICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMTA5MTggMTEuNjZDNy4yNDkxOCAxMS44IDcuNDM5MTggMTEuODggNy42MzkxOCAxMS44OEM3LjgzOTE4IDExLjg4IDguMDI5MTggMTEuOCA4LjE2OTE4IDExLjY2TDE0LjkxOTIgNC45MUMxNS4yNjkyIDQuNTcgMTUuNDU5MiA0LjExIDE1LjQ1OTIgMy42MkMxNS40NTkyIDMuMTMgMTUuMjY5MiAyLjY3IDE0LjkxOTIgMi4zM0wxMy4xMjkyIDAuNTRDMTIuNzg5MiAwLjE5IDEyLjMyOTIgMCAxMS44MzkyIDBDMTEuMzQ5MiAwIDEwLjg4OTIgMC4yIDEwLjU0OTIgMC41NEwzLjc5OTE4IDcuMjlDMy41MDkxOCA3LjU4IDMuNTA5MTggOC4wNiAzLjc5OTE4IDguMzVMNC4zODk4OCA4Ljk0MDdMMS40MDkxOCAxMS45M0g1LjY0OTE4TDYuNTE0MTkgMTEuMDY1TDcuMTA5MTggMTEuNjZaTTcuNjM5MTggMTAuMDdMNS4zODkxOCA3LjgyVjcuODFMNy44NjQ4IDUuMzM0MzhMMTAuMTE5OCA3LjU4OTM4TDcuNjM5MTggMTAuMDdaTTExLjE4MDUgNi41Mjg3MkwxMy44NTkyIDMuODVDMTMuOTg5MiAzLjcyIDEzLjk4OTIgMy41MiAxMy44NTkyIDMuMzlMMTIuMDY5MiAxLjZDMTEuOTg5MiAxLjUyIDExLjg4OTIgMS41IDExLjgzOTIgMS41QzExLjgzOTIgMS41IDExLjY4OTIgMS41MSAxMS42MDkyIDEuNTlMOC45MjU0NiA0LjI3MzcyTDExLjE4MDUgNi41Mjg3MloiIGZpbGw9IiMwMDAiLz4KICAgICAgPHBhdGggZD0iTTAuNDA5MTggMTRIMTUuNDA5MlYxNkgwLjQwOTE4VjE0WiIgZmlsbD0iIzAwMCIvPgogICAgPC9nPgogIDwvc3ZnPg==);--editor-toolbar-fg-color:#2e2e56;--editor-toolbar-border-color:#8f8f9d;--editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);--editor-toolbar-hover-bg-color:#e0e0e6;--editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);--editor-toolbar-hover-outline:none;--editor-toolbar-focus-outline-color:#0060df;--editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / .2);--editor-toolbar-vert-offset:6px;--editor-toolbar-height:28px;--editor-toolbar-padding:2px;--alt-text-done-color:#2ac3a2;--alt-text-warning-color:#0090ed;--alt-text-hover-done-color:var(--alt-text-done-color);--alt-text-hover-warning-color:var(--alt-text-warning-color)}@media (prefers-color-scheme: dark){:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{--editor-toolbar-bg-color:#2b2a33;--editor-toolbar-fg-color:#fbfbfe;--editor-toolbar-hover-bg-color:#52525e;--editor-toolbar-focus-outline-color:#0df;--alt-text-done-color:#54ffbd;--alt-text-warning-color:#80ebff}}@media screen and (forced-colors: active){:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{--editor-toolbar-bg-color:ButtonFace;--editor-toolbar-fg-color:ButtonText;--editor-toolbar-border-color:ButtonText;--editor-toolbar-hover-border-color:AccentColor;--editor-toolbar-hover-bg-color:ButtonFace;--editor-toolbar-hover-fg-color:AccentColor;--editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);--editor-toolbar-focus-outline-color:ButtonBorder;--editor-toolbar-shadow:none;--alt-text-done-color:var(--editor-toolbar-fg-color);--alt-text-warning-color:var(--editor-toolbar-fg-color);--alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);--alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color)}}:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar{display:flex;width:-moz-fit-content;width:fit-content;height:var(--editor-toolbar-height);flex-direction:column;justify-content:center;align-items:center;cursor:default;pointer-events:auto;box-sizing:content-box;padding:var(--editor-toolbar-padding);position:absolute;inset-inline-end:0;inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));border-radius:6px;background-color:var(--editor-toolbar-bg-color);border:1px solid var(--editor-toolbar-border-color);box-shadow:var(--editor-toolbar-shadow)}.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){display:none}:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar):has(:focus-visible){border-color:transparent}[dir=ltr] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){transform-origin:100% 0}[dir=rtl] :is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar){transform-origin:0 0}:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons{display:flex;justify-content:center;align-items:center;gap:0;height:100%}:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) button{padding:0}:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .divider{width:0;height:calc(2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height));border-left:1px solid var(--editor-toolbar-border-color);border-right:none;display:inline-block;margin-inline:2px}:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton{width:var(--editor-toolbar-height)}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):before{content:"";-webkit-mask-image:var(--editor-toolbar-highlight-image);mask-image:var(--editor-toolbar-highlight-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:inline-block;background-color:var(--editor-toolbar-fg-color);width:100%;height:100%}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .highlightButton):hover:before{background-color:var(--editor-toolbar-hover-fg-color)}:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete{width:var(--editor-toolbar-height)}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):before{content:"";-webkit-mask-image:var(--editor-toolbar-delete-image);mask-image:var(--editor-toolbar-delete-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:inline-block;background-color:var(--editor-toolbar-fg-color);width:100%;height:100%}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .delete):hover:before{background-color:var(--editor-toolbar-hover-fg-color)}:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)>*{height:var(--editor-toolbar-height)}:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)>:not(.divider){border:none;background-color:transparent;cursor:pointer}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)>:not(.divider)):hover{border-radius:2px;background-color:var(--editor-toolbar-hover-bg-color);color:var(--editor-toolbar-hover-fg-color);outline:var(--editor-toolbar-hover-outline);outline-offset:1px}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)>:not(.divider)):hover:active{outline:none}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons)>:not(.divider)):focus-visible{border-radius:2px;outline:2px solid var(--editor-toolbar-focus-outline-color)}:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText{--alt-text-add-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgPHBhdGggZD0iTTUuMzc1IDcuNjI1VjExLjg3NUM1LjM3NSAxMi4wNDA4IDUuNDQwODUgMTIuMTk5NyA1LjU1ODA2IDEyLjMxNjlDNS42NzUyNyAxMi40MzQyIDUuODM0MjQgMTIuNSA2IDEyLjVDNi4xNjU3NiAxMi41IDYuMzI0NzMgMTIuNDM0MiA2LjQ0MTk0IDEyLjMxNjlDNi41NTkxNSAxMi4xOTk3IDYuNjI1IDEyLjA0MDggNi42MjUgMTEuODc1VjcuNjI1TDcuMTI1IDcuMTI1SDExLjM3NUMxMS41NDA4IDcuMTI1IDExLjY5OTcgNy4wNTkxNSAxMS44MTY5IDYuOTQxOTRDMTEuOTM0MiA2LjgyNDczIDEyIDYuNjY1NzYgMTIgNi41QzEyIDYuMzM0MjQgMTEuOTM0MiA2LjE3NTI3IDExLjgxNjkgNi4wNTgwNkMxMS42OTk3IDUuOTQwODUgMTEuNTQwOCA1Ljg3NSAxMS4zNzUgNS44NzVINy4xMjVMNi42MjUgNS4zNzVWMS4xMjVDNi42MjUgMC45NTkyNCA2LjU1OTE1IDAuODAwMjY5IDYuNDQxOTQgMC42ODMwNThDNi4zMjQ3MyAwLjU2NTg0OCA2LjE2NTc2IDAuNSA2IDAuNUM1LjgzNDI0IDAuNSA1LjY3NTI3IDAuNTY1ODQ4IDUuNTU4MDYgMC42ODMwNThDNS40NDA4NSAwLjgwMDI2OSA1LjM3NSAwLjk1OTI0IDUuMzc1IDEuMTI1VjUuMzc1TDQuODc1IDUuODc1SDAuNjI1QzAuNDU5MjQgNS44NzUgMC4zMDAyNjkgNS45NDA4NSAwLjE4MzA1OCA2LjA1ODA2QzAuMDY1ODQ4IDYuMTc1MjcgMCA2LjMzNDI0IDAgNi41QzAgNi42NjU3NiAwLjA2NTg0OCA2LjgyNDczIDAuMTgzMDU4IDYuOTQxOTRDMC4zMDAyNjkgNy4wNTkxNSAwLjQ1OTI0IDcuMTI1IDAuNjI1IDcuMTI1SDQuNzYyTDUuMzc1IDcuNjI1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+IAo=);--alt-text-done-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNiAwLjVDNS4yMTIwNyAwLjUgNC40MzE4NSAwLjY1NTE5NSAzLjcwMzkgMC45NTY3MjNDMi45NzU5NSAxLjI1ODI1IDIuMzE0NTEgMS43MDAyMSAxLjc1NzM2IDIuMjU3MzZDMS4yMDAyMSAyLjgxNDUxIDAuNzU4MjUxIDMuNDc1OTUgMC40NTY3MjMgNC4yMDM5QzAuMTU1MTk1IDQuOTMxODUgMCA1LjcxMjA3IDAgNi41QzAgNy4yODc5MyAwLjE1NTE5NSA4LjA2ODE1IDAuNDU2NzIzIDguNzk2MUMwLjc1ODI1MSA5LjUyNDA1IDEuMjAwMjEgMTAuMTg1NSAxLjc1NzM2IDEwLjc0MjZDMi4zMTQ1MSAxMS4yOTk4IDIuOTc1OTUgMTEuNzQxNyAzLjcwMzkgMTIuMDQzM0M0LjQzMTg1IDEyLjM0NDggNS4yMTIwNyAxMi41IDYgMTIuNUM3LjU5MTMgMTIuNSA5LjExNzQyIDExLjg2NzkgMTAuMjQyNiAxMC43NDI2QzExLjM2NzkgOS42MTc0MiAxMiA4LjA5MTMgMTIgNi41QzEyIDQuOTA4NyAxMS4zNjc5IDMuMzgyNTggMTAuMjQyNiAyLjI1NzM2QzkuMTE3NDIgMS4xMzIxNCA3LjU5MTMgMC41IDYgMC41Wk01LjA2IDguOUwyLjk0NjQgNi43ODU2QzIuODUyNzMgNi42OTE3MSAyLjgwMDE4IDYuNTY0NDYgMi44MDAzMyA2LjQzMTgzQzIuODAwNDggNi4yOTkyMSAyLjg1MzMxIDYuMTcyMDcgMi45NDcyIDYuMDc4NEMzLjA0MTA5IDUuOTg0NzMgMy4xNjgzNCA1LjkzMjE4IDMuMzAwOTcgNS45MzIzM0MzLjQzMzU5IDUuOTMyNDggMy41NjA3MyA1Ljk4NTMxIDMuNjU0NCA2LjA3OTJMNS4zMTEyIDcuNzM2OEw4LjM0NjQgNC43MDA4QzguNDQxMDkgNC42MTA5IDguNTY3MTUgNC41NjE1MyA4LjY5NzcxIDQuNTYzMjJDOC44MjgyNyA0LjU2NDkyIDguOTUzMDEgNC42MTc1NCA5LjA0NTM0IDQuNzA5ODZDOS4xMzc2NiA0LjgwMjE5IDkuMTkwMjggNC45MjY5MyA5LjE5MTk4IDUuMDU3NDlDOS4xOTM2NyA1LjE4ODA1IDkuMTQ0MyA1LjMxNDExIDkuMDU0NCA1LjQwODhMNS41NjI0IDguOUg1LjA2WiIgZmlsbD0iI0ZCRkJGRSIvPgo8L3N2Zz4gCg==);display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;padding-inline:8px;pointer-events:all;font:menu;font-weight:590;font-size:12px;color:var(--editor-toolbar-fg-color)}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):disabled{pointer-events:none}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):before{content:"";-webkit-mask-image:var(--alt-text-add-image);mask-image:var(--alt-text-add-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:inline-block;width:12px;height:13px;background-color:var(--editor-toolbar-fg-color);margin-inline-end:4px}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover:before{background-color:var(--editor-toolbar-hover-fg-color)}.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):before{-webkit-mask-image:var(--alt-text-done-image);mask-image:var(--alt-text-done-image)}.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):before{width:16px;height:16px;-webkit-mask-image:var(--new-alt-text-warning-image);mask-image:var(--new-alt-text-warning-image);background-color:var(--alt-text-warning-color);-webkit-mask-size:cover;mask-size:cover}.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover:before{background-color:var(--alt-text-hover-warning-color)}.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):before{-webkit-mask-image:var(--alt-text-done-image);mask-image:var(--alt-text-done-image);background-color:var(--alt-text-done-color)}.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText):hover:before{background-color:var(--alt-text-hover-done-color)}:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip{display:none;word-wrap:anywhere}.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){--alt-text-tooltip-bg:#f0f0f4;--alt-text-tooltip-fg:#15141a;--alt-text-tooltip-border:#8f8f9d;--alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / .2)}@media (prefers-color-scheme: dark){.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){--alt-text-tooltip-bg:#1c1b22;--alt-text-tooltip-fg:#fbfbfe;--alt-text-tooltip-shadow:0px 2px 6px 0px #15141a}}@media screen and (forced-colors: active){.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){--alt-text-tooltip-bg:Canvas;--alt-text-tooltip-fg:CanvasText;--alt-text-tooltip-border:CanvasText;--alt-text-tooltip-shadow:none}}.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor,.highlightEditor),.textLayer) .editToolbar) .buttons) .altText) .tooltip){display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:calc(100% + 2px);inset-inline-start:0;padding-block:2px 3px;padding-inline:3px;max-width:300px;width:-moz-max-content;width:max-content;height:auto;font-size:12px;border:.5px solid var(--alt-text-tooltip-border);background:var(--alt-text-tooltip-bg);box-shadow:var(--alt-text-tooltip-shadow);color:var(--alt-text-tooltip-fg);pointer-events:none}.annotationEditorLayer .freeTextEditor{padding:calc(var(--freetext-padding) * var(--scale-factor));width:auto;height:auto;touch-action:none}.annotationEditorLayer .freeTextEditor .internal{background:transparent;border:none;top:0;right:0;bottom:0;left:0;overflow:visible;white-space:nowrap;font:10px sans-serif;line-height:var(--freetext-line-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}.annotationEditorLayer .freeTextEditor .overlay{position:absolute;display:none;background:transparent;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.annotationEditorLayer freeTextEditor .overlay.enabled{display:block}.annotationEditorLayer .freeTextEditor .internal:empty:before{content:attr(default-content);color:gray}.annotationEditorLayer .freeTextEditor .internal:focus{outline:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.annotationEditorLayer .inkEditor{width:100%;height:100%}.annotationEditorLayer .inkEditor.editing{cursor:inherit}.annotationEditorLayer .inkEditor .inkEditorCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.annotationEditorLayer .stampEditor{width:auto;height:auto}:is(.annotationEditorLayer .stampEditor) canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{--no-alt-text-badge-border-color:#f0f0f4;--no-alt-text-badge-bg-color:#cfcfd8;--no-alt-text-badge-fg-color:#5b5b66}@media (prefers-color-scheme: dark){:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{--no-alt-text-badge-border-color:#52525e;--no-alt-text-badge-bg-color:#fbfbfe;--no-alt-text-badge-fg-color:#15141a}}@media screen and (forced-colors: active){:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{--no-alt-text-badge-border-color:ButtonText;--no-alt-text-badge-bg-color:ButtonFace;--no-alt-text-badge-fg-color:ButtonText}}:is(.annotationEditorLayer .stampEditor) .noAltTextBadge{position:absolute;inset-inline-end:5px;inset-block-end:5px;display:inline-flex;width:32px;height:32px;padding:3px;justify-content:center;align-items:center;pointer-events:none;z-index:1;border-radius:2px;border:1px solid var(--no-alt-text-badge-border-color);background:var(--no-alt-text-badge-bg-color)}:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge):before{content:"";display:inline-block;width:16px;height:16px;-webkit-mask-image:var(--new-alt-text-warning-image);mask-image:var(--new-alt-text-warning-image);-webkit-mask-size:cover;mask-size:cover;background-color:var(--no-alt-text-badge-fg-color)}:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers{position:absolute;top:0;right:0;bottom:0;left:0}.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers){display:none}:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer{width:var(--resizer-size);height:var(--resizer-size);background:content-box var(--resizer-bg-color);border:var(--focus-outline-around);border-radius:2px;position:absolute}.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){top:var(--resizer-shift);left:var(--resizer-shift)}.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){top:var(--resizer-shift);left:calc(50% + var(--resizer-shift))}.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){top:var(--resizer-shift);right:var(--resizer-shift)}.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){top:calc(50% + var(--resizer-shift));right:var(--resizer-shift)}.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){bottom:var(--resizer-shift);right:var(--resizer-shift)}.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){bottom:var(--resizer-shift);left:calc(50% + var(--resizer-shift))}.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){bottom:var(--resizer-shift);left:var(--resizer-shift)}.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor))>.resizers)>.resizer){top:calc(50% + var(--resizer-shift));left:var(--resizer-shift)}.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer){cursor:nwse-resize}.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer){cursor:ns-resize}.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer){cursor:nesw-resize}.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]))>.resizers>.resizer){cursor:ew-resize}.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer),.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer){cursor:nesw-resize}.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer),.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer){cursor:ew-resize}.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer),.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer){cursor:nwse-resize}.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer),.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"]),.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"]),.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"]),.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"]))>.resizers>.resizer){cursor:ns-resize}:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar{rotate:270deg}[dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));inset-block-start:0}[dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"],[data-main-rotation="90"] [data-editor-rotation="0"],[data-main-rotation="180"] [data-editor-rotation="270"],[data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar){inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));inset-block-start:0}:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"],[data-main-rotation="90"] [data-editor-rotation="90"],[data-main-rotation="180"] [data-editor-rotation="0"],[data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar{rotate:180deg;inset-inline-end:100%;inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset))}:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar{rotate:90deg}[dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));inset-block-start:100%}[dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"],[data-main-rotation="90"] [data-editor-rotation="180"],[data-main-rotation="180"] [data-editor-rotation="90"],[data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar){inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));inset-block-start:0}.dialog.altText::backdrop{-webkit-mask:url(#alttext-manager-mask);mask:url(#alttext-manager-mask)}.dialog.altText.positioned{margin:0}.dialog.altText #altTextContainer{width:300px;height:-moz-fit-content;height:fit-content;display:inline-flex;flex-direction:column;align-items:flex-start;gap:16px}:is(.dialog.altText #altTextContainer) #overallDescription{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}:is(:is(.dialog.altText #altTextContainer) #overallDescription) span{align-self:stretch}:is(:is(.dialog.altText #altTextContainer) #overallDescription) .title{font-size:13px;font-style:normal;font-weight:590}:is(.dialog.altText #altTextContainer) #addDescription{display:flex;flex-direction:column;align-items:stretch;gap:8px}:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea{flex:1;padding-inline:24px 10px}:is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea{width:100%;min-height:75px}:is(.dialog.altText #altTextContainer) #buttons{display:flex;justify-content:flex-end;align-items:flex-start;gap:8px;align-self:stretch}.dialog.newAltText{--new-alt-text-ai-disclaimer-icon:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjQ5MDczIDEuMzAxNUwzLjMwODczIDIuMTUwNUMzLjI5MzQ5IDIuMjIyNDYgMy4yNTc2OSAyLjI4ODQ0IDMuMjA1NjggMi4zNDA0NUMzLjE1MzY4IDIuMzkyNDYgMy4wODc2OSAyLjQyODI2IDMuMDE1NzMgMi40NDM1TDIuMTY2NzMgMi42MjU1QzEuNzY0NzMgMi43MTI1IDEuNzY0NzMgMy4yODY1IDIuMTY2NzMgMy4zNzI1TDMuMDE1NzMgMy41NTU1QzMuMDg3NjkgMy41NzA3NCAzLjE1MzY4IDMuNjA2NTQgMy4yMDU2OCAzLjY1ODU1QzMuMjU3NjkgMy43MTA1NiAzLjI5MzQ5IDMuNzc2NTQgMy4zMDg3MyAzLjg0ODVMMy40OTA3MyA0LjY5NzVDMy41Nzc3MyA1LjA5OTUgNC4xNTE3MyA1LjA5OTUgNC4yMzc3MyA0LjY5NzVMNC40MjA3MyAzLjg0ODVDNC40MzU5OCAzLjc3NjU0IDQuNDcxNzcgMy43MTA1NiA0LjUyMzc4IDMuNjU4NTVDNC41NzU3OSAzLjYwNjU0IDQuNjQxNzggMy41NzA3NCA0LjcxMzczIDMuNTU1NUw1LjU2MTczIDMuMzcyNUM1Ljk2MzczIDMuMjg1NSA1Ljk2MzczIDIuNzExNSA1LjU2MTczIDIuNjI1NUw0LjcxMjczIDIuNDQzNUM0LjY0MDgzIDIuNDI4MTQgNC41NzQ5MSAyLjM5MjMgNC41MjI5MiAyLjM0MDMxQzQuNDcwOTMgMi4yODgzMiA0LjQzNTA5IDIuMjIyNCA0LjQxOTczIDIuMTUwNUw0LjIzNzczIDEuMzAxNUM0LjE1MDczIDAuODk5NSAzLjU3NjczIDAuODk5NSAzLjQ5MDczIDEuMzAxNVpNMTAuODY0NyAxMy45OTk1QzEwLjQ4NTMgMTQuMDA1NiAxMC4xMTU4IDEzLjg3ODIgOS44MjA2NyAxMy42Mzk3QzkuNTI1NTMgMTMuNDAxMyA5LjMyMzQ3IDEzLjA2NjcgOS4yNDk3MyAxMi42OTQ1TDguODkyNzMgMTEuMDI3NUM4LjgzNjc2IDEwLjc2ODcgOC43MDczOCAxMC41MzE2IDguNTIwMDkgMTAuMzQ0NUM4LjMzMjggMTAuMTU3NCA4LjA5NTU0IDEwLjAyODIgNy44MzY3MyA5Ljk3MjVMNi4xNjk3MyA5LjYxNTVDNS4zODg3MyA5LjQ0NjUgNC44NjQ3MyA4Ljc5NzUgNC44NjQ3MyA3Ljk5OTVDNC44NjQ3MyA3LjIwMTUgNS4zODg3MyA2LjU1MjUgNi4xNjk3MyA2LjM4NDVMNy44MzY3MyA2LjAyNzVDOC4wOTU1MSA1Ljk3MTM1IDguMzMyNjcgNS44NDE5MyA4LjUxOTkyIDUuNjU0NjhDOC43MDcxNiA1LjQ2NzQ0IDguODM2NTggNS4yMzAyOCA4Ljg5MjczIDQuOTcxNUw5LjI1MDczIDMuMzA0NUM5LjQxNzczIDIuNTIzNSAxMC4wNjY3IDEuOTk5NSAxMC44NjQ3IDEuOTk5NUMxMS42NjI3IDEuOTk5NSAxMi4zMTE3IDIuNTIzNSAxMi40Nzk3IDMuMzA0NUwxMi44MzY3IDQuOTcxNUMxMi45NTA3IDUuNDk5NSAxMy4zNjQ3IDUuOTEzNSAxMy44OTI3IDYuMDI2NUwxNS41NTk3IDYuMzgzNUMxNi4zNDA3IDYuNTUyNSAxNi44NjQ3IDcuMjAxNSAxNi44NjQ3IDcuOTk5NUMxNi44NjQ3IDguNzk3NSAxNi4zNDA3IDkuNDQ2NSAxNS41NTk3IDkuNjE0NUwxMy44OTI3IDkuOTcxNUMxMy42MzM3IDEwLjAyNzUgMTMuMzk2MyAxMC4xNTcgMTMuMjA5IDEwLjM0NDVDMTMuMDIxNyAxMC41MzE5IDEyLjg5MjUgMTAuNzY5NCAxMi44MzY3IDExLjAyODVMMTIuNDc4NyAxMi42OTQ1QzEyLjQwNTQgMTMuMDY2NyAxMi4yMDM2IDEzLjQwMTQgMTEuOTA4NiAxMy42Mzk5QzExLjYxMzUgMTMuODc4NCAxMS4yNDQxIDE0LjAwNTcgMTAuODY0NyAxMy45OTk1Wk0xMC44NjQ3IDMuMjQ5NUMxMC43NjY3IDMuMjQ5NSAxMC41MzM3IDMuMjc5NSAxMC40NzI3IDMuNTY1NUwxMC4xMTQ3IDUuMjMzNUMxMC4wMDgxIDUuNzI3NzcgOS43NjExNiA2LjE4MDgyIDkuNDAzNjEgNi41MzgzN0M5LjA0NjA2IDYuODk1OTMgOC41OTMwMSA3LjE0MjgzIDguMDk4NzMgNy4yNDk1TDYuNDMxNzMgNy42MDY1QzYuMTQ1NzMgNy42Njg1IDYuMTE0NzMgNy45MDE1IDYuMTE0NzMgNy45OTk1QzYuMTE0NzMgOC4wOTc1IDYuMTQ1NzMgOC4zMzA1IDYuNDMxNzMgOC4zOTI1TDguMDk4NzMgOC43NDk1QzguNTkzMDEgOC44NTYxNyA5LjA0NjA2IDkuMTAzMDcgOS40MDM2MSA5LjQ2MDYyQzkuNzYxMTYgOS44MTgxNyAxMC4wMDgxIDEwLjI3MTIgMTAuMTE0NyAxMC43NjU1TDEwLjQ3MjcgMTIuNDMzNUMxMC41MzM3IDEyLjcxOTUgMTAuNzY2NyAxMi43NDk1IDEwLjg2NDcgMTIuNzQ5NUMxMC45NjI3IDEyLjc0OTUgMTEuMTk1NyAxMi43MTk1IDExLjI1NjcgMTIuNDMzNUwxMS42MTQ3IDEwLjc2NjVDMTEuNzIxMiAxMC4yNzIgMTEuOTY4MSA5LjgxODc4IDEyLjMyNTYgOS40NjEwM0MxMi42ODMyIDkuMTAzMjkgMTMuMTM2MyA4Ljg1NjI0IDEzLjYzMDcgOC43NDk1TDE1LjI5NzcgOC4zOTI1QzE1LjU4MzcgOC4zMzA1IDE1LjYxNDcgOC4wOTc1IDE1LjYxNDcgNy45OTk1QzE1LjYxNDcgNy45MDE1IDE1LjU4MzcgNy42Njg1IDE1LjI5NzcgNy42MDY1TDEzLjYzMDcgNy4yNDk1QzEzLjEzNjUgNy4xNDI4MyAxMi42ODM0IDYuODk1OTMgMTIuMzI1OSA2LjUzODM3QzExLjk2ODMgNi4xODA4MiAxMS43MjE0IDUuNzI3NzcgMTEuNjE0NyA1LjIzMzVMMTEuMjU2NyAzLjU2NTVDMTEuMTk1NyAzLjI3OTUgMTAuOTYyNyAzLjI0OTUgMTAuODY0NyAzLjI0OTVaTTMuMzA4NzMgMTIuMTUwNUwzLjQ5MDczIDExLjMwMTVDMy41NzY3MyAxMC44OTk1IDQuMTUwNzMgMTAuODk5NSA0LjIzNzczIDExLjMwMTVMNC40MTk3MyAxMi4xNTA1QzQuNDM1MDkgMTIuMjIyNCA0LjQ3MDkzIDEyLjI4ODMgNC41MjI5MiAxMi4zNDAzQzQuNTc0OTEgMTIuMzkyMyA0LjY0MDgzIDEyLjQyODEgNC43MTI3MyAxMi40NDM1TDUuNTYxNzMgMTIuNjI1NUM1Ljk2MzczIDEyLjcxMTUgNS45NjM3MyAxMy4yODU1IDUuNTYxNzMgMTMuMzcyNUw0LjcxMjczIDEzLjU1NDVDNC42NDA4MyAxMy41Njk5IDQuNTc0OTEgMTMuNjA1NyA0LjUyMjkyIDEzLjY1NzdDNC40NzA5MyAxMy43MDk3IDQuNDM1MDkgMTMuNzc1NiA0LjQxOTczIDEzLjg0NzVMNC4yMzc3MyAxNC42OTY1QzQuMTUxNzMgMTUuMDk4NSAzLjU3NzczIDE1LjA5ODUgMy40OTA3MyAxNC42OTY1TDMuMzA4NzMgMTMuODQ3NUMzLjI5MzM3IDEzLjc3NTYgMy4yNTc1NCAxMy43MDk3IDMuMjA1NTUgMTMuNjU3N0MzLjE1MzU2IDEzLjYwNTcgMy4wODc2NCAxMy41Njk5IDMuMDE1NzMgMTMuNTU0NUwyLjE2NjczIDEzLjM3MjVDMS43NjQ3MyAxMy4yODY1IDEuNzY0NzMgMTIuNzEyNSAyLjE2NjczIDEyLjYyNTVMMy4wMTU3MyAxMi40NDM1QzMuMDg3NjkgMTIuNDI4MyAzLjE1MzY4IDEyLjM5MjUgMy4yMDU2OCAxMi4zNDA1QzMuMjU3NjkgMTIuMjg4NCAzLjI5MzQ5IDEyLjIyMjUgMy4zMDg3MyAxMi4xNTA1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);--new-alt-text-spinner-icon:url(data:image/svg+xml;base64,PCEtLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljCiAgIC0gTGljZW5zZSwgdi4gMi4wLiBJZiBhIGNvcHkgb2YgdGhlIE1QTCB3YXMgbm90IGRpc3RyaWJ1dGVkIHdpdGggdGhpcwogICAtIGZpbGUsIFlvdSBjYW4gb2J0YWluIG9uZSBhdCBodHRwOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxzdHlsZT4KICAgIEBtZWRpYSBub3QgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb24pIHsKICAgICAgQGtleWZyYW1lcyBsb2FkaW5nUm90YXRlIHsKICAgICAgICBmcm9tIHsgcm90YXRlOiAwOyB9IHRvIHsgcm90YXRlOiAzNjBkZWcgfQogICAgICB9CiAgICAgICNjaXJjbGUtYXJyb3dzIHsKICAgICAgICBhbmltYXRpb246IGxvYWRpbmdSb3RhdGUgMS44cyBsaW5lYXIgaW5maW5pdGU7CiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTsKICAgICAgfQogICAgICAjaG91cmdsYXNzIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICB9CgogICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uKSB7CiAgICAgICNjaXJjbGUtYXJyb3dzIHsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgICB9CiAgICB9CiAgPC9zdHlsZT4KICA8cGF0aCBpZD0iY2lyY2xlLWFycm93cyIgZD0iTTkgNS41MjhjMCAuNDIuNTA4LjYzLjgwNC4zMzNsMi41MjgtMi41MjhhLjQ3LjQ3IDAgMCAwIDAtLjY2Nkw5LjgwNS4xNEEuNDcxLjQ3MSAwIDAgMCA5IC40NzJ2MS44NjZBNS43NTYgNS43NTYgMCAwIDAgMi4yNSA4YzAgLjk0Mi4yMzIgMS44My42MzUgMi42MTVsMS4xNDMtMS4xNDNBNC4yMDggNC4yMDggMCAwIDEgMy43NSA4IDQuMjU0IDQuMjU0IDAgMCAxIDggMy43NWMuMzQ1IDAgLjY4LjA0MiAxIC4xMjJ2MS42NTZ6TTcgMTAuNDcydjEuNjU2Yy4zMi4wOC42NTUuMTIyIDEgLjEyMkE0LjI1NCA0LjI1NCAwIDAgMCAxMi4yNSA4YzAtLjUyLS4xMDctMS4wMTMtLjI3OS0xLjQ3NGwxLjE0My0xLjE0M2MuNDA0Ljc4Ni42MzYgMS42NzQuNjM2IDIuNjE3QTUuNzU2IDUuNzU2IDAgMCAxIDcgMTMuNjYydjEuODY2YS40Ny40NyAwIDAgMS0uODA0LjMzM2wtMi41MjgtMi41MjhhLjQ3LjQ3IDAgMCAxIDAtLjY2NmwyLjUyOC0yLjUyOGEuNDcuNDcgMCAwIDEgLjgwNC4zMzN6Ii8+CiAgPGcgaWQ9ImhvdXJnbGFzcyI+CiAgICA8cGF0aCBkPSJNMTMsMSBDMTMuNTUyMjg0NywxIDE0LDEuNDQ3NzE1MjUgMTQsMiBDMTQsMi41NTIyODQ3NSAxMy41NTIyODQ3LDMgMTMsMyBMMTIuOTg1NDIxNywyLjk5OTkwODAxIEMxMi45OTUwODE3LDMuMTY0OTU4ODUgMTMsMy4zMzE3MzI3NCAxMywzLjUgQzEzLDUuMjQ2Nzk4ODUgMTAuOTg3NzMxOCw2LjAxMDkwNDk1IDEwLjk4NzczMTgsOC4wMDE3NTM4IEMxMC45ODc3MzE4LDkuOTkyNjAyNjQgMTMsMTAuNzUzNjkyMiAxMywxMi41IEMxMywxMi42Njg2MDc5IDEyLjk5NTA2MTcsMTIuODM1NzE2MyAxMi45ODUzNjMsMTMuMDAxMDk0MyBMMTMsMTMgQzEzLjU1MjI4NDcsMTMgMTQsMTMuNDQ3NzE1MyAxNCwxNCBDMTQsMTQuNTUyMjg0NyAxMy41NTIyODQ3LDE1IDEzLDE1IEwzLDE1IEMyLjQ0NzcxNTI1LDE1IDIsMTQuNTUyMjg0NyAyLDE0IEMyLDEzLjQ0NzcxNTMgMi40NDc3MTUyNSwxMyAzLDEzIEwzLjAxNDYzNzA0LDEzLjAwMTA5NDMgQzMuMDA0OTM4MjcsMTIuODM1NzE2MyAzLDEyLjY2ODYwNzkgMywxMi41IEMzLDEwLjc1MzY5MjIgNC45ODc3MzE4LDkuOTkyNjAyNjQgNSw4LjAwMTc1MzggQzUuMDEyMjY4Miw2LjAxMDkwNDk1IDMsNS4yNDY3OTg4NSAzLDMuNSBDMywzLjMzMTczMjc0IDMuMDA0OTE4MzQsMy4xNjQ5NTg4NSAzLjAxNDU3ODMyLDIuOTk5OTA4MDEgTDMsMyBDMi40NDc3MTUyNSwzIDIsMi41NTIyODQ3NSAyLDIgQzIsMS40NDc3MTUyNSAyLjQ0NzcxNTI1LDEgMywxIEwxMywxIFogTTEwLjk4NywzIEw1LjAxMiwzIEw1LjAwMzA4OTE0LDMuMjQ4MTU3MTIgQzUuMDAxMDM3MDcsMy4zMzE2MzM2OCA1LDMuNDE1NTk0OCA1LDMuNSBDNSw1LjM2MTI1MDY5IDYuOTkxNTM2NDYsNi4wMTc3NDA4OSA2Ljk5MTUzNjQ2LDguMDAxNzUzOCBDNi45OTE1MzY0Niw5Ljk4NTc2NjcxIDUsMTAuNjM5MzczNyA1LDEyLjUgTDUuMDAzMDc3NDYsMTIuNzUxMzY3NiBMNS4wMTIyMjIwMSwxMi45OTk4MzkyIEw1LjYwMTkxNzExLDEyLjk5ODgzNDQgTDYuMDQyNTEzOCwxMi4yOTU5ODI2IEM3LjAyMzYyNzMxLDEwLjc2NTMyNzUgNy42NzYxMjI3MSwxMCA4LDEwIEM4LjM3MDE0NTQ3LDEwIDkuMTY5NTA2NDQsMTAuOTk5NjExNSAxMC4zOTgwODI5LDEyLjk5ODgzNDQgTDEwLjk4Nzc3OCwxMi45OTk4MzkyIEMxMC45OTU4Njc0LDEyLjgzNTIxMDQgMTEsMTIuNjY4NDkgMTEsMTIuNSBDMTEsMTAuNjM5MzczNyA4Ljk4Njg5Nzc5LDEwLjAxNDczODEgOC45ODY4OTc3OSw4LjAwMTc1MzggQzguOTg2ODk3NzksNS45ODg3Njk1MyAxMSw1LjM2MTI1MDY5IDExLDMuNSBMMTAuOTk2OTEwOSwzLjI0ODE1NzEyIEwxMC45ODcsMyBaIi8+CiAgICA8cGF0aCBkPSJNNiw0IEwxMCw0IEM4Ljk1MTY2MDE2LDYgOC4yODQ5OTM0OSw3IDgsNyBDNy43MTUwMDY1MSw3IDcuMDQ4MzM5ODQsNiA2LDQgWiIvPgogIDwvZz4KPC9zdmc+Cg==);--preview-image-bg-color:#f0f0f4;--preview-image-border:none}@media (prefers-color-scheme: dark){.dialog.newAltText{--preview-image-bg-color:#2b2a33}}@media screen and (forced-colors: active){.dialog.newAltText{--preview-image-bg-color:ButtonFace;--preview-image-border:1px solid ButtonText}}.dialog.newAltText{width:80%;max-width:570px;min-width:300px;padding:0}.dialog.newAltText.noAi #newAltTextDisclaimer,.dialog.newAltText.noAi #newAltTextCreateAutomatically,.dialog.newAltText.aiInstalling #newAltTextCreateAutomatically{display:none!important}.dialog.newAltText.aiInstalling #newAltTextDownloadModel{display:flex!important}.dialog.newAltText.error #newAltTextNotNow{display:none!important}.dialog.newAltText.error #newAltTextCancel{display:inline-block!important}.dialog.newAltText:not(.error) #newAltTextError{display:none!important}.dialog.newAltText #newAltTextContainer{display:flex;width:auto;padding:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;flex:0 1 auto;line-height:normal}:is(.dialog.newAltText #newAltTextContainer) #mainContent{display:flex;justify-content:flex-end;align-items:flex-start;gap:12px;align-self:stretch;flex:1 1 auto}:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch}:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;flex:1 1 auto}:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer{width:100%;height:70px;position:relative}:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea{width:100%;height:100%;padding:8px}:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder{color:var(--text-secondary-color)}:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder{color:var(--text-secondary-color)}:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{display:none;position:absolute;width:16px;height:16px;inset-inline-start:8px;inset-block-start:8px;-webkit-mask-size:cover;mask-size:cover;background-color:var(--text-secondary-color);pointer-events:none}.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder{color:transparent}.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder{color:transparent}.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner{display:inline-block;-webkit-mask-image:var(--new-alt-text-spinner-icon);mask-image:var(--new-alt-text-spinner-icon)}:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription{font-size:11px}:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer{display:flex;flex-direction:row;align-items:flex-start;gap:4px;font-size:11px}:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer):before{content:"";display:inline-block;width:17px;height:16px;-webkit-mask-image:var(--new-alt-text-ai-disclaimer-icon);mask-image:var(--new-alt-text-ai-disclaimer-icon);-webkit-mask-size:cover;mask-size:cover;background-color:var(--text-secondary-color);flex:1 0 auto}:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel{display:flex;align-items:center;gap:4px;align-self:stretch}:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel):before{content:"";display:inline-block;width:16px;height:16px;-webkit-mask-image:var(--new-alt-text-spinner-icon);mask-image:var(--new-alt-text-spinner-icon);-webkit-mask-size:cover;mask-size:cover;background-color:var(--text-secondary-color)}:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview{width:180px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;flex:0 0 auto;background-color:var(--preview-image-bg-color);border:var(--preview-image-border)}:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview)>canvas{max-width:100%;max-height:100%}.colorPicker{--hover-outline-color:#0250bb;--selected-outline-color:#0060df;--swatch-border-color:#cfcfd8}@media (prefers-color-scheme: dark){.colorPicker{--hover-outline-color:#80ebff;--selected-outline-color:#aaf2ff;--swatch-border-color:#52525e}}@media screen and (forced-colors: active){.colorPicker{--hover-outline-color:Highlight;--selected-outline-color:var(--hover-outline-color);--swatch-border-color:ButtonText}}.colorPicker .swatch{width:16px;height:16px;border:1px solid var(--swatch-border-color);border-radius:100%;outline-offset:2px;box-sizing:border-box;forced-color-adjust:none}.colorPicker button:is(:hover,.selected)>.swatch{border:none}.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free)>.editToolbar{rotate:0deg}.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free)>.editToolbar{rotate:270deg}.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free)>.editToolbar{rotate:180deg}.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free)>.editToolbar{rotate:90deg}.annotationEditorLayer .highlightEditor{position:absolute;background:transparent;z-index:1;cursor:auto;max-width:100%;max-height:100%;border:none;outline:none;pointer-events:none;transform-origin:0 0}:is(.annotationEditorLayer .highlightEditor):not(.free){transform:none}:is(.annotationEditorLayer .highlightEditor) .internal{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.disabled:is(.annotationEditorLayer .highlightEditor) .internal{pointer-events:none}.selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal{cursor:pointer}:is(.annotationEditorLayer .highlightEditor) .editToolbar{--editor-toolbar-colorpicker-arrow-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMjMzMzYgMTAuNDY2NEwxMS44NDc0IDYuODUzMzlDMTEuODk0IDYuODA3MSAxMS45MzEgNi43NTIwMyAxMS45NTYzIDYuNjkxMzZDMTEuOTgxNiA2LjYzMDY5IDExLjk5NDYgNi41NjU2MiAxMS45OTQ2IDYuNDk5ODlDMTEuOTk0NiA2LjQzNDE3IDExLjk4MTYgNi4zNjkxIDExLjk1NjMgNi4zMDg0M0MxMS45MzEgNi4yNDc3NiAxMS44OTQgNi4xOTI2OSAxMS44NDc0IDYuMTQ2MzlDMTEuNzUzNiA2LjA1MjY2IDExLjYyNjQgNiAxMS40OTM5IDZDMTEuMzYxMyA2IDExLjIzNDEgNi4wNTI2NiAxMS4xNDA0IDYuMTQ2MzlMNy45OTIzNiA5LjI5MzM5TDQuODQ3MzYgNi4xNDczOUM0Ljc1MzA1IDYuMDU2MzEgNC42MjY3NSA2LjAwNTkyIDQuNDk1NjYgNi4wMDcwNkM0LjM2NDU2IDYuMDA4MiA0LjIzOTE1IDYuMDYwNzggNC4xNDY0NSA2LjE1MzQ4QzQuMDUzNzQgNi4yNDYxOSA0LjAwMTE2IDYuMzcxNTkgNC4wMDAwMiA2LjUwMjY5QzMuOTk4ODggNi42MzM3OSA0LjA0OTI4IDYuNzYwMDkgNC4xNDAzNiA2Ljg1NDM5TDcuNzUyMzYgMTAuNDY3NEw4LjIzMzM2IDEwLjQ2NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);transform-origin:center!important}:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker{position:relative;width:auto;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px}:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):after{content:"";-webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);mask-image:var(--editor-toolbar-colorpicker-arrow-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:inline-block;background-color:var(--editor-toolbar-fg-color);width:12px;height:12px}:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover:after{background-color:var(--editor-toolbar-hover-fg-color)}:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)){background-color:var(--editor-toolbar-hover-bg-color)}:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)):after{scale:-1}:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:11px;padding-block:8px;border-radius:6px;background-color:var(--editor-toolbar-bg-color);border:1px solid var(--editor-toolbar-border-color);box-shadow:var(--editor-toolbar-shadow);inset-block-start:calc(100% + 4px);width:calc(100% + 2 * var(--editor-toolbar-padding))}:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button{width:100%;height:auto;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;background:none}:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active,:focus-visible){outline:none}:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button)>.swatch{outline-offset:2px}[aria-selected=true]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button)>.swatch{outline:2px solid var(--selected-outline-color)}:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible)>.swatch{outline:2px solid var(--hover-outline-color)}.editorParamsToolbar:has(#highlightParamsToolbarContainer){padding:unset}#highlightParamsToolbarContainer{gap:16px;padding-inline:10px;padding-block-end:12px}#highlightParamsToolbarContainer .colorPicker{display:flex;flex-direction:column;gap:8px}:is(#highlightParamsToolbarContainer .colorPicker) .dropdown{display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:auto}:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button{width:auto;height:auto;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;background:none;flex:0 0 auto;padding:0}:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch{width:24px;height:24px}:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active,:focus-visible){outline:none}[aria-selected=true]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button)>.swatch{outline:2px solid var(--selected-outline-color)}:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover,:active,:focus-visible)>.swatch{outline:2px solid var(--hover-outline-color)}#highlightParamsToolbarContainer #editorHighlightThickness{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}:is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel{height:auto;align-self:stretch}:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{display:flex;justify-content:space-between;align-items:center;align-self:stretch;--example-color:#bfbfc9}@media (prefers-color-scheme: dark){:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{--example-color:#80808e}}@media screen and (forced-colors: active){:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker{--example-color:CanvasText}}:is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)>.editorParamsSlider[disabled]){opacity:.4}:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker):before,:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker):after{content:"";width:8px;aspect-ratio:1;display:block;border-radius:100%;background-color:var(--example-color)}:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker):after{width:24px}:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider{width:unset;height:14px}#highlightParamsToolbarContainer #editorHighlightVisibility{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{--divider-color:#d7d7db}@media (prefers-color-scheme: dark){:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{--divider-color:#8f8f9d}}@media screen and (forced-colors: active){:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{--divider-color:CanvasText}}:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider{margin-block:4px;width:100%;height:1px;background-color:var(--divider-color)}:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler{display:flex;justify-content:space-between;align-items:center;align-self:stretch}#altTextSettingsDialog{padding:16px}#altTextSettingsDialog #altTextSettingsContainer{display:flex;width:573px;flex-direction:column;gap:16px}:is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer{gap:16px}:is(#altTextSettingsDialog #altTextSettingsContainer) .description{color:var(--text-secondary-color)}:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings{display:flex;flex-direction:column;gap:12px}:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button{width:-moz-fit-content;width:fit-content}.download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton{display:none}:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton{display:none}:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,:is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor{display:flex;flex-direction:column;gap:8px}:is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,:is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription{padding-inline-start:40px}:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings{display:flex;flex-direction:column;gap:16px}:root{--viewer-container-height:0;--pdfViewer-padding-bottom:0;--page-margin:1px auto -8px;--page-border:9px solid transparent;--spreadHorizontalWrapped-margin-LR:-3.5px;--loading-icon-delay:.4s}@media screen and (forced-colors: active){:root{--pdfViewer-padding-bottom:9px;--page-margin:8px auto -1px;--page-border:1px solid CanvasText;--spreadHorizontalWrapped-margin-LR:3.5px}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}#hiddenCopyElement,.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.pdfViewer{--scale-factor:1;--page-bg-color:unset;padding-bottom:var(--pdfViewer-padding-bottom);--hcm-highlight-filter:none;--hcm-highlight-selected-filter:none}@media screen and (forced-colors: active){.pdfViewer{--hcm-highlight-filter:invert(100%)}}.pdfViewer.copyAll{cursor:wait}.pdfViewer .canvasWrapper{overflow:hidden;width:100%;height:100%}:is(.pdfViewer .canvasWrapper) canvas{margin:0;display:block;width:100%;height:100%}[hidden]:is(:is(.pdfViewer .canvasWrapper) canvas){display:none}[zooming]:is(:is(.pdfViewer .canvasWrapper) canvas){width:100%;height:100%}:is(:is(.pdfViewer .canvasWrapper) canvas) .structTree{contain:strict}.pdfViewer .page{--scale-round-x:1px;--scale-round-y:1px;direction:ltr;width:816px;height:1056px;margin:var(--page-margin);position:relative;overflow:visible;border:var(--page-border);background-clip:content-box;background-color:var(--page-bg-color, rgb(255 255 255))}.pdfViewer .dummyPage{position:relative;width:0;height:var(--viewer-container-height)}.pdfViewer.noUserSelect{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pdfViewer.removePageBorders .page{margin:0 auto 10px;border:none}.pdfViewer.singlePageView{display:inline-block}.pdfViewer.singlePageView .page{margin:0;border:none}.pdfViewer:is(.scrollHorizontal,.scrollWrapped),.spread{margin-inline:3.5px;text-align:center}.pdfViewer.scrollHorizontal,.spread{white-space:nowrap}.pdfViewer.removePageBorders,.pdfViewer:is(.scrollHorizontal,.scrollWrapped) .spread{margin-inline:0}.spread :is(.page,.dummyPage),.pdfViewer:is(.scrollHorizontal,.scrollWrapped) :is(.page,.spread){display:inline-block;vertical-align:middle}.spread .page,.pdfViewer:is(.scrollHorizontal,.scrollWrapped) .page{margin-inline:var(--spreadHorizontalWrapped-margin-LR)}.pdfViewer.removePageBorders .spread .page,.pdfViewer.removePageBorders:is(.scrollHorizontal,.scrollWrapped) .page{margin-inline:5px}.pdfViewer .page.loadingIcon:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==) center no-repeat;display:none;transition-property:display;transition-delay:var(--loading-icon-delay);z-index:5;contain:strict}.pdfViewer .page.loading:after{display:block}.pdfViewer .page:not(.loading):after{transition-property:none;display:none}.pdfPresentationMode .pdfViewer{padding-bottom:0}.pdfPresentationMode .spread{margin:0}.pdfPresentationMode .pdfViewer .page{margin:0 auto;border:2px solid transparent}.annotationLayer{right:0;bottom:0}.annotationLayer section{z-index:1!important}.xfaLayer{z-index:5} .scale-controls[data-v-928a7e6d] { display: inline-flex; align-items: stretch; border: 1px solid var(--primary-text-color); border-radius: 4px; height: 30px; } .scale-button[data-v-928a7e6d] { display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; font-size: 14px; background-color: var(--primary-background-color); color: var(--primary-text-color); cursor: pointer; transition: background-color 0.1s; border: none; width: 30px; } .scale-button[data-v-928a7e6d]:hover:not(:disabled) { background-color: var(--accent-color3-hover); } .scale-button[data-v-928a7e6d]:disabled { opacity: 0.6; cursor: not-allowed; } .scale-button--left[data-v-928a7e6d] { border-right: 1px solid var(--primary-text-color); border-radius: 3px 0 0 3px; } .scale-button--right[data-v-928a7e6d] { border-left: 1px solid var(--primary-text-color); border-radius: 0 3px 3px 0; } .scale-value[data-v-928a7e6d] { display: inline-flex; align-items: center; justify-content: center; padding: 0 0.5rem; font-size: 14px; background-color: var(--primary-background-color); color: var(--primary-text-color); } .page-controls[data-v-a580fba2] { display: inline-flex; align-items: center; } .page-input-container[data-v-a580fba2] { display: inline-flex; align-items: center; border: 1px solid var(--secondary-background-color); border-radius: 4px; background: var(--primary-background-color); height: 30px; padding: 0 4px; cursor: text; } .page-input-container[data-v-a580fba2]:focus-within { border-color: var(--accent-color1); } .page-input[data-v-a580fba2] { min-width: 1ch; padding: 0 4px; border: none; font-size: 14px; background: none; color: var(--primary-text-color); text-align: right; cursor: text; } .page-input[data-v-a580fba2]:focus { outline: none; } .page-separator[data-v-a580fba2] { padding: 0 4px; color: var(--primary-text-color); font-size: 14px; user-select: none; } .total-pages[data-v-a580fba2] { min-width: 2ch; color: var(--primary-text-color); font-size: 14px; user-select: none; padding: 0 4px 0 0; } .search-controls[data-v-16501dd2] { display: inline-flex; align-items: center; } .search-input-container[data-v-16501dd2] { display: inline-flex; align-items: center; border: 1px solid var(--secondary-background-color); border-radius: 4px; background: var(--primary-background-color); height: 30px; padding: 0 4px; cursor: text; min-width: 200px; } .search-input-container[data-v-16501dd2]:focus-within { border-color: var(--accent-color1); } .search-icon[data-v-16501dd2] { display: flex; align-items: center; justify-content: center; padding: 0 4px; color: var(--primary-text-color); opacity: 0.7; user-select: none; } .search-input[data-v-16501dd2] { flex-grow: 1; padding: 0 4px; border: none; font-size: 14px; background: none; color: var(--primary-text-color); cursor: text; } .search-input[data-v-16501dd2]:focus { outline: none; } .search-options[data-v-16501dd2] { display: flex; align-items: center; gap: 4px; padding-left: 4px; border-left: 1px solid var(--secondary-background-color); } .search-input-container:focus-within .search-options[data-v-16501dd2] { border-left-color: var(--accent-color1); } .option-button[data-v-16501dd2] { display: flex; align-items: center; justify-content: center; padding: 2px 4px; border: none; background: none; color: var(--primary-text-color); font-size: 12px; cursor: pointer; opacity: 0.7; border-radius: 3px; user-select: none; } .option-button[data-v-16501dd2]:hover { background-color: var(--accent-color3-hover); } .option-active[data-v-16501dd2] { background-color: var(--accent-color3-hover); opacity: 1; } .rotation-controls[data-v-61227b04] { display: inline-flex; align-items: center; } .rotation-button-group[data-v-61227b04] { display: inline-flex; align-items: stretch; border: 1px solid var(--secondary-background-color); border-radius: 4px; height: 30px; background: var(--primary-background-color); } .rotation-button[data-v-61227b04] { display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; background: none; border: none; color: var(--primary-text-color); cursor: pointer; transition: background-color 0.1s; } .rotation-button[data-v-61227b04]:hover { background-color: var(--accent-color3-hover); } .rotation-button--left[data-v-61227b04] { border-right: 1px solid var(--secondary-background-color); border-radius: 3px 0 0 3px; } .rotation-button--right[data-v-61227b04] { border-left: 1px solid var(--secondary-background-color); border-radius: 0 3px 3px 0; } .rotation-value[data-v-61227b04] { display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; width: 3ch; font-size: 14px; user-select: none; color: var(--primary-text-color); } .rotation-button-group[data-v-61227b04]:focus-within { border-color: var(--accent-color1); } .rotation-button-group:focus-within .rotation-button--left[data-v-61227b04] { border-right-color: var(--accent-color1); } .rotation-button-group:focus-within .rotation-button--right[data-v-61227b04] { border-left-color: var(--accent-color1); } .minimap-container[data-v-b23efa6e] { height: 100%; overflow-y: auto; overflow-x: hidden; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 10px; box-sizing: border-box; } .minimap-page[data-v-b23efa6e] { margin-bottom: 8px; cursor: pointer; border: 2px solid transparent; transition: all 0.2s ease; position: relative; width: 200px; margin-right: 20px; margin-left: 20px; } .minimap-page[data-v-b23efa6e]:hover { border-color: var(--accent-color1-hover); } .minimap-page.current-page[data-v-b23efa6e] { border-color: var(--accent-color1); } .minimap-placeholder[data-v-b23efa6e] { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; background-color: var(--secondary-background-color); color: var(--secondary-text-color); font-size: 12px; } .loading-placeholder[data-v-b23efa6e] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background-color: var(--secondary-background-color); } .page-overlay[data-v-b23efa6e] { position: absolute; align-items: center; justify-content: center; z-index: 2; width: 100%; height: 100%; margin: auto; } .page-overlay div[data-v-b23efa6e] { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--secondary-text-color); background-color: var(--accent-color1-hover); font-size: 32px; opacity: 0; } .page-underlay[data-v-b23efa6e] { position: absolute; align-items: center; justify-content: center; z-index: 0; width: 100%; height: 100%; margin: auto; } .page-underlay div[data-v-b23efa6e] { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--secondary-text-color); background-color: var(--accent-color1-hover); font-size: 32px; } .page-overlay:hover div[data-v-b23efa6e] { opacity: 1; } pre[data-v-60ae7dcd] { border: 1px solid var(--accent-color1); background-color: var(--accent-color1-hover); color: var(--primary-text-color); padding: 10px; border-radius: 4px; white-space: pre-wrap; word-wrap: break-word; font-family: 'Courier New', Courier, monospace; margin: 5px 0 0 0; text-align: justify; } .flex[data-v-f9192346] { display: flex; } .flex-col[data-v-f9192346] { flex-direction: column; } .items-center[data-v-f9192346] { align-items: center; } .justify-center[data-v-f9192346] { justify-content: center; } .gap-4[data-v-f9192346] { gap: 1rem; } .space-y-4[data-v-f9192346] > * + * { margin-top: 1rem; } .space-y-6[data-v-f9192346] > * + * { margin-top: 1.5rem; } .w-full[data-v-f9192346] { width: 100%; } .h-full[data-v-f9192346] { height: 100%; } .max-w-md[data-v-f9192346] { max-width: 28rem; } .mb-2[data-v-f9192346] { margin-bottom: 0.5rem; } .text-center[data-v-f9192346] { text-align: center; } .text-left[data-v-f9192346] { text-align: left; } .text-xl[data-v-f9192346] { font-size: 1.25rem; } .font-medium[data-v-f9192346] { font-weight: 500; } .font-semibold[data-v-f9192346] { font-weight: 600; } .file-view[data-v-b33d9d6e] { height: 100%; overflow: hidden; display: flex; flex-direction: column; padding: 1rem 0 0 1rem; box-sizing: border-box; } .text-content[data-v-b33d9d6e] { flex: 1; overflow-y: auto; padding: 1rem; line-height: 1.6; white-space: pre-wrap; text-align: left; position: relative; line-break: anywhere; } .text-span[data-v-b33d9d6e] { position: relative; background-color: transparent; transition: background-color 0.2s ease; } .highlighted[data-v-b33d9d6e] { background-color: var(--accent-color1-hover); box-shadow: -4px 0 0 var(--accent-color1); padding: 8px; margin: 0 2px; } .empty-state[data-v-b33d9d6e] { text-align: center; padding: 2rem; } /* Styles for page breaks */ .page-break[data-v-b33d9d6e] { display: flex; align-items: center; gap: 1rem; margin: 1.5rem 0; color: var(--secondary-text-color); } .page-break-line[data-v-b33d9d6e] { flex: 1; height: 1px; background-color: var(--accent-color1); } .page-number[data-v-b33d9d6e] { font-weight: 700; font-size: .8em; padding: 0.25rem 0.5rem; border: 1px solid var(--accent-color1); color: var(--accent-color1); border-radius: 4px; } .container[data-v-db7e99c1] { display: flex; flex-direction: row; height: 100%; width: 100%; } .empty-state[data-v-db7e99c1] { display: flex; flex-direction: column; justify-content: center; width: 100%; } .view-container[data-v-db7e99c1] { display: flex; flex-direction: row; width: 100%; height: 100%; position: relative; overflow-y: hidden; } .view-container > div[data-v-db7e99c1] { flex-grow: 1; } .pdf-container[data-v-db7e99c1] { display: flex; justify-content: flex-start; flex-direction: row; height: 100%; padding-top: 35px; box-sizing: border-box; border-width: 0 1px 0 0; border-style: solid; border-color: var(--accent-color1); } .text-container[data-v-db7e99c1] { position: relative; padding-top: 35px; box-sizing: border-box; } .text-view[data-v-db7e99c1] { width: 100%; height: 100%; } .page-container[data-v-db7e99c1] { padding-bottom: 5px; padding-top: 5px; width: 100%; display: flex; justify-content: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--accent-color1); } .page-placeholder[data-v-db7e99c1] { display: block; background-color: #f0f0f0; } .file-viewer[data-v-db7e99c1] { display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; } .loading-overlay[data-v-db7e99c1] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.18); display: flex; justify-content: center; align-items: center; z-index: 10; } .loading-spinner[data-v-db7e99c1] { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: spin-db7e99c1 1s linear infinite; } @keyframes spin-db7e99c1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-text[data-v-db7e99c1] { margin-top: 10px; color: #3498db; font-weight: bold; } .page-num[data-v-db7e99c1] { padding: 5px; color: var(--accent-color1); font-weight: bold; font-size: 0.8em; } .file-controls-overlay[data-v-db7e99c1] { position: absolute; left: 0; right: 0; display: flex; justify-content: space-between; align-items: flex-start; z-index: 100; transition: opacity 0.3s ease; border: 0; } .controls-left[data-v-db7e99c1] { padding: 5px; background-color: var(--primary-background-color); border-bottom-right-radius: 8px; display: flex; align-items: center; border-top: 0; } .controls-right[data-v-db7e99c1] { padding: 5px; background-color: var(--primary-background-color); border-bottom-left-radius: 8px; display: flex; align-items: center; gap: 10px; border-top: 0; flex-wrap: wrap; justify-content: flex-end; } .filename-display[data-v-db7e99c1] { font-size: 1.25em; color: var(--primary-text-color); padding: 4px 8px; border-radius: 4px; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid var(--accent-color1); } .info-button[data-v-db7e99c1] { width: 32px; height: 32px; border-radius: 4px; border: 1px solid var(--primary-text-color); display: flex; align-items: center; justify-content: center; font-size: 18px; font-family: serif; color: var(--primary-text-color); background: transparent; transition: all 0.2s ease; padding: 0; } .info-button[data-v-db7e99c1]:hover { background-color: var(--accent-color1-hover); } .pdf-info[data-v-db7e99c1] { text-align: left; } .file-controls-overlay[data-v-db7e99c1]:hover { opacity: 1; } .view-toggles[data-v-db7e99c1] { display: flex; gap: 4px; margin-left: 4px; } .control-button[data-v-db7e99c1] { width: 32px; height: 32px; border: 1px solid var(--accent-color1); border-radius: 4px; background: transparent; color: var(--primary-text-color); cursor: pointer; transition: all 0.2s ease; padding: 4px; display: flex; align-items: center; justify-content: center; } .control-button[data-v-db7e99c1]:hover { background-color: var(--accent-color1-hover); } .control-button.active[data-v-db7e99c1] { background-color: var(--accent-color1); color: var(--primary-background-color); } .pdf-pages[data-v-db7e99c1] { display: flex; flex-direction: column; flex-grow: 1; overflow-y: scroll; } .close-file-btn[data-v-db7e99c1] { margin-right: 4px; border: 1px solid var(--accent-color1); /* Ensure accent border */ background: transparent; color: var(--primary-text-color); font-size: 18px; cursor: pointer; display: flex; align-items: center; transition: color 0.2s; } .close-file-btn[data-v-db7e99c1]:hover { color: var(--accent-color1); } .textLayer .highlight { --highlight-selected-bg-color: #ff0; --highlight-bg-color: var(--accent-color1-pdf-highlight); } .text-layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.2; line-height: 1.0; } .text-layer > span { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; } .find-bar input { margin-right: 10px; padding: 5px; } :root { --scale-factor: 1.5; } .annotationLayer { --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; @media screen and (forced-colors: active) { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; .textWidgetAnnotation :is(input, textarea):required, .choiceWidgetAnnotation select:required, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem; } .linkAnnotation { outline: var(--link-outline); &:hover { backdrop-filter: var(--hcm-highlight-filter); } & > a:hover { opacity: 0 !important; background: none !important; box-shadow: none; } } .popupAnnotation .popup { outline: calc(1.5px * var(--scale-factor)) solid CanvasText !important; background-color: ButtonFace !important; color: ButtonText !important; } .highlightArea:hover::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: var(--hcm-highlight-filter); content: ""; pointer-events: none; } .popupAnnotation.focused .popup { outline: calc(3px * var(--scale-factor)) solid Highlight !important; } } position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; &[data-main-rotation="90"] .norotate { transform: rotate(270deg) translateX(-100%); } &[data-main-rotation="180"] .norotate { transform: rotate(180deg) translate(-100%, -100%); } &[data-main-rotation="270"] .norotate { transform: rotate(90deg) translateY(-100%); } &.disabled { section, .popup { pointer-events: none; } } .annotationContent { position: absolute; width: 100%; height: 100%; pointer-events: none; &.freetext { background: transparent; border: none; inset: 0; overflow: visible; white-space: nowrap; font: 10px sans-serif; line-height: 1.35; user-select: none; } } section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0 0; &:has(div.annotationContent) { canvas.annotationContent { display: none; } } } .textLayer.selecting ~ & section { pointer-events: none; } :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover { opacity: 0.2; background-color: rgb(255 255 0); box-shadow: 0 2px 10px rgb(255 255 0); } .linkAnnotation.hasBorder:hover { background-color: rgb(255 255 0 / 0.2); } .hasBorder { background-size: 100% 100%; } .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .textWidgetAnnotation :is(input, textarea), .choiceWidgetAnnotation select, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .textWidgetAnnotation :is(input, textarea):required, .choiceWidgetAnnotation select:required, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .choiceWidgetAnnotation select option { padding: 0; } .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .textWidgetAnnotation textarea { resize: none; } .textWidgetAnnotation :is(input, textarea)[disabled], .choiceWidgetAnnotation select[disabled], .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .textWidgetAnnotation :is(input, textarea):hover, .choiceWidgetAnnotation select:hover, .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .textWidgetAnnotation :is(input, textarea):hover, .choiceWidgetAnnotation select:hover, .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .textWidgetAnnotation :is(input, textarea):focus, .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .buttonWidgetAnnotation.checkBox input:checked::before, .buttonWidgetAnnotation.checkBox input:checked::after, .buttonWidgetAnnotation.radioButton input:checked::before { background-color: CanvasText; content: ""; display: block; position: absolute; } .buttonWidgetAnnotation.checkBox input:checked::before, .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 25%; top: 25%; width: 50%; } .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 103%; } .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { appearance: none; } .fileAttachmentAnnotation .popupTriggerArea { height: 100%; width: 100%; } .popupAnnotation { position: absolute; font-size: calc(9px * var(--scale-factor)); pointer-events: none; width: max-content; max-width: 45%; height: auto; } .popup { background-color: rgb(255 255 153); box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136); border-radius: calc(2px * var(--scale-factor)); outline: 1.5px solid rgb(255 255 74); padding: calc(6px * var(--scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; } .popupAnnotation.focused .popup { outline-width: 3px; } .popup * { font-size: calc(9px * var(--scale-factor)); } .popup > .header { display: inline-block; } .popup > .header h1 { display: inline; } .popup > .header .popupDate { display: inline-block; margin-left: calc(5px * var(--scale-factor)); width: fit-content; } .popupContent { border-top: 1px solid rgb(51 51 51); margin-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor)); } .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--scale-factor)); } .popupTriggerArea { cursor: pointer; } section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; user-select: none; pointer-events: none; span { width: 100%; display: inline-block; } } svg.quadrilateralsContainer { contain: strict; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -1; } } [data-v-54e1e712]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-54e1e712]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-54e1e712]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-54e1e712]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-54e1e712]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-54e1e712]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-54e1e712]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-54e1e712]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-54e1e712]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-54e1e712]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-54e1e712]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .container[data-v-54e1e712] { display: flex; flex-direction: row; height: 100%; width: 100%; } .sidebar[data-v-54e1e712] { background-color: var(--primary-background-color); display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; overflow-x: hidden; padding: 0; } .sidebar-top[data-v-54e1e712] { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; width: 100%; display: flex; flex-direction: column; } .chat-container[data-v-54e1e712] { display: flex; flex-direction: row; height: 100%; width: 100%; overflow: hidden; } .chat-bar[data-v-54e1e712] { max-width: 800px; position: sticky; bottom: 0; display: flex; align-items: center; width: 100%; justify-content: flex-start; padding-bottom: 5px; } .messages-container[data-v-54e1e712] { overflow-y: scroll; height: 100%; width: 100%; flex-grow: 1; } .messages[data-v-54e1e712] { height: 100%; display: flex; flex-direction: column; padding: 0; justify-content: flex-start; align-items: center; } .rename-input[data-v-54e1e712] { margin: 0; width: 120px; } .chat-pending-icon[data-v-54e1e712] { width: 100%; margin: 30px 0; height: 50px; } .chat-spacer[data-v-54e1e712] { width: 100%; height: 30px; } .pinned-docs-sidebar[data-v-54e1e712] { flex-shrink: 0; } .chat-actions[data-v-54e1e712] { display: flex; flex-direction: row; align-items: center; gap: 4px; flex-wrap: nowrap; } .pdf-panel[data-v-54e1e712] { min-width: 30%; height: 100%; background: #f8f8f8; display: flex; flex-direction: column; } .chat-split-panel[data-v-54e1e712] { width: 100%; height: 100%; display: flex; } .clickable-card[data-v-f254158c] { border: 1px solid var(--accent-color1-hover); border-radius: 8px; padding: 15px; background: var(--primary-background-color); display: flex; flex-direction: column; gap: 5px; transition: background 0.15s; cursor: default; outline: none; } .clickable-card.clickable[data-v-f254158c] { cursor: pointer; } .clickable-card.clickable[data-v-f254158c]:hover, .clickable-card.clickable[data-v-f254158c]:focus { background: var(--accent-color1-hover); } .clickable-card.selected[data-v-f254158c] { border-color: var(--accent-color1); background: var(--accent-color1-hover); } .clickable-card.disabled[data-v-f254158c] { opacity: 0.6; pointer-events: none; cursor: not-allowed; background: var(--primary-background-color); } .template-list[data-v-f61ec58b] { display: flex; flex-direction: column; gap: 15px; min-width: 300px; max-width: 500px; } .template-text[data-v-f61ec58b] { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; } .template-title[data-v-f61ec58b] { font-weight: bold; font-size: 1.05em; color: var(--primary-text-color); text-align: left; } .template-desc[data-v-f61ec58b] { font-size: 0.95em; text-align: left; } .status-icon.loading-icon[data-v-64c27649] { /* color: var(--primary-background-color); */ display: inline-block; vertical-align: middle; } .query-browser[data-v-6991b9a9] { display: flex; flex-direction: column; height: 100%; padding: 15px; gap: 15px; box-sizing: border-box; max-width: 800px; margin: 0 auto; } .pane-control-buttons h1[data-v-6991b9a9] { margin: 0 0 10px 0; font-size: 1.4em; color: var(--primary-text-color); } .query-options[data-v-6991b9a9] { display: flex; flex-direction: column; gap: 5px; min-width: 100%; } .query-option[data-v-6991b9a9] { display: flex; flex-direction: row; align-items: center; gap: 15px; } .option-icon[data-v-6991b9a9] { width: 28px; height: 28px; flex-shrink: 0; color: var(--accent-color1); } .option-content[data-v-6991b9a9] { flex-grow: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: auto; } .option-title[data-v-6991b9a9] { font-weight: bold; font-size: 1.1em; color: var(--primary-text-color); } .quick-query .option-content[data-v-6991b9a9] { gap: 10px; } .quick-query-controls[data-v-6991b9a9] { display: flex; gap: 10px; width: 100%; max-width: 400px; align-items: center; } .quick-query-controls > .text-input-wrapper[data-v-6991b9a9] { flex-grow: 1; } .quick-query-controls > button[data-v-6991b9a9] { flex-shrink: 0; } .subtext[data-v-6991b9a9] { font-size: 0.85em; line-height: 1.3; text-align: left; } .results-section[data-v-6991b9a9] { flex-grow: 1; display: flex; flex-direction: column; min-height: 0; } .table-container[data-v-6991b9a9] { flex-grow: 1; overflow: auto; border-radius: 4px; width: 100%; height: 100%; max-width: 800px; margin: 0 auto; max-height: none; } .table-container table thead[data-v-6991b9a9] { position: sticky; top: 0; z-index: 2; background: var(--primary-background-color); } .templates-header[data-v-6991b9a9] { margin-top: 10px; margin-bottom: 10px; } /*! * FilePond 4.32.7 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity;touch-action:auto}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.4;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px} .date-input-container[data-v-b5c9bb54] { position: relative; width: 100%; } .date-input[data-v-b5c9bb54] { width: 100%; margin-bottom: 15px; padding: 5px 3px 5px 5px; /* Adjusted padding to make room for icon */ border: 1px solid var(--secondary-background-color); border-radius: 4px; font-size: 16px; background: none; color: var(--primary-text-color); box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-repeat: no-repeat; background-position-x: calc(100% - 5px); background-position-y: 50%; background-size: 16px 16px; /* Added to ensure proper sizing */ } /* Hide the default calendar icon */ .date-input[data-v-b5c9bb54]::-webkit-calendar-picker-indicator { opacity: 0; } .date-input[data-v-b5c9bb54]:focus { outline: none; border-color: var(--accent-color1); } .date-input[data-v-b5c9bb54]:disabled { opacity: 0.6; cursor: not-allowed; } .validation-error[data-v-b5c9bb54] { animation: shake-b5c9bb54 0.5s; border-color: var(--accent-color1); } @keyframes shake-b5c9bb54 { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } .select-input-container[data-v-2dac152c] { position: relative; display: flex; } .select-input[data-v-2dac152c] { flex-grow: 1; border: 1px solid var(--secondary-background-color); border-radius: 4px; font-size: 16px; background: var(--primary-background-color); color: var(--primary-text-color); box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 5px 30px 5px 5px; /* Increased right padding to make room for icon */ } .select-icon[data-v-2dac152c] { position: absolute; right: 5px; top: 0; bottom: 0; width: 24px; background-repeat: no-repeat; background-position: center; pointer-events: none; /* This allows clicks to pass through to the select element */ } .has-buttons[data-v-2dac152c] { border-radius: 4px 0 0 4px; } .select-input[data-v-2dac152c]:focus { outline: none; border-color: var(--accent-color1); } .select-input option[data-v-2dac152c] { background-color: var(--primary-background-color); color: var(--primary-text-color); } .select-input[data-v-2dac152c]:disabled { opacity: 0.6; cursor: not-allowed; } .select-input option[data-v-2dac152c]:disabled { opacity: 0.6; } .button-container[data-v-2dac152c] { display: flex; } .button[data-v-2dac152c] { display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; border-radius: 0; cursor: pointer; transition: background-color 0.1s, opacity 0.1s; border: 1px solid var(--accent-color1); background-color: var(--primary-background-color); line-height: 1; box-sizing: border-box; margin: 0; height: 100%; } .button[data-v-2dac152c]:first-of-type { border-left: none; } .button[data-v-2dac152c]:last-of-type { border-left: none; border-radius: 0 4px 4px 0; } .button--small[data-v-2dac152c] { padding: 5px 10px; font-size: 14px; } .button--medium[data-v-2dac152c] { padding: 10px 20px; font-size: 16px; } .button--large[data-v-2dac152c] { padding: 15px 30px; font-size: 18px; } .button[data-v-2dac152c]:disabled { opacity: 0.6; cursor: not-allowed; } .button--primary[data-v-2dac152c] { background-color: var(--accent-color1); color: white; } .button--primary[data-v-2dac152c]:hover:not(:disabled) { background-color: var(--accent-color1-hover); } .button--secondary[data-v-2dac152c] { background-color: var (--primary-background-color); color: var(--primary-text-color); } .button--secondary[data-v-2dac152c]:hover:not(:disabled) { background-color: var(--accent-color3-hover); } .button--danger[data-v-2dac152c] { background-color: var(--primary-background-color); color: white; } .button--danger[data-v-2dac152c]:hover:not(:disabled) { background-color: var(--accent-color1-hover); } .button--text[data-v-2dac152c] { background-color: transparent; color: var(--accent-color1); padding: 0; } .button--text[data-v-2dac152c]:hover:not(:disabled) { text-decoration: underline; } .button__content[data-v-2dac152c] { display: flex; align-items: center; justify-content: center; width: 100%; } .button__image[data-v-2dac152c] { width: 20px; height: 20px; flex-shrink: 0; } .button__text[data-v-2dac152c] { flex-grow: 1; margin-left: 8px; } .button--icon-only .button__image[data-v-2dac152c] { margin-right: 0; } .button--small .button__image[data-v-2dac152c] { width: 16px; height: 16px; } .button--large .button__image[data-v-2dac152c] { width: 24px; height: 24px; } .button--loading[data-v-2dac152c] { position: relative; } .button--loading[data-v-2dac152c]::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100% ); background-size: 200% 100%; animation: loading-2dac152c 1.5s infinite; } @keyframes loading-2dac152c { 0% { background-position: 100% 50%; } 50% { background-position: 0 200%; } 100% { background-position: 100% 50%; } } .text-area[data-v-3020116d] { width: 100%; margin-bottom: 15px; padding: 5px; border: 1px solid var(--secondary-background-color); border-radius: 4px; font-size: 16px; background: none; color: var(--primary-text-color); box-sizing: border-box; resize: vertical; font-family: unset; } .text-area[data-v-3020116d]:focus { outline: none; border-color: var(--accent-color1); } .validation-error[data-v-3020116d] { animation: shake-3020116d 0.5s; border-color: var(--accent-color1); } @keyframes shake-3020116d { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } .collection-metadata[data-v-65790755] { display: flex; flex-direction: column; height: 100%; padding: 20px; box-sizing: border-box; background-color: var(--primary-background-color); color: var(--primary-text-color); } .collection-metadata label[data-v-65790755] { margin-top: 10px; margin-bottom: 5px; text-align: left; } .disabled[data-v-65790755] { opacity: 0.5; } .export-metadata[data-v-4123d6a7] { display: flex; flex-direction: column; } .export-metadata label[data-v-4123d6a7] { margin-top: 10px; margin-bottom: 5px; text-align: left; } .export-metadata[data-v-75e26722] { display: flex; flex-direction: column; height: 100%; padding: 20px; box-sizing: border-box; background-color: var(--primary-background-color); color: var(--primary-text-color); } .metadata-header[data-v-75e26722] { margin-bottom: 20px; } .header-content[data-v-75e26722] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .header-actions[data-v-75e26722] { display: flex; gap: 10px; } h2[data-v-75e26722] { font-size: 1.5rem; margin: 0; } .metadata-row[data-v-75e26722] { display: flex; align-items: flex-start; margin-bottom: 5px; } .metadata-content[data-v-75e26722] { flex-grow: 1; overflow-y: auto; } .metadata-item[data-v-75e26722] { margin-bottom: 15px; } .metadata-label[data-v-75e26722] { font-weight: 600; color: var(--accent-color1); margin-right: 10px; } p[data-v-75e26722] { margin: 5px 0 0 0; text-align: justify; } .empty-description[data-v-75e26722] { font-style: italic; color: var(--primary-text-color); } .slide-over[data-v-475fd20c] { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background-color: var(--primary-background-color); box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); z-index: 10; } .slide-over-enter-active[data-v-475fd20c], .slide-over-leave-active[data-v-475fd20c] { transition: transform 0.3s ease; } .slide-over-enter-from[data-v-475fd20c], .slide-over-leave-to[data-v-475fd20c] { transform: translateX(100%); } .slide-over-enter-to[data-v-475fd20c], .slide-over-leave-from[data-v-475fd20c] { transform: translateX(0); } .slide-over-enter-active[data-v-475fd20c], .slide-over-leave-active[data-v-475fd20c] { transition: transform 0.3s ease; } .slide-over-enter-from[data-v-475fd20c], .slide-over-leave-to[data-v-475fd20c] { transform: translateX(100%); } .slide-over-enter-to[data-v-475fd20c], .slide-over-leave-from[data-v-475fd20c] { transform: translateX(0); } .export-container[data-v-cc60d276] { position: relative; flex: 1; height: 100%; overflow: hidden; width: 100%; } .export-list[data-v-cc60d276] { flex: 1; overflow-y: auto; border-right: 1px solid var(--secondary-background-color); } .export-row[data-v-cc60d276] { display: flex; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 1px solid var(--secondary-background-color); } .export-row span[data-v-cc60d276] { display: flex; align-items: center; } .export-row[data-v-cc60d276]:hover:not(:has(.button:hover)) { background-color: var(--accent-color3-hover); cursor: pointer; } .metadata-view[data-v-cc60d276] { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background-color: var(--primary-background-color); box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); z-index: 10; } .tag-selector[data-v-f6bad0e0] { position: relative; width: 350px; cursor: pointer; font-weight: bold; margin: 5px; } .tag-selector[data-v-f6bad0e0]:hover { background-color: var(--accent-color1-hover); } .ui-bar[data-v-f6bad0e0] { border: 1px solid var(--secondary-background-color); border-radius: 4px; width: 100%; height: 30px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .show_tag_ui[data-v-f6bad0e0] { border-radius: 4px 4px 0 0; } .ui-bar[data-v-f6bad0e0]:not(.disabled):hover { } .disabled[data-v-f6bad0e0] { opacity: 0.5; cursor: not-allowed; } .tag-text[data-v-f6bad0e0] { font-weight: bold; margin: 5px; white-space: nowrap; display: inline; } .tag-dropdown[data-v-0c2d11f1] { width: 100%; box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5); color: var(--primary-text-color); position: absolute; z-index: 3; /* Sit on top */ border: 1px solid var(--secondary-background-color); border-radius: 0 0 4px 4px; display: flex; flex-direction: column; background-color: var(--primary-background-color); top: 30px; margin: 0; padding: 0; } .color-picker[data-v-0c2d11f1] { width: 24px; height: 24px; padding: 0; border: 0 solid var(--secondary-background-color); border-bottom-width : 1px; border-radius: 0; margin: 0 5px; } .tag-btn[data-v-0c2d11f1] { border: 1px solid var(--secondary-background-color); border-radius: 0; border-top: 0; border-bottom: 0; margin: 0; padding: 0; width: 30px; height: 30px; } .ghost[data-v-0c2d11f1] { display: none; } img.tag-icon[data-v-0c2d11f1] { vertical-align: middle; } button.cancel[data-v-0c2d11f1]:hover { background-color: var(--accent-color2-hover); } button.confirm[data-v-0c2d11f1]:hover { background-color: var(--accent-color3-hover) } .checkbox[data-v-0c2d11f1] { margin: 0 5px; } .tag-name[data-v-0c2d11f1] { margin-top: 1px; margin-bottom: 1px; border-radius: 13px; padding: 5px; margin-right: auto; } .tag-row[data-v-0c2d11f1] { display: flex; align-items: center; border: 0 solid var(--secondary-background-color); border-bottom-width: 1px; } .tag-row:hover .ghost[data-v-0c2d11f1] { display: block; } .tag-row[data-v-0c2d11f1]:hover { background-color: var(--accent-color1-hover); } .tag-row div[data-v-0c2d11f1] { display: inherit; } .tag-input[data-v-0c2d11f1] { flex: 1 0 30%; } .tag-input input[data-v-0c2d11f1] { background: none; color: var(--primary-text-color); font-size: 16px; width: 100%; padding: 5px; border: 0; box-sizing: border-box; } .add-tag-btn[data-v-0c2d11f1] { margin: 0 0 0 5px; } .new-tag-text[data-v-0c2d11f1] { margin-top: 1px; margin-bottom: 1px; padding: 5px; } .confirm-changes-cont[data-v-0c2d11f1] { display: flex; flex-direction: row; height: 30px; } .confirm-changes-cont button[data-v-0c2d11f1] { width: 50%; cursor: pointer; font-weight: bold; border: 0 solid var(--secondary-background-color); border-radius: 0; border-right-width: 1px; display: flex; justify-content: center; align-items: center; } .tag-scroller[data-v-0c2d11f1] { overflow-y: auto; max-height: 200px; padding: 0; margin: 0; border: 0 solid var(--secondary-background-color); border-bottom-width: 1px; } .tag-scroller[data-v-0c2d11f1]::-webkit-scrollbar-button { display:none; } .tag-scroller[data-v-0c2d11f1]::-webkit-scrollbar-thumb { border-radius: 0; } [data-v-660d9d15]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-660d9d15]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-660d9d15]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-660d9d15]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-660d9d15]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-660d9d15]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-660d9d15]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-660d9d15]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-660d9d15]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-660d9d15]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-660d9d15]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .file-upload-progress-floating[data-v-660d9d15] { /* Styles are in parent file for consistency */ } .file-upload-progress-header[data-v-660d9d15], .file-upload-progress-summary[data-v-660d9d15] { user-select: none; display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; font-weight: bold; transition: background 0.18s; } .clickable-header[data-v-660d9d15] { cursor: pointer; transition: background 0.18s; } .clickable-header[data-v-660d9d15]:hover { background: var(--accent-color1-hover); } .upload-summary[data-v-660d9d15] { display: flex; align-items: center; gap: 2px; font-size: 15px; } .upload-summary-label[data-v-660d9d15] { color: var(--accent-color1); font-weight: 600; margin-right: 8px; letter-spacing: 0.01em; } .upload-summary-sep[data-v-660d9d15] { color: var(--accent-color1); font-size: 15px; margin: 0 2px; } .upload-summary-total[data-v-660d9d15] { color: var(--primary-text-color); font-size: 15px; font-weight: 500; } .file-upload-progress-details[data-v-660d9d15] { user-select: text; max-height: 640px; overflow-y: auto; padding-bottom: 4px; } .progress-table-container[data-v-660d9d15] { max-height: 600px; overflow-y: auto; } .progress-row-content[data-v-660d9d15] { display: flex; align-items: center; gap: 8px; min-height: 32px; } .progress-icon[data-v-660d9d15] { width: 22px; display: flex; align-items: center; justify-content: center; } .success-icon[data-v-660d9d15] { color: #2ecc40; font-size: 18px; } .fail-icon[data-v-660d9d15] { color: var(--accent-color2); font-size: 18px; } .loading-spinner[data-v-660d9d15] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; } .progress-filename[data-v-660d9d15] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .progress-status[data-v-660d9d15] { min-width: 90px; text-align: right; font-size: 13px; margin-left: 8px; } .fail-reason[data-v-660d9d15] { font-weight: 500; margin-left: 2px; } .file-upload-progress-bar-bg[data-v-660d9d15] { width: 100%; height: 6px; background: var(--secondary-background-color); border-radius: 3px; margin-top: 2px; margin-bottom: 2px; overflow: hidden; } .file-upload-progress-bar[data-v-660d9d15] { height: 100%; background: var(--accent-color1); border-radius: 3px; transition: width 0.3s; } .failed[data-v-660d9d15] { background: var(--accent-color2); } .file-upload-progress-bar.uploaded[data-v-660d9d15] { background: var(--accent-color1); } [data-v-0eb961f2]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-0eb961f2]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-0eb961f2]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-0eb961f2]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-0eb961f2]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-0eb961f2]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-0eb961f2]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-0eb961f2]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-0eb961f2]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-0eb961f2]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-0eb961f2]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } /* The intent of this file is to begin to abstract out the styling we use for file rows. */ .file-icon[data-v-0eb961f2] { width: 30px; margin-right: 10px; margin-left: 5px; } .filename-cell[data-v-0eb961f2] { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; padding: 0; margin: 0; } .filename-cell > input[data-v-0eb961f2] { margin-top: 10px; margin-bottom: 10px; height: 30px; background: none; color: var(--primary-text-color); border-bottom: 1px solid var(--secondary-background-color); border-radius: 4px; box-sizing: border-box; font-size: 16px; } .filename-cell:not(:hover) > .menu-cell[data-v-0eb961f2] { display: none; } .cont[data-v-0eb961f2] { width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .upload-overlay[data-v-0eb961f2] { width: 100%; height: 100%; position: absolute; display: flex; background-color: var(--accent-color3-hover); margin: 0; padding: 0; opacity: 0; pointer-events: none; } .upload-overlay div[data-v-0eb961f2] { display: flex; margin: auto; font-weight: bold; width: 30%; height: 30%; background-color: var(--accent-color1); color: var(--accent-color1-text); pointer-events: none; align-items: center; justify-content: center; border-radius: 4px; } .drag[data-v-0eb961f2] { pointer-events: all; opacity: 1; z-index: 1; } .collection-metadata[data-v-0eb961f2] { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-left: 12px; padding-top: 10px; border-left: 1px solid var(--secondary-background-color); border-right: 1px solid var(--secondary-background-color); overflow-x: clip; overflow-y: scroll; } .collection-metadata button[data-v-0eb961f2] { margin: 10px auto 5px; width: 100%; height: 30px; border: 1px solid var(--accent-color1); border-radius: 4px; background: none; color: var(--primary-text-color); display: flex; align-items: center; justify-content: center; } .collection-metadata .delete[data-v-0eb961f2] { border: 1px solid var(--accent-color2); } .collection-metadata button[data-v-0eb961f2]:hover:not(.disabled) { cursor: pointer; background-color: var(--accent-color3-hover); } .collection-metadata .delete[data-v-0eb961f2]:hover:not(.disabled) { cursor: pointer; background-color: var(--accent-color2); } label[data-v-0eb961f2] { margin-bottom: 5px; } .disabled[data-v-0eb961f2] { opacity: 0.5; cursor: not-allowed; } .upload-container[data-v-0eb961f2] { position: relative; display: flex; flex-direction: column; height: 100%; flex: 1; overflow: hidden; width: 100%; } .file-upload[data-v-0eb961f2] { display: flex; justify-content: center; align-items: center; padding: 5px; margin: 0 0 0 0; border-bottom: 1px solid var(--accent-color1); font-weight: bold; color: var(--primary-text-color); } .file-upload[data-v-0eb961f2]:hover { cursor: pointer; background-color: var(--accent-color3-hover); } .collections-list[data-v-0eb961f2] { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 0; padding: 0 0 10px; overflow-y: scroll; overflow-x: clip; } .collections-list[data-v-0eb961f2]::-webkit-scrollbar-button { display:none; } .collection-row[data-v-0eb961f2] { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border: 1px solid var(--accent-color1); border-top: none; width: 100%; max-width: 250px; height: 40px; } .collection-row[data-v-0eb961f2]:hover { cursor: pointer; background-color: var(--accent-color1-hover); } .collection-row span[data-v-0eb961f2] { margin: 5px; text-align: left; display: flex; align-items: center; } .selected[data-v-0eb961f2] { background-color: var(--accent-color3-hover); } .files-container[data-v-0eb961f2] { display: flex; flex-direction: column; height: 100%; min-height: 0; } .file-list[data-v-0eb961f2] { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 0; padding: 0; min-height: 60px; } .file-list-seperator[data-v-0eb961f2] { height: 30px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0; padding: 5px; flex-shrink: 4; border: 1px solid var(--accent-color1); border-left: none; border-right: none; } .file-list[data-v-0eb961f2]::-webkit-scrollbar-button { display:none; } .file-row[data-v-0eb961f2] { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--secondary-background-color); } .file-row div[data-v-0eb961f2] { display: inherit; margin: 2px 2px 2px 5px; align-items: center; } .file-icon[data-v-0eb961f2] { width: 30px; margin-right: 10px; margin-left: 5px; } svg circle[data-v-0eb961f2]:not(.pending) { transform-origin: 50% 50%; transform: rotate(-90deg); } svg circle.pending[data-v-0eb961f2] { stroke: var(--accent-color3); } svg circle.completed[data-v-0eb961f2] { stroke: var(--accent-color1); } svg circle.failed[data-v-0eb961f2] { stroke: var(--accent-color2); } svg circle.running[data-v-0eb961f2] { stroke: var(--accent-color3); } .button-container[data-v-0eb961f2] { display: flex; justify-content: flex-end; border-bottom: 1px solid var(--accent-color1); } .search-input[data-v-0eb961f2] { margin: 5px; } .path-navigator[data-v-0eb961f2] { display: flex; align-items: center; padding: 5px; background-color: var(--primary-background-color); border-bottom: 1px solid var(--accent-color1); height: 30px; } .path-navigator span[data-v-0eb961f2] { color: var(--accent-color1); font-weight: bold; margin: 0 5px; } .path-navigator span[data-v-0eb961f2]:not(.collection-title) { cursor: pointer; } .path-navigator span[data-v-0eb961f2]:hover:not(.collection-title) { text-decoration: underline; } .path-navigator .root-folder[data-v-0eb961f2] { margin-right: 5px; } .path-navigator .root-folder[data-v-0eb961f2]:hover { text-decoration: none; } .path-navigator .nav-icon[data-v-0eb961f2] { width: 20px; height: 20px; } .path-navigator .path-separator[data-v-0eb961f2] { cursor: default; color: var(--primary-text-color); } .path-navigator .path-separator[data-v-0eb961f2]:hover { text-decoration: none; } .actions-cell[data-v-0eb961f2] { display: flex; align-items: center; justify-content: flex-end; width: 100%; } .tag-pills[data-v-0eb961f2] { display: flex; flex-wrap: wrap; margin-right: 10px; } .tag-pill[data-v-0eb961f2] { padding: 2px 6px; border-radius: 4px; margin-right: 4px; } .sidebar-content[data-v-0eb961f2] { background-color: var(--primary-background-color); display: flex; flex-direction: column; justify-content: flex-start; height: 100%; width: 100%; overflow-x: hidden; padding: 0; } .file-upload-progress-floating[data-v-0eb961f2] { position: fixed; right: 24px; bottom: 24px; z-index: 100; min-width: 220px; max-width: 350px; background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; box-shadow: 0 2px 12px rgba(0,0,0,0.18); transition: box-shadow 0.2s; padding: 0; font-size: 14px; } .file-upload-progress-header[data-v-0eb961f2] { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; cursor: pointer; font-weight: bold; } .file-upload-progress-summary[data-v-0eb961f2] { padding: 10px 16px; cursor: pointer; } .file-upload-progress-details[data-v-0eb961f2] { max-height: 300px; overflow-y: auto; padding: 8px 16px 12px 16px; } .file-upload-progress-row[data-v-0eb961f2] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } .file-upload-progress-filename[data-v-0eb961f2] { flex: 1; margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .file-upload-progress-status[data-v-0eb961f2] { min-width: 70px; text-align: right; } .file-upload-progress-bar-bg[data-v-0eb961f2] { width: 100%; height: 6px; background: var(--accent-color3); border-radius: 3px; margin-top: 2px; margin-bottom: 2px; overflow: hidden; } .file-upload-progress-bar[data-v-0eb961f2] { height: 100%; background: var(--accent-color1); border-radius: 3px; transition: width 0.3s; } .file-upload-progress-close[data-v-0eb961f2] { background: none; border: none; color: var(--primary-text-color); font-size: 18px; cursor: pointer; margin-left: 8px; } .file-upload-progress-close[data-v-0eb961f2]:hover { color: var(--accent-color2); } [data-v-4cf280b2]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-4cf280b2]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-4cf280b2]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-4cf280b2]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-4cf280b2]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-4cf280b2]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-4cf280b2]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-4cf280b2]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-4cf280b2]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-4cf280b2]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-4cf280b2]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .sidebar[data-v-4cf280b2] { position: absolute; display: block; float: left; clear: left; background: var(--primary-background-color); margin: 0; padding: 0; border-right: 5px solid var(--secondary-background-color); width: 250px; min-width: 250px; height: 100%; z-index: 1000; } .sidebar-content[data-v-4cf280b2] { height: calc(100% - 30px); overflow-y: auto; overflow-x: hidden; } .source[data-v-4cf280b2] { /* Allows word breaks */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; border-style: none; display: block; margin: 0.5em 0.5em 0.5em 0 ; padding: 2px; } .source-header[data-v-4cf280b2] { font-size: 1.2em; padding-top: 0.2em; padding-left: 0.2em; padding-right: 0.2em; width:100%; background: #4f4f4f; } .source-header[data-v-4cf280b2]:hover { background: var(--accent-color3); } .source-header > a[data-v-4cf280b2]:link { color: var(--primary-text-color); } .source-content[data-v-4cf280b2] { font-size: 1em; padding-left: 0.2em; padding-right: 0.2em; padding-bottom: 0.2em; width: 100%; font-family: Arial,sans-serif; } .close-button[data-v-4cf280b2] { display: block; justify-content: center; padding: 3px; font-weight: bold; font-size: large; z-index: 99999; background-color: #4f4f4f; color: var(--primary-text-color); width: 100%; height: 30px; } .close-button[data-v-4cf280b2]:hover { background-color: var(--accent-color2); } mark[data-v-4cf280b2] { background-color: var(--accent-color3); border-radius: 4px; cursor: pointer; padding: 3px; } .tick-button[data-v-4cf280b2] { border-radius: 2px; position: relative; background: var(--primary-background-color); width: 20px; height: 20px; font-size: 16px; font-weight: bold; padding: 0; bottom: 1px; margin: 0 2px 0 0; } .tick-button[data-v-4cf280b2]:hover { background: var(--confirmation-hover); } .x-button[data-v-4cf280b2] { bottom: 2px; position: relative; background: #0f0c0e; width: 20px; height: 20px; font-size: 16px; font-weight: bold; border-radius: 0; padding: 0; margin: 0; } .x-button[data-v-4cf280b2]:hover { background: var(--negation-hover); } .loading-icon[data-v-4cf280b2] { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px; width: 20px; height: 20px; } .loading-container[data-v-4cf280b2] { display: inline; align-items: center; justify-content: center; height: 100%; width: 100%; margin: 0; padding: 0; } [data-v-3ebed9cd]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-3ebed9cd]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-3ebed9cd]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-3ebed9cd]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-3ebed9cd]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-3ebed9cd]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-3ebed9cd]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-3ebed9cd]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-3ebed9cd]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-3ebed9cd]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-3ebed9cd]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .relationship-browser[data-v-3ebed9cd] { overflow: hidden; height: 100%; min-height: 0; display: flex; flex-direction: column; } .container[data-v-3ebed9cd] { display: flex; flex-direction: column; height: 100%; overflow: hidden; max-width: 900px; width: 100%; margin: auto; padding: 5px; align-items: flex-start; } .new-relationship-input[data-v-3ebed9cd] { display: flex; justify-content: center; align-items: flex-start; flex-direction: row; margin: 20px auto; height: max-content; } .relationship-table[data-v-3ebed9cd] { width: 100%; } [data-v-957ccdd8]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-957ccdd8]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-957ccdd8]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-957ccdd8]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-957ccdd8]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-957ccdd8]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-957ccdd8]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-957ccdd8]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-957ccdd8]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-957ccdd8]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-957ccdd8]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } h1[data-v-957ccdd8] { font-size: 1.5em; margin: 0; } .relationship-graph[data-v-957ccdd8] { display: flex; height: 100%; width: 100%; } .content[data-v-957ccdd8] { position: relative; display: flex; flex-direction: column; height: 100%; flex: 1; overflow: hidden; width: 100%; } .relationship-graph-dom[data-v-957ccdd8] { flex-grow: 1; overflow: hidden; } .sidebar[data-v-957ccdd8] { width: 250px; min-width: 200px; background-color: var(--primary-background-color); border-right: 1px solid var(--secondary-background-color); overflow-y: auto; } /* Switch Styling */ .switch[data-v-957ccdd8] { position: relative; display: inline-block; width: 30px; height: 17px; } .switch input[data-v-957ccdd8] { opacity: 0; width: 0; height: 0; } .slider[data-v-957ccdd8] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: none; border: 1px solid var(--secondary-background-color); -webkit-transition: .2s; transition: .2s; } .slider[data-v-957ccdd8]:before { position: absolute; content: ""; height: 13px; width: 13px; left: 1px; bottom: 1px; background-color: var(--secondary-background-color); -webkit-transition: .1s; transition: .1s; } input:checked + .slider[data-v-957ccdd8] { background-color: var(--accent-color3); } input:checked + .slider-lock[data-v-957ccdd8] { background-color: var(--accent-color2); } input:focus + .slider[data-v-957ccdd8] { box-shadow: 0 0 0.5px var(--accent-color3); } input:checked + .slider[data-v-957ccdd8]:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } .slider.round[data-v-957ccdd8] { border-radius: 17px; } .slider.round[data-v-957ccdd8]:before { border-radius: 50%; } .list-content[data-v-957ccdd8] { overflow-y: auto; overflow-x: hidden; } .source[data-v-957ccdd8] { text-align: left; } .relationship-pane-control-buttons[data-v-957ccdd8] { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; position: absolute; z-index: 5; right: 0; } [data-v-15364f00]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-15364f00]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-15364f00]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-15364f00]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-15364f00]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-15364f00]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-15364f00]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-15364f00]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-15364f00]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-15364f00]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-15364f00]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .relationship-view[data-v-15364f00] { display: flex; flex-direction: column; } .table-container[data-v-15364f00] { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .response-cell[data-v-15364f00] { padding: 0; height: 80px; } .response-cell button[data-v-15364f00] { background: none; width: 100%; height: 50%; font-size: 36px; font-weight: bold; border-radius: 0; padding: 0; margin: 0; border: none; cursor: pointer; } .tick-button[data-v-15364f00]:hover { background: var(--confirmation-hover); } .x-button[data-v-15364f00]:hover { background: var(--negation-hover); } .negative-feedback[data-v-15364f00] { background: var(--negation) !important } .positive-feedback[data-v-15364f00] { background: var(--confirmation) !important; } .relationship-response-table[data-v-15364f00] { margin-bottom: 50px; } .own-files[data-v-15364f00] { display: block; width: auto; margin: 20px; } .own-files-label[data-v-15364f00] { margin-bottom: 20px; } .loading-icon[data-v-15364f00] { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px; width: 20px; height: 20px; } .loading-container[data-v-15364f00] { display: inline; align-items: center; justify-content: center; height: 100%; width: 100%; margin: 0; padding: 0; } /* Switch Styling */ .switch[data-v-15364f00] { position: relative; display: inline-block; width: 45px; height: 26px; } .switch input[data-v-15364f00] { opacity: 0; width: 0; height: 0; } .slider[data-v-15364f00] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: none; border: 1px solid var(--secondary-background-color); -webkit-transition: .2s; transition: .2s; } .slider[data-v-15364f00]:before { position: absolute; content: ""; height: 22px; width: 22px; left: 1px; bottom: 1px; background-color: var(--secondary-background-color); -webkit-transition: .1s; transition: .1s; } input:checked + .slider[data-v-15364f00] { background-color: var(--accent-color3); } input:focus + .slider[data-v-15364f00] { box-shadow: 0 0 0.5px var(--accent-color3); } input:checked + .slider[data-v-15364f00]:before { -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); } .slider.round[data-v-15364f00] { border-radius: 17px; } .slider.round[data-v-15364f00]:before { border-radius: 50%; } .relationship-answer[data-v-15364f00] { background-color: var(--accent-color1); padding: 3px; border-radius: 4px; color: var(--primary-text-color); } .calendar-component[data-v-9bda9f43] { height: 100%; width: 100%; display: flex; flex-direction: column; } .calendar-panel[data-v-9bda9f43], .query-browser-panel[data-v-9bda9f43] { height: 100%; overflow: hidden; } .empty-calendar-state[data-v-9bda9f43] { height: 100%; display: flex; align-items: center; justify-content: center; background: var(--primary-background-color); } .empty-state-content[data-v-9bda9f43] { text-align: center; color: var(--primary-text-color); max-width: 400px; padding: 2rem; } .empty-state-content h3[data-v-9bda9f43] { margin-bottom: 1rem; color: var(--accent-color1); } .empty-state-content p[data-v-9bda9f43] { line-height: 1.5; opacity: 0.8; } .map-component[data-v-fa71ba12] { height: 100%; width: 100%; display: flex; flex-direction: column; } .map-panel[data-v-fa71ba12], .query-browser-panel[data-v-fa71ba12] { height: 100%; overflow: hidden; } .empty-map-state[data-v-fa71ba12] { height: 100%; display: flex; align-items: center; justify-content: center; background: var(--primary-background-color); } .empty-state-content[data-v-fa71ba12] { text-align: center; color: var(--primary-text-color); max-width: 400px; padding: 2rem; } .empty-state-content h3[data-v-fa71ba12] { margin-bottom: 1rem; color: var(--accent-color1); } .empty-state-content p[data-v-fa71ba12] { line-height: 1.5; opacity: 0.8; } .view-toggle-container[data-v-e83887f6] { display: flex; align-items: center; } .view-toggle[data-v-e83887f6] { display: flex; border: 1px solid var(--accent-color1); border-radius: 4px; overflow: hidden; } .view-button[data-v-e83887f6] { padding: 6px 12px; background: var(--primary-background-color); border: none; color: var(--primary-text-color); cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; min-width: 36px; border-radius: 0; } .view-button[data-v-e83887f6]:not(:last-child) { border-right: 1px solid var(--accent-color1); } .view-button[data-v-e83887f6]:hover:not(:disabled) { background: var(--accent-color1-hover); } .view-button.active[data-v-e83887f6] { background: var(--accent-color1); color: white; } @media (max-width: 768px) { .view-toggle[data-v-e83887f6] { width: 100%; } .view-button[data-v-e83887f6] { flex: 1; } } .year-view-container[data-v-b56d1ea0] { display: flex; flex-direction: column; gap: 16px; } .calendar-grid[data-v-b56d1ea0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 4px; align-content: center; flex: 1; } .month-container[data-v-b56d1ea0] { border: 1px solid var(--accent-color1); border-radius: 8px; padding: 6px; background: white; } .month-title[data-v-b56d1ea0] { margin-top: 0; margin-bottom: 5px; text-align: center; padding-bottom: 6px; font-size: 14px; } .weekday-labels[data-v-b56d1ea0] { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-weight: bold; margin-bottom: 2px; font-size: 10px; } .days-grid[data-v-b56d1ea0] { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 1px; } .day-cell[data-v-b56d1ea0], .day-placeholder[data-v-b56d1ea0] { aspect-ratio: 1; border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; } .day-cell[data-v-b56d1ea0] { cursor: pointer; transition: transform 0.1s, background-color 0.2s; border: 1px solid rgba(0, 0, 0, 0.1); } .day-cell[data-v-b56d1ea0]:hover { transform: scale(1.1); z-index: 1; } .day-number[data-v-b56d1ea0] { font-size: 11px; font-weight: 500; } /* Heatmap styles will be applied dynamically via JavaScript */ .activity-none[data-v-b56d1ea0] { background-color: #f0f0f0; } .month-container[data-v-23c43bac] { border: 1px solid var(--accent-color1); border-radius: 8px; padding: 12px; background: white; max-width: 800px; margin: 0 auto; } .month-title[data-v-23c43bac] { margin-top: 0; margin-bottom: 16px; text-align: center; padding-bottom: 8px; font-size: 20px; border-bottom: 1px solid #eee; } .weekday-labels[data-v-23c43bac] { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-weight: bold; margin-bottom: 8px; font-size: 14px; } .days-grid[data-v-23c43bac] { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 4px; } .day-cell[data-v-23c43bac], .day-placeholder[data-v-23c43bac] { max-height: 5rem; min-width: 100%; aspect-ratio: 1; border-radius: 4px; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; } .day-cell[data-v-23c43bac] { cursor: pointer; transition: transform 0.1s; } .day-cell[data-v-23c43bac]:hover { transform: scale(1.05); z-index: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .day-number[data-v-23c43bac] { font-size: 16px; font-weight: 500; } .empty-month-message[data-v-23c43bac] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; margin: 20px 0; background-color: rgba(0, 0, 0, 0.02); border-radius: 8px; color: var(--primary-text-color); text-align: center; } .month-navigation-hint[data-v-23c43bac] { margin-top: 10px; font-size: 0.9em; color: var(--accent-color1); padding: 5px; background: #f9f9f9; border-radius: 4px; } .decade-container[data-v-e24fd2e3] { display: flex; flex-direction: column; align-items: center; padding: 10px; background: white; border: 1px solid var(--accent-color1); border-radius: 8px; } .decade-title[data-v-e24fd2e3] { margin-top: 0; margin-bottom: 16px; text-align: center; padding-bottom: 8px; font-size: 20px; border-bottom: 1px solid #eee; width: 100%; } .month-header[data-v-e24fd2e3] { display: grid; grid-template-columns: 60px repeat(12, 1fr); width: 100%; margin-bottom: 8px; } .month-label[data-v-e24fd2e3] { display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: bold; padding: 4px 0; } .decade-grid[data-v-e24fd2e3] { display: flex; flex-direction: column; width: 100%; gap: 6px; } .year-row[data-v-e24fd2e3] { display: grid; grid-template-columns: 60px repeat(12, 1fr); gap: 4px; } .year-label-header[data-v-e24fd2e3] { display: flex; align-items: center; justify-content: center; font-weight: bold; } .year-label[data-v-e24fd2e3] { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; cursor: pointer; border-radius: 4px; border: 1px solid #ddd; transition: transform 0.1s; } .month-cell[data-v-e24fd2e3] { max-height: 2.5rem; min-width: 100%; aspect-ratio: 1; border-radius: 4px; transition: transform 0.1s; cursor: pointer; border: 1px solid var(--accent-color1); background-color: #f0f0f0; position: relative; display: flex; align-items: center; justify-content: center; } .month-cell[data-v-e24fd2e3]:hover { transform: scale(1.1); z-index: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .event-count[data-v-e24fd2e3] { font-size: 16px; font-weight: 500; } .century-container[data-v-cba7c501] { display: flex; flex-direction: column; align-items: center; padding: 10px; background: white; border: 1px solid var(--accent-color1); border-radius: 8px; } .century-title[data-v-cba7c501] { margin-top: 0; margin-bottom: 16px; text-align: center; padding-bottom: 8px; font-size: 20px; border-bottom: 1px solid #eee; width: 100%; } .year-header[data-v-cba7c501] { display: grid; grid-template-columns: 60px repeat(10, 1fr); width: 100%; margin-bottom: 8px; } .year-label[data-v-cba7c501] { display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: bold; padding: 4px 0; } .century-grid[data-v-cba7c501] { display: flex; flex-direction: column; width: 100%; gap: 6px; } .decade-row[data-v-cba7c501] { display: grid; grid-template-columns: 60px repeat(10, 1fr); gap: 4px; } .decade-label-header[data-v-cba7c501] { display: flex; align-items: center; justify-content: center; font-weight: bold; } .decade-label[data-v-cba7c501] { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; cursor: pointer; border-radius: 4px; border: 1px solid #ddd; transition: transform 0.1s; } .year-cell[data-v-cba7c501] { max-height: 2.5rem; min-width: 100%; aspect-ratio: 1; border-radius: 4px; transition: transform 0.1s; cursor: pointer; border: 1px solid var(--accent-color1); background-color: #f0f0f0; position: relative; display: flex; align-items: center; justify-content: center; } .year-cell[data-v-cba7c501]:hover { transform: scale(1.1); z-index: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .event-count[data-v-cba7c501] { font-size: 16px; font-weight: 500; } .calendar-container[data-v-922dee9f] { padding: 10px; height: 100%; overflow: auto; display: flex; flex-direction: column; } .heatmap-legend[data-v-922dee9f] { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 8px; background: rgba(255, 255, 255, 0.9); border-radius: 8px; border: 1px solid var(--accent-color1); font-size: 12px; margin-bottom: 16px; } .legend-label[data-v-922dee9f] { font-size: 1rem; font-weight: 500; color: #333; } .legend-gradient-container[data-v-922dee9f] { display: flex; flex-direction: column; align-items: center; gap: 4px; } .legend-gradient[data-v-922dee9f] { width: 120px; height: 12px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.2); } .legend-values[data-v-922dee9f] { display: flex; justify-content: space-between; width: 120px; font-size: 10px; color: #666; } .legend-value[data-v-922dee9f] { font-size: 0.75rem; font-weight: 500; } .calendar-controls[data-v-922dee9f] { display: flex; align-items: center; gap: 10px; } .control-btn[data-v-922dee9f] { background: var(--accent-color1); color: white; border: none; border-radius: 4px; width: 30px; height: 30px; cursor: pointer; font-size: 16px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s; } .control-btn[data-v-922dee9f]:hover { background: var(--accent-color1-hover); } .control-btn.disabled[data-v-922dee9f] { background-color: #ccc; cursor: not-allowed; opacity: 0.6; } .control-btn.disabled[data-v-922dee9f]:hover { background-color: #ccc; } .date-field-selector[data-v-922dee9f] { margin: 0 5px; display: flex; flex-direction: row; justify-content: space-between; gap: 12px; } .calendar-view-controls[data-v-922dee9f] { margin: 5px 5px 10px 5px; display: flex; flex-direction: row; justify-content: space-between; gap: 12px; align-items: center; } .field-section[data-v-922dee9f] { display: flex; flex-direction: column; gap: 0px; } .field-section-label[data-v-922dee9f] { margin: 0; padding-top: 2px; font-size: 14px; font-weight: 600; color: var(--primary-text-color); } .selected-date-fields[data-v-922dee9f], .available-date-fields[data-v-922dee9f] { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; background: rgba(0, 0, 0, 0.02); border-radius: 4px; } .date-field-chip[data-v-922dee9f] { display: flex; align-items: center; background: white; border: 1px solid var(--accent-color1); border-radius: 16px; padding: 2px 8px; font-size: 12px; white-space: nowrap; } .field-button[data-v-922dee9f] { margin-left: 6px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; cursor: pointer; font-weight: bold; font-size: 12px; } .add-field[data-v-922dee9f] { background: var(--accent-color1); color: white; } .remove-field[data-v-922dee9f] { background: #ff5252; color: white; } .empty-selection-message[data-v-922dee9f] { color: var(--primary-text-color); font-style: italic; font-size: 12px; padding: 10px 0; } .tooltip[data-v-922dee9f] { position: fixed; background: white; border: 1px solid #ccc; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 10px; max-width: 300px; z-index: 1000; } .tooltip-date[data-v-922dee9f] { font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #eee; padding-bottom: 5px; } .tooltip-events[data-v-922dee9f] { margin-bottom: 8px; } .loading-overlay[data-v-922dee9f] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; } .loading-spinner[data-v-922dee9f] { border: 3px solid #f3f3f3; border-top: 3px solid var(--accent-color1); border-radius: 50%; width: 30px; height: 30px; animation: spin-922dee9f 1s linear infinite; margin-bottom: 10px; } @keyframes spin-922dee9f { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .error-message[data-v-922dee9f] { color: #e53935; text-align: center; padding: 20px; background-color: rgba(229, 57, 53, 0.05); border-radius: 4px; margin: 20px; } .empty-state-message[data-v-922dee9f] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; margin: 20px; background-color: rgba(0, 0, 0, 0.02); border-radius: 8px; color: var(--primary-text-color); text-align: center; } .year-navigation-hint[data-v-922dee9f] { margin-top: 10px; font-size: 0.9em; color: var(--accent-color1); padding: 5px; background: #f9f9f9; border-radius: 4px; } /* Media queries for responsiveness */ @media (max-width: 768px) { .field-section-label[data-v-922dee9f] { font-size: 13px; } .date-field-chip[data-v-922dee9f] { font-size: 11px; } .heatmap-legend[data-v-922dee9f] { gap: 10px; font-size: 11px; } .legend-gradient[data-v-922dee9f] { width: 100px; height: 10px; } .legend-values[data-v-922dee9f] { width: 100px; font-size: 9px; } } @media (max-width: 480px) { .calendar-container[data-v-922dee9f] { padding: 5px; } .heatmap-legend[data-v-922dee9f] { gap: 8px; font-size: 11px; } .legend-gradient[data-v-922dee9f] { width: 80px; height: 8px; } .legend-values[data-v-922dee9f] { width: 80px; font-size: 8px; } } /* Custom toolbar */ .custom-toolbar[data-v-e626f2f1] { border-bottom: 1px solid var(--accent-color1); padding: 8px; display: flex; align-items: center; gap: 4px; border-radius: 4px 4px 0 0; flex-wrap: wrap; } .toolbar-btn[data-v-e626f2f1] { background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 3px; padding: 4px 8px; cursor: pointer; font-size: 12px; display: inline-flex; align-items: center; height: 28px; min-width: 32px; justify-content: center; transition: all 0.2s ease; font-family: inherit; color: var(--primary-text-color); } .toolbar-btn[data-v-e626f2f1]:hover:not(:disabled) { background: var(--accent-color1-hover); } .toolbar-btn[data-v-e626f2f1]:disabled { opacity: 0.5; cursor: not-allowed; } .toolbar-btn.active[data-v-e626f2f1] { background: var(--accent-color1); color: var(--accent-color1-text); border-color: var(--accent-color1); } .toolbar-btn.delete-btn[data-v-e626f2f1] { background: var(--negation); color: var(--primary-background-color); border-color: var(--negation); } .toolbar-btn.delete-btn[data-v-e626f2f1]:hover:not(:disabled) { background: var(--negation-hover); border-color: var(--negation-hover); } .heading-select[data-v-e626f2f1] { background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 3px; padding: 4px 8px; font-size: 12px; height: 28px; cursor: pointer; font-family: inherit; color: var(--primary-text-color); } .heading-select[data-v-e626f2f1]:hover { background: var(--accent-color1-hover); } .toolbar-separator[data-v-e626f2f1] { width: 1px; height: 20px; background: var(--accent-color1); margin: 0 4px; } .copy-btn[data-v-e626f2f1] { background: var(--accent-color1); color: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 3px; padding: 4px 8px; cursor: pointer; font-size: 12px; height: 28px; min-width: 60px; transition: all 0.2s ease; margin-left: auto; font-family: inherit; } .copy-btn[data-v-e626f2f1]:hover { background: var(--accent-color1-hover); border-color: var(--accent-color1-hover); } .copy-btn.success[data-v-e626f2f1] { background: var(--accent-color1); border-color: var(--accent-color1); } .find-replace-overlay[data-v-5c290397] { position: absolute; top: 100%; left: 0; right: 0; z-index: 10; pointer-events: auto; max-height: 220px; overflow: visible; } .find-replace-dialog[data-v-5c290397] { background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); width: 100%; max-width: none; max-height: 200px; overflow: auto; } .find-replace-header[data-v-5c290397] { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-bottom: 1px solid var(--accent-color1); background: var(--accent-color1-hover); } .mode-toggles[data-v-5c290397] { display: flex; gap: 2px; } .mode-btn[data-v-5c290397] { background: none; border: 1px solid var(--accent-color1); color: var(--primary-text-color); font-size: 11px; font-weight: 600; cursor: pointer; padding: 4px 8px; border-radius: 3px; transition: all 0.2s ease; line-height: 1; } .mode-btn[data-v-5c290397]:hover { background: var(--accent-color1); color: var(--accent-color1-text); } .mode-btn.active[data-v-5c290397] { background: var(--accent-color1); color: var(--accent-color1-text); border-color: var(--accent-color1); } .close-btn[data-v-5c290397] { background: none; border: none; color: var(--primary-text-color); font-size: 14px; cursor: pointer; padding: 2px 4px; border-radius: 3px; transition: background-color 0.2s ease; line-height: 1; } .close-btn[data-v-5c290397]:hover { background: var(--accent-color1); } .find-replace-content[data-v-5c290397] { padding: 12px; display: flex; flex-direction: column; gap: 8px; } .input-group[data-v-5c290397] { display: flex; flex-direction: column; gap: 4px; } .input-group label[data-v-5c290397] { font-size: 11px; font-weight: 500; color: var(--secondary-text-color); } .input-wrapper[data-v-5c290397] { display: flex; align-items: center; gap: 6px; } .find-input[data-v-5c290397], .replace-input[data-v-5c290397] { flex: 1; padding: 6px 8px; border: 1px solid var(--accent-color1); border-radius: 3px; background: var(--primary-background-color); color: var(--primary-text-color); font-size: 12px; font-family: inherit; } .find-input[data-v-5c290397]:focus, .replace-input[data-v-5c290397]:focus { outline: none; border-color: var(--accent-color1); box-shadow: 0 0 0 1px var(--accent-color1-hover); } .search-controls[data-v-5c290397] { display: flex; gap: 2px; } .control-btn[data-v-5c290397] { padding: 4px 6px; border: 1px solid var(--accent-color1); border-radius: 2px; background: var(--primary-background-color); color: var(--secondary-text-color); font-size: 10px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; min-width: 24px; display: flex; align-items: center; justify-content: center; line-height: 1; } .control-btn[data-v-5c290397]:hover { background: var(--accent-color1-hover); color: var(--primary-text-color); } .control-btn.active[data-v-5c290397] { background: var(--accent-color1); color: var(--accent-color1-text); border-color: var(--accent-color1); } .match-info[data-v-5c290397] { font-size: 10px; color: var(--secondary-text-color); text-align: right; min-height: 14px; display: flex; align-items: center; justify-content: flex-end; } .button-group[data-v-5c290397] { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-top: 4px; } .navigation-buttons[data-v-5c290397], .replace-buttons[data-v-5c290397] { display: flex; gap: 4px; } .action-btn[data-v-5c290397] { padding: 4px 8px; border: 1px solid var(--accent-color1); border-radius: 3px; background: var(--primary-background-color); color: var(--primary-text-color); font-size: 11px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; line-height: 1; } .action-btn[data-v-5c290397]:hover:not(:disabled) { background: var(--accent-color1-hover); } .action-btn[data-v-5c290397]:disabled { opacity: 0.5; cursor: not-allowed; } .action-btn[data-v-5c290397]:last-child { background: var(--accent-color1); color: var(--accent-color1-text); } .action-btn[data-v-5c290397]:last-child:hover:not(:disabled) { background: var(--accent-color1-hover); } .diff-dialog-overlay[data-v-138d9844] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; } .diff-dialog[data-v-138d9844] { background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 8px; width: 90%; max-width: 800px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; } .diff-dialog-header[data-v-138d9844] { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--accent-color1); background: var(--primary-background-color); } .diff-dialog-header h3[data-v-138d9844] { margin: 0; color: var(--primary-text-color); font-size: 18px; } .close-btn[data-v-138d9844] { background: none; border: none; font-size: 18px; cursor: pointer; color: var(--primary-text-color); padding: 4px 8px; border-radius: 4px; transition: background-color 0.2s; } .close-btn[data-v-138d9844]:hover { background: var(--accent-color1-hover); } .diff-dialog-content[data-v-138d9844] { padding: 20px; overflow-y: auto; flex: 1; } .diff-input-section[data-v-138d9844] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; } .input-group[data-v-138d9844] { display: flex; flex-direction: column; gap: 8px; } .input-group label[data-v-138d9844] { font-weight: 600; color: var(--primary-text-color); font-size: 14px; } .diff-textarea[data-v-138d9844] { background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; padding: 12px; font-family: 'Consolas', 'Monaco', 'Courier New', monospace; font-size: 13px; color: var(--primary-text-color); resize: vertical; min-height: 150px; } .diff-textarea[data-v-138d9844]:focus { outline: none; border-color: var(--accent-color1); box-shadow: 0 0 0 2px var(--accent-color1-hover); } .diff-options[data-v-138d9844] { display: flex; gap: 20px; align-items: center; margin-bottom: 20px; padding: 16px; background: var(--primary-background-color); border-radius: 6px; border: 1px solid var(--accent-color1); } .option-group[data-v-138d9844] { display: flex; align-items: center; gap: 8px; } .option-group label[data-v-138d9844] { font-size: 14px; color: var(--primary-text-color); font-weight: 500; } .diff-select[data-v-138d9844] { background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; padding: 4px 8px; color: var(--primary-text-color); font-size: 13px; } .checkbox-label[data-v-138d9844] { display: flex !important; align-items: center; gap: 6px; cursor: pointer; } .checkbox-label input[type="checkbox"][data-v-138d9844] { margin: 0; } .diff-stats[data-v-138d9844] { display: flex; gap: 20px; padding: 12px 16px; background: var(--primary-background-color); border-radius: 6px; border: 1px solid var(--accent-color1); margin-bottom: 20px; } .stat-item[data-v-138d9844] { display: flex; align-items: center; gap: 8px; } .stat-label[data-v-138d9844] { font-size: 13px; color: var(--primary-text-color); } .stat-value[data-v-138d9844] { font-weight: 600; font-size: 14px; color: var(--primary-text-color); } .stat-value.additions[data-v-138d9844] { color: #22c55e; } .stat-value.deletions[data-v-138d9844] { color: #ef4444; } .diff-dialog-actions[data-v-138d9844] { display: flex; justify-content: flex-end; gap: 12px; padding: 16px 20px; border-top: 1px solid var(--accent-color1); background: var(--primary-background-color); } .action-btn[data-v-138d9844] { padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; border: 1px solid transparent; } .action-btn.primary[data-v-138d9844] { background: var(--accent-color1); color: var(--primary-background-color); border-color: var(--accent-color1); } .action-btn.primary[data-v-138d9844]:hover:not(:disabled) { background: var(--accent-color1-hover); border-color: var(--accent-color1-hover); } .action-btn.primary[data-v-138d9844]:disabled { opacity: 0.5; cursor: not-allowed; } .action-btn.secondary[data-v-138d9844] { background: var(--primary-background-color); color: var(--primary-text-color); border-color: var(--accent-color1); } .action-btn.secondary[data-v-138d9844]:hover { background: var(--accent-color1-hover); } /* Responsive design */ @media (max-width: 768px) { .diff-input-section[data-v-138d9844] { grid-template-columns: 1fr; } .diff-options[data-v-138d9844] { flex-direction: column; align-items: flex-start; gap: 12px; } .diff-stats[data-v-138d9844] { flex-direction: column; gap: 8px; } } /* ProseMirror Editor Styles */ .ProseMirror.prosemirror-editor { white-space: pre-wrap; } .ProseMirror.prosemirror-editor blockquote { border-left: 4px solid var(--accent-color1); padding-left: 16px; margin: 12px 0; color: var(--primary-text-color); } /* Additional outline removal for ProseMirror specific classes */ :deep(.ProseMirror-selectednode), :deep(.ProseMirror-selectednode:focus), :deep(.ProseMirror-selectednode:focus-visible), :deep(.ProseMirror-focused), :deep(.ProseMirror-focused:focus), :deep(.ProseMirror-focused:focus-visible) { outline: none !important; -webkit-focus-ring-color: transparent !important; } /* Aggressive outline removal specifically for example setup styles */ :deep(.ProseMirror-example-setup-style) { outline: none !important; border: none !important; box-shadow: none !important; -webkit-focus-ring-color: transparent !important; -moz-outline: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .ProseMirror.prosemirror-editor:focus-visible { outline: none !important; } .ProseMirror.prosemirror-editor code { background: var(--secondary-background-color); border-radius: 3px; font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace; font-size: 13px; color: var(--secondary-text-color); } .ProseMirror.prosemirror-editor pre { background: var(--secondary-background-color); color: var(--secondary-text-color); border: 1px solid var(--accent-color1); border-radius: 4px; padding: 12px; margin: 12px 0; overflow: auto; font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace; font-size: 13px; line-height: 1.4; } /* Search result highlighting */ .ProseMirror.prosemirror-editor .search-result { background-color: rgba(255, 255, 0, 0.3); padding: 1px 0; } .ProseMirror.prosemirror-editor .search-result-current { background-color: rgba(255, 165, 0, 0.6); padding: 1px 0; } /* Diff highlighting styles */ .diff-addition { background-color: rgba(34, 197, 94, 0.2); color: #15803d; text-decoration: none; border-radius: 2px; padding: 1px 2px; font-weight: 500; } .diff-deletion { background-color: rgba(239, 68, 68, 0.2); color: #dc2626; text-decoration: line-through; border-radius: 2px; padding: 1px 2px; font-weight: 500; } .diff-addition::before { content: "+"; color: #15803d; font-weight: bold; margin-right: 2px; font-size: 0.8em; } .diff-deletion::before { content: "-"; color: #dc2626; font-weight: bold; margin-right: 2px; font-size: 0.8em; } /* Dark mode support */ @media (prefers-color-scheme: dark) { .diff-addition { background-color: rgba(34, 197, 94, 0.15); color: #4ade80; } .diff-deletion { background-color: rgba(239, 68, 68, 0.15); color: #f87171; } .diff-addition::before { color: #4ade80; } .diff-deletion::before { color: #f87171; } } /* Enhanced diff styles for better readability */ .prosemirror-editor .diff-addition { display: inline; position: relative; border-left: 3px solid #22c55e; padding-left: 6px; margin-left: 2px; } .prosemirror-editor .diff-deletion { display: inline; position: relative; border-left: 3px solid #ef4444; padding-left: 6px; margin-left: 2px; } /* Tooltip for diff changes */ .diff-addition[title], .diff-deletion[title] { cursor: help; } /* Block-level diff styling for larger changes */ .diff-block-addition { background-color: rgba(34, 197, 94, 0.1); border-left: 4px solid #22c55e; padding: 8px 12px; margin: 4px 0; border-radius: 4px; } .diff-block-deletion { background-color: rgba(239, 68, 68, 0.1); border-left: 4px solid #ef4444; padding: 8px 12px; margin: 4px 0; border-radius: 4px; } /* Animation for diff highlights */ @keyframes diffHighlight { 0% { background-color: transparent; } 50% { background-color: rgba(255, 255, 0, 0.3); } 100% { background-color: transparent; } } .diff-addition.highlight-animation, .diff-deletion.highlight-animation { animation: diffHighlight 1s ease-in-out; } .markdown-editor-wrapper[data-v-699ae2a5] { /* Complete isolation from parent styles */ all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .markdown-editor[data-v-699ae2a5] { border: 1px solid var(--accent-color1); border-radius: 4px; background: var(--primary-background-color); min-height: 200px; /* Reset all inherited properties */ all: unset; border: 1px solid var(--accent-color1) !important; border-radius: 4px !important; background: var(--primary-background-color) !important; min-height: 200px !important; display: block !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; } .toolbar-area[data-v-699ae2a5] { position: relative; z-index: 5; } .editor-container[data-v-699ae2a5] { min-height: 150px; padding: 16px; cursor: text; /* Make the entire container clickable */ position: relative; transition: margin-top 0.2s ease; } .editor-container.editor-with-dialog[data-v-699ae2a5] { margin-top: 200px; } /* Focus styling */ .markdown-editor[data-v-699ae2a5]:focus-within { border-color: var(--accent-color1); box-shadow: 0 0 0 2px var(--accent-color1-hover); } .test-container[data-v-decf7ca4] { max-width: 1200px; margin: 0 auto; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: var(--primary-background-color); color: var(--primary-text-color); } .editor-wrapper[data-v-decf7ca4] { margin: 20px 0; border: 2px solid var(--accent-color1); border-radius: 8px; padding: 10px; background-color: var(--primary-background-color); } .output[data-v-decf7ca4] { margin: 20px 0; } .output-header[data-v-decf7ca4] { background: var(--accent-color1-hover); padding: 15px; border-radius: 4px 4px 0 0; border: 1px solid var(--accent-color1); cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; transition: background-color 0.2s ease, border-radius 0.2s ease; } .output-header.collapsed[data-v-decf7ca4] { border-radius: 4px; } .output-header[data-v-decf7ca4]:hover { background: var(--accent-color1); color: var(--accent-color1-text); } .output-header h3[data-v-decf7ca4] { margin: 0; color: var(--primary-text-color); } .output-header:hover h3[data-v-decf7ca4] { color: var(--accent-color1-text); } .toggle-icon[data-v-decf7ca4] { font-size: 14px; font-weight: bold; color: var(--primary-text-color); transition: transform 0.2s ease; } .output-header:hover .toggle-icon[data-v-decf7ca4] { color: var(--accent-color1-text); } .output-content[data-v-decf7ca4] { background: var(--accent-color1-hover); padding: 15px; border-radius: 0 0 4px 4px; white-space: pre-wrap; font-family: 'Courier New', monospace; font-size: 12px; border: 1px solid var(--accent-color1); border-top: none; text-align: left; color: var(--primary-text-color); margin: 0; } .instructions[data-v-decf7ca4] { margin: 20px 0; } .instructions-header[data-v-decf7ca4] { background: var(--accent-color1-hover); padding: 15px; border-radius: 4px 4px 0 0; border: 1px solid var(--accent-color1); cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; transition: background-color 0.2s ease, border-radius 0.2s ease; } .instructions-header.collapsed[data-v-decf7ca4] { border-radius: 4px; } .instructions-header[data-v-decf7ca4]:hover { background: var(--accent-color1); color: var(--accent-color1-text); } .instructions-header h3[data-v-decf7ca4] { margin: 0; color: var(--primary-text-color); } .instructions-header:hover h3[data-v-decf7ca4] { color: var(--accent-color1-text); } .instructions-header .toggle-icon[data-v-decf7ca4] { font-size: 14px; font-weight: bold; color: var(--primary-text-color); transition: transform 0.2s ease; } .instructions-header:hover .toggle-icon[data-v-decf7ca4] { color: var(--accent-color1-text); } .instructions-content[data-v-decf7ca4] { background: var(--accent-color1-hover); padding: 15px; border-radius: 0 0 4px 4px; border: 1px solid var(--accent-color1); border-top: none; text-align: left; color: var(--primary-text-color); } .instructions-content ul[data-v-decf7ca4] { margin: 10px 0; padding-left: 20px; } .instructions-content li[data-v-decf7ca4] { margin: 5px 0; } .instructions-content p[data-v-decf7ca4] { margin: 10px 0 0 0; } .test-container[data-v-662b2eff] { max-width: 1200px; margin: 0 auto; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: var(--primary-background-color); color: var(--primary-text-color); } .editor-wrapper[data-v-662b2eff] { margin: 20px 0; border: 2px solid var(--accent-color1); border-radius: 8px; padding: 10px; background-color: var(--primary-background-color); } .output[data-v-662b2eff], .instructions[data-v-662b2eff], .test-samples[data-v-662b2eff] { margin: 20px 0; } .output-header[data-v-662b2eff], .instructions-header[data-v-662b2eff], .samples-header[data-v-662b2eff] { background: var(--accent-color1-hover); padding: 15px; border-radius: 4px 4px 0 0; border: 1px solid var(--accent-color1); cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; transition: background-color 0.2s ease, border-radius 0.2s ease; } .output-header.collapsed[data-v-662b2eff], .instructions-header.collapsed[data-v-662b2eff], .samples-header.collapsed[data-v-662b2eff] { border-radius: 4px; } .output-header[data-v-662b2eff]:hover, .instructions-header[data-v-662b2eff]:hover, .samples-header[data-v-662b2eff]:hover { background: var(--accent-color1); color: var(--accent-color1-text); } .output-header h3[data-v-662b2eff], .instructions-header h3[data-v-662b2eff], .samples-header h3[data-v-662b2eff] { margin: 0; color: var(--primary-text-color); } .output-header:hover h3[data-v-662b2eff], .instructions-header:hover h3[data-v-662b2eff], .samples-header:hover h3[data-v-662b2eff] { color: var(--accent-color1-text); } .toggle-icon[data-v-662b2eff] { font-size: 14px; font-weight: bold; color: var(--primary-text-color); transition: transform 0.2s ease; } .output-header:hover .toggle-icon[data-v-662b2eff], .instructions-header:hover .toggle-icon[data-v-662b2eff], .samples-header:hover .toggle-icon[data-v-662b2eff] { color: var(--accent-color1-text); } .output-content[data-v-662b2eff] { background: var(--accent-color1-hover); padding: 15px; border-radius: 0 0 4px 4px; white-space: pre-wrap; font-family: 'Courier New', monospace; font-size: 12px; border: 1px solid var(--accent-color1); border-top: none; text-align: left; color: var(--primary-text-color); margin: 0; } .instructions-content[data-v-662b2eff], .samples-content[data-v-662b2eff] { background: var(--accent-color1-hover); padding: 15px; border-radius: 0 0 4px 4px; border: 1px solid var(--accent-color1); border-top: none; text-align: left; color: var(--primary-text-color); } .instructions-content ul[data-v-662b2eff], .samples-content ul[data-v-662b2eff] { margin: 10px 0; padding-left: 20px; } .instructions-content li[data-v-662b2eff], .samples-content li[data-v-662b2eff] { margin: 5px 0; } .instructions-content p[data-v-662b2eff], .samples-content p[data-v-662b2eff] { margin: 10px 0 0 0; } .sample-group[data-v-662b2eff] { margin: 15px 0; } .sample-group h4[data-v-662b2eff] { margin: 0 0 8px 0; color: var(--primary-text-color); font-size: 14px; font-weight: 600; } .sample-textarea[data-v-662b2eff] { width: 100%; min-height: 150px; background: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; padding: 12px; font-family: 'Consolas', 'Monaco', 'Courier New', monospace; font-size: 12px; color: var(--primary-text-color); resize: vertical; box-sizing: border-box; } .sample-textarea[data-v-662b2eff]:focus { outline: none; border-color: var(--accent-color1); box-shadow: 0 0 0 2px var(--accent-color1-hover); } .sample-actions[data-v-662b2eff] { margin-top: 15px; display: flex; gap: 10px; } .sample-btn[data-v-662b2eff] { background: var(--accent-color1); color: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; padding: 8px 16px; cursor: pointer; font-size: 13px; font-weight: 500; transition: all 0.2s ease; } .sample-btn[data-v-662b2eff]:hover { background: var(--accent-color1-hover); border-color: var(--accent-color1-hover); } .data-field[data-v-3a5f185c] { width: 100%; border-radius: 0.375rem; border: 1px solid var(--accent-color1); background-color: var(--primary-background-color); margin-bottom: 0.5rem; } .field-content[data-v-3a5f185c] { padding: 0.75rem; } .field-header[data-v-3a5f185c] { display: flex; align-items: flex-start; gap: 0.75rem; } .drag-handle[data-v-3a5f185c] { display: flex; align-items: center; height: 1.5rem; cursor: move; color: var(--accent-color1); } .field-body[data-v-3a5f185c] { flex: 1; gap: 0.75rem; display: flex; flex-direction: column; } .main-field-row[data-v-3a5f185c] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: flex-start; justify-content: space-between; } .field-name[data-v-3a5f185c], .field-type[data-v-3a5f185c] { display: flex; } .action-buttons[data-v-3a5f185c] { display: flex; gap: 0.25rem; margin-left: auto; } .field-grid[data-v-3a5f185c] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } .field-group[data-v-3a5f185c] { display: flex; flex-direction: column; gap: 0.25rem; } .field-label[data-v-3a5f185c] { font-size: 0.875rem; font-weight: 500; color: var(--primary-text-color); } .icon-button[data-v-3a5f185c] { padding: 0.25rem; color: var(--accent-color1); opacity: 0.7; } .icon-button[data-v-3a5f185c]:hover { opacity: 1; } .expanded-content[data-v-3a5f185c] { margin-top: 0.75rem; padding-left: 1.5rem; } .array-items[data-v-3a5f185c], .object-properties[data-v-3a5f185c], .union-types[data-v-3a5f185c] { border-left: 2px solid var(--accent-color2); padding-left: 0.75rem; } /* Rest of the styles remain the same but with reduced spacing */ .type-description[data-v-3a5f185c] { font-size: 0.875rem; color: var(--accent-color1); font-style: italic; } .field-actions[data-v-3a5f185c] { display: flex; align-items: center; /* Changed from flex-end to center */ justify-content: space-between; min-height: 38px; /* Match the height of the TextInput */ } .checkbox-label[data-v-3a5f185c] { display: flex; align-items: center; gap: 0.5rem; } .button-group[data-v-3a5f185c] { display: flex; gap: 0.5rem; /* Increased from 0.25rem */ } .expanded-content[data-v-3a5f185c] { margin-top: 1rem; padding-left: 2rem; } .array-header[data-v-3a5f185c] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; } .array-title[data-v-3a5f185c] { font-weight: 500; } .object-header[data-v-3a5f185c], .union-header[data-v-3a5f185c] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; } .object-title[data-v-3a5f185c], .union-title[data-v-3a5f185c] { font-weight: 500; } .btn-blue[data-v-3a5f185c] { background-color: var(--accent-color1); color: var(--accent-color1-text); } .btn-blue[data-v-3a5f185c]:hover { background-color: var(--accent-color1-hover); } .btn-purple[data-v-3a5f185c] { background-color: var(--accent-color3); color: var(--accent-color3-text); } .btn-purple[data-v-3a5f185c]:hover { background-color: var(--accent-color3-hover); } .text-left[data-v-3a5f185c] { text-align: left; justify-content: flex-start; } .type-label-group[data-v-3a5f185c] { display: flex; align-items: center; gap: 0.5rem; } .tooltip-trigger[data-v-3a5f185c] { position: relative; cursor: help; color: var(--accent-color1); } .tooltip-trigger[data-v-3a5f185c]:hover { color: var(--accent-color1-hover); } .tooltip[data-v-3a5f185c] { position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%); background-color: var(--accent-color1); color: var(--accent-color1-text); padding: 0; border-radius: 0.375rem; font-size: 0.875rem; z-index: 10; min-width: 200px; white-space: normal; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .tooltip-title[data-v-3a5f185c] { padding: 0.5rem; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .tooltip-content[data-v-3a5f185c] { padding: 0.5rem; } .tooltip[data-v-3a5f185c]::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 5px; border-style: solid; border-color: var(--accent-color1) transparent transparent transparent; } .schema-diff[data-v-922f04b6] { border: 1px solid var(--accent-color1); border-radius: 4px; padding: 0.5rem; margin: 0.5rem 0; } .changes-list[data-v-922f04b6] { display: flex; flex-direction: column; gap: 0.5rem; } .change-item[data-v-922f04b6] { border: 1px solid var(--accent-color1); border-radius: 4px; padding: 0.5rem; background-color: var(--primary-background-color); } .change-header[data-v-922f04b6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.25rem; } .change-type[data-v-922f04b6] { font-weight: 500; font-size: 0.9em; } .change-type.add[data-v-922f04b6] { color: #4caf50; } .change-type.remove[data-v-922f04b6] { color: #f44336; } .change-type.modify[data-v-922f04b6] { color: #2196f3; } .change-details[data-v-922f04b6] { font-size: 0.85em; color: var(--accent-color3); } .change-path[data-v-922f04b6] { margin-bottom: 0.25rem; } .change-values[data-v-922f04b6] { display: flex; align-items: center; gap: 0.5rem; color: var(--primary-text-color); margin-top: 0.25rem; padding-left: 0.5rem; border-left: 2px solid var(--accent-color3); } .arrow[data-v-922f04b6] { color: var(--accent-color3); } .old-value[data-v-922f04b6] { text-decoration: line-through; opacity: 0.7; } .new-value[data-v-922f04b6] { font-weight: 500; } .change-value[data-v-922f04b6] { color: var(--primary-text-color); } .diff-actions[data-v-922f04b6] { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--accent-color1); } .change-approved[data-v-922f04b6] { border-color: var(--accent-color1); } .change-rejected[data-v-922f04b6] { border-color: var(--accent-color2); opacity: 0.7; } .change-status[data-v-922f04b6] { font-size: 0.85em; font-weight: 500; } .change-pending[data-v-922f04b6] { border-color: var(--accent-color3); } .change-approved[data-v-922f04b6] { border-color: #4caf50; opacity: 1; } .change-rejected[data-v-922f04b6] { border-color: #f44336; opacity: 0.7; } .wrapper[data-v-a50522de] { width: 100%; height: 100%; overflow: hidden; } .chat-extractor[data-v-a50522de] { width: 100%; height: 100%; display: flex; justify-content: center; gap: 1rem; padding: 1rem; background-color: var(--primary-background-color); box-sizing: border-box; } .chat-section[data-v-a50522de] { flex: 0 0 450px; min-width: 0; display: flex; flex-direction: column; background-color: var(--primary-background-color); border-radius: 0.5rem; overflow: hidden; } .schema-section[data-v-a50522de] { flex: 1; min-width: 0; display: flex; flex-direction: column; background-color: var(--primary-background-color); border-radius: 0.5rem; border: 1px solid var(--accent-color1); overflow: hidden; padding: 0; max-width: 800px; } .schema-content-wrapper[data-v-a50522de] { flex: 1; overflow-y: auto; padding: 1rem; } .extraction-settings[data-v-a50522de], .schema-builder[data-v-a50522de] { max-width: 100%; width: 100%; box-sizing: border-box; } .chat-messages[data-v-a50522de] { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 1rem; background-color: var(--primary-background-color); } .chat-input[data-v-a50522de] { padding: 1rem; display: flex; gap: 0.5rem; background-color: var(--primary-background-color); width: 100%; box-sizing: border-box; } .schema-section[data-v-a50522de] { overflow-y: auto; background-color: var(--primary-background-color); } .fields-container[data-v-a50522de] { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; } /* New extraction settings styles */ .extraction-settings[data-v-a50522de] { display: flex; flex-direction: column; gap: 1rem; width: 100%; max-width: 100%; } .setting-group[data-v-a50522de] { display: flex; flex-direction: column; gap: 0.25rem; width: 100%; } .setting-label[data-v-a50522de] { font-weight: 500; color: var(--primary-text-color); text-align: left; width: 100%; } .horizontal-settings[data-v-a50522de] { display: flex; align-items: flex-end; gap: 1rem; flex-wrap: wrap; width: 100%; } .coverage-input[data-v-a50522de], .top-n-input[data-v-a50522de], .model-input[data-v-a50522de] { display: flex; flex-direction: column; flex: 0 0 auto; padding-bottom: 0.25rem; } .schema-actions[data-v-a50522de] { display: flex; margin-left: auto; margin-bottom: 14px; } .schema-preview[data-v-a50522de] { margin-top: 2rem; padding: 1rem; background-color: var(--primary-background-color); border-radius: 0.5rem; border: 1px solid var(--accent-color1); } .schema-content[data-v-a50522de] { display: flex; gap: 1rem; margin-top: 1rem; } .schema-input[data-v-a50522de], .schema-output[data-v-a50522de] { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; } .schema-title[data-v-a50522de] { font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--primary-text-color); } .empty-state[data-v-a50522de] { text-align: center; padding: 2rem; color: var(--accent-color3); background-color: var(--secondary-background-color); border-radius: 0.5rem; border: 2px dashed var(--accent-color1); margin: 1rem 0; } .schema-header[data-v-a50522de] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; text-align: left; width: 100%; } .tab-buttons[data-v-a50522de] { display: flex; gap: 0.5rem; } .tab-button[data-v-a50522de] { padding: 0.5rem 1rem; background-color: var(--secondary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; color: var(--primary-text-color); cursor: pointer; transition: all 0.2s; } .tab-button.active[data-v-a50522de] { background-color: var(--accent-color1); color: var(--accent-color1-text); } .tab-button[data-v-a50522de]:hover:not(.active) { background-color: var(--accent-color3); color: var(--accent-color3-text); } .fields-container[data-v-a50522de] { gap: 0.5rem; margin-top: 0.5rem; } .sticky-footer[data-v-a50522de] { position: sticky; bottom: 0; width: 100%; background-color: var(--primary-background-color); border-top: 1px solid var(--accent-color1); display: flex; justify-content: flex-end; z-index: 10; box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1); } .sticky-footer[data-v-a50522de] .button-component { min-width: 200px; } .error-text[data-v-a50522de] { color: #e74c3c; font-size: 0.95em; margin-top: 0.25em; min-height: 1.2em; } .shake[data-v-a50522de] { animation: shake-a50522de 0.4s; } @keyframes shake-a50522de { 0% { transform: translateX(0); } 20% { transform: translateX(-6px); } 40% { transform: translateX(6px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(4px); } 100% { transform: translateX(0); } } .location-input-container[data-v-347596e6] { width: 100%; } .location-display[data-v-347596e6] { background-color: var(--primary-background-color); border-radius: 6px; padding: 16px; margin-bottom: 12px; border: 1px solid var(--accent-color1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .location-header[data-v-347596e6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .location-name[data-v-347596e6] { font-weight: 600; font-size: 1.1rem; color: var(--primary-text-color); } .location-clear-btn[data-v-347596e6] { background: none; border: none; color: var(--primary-text-color); cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.2s; } .location-clear-btn[data-v-347596e6]:hover { color: var(--accent-color2); background-color: rgba(0, 0, 0, 0.05); } .clear-icon[data-v-347596e6] { width: 16px; height: 16px; } .location-details[data-v-347596e6] { font-size: 0.9rem; color: var(--primary-text-color); display: grid; row-gap: 8px; } .location-detail-item[data-v-347596e6] { display: grid; grid-template-columns: 100px 1fr; align-items: baseline; line-height: 1.3; } .location-detail-item strong[data-v-347596e6] { color: var(--primary-text-color); font-weight: 500; } .location-search[data-v-347596e6] { position: relative; margin-bottom: 8px; } .location-search-input[data-v-347596e6] { width: 100%; padding: 10px 12px; border: 1px solid var(--accent-color1); border-radius: 4px; font-size: 0.9rem; background-color: var(--primary-background-color); color: var(--primary-text-color); transition: border-color 0.2s; } .location-search-input[data-v-347596e6]:focus { border-color: var(--accent-color1); outline: none; } .location-search-input.disabled[data-v-347596e6] { opacity: 0.6; cursor: not-allowed; } .search-status[data-v-347596e6], .search-error[data-v-347596e6] { margin-top: 8px; font-size: 0.875rem; padding: 8px; border-radius: 4px; } .search-status[data-v-347596e6] { color: var(--primary-text-color); background-color: var(--primary-background-color); } .search-error[data-v-347596e6] { color: var(--accent-color2); background-color: var(--accent-color2-hover); } .search-results[data-v-347596e6] { position: absolute; z-index: 10; width: 100%; max-height: 300px; overflow-y: auto; background-color: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; margin-top: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .search-result-item[data-v-347596e6] { padding: 10px 12px; cursor: pointer; border-bottom: 1px solid var(--accent-color1); } .search-result-item[data-v-347596e6]:last-child { border-bottom: none; } .search-result-item[data-v-347596e6]:hover { background-color: var(--accent-color1-hover); } .result-name[data-v-347596e6] { font-size: 0.9rem; margin-bottom: 4px; } .result-type[data-v-347596e6] { font-size: 0.8rem; color: var(--primary-text-color); } .edit-location-btn[data-v-347596e6] { padding: 6px 12px; background-color: transparent; border: 1px solid var(--accent-color1); border-radius: 4px; color: var(--accent-color1); cursor: pointer; font-size: 0.875rem; transition: all 0.2s; } .edit-location-btn[data-v-347596e6]:hover { background-color: var(--accent-color1-hover); } /* Checkbox Groups */ .checkbox-group[data-v-863e7030] { display: flex; } /* Modal Styles */ .edit-modal-header[data-v-863e7030] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .edit-modal-header h3[data-v-863e7030] { margin: 0; font-size: 1.5rem; color: var(--primary-text-color); } .tags-display[data-v-863e7030] { margin: 8px 0 16px; gap: 5px; display: flex; flex-direction: row; flex-wrap: wrap; } .tag-pills[data-v-863e7030] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .tag-pill[data-v-863e7030] { display: inline-flex; align-items: center; padding: 4px 12px; background-color: var(--accent-color1-hover); border: 1px solid var(--accent-color1); border-radius: 16px; font-size: 0.875rem; color: var(--primary-text-color); gap: 6px; } .tag-pill.empty-tag[data-v-863e7030] { border: 1px dashed var(--accent-color1); } .remove-tag[data-v-863e7030] { display: inline-flex; align-items: center; justify-content: center; padding: 2px; border: none; background: none; cursor: pointer; color: var(--primary-text-color); opacity: 0.7; } .remove-tag[data-v-863e7030]:hover { opacity: 1; } .remove-icon[data-v-863e7030] { width: 14px; height: 14px; } .edit-modal[data-v-863e7030] { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; text-align: left; width: 100%; height: 100%; } .edit-modal-content[data-v-863e7030] { background-color: var(--primary-background-color); padding: 24px; border-radius: 8px; width: 100%; max-width: 600px; max-height: 90%; overflow-y: auto; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Form Styles */ .form-group[data-v-863e7030] { margin-bottom: 20px; } .form-group label[data-v-863e7030] { display: block; margin-bottom: 8px; color: var(--primary-text-color); font-weight: 500; } .field-label[data-v-863e7030] { position: relative; cursor: help; } .required-indicator[data-v-863e7030] { color: var(--accent-color2); margin-left: 3px; } .quote-display[data-v-863e7030] { padding: 12px; background-color: var(--accent-color1-hover); border-left: 4px solid var(--accent-color1); border-radius: 4px; font-style: italic; margin: 10px 0; color: var(--primary-text-color); line-height: 1.5; } /* Helper text only for specific cases */ .helper-text[data-v-863e7030] { display: block; margin-top: 4px; color: var(--secondary-text-color); font-size: 0.875rem; font-style: italic; } .no-schema-message[data-v-863e7030] { padding: 16px; background-color: var(--secondary-background-color); border-radius: 4px; text-align: center; color: var(--secondary-text-color); margin-bottom: 20px; } /* Citation container with integrated confidence */ .citation-container[data-v-863e7030] { margin-bottom: 20px; } /* Updated confidence indicator integrated with citation */ .confidence-indicator[data-v-863e7030] { display: flex; align-items: center; gap: 6px; } .confidence-label[data-v-863e7030] { font-size: 0.875rem; } .confidence-bar-container[data-v-863e7030] { width: 80px; height: 8px; background-color: var(--secondary-background-color); border-radius: 4px; overflow: hidden; } .confidence-bar[data-v-863e7030] { height: 100%; border-radius: 4px; } .confidence-value[data-v-863e7030] { font-size: 0.875rem; font-weight: 500; } .quote-header[data-v-863e7030] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .source-info[data-v-863e7030] { display: flex; align-items: center; gap: 8px; } .location-warning[data-v-863e7030] { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 500; background-color: var(--accent-color2-hover); color: var(--accent-color2); border: 1px solid var(--accent-color2); } .warning-icon[data-v-863e7030] { margin-right: 4px; } /* Status Colors */ .reviewed[data-v-863e7030] { background-color: var(--accent-color1); } .duplicate[data-v-863e7030] { background-color: var(--accent-color3); } .incorrect[data-v-863e7030] { background-color: var(--accent-color2); } /* Media Queries */ @media (max-width: 768px) {} @media (max-width: 640px) { .edit-modal[data-v-863e7030] { padding: 16px; } .edit-modal-content[data-v-863e7030] { padding: 16px; } .checkbox-group[data-v-863e7030] { flex-direction: column; } } .quote-header[data-v-863e7030] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .location-warning[data-v-863e7030] { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 500; background-color: var(--accent-color2-hover); color: var(--accent-color2); border: 1px solid var(--accent-color2); } .warning-icon[data-v-863e7030] { margin-right: 4px; } .review-controls-wrapper[data-v-863e7030] { display: flex; align-items: stretch; gap: 0.25rem; width: 100%; } .review-controls[data-v-863e7030] { display: flex; flex: 1; gap: 0.5rem; border-radius: 4px; border: 1px solid var(--accent-color1); padding: 0.25rem; } .review-control-item[data-v-863e7030] { display: flex; align-items: stretch; flex: 1; border-radius: 4px; } .review-control-item[data-v-863e7030]:hover { background-color: var(--accent-color1-hover); } .review-control-item.active[data-v-863e7030] { background-color: var(--accent-color1-hover); } .control-content[data-v-863e7030] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; flex: 1; } .review-radio[data-v-863e7030] { appearance: none; width: 1.125rem; height: 1.125rem; border: 2px solid var(--accent-color1); border-radius: 50%; margin: 0; } .review-radio[data-v-863e7030]:checked { border-width: 0.4rem; } .review-action-btn[data-v-863e7030] { border: 1px solid var(--accent-color1); border-radius: 4px; height: 100%; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 36px; } .nav-btn[data-v-863e7030] { background: transparent; cursor: pointer; display: flex; align-items: center; border-radius: 0 4px 4px 0; justify-content: center; width: 36px; height: 36px; } .review-action-btn[data-v-863e7030]:hover, .nav-btn[data-v-863e7030]:hover { background: var(--accent-color1-hover); } /* Status-specific colors */ .reviewed .review-radio[data-v-863e7030]:checked, .nav-btn.reviewed[data-v-863e7030]:hover { background-color: var(--accent-color1); } .duplicate .review-radio[data-v-863e7030]:checked, .nav-btn.duplicate[data-v-863e7030]:hover { background-color: var(--accent-color3); } .incorrect .review-radio[data-v-863e7030]:checked, .nav-btn.incorrect[data-v-863e7030]:hover { background-color: var(--accent-color2); } .disabled[data-v-863e7030] { opacity: 0.5; cursor: not-allowed; pointer-events: none; } /* Progress Section */ .progress-section[data-v-d2ba239d] { padding: 5px; border: 1px solid var(--accent-color1); background-color: var(--primary-background-color); border-radius: 4px; } .progress-header[data-v-d2ba239d] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .progress-label[data-v-d2ba239d] { font-weight: 500; color: var(--primary-text-color); white-space: nowrap; } .filter-checkbox-group[data-v-d2ba239d] { display: flex; gap: 5px; } .filter-checkbox-group.horizontal[data-v-d2ba239d] { flex-wrap: wrap; align-items: center; } .progress-bar[data-v-d2ba239d] { height: 8px; background-color: var(--secondary-background-color); border-radius: 4px; overflow: hidden; display: flex; } .progress-segment[data-v-d2ba239d] { height: 100%; } .reviewed[data-v-d2ba239d] { background-color: var(--accent-color1); } .duplicate[data-v-d2ba239d] { background-color: var(--accent-color3); } .incorrect[data-v-d2ba239d] { background-color: var(--accent-color2); } .unreviewed[data-v-d2ba239d] { background-color: var(--secondary-background-color); } @media (max-width: 768px) { .progress-header[data-v-d2ba239d] { flex-direction: column; align-items: flex-start; gap: 8px; } .filter-checkbox-group.horizontal[data-v-d2ba239d] { /* Adjust layout for smaller screens if needed */ gap: 10px; } } .incorrect[data-v-225dffcd] { background-color: var(--accent-color2); } .status-icon[data-v-225dffcd] { display: flex; justify-content: center; width: 32px; height: 32px; background: none; } .status-icon.incorrect[data-v-225dffcd] { color: var(--accent-color2); } .unreviewed[data-v-d18d144b] { background-color: var(--secondary-background-color); } .status-icon[data-v-d18d144b] { display: flex; justify-content: center; width: 32px; height: 32px; background: none; } .status-icon.unreviewed[data-v-d18d144b] { color: var(--primary-text-color); } .duplicate[data-v-472ab65d] { background-color: var(--accent-color3); } .status-icon[data-v-472ab65d] { display: flex; justify-content: center; width: 32px; height: 32px; background: none; } .status-icon.duplicate[data-v-472ab65d] { color: var(--accent-color3); } .reviewed[data-v-3c3720e0] { background-color: var(--accent-color1); } .status-icon[data-v-3c3720e0] { display: flex; justify-content: center; width: 32px; height: 32px; background: none; } .status-icon.reviewed[data-v-3c3720e0] { color: var(--accent-color1); } table[data-v-d263ab77] { width: 100%; border-collapse: collapse; } th[data-v-d263ab77], td[data-v-d263ab77] { border: 1px solid var(--secondary-background-color); padding: 10px; } th[data-v-d263ab77]:hover, tr[data-v-d263ab77]:not(:has(th)):hover { cursor: pointer; box-shadow: inset 0 0 0 3px var(--secondary-background-color); } .edit-modal-header h3[data-v-d263ab77] { margin: 0; font-size: 1.5rem; color: var(--primary-text-color); } /* Form Styles */ .form-group label[data-v-d263ab77] { display: block; margin-bottom: 8px; color: var(--primary-text-color); font-weight: 500; } /* Modal styles */ .modal-overlay[data-v-d263ab77] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; } .modal-container[data-v-d263ab77] { background-color: var(--primary-background-color); border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); width: 80%; max-width: 800px; max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; } .modal-header[data-v-d263ab77] { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid var(--secondary-background-color); } .modal-header h3[data-v-d263ab77] { margin: 0; color: var(--primary-text-color); } .close-button[data-v-d263ab77] { background: none; border: none; font-size: 24px; cursor: pointer; color: var (--primary-text-color); } .modal-content[data-v-d263ab77] { padding: 16px; overflow-y: auto; } .details-section[data-v-d263ab77] { margin-bottom: 20px; } .details-section h4[data-v-d263ab77] { margin: 0 0 8px 0; color: var(--primary-text-color); font-size: 16px; } .details-content[data-v-d263ab77] { padding: 10px; background-color: var(--secondary-background-color); border-radius: 4px; color: var(--primary-text-color); word-break: break-word; text-align: left; } .code-block pre[data-v-d263ab77] { margin: 0; white-space: pre-wrap; } .details-title[data-v-d263ab77] { margin: 0 0 8px 0; color: var(--primary-text-color); font-size: 16px; text-align: left; } .details-content[data-v-d263ab77] { padding: 10px; border-radius: 4px; color: var(--primary-text-color); word-break: break-word; } .primary-background[data-v-d263ab77] { background-color: var(--primary-background-color); border: 1px solid var(--secondary-background-color); } .structure-fields[data-v-d263ab77] { max-height: 400px; overflow-y: auto; border: 1px solid var(--secondary-background-color); border-radius: 4px; } .structure-table[data-v-d263ab77] { width: 100%; border-collapse: collapse; background-color: var(--primary-background-color); } .structure-table th[data-v-d263ab77], .structure-table td[data-v-d263ab77] { padding: 8px 12px; text-align: left; border-bottom: 1px solid var(--secondary-background-color); } .structure-table th[data-v-d263ab77] { background-color: var(--primary-background-color); color: var(--primary-text-color); font-weight: 500; } .structure-table tr:last-child td[data-v-d263ab77] { border-bottom: none; } .placeholder-content h3[data-v-d263ab77] { color: var(--primary-text-color); margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid var(--secondary-background-color); } .pagination-button-group[data-v-1a352342] { display: flex; border: 1px solid var(--accent-color1); border-radius: 4px; overflow: hidden; } .page-button[data-v-1a352342] { padding: 6px 12px; background: var(--primary-background-color); border: none; color: var(--primary-text-color); cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; min-width: 36px; border-radius: 0; } .page-button[data-v-1a352342]:not(:last-child) { border-right: 1px solid var(--accent-color1); } .page-button[data-v-1a352342]:hover:not(:disabled) { background: var(--accent-color1-hover); } .page-button[data-v-1a352342]:disabled { cursor: not-allowed; opacity: 0.5; } .page-button.active[data-v-1a352342] { background: var(--accent-color1); color: white; } @media (max-width: 768px) { .pagination-button-group[data-v-1a352342] { width: 100%; } .page-button[data-v-1a352342] { flex: 1; } } .column-selector[data-v-2fbe8af4] { margin-top: 10px; padding: 10px; background-color: var(--primary-background-color); border: 1px solid var(--accent-color1); border-radius: 4px; } .column-selector-header[data-v-2fbe8af4] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .filter-label[data-v-2fbe8af4] { color: var(--primary-text-color); font-weight: 500; white-space: nowrap; } .reset-button[data-v-2fbe8af4] { background: transparent; color: var(--accent-color1); border: 1px solid var(--accent-color1); border-radius: 4px; padding: 3px 8px; font-size: 12px; cursor: pointer; } .reset-button[data-v-2fbe8af4]:hover { background: var(--accent-color1-hover); color: white; } .column-button-group[data-v-2fbe8af4] { display: flex; flex-wrap: wrap; gap: 6px; } .column-toggle-button[data-v-2fbe8af4] { padding: 5px 10px; border-radius: 4px; font-size: 12px; cursor: pointer; background: var(--primary-background-color); border: 1px solid var(--accent-color1); color: var(--primary-text-color); } .column-toggle-button.active[data-v-2fbe8af4] { background-color: var(--accent-color1); color: white; } .mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y} .map-container[data-v-ffe12334] { display: flex; flex-direction: column; height: 100%; width: 100%; position: relative; } .map-view[data-v-ffe12334] { flex: 1; width: 100%; border-radius: 4px; position: relative; } .location-field-selector[data-v-ffe12334] { margin: 0 5px; display: flex; flex-direction: row; justify-content: space-between; gap: 12px; } .field-section[data-v-ffe12334] { display: flex; flex-direction: column; gap: 0px; } .field-section-label[data-v-ffe12334] { margin: 0; padding-top: 2px; font-size: 14px; font-weight: 600; color: var(--primary-text-color); } .selected-location-fields[data-v-ffe12334], .available-location-fields[data-v-ffe12334] { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; background: rgba(0, 0, 0, 0.02); border-radius: 4px; } .location-field-chip[data-v-ffe12334] { display: flex; align-items: center; background: white; border: 1px solid var(--accent-color1); border-radius: 16px; padding: 2px 8px; font-size: 12px; white-space: nowrap; } .field-button[data-v-ffe12334] { margin-left: 6px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; cursor: pointer; font-weight: bold; font-size: 12px; } .add-field[data-v-ffe12334] { background: var(--accent-color1); color: white; } .remove-field[data-v-ffe12334] { background: #ff5252; color: white; } .empty-selection-message[data-v-ffe12334] { color: var(--primary-text-color); font-style: italic; font-size: 12px; padding: 10px 0; } .loading-overlay[data-v-ffe12334] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; } .loading-spinner[data-v-ffe12334] { border: 3px solid #f3f3f3; border-top: 3px solid var(--accent-color1); border-radius: 50%; width: 30px; height: 30px; animation: spin-ffe12334 1s linear infinite; margin-bottom: 10px; } @keyframes spin-ffe12334 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .error-message[data-v-ffe12334] { color: #e53935; text-align: center; padding: 20px; background-color: rgba(229, 57, 53, 0.05); border-radius: 4px; margin: 20px; } /* Debug panel styling */ .debug-panel[data-v-ffe12334] { margin-bottom: 10px; padding: 8px; background-color: rgba(255, 255, 0, 0.1); border: 1px solid #ccc; border-radius: 4px; } .debug-panel summary[data-v-ffe12334] { cursor: pointer; font-weight: bold; } .debug-info[data-v-ffe12334] { font-size: 12px; margin-top: 8px; } .debug-info p[data-v-ffe12334] { margin: 4px 0; } /* Map popup styling */ .map-popup { padding: 5px; } .map-popup h4 { margin: 0 0 8px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .map-popup ul { margin: 0; padding-left: 20px; text-align: left; list-style-type: disc; list-style-position: outside; } .map-popup li { margin: 4px 0; text-align: left; font-size: 14px; line-height: 1.4; } .map-popup li::marker { font-size: 16px; color: var(--accent-color1, #666); } .map-popup table { width: 100%; border-collapse: collapse; font-size: 12px; } .map-popup td { padding: 3px; } .map-popup td:first-child { font-weight: bold; padding-right: 10px; } /* Update popup styling to make the "filter applied" message stand out */ .map-popup p strong { color: var(--accent-color1); } .popup-actions button { background: var(--accent-color1); color: white; border: none; border-radius: 4px; padding: 5px 10px; margin-top: 8px; cursor: pointer; } .popup-actions button:hover { background: var(--accent-color1-hover); } /* Media queries for responsiveness */ @media (max-width: 768px) { .field-section-label[data-v-ffe12334] { font-size: 13px; } .location-field-chip[data-v-ffe12334] { font-size: 11px; } } @media (max-width: 480px) { .map-container[data-v-ffe12334] { padding: 5px; } } /* Layout & Container Styles */ .extract-view[data-v-6b3bb893] { overflow: hidden; height: 100%; min-height: 0; display: flex; flex-direction: column; } .extract-panel[data-v-6b3bb893] { position: relative; min-width: 20%; margin-right: 1px; height: 100%; display: flex; flex-direction: column; } .modal-container[data-v-6b3bb893] { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; } .pdf-panel[data-v-6b3bb893] { min-width: 20%; height: 100%; } /* Table Styles */ .table-container[data-v-6b3bb893] { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .pagination-controls[data-v-6b3bb893] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0; } .pagination-info[data-v-6b3bb893] { display: flex; align-items: center; color: var(--primary-text-color); font-size: 14px; border: 1px solid var(--accent-color1); border-radius: 4px; padding: 5.5px 10px; white-space: nowrap; } @media (max-width: 768px) { .pagination-controls[data-v-6b3bb893] { flex-direction: column; align-items: stretch; } } /* PDF Viewer */ .pdf-viewer-container[data-v-6b3bb893] { height: 100%; width: 100%; position: relative; overflow: unset; } .status-icon-wrapper[data-v-6b3bb893] { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .download-button[data-v-6b3bb893] { display: flex; align-items: center; gap: 6px; background-color: var(--accent-color1); color: white; border: none; border-radius: 4px; padding: 6px 12px; cursor: pointer; font-size: 14px; font-weight: 500; transition: background-color 0.2s; } .download-button[data-v-6b3bb893]:hover:not(:disabled) { background-color: var(--accent-color1-hover); } .download-button[data-v-6b3bb893]:disabled { opacity: 0.5; cursor: not-allowed; } .download-icon[data-v-6b3bb893] { width: 16px; height: 16px; } .extract-name-section[data-v-6b3bb893] { display: flex; align-items: center; border: 1px solid var(--accent-color1); border-radius: 3px; padding: 3px 8px; justify-content: space-between; } .extract-name-display[data-v-6b3bb893] { font-weight: bold; text-align: left; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 8px; } .extract-name-controls[data-v-6b3bb893] { display: flex; align-items: center; gap: 10px; margin-left: auto; } .details-button[data-v-6b3bb893] { background-color: var(--accent-color1); color: white; border: none; border-radius: 4px; padding: 4px 12px; cursor: pointer; font-size: 14px; font-weight: 500; transition: background-color 0.2s; white-space: nowrap; } .details-button[data-v-6b3bb893]:hover { background-color: var(--accent-color1-hover); } /* Currency value styling */ .cell-value[data-v-6b3bb893] { word-break: break-word; white-space: pre-line; padding: 4px 0; } .calendar-container[data-v-6b3bb893] { height: 100%; width: 100%; overflow: auto; box-sizing: border-box; } .map-container[data-v-6b3bb893] { height: 100%; width: 100%; overflow: auto; box-sizing: border-box; } .active-filters-container[data-v-6b3bb893] { margin: 4px 0; border: 1px solid var(--accent-color1); border-radius: 4px; padding: 8px; background: rgba(var(--accent-color1-rgb), 0.05); } .active-filters-header[data-v-6b3bb893] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .active-filters-list[data-v-6b3bb893] { display: flex; flex-wrap: wrap; gap: 6px; } .filter-chip[data-v-6b3bb893] { display: flex; align-items: center; background: white; border: 1px solid var(--accent-color1); border-radius: 16px; padding: 3px 8px; font-size: 12px; } .date-filter-chip[data-v-6b3bb893] { border-color: var(--accent-color1); } .location-filter-chip[data-v-6b3bb893] { border-color: var(--accent-color2); } .filter-remove-btn[data-v-6b3bb893] { background: none; border: none; color: #ff5252; cursor: pointer; font-size: 14px; font-weight: bold; margin-left: 5px; padding: 0 3px; } .clear-filters-btn[data-v-6b3bb893] { background: var(--accent-color1); color: white; border: none; border-radius: 4px; padding: 2px 6px; font-size: 11px; cursor: pointer; } .clear-filters-btn[data-v-6b3bb893]:hover { background: var(--accent-color1-hover); } .query-processing-container[data-v-6b3bb893] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: var(--primary-text-color); gap: 10px; } [data-v-ef423121]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-ef423121]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-ef423121]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-ef423121]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-ef423121]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-ef423121]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-ef423121]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-ef423121]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-ef423121]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-ef423121]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-ef423121]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .default-pane[data-v-ef423121] { position: relative; width: 100%; height: 100%; background: var(--primary-background-color); color: var(--primary-text-color); display: flex; flex-direction: column; } .component[data-v-ef423121] { width: 100%; height: 100%; overflow: hidden; } .toolbar[data-v-ef423121] { background: var(--primary-background-color); position: relative; display: flex; justify-content: space-between; width: 100%; height: 21px; z-index: 2; border-bottom: 1px solid var(--secondary-background-color); border-radius: 4px 4px 0 0; } button[data-v-ef423121] { background: none; padding: 0 10px; color: var(--primary-text-color); border-radius: 5px; } button[data-v-ef423121]:not(.disabled):not(.button--secondary):hover { -webkit-box-shadow:inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow:inset 0 0 0 2px var(--secondary-background-color); box-shadow:inset 0 0 0 2px var(--secondary-background-color); cursor: pointer; } .disabled[data-v-ef423121] { opacity: 0.5; } .button-group-left[data-v-ef423121] { display: flex; width: 40%; } .button-group-left button[data-v-ef423121]{ margin: 0 2px 0 0; } svg[data-v-ef423121] { width: 21px; height: 21px; } .pdf-button[data-v-ef423121] { padding: 0 2px; } .pdf-button img[data-v-ef423121] { padding: 0 2px; width: 21px; height: 21px; } .info-floater[data-v-ef423121] { position: absolute; top: 22px; left: 2px; opacity: 0.5; z-index: 1; font-size: 12px; } /*MODAL START*/ .modal-container[data-v-ef423121]{ position: relative; box-shadow: 0 0 30px #000000; color: var(--primary-text-color); z-index: 3; /* Sit on top */ border: 3px solid var(--secondary-background-color); border-radius: 4px 4px 4px 4px; display: block; width: 100%; height: 100%; background-color: #39BF39; overflow: auto; } .modal-header[data-v-ef423121] { border-radius: 4px 4px 0 0; cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; display: flex; text-align: center; justify-content: space-between; width: 100%; height: 21px; background-color: var(--primary-background-color); z-index: 2; } .modal-header div[data-v-ef423121] { align-items: center; text-align: center; } .modal-header div button[data-v-ef423121] { height:100%; } .modal-header div span[data-v-ef423121]{ vertical-align: middle; margin-top: 20px; margin-left: 5px; font-size: 13.3333px; } select[data-v-ef423121] { width:20%; } .components[data-v-ef423121] { overflow: auto; height: 100%; display: flex; flex-direction: column; align-items: center; } .components > div[data-v-ef423121] { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 400px; max-width: 400px; } .components > div > h2[data-v-ef423121] { align-self: flex-start; margin-top: 10px; margin-bottom: 5px; } .component-button[data-v-ef423121] { text-align: left; } .inv-container[data-v-5da1e5ca] { width: 100%; display: flex; flex-direction: column; align-items: center; /* Center align the content */ gap: 15px; padding: 15px; box-sizing: border-box; overflow: hidden; /* Prevent double scrollbars */ } .manage-content[data-v-5da1e5ca] { width: 100%; max-width: 800px; /* Limit the width similar to InvestigationList */ display: flex; flex-direction: column; gap: 15px; } .header-row[data-v-5da1e5ca] { display: flex; align-items: center; gap: 15px; margin-bottom: 10px; width: 100%; } .title[data-v-5da1e5ca] { margin: 0; font-size: 1.4em; color: var(--primary-text-color); flex-grow: 1; text-align: center; /* Center the title */ } .table-wrapper[data-v-5da1e5ca] { width: 100%; border-radius: 4px; overflow: hidden; } .add-user-controls[data-v-5da1e5ca] { display: flex; flex-direction: row; gap: 8px; } .add-user-label[data-v-5da1e5ca] { font-weight: 600; color: var(--primary-text-color); } .add-user-fields[data-v-5da1e5ca] { display: flex; gap: 10px; align-items: center; width: 100%; } .user-select[data-v-5da1e5ca] { flex: 2; } .role-select[data-v-5da1e5ca] { flex: 1; } .action-controls[data-v-5da1e5ca] { display: flex; gap: 8px; align-items: center; } .warning-text[data-v-5da1e5ca] { color: var(--accent-color1); font-weight: bold; } .new-investigation-page[data-v-6c784f45] { width: 100%; height: 100%; display: flex; flex-direction: column; background-color: var(--primary-background-color); color: var(--primary-text-color); padding: 0; /* Remove padding from root if added by parent */ box-sizing: border-box; } .header[data-v-6c784f45] { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; border-bottom: 1px solid var(--accent-color1-hover); margin-bottom: 20px; /* Space below header */ } .header h3[data-v-6c784f45] { margin: 0; font-size: 1.6em; color: var(--primary-text-color); } .content-container[data-v-6c784f45] { display: flex; flex-direction: column; /* Stack form and additional content */ padding: 0 20px 20px 20px; /* Padding for content area */ flex-grow: 1; /* Allow content to take remaining space */ overflow-y: auto; /* Add scroll if content overflows */ } .form-section[data-v-6c784f45] { max-width: 600px; /* Limit form width for readability */ display: flex; flex-direction: column; gap: 15px; /* Space between form elements */ margin-bottom: 30px; /* Space below form */ } .actions[data-v-6c784f45] { display: flex; justify-content: flex-start; } .con[data-v-531ccd63] { background-color: var(--primary-background-color); color: var(--primary-text-color); width: 100%; height: 100%; display: flex; justify-content: flex-start; flex-direction: column; flex-grow: 2; padding: 15px; box-sizing: border-box; align-items: stretch; /* Allow children to stretch */ overflow: hidden; /* Prevent double scrollbars */ } .investigation-list-view[data-v-531ccd63] { display: flex; flex-direction: column; height: 100%; width: 100%; gap: 20px; /* Space between elements */ overflow: hidden; /* Prevent double scrollbars */ } .investigation-list-view h4[data-v-531ccd63] { margin: 0 0 10px 0; font-size: 1.4em; color: var(--primary-text-color); text-align: center; flex-shrink: 0; /* Prevent header from shrinking */ } .actions-bar[data-v-531ccd63] { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 800px; margin: 0 auto 10px; flex-shrink: 0; /* Prevent actions bar from shrinking */ } .search-container[data-v-531ccd63] { flex-grow: 1; max-width: 400px; margin-right: 10px; } .search-input-wrapper[data-v-531ccd63] { display: flex; align-items: center; position: relative; width: 100%; } .search-input[data-v-531ccd63] { flex-grow: 1; width: calc(100% - 40px); /* Leave space for the clear button */ } .clear-search-btn[data-v-531ccd63] { margin-left: 5px; padding: 4px 8px; min-width: auto; height: auto; flex-shrink: 0; } .table-wrapper[data-v-531ccd63] { width: 100%; max-width: 800px; /* Max width similar to QueryBrowser */ margin: 0 auto; flex-grow: 1; /* Allow wrapper to grow if needed */ overflow: auto; /* Enable scrolling */ display: flex; flex-direction: column; min-height: 0; /* Allow content to shrink when needed */ border-radius: 4px; } [data-v-bac0b44f]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-bac0b44f]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-bac0b44f]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-bac0b44f]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-bac0b44f]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-bac0b44f]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-bac0b44f]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-bac0b44f]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-bac0b44f]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-bac0b44f]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-bac0b44f]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .investigation-badge[data-v-bac0b44f] { border: 1px solid var(--secondary-background-color); border-radius: 3px; margin: 5px; display: flex; } .investigation-badge p[data-v-bac0b44f] { margin: 0; padding: 5px; text-wrap: nowrap; } button[data-v-bac0b44f] { background: none; border-radius: 0; padding: 0; display: flex; align-items: center; } .close-icon[data-v-bac0b44f] { padding: 2px; } [data-v-1d3f9f52]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-1d3f9f52]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-1d3f9f52]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-1d3f9f52]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-1d3f9f52]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-1d3f9f52]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-1d3f9f52]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-1d3f9f52]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-1d3f9f52]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-1d3f9f52]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-1d3f9f52]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } svg[data-v-1d3f9f52] { vertical-align: top; height: 25px; padding: 0; margin: 0; } .user-badge[data-v-1d3f9f52] { background: none; border-radius: 3px 15px 15px 0; margin-left: 5px; margin-right: 5px; padding-left: 5px; display: flex; align-items: center; position: relative; justify-content: flex-end; height: 30px; border: 0; cursor: pointer; } .user-badge[data-v-1d3f9f52]:hover { border-radius: 3px 15px 0 0; } .user-name[data-v-1d3f9f52] { display: inline; margin: 0; } .user-icon[data-v-1d3f9f52] { height: 30px; margin: 0 0 0 5px; padding: 0; border-radius: 15px; } .user-badge-dropdown[data-v-1d3f9f52] { left: 0; top: 30px; display: none; position: absolute; width: 100%; overflow: auto; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4); z-index: 5; background-color: var(--primary-background-color); } .user-badge:hover .user-badge-dropdown[data-v-1d3f9f52] { display: block; } .user-badge-dropdown a[data-v-1d3f9f52] { display: block; color: var(--primary-text-color); padding: 5px; text-decoration: none; } a.disabled[data-v-1d3f9f52] { pointer-events: none; cursor: not-allowed; opacity: 0.5; } [data-v-7a4be2f7]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-7a4be2f7]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-7a4be2f7]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-7a4be2f7]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-7a4be2f7]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-7a4be2f7]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-7a4be2f7]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-7a4be2f7]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-7a4be2f7]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-7a4be2f7]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-7a4be2f7]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .logo-button[data-v-7a4be2f7] { background: none; height: 35px; padding: 0 10px 0 10px; margin-top: auto; margin-bottom: auto; } #vici-logo[data-v-7a4be2f7] { height: 35px; margin: 0; padding: 0; } svg[data-v-7a4be2f7] { vertical-align: top; height: 25px; padding: 0; margin: 0; } [data-v-be50f39d]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-be50f39d]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-be50f39d]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-be50f39d]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-be50f39d]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-be50f39d]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-be50f39d]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-be50f39d]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-be50f39d]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-be50f39d]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-be50f39d]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .hd[data-v-be50f39d] { color: var(--primary-text-color); text-align: left; background-color: var(--primary-background-color); height: 55px; flex: auto; display: flex; justify-content: space-between; border-bottom: 1px solid var(--secondary-background-color); overflow-x: clip; } .hd.localhost[data-v-be50f39d] { background-color: var(--accent-color3); } svg[data-v-be50f39d] { vertical-align: top; height: 25px; padding: 0; margin: 0; } /* Switch Styling */ .switch[data-v-be50f39d] { position: relative; display: inline-block; width: 30px; height: 17px; } .switch input[data-v-be50f39d] { opacity: 0; width: 0; height: 0; } .slider[data-v-be50f39d] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: none; border: 1px solid var(--secondary-background-color); -webkit-transition: .2s; transition: .2s; } .slider[data-v-be50f39d]:before { position: absolute; content: ""; height: 13px; width: 13px; left: 1px; bottom: 1px; background-color: var(--secondary-background-color); -webkit-transition: .1s; transition: .1s; } input:checked + .slider[data-v-be50f39d] { background-color: var(--accent-color1); } input:checked + .slider-lock[data-v-be50f39d] { background-color: var(--accent-color1); } input:focus + .slider[data-v-be50f39d] { box-shadow: 0 0 0.5px var(--accent-color1); } input:checked + .slider[data-v-be50f39d]:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } .slider.round[data-v-be50f39d] { border-radius: 17px; width: 28px; } .slider.round[data-v-be50f39d]:before { border-radius: 50%; } .right-align[data-v-be50f39d] { display: flex; align-items: center; height: 55px; } [data-v-baae0442]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-baae0442]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-baae0442]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-baae0442]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-baae0442]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-baae0442]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-baae0442]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-baae0442]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-baae0442]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-baae0442]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-baae0442]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .con[data-v-baae0442] { width: 100vw; height: 100%; overflow: hidden; } [data-v-fc7b23b3]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-fc7b23b3]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-fc7b23b3]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-fc7b23b3]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-fc7b23b3]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-fc7b23b3]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-fc7b23b3]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-fc7b23b3]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-fc7b23b3]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-fc7b23b3]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-fc7b23b3]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .login-container[data-v-fc7b23b3] { min-height: 100vh; width: 100%; background: linear-gradient(180deg, #103251 0%, #091a29 80%); position: relative; } form[data-v-fc7b23b3] { width: 100%; max-width: 450px; margin: 0 auto; } .logo[data-v-fc7b23b3] { width: 15%; margin-top: 100px; margin-bottom: 50px; position: relative; z-index: 1; } .login[data-v-fc7b23b3] { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 20px; text-align: center; font-size: 20px; color: var(--primary-text-color); position: relative; z-index: 1; } form[data-v-fc7b23b3] { margin: 0 auto; } body[data-v-fc7b23b3], html[data-v-fc7b23b3] { height: 100%; margin: 0; padding: 0; } .bg[data-v-fc7b23b3] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .bg[data-v-fc7b23b3]::after { content: ''; position: absolute; pointer-events: none; border: 4px solid #32929a; } .bg-1[data-v-fc7b23b3]::after { left: 0; top: 50%; width: 50%; height: 50%; border-left-width: 0; border-bottom-width: 0; border-radius: 0 20vw 0 0; } .bg-4[data-v-fc7b23b3]::after { left: 0; top: 90%; width: 80%; height: 10%; border-left-width: 0; border-bottom-width: 0; border-radius: 0 10vw 0 0; } .bg-2[data-v-fc7b23b3]::after { right: 0; top: 0; width: 30%; height: 30%; border-right-width: 0; border-top-width: 0; border-radius: 0 0 0 20vw; } .bg-3[data-v-fc7b23b3]::after { right: 0; top: 0; width: 15%; height: 50%; border-right-width: 0; border-top-width: 0; border-radius: 0 0 0 20vw; } .bg-5[data-v-fc7b23b3]::after { right: 0; top: 0; width: 40%; height: 60%; border-right-width: 0; border-top-width: 0; border-radius: 0 0 0 30vw; } .but[data-v-fc7b23b3] { width: 100%; margin: 0 0 10px; } .qr-code-container img[data-v-fc7b23b3] { width: 100%; margin: 0; background-color: var(--accent-color1); border-radius: 4px; } [data-v-f76ece0f]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-f76ece0f]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-f76ece0f]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-f76ece0f]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-f76ece0f]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-f76ece0f]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-f76ece0f]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-f76ece0f]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-f76ece0f]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-f76ece0f]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-f76ece0f]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .signup-container[data-v-f76ece0f] { min-height: 100vh; width: 100%; background: linear-gradient(180deg, #103251 0%, #091a29 80%); position: relative; } .logo[data-v-f76ece0f] { width: 15%; margin-top: 100px; margin-bottom: 50px; position: relative; z-index: 1; } form[data-v-f76ece0f] { width: 100%; max-width: 450px; margin: 0 auto; } .signup[data-v-f76ece0f] { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 20px; text-align: center; font-size: 20px; color: var(--primary-text-color); position: relative; z-index: 1; } form[data-v-f76ece0f] { margin: 0 auto; } .but[data-v-f76ece0f] { width: 100%; margin: 0 0 10px; } .bg[data-v-f76ece0f] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .bg[data-v-f76ece0f]::after { content: ''; position: absolute; pointer-events: none; border: 4px solid #32929a; } .bg-1[data-v-f76ece0f]::after { left: 0; top: 50%; width: 50%; height: 50%; border-left-width: 0; border-bottom-width: 0; border-radius: 0 20vw 0 0; } .bg-2[data-v-f76ece0f]::after { right: 0; top: 0; width: 30%; height: 30%; border-right-width: 0; border-top-width: 0; border-radius: 0 0 0 20vw; } .bg-3[data-v-f76ece0f]::after { right: 0; top: 0; width: 15%; height: 50%; border-right-width: 0; border-top-width: 0; border-radius: 0 0 0 20vw; } .bg-4[data-v-f76ece0f]::after { left: 0; top: 90%; width: 80%; height: 10%; border-left-width: 0; border-bottom-width: 0; border-radius: 0 10vw 0 0; } .bg-5[data-v-f76ece0f]::after { right: 0; top: 0; width: 40%; height: 60%; border-right-width: 0; border-top-width: 0; border-radius: 0 0 0 30vw; } [data-v-9492f76d]:root{ --primary-background-color: #f5f5f5; --primary-text-color: #333333; --secondary-background-color: #292929; --secondary-text-color: #ffffff; --accent-color1: #3a8e75; --accent-color1-hover: #3a8e7533; --accent-color1-pdf-highlight: #3a8e7570; --accent-color1-text: #ffffff; --accent-color2: #d351d1; --accent-color2-hover: #d351d133; --accent-color2-text: #ffffff; --accent-color3: #7c6be0; --accent-color3-hover: #5eaa9033; --accent-color3-text: #ffffff; --accent-color4: #e0dc51; --accent-color4-text: #333333; --confirmation: #00AA00; --confirmation-hover: #00AA007F; --negation: #CC0000; --negation-hover: #CC00007F; } :root[selected-theme="dark"][data-v-9492f76d]{ --primary-background-color: #292929; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #5eaa90; --accent-color1-hover: #5eaa9033; --accent-color1-pdf-highlight: #5eaa9070; --accent-color1-text: #000000; --accent-color2: #ff6efd; --accent-color2-hover: #ff6efd33; --accent-color2-text: #000000; --accent-color3: #a69cff; --accent-color3-hover: #5eaa9033; --accent-color3-text: #000000; --accent-color4: #f4ff90; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="high-contrast"][data-v-9492f76d]{ --primary-background-color: #0f0c0e; --primary-text-color: #ffffff; --secondary-background-color: #fafafa; --secondary-text-color: #000000; --accent-color1: #a69cff; --accent-color1-hover: #a69cff33; --accent-color1-text: #000000; --accent-color2: #ff916e; --accent-color2-hover: #ff916e33; --accent-color2-text: #000000; --accent-color3: #68dbff; --accent-color3-hover: #68dbff33; --accent-color3-text: #000000; --accent-color4: #ff90d9; --accent-color4-text: #000000; --confirmation: #00EE00; --confirmation-hover: #00EE007F; --negation: #EE0000; --negation-hover: #EE00007F; } :root[selected-theme="danya"][data-v-9492f76d]{ --primary-background-color: #fff0f5; --primary-text-color: #4a4a4a; --secondary-background-color: #ffcce0; --secondary-text-color: #4a4a4a; --accent-color1: #ff9dbb; --accent-color1-hover: #ff9dbb33; --accent-color1-pdf-highlight: #ff9dbb70; --accent-color1-text: #4a4a4a; --accent-color2: #d67baf; --accent-color2-hover: #d67baf33; --accent-color2-text: #ffffff; --accent-color3: #ffc2e2; --accent-color3-hover: #ffc2e233; --accent-color3-text: #4a4a4a; --accent-color4: #ffb6c1; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="darcy"][data-v-9492f76d]{ --primary-background-color: #0a192f; --primary-text-color: #e6f1ff; --secondary-background-color: #172a45; --secondary-text-color: #e6f1ff; --accent-color1: #2c7362; --accent-color1-hover: #64ffda33; --accent-color1-pdf-highlight: #64ffda70; --accent-color1-text: #0a192f; --accent-color2: #ffb86c; --accent-color2-hover: #ffb86c33; --accent-color2-text: #0a192f; --accent-color3: #a8b2d1; --accent-color3-hover: #a8b2d133; --accent-color3-text: #0a192f; --accent-color4: #d6a5f0; --accent-color4-text: #0a192f; --confirmation: #64ffda; --confirmation-hover: #64ffda7F; --negation: #ff7b74; --negation-hover: #ff7b747F; } :root[selected-theme="brittany"][data-v-9492f76d]{ --primary-background-color: #FFF8E6; --primary-text-color: #333333; --secondary-background-color: #FAE6D4; --secondary-text-color: #333333; --accent-color1: #FF99CC; --accent-color1-hover: #FF99CC33; --accent-color1-pdf-highlight: #FF99CC70; --accent-color1-text: #333333; --accent-color2: #CC99CC; --accent-color2-hover: #CC99CC33; --accent-color2-text: #333333; --accent-color3: #FFCC99; --accent-color3-hover: #FFCC9933; --accent-color3-text: #333333; --accent-color4: #FFFF99; --accent-color4-text: #333333; --confirmation: #6AC06A; --confirmation-hover: #6AC06A7F; --negation: #FF7878; --negation-hover: #FF78787F; } :root[selected-theme="grey"][data-v-9492f76d]{ --primary-background-color: #333333; --primary-text-color: #f0f0f0; --secondary-background-color: #4a4a4a; --secondary-text-color: #f0f0f0; --accent-color1: #8c8c8c; --accent-color1-hover: #8c8c8c33; --accent-color1-pdf-highlight: #8c8c8c70; --accent-color1-text: #f0f0f0; --accent-color2: #a6a6a6; --accent-color2-hover: #a6a6a633; --accent-color2-text: #333333; --accent-color3: #707070; --accent-color3-hover: #70707033; --accent-color3-text: #f0f0f0; --accent-color4: #d9d9d9; --accent-color4-text: #333333; --confirmation: #99c099; --confirmation-hover: #99c0997F; --negation: #c09999; --negation-hover: #c099997F; } :root[selected-theme="danyarita"][data-v-9492f76d]{ --primary-background-color: #f0fff5; --primary-text-color: #4a4a4a; --secondary-background-color: #ccffe0; --secondary-text-color: #4a4a4a; --accent-color1: #9dffb6; --accent-color1-hover: #9dffb633; --accent-color1-pdf-highlight: #9dffb670; --accent-color1-text: #4a4a4a; --accent-color2: #7bd6a5; --accent-color2-hover: #7bd6a533; --accent-color2-text: #4a4a4a; --accent-color3: #c2ffd8; --accent-color3-hover: #c2ffd833; --accent-color3-text: #4a4a4a; --accent-color4: #b6ffcb; --accent-color4-text: #4a4a4a; --confirmation: #7fbc8f; --confirmation-hover: #7fbc8f7F; --negation: #e68a8a; --negation-hover: #e68a8a7F; } :root[selected-theme="trent"][data-v-9492f76d]{ --primary-background-color: #121212; --primary-text-color: #f0f0f0; --secondary-background-color: #1e1e1e; --secondary-text-color: #f0f0f0; --accent-color1: #00b4d8; --accent-color1-hover: #00b4d833; --accent-color1-pdf-highlight: #00b4d870; --accent-color1-text: #000000; --accent-color2: #ff5e78; --accent-color2-hover: #ff5e7833; --accent-color2-text: #000000; --accent-color3: #7209b7; --accent-color3-hover: #7209b733; --accent-color3-text: #ffffff; --accent-color4: #4cc9f0; --accent-color4-text: #000000; --confirmation: #4ade80; --confirmation-hover: #4ade807F; --negation: #f87171; --negation-hover: #f871717F; } :root[selected-theme="campbell"][data-v-9492f76d]{ --primary-background-color: #ffffff; --primary-text-color: #ff6ae8; --secondary-background-color: #f7f7f7; --secondary-text-color: #9a9a9a; --accent-color1: #e8e8e8; --accent-color1-hover: #e8e8e833; --accent-color1-pdf-highlight: #e8e8e870; --accent-color1-text: #404040; --accent-color2: #f0f0f0; --accent-color2-hover: rgba(223, 223, 223, 0.2); --accent-color2-text: #a8a8a8; --accent-color3: #dedede; --accent-color3-hover: #dedede33; --accent-color3-text: #b5b5b5; --accent-color4: #f5f5f5; --accent-color4-text: #b8b8b8; --confirmation: #d1d1d1; --confirmation-hover: #d1d1d17F; --negation: #c7c7c7; --negation-hover: #c7c7c77F; } .shadow-style[data-v-9492f76d]:hover { -webkit-box-shadow: inset 0 0 0 2px var(--secondary-background-color); -moz-box-shadow: inset 0 0 0 2px var(--secondary-background-color); box-shadow: inset 0 0 0 2px var(--secondary-background-color); } .profile-view[data-v-9492f76d] { background-color: var(--primary-background-color); min-height: 100vh; display: flex; flex-direction: column; } .container[data-v-9492f76d] { max-width: 800px; margin: 0 auto; padding: 2rem; height: 100%; } .title[data-v-9492f76d] { font-size: 2.5rem; color: var(--primary-text-color); margin-bottom: 2rem; text-align: center; } .settings-section[data-v-9492f76d] { border-radius: 8px; padding: 1.5rem; margin-bottom: 2rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .section-title[data-v-9492f76d] { font-size: 1.5rem; margin-bottom: 1rem; } .option-group[data-v-9492f76d] { display: flex; flex-direction: column; gap: 1rem; } .option[data-v-9492f76d] { display: flex; align-items: center; cursor: pointer; } .option input[type="radio"][data-v-9492f76d] { margin-right: 0.5rem; } .option-text[data-v-9492f76d] { font-size: 1rem; color: var(--primary-text-color); } .tooltip-main { opacity: 0; position: absolute; transition: opacity 1s; color: white; text-align: center; padding: 5px; border-radius: 2px; min-width: 120px; background: #5e5d5d; pointer-events: none; z-index: 999; } .tooltip-arrow { transition: opacity 1s; position: absolute; opacity: 0; content: ""; border-width: 6px; border-style: solid; position: absolute; z-index: 999; pointer-events: none; } .top-arrow { border-color: #5e5d5d transparent transparent transparent; } .right-arrow { border-color: transparent #5e5d5d transparent transparent; } .bottom-arrow { border-color: transparent transparent #5e5d5d transparent; } .left-arrow { border-color: transparent transparent transparent #5e5d5d; }