clio.css 0.0.0-stage → 0.1.0

package/dist/clio.platinum.min.css

@@ -0,0 +1,2 @@
+/*! clio.css 0.1.0 (Platinum default) | MIT | https://surfine.github.io/clio.css/ * Classic Mac OS interface CSS: System 6 and Mac OS 9 Platinum. * Measured values traced to AI System 6;see EVIDENCE.md. * Includes art from system.css (MIT) and classic-stylesheets (MIT);see THIRD-PARTY.md. */
+ @font-face{font-family: "ChicagoFLF";src: url("fonts/ChicagoFLF.woff2") format("woff2"),url("fonts/ChicagoFLF.woff") format("woff");font-display: swap}@font-face{font-family: "Clio Asap";src: url("fonts/Asap-Variable.woff2") format("woff2");font-style: normal;font-weight: 100 900;font-stretch: 75% 125%;font-display: swap}:root,[data-era="system6"]{--clio-ink: #000000;--clio-paper: #ffffff;--clio-face: #ffffff;--clio-disabled: #696969;--clio-selection-bg: #000000;--clio-selection-fg: #ffffff;--clio-font-chrome: Chicago,"ChicagoFLF",Charcoal,Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-text: Geneva,"Clio Asap","Helvetica Neue",Arial,sans-serif;--clio-font-mono: Monaco,Menlo,Consolas,"Courier New",monospace;--clio-font-size: 12px;--clio-font-size-small: 10px;--clio-chrome-weight: 400;--clio-font-stretch-text: normal;--clio-font-stretch-title: normal;--clio-line: 1px;--clio-border: 1px solid var(--clio-ink);--clio-radius: 0;--clio-control-height: 20px;--clio-field-height: 20px;--clio-row-height: 16px;--clio-gap: 8px;--clio-focus-outline: 1px dotted var(--clio-ink);--clio-focus-offset: 2px;--clio-desktop: var(--clio-art-s6-desktop) 0 0 / 2px 2px repeat,#808080;--clio-window-bg: var(--clio-paper);--clio-pane-bg: var(--clio-paper);--clio-window-border: 1px solid var(--clio-ink);--clio-window-shadow: 1px 1px 0 var(--clio-ink);--clio-window-padding: 0;--clio-titlebar-height: 17px;--clio-titlebar-margin: 1px 0 0;--clio-titlebar-padding: 2px 1px;--clio-titlebar-border: 1px solid var(--clio-ink);--clio-titlebar-row: 12px;--clio-titlebar-stripe: 2px;--clio-titlebar-bg: linear-gradient(to bottom,var(--clio-ink) 0 1px,transparent 1px 2px) 0 0 / 100% var(--clio-titlebar-stripe) repeat-y content-box content-box,var(--clio-paper);--clio-titlebar-inactive-bg: var(--clio-paper);--clio-title-font-size: 12px;--clio-title-bg: var(--clio-paper);--clio-title-fg: var(--clio-ink);--clio-title-inactive-fg: var(--clio-ink);--clio-title-padding: 0 0.5em;--clio-titlebar-slot: 18px;--clio-titlebar-shade-slot: 0px;--clio-shade-display: none;--clio-box-size: 11px;--clio-box-inset: 7px;--clio-box-isolation: 3px;--clio-menubar-height: 20px;--clio-menubar-bg: var(--clio-paper);--clio-menubar-border: 1px solid var(--clio-ink);--clio-menubar-shadow: none;--clio-menubar-padding: 0 8px;--clio-menu-title-padding: 0 8px;--clio-menu-title-active-bg: var(--clio-ink);--clio-menu-title-active-fg: var(--clio-paper);--clio-menu-title-active-shadow: none;--clio-menu-bg: var(--clio-paper);--clio-menu-border: 1px solid var(--clio-ink);--clio-menu-border-top-width: 1px;--clio-menu-shadow: 1px 1px 0 var(--clio-ink);--clio-menu-item-height: 16px;--clio-menu-item-padding: 0 12px 0 16px;--clio-menu-item-weight: 400;--clio-menu-item-active-bg: var(--clio-ink);--clio-menu-item-active-fg: var(--clio-paper);--clio-menu-item-active-shadow: none;--clio-menu-separator: repeating-linear-gradient(to right,var(--clio-ink) 0 1px,transparent 1px 2px) 0 50% / 100% 1px no-repeat;--clio-menu-separator-height: 16px;--clio-button-bg: var(--clio-paper);--clio-button-fg: var(--clio-ink);--clio-button-border: 1px solid var(--clio-ink);--clio-button-radius: 7px;--clio-button-shadow: 0 0 0 0 transparent;--clio-button-padding: 0 12px;--clio-button-min-width: 59px;--clio-button-weight: 400;--clio-button-active-bg: var(--clio-ink);--clio-button-active-fg: var(--clio-paper);--clio-button-active-shadow: 0 0 0 0 transparent;--clio-button-default-ring: 0 0 0 1px var(--clio-paper),0 0 0 4px var(--clio-ink);--clio-button-default-radius: 8px;--clio-button-disabled-fg: var(--clio-disabled);--clio-button-disabled-border: 1px solid var(--clio-ink);--clio-check-size: 12px;--clio-check-bg: var(--clio-paper);--clio-check-border: 1px solid var(--clio-ink);--clio-check-shadow: none;--clio-check-mark: var(--clio-art-s6-check) 0 0 / 12px 12px no-repeat;--clio-check-mark-origin: border-box;--clio-check-pressed-border-width: 2px;--clio-radio-size: 12px;--clio-radio-off: var(--clio-art-s6-radio) 0 0 / 12px 12px no-repeat;--clio-radio-on: var(--clio-art-s6-radio-dot) 3px 3px / 6px 6px no-repeat,var(--clio-art-s6-radio) 0 0 / 12px 12px no-repeat;--clio-radio-pressed: var(--clio-art-s6-radio-focus) 0 0 / 12px 12px no-repeat;--clio-radio-pressed-on: var(--clio-art-s6-radio-dot) 3px 3px / 6px 6px no-repeat,var(--clio-art-s6-radio-focus) 0 0 / 12px 12px no-repeat;--clio-field-bg: var(--clio-paper);--clio-field-border: 1px solid var(--clio-ink);--clio-field-shadow: none;--clio-field-padding: 2px 3px;--clio-field-focus-shadow: none;--clio-popup-bg: var(--clio-paper);--clio-popup-border: 1px solid var(--clio-ink);--clio-popup-radius: 0;--clio-popup-shadow: 1px 1px 0 var(--clio-ink);--clio-popup-padding: 0 24px 0 6px;--clio-popup-arrow: var(--clio-art-s6-popup) right 6px center / 11px 6px no-repeat;--clio-popup-weight: 400;--clio-scrollbar-size: 16px;--clio-scrollbar-track: var(--clio-art-s6-desktop) 0 0 / 2px 2px repeat,#808080;--clio-scrollbar-track-shadow: none;--clio-scrollbar-thumb-bg: var(--clio-paper);--clio-scrollbar-thumb-border: 1px solid var(--clio-ink);--clio-scrollbar-thumb-shadow: none;--clio-scrollbar-button-bg: var(--clio-paper);--clio-scrollbar-button-shadow: none;--clio-scrollbar-up: var(--clio-art-s6-up);--clio-scrollbar-up-on: var(--clio-art-s6-up-on);--clio-scrollbar-down: var(--clio-art-s6-down);--clio-scrollbar-down-on: var(--clio-art-s6-down-on);--clio-scrollbar-left: var(--clio-art-s6-left);--clio-scrollbar-left-on: var(--clio-art-s6-left-on);--clio-scrollbar-right: var(--clio-art-s6-right);--clio-scrollbar-right-on: var(--clio-art-s6-right-on);--clio-dialog-bg: var(--clio-paper);--clio-modal-border: 1px solid var(--clio-ink);--clio-modal-frame: inset 0 0 0 1px var(--clio-paper),inset 0 0 0 3px var(--clio-ink);--clio-modal-padding: 16px 18px;--clio-plain-dialog-border: 1px solid var(--clio-ink);--clio-plain-dialog-shadow: 2px 2px 0 var(--clio-ink);--clio-details-bg: var(--clio-paper);--clio-details-border: 3px double var(--clio-ink);--clio-list-bg: var(--clio-paper);--clio-list-border: 1px solid var(--clio-ink);--clio-list-shadow: none;--clio-list-row: 16px;--clio-group-border: 1px solid var(--clio-ink);--clio-group-shadow: none;--clio-group-bg: transparent;--clio-progress-height: 12px;--clio-progress-bg: var(--clio-paper);--clio-progress-border: 1px solid var(--clio-ink);--clio-progress-shadow: none;--clio-progress-fill: var(--clio-ink);--clio-tab-height: 20px;--clio-tab-bg: var(--clio-paper);--clio-tab-active-bg: var(--clio-paper);--clio-tab-panel-bg: var(--clio-paper);--clio-tab-panel-border: 1px solid var(--clio-ink);--clio-label-bg: var(--clio-paper);--clio-label-fg: var(--clio-ink);--clio-label-selected-bg: var(--clio-ink);--clio-label-selected-fg: var(--clio-paper)}:root{--clio-art-s6-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1h-1zM1 1h1v1h-1zM2 2h1v1h-1zM3 3h1v1h-1zM4 4h1v1h-1zM5 5h1v1h-1zM6 6h1v1h-1zM7 7h1v1h-1zM8 8h1v1h-1zM9 9h1v1h-1zM10 10h1v1h-1zM11 11h1v1h-1zM11 0h1v1h-1zM10 1h1v1h-1zM9 2h1v1h-1zM8 3h1v1h-1zM7 4h1v1h-1zM6 5h1v1h-1zM5 6h1v1h-1zM4 7h1v1h-1zM3 8h1v1h-1zM2 9h1v1h-1zM1 10h1v1h-1zM0 11h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-radio: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h4v1H4zM0 4h1v4H0zM11 4h1v4h-1zM2 1h2v1H2zM8 1h2v1H8zM10 2h1v2h-1zM1 2h1v2H1zM4 11h4v1H4zM2 10h2v1H2zM8 10h2v1H8zM10 8h1v2h-1zM1 8h1v2H1z'/%3E%3C/svg%3E");--clio-art-s6-radio-focus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h4v2H4zM0 4h2v4H0zM10 4h2v4h-2zM2 1h2v2H2zM8 1h2v2H8zM9 2h2v2H9zM1 2h2v2H1zM4 10h4v2H4zM2 9h2v2H2zM8 9h2v2H8zM9 8h2v2H9zM1 8h2v2H1z'/%3E%3C/svg%3E");--clio-art-s6-radio-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h4v1H1zM1 5h4v1H1zM0 1h6v4H0z'/%3E%3C/svg%3E");--clio-art-s6-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='8.5,3.5 14.5,9.5 11.5,9.5 11.5,13.5 5.5,13.5 5.5,9.5 2.5,9.5' fill='%23fff' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-up-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='8.5,3.5 14.5,9.5 11.5,9.5 11.5,13.5 5.5,13.5 5.5,9.5 2.5,9.5' fill='%23000' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='8.5,13.5 14.5,7.5 11.5,7.5 11.5,3.5 5.5,3.5 5.5,7.5 2.5,7.5' fill='%23fff' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-down-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='8.5,13.5 14.5,7.5 11.5,7.5 11.5,3.5 5.5,3.5 5.5,7.5 2.5,7.5' fill='%23000' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='3.5,8.5 9.5,14.5 9.5,11.5 13.5,11.5 13.5,5.5 9.5,5.5 9.5,2.5' fill='%23fff' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-left-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='3.5,8.5 9.5,14.5 9.5,11.5 13.5,11.5 13.5,5.5 9.5,5.5 9.5,2.5' fill='%23000' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='13.5,8.5 7.5,14.5 7.5,11.5 3.5,11.5 3.5,5.5 7.5,5.5 7.5,2.5' fill='%23fff' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-right-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='13.5,8.5 7.5,14.5 7.5,11.5 3.5,11.5 3.5,5.5 7.5,5.5 7.5,2.5' fill='%23000' stroke='%23000' stroke-width='1' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-s6-popup: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h11v1H0zM1 1h9v1H1zM2 2h7v1H2zM3 3h5v1H3zM4 4h3v1H4zM5 5h1v1H5z'/%3E%3C/svg%3E");--clio-art-s6-submenu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11'%3E%3Cpath d='m0 0 6 5.5L0 11Z'/%3E%3C/svg%3E");--clio-art-s6-submenu-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11'%3E%3Cpath fill='%23fff' d='m0 0 6 5.5L0 11Z'/%3E%3C/svg%3E");--clio-art-s6-menucheck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' shape-rendering='crispEdges'%3E%3Cpath d='M9 0h1v2H9zM8 2h1v2H8zM7 4h1v2H7zM6 5h1v2H6zM5 6h1v3H5zM4 7h1v3H4zM3 6h1v3H3zM2 5h1v2H2zM1 4h1v2H1zM0 4h1v1H0z'/%3E%3C/svg%3E");--clio-art-s6-menucheck-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M9 0h1v2H9zM8 2h1v2H8zM7 4h1v2H7zM6 5h1v2H6zM5 6h1v3H5zM4 7h1v3H4zM3 6h1v3H3zM2 5h1v2H2zM1 4h1v2H1zM0 4h1v1H0z'/%3E%3C/svg%3E");--clio-art-s6-desktop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1H0zM1 1h1v1H1z'/%3E%3Cpath fill='%23fff' d='M1 0h1v1H1zM0 1h1v1H0z'/%3E%3C/svg%3E")}:where(.desktop){margin: 0;min-height: 100vh;background: var(--clio-desktop);color: var(--clio-ink)}:where(.window,.menu-bar,[role="menubar"],[role="menu-bar"],.menu,[role="menu"],.modal-dialog,.alert-box,.standard-dialog,.modeless-dialog,.clio){box-sizing: border-box;color: var(--clio-ink);font-family: var(--clio-font-chrome);font-size: var(--clio-font-size);font-weight: var(--clio-chrome-weight);font-stretch: var(--clio-font-stretch-text);font-synthesis: none;line-height: 16px;-webkit-font-smoothing: auto}:where(.window,.modal-dialog,.alert-box,.standard-dialog,.modeless-dialog,.clio) *,:where(.window,.modal-dialog,.alert-box,.standard-dialog,.modeless-dialog,.clio) *::before,:where(.window,.modal-dialog,.alert-box,.standard-dialog,.modeless-dialog,.clio) *::after{box-sizing: border-box}:where(.window-pane,.modal-contents,.alert-contents,.text){font-family: var(--clio-font-text);font-stretch: var(--clio-font-stretch-text)}:where(.window,.modal-dialog,.alert-box,.standard-dialog,.clio) :where(h1,h2,h3,h4,.heading){margin: 0 0 8px;font-family: var(--clio-font-chrome);font-size: var(--clio-font-size);font-weight: var(--clio-chrome-weight);line-height: 16px}:where(.window,.modal-dialog,.alert-box,.standard-dialog,.clio) :where(p){margin: 0 0 8px}:where(.window,.modal-dialog,.alert-box,.standard-dialog,.clio) :where(a){color: inherit}:where(.window,.modal-dialog,.alert-box,.standard-dialog,.clio) :where(code,kbd,pre,samp){font-family: var(--clio-font-mono)}:where(.window,.modal-dialog,.alert-box,.standard-dialog,.clio) :where(hr){height: 0;margin: 8px 0;border: 0;border-top: var(--clio-border)}:where(.window,.modal-dialog,.alert-box,.standard-dialog,.clio) ::selection{background: var(--clio-selection-bg);color: var(--clio-selection-fg)}:where(.field-row,.field-row-stacked){display: flex;align-items: center;gap: 6px}:where(.field-row-stacked){flex-direction: column;align-items: flex-start;gap: 4px}:where(.field-row,.field-row-stacked) + :where(.field-row,.field-row-stacked){margin-top: 6px}:where(.visually-hidden,.title-bar button > span){position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}:where(.window){position: relative;display: flex;flex-direction: column;min-width: 120px;padding: var(--clio-window-padding);border: var(--clio-window-border);background: var(--clio-window-bg);box-shadow: var(--clio-window-shadow)}.title-bar,.inactive-title-bar{--clio-tb-close: var(--clio-titlebar-slot);--clio-tb-zoom: var(--clio-titlebar-slot);--clio-tb-shade: var(--clio-titlebar-shade-slot);--clio-tb-gutter: max(var(--clio-tb-close),calc(var(--clio-tb-zoom) + var(--clio-tb-shade)));position: relative;display: grid;flex: none;grid-template-columns: var(--clio-tb-gutter) minmax(0,1fr) var(--clio-tb-zoom) calc(var(--clio-tb-gutter) - var(--clio-tb-zoom));grid-template-rows: var(--clio-titlebar-row);align-items: start;box-sizing: border-box;height: var(--clio-titlebar-height);margin: var(--clio-titlebar-margin);padding: var(--clio-titlebar-padding);border-bottom: var(--clio-titlebar-border);background: var(--clio-titlebar-bg);font-family: var(--clio-font-chrome);user-select: none;-webkit-user-select: none}.title-bar:not(:has(> :is(.resize,.resize-box,.zoom))){--clio-tb-zoom: 0px}.title-bar:not(:has(> :is(.shade,.shade-box,.collapse))){--clio-tb-shade: 0px}.title-bar > :is(.title,h1,h2,h3),.inactive-title-bar > :is(.title,h1,h2,h3){grid-column: 2;grid-row: 1;justify-self: center;max-width: 100%;height: var(--clio-titlebar-row);margin: 0;padding: var(--clio-title-padding);overflow: hidden;background: var(--clio-title-bg);color: var(--clio-title-fg);font-family: var(--clio-font-chrome);font-size: var(--clio-title-font-size);font-stretch: var(--clio-font-stretch-title);font-weight: var(--clio-chrome-weight);line-height: var(--clio-titlebar-row);text-align: center;text-overflow: ellipsis;white-space: nowrap}.title-bar > :is(button,.close,.close-box,.resize,.resize-box,.zoom,.shade,.shade-box,.collapse){position: relative;grid-row: 1;width: var(--clio-box-size);min-width: 0;height: var(--clio-box-size);min-height: 0;margin: 0;padding: 0;border: 1px solid var(--clio-ink);border-radius: 0;background: var(--clio-paper);box-shadow: 0 0 0 var(--clio-box-isolation) var(--clio-paper);color: transparent;font-size: 0;appearance: none;-webkit-appearance: none;cursor: default;touch-action: manipulation}.title-bar > :is(.close,.close-box){grid-column: 1;justify-self: start;margin-left: var(--clio-box-inset)}.title-bar > :is(.resize,.resize-box,.zoom){grid-column: 3;justify-self: end;margin-right: var(--clio-box-inset)}.title-bar > :is(.shade,.shade-box,.collapse){display: var(--clio-shade-display);grid-column: 4;justify-self: end}.title-bar > :is(.close,.close-box)::before{content: "";position: absolute;inset: -1px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath d='M1 5h3v1H1zM7 5h3v1H7zM5 1h1v3H5zM5 7h1v3H5zM2 2h1v1H2zM3 3h1v1H3zM7 7h1v1H7zM8 8h1v1H8zM8 2h1v1H8zM7 3h1v1H7zM2 8h1v1H2zM3 7h1v1H3z'/%3E%3C/svg%3E") 0 0 / 11px 11px no-repeat;opacity: 0}.title-bar > :is(.close,.close-box):is(:active,.active)::before{opacity: 1}.title-bar > :is(.resize,.resize-box,.zoom)::before{content: "";position: absolute;top: -1px;left: -1px;width: 7px;height: 7px;border-right: 1px solid var(--clio-ink);border-bottom: 1px solid var(--clio-ink);box-sizing: border-box}.title-bar > :is(.resize,.resize-box,.zoom):is(:active,.active)::before{opacity: 0}.title-bar > button:focus-visible{outline: var(--clio-focus-outline);outline-offset: calc(var(--clio-box-isolation) - 1px)}.window.inactive > .title-bar,.inactive-title-bar{background: var(--clio-titlebar-inactive-bg)}.window.inactive > .title-bar > :is(.title,h1,h2,h3),.inactive-title-bar > :is(.title,h1,h2,h3){color: var(--clio-title-inactive-fg)}.window.inactive > .title-bar > :not(.title,h1,h2,h3),.inactive-title-bar > :not(.title,h1,h2,h3){visibility: hidden}:where(.window-pane){flex: 1 1 auto;min-height: 0;padding: 8px;overflow: auto;background: var(--clio-pane-bg);font-size: var(--clio-font-size);line-height: 16px}:where(.details-bar){display: flex;flex: none;justify-content: space-between;gap: 16px;padding: 2px 8px 1px;border-bottom: var(--clio-details-border);background: var(--clio-details-bg);box-shadow: var(--clio-details-shadow,none);font-family: var(--clio-font-text);font-size: var(--clio-font-size);line-height: 16px;white-space: nowrap}:where(.separator){flex: none;border-top: var(--clio-border)}:where(.status-bar){display: flex;flex: none;gap: 12px;padding: 1px 8px;border-top: var(--clio-border);background: var(--clio-details-bg);font-family: var(--clio-font-text);font-size: var(--clio-font-size-small);line-height: 14px}:where(.menu-bar,ul[role="menubar"],ul[role="menu-bar"]){display: flex;align-items: stretch;box-sizing: border-box;height: var(--clio-menubar-height);margin: 0;padding: var(--clio-menubar-padding);list-style: none;border-bottom: var(--clio-menubar-border);background: var(--clio-menubar-bg);box-shadow: var(--clio-menubar-shadow);user-select: none;-webkit-user-select: none}:where(.menu-bar,[role="menubar"],[role="menu-bar"]) > li{position: relative;display: flex;align-items: stretch}:where(.menu-bar,[role="menubar"],[role="menu-bar"]) > li > :is(button,a,span),:where([role="menu-bar"]) > [role="menu-item"]{display: flex;align-items: center;min-width: 0;margin: 0;padding: var(--clio-menu-title-padding);border: 0;border-radius: 0;background: transparent;box-shadow: none;color: inherit;font: inherit;line-height: 16px;text-decoration: none;white-space: nowrap;appearance: none;-webkit-appearance: none;cursor: default}:where(.menu-bar,[role="menubar"],[role="menu-bar"]) > li > :is(button,a,span):is([aria-expanded="true"],.active),:where(.menu-bar,[role="menubar"],[role="menu-bar"]) > li.open > :is(button,a,span),:where(.menu-bar,[role="menubar"],[role="menu-bar"]) > li > :is(button,a):active,:where([role="menu-bar"]) > [role="menu-item"]:is(:focus,:focus-within){background: var(--clio-menu-title-active-bg);box-shadow: var(--clio-menu-title-active-shadow);color: var(--clio-menu-title-active-fg);outline: none}:where(.menu-bar,[role="menubar"],[role="menu-bar"]) > li > :is(button,a):focus-visible{outline: var(--clio-focus-outline);outline-offset: -3px}:where(.menu,ul[role="menu"]){z-index: 10;display: block;box-sizing: border-box;min-width: 140px;width: max-content;margin: 0;padding: 0;list-style: none;border: var(--clio-menu-border);border-top-width: var(--clio-menu-border-top-width);background: var(--clio-menu-bg);box-shadow: var(--clio-menu-shadow);font-family: var(--clio-font-chrome);font-size: var(--clio-font-size)}:where(.menu-bar,[role="menubar"],[role="menu-bar"],.menu,[role="menu"]) li > :is(.menu,ul[role="menu"]){position: absolute;top: 100%;left: 0;display: none}:where(.menu,[role="menu"]) li > :is(.menu,ul[role="menu"]){top: -1px;left: 100%}:where(.menu-bar,[role="menubar"],[role="menu-bar"],.menu,[role="menu"]) li:is(.open,:focus-within) > :is(.menu,ul[role="menu"]),:where(.menu-bar,[role="menubar"],[role="menu-bar"],.menu,[role="menu"]) li > [aria-expanded="true"] + :is(.menu,ul[role="menu"]){display: block}:where(.menu,[role="menu"]) > li{position: relative;display: flex;align-items: center;min-height: var(--clio-menu-item-height);padding: var(--clio-menu-item-padding);font-weight: var(--clio-menu-item-weight);line-height: var(--clio-menu-item-height);white-space: nowrap;cursor: default}:where(.menu,[role="menu"]) > li:has(> :is(a,button)){padding: 0}:where(.menu,[role="menu"]) > li > :is(a,button){display: flex;flex: 1;align-items: center;justify-content: flex-start;min-width: 0;min-height: var(--clio-menu-item-height);margin: 0;padding: var(--clio-menu-item-padding);border: 0;border-radius: 0;background: transparent;box-shadow: none;color: inherit;font: inherit;text-align: left;text-decoration: none;appearance: none;-webkit-appearance: none;cursor: default}:where(.menu,[role="menu"]) > li:not(.disabled,[aria-disabled="true"],.separator,[role="separator"]):is(:hover,:focus-within,.active),:where(.menu,[role="menu"]) > li > :is(a,button):not([aria-disabled="true"],:disabled):is(:hover,:focus-visible,.active){background: var(--clio-menu-item-active-bg);box-shadow: var(--clio-menu-item-active-shadow);color: var(--clio-menu-item-active-fg);outline: none}:where(.menu,[role="menu"]) > li:is(.disabled,[aria-disabled="true"]),:where(.menu,[role="menu"]) > li > :is(a,button):is(:disabled,[aria-disabled="true"]){color: var(--clio-disabled)}:where(.menu,[role="menu"]) :is(kbd,.shortcut){margin-left: auto;padding-left: 24px;font: inherit}:where(.menu,[role="menu"]) > li:is(.checked,[aria-checked="true"])::before,:where(.menu,[role="menu"]) > li > :is([aria-checked="true"],.checked)::before{content: "";position: absolute;top: 50%;left: 3px;width: 10px;height: 10px;margin-top: -5px;background: var(--clio-art-s6-menucheck) 0 0 / 10px 10px no-repeat}:where(.menu,[role="menu"]) > li:is(.checked,[aria-checked="true"]):is(:hover,:focus-within,.active)::before,:where(.menu,[role="menu"]) > li > :is([aria-checked="true"],.checked):is(:hover,:focus-visible,.active)::before{background-image: var(--clio-art-s6-menucheck-on)}:where(.menu,[role="menu"]) > li:has(> :is(.menu,ul[role="menu"]))::after,:where(.menu,[role="menu"]) > li > [aria-haspopup="true"]::after{content: "";position: absolute;top: 50%;right: 4px;width: 6px;height: 11px;margin-top: -5.5px;background: var(--clio-art-s6-submenu) 0 0 / 6px 11px no-repeat}:where(.menu,[role="menu"]) > li:has(> :is(.menu,ul[role="menu"])):is(:hover,:focus-within,.active)::after{background-image: var(--clio-art-s6-submenu-on)}:where(.menu,[role="menu"]) > :is(li.separator,li[role="separator"],hr){display: block;height: var(--clio-menu-separator-height);min-height: 0;margin: 0;padding: 0;border: 0;background: var(--clio-menu-separator)}:where(.menu,[role="menu"]) > li.divider{border-bottom: 1px dotted var(--clio-ink)}:where(button,.btn,.btn-default,.standard-button,input[type="button"],input[type="submit"],input[type="reset"]){display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;min-width: var(--clio-button-min-width);min-height: var(--clio-control-height);margin: 0;padding: var(--clio-button-padding);border: var(--clio-button-border);border-radius: var(--clio-button-radius);background: var(--clio-button-bg);box-shadow: var(--clio-button-shadow);color: var(--clio-button-fg);font-family: var(--clio-font-chrome);font-size: var(--clio-font-size);font-stretch: var(--clio-font-stretch-text);font-weight: var(--clio-button-weight);line-height: 14px;text-align: center;text-decoration: none;white-space: nowrap;appearance: none;-webkit-appearance: none;cursor: default;touch-action: manipulation;-webkit-tap-highlight-color: transparent}:where(button,.btn,.btn-default,.standard-button,input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled,.disabled):is(:active,.active){background: var(--clio-button-active-bg);box-shadow: var(--clio-button-active-shadow);color: var(--clio-button-active-fg)}:where(.default,.btn-default,button[type="submit"].default){border-radius: var(--clio-button-radius);box-shadow: var(--clio-button-shadow),var(--clio-button-default-ring)}:where(.default,.btn-default):not(:disabled,.disabled):is(:active,.active){box-shadow: var(--clio-button-active-shadow),var(--clio-button-default-ring)}:where(button,.btn,.btn-default,.standard-button,input[type="button"],input[type="submit"],input[type="reset"]):is(:disabled,.disabled){border: var(--clio-button-disabled-border);color: var(--clio-button-disabled-fg)}:where(button,.btn,.btn-default,.standard-button,input[type="button"],input[type="submit"],input[type="reset"]):focus-visible{outline: var(--clio-focus-outline);outline-offset: var(--clio-focus-offset)}:where(.default,.btn-default):focus-visible{outline-offset: calc(var(--clio-focus-offset) + 4px)}:where(input[type="checkbox"]){position: relative;flex: none;box-sizing: border-box;width: var(--clio-check-size);height: var(--clio-check-size);margin: 0;border: var(--clio-check-border);border-radius: 0;background: var(--clio-check-bg);box-shadow: var(--clio-check-shadow);vertical-align: -2px;appearance: none;-webkit-appearance: none;cursor: default}:where(input[type="checkbox"]):checked{background: var(--clio-check-mark),var(--clio-check-bg);background-origin: var(--clio-check-mark-origin)}:where(input[type="checkbox"]):not(:disabled):active{border-width: var(--clio-check-pressed-border-width)}:where(input[type="checkbox"]):disabled{border-color: var(--clio-disabled);opacity: 0.6}:where(input[type="radio"]){flex: none;box-sizing: border-box;width: var(--clio-radio-size);height: var(--clio-radio-size);margin: 0;border: 0;border-radius: 0;background: var(--clio-radio-off);vertical-align: -2px;appearance: none;-webkit-appearance: none;cursor: default}:where(input[type="radio"]):checked{background: var(--clio-radio-on)}:where(input[type="radio"]):not(:disabled):active{background: var(--clio-radio-pressed)}:where(input[type="radio"]):checked:not(:disabled):active{background: var(--clio-radio-pressed-on)}:where(input[type="radio"]):disabled{opacity: 0.45}:where(input[type="checkbox"],input[type="radio"]):focus-visible{outline: var(--clio-focus-outline);outline-offset: var(--clio-focus-offset)}:where(input[type="checkbox"],input[type="radio"]) + label,:where(label):has(> :is(input[type="checkbox"],input[type="radio"])){font-family: var(--clio-font-chrome);font-size: var(--clio-font-size)}:where(label):has(> :is(input[type="checkbox"],input[type="radio"])){display: inline-flex;align-items: center;gap: 6px}:where(input[type="checkbox"],input[type="radio"]):disabled + label,:where(label):has(> :is(input[type="checkbox"],input[type="radio"]):disabled){color: var(--clio-disabled)}:where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="tel"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"],textarea){box-sizing: border-box;min-height: var(--clio-field-height);margin: 0;padding: var(--clio-field-padding);border: var(--clio-field-border);border-radius: 0;background: var(--clio-field-bg);box-shadow: var(--clio-field-shadow);color: var(--clio-ink);font-family: var(--clio-font-text);font-size: var(--clio-font-size);font-stretch: var(--clio-font-stretch-text);line-height: 14px;appearance: none;-webkit-appearance: none}:where(textarea){display: block;line-height: 16px;resize: vertical}:where(input,textarea):focus-visible{outline: var(--clio-focus-outline);outline-offset: var(--clio-focus-offset);box-shadow: var(--clio-field-focus-shadow)}:where(input,textarea):disabled{color: var(--clio-disabled)}:where(input,textarea)::placeholder{color: var(--clio-disabled);opacity: 1}:where(label){font-family: var(--clio-font-chrome);font-size: var(--clio-font-size)}:where(select){box-sizing: border-box;min-height: var(--clio-control-height);margin: 0;padding: var(--clio-popup-padding);border: var(--clio-popup-border);border-radius: var(--clio-popup-radius);background: var(--clio-popup-arrow),var(--clio-popup-bg);box-shadow: var(--clio-popup-shadow);color: var(--clio-ink);font-family: var(--clio-font-chrome);font-size: var(--clio-font-size);font-stretch: var(--clio-font-stretch-text);font-weight: var(--clio-popup-weight);line-height: 16px;appearance: none;-webkit-appearance: none;cursor: default}:where(select):focus-visible{outline: var(--clio-focus-outline);outline-offset: var(--clio-focus-offset)}:where(select):disabled{color: var(--clio-disabled)}:where(select[multiple],select[size]:not([size="1"])){min-height: 0;padding: 0;border: var(--clio-list-border);border-radius: 0;background: var(--clio-list-bg);box-shadow: var(--clio-list-shadow);font-family: var(--clio-font-text)}:where(select[multiple],select[size]:not([size="1"])) option{min-height: var(--clio-list-row);padding: 0 4px}:where(select[multiple],select[size]:not([size="1"])) option:checked{background: var(--clio-selection-bg) linear-gradient(var(--clio-selection-bg),var(--clio-selection-bg));color: var(--clio-selection-fg)}:where(.listbox,ul[role="listbox"],ol[role="listbox"],div[role="listbox"]){box-sizing: border-box;margin: 0;padding: 0;overflow: auto;list-style: none;border: var(--clio-list-border);background: var(--clio-list-bg);box-shadow: var(--clio-list-shadow);font-family: var(--clio-font-text);font-size: var(--clio-font-size)}:where(.listbox,[role="listbox"]) > :is(li,[role="option"]){min-height: var(--clio-list-row);padding: 0 4px;line-height: var(--clio-list-row);white-space: nowrap;cursor: default}:where(.listbox,[role="listbox"]) > :is(li,[role="option"]):is([aria-selected="true"],.selected){background: var(--clio-selection-bg);color: var(--clio-selection-fg)}:where(.listbox,[role="listbox"]) > :is(li,[role="option"]):focus-visible{outline: var(--clio-focus-outline);outline-offset: -2px}:where(fieldset){margin: 0;padding: 8px 10px 10px;border: var(--clio-group-border);background: var(--clio-group-bg);box-shadow: var(--clio-group-shadow)}:where(fieldset) > :where(legend){padding: 0 4px;background: var(--clio-pane-bg);font-family: var(--clio-font-chrome);font-size: var(--clio-font-size);font-weight: var(--clio-chrome-weight)}:where(progress){box-sizing: border-box;width: 100%;height: var(--clio-progress-height);margin: 0;border: var(--clio-progress-border);border-radius: 0;background: var(--clio-progress-bg);box-shadow: var(--clio-progress-shadow);color: var(--clio-ink);appearance: none;-webkit-appearance: none}:where(progress)::-webkit-progress-bar{background: var(--clio-progress-bg)}:where(progress)::-webkit-progress-value{background: var(--clio-progress-fill)}:where(progress)::-moz-progress-bar{background: var(--clio-progress-fill)}:where([role="tablist"],.tabs){display: flex;align-items: flex-end;gap: 0;margin: 0;padding: 0 8px;list-style: none}:where([role="tablist"],.tabs) > :is([role="tab"],li,button){position: relative;display: inline-flex;align-items: center;box-sizing: border-box;min-width: 0;min-height: var(--clio-tab-height);margin: 0 -1px -1px 0;padding: 0 12px;border: 1px solid var(--clio-ink);border-radius: 0;background: var(--clio-tab-bg);box-shadow: none;color: var(--clio-ink);font-family: var(--clio-font-chrome);font-size: var(--clio-font-size);font-weight: var(--clio-chrome-weight);cursor: default}:where([role="tablist"],.tabs) > :is([role="tab"],li,button):is([aria-selected="true"],.active){z-index: 1;border-bottom-color: var(--clio-tab-active-bg);background: var(--clio-tab-active-bg);color: var(--clio-ink)}:where([role="tabpanel"],.tab-panel){padding: 10px;border: var(--clio-tab-panel-border);background: var(--clio-tab-panel-bg)}:where(.icon){display: inline-flex;flex-direction: column;align-items: center;justify-content: flex-start;gap: 2px;width: 80px;min-width: 0;min-height: 0;margin: 0;padding: 0;border: 0;border-radius: 0;background: none;box-shadow: none;color: var(--clio-ink);font-family: var(--clio-font-text);font-size: var(--clio-font-size-small);text-align: center;cursor: default}:where(.icon) > :is(img,svg,.icon-image){width: 32px;height: 32px;image-rendering: pixelated}:where(.icon) > :is(figcaption,span,.icon-label){max-width: 100%;padding: 0 2px;background: var(--clio-label-bg);color: var(--clio-label-fg);line-height: 13px}:where(.icon):is(.selected,[aria-selected="true"],[aria-pressed="true"]) > :is(img,svg,.icon-image){filter: var(--clio-icon-selected-filter,invert(1))}:where(.icon):is(.selected,[aria-selected="true"],[aria-pressed="true"]) > :is(figcaption,span,.icon-label){background: var(--clio-label-selected-bg);color: var(--clio-label-selected-fg)}:where(.modal-dialog,.alert-box,dialog.modal){box-sizing: border-box;max-width: 100%;margin: 0;padding: var(--clio-modal-padding);border: var(--clio-modal-border);background: var(--clio-dialog-bg);box-shadow: var(--clio-modal-frame);color: var(--clio-ink)}:where(.standard-dialog){box-sizing: border-box;max-width: 100%;margin: 0;padding: 12px 14px;border: var(--clio-plain-dialog-border);background: var(--clio-dialog-bg);box-shadow: var(--clio-plain-dialog-shadow);color: var(--clio-ink)}:where(dialog):is(.modal-dialog,.alert-box,.standard-dialog,.modal)::backdrop{background: transparent}:where(.modal-dialog,.alert-box,.standard-dialog) :where(.outer-border,.inner-border){padding: 0;border: 0}:where(.alert-box){display: grid;grid-template-columns: auto 1fr;column-gap: 16px;row-gap: 12px;align-items: start}:where(.alert-box) > :where(.alert-icon){grid-row: 1;width: 32px;height: 32px}:where(.alert-box) > :where(.alert-contents,.modal-contents,p){grid-column: 2;margin: 0}:where(.alert-box) > :where(.alert-buttons,.dialog-buttons){grid-column: 1 / -1}:where(.dialog-buttons,.alert-buttons){display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 12px;margin-top: 12px}:where(.alert-icon.caution,.alert-icon.note,.alert-icon.stop){display: block;box-sizing: border-box;border: 2px solid var(--clio-ink);border-radius: 6px;background: var(--clio-paper);color: var(--clio-ink);font: 700 22px/28px var(--clio-font-chrome);text-align: center}:where(.alert-icon.caution)::before{content: "!"}:where(.alert-icon.note)::before{content: "i"}:where(.alert-icon.stop){border-radius: 50%}:where(.alert-icon.stop)::before{content: "\00D7"}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar,:where(html.clio-scrollbars)::-webkit-scrollbar{width: var(--clio-scrollbar-size);height: var(--clio-scrollbar-size);background: var(--clio-paper)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-track,:where(html.clio-scrollbars)::-webkit-scrollbar-track{background: var(--clio-scrollbar-track);box-shadow: var(--clio-scrollbar-track-shadow)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-track:vertical,:where(html.clio-scrollbars)::-webkit-scrollbar-track:vertical{border-left: 1px solid var(--clio-ink)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-track:horizontal,:where(html.clio-scrollbars)::-webkit-scrollbar-track:horizontal{border-top: 1px solid var(--clio-ink)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-thumb,:where(html.clio-scrollbars)::-webkit-scrollbar-thumb{min-width: var(--clio-scrollbar-size);min-height: var(--clio-scrollbar-size);border: var(--clio-scrollbar-thumb-border);background: var(--clio-scrollbar-thumb-bg);box-shadow: var(--clio-scrollbar-thumb-shadow)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-thumb:horizontal,:where(html.clio-scrollbars)::-webkit-scrollbar-thumb:horizontal{background: var(--clio-scrollbar-thumb-bg-horizontal,var(--clio-scrollbar-thumb-bg));box-shadow: var(--clio-scrollbar-thumb-shadow-horizontal,var(--clio-scrollbar-thumb-shadow))}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:start:decrement,:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:end:increment,:where(html.clio-scrollbars)::-webkit-scrollbar-button:start:decrement,:where(html.clio-scrollbars)::-webkit-scrollbar-button:end:increment{display: block;width: var(--clio-scrollbar-size);height: var(--clio-scrollbar-size);background-color: var(--clio-scrollbar-button-bg);background-position: center;background-repeat: no-repeat;box-shadow: var(--clio-scrollbar-button-shadow)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:vertical:decrement,:where(html.clio-scrollbars)::-webkit-scrollbar-button:vertical:decrement{border-left: 1px solid var(--clio-ink);border-bottom: 1px solid var(--clio-ink);background-image: var(--clio-scrollbar-up)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:vertical:increment,:where(html.clio-scrollbars)::-webkit-scrollbar-button:vertical:increment{border-left: 1px solid var(--clio-ink);border-top: 1px solid var(--clio-ink);background-image: var(--clio-scrollbar-down)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:horizontal:decrement,:where(html.clio-scrollbars)::-webkit-scrollbar-button:horizontal:decrement{border-top: 1px solid var(--clio-ink);border-right: 1px solid var(--clio-ink);background-image: var(--clio-scrollbar-left)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:horizontal:increment,:where(html.clio-scrollbars)::-webkit-scrollbar-button:horizontal:increment{border-top: 1px solid var(--clio-ink);border-left: 1px solid var(--clio-ink);background-image: var(--clio-scrollbar-right)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:vertical:decrement:active,:where(html.clio-scrollbars)::-webkit-scrollbar-button:vertical:decrement:active{background-image: var(--clio-scrollbar-up-on)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:vertical:increment:active,:where(html.clio-scrollbars)::-webkit-scrollbar-button:vertical:increment:active{background-image: var(--clio-scrollbar-down-on)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:horizontal:decrement:active,:where(html.clio-scrollbars)::-webkit-scrollbar-button:horizontal:decrement:active{background-image: var(--clio-scrollbar-left-on)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:horizontal:increment:active,:where(html.clio-scrollbars)::-webkit-scrollbar-button:horizontal:increment:active{background-image: var(--clio-scrollbar-right-on)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:start:increment,:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:end:decrement,:where(html.clio-scrollbars)::-webkit-scrollbar-button:start:increment,:where(html.clio-scrollbars)::-webkit-scrollbar-button:end:decrement{display: none}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-corner,:where(html.clio-scrollbars)::-webkit-scrollbar-corner{border-top: 1px solid var(--clio-ink);border-left: 1px solid var(--clio-ink);background: var(--clio-scrollbar-button-bg)}@supports not selector(::-webkit-scrollbar){:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,html.clio-scrollbars,.clio-scrollbars *){scrollbar-color: var(--clio-scrollbar-thumb-color,var(--clio-ink)) var(--clio-scrollbar-track-color,#c0c0c0)}}:root{--clio-ink: #000000;--clio-paper: #dddddd;--clio-face: #dddddd;--clio-disabled: #6f6f6f;--clio-selection-bg: #ccccff;--clio-selection-fg: #000000;--clio-font-chrome: Charcoal,"Charcoal CY","Clio Asap",Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-text: Geneva,"Clio Asap","Helvetica Neue",Arial,sans-serif;--clio-font-size: 12px;--clio-font-size-small: 10px;--clio-chrome-weight: 700;--clio-font-stretch-text: 113%;--clio-font-stretch-title: 123%;--clio-border: 1px solid #000000;--clio-control-height: 20px;--clio-field-height: 22px;--clio-focus-outline: 2px solid #6666cc;--clio-focus-offset: 0px;--clio-desktop: #4a71ab;--clio-window-bg: #cccccc;--clio-pane-bg: #dddddd;--clio-window-border: 1px solid #000000;--clio-window-shadow: 1px 1px 0 #000000,inset 1px 0 0 #ffffff,inset 0 1px 0 #ffffff,inset -1px 0 0 #999999,inset 0 -1px 0 #999999;--clio-window-padding: 2px 4px 4px;--clio-titlebar-height: 19px;--clio-titlebar-margin: 0;--clio-titlebar-padding: 1px 0;--clio-titlebar-border: 1px solid #000000;--clio-titlebar-row: 13px;--clio-titlebar-slot: 16px;--clio-titlebar-shade-slot: 16px;--clio-shade-display: block;--clio-titlebar-inactive-bg: #dddddd;--clio-title-bg: #cccccc;--clio-title-fg: #000000;--clio-title-inactive-fg: #777777;--clio-title-padding: 0 4px;--clio-box-size: 11px;--clio-box-inset: 0px;--clio-box-isolation: 0px;--clio-menubar-height: 20px;--clio-menubar-bg: #dddddd;--clio-menubar-border: 1px solid #000000;--clio-menubar-shadow: inset 0 1px 0 #ffffff,inset 0 -1px 0 #999999;--clio-menubar-padding: 0 8px;--clio-menu-title-padding: 0 10px;--clio-menu-title-active-bg: #333399;--clio-menu-title-active-fg: #ffffff;--clio-menu-title-active-shadow: inset 0 1px 0 #6666cc,inset 0 -1px 0 #000088;--clio-menu-bg: #dddddd;--clio-menu-border: 1px solid #000000;--clio-menu-border-top-width: 0;--clio-menu-shadow: inset 1px 1px 0 #ffffff,inset -1px -1px 0 #999999,1px 1px 0 #222222;--clio-menu-item-height: 16px;--clio-menu-item-padding: 0 10px 0 21px;--clio-menu-item-weight: 600;--clio-menu-item-active-bg: #333399;--clio-menu-item-active-fg: #ffffff;--clio-menu-item-active-shadow: inset 1px 0 0 #6666cc,inset -1px 0 0 #000088;--clio-menu-separator: linear-gradient(#888888,#888888) 0 3px / 100% 1px no-repeat,linear-gradient(#ffffff,#ffffff) 0 4px / 100% 1px no-repeat;--clio-menu-separator-height: 8px;--clio-button-bg: #dddddd;--clio-button-fg: #000000;--clio-button-border: 1px solid #000000;--clio-button-radius: 3px;--clio-button-shadow: inset 1px 1px 0 #dddddd,inset 2px 2px 0 #ffffff,inset -1px -1px 0 #777777,inset -2px -2px 0 #aaaaaa;--clio-button-padding: 0 10px;--clio-button-min-width: 58px;--clio-button-weight: 700;--clio-button-active-bg: #666666;--clio-button-active-fg: #ffffff;--clio-button-active-shadow: inset 1px 1px 0 #444444,inset 2px 2px 0 #555555,inset -1px -1px 0 #888888,inset -2px -2px 0 #777777;--clio-button-disabled-fg: #777777;--clio-button-disabled-border: 1px solid #888888;--clio-check-size: 12px;--clio-check-bg: #dddddd;--clio-check-border: 1px solid #000000;--clio-check-shadow: inset -1px -1px 0 #888888,inset 1px 1px 0 #ffffff;--clio-check-mark: var(--clio-art-p-check) center / 9px 8px no-repeat;--clio-check-mark-origin: padding-box;--clio-check-pressed-border-width: 1px;--clio-field-bg: #ffffff;--clio-field-border: 1px solid #000000;--clio-field-shadow: -1px -1px 0 #888888,1px 1px 0 #ffffff;--clio-field-padding: 2px 3px;--clio-field-focus-shadow: -1px -1px 0 #888888,1px 1px 0 #ffffff;--clio-popup-bg: #dddddd;--clio-popup-border: 1px solid #000000;--clio-popup-radius: 3px;--clio-popup-shadow: inset 1px 1px #ffffff,inset -1px -1px #aaaaaa;--clio-popup-padding: 0 28px 0 7px;--clio-popup-weight: 700;--clio-popup-arrow: var(--clio-art-p-dropdown) right 6px center / 7px 10px no-repeat,linear-gradient(#ffffff,#ffffff) right 18px top 1px / 1px calc(100% - 2px) no-repeat,linear-gradient(#aaaaaa,#aaaaaa) right 19px top 0 / 1px 100% no-repeat;--clio-scrollbar-size: 16px;--clio-scrollbar-track: #aaaaaa;--clio-scrollbar-track-shadow: inset 1px 1px #777777,inset 2px 2px #888888,inset -1px -1px #cccccc,inset -2px -2px #bbbbbb;--clio-scrollbar-thumb-bg: var(--clio-art-p-grip-v) center / 8px 8px no-repeat,#9999ff;--clio-scrollbar-thumb-bg-horizontal: var(--clio-art-p-grip-h) center / 8px 8px no-repeat,#9999ff;--clio-scrollbar-thumb-border: 1px solid #000000;--clio-scrollbar-thumb-shadow: inset 1px 1px #ccccff,inset -1px -1px #6666cc;--clio-scrollbar-button-bg: #dddddd;--clio-scrollbar-button-shadow: inset 1px 1px #ffffff,inset -1px -1px #bbbbbb;--clio-scrollbar-up: var(--clio-art-p-up);--clio-scrollbar-up-on: var(--clio-art-p-up);--clio-scrollbar-down: var(--clio-art-p-down);--clio-scrollbar-down-on: var(--clio-art-p-down);--clio-scrollbar-left: var(--clio-art-p-left);--clio-scrollbar-left-on: var(--clio-art-p-left);--clio-scrollbar-right: var(--clio-art-p-right);--clio-scrollbar-right-on: var(--clio-art-p-right);--clio-scrollbar-thumb-color: #9999ff;--clio-scrollbar-track-color: #aaaaaa;--clio-dialog-bg: #dddddd;--clio-modal-border: 1px solid #000000;--clio-modal-frame: inset 1px 1px 0 #dddddd,inset 2px 2px 0 #ffffff,inset 3px 3px 0 #ffffff,inset -1px -1px 0 #555555,inset -2px -2px 0 #999999,inset -3px -3px 0 #aaaaaa,1px 1px 0 #000000;--clio-modal-padding: 16px 18px;--clio-plain-dialog-border: 1px solid #000000;--clio-plain-dialog-shadow: inset 1px 1px 0 #ffffff,inset -1px -1px 0 #999999,1px 1px 0 #000000;--clio-details-bg: #dddddd;--clio-details-border: 1px solid #000000;--clio-details-shadow: inset 0 1px 0 #ffffff,inset 0 -1px 0 #aaaaaa;--clio-list-bg: #ffffff;--clio-list-border: 1px solid #000000;--clio-list-shadow: -1px -1px 0 #888888,1px 1px 0 #ffffff;--clio-list-row: 16px;--clio-group-border: 1px solid #888888;--clio-group-shadow: inset 1px 1px 0 #ffffff,1px 1px 0 #ffffff;--clio-progress-height: 12px;--clio-progress-bg: #bbbbbb;--clio-progress-border: 1px solid #000000;--clio-progress-shadow: 1px 1px #ffffff,-1px -1px #aaaaaa,inset 1px 1px #888888,inset -1px -1px #dddddd;--clio-progress-fill: linear-gradient(to bottom,#333399 0 1px,#6666cc 1px 2px,#9999ff 2px 3px,#ccccff 3px 4px,#eeeeee 4px 5px,#ccccff 5px 6px,#9999ff 6px 7px,#6666cc 7px 8px,#333399 8px 9px,#000055 9px 10px);--clio-tab-height: 23px;--clio-tab-panel-bg: #eeeeee;--clio-tab-panel-border: 1px solid #000000;--clio-label-bg: rgba(255,255,255,0.7);--clio-label-fg: #000000;--clio-label-selected-bg: #000000;--clio-label-selected-fg: #ffffff;--clio-icon-selected-filter: brightness(0.5);--clio-art-p-dropdown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v1H3zM2 1h3v1H2zM1 2h5v1H1zM0 3h7v1H0zM0 6h7v1H0zM1 7h5v1H1zM2 8h3v1H2zM3 9h1v1H3z'/%3E%3C/svg%3E");--clio-art-p-dropdown-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23888' d='M3 0h1v1H3zM2 1h3v1H2zM1 2h5v1H1zM0 3h7v1H0zM0 6h7v1H0zM1 7h5v1H1zM2 8h3v1H2zM3 9h1v1H3z'/%3E%3C/svg%3E");--clio-art-p-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8'%3E%3Cpath d='M0 5.5 2.5 8 9 1.5V0h-.5L3 5 1 3 .5 4.25Z' fill-rule='evenodd' shape-rendering='crispEdges'/%3E%3C/svg%3E");--clio-art-p-submenu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11'%3E%3Cpath d='m0 0 6 5.5L0 11Z'/%3E%3C/svg%3E");--clio-art-p-submenu-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11'%3E%3Cpath fill='%23fff' d='m0 0 6 5.5L0 11Z'/%3E%3C/svg%3E");--clio-art-p-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 5h2v1h-2zM4 6h4v1h-4zM3 7h6v1h-6zM2 8h8v1h-8z'/%3E%3C/svg%3E");--clio-art-p-up-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23888' d='M5 5h2v1h-2zM4 6h4v1h-4zM3 7h6v1h-6zM2 8h8v1h-8z'/%3E%3C/svg%3E");--clio-art-p-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M2 5h8v1h-8zM3 6h6v1h-6zM4 7h4v1h-4zM5 8h2v1h-2z'/%3E%3C/svg%3E");--clio-art-p-down-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23888' d='M2 5h8v1h-8zM3 6h6v1h-6zM4 7h4v1h-4zM5 8h2v1h-2z'/%3E%3C/svg%3E");--clio-art-p-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 5h1v2h-1zM6 4h1v4h-1zM7 3h1v6h-1zM8 2h1v8h-1z'/%3E%3C/svg%3E");--clio-art-p-left-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23888' d='M5 5h1v2h-1zM6 4h1v4h-1zM7 3h1v6h-1zM8 2h1v8h-1z'/%3E%3C/svg%3E");--clio-art-p-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 2h1v8h-1zM6 3h1v6h-1zM7 4h1v4h-1zM8 5h1v2h-1z'/%3E%3C/svg%3E");--clio-art-p-right-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23888' d='M5 2h1v8h-1zM6 3h1v6h-1zM7 4h1v4h-1zM8 5h1v2h-1z'/%3E%3C/svg%3E");--clio-art-p-grip-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23eee' d='M0 0h1v1H0zM0 2h1v1H0zM0 4h1v1H0zM0 6h1v1H0z'/%3E%3Cpath fill='%23ccf' d='M1 0h6v1H1zM1 2h6v1H1zM1 4h6v1H1zM1 6h6v1H1z'/%3E%3Cpath fill='%23339' d='M1 1h7v1H1zM1 3h7v1H1zM1 5h7v1H1zM1 7h7v1H1z'/%3E%3C/svg%3E");--clio-art-p-grip-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23eee' d='M0 0h1v1H0zM2 0h1v1H2zM4 0h1v1H4zM6 0h1v1H6z'/%3E%3Cpath fill='%23ccf' d='M0 1h1v6H0zM2 1h1v6H2zM4 1h1v6H4zM6 1h1v6H6z'/%3E%3Cpath fill='%23339' d='M1 1h1v7H1zM3 1h1v7H3zM5 1h1v7H5zM7 1h1v7H7z'/%3E%3C/svg%3E");--clio-art-p-tab-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23222' d='M11 1h1v1h-1zM9 2h1v1h-1zM8 3h1v1h-1zM7 4h1v1h-1zM25 4h1v1h-1zM6 6h1v1h-1zM26 6h1v1h-1zM5 9h1v1h-1zM27 9h1v1h-1zM4 12h1v1h-1zM28 12h1v1h-1zM3 15h1v1h-1zM29 15h1v1h-1zM2 18h1v1h-1zM30 18h1v1h-1zM1 21h1v1h-1z'/%3E%3Cpath fill='%23000' d='M12 1h10v1h-10zM10 2h1v1h-1zM22 2h2v1h-2zM24 3h1v1h-1zM7 5h1v1h-1zM25 5h1v1h-1zM6 7h1v1h-1zM26 7h1v1h-1zM6 8h1v1h-1zM26 8h1v1h-1zM5 10h1v1h-1zM27 10h1v1h-1zM5 11h1v1h-1zM27 11h1v1h-1zM4 13h1v1h-1zM28 13h1v1h-1zM4 14h1v1h-1zM28 14h1v1h-1zM3 16h1v1h-1zM29 16h1v1h-1zM3 17h1v1h-1zM29 17h1v1h-1zM2 19h1v1h-1zM30 19h1v1h-1zM2 20h1v1h-1zM30 20h1v1h-1zM0 21h1v1h-1zM31 21h2v1h-2zM0 22h2v1h-2zM31 22h2v1h-2z'/%3E%3Cpath fill='%23bbb' d='M11 2h1v1h-1zM21 2h1v1h-1zM9 3h1v1h-1zM8 4h1v1h-1zM23 4h1v1h-1zM7 6h1v1h-1zM24 6h1v1h-1zM6 9h1v1h-1zM25 9h1v1h-1zM5 12h1v1h-1zM26 12h1v1h-1zM4 15h1v1h-1zM27 15h1v1h-1zM3 18h1v1h-1zM28 18h1v1h-1zM2 21h1v1h-1zM29 21h1v1h-1zM30 22h1v1h-1z'/%3E%3Cpath fill='%23ccc' d='M12 2h9v1h-9zM10 3h1v1h-1zM8 5h1v1h-1zM7 7h1v1h-1zM7 8h1v1h-1zM6 10h1v1h-1zM6 11h1v1h-1zM5 13h1v1h-1zM5 14h1v1h-1zM4 16h1v1h-1zM4 17h1v1h-1zM3 19h1v1h-1zM3 20h1v1h-1zM2 22h1v1h-1zM0 23h3v1h-3zM30 23h3v1h-3z'/%3E%3Cpath fill='%23fff' d='M11 3h11v1h-11zM9 4h2v1h-2zM9 5h1v1h-1zM8 6h1v1h-1zM8 7h1v1h-1zM8 8h1v1h-1zM7 9h1v1h-1zM7 10h1v1h-1zM7 11h1v1h-1zM6 12h1v1h-1zM6 13h1v1h-1zM6 14h1v1h-1zM5 15h1v1h-1zM5 16h1v1h-1zM5 17h1v1h-1zM4 18h1v1h-1zM4 19h1v1h-1zM4 20h1v1h-1zM3 21h1v1h-1zM3 22h1v1h-1z'/%3E%3Cpath fill='%23ddd' d='M22 3h1v1h-1zM23 5h1v1h-1zM24 7h1v1h-1zM24 8h1v1h-1zM25 10h1v1h-1zM25 11h1v1h-1zM26 13h1v1h-1zM26 14h1v1h-1zM27 16h1v1h-1zM27 17h1v1h-1zM28 19h1v1h-1zM28 20h1v1h-1zM29 22h1v1h-1z'/%3E%3Cpath fill='%23888' d='M23 3h1v1h-1zM24 5h1v1h-1zM25 7h1v1h-1zM25 8h1v1h-1zM26 10h1v1h-1zM26 11h1v1h-1zM27 13h1v1h-1zM27 14h1v1h-1zM28 16h1v1h-1zM28 17h1v1h-1zM29 19h1v1h-1zM29 20h1v1h-1z'/%3E%3Cpath fill='%23eee' d='M11 4h12v1h-12zM10 5h13v1h-13zM9 6h15v1h-15zM9 7h15v1h-15zM9 8h15v1h-15zM8 9h17v1h-17zM8 10h17v1h-17zM8 11h17v1h-17zM7 12h19v1h-19zM7 13h19v1h-19zM7 14h19v1h-19zM6 15h21v1h-21zM6 16h21v1h-21zM6 17h21v1h-21zM5 18h23v1h-23zM5 19h23v1h-23zM5 20h23v1h-23zM4 21h25v1h-25zM4 22h25v1h-25zM3 23h27v1h-27z'/%3E%3Cpath fill='%23444' d='M24 4h1v1h-1zM25 6h1v1h-1zM26 9h1v1h-1zM27 12h1v1h-1zM28 15h1v1h-1zM29 18h1v1h-1zM30 21h1v1h-1z'/%3E%3C/svg%3E");--clio-art-p-tab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23222' d='M11 3h1v1h-1zM9 4h1v1h-1zM8 5h1v1h-1zM7 6h1v1h-1zM25 6h1v1h-1zM6 8h1v1h-1zM26 8h1v1h-1zM5 11h1v1h-1zM27 11h1v1h-1zM4 14h1v1h-1zM28 14h1v1h-1zM3 17h1v1h-1zM29 17h1v1h-1zM2 20h1v1h-1zM30 20h1v1h-1z'/%3E%3Cpath fill='%23000' d='M12 3h10v1h-10zM10 4h1v1h-1zM22 4h2v1h-2zM24 5h1v1h-1zM7 7h1v1h-1zM25 7h1v1h-1zM6 9h1v1h-1zM26 9h1v1h-1zM6 10h1v1h-1zM26 10h1v1h-1zM5 12h1v1h-1zM27 12h1v1h-1zM5 13h1v1h-1zM27 13h1v1h-1zM4 15h1v1h-1zM28 15h1v1h-1zM4 16h1v1h-1zM28 16h1v1h-1zM3 18h1v1h-1zM29 18h1v1h-1zM3 19h1v1h-1zM29 19h1v1h-1zM2 21h1v1h-1zM30 21h1v1h-1zM2 22h1v1h-1zM30 22h1v1h-1zM0 23h33v1h-33z'/%3E%3Cpath fill='%23bbb' d='M11 4h1v1h-1zM21 4h1v1h-1zM9 5h1v1h-1zM8 6h1v1h-1zM23 6h1v1h-1zM7 8h1v1h-1zM24 8h1v1h-1zM6 11h1v1h-1zM25 11h1v1h-1zM5 14h1v1h-1zM26 14h1v1h-1zM4 17h1v1h-1zM27 17h1v1h-1zM3 20h1v1h-1zM28 20h1v1h-1z'/%3E%3Cpath fill='%23ccc' d='M12 4h9v1h-9zM10 5h1v1h-1zM11 6h12v1h-12zM8 7h1v1h-1zM10 7h13v1h-13zM9 8h15v1h-15zM7 9h1v1h-1zM9 9h15v1h-15zM7 10h1v1h-1zM9 10h15v1h-15zM8 11h17v1h-17zM6 12h1v1h-1zM8 12h17v1h-17zM6 13h1v1h-1zM8 13h17v1h-17zM7 14h19v1h-19zM5 15h1v1h-1zM7 15h19v1h-19zM5 16h1v1h-1zM7 16h19v1h-19zM6 17h21v1h-21zM4 18h1v1h-1zM6 18h21v1h-21zM4 19h1v1h-1zM6 19h21v1h-21zM5 20h23v1h-23zM3 21h1v1h-1zM5 21h23v1h-23zM3 22h1v1h-1zM5 22h23v1h-23z'/%3E%3Cpath fill='%23ddd' d='M11 5h12v1h-12zM9 6h2v1h-2zM9 7h1v1h-1zM23 7h1v1h-1zM8 8h1v1h-1zM8 9h1v1h-1zM24 9h1v1h-1zM8 10h1v1h-1zM24 10h1v1h-1zM7 11h1v1h-1zM7 12h1v1h-1zM25 12h1v1h-1zM7 13h1v1h-1zM25 13h1v1h-1zM6 14h1v1h-1zM6 15h1v1h-1zM26 15h1v1h-1zM6 16h1v1h-1zM26 16h1v1h-1zM5 17h1v1h-1zM5 18h1v1h-1zM27 18h1v1h-1zM5 19h1v1h-1zM27 19h1v1h-1zM4 20h1v1h-1zM4 21h1v1h-1zM28 21h1v1h-1zM4 22h1v1h-1zM28 22h1v1h-1z'/%3E%3Cpath fill='%23888' d='M23 5h1v1h-1zM24 7h1v1h-1zM25 9h1v1h-1zM25 10h1v1h-1zM26 12h1v1h-1zM26 13h1v1h-1zM27 15h1v1h-1zM27 16h1v1h-1zM28 18h1v1h-1zM28 19h1v1h-1zM29 21h1v1h-1zM29 22h1v1h-1z'/%3E%3Cpath fill='%23444' d='M24 6h1v1h-1zM25 8h1v1h-1zM26 11h1v1h-1zM27 14h1v1h-1zM28 17h1v1h-1zM29 20h1v1h-1z'/%3E%3C/svg%3E");--clio-art-p-tab-pressed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23222' d='M11 3h1v1h-1zM9 4h1v1h-1zM8 5h1v1h-1zM7 6h1v1h-1zM25 6h1v1h-1zM6 8h1v1h-1zM26 8h1v1h-1zM5 11h1v1h-1zM27 11h1v1h-1zM4 14h1v1h-1zM28 14h1v1h-1zM3 17h1v1h-1zM29 17h1v1h-1zM2 20h1v1h-1zM30 20h1v1h-1z'/%3E%3Cpath fill='%23000' d='M12 3h10v1h-10zM10 4h1v1h-1zM22 4h2v1h-2zM24 5h1v1h-1zM7 7h1v1h-1zM25 7h1v1h-1zM6 9h1v1h-1zM26 9h1v1h-1zM6 10h1v1h-1zM26 10h1v1h-1zM5 12h1v1h-1zM27 12h1v1h-1zM5 13h1v1h-1zM27 13h1v1h-1zM4 15h1v1h-1zM28 15h1v1h-1zM4 16h1v1h-1zM28 16h1v1h-1zM3 18h1v1h-1zM29 18h1v1h-1zM3 19h1v1h-1zM29 19h1v1h-1zM2 21h1v1h-1zM30 21h1v1h-1zM2 22h1v1h-1zM30 22h1v1h-1zM0 23h33v1h-33z'/%3E%3Cpath fill='%23bbb' d='M11 4h1v1h-1zM21 4h1v1h-1zM9 5h1v1h-1zM8 6h1v1h-1zM23 6h1v1h-1zM7 8h1v1h-1zM24 8h1v1h-1zM6 11h1v1h-1zM25 11h1v1h-1zM5 14h1v1h-1zM26 14h1v1h-1zM4 17h1v1h-1zM27 17h1v1h-1zM3 20h1v1h-1zM28 20h1v1h-1z'/%3E%3Cpath fill='%23ccc' d='M12 4h9v1h-9zM10 5h1v1h-1zM8 7h1v1h-1zM7 9h1v1h-1zM7 10h1v1h-1zM6 12h1v1h-1zM6 13h1v1h-1zM5 15h1v1h-1zM5 16h1v1h-1zM4 18h1v1h-1zM4 19h1v1h-1zM3 21h1v1h-1zM3 22h1v1h-1z'/%3E%3Cpath fill='%23888' d='M11 5h11v1h-11zM23 5h1v1h-1zM9 6h2v1h-2zM9 7h1v1h-1zM24 7h1v1h-1zM8 8h1v1h-1zM8 9h1v1h-1zM25 9h1v1h-1zM8 10h1v1h-1zM25 10h1v1h-1zM7 11h1v1h-1zM7 12h1v1h-1zM26 12h1v1h-1zM7 13h1v1h-1zM26 13h1v1h-1zM6 14h1v1h-1zM6 15h1v1h-1zM27 15h1v1h-1zM6 16h1v1h-1zM27 16h1v1h-1zM5 17h1v1h-1zM5 18h1v1h-1zM28 18h1v1h-1zM5 19h1v1h-1zM28 19h1v1h-1zM4 20h1v1h-1zM4 21h1v1h-1zM29 21h1v1h-1zM4 22h1v1h-1zM29 22h1v1h-1z'/%3E%3Cpath fill='%23ddd' d='M22 5h1v1h-1zM23 7h1v1h-1zM24 9h1v1h-1zM24 10h1v1h-1zM25 12h1v1h-1zM25 13h1v1h-1zM26 15h1v1h-1zM26 16h1v1h-1zM27 18h1v1h-1zM27 19h1v1h-1zM28 21h1v1h-1zM28 22h1v1h-1z'/%3E%3Cpath fill='%23666' d='M11 6h12v1h-12zM10 7h13v1h-13zM9 8h15v1h-15zM9 9h15v1h-15zM9 10h15v1h-15zM8 11h17v1h-17zM8 12h17v1h-17zM8 13h17v1h-17zM7 14h19v1h-19zM7 15h19v1h-19zM7 16h19v1h-19zM6 17h21v1h-21zM6 18h21v1h-21zM6 19h21v1h-21zM5 20h23v1h-23zM5 21h23v1h-23zM5 22h23v1h-23z'/%3E%3Cpath fill='%23444' d='M24 6h1v1h-1zM25 8h1v1h-1zM26 11h1v1h-1zM27 14h1v1h-1zM28 17h1v1h-1zM29 20h1v1h-1z'/%3E%3C/svg%3E");color: #000000}:root .window:not(.inactive){background: linear-gradient(#999999,#999999) 3px 19px / 1px calc(100% - 22px) no-repeat,linear-gradient(#ffffff,#ffffff) right 3px top 20px / 1px calc(100% - 23px) no-repeat,linear-gradient(#ffffff,#ffffff) left 3px bottom 3px / calc(100% - 6px) 1px no-repeat,var(--clio-window-bg)}:root .window-pane{border: 1px solid #000000;background: var(--clio-pane-bg)}:root .window > .title-bar + .window-pane,:root .window > .details-bar + .window-pane{border-top: 0}:root .window > .details-bar{border-left: 1px solid #000000;border-right: 1px solid #000000}:root .title-bar{background: linear-gradient(#cccccc,#cccccc) left top / var(--clio-tb-close) 17px no-repeat,linear-gradient(#cccccc,#cccccc) right top / calc(var(--clio-tb-zoom) + var(--clio-tb-shade) + 1px) 17px no-repeat,linear-gradient(to bottom,#cccccc 0 1px,transparent 1px 13px,#cccccc 13px 17px,#999999 17px 18px),repeating-linear-gradient(to bottom,#ffffff 0 1px,#777777 1px 2px) 0 1px / 100% 2px repeat-y,#cccccc}:root .window.inactive > .title-bar,:root .inactive-title-bar{background: var(--clio-titlebar-inactive-bg)}:root .title-bar > :is(.title,h1,h2,h3){transform: translate(-1px,-1px)}:root .title-bar > :is(button,.close,.close-box,.resize,.resize-box,.zoom,.shade,.shade-box,.collapse){margin-top: 1px;border-color: #222222;background: linear-gradient(to bottom right,#999999,#ffffff);box-shadow: -1px -1px 0 #888888,-1px 0 0 #888888,0 -1px 0 #888888,1px 1px 0 #ffffff,1px 0 0 #ffffff,0 1px 0 #ffffff,inset 1px 1px 0 #cccccc,inset -1px -1px 0 #888888}:root .title-bar > :is(button,.close,.close-box,.resize,.resize-box,.zoom,.shade,.shade-box,.collapse):is(:active,.active){background: linear-gradient(to bottom right,#444444,#bbbbbb);box-shadow: -1px -1px 0 #888888,1px 1px 0 #ffffff,inset -1px -1px 0 #999999}:root .title-bar > :is(.close,.close-box)::before{display: none}:root .title-bar > :is(.resize,.resize-box,.zoom)::before{top: 0;left: 0;width: 6px;height: 6px;border: 0;background: linear-gradient(#222222,#222222) right top / 1px 6px no-repeat,linear-gradient(#222222,#222222) left bottom / 6px 1px no-repeat;opacity: 1}:root .title-bar > :is(.shade,.shade-box,.collapse)::before{content: "";position: absolute;top: 3px;left: 0;width: 9px;height: 3px;background: linear-gradient(#222222,#222222) left top / 9px 1px no-repeat,linear-gradient(#222222,#222222) left bottom / 9px 1px no-repeat}:root .window.inactive{--clio-button-shadow: 0 0 0 0 transparent;--clio-field-shadow: none;--clio-check-shadow: none;border-color: #555555;background: #dddddd;box-shadow: 1px 1px 0 #555555,inset 1px 1px 0 #eeeeee,inset -1px -1px 0 #999999;color: #555555}:root .window.inactive > .title-bar,:root .inactive-title-bar{border-bottom-color: #555555;--clio-title-bg: #dddddd}:root .window.inactive > .title-bar > :is(.title,h1,h2,h3),:root .inactive-title-bar > :is(.title,h1,h2,h3){background: #dddddd}:root :is(.default,.btn-default){position: relative;box-shadow: var(--clio-button-shadow)}:root :is(.default,.btn-default):not(:disabled,.disabled):is(:active,.active){box-shadow: var(--clio-button-active-shadow)}:root :is(.default,.btn-default)::before{content: "";position: absolute;inset: -3px;border-radius: 3px;box-shadow: 0 0 0 1px #000000,inset 1px 1px 0 #dddddd,inset -1px -1px 0 #777777,inset 0 0 0 2px #aaaaaa;pointer-events: none}:root :is(.default,.btn-default):is(:disabled,.disabled)::before{box-shadow: 0 0 0 1px #888888}:root :is(button,.btn,.btn-default,input[type="button"],input[type="submit"],input[type="reset"]):not(.icon,[role="tab"],[role="menuitem"],.title-bar > *):is(:disabled,.disabled){background: #dddddd;box-shadow: none}:root input[type="radio"]{border: 1px solid #000000;border-radius: 50%;background: linear-gradient(to bottom right,#ffffff,#888888);box-shadow: inset 1px 1px 0 #dddddd,inset -1px -1px 0 #888888}:root input[type="radio"]:checked{background: radial-gradient(circle,#000000 0 2.5px,transparent 3px),linear-gradient(to bottom right,#555555,#ffffff)}:root input[type="radio"]:not(:disabled):active{background: linear-gradient(to bottom right,#444444,#bbbbbb)}:root input[type="radio"]:checked:not(:disabled):active{background: radial-gradient(circle,#000000 0 2.5px,transparent 3px),linear-gradient(to bottom right,#444444,#bbbbbb)}:root input[type="checkbox"]:not(:disabled):active{background-color: #777777;box-shadow: inset 1px 1px 0 #555555,inset -1px -1px 0 #999999}:root :is(input[type="checkbox"],input[type="radio"]):disabled{border-color: #888888;opacity: 0.6}:root :is(.menu-bar,[role="menubar"],[role="menu-bar"]) > li > :is(button,a,span){font-weight: 700}:root :is(.menu,[role="menu"]) > li:is(.checked,[aria-checked="true"])::before,:root :is(.menu,[role="menu"]) > li > :is([aria-checked="true"],.checked)::before{left: 7px;width: 9px;height: 8px;margin-top: -4px;background: var(--clio-art-p-check) 0 0 / 9px 8px no-repeat}:root :is(.menu,[role="menu"]) > li:is(.checked,[aria-checked="true"]):is(:hover,:focus-within,.active)::before,:root :is(.menu,[role="menu"]) > li > :is([aria-checked="true"],.checked):is(:hover,:focus-visible,.active)::before{filter: invert(1)}:root :is(.menu,[role="menu"]) > li:has(> :is(.menu,ul[role="menu"]))::after,:root :is(.menu,[role="menu"]) > li > [aria-haspopup="true"]::after{background-image: var(--clio-art-p-submenu)}:root :is(.menu,[role="menu"]) > li:has(> :is(.menu,ul[role="menu"])):is(:hover,:focus-within,.active)::after{background-image: var(--clio-art-p-submenu-on)}:root :is(.menu,[role="menu"]) > li.divider{border-bottom: 0;box-shadow: inset 0 -2px 0 #dddddd,inset 0 -3px 0 #ffffff,inset 0 -4px 0 #888888}:root :is([role="tablist"],.tabs){gap: 0;padding: 0 4px}:root :is([role="tablist"],.tabs) > :is([role="tab"],li,button){min-width: 48px;height: 24px;min-height: 0;margin: 0 -3px -1px 0;padding: 3px 0 0;border-style: solid;border-width: 0 16px;border-color: transparent;border-radius: 0;border-image: var(--clio-art-p-tab) 0 16 fill / 0 16px stretch;background: transparent;box-shadow: none;font-weight: 700;line-height: 18px}:root :is([role="tablist"],.tabs) > :is([role="tab"],li,button):not(:disabled):active{border-image-source: var(--clio-art-p-tab-pressed);background: transparent;color: #ffffff}:root :is([role="tablist"],.tabs) > :is([role="tab"],li,button):is([aria-selected="true"],.active){z-index: 1;padding-top: 0;border-image-source: var(--clio-art-p-tab-selected);background: transparent;color: #000000}:root :is([role="tabpanel"],.tab-panel){border-top: 0;box-shadow: inset 1px 0 0 #ffffff,inset -1px -1px 0 #888888}:root :is(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button,:root:is(html.clio-scrollbars)::-webkit-scrollbar-button{background-position: 1px 1px;background-size: 14px 14px}:root :is(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)::-webkit-scrollbar-button:active,:root:is(html.clio-scrollbars)::-webkit-scrollbar-button:active{background-color: #666666;box-shadow: inset 1px 1px #444444,inset -1px -1px #888888}:root :is(fieldset) > legend{background: var(--clio-pane-bg)}@media (pointer: coarse){:root,[data-era]{--clio-control-height: 36px;--clio-field-height: 40px;--clio-menubar-height: 32px;--clio-menu-item-height: 32px;--clio-list-row: 32px;--clio-tab-height: 32px}.title-bar > :is(button,.close,.close-box,.resize,.resize-box,.zoom,.shade,.shade-box,.collapse)::after{content: "";position: absolute;inset: -17px}}@media (forced-colors: active){:where(input[type="checkbox"],input[type="radio"]){appearance: auto;-webkit-appearance: auto}.title-bar,.inactive-title-bar{forced-color-adjust: none}}@media print{:where(.window,.modal-dialog,.alert-box,.standard-dialog){box-shadow: none}}