clio.css 0.9.1 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +10 -6
- package/EVIDENCE.md +130 -9
- package/README.md +96 -3
- package/THIRD-PARTY.md +37 -3
- package/dist/art/cursors/arrow-2x.png +0 -0
- package/dist/art/cursors/arrow-3x.png +0 -0
- package/dist/art/cursors/arrow.png +0 -0
- package/dist/art/cursors/ibeam-2x.png +0 -0
- package/dist/art/cursors/ibeam-3x.png +0 -0
- package/dist/art/cursors/ibeam.png +0 -0
- package/dist/art/cursors/watch-2x.png +0 -0
- package/dist/art/cursors/watch-3x.png +0 -0
- package/dist/art/cursors/watch.png +0 -0
- package/dist/art/drawingboard/help-button.png +0 -0
- package/dist/art/drawingboard/parts/chasing-arrows.png +0 -0
- package/dist/art/drawingboard/parts/disclosure-open.png +0 -0
- package/dist/art/drawingboard/parts/disclosure.png +0 -0
- package/dist/art/drawingboard/parts/hpair-dec-on.png +0 -0
- package/dist/art/drawingboard/parts/hpair-inc-on.png +0 -0
- package/dist/art/drawingboard/parts/hpair-off.png +0 -0
- package/dist/art/drawingboard/parts/hpair.png +0 -0
- package/dist/art/drawingboard/parts/little-arrows-disabled.png +0 -0
- package/dist/art/drawingboard/parts/little-arrows-down.png +0 -0
- package/dist/art/drawingboard/parts/little-arrows-up.png +0 -0
- package/dist/art/drawingboard/parts/little-arrows.png +0 -0
- package/dist/art/drawingboard/parts/menu-scroll-down.png +0 -0
- package/dist/art/drawingboard/parts/menu-scroll-up.png +0 -0
- package/dist/art/drawingboard/parts/slider-thumb.png +0 -0
- package/dist/art/drawingboard/parts/vpair-dec-on.png +0 -0
- package/dist/art/drawingboard/parts/vpair-inc-on.png +0 -0
- package/dist/art/drawingboard/parts/vpair-off.png +0 -0
- package/dist/art/drawingboard/parts/vpair.png +0 -0
- package/dist/art/drawingboard/slider-track.png +0 -0
- package/dist/art/drawingboard/window-bottom-inactive-tiled.svg +1 -0
- package/dist/art/drawingboard/window-bottom-tiled.svg +1 -0
- package/dist/art/drawingboard/window-top-inactive-tiled.svg +1 -0
- package/dist/art/drawingboard/window-top-tiled.svg +1 -0
- package/dist/art/platinum/balloon-tail.png +0 -0
- package/dist/art/platinum/balloon.png +0 -0
- package/dist/art/platinum/bevel-held.png +0 -0
- package/dist/art/platinum/bevel-menu-arrow.png +0 -0
- package/dist/art/platinum/bevel.png +0 -0
- package/dist/art/platinum/chasing-arrows.png +0 -0
- package/dist/art/platinum/disclosure-open.png +0 -0
- package/dist/art/platinum/disclosure.png +0 -0
- package/dist/art/platinum/help-button.png +0 -0
- package/dist/art/platinum/little-arrows-disabled.png +0 -0
- package/dist/art/platinum/little-arrows.png +0 -0
- package/dist/art/platinum/slider-thumb.png +0 -0
- package/dist/art/platinum/slider-track.png +0 -0
- package/dist/art/platinum/sort-direction.png +0 -0
- package/dist/art/platinum/utility-close.png +0 -0
- package/dist/art/platinum/utility-collapse-side.png +0 -0
- package/dist/art/platinum/utility-collapse.png +0 -0
- package/dist/art/platinum/utility-dots.png +0 -0
- package/dist/art/platinum/utility-zoom.png +0 -0
- package/dist/art/system7/disclosure-open.png +0 -0
- package/dist/art/system7/disclosure.png +0 -0
- package/dist/art/system7/little-arrows.png +0 -0
- package/dist/art/system7/menu-scroll-down.png +0 -0
- package/dist/art/system7/menu-scroll-up.png +0 -0
- package/dist/clio.css +3632 -1044
- package/dist/clio.drawingboard.css +2650 -324
- package/dist/clio.drawingboard.min.css +2 -2
- package/dist/clio.js +1024 -0
- package/dist/clio.min.css +2 -2
- package/dist/clio.min.js +13 -0
- package/dist/clio.platinum.css +3096 -856
- package/dist/clio.platinum.min.css +2 -2
- package/dist/clio.system6.css +1640 -174
- package/dist/clio.system6.min.css +2 -2
- package/dist/clio.system7.css +1685 -181
- package/dist/clio.system7.min.css +2 -2
- package/dist/components.json +1102 -21
- package/dist/fonts/ClioSans97Plain.woff2 +0 -0
- package/dist/fonts/ClioSans97PlainExact.woff2 +0 -0
- package/dist/fonts/ClioSans97TitlePlain.woff2 +0 -0
- package/dist/fonts/ClioSans97TitlePlainExact.woff2 +0 -0
- package/dist/fonts/FusionPixel12-JA.woff2 +0 -0
- package/dist/fonts/FusionPixel12-KO.woff2 +0 -0
- package/dist/fonts/FusionPixel12-SC.woff2 +0 -0
- package/dist/fonts/FusionPixel12-TC.woff2 +0 -0
- package/dist/fonts/OFL-FusionPixel.txt +399 -0
- package/dist/fonts/Virtue.woff2 +0 -0
- package/llms.txt +14 -1
- package/package.json +6 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! clio.css 0.
|
|
2
|
-
@font-face{font-family: "Clio Sans '84";src: url("fonts/ClioSans84.woff2") format("woff2");font-display: swap}@font-face{font-family: "Clio Text '84";src: url("fonts/ClioText84.woff2") format("woff2");font-display: swap}@font-face{font-family: "Clio Text '84 9";src: url("fonts/ClioText84-9.woff2") format("woff2");font-display: swap}@font-face{font-family: "Clio Sans '97";src: url("fonts/ClioSans97.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97Plain.woff2") format("woff2");font-weight: 100 900;font-display: swap}@font-face{font-family: "Clio Sans '97 Title";src: url("fonts/ClioSans97Title.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97TitlePlain.woff2") format("woff2");font-weight: 100 900;font-display: swap}@font-face{font-family: "Clio Sans '97 Exact";src: url("fonts/ClioSans97Exact.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97Plain.woff2") format("woff2");font-weight: 100 900;font-display: swap}@font-face{font-family: "Clio Sans '97 Title Exact";src: url("fonts/ClioSans97TitleExact.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97TitlePlain.woff2") format("woff2");font-weight: 100 900;font-display: swap}@font-palette-values --clio-aa-p9-title{font-family: "Clio Sans '97 Title Exact";override-colors: 0 #bebebe,1 #b0b0b0,2 #a2a2a2,3 #959595,4 #878787,5 #7a7a7a,6 #6c6c6c,7 #5f5f5f,8 #515151,9 #444444,10 #363636,11 #282828,12 #1b1b1b,13 #0d0d0d,14 #000000}@font-palette-values --clio-aa-p9-title-inactive{font-family: "Clio Sans '97 Title Exact";override-colors: 0 #c5c5c5,1 #bfbfbf,2 #bababa,3 #b4b4b4,4 #aeaeae,5 #a9a9a9,6 #a3a3a3,7 #9e9e9e,8 #989898,9 #929292,10 #8d8d8d,11 #878787,12 #818181,13 #7c7c7c,14 #777777}@font-palette-values --clio-aa-p9-button{font-family: "Clio Sans '97 Exact";override-colors: 0 #cecece,1 #bfbfbf,2 #b0b0b0,3 #a2a2a2,4 #939393,5 #848484,6 #757575,7 #676767,8 #585858,9 #494949,10 #3a3a3a,11 #2c2c2c,12 #1d1d1d,13 #0e0e0e,14 #000000}@font-palette-values --clio-aa-p9-button-held{font-family: "Clio Sans '97 Exact";override-colors: 0 #707070,1 #7a7a7a,2 #848484,3 #8e8e8e,4 #999999,5 #a3a3a3,6 #adadad,7 #b7b7b7,8 #c1c1c1,9 #cbcbcb,10 #d6d6d6,11 #e0e0e0,12 #eaeaea,13 #f4f4f4,14 #ffffff}@font-palette-values --clio-aa-p9-button-disabled{font-family: "Clio Sans '97 Exact";override-colors: 0 #d5d5d5,1 #cecece,2 #c7c7c7,3 #c1c1c1,4 #bababa,5 #b3b3b3,6 #acacac,7 #a5a5a5,8 #9f9f9f,9 #989898,10 #919191,11 #8a8a8a,12 #848484,13 #7d7d7d,14 #777777}@font-palette-values --clio-aa-db-button{font-family: "Clio Sans '97 Exact";override-colors: 0 #c3bcac,1 #b9b2a3,2 #aea89a,3 #a49e91,4 #999488,5 #8f8a80,6 #848077,7 #7a766e,8 #6f6c65,9 #65625d,10 #5a5854,11 #504e4b,12 #454442,13 #3b3a39,14 #313131}@font-palette-values --clio-aa-db-button-disabled{font-family: "Clio Sans '97 Exact";override-colors: 0 #cac2b2,1 #c6bfaf,2 #c3bcad,3 #c0b9ab,4 #bdb6a9,5 #bab3a7,6 #b7b0a4,7 #b4ada2,8 #b1aaa0,9 #ada89e,10 #aaa59c,11 #a7a299,12 #a49f97,13 #a19c95,14 #9c9c94}@font-face{font-family: "Clio Sans '97 Display";src: url("fonts/ClioSans97Display.woff2") format("woff2");font-weight: 100 900;font-display: swap}@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-disabled-dither: var(--clio-art-s6-gray50);--clio-disabled-fill: transparent;--clio-selection-bg: #000000;--clio-selection-fg: #ffffff;--clio-font-chrome: "Clio Sans '84",Chicago,"ChicagoFLF",Charcoal,Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-text: "Clio Text '84",Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-small: "Clio Text '84 9",Geneva,"Helvetica Neue",Arial,sans-serif;--clio-text-smoothing: none;--clio-font-mono: Monaco,Menlo,Consolas,"Courier New",monospace;--clio-font-display: Chicago,"ChicagoFLF",Charcoal,"Helvetica Neue",Arial,sans-serif;--clio-font-size: 12px;--clio-font-smoothing: none;--clio-font-size-small: 9px;--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: 1px;--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 9px;--clio-menu-title-inset: 1px;--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: 0;--clio-menu-shadow: 1px 1px 0 var(--clio-ink);--clio-menu-item-height: 16px;--clio-menu-item-padding: 0 12px 0 13px;--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 8px / 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: 0;--clio-button-frame: var(--clio-art-frame-s6-button);--clio-button-frame-held: var(--clio-art-frame-s6-button-held);--clio-button-frame-slice: 4;--clio-ring-frame: var(--clio-art-frame-s6-ring);--clio-ring-frame-slice: 7;--clio-popup-frame: none;--clio-popup-frame-slice: 3;--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: transparent;--clio-button-active-fg: var(--clio-paper);--clio-button-active-shadow: 0 0 0 0 transparent;--clio-button-default-gap: 1px;--clio-button-default-width: 3px;--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: 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-height: 18px;--clio-popup-padding: 0 8px;--clio-popup-arrow: none;--clio-popup-weight: 400;--clio-scrollbar-size: 15px;--clio-scrollbar-track: var(--clio-art-s6-ltgray) 0 0 / 4px 2px repeat,#ffffff;--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 2px var(--clio-paper),inset 0 0 0 4px var(--clio-ink);--clio-modal-padding: 18px 20px;--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-details-font-size: 9px;--clio-details-height: 17px;--clio-details-padding: 0 15px;--clio-scrollbar-corner: var(--clio-art-s6-grow) 0 0 / 14px 14px no-repeat,var(--clio-paper);--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-art-s6-dkgray) 0 0 / 4px 2px repeat,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);--clio-strip-height: 24px;--clio-strip-bg: var(--clio-paper);--clio-strip-line: 1px solid var(--clio-ink);--clio-strip-cell-shadow: none;--clio-strip-sunken-shadow: none;--clio-strip-sunken-lines: linear-gradient(transparent,transparent);--clio-strip-pressed-bg: var(--clio-ink);--clio-strip-pressed-shadow: inset 0 0 0 2px var(--clio-paper);--clio-strip-cap-width: 13px;--clio-strip-scroll-width: 13px;--clio-strip-module-width: 30px;--clio-strip-icon-inset: 2px;--clio-strip-menu-top: 7px;--clio-strip-menu-inset: 4px;--clio-strip-handle-width: 18px;--clio-strip-tab-width: 18px;--clio-strip-cap: var(--clio-art-s6-strip-cap);--clio-strip-back: var(--clio-art-s6-strip-back);--clio-strip-forward: var(--clio-art-s6-strip-forward);--clio-strip-menu: var(--clio-art-s6-strip-menu);--clio-strip-handle: var(--clio-art-s6-strip-handle);--clio-strip-tab: var(--clio-art-s6-strip-tab)}: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-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-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");--clio-art-s6-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M6 2h1v1h-1zM5 3h3v1h-3zM4 4h5v1h-5zM3 5h7v1h-7zM2 6h9v1h-9zM4 7h5v1h-5zM4 8h5v1h-5zM4 9h5v1h-5zM4 10h5v1h-5z'/%3E%3Cpath fill='%23000' d='M6 1h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM4 3h1v1h-1zM8 3h1v1h-1zM3 4h1v1h-1zM9 4h1v1h-1zM2 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM11 6h1v1h-1zM0 7h4v1h-4zM9 7h4v1h-4zM3 8h1v1h-1zM9 8h1v1h-1zM3 9h1v1h-1zM9 9h1v1h-1zM3 10h1v1h-1zM9 10h1v1h-1zM3 11h7v1h-7z'/%3E%3C/svg%3E");--clio-art-s6-up-on: 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 2h3v1h-3zM4 3h5v1h-5zM3 4h7v1h-7zM2 5h9v1h-9zM1 6h11v1h-11zM0 7h13v1h-13zM3 8h7v1h-7zM3 9h7v1h-7zM3 10h7v1h-7zM3 11h7v1h-7z'/%3E%3C/svg%3E");--clio-art-s6-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M4 3h5v1h-5zM4 4h5v1h-5zM4 5h5v1h-5zM4 6h5v1h-5zM2 7h9v1h-9zM3 8h7v1h-7zM4 9h5v1h-5zM5 10h3v1h-3zM6 11h1v1h-1z'/%3E%3Cpath fill='%23000' d='M3 2h7v1h-7zM3 3h1v1h-1zM9 3h1v1h-1zM3 4h1v1h-1zM9 4h1v1h-1zM3 5h1v1h-1zM9 5h1v1h-1zM0 6h4v1h-4zM9 6h4v1h-4zM1 7h1v1h-1zM11 7h1v1h-1zM2 8h1v1h-1zM10 8h1v1h-1zM3 9h1v1h-1zM9 9h1v1h-1zM4 10h1v1h-1zM8 10h1v1h-1zM5 11h1v1h-1zM7 11h1v1h-1zM6 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-down-on: 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='M3 2h7v1h-7zM3 3h7v1h-7zM3 4h7v1h-7zM3 5h7v1h-7zM0 6h13v1h-13zM1 7h11v1h-11zM2 8h9v1h-9zM3 9h7v1h-7zM4 10h5v1h-5zM5 11h3v1h-3z'/%3E%3C/svg%3E");--clio-art-s6-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M5 2h1v1h-1zM4 3h2v1h-2zM3 4h7v1h-7zM2 5h8v1h-8zM1 6h9v1h-9zM2 7h8v1h-8zM3 8h7v1h-7zM4 9h2v1h-2zM5 10h1v1h-1z'/%3E%3Cpath fill='%23000' d='M6 0h1v1h-1zM5 1h2v1h-2zM4 2h1v1h-1zM6 2h1v1h-1zM3 3h1v1h-1zM6 3h5v1h-5zM2 4h1v1h-1zM10 4h1v1h-1zM1 5h1v1h-1zM10 5h1v1h-1zM0 6h1v1h-1zM10 6h1v1h-1zM1 7h1v1h-1zM10 7h1v1h-1zM2 8h1v1h-1zM10 8h1v1h-1zM3 9h1v1h-1zM6 9h5v1h-5zM4 10h1v1h-1zM6 10h1v1h-1zM5 11h2v1h-2zM6 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-left-on: 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='M6 0h1v1h-1zM5 1h2v1h-2zM4 2h3v1h-3zM3 3h8v1h-8zM2 4h9v1h-9zM1 5h10v1h-10zM1 6h10v1h-10zM1 7h10v1h-10zM2 8h9v1h-9zM3 9h8v1h-8zM4 10h3v1h-3zM5 11h2v1h-2zM6 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M8 2h1v1h-1zM8 3h2v1h-2zM4 4h7v1h-7zM4 5h8v1h-8zM4 6h9v1h-9zM4 7h8v1h-8zM4 8h7v1h-7zM8 9h2v1h-2zM8 10h1v1h-1z'/%3E%3Cpath fill='%23000' d='M7 0h1v1h-1zM7 1h2v1h-2zM7 2h1v1h-1zM9 2h1v1h-1zM3 3h5v1h-5zM10 3h1v1h-1zM3 4h1v1h-1zM11 4h1v1h-1zM3 5h1v1h-1zM12 5h1v1h-1zM3 6h1v1h-1zM13 6h1v1h-1zM3 7h1v1h-1zM12 7h1v1h-1zM3 8h1v1h-1zM11 8h1v1h-1zM3 9h5v1h-5zM10 9h1v1h-1zM7 10h1v1h-1zM9 10h1v1h-1zM7 11h2v1h-2zM7 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-right-on: 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='M7 0h1v1h-1zM7 1h2v1h-2zM7 2h3v1h-3zM3 3h8v1h-8zM3 4h9v1h-9zM3 5h10v1h-10zM3 6h10v1h-10zM3 7h10v1h-10zM3 8h9v1h-9zM3 9h8v1h-8zM7 10h3v1h-3zM7 11h2v1h-2zM7 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-burst: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM8 2h1v1h-1zM3 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM1 5h3v1h-3zM5 5h1v1h-1zM7 5h3v1h-3zM3 7h1v1h-1zM5 7h1v1h-1zM7 7h1v1h-1zM2 8h1v1h-1zM5 8h1v1h-1zM8 8h1v1h-1zM5 9h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-ltgray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1h-1zM2 1h1v1h-1z'/%3E%3Cpath fill='%23fff' d='M1 0h3v1h-3zM0 1h2v1h-2zM3 1h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-grow: 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 2h7v1h-7zM2 3h1v1h-1zM8 3h1v1h-1zM2 4h1v1h-1zM8 4h5v1h-5zM2 5h1v1h-1zM8 5h1v1h-1zM12 5h1v1h-1zM2 6h1v1h-1zM8 6h1v1h-1zM12 6h1v1h-1zM2 7h1v1h-1zM8 7h1v1h-1zM12 7h1v1h-1zM2 8h7v1h-7zM12 8h1v1h-1zM4 9h1v1h-1zM12 9h1v1h-1zM4 10h1v1h-1zM12 10h1v1h-1zM4 11h1v1h-1zM12 11h1v1h-1zM4 12h9v1h-9z'/%3E%3C/svg%3E");--clio-art-s6-dkgray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1h-1zM2 0h2v1h-2zM0 1h3v1h-3z'/%3E%3Cpath fill='%23fff' d='M1 0h1v1h-1zM3 1h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-menucheck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M8 0h1v1h-1zM7 1h2v1h-2zM6 2h2v1h-2zM5 3h2v1h-2zM0 4h1v1h-1zM4 4h2v1h-2zM0 5h2v1h-2zM3 5h2v1h-2zM1 6h3v1h-3zM2 7h1v1h-1z'/%3E%3C/svg%3E");--clio-art-frame-s6-button: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAAACpJREFUeJxjYAxgYBINZWBiYWFgCmB0YGJgYABhBqmVDEx//jAwMAYwAAA66QRtNyAoFwAAAABJRU5ErkJggg==");--clio-art-frame-s6-button-held: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAB1JREFUeJxjkGFgSmZgYmBg/N/IxABiMNSDSRkGACm1Aqb7EOVpAAAAAElFTkSuQmCC");--clio-art-frame-s6-ring: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAADRJREFUeJxjYD/AIP+BSYGDsYaB5csahg9yTB8+MDEwgJCAAFPDPyaeBAb7H0wPfjCwHwAAEpMM/gNXK+MAAAAASUVORK5CYII=");--clio-art-frame-p9-button: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAGFBMVEUAAAAAAAB3d3fd3d27u7uqqqoiIiL///+EaqngAAAAAXRSTlMAQObYZgAAADxJREFUeJxjYEgUTGBgYnyk9JCBMUWYYa8O03qGPXIbmBj+MDAwMIERY8pFhbN2jIyOD/7fZ/ov/96eAQBghg8JraaOFgAAAABJRU5ErkJggg==");--clio-art-frame-p9-button-held: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAGFBMVEUAAAAAAAB3d3dVVVVmZmYiIiKIiIhEREQ39d/AAAAAAXRSTlMAQObYZgAAAD9JREFUeJxjYAgUDGBgYVRT+8XAGC5zgJ+PUVxG8NErJgZGBgYGJgaGfwwMLA6vH7i8YmRUdfg9n+m/9ur3DAAxwg5nPuolSwAAAABJRU5ErkJggg==");--clio-art-frame-p9-ring: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAG1BMVEUAAAAAAAB3d3fd3d3MzMy7u7uqqqoiIiKIiIhznn7oAAAAAXRSTlMAQObYZgAAAFpJREFUeJxjZGDnYmB7ycDCwKPAwPjzAwujgjEDg+x6xuLDrx6oOXEwCCcxMDAlCTAx/GMAISYGCEDQTGAOUyKLAoOKQgIjY6gAA9PO+4wMElwMDO8+MELNBwCaGBDQEM8mggAAAABJRU5ErkJggg==");--clio-art-frame-p9-button-disabled: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAACVBMVEUAAACIiIjd3d2RXqmqAAAAAXRSTlMAQObYZgAAACFJREFUeJxjYA1hYBINZWAKYHRgYmBgQMYMUisZGFhDGAAtsQJ9dgAT/gAAAABJRU5ErkJggg==");--clio-art-frame-p9-popup: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAGFBMVEUAAAAAAAB3d3fd3d27u7uqqqoiIiL///+EaqngAAAAAXRSTlMAQObYZgAAACtJREFUeJxjYEhMYGBi5H/IwJh+klWbQYCBQYAl/OQnOwbGAEUGpv+C9gwAea0HTcaLsPwAAAAASUVORK5CYII=");--clio-art-frame-p9-popup-disabled: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAgMAAAC5PL9AAAAACVBMVEUAAACIiIjd3d2RXqmqAAAAAXRSTlMAQObYZgAAAB1JREFUeJxjZLVmEg5gChBhcGBh0ljAtOENI6s1ACDmA/qjrWTUAAAAAElFTkSuQmCC");--clio-art-s6-gray50: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h1v1H1zM0 1h1v1H0z'/%3E%3C/svg%3E");--clio-art-s6-menucheck-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M8 0h1v1h-1zM7 1h2v1h-2zM6 2h2v1h-2zM5 3h2v1h-2zM0 4h1v1h-1zM4 4h2v1h-2zM0 5h2v1h-2zM3 5h2v1h-2zM1 6h3v1h-3zM2 7h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-strip-cap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M1 1h13v22H1z'/%3E%3Cpath d='M0 0h15v1H0zM0 23h15v1H0zM0 1h1v22H0zM14 1h1v22h-1zM3 8h8v1H3zM3 15h8v1H3zM3 9h1v6H3zM10 9h1v6h-1z'/%3E%3C/svg%3E");--clio-art-s6-strip-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' shape-rendering='crispEdges'%3E%3Cpath d='M4 1h1v8H4zM3 2h1v6H3zM2 3h1v4H2zM1 4h1v2H1z'/%3E%3C/svg%3E");--clio-art-s6-strip-forward: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' shape-rendering='crispEdges'%3E%3Cpath d='M5 1h1v8H5zM6 2h1v6H6zM7 3h1v4H7zM8 4h1v2H8z'/%3E%3C/svg%3E");--clio-art-s6-strip-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v7H0zM1 1h1v5H1zM2 2h1v3H2zM3 3h1v1H3z'/%3E%3C/svg%3E");--clio-art-s6-strip-handle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M0 1h9l8 8v6l-8 8H0z'/%3E%3Cpath d='M0 0h10v1H0zM10 1h1v1h-1zM11 2h1v1h-1zM12 3h1v1h-1zM13 4h1v1h-1zM14 5h1v1h-1zM15 6h1v1h-1zM16 7h1v1h-1zM17 8h1v8h-1zM16 16h1v1h-1zM15 17h1v1h-1zM14 18h1v1h-1zM13 19h1v1h-1zM12 20h1v1h-1zM11 21h1v1h-1zM10 22h1v1h-1zM0 23h10v1H0zM5 6h1v1H5zM5 9h1v1H5zM5 12h1v1H5zM5 15h1v1H5zM5 18h1v1H5z'/%3E%3C/svg%3E");--clio-art-s6-strip-tab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M0 1h9l8 8v6l-8 8H0z'/%3E%3Cpath d='M0 0h10v1H0zM10 1h1v1h-1zM11 2h1v1h-1zM12 3h1v1h-1zM13 4h1v1h-1zM14 5h1v1h-1zM15 6h1v1h-1zM16 7h1v1h-1zM17 8h1v8h-1zM16 16h1v1h-1zM15 17h1v1h-1zM14 18h1v1h-1zM13 19h1v1h-1zM12 20h1v1h-1zM11 21h1v1h-1zM10 22h1v1h-1zM0 23h10v1H0zM5 6h1v1H5zM5 9h1v1H5zM5 12h1v1H5zM5 15h1v1H5zM5 18h1v1H5z'/%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: var(--clio-font-smoothing)}: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,.details-bar,.listbox,[role="listbox"],.status-bar,.icon,input,textarea){font-family: var(--clio-font-text);font-stretch: var(--clio-font-stretch-text);-webkit-font-smoothing: var(--clio-text-smoothing)}: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(.display){font-family: var(--clio-font-display);-webkit-font-smoothing: auto}: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-window-title,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,.resize,.resize-box,.zoom):is(:active,.active){background: var(--clio-art-s6-burst) 0 0 / 11px 11px no-repeat border-box,var(--clio-paper)}.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;min-height: var(--clio-details-height);padding: var(--clio-details-padding);border-bottom: var(--clio-details-border);background: var(--clio-details-bg);box-shadow: var(--clio-details-shadow,none);font-family: var(--clio-font-small);font-size: var(--clio-details-font-size);line-height: var(--clio-details-height);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-small);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: calc(100% + 1px);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);background-image: var(--clio-disabled-dither);background-size: 2px 2px;background-attachment: fixed;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: var(--clio-disabled-fill)}: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: 9px;height: 8px;margin-top: -4px;background: var(--clio-art-s6-menucheck) 0 0 / 9px 8px 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);border-image: var(--clio-button-frame) var(--clio-button-frame-slice) fill / calc(var(--clio-button-frame-slice) * 1px) stretch;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);-webkit-font-smoothing: var(--clio-font-smoothing);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);border-image-source: var(--clio-button-frame-held);color: var(--clio-button-active-fg)}:where(.default,.btn-default,button[type="submit"].default){position: relative;border-radius: var(--clio-button-radius)}:where(.default,.btn-default)::before{content: "";position: absolute;inset: calc(-1px - var(--clio-button-default-gap) - var(--clio-button-default-width));border: var(--clio-button-default-width) solid var(--clio-ink);border-radius: var(--clio-button-default-radius);border-image: var(--clio-ring-frame) var(--clio-ring-frame-slice) / calc(var(--clio-ring-frame-slice) * 1px) stretch;pointer-events: none}: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);background-image: var(--clio-disabled-dither),linear-gradient(var(--clio-button-bg),var(--clio-button-bg));background-size: 2px 2px,auto;background-attachment: fixed,scroll;-webkit-background-clip: text,border-box;background-clip: text,border-box;-webkit-text-fill-color: var(--clio-disabled-fill);border-image-source: var(--clio-button-frame-disabled,var(--clio-button-frame));border-image-slice: var(--clio-button-frame-slice)}: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);background-image: var(--clio-disabled-dither);background-size: 2px 2px;background-attachment: fixed;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: var(--clio-disabled-fill)}: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-popup-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);border-image: var(--clio-popup-frame) var(--clio-popup-frame-slice) / calc(var(--clio-popup-frame-slice) * 1px) stretch;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);-webkit-font-smoothing: var(--clio-font-smoothing);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-small);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-display);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-corner)}@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-art-p9-strip-cap: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAYBAMAAADXK7paAAAAHlBMVEUAAAAAAABERERVVVWAgICIiIigoKDAwMDMzP/////+VYXkAAAAAXRSTlMAQObYZgAAAGlJREFUeJxjFGQAg/8sbAlgxkwWBiUQfZuBheHfAwYGhg8MTBAlDPgYLAx/9jAwsOgysDAwhDIw/L8LYvy98NcVry4mBoa/Zy+AtTOwlzP8AzFY3r0jYBfC0l/3P4AZjILMBiD6DCPMOwBKOxgiile5lQAAAABJRU5ErkJggg==");--clio-art-s7-strip-cap: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAYBAMAAADXK7paAAAAG1BMVEUAAAAAAABERERVVVWIiIiqqqrMzMzMzP/////JRvoVAAAAAXRSTlMAQObYZgAAAGVJREFUeJxjFGQAg/8srAFgxioWBiUQfYeBheHfAwYGhg8MTBAlDPgYLAx/zzIwMMsxsDAwuDAw/L8HYvy98M+FgC6Gf/egDLY0hn8gBvO7dwTsQmj/ff8DmMEoyGwAos8wwrwDAP+1F0dci98qAAAAAElFTkSuQmCC");--clio-art-p9-strip-back: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAACVBMVEUAAABVVVXd3d2apXz3AAAAAXRSTlMAQObYZgAAACxJREFUeJwFwaERwCAABLD0j3oE7IPBs/8KrcBjSKhiKM/cebs0gvzkfFioLlg9BPcTGNP4AAAAAElFTkSuQmCC");--clio-art-p9-strip-forward: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAACVBMVEUAAABVVVXd3d2apXz3AAAAAXRSTlMAQObYZgAAAC1JREFUeJwFwSESABAUQMHnzegC9/nFqRX3IegCuxBIwVYxdySFgLzpHbg2cvhWkAdTrBZiqwAAAABJRU5ErkJggg==");--clio-art-p9-strip-menu: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeJxjaGA4wPCA4QMTA9MHpgcAIQYE58W2/JQAAAAASUVORK5CYII=");--clio-art-p9-strip-handle: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYBAMAAAAFe7ACAAAAFVBMVEUAAAAAAABERERVVVWIiIjMzMz///8V67gPAAAAAXRSTlMAQObYZgAAAINJREFUeJxVz7ENAjEMheE/IbQokRiAUVJQUjAs5RXZhJvgkp6LjGwfBU309PzFkkMBZAApVVgAIqWUZ9bORsE6fWvWJCukoIlbtjICG0sK5iLnVrM7Hqefsy3qPKnzZM6n/+41D/epbbi772IOaOPYsIv/sIrEG6YA4XqB3vWO2UErvmVcJ4BylohjAAAAAElFTkSuQmCC");--clio-art-p9-strip-tab: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYBAMAAAAFe7ACAAAAFVBMVEUAAAAAAABERERVVVWIiIjMzMz///8V67gPAAAAAXRSTlMAQObYZgAAAIFJREFUeJxVz7ENAjEMQNHvKPS+DRiBEVJQMi49WeAkRrgJSHoijOyEgipf1pPlyAbQgMwVxqN7iYIACVprRaMUskS9gKJeSWKYADtGLRruzC3Lcqd6WW7uw45V7ma5m/Xv3uW53H3YdLnU7g4YFg9Q+6phfv2nw95BNlGsRf1++QW6eCj9rQPMHAAAAABJRU5ErkJggg==")}:where(.control-strip){display: inline-flex;align-items: stretch;height: var(--clio-strip-height);max-width: 100%;vertical-align: bottom;user-select: none;-webkit-user-select: none}:where(.control-strip)::before,:where(.control-strip) > :is(.control-strip-scroll,.control-strip-modules),:where(.control-strip-module){box-sizing: border-box;border: var(--clio-strip-line);border-left: 0;background: var(--clio-strip-bg);box-shadow: var(--clio-strip-cell-shadow)}:where(.control-strip)::before{content: "";flex: none;width: calc(var(--clio-strip-cap-width) + 2px);border: 0;background: var(--clio-strip-cap) 0 0 / 100% 100% no-repeat;box-shadow: none}:where(.control-strip) > :is(.control-strip-scroll,.control-strip-handle){flex: none;margin: 0;padding: 0;border-radius: 0;appearance: none;-webkit-appearance: none;cursor: default}:where(.control-strip) > .control-strip-scroll{width: calc(var(--clio-strip-scroll-width) + 1px);min-width: 0;height: auto;min-height: 0;background: var(--clio-strip-back) 1px 6px / 10px 10px no-repeat,var(--clio-strip-bg);box-shadow: var(--clio-strip-cell-shadow)}:where(.control-strip) > .control-strip-scroll-forward{background-image: var(--clio-strip-forward)}:where(.control-strip) > .control-strip-scroll:disabled{background: var(--clio-strip-back) 1px 6px / 10px 10px no-repeat,var(--clio-strip-sunken-lines),var(--clio-strip-bg);box-shadow: var(--clio-strip-sunken-shadow)}:where(.control-strip) > .control-strip-scroll-forward:disabled{background-image: var(--clio-strip-forward)}:where(.control-strip) > .control-strip-scroll:not(:disabled):active,:where(.control-strip-module):not(:disabled):is(:active,[aria-expanded="true"]){background-color: var(--clio-strip-pressed-bg);box-shadow: var(--clio-strip-pressed-shadow)}:where(.control-strip-modules){display: flex;min-width: 0;overflow: hidden;border: 0;background: none;box-shadow: none}:where(.control-strip-module-track){display: flex}:where(.control-strip-module){position: relative;display: flex;flex: none;align-items: center;width: calc(var(--clio-strip-module-width) + 1px);min-width: 0;height: var(--clio-strip-height);min-height: 0;margin: 0;padding: 0 0 0 var(--clio-strip-icon-inset);border-radius: 0;color: var(--clio-ink);appearance: none;-webkit-appearance: none;cursor: default}:where(.control-strip-module) > :is(svg,img,.sys-icon){width: 16px;height: 16px}:where(.control-strip-module)[aria-haspopup]::after{content: "";position: absolute;top: var(--clio-strip-menu-top);right: calc(var(--clio-strip-menu-inset) + 1px);width: 4px;height: 7px;background: var(--clio-strip-menu) 0 0 / 4px 7px no-repeat}:where(.control-strip-module):disabled{color: var(--clio-disabled);opacity: 0.5}:where(.control-strip) > .control-strip-handle{width: var(--clio-strip-handle-width);min-width: 0;height: var(--clio-strip-height);min-height: 0;border: 0;background: var(--clio-strip-handle) 0 0 / 100% 100% no-repeat;box-shadow: none}:where(.control-strip.is-collapsed)::before,:where(.control-strip.is-collapsed) > :not(.control-strip-handle){display: none}:where(.control-strip.is-collapsed) > .control-strip-handle{width: var(--clio-strip-tab-width);background-image: var(--clio-strip-tab)}:where(.control-strip)[data-edge="right"]{flex-direction: row-reverse}:where(.control-strip)[data-edge="right"]::before,:where(.control-strip)[data-edge="right"] > .control-strip-handle{transform: scaleX(-1)}:where(.control-strip) > :focus-visible,:where(.control-strip-module):focus-visible{outline: var(--clio-focus-outline);outline-offset: -3px}@media (pointer: coarse){:root,[data-era]{--clio-control-height: 36px;--clio-popup-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}}
|
|
1
|
+
/*! clio.css 0.12.0 (System 6 only) | MIT | https://surfine.github.io/clio.css/ * Classic Mac OS interface CSS:System 6,System 7,Mac OS 8.5 Drawing Board and Mac OS 9 Platinum. * Measured values traced to AI System 6;see EVIDENCE.md. * Includes art from system.css (MIT) and pixel reconstructions of Apple control art;see THIRD-PARTY.md. */
|
|
2
|
+
@font-face{font-family:"Clio Sans '84";src:url("fonts/ClioSans84.woff2") format("woff2");font-display:swap}@font-face{font-family:"Clio Text '84";src:url("fonts/ClioText84.woff2") format("woff2");font-display:swap}@font-face{font-family:"Clio Text '84 9";src:url("fonts/ClioText84-9.woff2") format("woff2");font-display:swap}@font-face{font-family:"Clio Sans '97";src:url("fonts/ClioSans97Plain.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Clio Sans '97";src:url("fonts/ClioSans97.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97Plain.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Clio Sans '97 Title";src:url("fonts/ClioSans97TitlePlain.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Clio Sans '97 Title";src:url("fonts/ClioSans97Title.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97TitlePlain.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Clio Sans '97 Exact";src:url("fonts/ClioSans97PlainExact.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Clio Sans '97 Exact";src:url("fonts/ClioSans97Exact.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97PlainExact.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Clio Sans '97 Title Exact";src:url("fonts/ClioSans97TitlePlainExact.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Clio Sans '97 Title Exact";src:url("fonts/ClioSans97TitleExact.woff2") format("woff2") tech(color-COLRv1),url("fonts/ClioSans97TitlePlainExact.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-palette-values --clio-aa-p9-title{font-family:"Clio Sans '97 Title Exact";override-colors:0 #bebebe,1 #b0b0b0,2 #a2a2a2,3 #959595,4 #878787,5 #7a7a7a,6 #6c6c6c,7 #5f5f5f,8 #515151,9 #444,10 #363636,11 #282828,12 #1b1b1b,13 #0d0d0d,14 #000}@font-palette-values --clio-aa-p9-title-inactive{font-family:"Clio Sans '97 Title Exact";override-colors:0 #c5c5c5,1 #bfbfbf,2 #bababa,3 #b4b4b4,4 #aeaeae,5 #a9a9a9,6 #a3a3a3,7 #9e9e9e,8 #989898,9 #929292,10 #8d8d8d,11 #878787,12 #818181,13 #7c7c7c,14 #777}@font-palette-values --clio-aa-p9-button{font-family:"Clio Sans '97 Exact";override-colors:0 #cecece,1 #bfbfbf,2 #b0b0b0,3 #a2a2a2,4 #939393,5 #848484,6 #757575,7 #676767,8 #585858,9 #494949,10 #3a3a3a,11 #2c2c2c,12 #1d1d1d,13 #0e0e0e,14 #000}@font-palette-values --clio-aa-p9-button-held{font-family:"Clio Sans '97 Exact";override-colors:0 #707070,1 #7a7a7a,2 #848484,3 #8e8e8e,4 #999,5 #a3a3a3,6 #adadad,7 #b7b7b7,8 #c1c1c1,9 #cbcbcb,10 #d6d6d6,11 #e0e0e0,12 #eaeaea,13 #f4f4f4,14 #fff}@font-palette-values --clio-aa-p9-button-disabled{font-family:"Clio Sans '97 Exact";override-colors:0 #d5d5d5,1 #cecece,2 #c7c7c7,3 #c1c1c1,4 #bababa,5 #b3b3b3,6 #acacac,7 #a5a5a5,8 #9f9f9f,9 #989898,10 #919191,11 #8a8a8a,12 #848484,13 #7d7d7d,14 #777}@font-palette-values --clio-aa-db-button{font-family:"Clio Sans '97 Exact";override-colors:0 #c3bcac,1 #b9b2a3,2 #aea89a,3 #a49e91,4 #999488,5 #8f8a80,6 #848077,7 #7a766e,8 #6f6c65,9 #65625d,10 #5a5854,11 #504e4b,12 #454442,13 #3b3a39,14 #313131}@font-palette-values --clio-aa-db-button-disabled{font-family:"Clio Sans '97 Exact";override-colors:0 #cac2b2,1 #c6bfaf,2 #c3bcad,3 #c0b9ab,4 #bdb6a9,5 #bab3a7,6 #b7b0a4,7 #b4ada2,8 #b1aaa0,9 #ada89e,10 #aaa59c,11 #a7a299,12 #a49f97,13 #a19c95,14 #9c9c94}@font-palette-values --clio-aa-rdoc-title{font-family:"Clio Sans '97 Title Exact";override-colors:0 #101010,1 #212121,2 #323232,3 #444,4 #555,5 #666,6 #777,7 #878787,8 #989898,9 #a9a9a9,10 #bababa,11 #ccc,12 #ddd,13 #eee,14 #fff}@font-palette-values --clio-aa-rdoc-title-inactive{font-family:"Clio Sans '97 Title Exact";override-colors:0 #eee,1 #ddd,2 #ccc,3 #bababa,4 #a9a9a9,5 #989898,6 #878787,7 #777,8 #666,9 #555,10 #444,11 #323232,12 #212121,13 #101010,14 #000}@font-palette-values --clio-aa-white{font-family:"Clio Sans '97";override-colors:0 rgb(255 255 255 / 0.0667),1 rgb(255 255 255 / 0.1333),2 rgb(255 255 255 / 0.2000),3 rgb(255 255 255 / 0.2667),4 rgb(255 255 255 / 0.3333),5 rgb(255 255 255 / 0.4000),6 rgb(255 255 255 / 0.4667),7 rgb(255 255 255 / 0.5333),8 rgb(255 255 255 / 0.6000),9 rgb(255 255 255 / 0.6667),10 rgb(255 255 255 / 0.7333),11 rgb(255 255 255 / 0.8000),12 rgb(255 255 255 / 0.8667),13 rgb(255 255 255 / 0.9333)}@font-palette-values --clio-aa-6f6f6f{font-family:"Clio Sans '97";override-colors:0 rgb(111 111 111 / 0.0667),1 rgb(111 111 111 / 0.1333),2 rgb(111 111 111 / 0.2000),3 rgb(111 111 111 / 0.2667),4 rgb(111 111 111 / 0.3333),5 rgb(111 111 111 / 0.4000),6 rgb(111 111 111 / 0.4667),7 rgb(111 111 111 / 0.5333),8 rgb(111 111 111 / 0.6000),9 rgb(111 111 111 / 0.6667),10 rgb(111 111 111 / 0.7333),11 rgb(111 111 111 / 0.8000),12 rgb(111 111 111 / 0.8667),13 rgb(111 111 111 / 0.9333)}@font-palette-values --clio-aa-313131{font-family:"Clio Sans '97";override-colors:0 rgb(49 49 49 / 0.0667),1 rgb(49 49 49 / 0.1333),2 rgb(49 49 49 / 0.2000),3 rgb(49 49 49 / 0.2667),4 rgb(49 49 49 / 0.3333),5 rgb(49 49 49 / 0.4000),6 rgb(49 49 49 / 0.4667),7 rgb(49 49 49 / 0.5333),8 rgb(49 49 49 / 0.6000),9 rgb(49 49 49 / 0.6667),10 rgb(49 49 49 / 0.7333),11 rgb(49 49 49 / 0.8000),12 rgb(49 49 49 / 0.8667),13 rgb(49 49 49 / 0.9333)}@font-palette-values --clio-aa-8c8c8c{font-family:"Clio Sans '97";override-colors:0 rgb(140 140 140 / 0.0667),1 rgb(140 140 140 / 0.1333),2 rgb(140 140 140 / 0.2000),3 rgb(140 140 140 / 0.2667),4 rgb(140 140 140 / 0.3333),5 rgb(140 140 140 / 0.4000),6 rgb(140 140 140 / 0.4667),7 rgb(140 140 140 / 0.5333),8 rgb(140 140 140 / 0.6000),9 rgb(140 140 140 / 0.6667),10 rgb(140 140 140 / 0.7333),11 rgb(140 140 140 / 0.8000),12 rgb(140 140 140 / 0.8667),13 rgb(140 140 140 / 0.9333)}@font-face{font-family:"Clio Sans '97 Display";src:url("fonts/ClioSans97Display.woff2") format("woff2");font-weight:100 900;font-display:swap}@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:#000;--clio-paper:#fff;--clio-face:#fff;--clio-disabled:#696969;--clio-disabled-dither:var(--clio-art-s6-gray50);--clio-disabled-fill:transparent;--clio-popup-disabled-mask:var(--clio-art-s6-gray50) 0 0 / 2px 2px;--clio-popup-disabled-fg:var(--clio-ink);--clio-selection-bg:#000;--clio-selection-fg:#fff;--clio-font-chrome:"Clio Sans '84",Chicago,"ChicagoFLF",Charcoal,Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-text:"Clio Text '84",Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-small:"Clio Text '84 9",Geneva,"Helvetica Neue",Arial,sans-serif;--clio-text-smoothing:none;--clio-text-smoothing-moz:grayscale;--clio-font-mono:Monaco,Menlo,Consolas,"Courier New",monospace;--clio-font-display:Chicago,"ChicagoFLF",Charcoal,"Helvetica Neue",Arial,sans-serif;--clio-font-size:12px;--clio-font-smoothing:none;--clio-font-size-small:9px;--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-caret-height:16px;--clio-caret-ticks:32;--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:1px;--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 9px;--clio-menu-title-inset:1px;--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:0;--clio-menu-shadow:1px 1px 0 var(--clio-ink);--clio-menu-item-height:16px;--clio-menu-item-padding:0 12px 0 13px;--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 8px / 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:0;--clio-button-frame:var(--clio-art-frame-s6-button);--clio-button-frame-held:var(--clio-art-frame-s6-button-held);--clio-button-frame-slice:4;--clio-ring-frame:var(--clio-art-frame-s6-ring);--clio-ring-frame-slice:7;--clio-popup-frame:none;--clio-popup-frame-slice:3;--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:transparent;--clio-button-active-fg:var(--clio-paper);--clio-button-active-shadow:0 0 0 0 transparent;--clio-button-default-gap:1px;--clio-button-default-width:3px;--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:3px;--clio-field-focus-shadow:none;--clio-field-focus-outline:var(--clio-focus-outline);--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-height:18px;--clio-popup-padding:0 8px;--clio-popup-arrow:none;--clio-popup-weight:400;--clio-scrollbar-size:15px;--clio-scrollbar-track:var(--clio-art-s6-ltgray) 0 0 / 4px 2px repeat,#fff;--clio-scrollbar-thumb-length:16px;--clio-scrollbar-thumb-tracking:outline;--clio-scrollbar-thumb-overlap:0px;--clio-scrollbar-thumb-after:none;--clio-scrollbar-repeat-delay:0ms;--clio-menu-sticky:0;--clio-drag-outline-width:1px;--clio-drag-outline-extra:1px;--clio-zoom-count:8;--clio-zoom-steps:8;--clio-zoom-ratio:1.6;--clio-zoom-offset:1;--clio-zoom-keep:4;--clio-drag-outline-shadow-inset:0px;--clio-scrollbar-ghost:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M1 0h3v1H1zM0 1h2v1H0zM3 1h1v1H3z'/%3E%3C/svg%3E") 0 0 / 4px 2px repeat;--clio-scrollbar-ghost-blend:difference;--clio-scrollbar-thumb-inset:1px;--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-button-bevel: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 2px var(--clio-paper),inset 0 0 0 4px var(--clio-ink);--clio-modal-padding:18px 20px;--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-details-font-size:9px;--clio-details-height:17px;--clio-details-padding:0 15px;--clio-scrollbar-corner:var(--clio-art-s6-grow) 0 0 / 14px 14px no-repeat,var(--clio-paper);--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-art-s6-dkgray) 0 0 / 4px 2px repeat,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);--clio-strip-height:24px;--clio-strip-bg:var(--clio-paper);--clio-strip-line:1px solid var(--clio-ink);--clio-strip-cell-shadow:none;--clio-strip-sunken-shadow:none;--clio-strip-sunken-lines:linear-gradient(transparent,transparent);--clio-strip-pressed-bg:var(--clio-ink);--clio-strip-pressed-shadow:inset 0 0 0 2px var(--clio-paper);--clio-strip-cap-width:13px;--clio-strip-scroll-width:13px;--clio-strip-module-width:30px;--clio-strip-icon-inset:2px;--clio-strip-menu-top:7px;--clio-strip-menu-inset:4px;--clio-strip-handle-width:18px;--clio-strip-tab-width:18px;--clio-strip-cap:var(--clio-art-s6-strip-cap);--clio-strip-back:var(--clio-art-s6-strip-back);--clio-strip-forward:var(--clio-art-s6-strip-forward);--clio-strip-menu:var(--clio-art-s6-strip-menu);--clio-strip-handle:var(--clio-art-s6-strip-handle);--clio-strip-tab:var(--clio-art-s6-strip-tab)}: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-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-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");--clio-art-s6-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M6 2h1v1h-1zM5 3h3v1h-3zM4 4h5v1h-5zM3 5h7v1h-7zM2 6h9v1h-9zM4 7h5v1h-5zM4 8h5v1h-5zM4 9h5v1h-5zM4 10h5v1h-5z'/%3E%3Cpath fill='%23000' d='M6 1h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM4 3h1v1h-1zM8 3h1v1h-1zM3 4h1v1h-1zM9 4h1v1h-1zM2 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM11 6h1v1h-1zM0 7h4v1h-4zM9 7h4v1h-4zM3 8h1v1h-1zM9 8h1v1h-1zM3 9h1v1h-1zM9 9h1v1h-1zM3 10h1v1h-1zM9 10h1v1h-1zM3 11h7v1h-7z'/%3E%3C/svg%3E");--clio-art-s6-up-on: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 2h3v1h-3zM4 3h5v1h-5zM3 4h7v1h-7zM2 5h9v1h-9zM1 6h11v1h-11zM0 7h13v1h-13zM3 8h7v1h-7zM3 9h7v1h-7zM3 10h7v1h-7zM3 11h7v1h-7z'/%3E%3C/svg%3E");--clio-art-s6-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M4 3h5v1h-5zM4 4h5v1h-5zM4 5h5v1h-5zM4 6h5v1h-5zM2 7h9v1h-9zM3 8h7v1h-7zM4 9h5v1h-5zM5 10h3v1h-3zM6 11h1v1h-1z'/%3E%3Cpath fill='%23000' d='M3 2h7v1h-7zM3 3h1v1h-1zM9 3h1v1h-1zM3 4h1v1h-1zM9 4h1v1h-1zM3 5h1v1h-1zM9 5h1v1h-1zM0 6h4v1h-4zM9 6h4v1h-4zM1 7h1v1h-1zM11 7h1v1h-1zM2 8h1v1h-1zM10 8h1v1h-1zM3 9h1v1h-1zM9 9h1v1h-1zM4 10h1v1h-1zM8 10h1v1h-1zM5 11h1v1h-1zM7 11h1v1h-1zM6 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-down-on: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='M3 2h7v1h-7zM3 3h7v1h-7zM3 4h7v1h-7zM3 5h7v1h-7zM0 6h13v1h-13zM1 7h11v1h-11zM2 8h9v1h-9zM3 9h7v1h-7zM4 10h5v1h-5zM5 11h3v1h-3z'/%3E%3C/svg%3E");--clio-art-s6-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M5 2h1v1h-1zM4 3h2v1h-2zM3 4h7v1h-7zM2 5h8v1h-8zM1 6h9v1h-9zM2 7h8v1h-8zM3 8h7v1h-7zM4 9h2v1h-2zM5 10h1v1h-1z'/%3E%3Cpath fill='%23000' d='M6 0h1v1h-1zM5 1h2v1h-2zM4 2h1v1h-1zM6 2h1v1h-1zM3 3h1v1h-1zM6 3h5v1h-5zM2 4h1v1h-1zM10 4h1v1h-1zM1 5h1v1h-1zM10 5h1v1h-1zM0 6h1v1h-1zM10 6h1v1h-1zM1 7h1v1h-1zM10 7h1v1h-1zM2 8h1v1h-1zM10 8h1v1h-1zM3 9h1v1h-1zM6 9h5v1h-5zM4 10h1v1h-1zM6 10h1v1h-1zM5 11h2v1h-2zM6 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-left-on: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='M6 0h1v1h-1zM5 1h2v1h-2zM4 2h3v1h-3zM3 3h8v1h-8zM2 4h9v1h-9zM1 5h10v1h-10zM1 6h10v1h-10zM1 7h10v1h-10zM2 8h9v1h-9zM3 9h8v1h-8zM4 10h3v1h-3zM5 11h2v1h-2zM6 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M8 2h1v1h-1zM8 3h2v1h-2zM4 4h7v1h-7zM4 5h8v1h-8zM4 6h9v1h-9zM4 7h8v1h-8zM4 8h7v1h-7zM8 9h2v1h-2zM8 10h1v1h-1z'/%3E%3Cpath fill='%23000' d='M7 0h1v1h-1zM7 1h2v1h-2zM7 2h1v1h-1zM9 2h1v1h-1zM3 3h5v1h-5zM10 3h1v1h-1zM3 4h1v1h-1zM11 4h1v1h-1zM3 5h1v1h-1zM12 5h1v1h-1zM3 6h1v1h-1zM13 6h1v1h-1zM3 7h1v1h-1zM12 7h1v1h-1zM3 8h1v1h-1zM11 8h1v1h-1zM3 9h5v1h-5zM10 9h1v1h-1zM7 10h1v1h-1zM9 10h1v1h-1zM7 11h2v1h-2zM7 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-right-on: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='M7 0h1v1h-1zM7 1h2v1h-2zM7 2h3v1h-3zM3 3h8v1h-8zM3 4h9v1h-9zM3 5h10v1h-10zM3 6h10v1h-10zM3 7h10v1h-10zM3 8h9v1h-9zM3 9h8v1h-8zM7 10h3v1h-3zM7 11h2v1h-2zM7 12h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-burst:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM8 2h1v1h-1zM3 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM1 5h3v1h-3zM5 5h1v1h-1zM7 5h3v1h-3zM3 7h1v1h-1zM5 7h1v1h-1zM7 7h1v1h-1zM2 8h1v1h-1zM5 8h1v1h-1zM8 8h1v1h-1zM5 9h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-ltgray:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1h-1zM2 1h1v1h-1z'/%3E%3Cpath fill='%23fff' d='M1 0h3v1h-3zM0 1h2v1h-2zM3 1h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-grow: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 2h7v1h-7zM2 3h1v1h-1zM8 3h1v1h-1zM2 4h1v1h-1zM8 4h5v1h-5zM2 5h1v1h-1zM8 5h1v1h-1zM12 5h1v1h-1zM2 6h1v1h-1zM8 6h1v1h-1zM12 6h1v1h-1zM2 7h1v1h-1zM8 7h1v1h-1zM12 7h1v1h-1zM2 8h7v1h-7zM12 8h1v1h-1zM4 9h1v1h-1zM12 9h1v1h-1zM4 10h1v1h-1zM12 10h1v1h-1zM4 11h1v1h-1zM12 11h1v1h-1zM4 12h9v1h-9z'/%3E%3C/svg%3E");--clio-art-s6-dkgray:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='2' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1h-1zM2 0h2v1h-2zM0 1h3v1h-3z'/%3E%3Cpath fill='%23fff' d='M1 0h1v1h-1zM3 1h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-menucheck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M8 0h1v1h-1zM7 1h2v1h-2zM6 2h2v1h-2zM5 3h2v1h-2zM0 4h1v1h-1zM4 4h2v1h-2zM0 5h2v1h-2zM3 5h2v1h-2zM1 6h3v1h-3zM2 7h1v1h-1z'/%3E%3C/svg%3E");--clio-disclosure-size:11px;--clio-disclosure-gap:4px;--clio-art-disclosure:url("art/system7/disclosure.png");--clio-art-disclosure-open:url("art/system7/disclosure-open.png");--clio-list-view-bg:var(--clio-paper);--clio-list-view-row:16px;--clio-list-view-header-height:20px;--clio-list-view-header-padding:0 4px 3px;--clio-list-view-header-bg:linear-gradient(var(--clio-ink),var(--clio-ink)) 0 calc(100% - 2px) / 100% 1px no-repeat,linear-gradient(var(--clio-ink),var(--clio-ink)) 0 100% / 100% 1px no-repeat;--clio-list-view-sorted-header-bg:var(--clio-list-view-header-bg);--clio-list-view-sorted-decoration:underline;--clio-list-view-sorted-bg:transparent;--clio-list-view-sort-width:0;--clio-slider-height:16px;--clio-slider-track-height:7px;--clio-slider-track-top:3px;--clio-slider-track-slice:3px;--clio-slider-track-slice-n:3;--clio-slider-thumb-width:15px;--clio-slider-thumb-height:16px;--clio-art-slider-track:url("art/platinum/slider-track.png");--clio-art-slider-thumb:url("art/platinum/slider-thumb.png");--clio-slider-tick-gap:0px;--clio-slider-tick-count:5;--clio-slider-tick-offset:9px;--clio-slider-tick-run:18px;--clio-slider-tick-light:#fff;--clio-slider-tick-ink:#000;--clio-slider-tick-shade:#888;--clio-little-arrows-width:15px;--clio-little-arrows-height:25px;--clio-art-little-arrows:url("art/system7/little-arrows.png");--clio-art-little-arrows-up:var(--clio-art-little-arrows);--clio-art-little-arrows-down:var(--clio-art-little-arrows);--clio-art-little-arrows-disabled:var(--clio-art-little-arrows);--clio-bevel-min:20px;--clio-bevel-padding:0 2px;--clio-bevel-slice:3px;--clio-bevel-slice-n:3;--clio-art-bevel:url("art/platinum/bevel.png");--clio-art-bevel-held:url("art/platinum/bevel-held.png");--clio-art-bevel-menu-arrow:url("art/platinum/bevel-menu-arrow.png");--clio-bevel-arrow-right:5px;--clio-bevel-arrow-bottom:4px;--clio-bevel-arrow-width:3px;--clio-bevel-arrow-height:2px;--clio-art-chasing-arrows:url("art/platinum/chasing-arrows.png");--clio-chasing-arrows-frames:3;--clio-separator-height:1px;--clio-separator-margin:8px 0;--clio-separator-bg:var(--clio-ink);--clio-art-help-button:url("art/platinum/help-button.png");--clio-image-well-bg:#fff;--clio-utility-titlebar-height:13px;--clio-utility-titlebar-row:11px;--clio-utility-box-size:9px;--clio-utility-slot:13px;--clio-utility-title-size:9px;--clio-art-balloon:url("art/platinum/balloon.png");--clio-art-balloon-tail:url("art/platinum/balloon-tail.png");--clio-art-menu-scroll-down:url("art/system7/menu-scroll-down.png");--clio-art-menu-scroll-up:url("art/system7/menu-scroll-up.png");--clio-menu-scroll-left:5px;--clio-art-frame-s6-button:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAACVBMVEUAAAAAAAD///+D3c/SAAAAAXRSTlMAQObYZgAAACpJREFUeJxjYAxgYBINZWBiYWFgCmB0YGJgYABhBqmVDEx//jAwMAYwAAA66QRtNyAoFwAAAABJRU5ErkJggg==");--clio-art-frame-s6-button-held:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAB1JREFUeJxjkGFgSmZgYmBg/N/IxABiMNSDSRkGACm1Aqb7EOVpAAAAAElFTkSuQmCC");--clio-art-frame-s6-ring:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAADRJREFUeJxjYD/AIP+BSYGDsYaB5csahg9yTB8+MDEwgJCAAFPDPyaeBAb7H0wPfjCwHwAAEpMM/gNXK+MAAAAASUVORK5CYII=");--clio-art-frame-p9-button:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAGFBMVEUAAAAAAAB3d3fd3d27u7uqqqoiIiL///+EaqngAAAAAXRSTlMAQObYZgAAADxJREFUeJxjYEgUTGBgYnyk9JCBMUWYYa8O03qGPXIbmBj+MDAwMIERY8pFhbN2jIyOD/7fZ/ov/96eAQBghg8JraaOFgAAAABJRU5ErkJggg==");--clio-art-frame-p9-button-held:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAGFBMVEUAAAAAAAB3d3dVVVVmZmYiIiKIiIhEREQ39d/AAAAAAXRSTlMAQObYZgAAAD9JREFUeJxjYAgUDGBgYVRT+8XAGC5zgJ+PUVxG8NErJgZGBgYGJgaGfwwMLA6vH7i8YmRUdfg9n+m/9ur3DAAxwg5nPuolSwAAAABJRU5ErkJggg==");--clio-art-frame-p9-ring:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAG1BMVEUAAAAAAAB3d3fd3d3MzMy7u7uqqqoiIiKIiIhznn7oAAAAAXRSTlMAQObYZgAAAFpJREFUeJxjZGDnYmB7ycDCwKPAwPjzAwujgjEDg+x6xuLDrx6oOXEwCCcxMDAlCTAx/GMAISYGCEDQTGAOUyKLAoOKQgIjY6gAA9PO+4wMElwMDO8+MELNBwCaGBDQEM8mggAAAABJRU5ErkJggg==");--clio-art-frame-p9-button-disabled:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAACVBMVEUAAACIiIjd3d2RXqmqAAAAAXRSTlMAQObYZgAAACFJREFUeJxjYA1hYBINZWAKYHRgYmBgQMYMUisZGFhDGAAtsQJ9dgAT/gAAAABJRU5ErkJggg==");--clio-art-frame-p9-popup:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAGFBMVEUAAAAAAAB3d3fd3d27u7uqqqoiIiL///+EaqngAAAAAXRSTlMAQObYZgAAACtJREFUeJxjYEhMYGBi5H/IwJh+klWbQYCBQYAl/OQnOwbGAEUGpv+C9gwAea0HTcaLsPwAAAAASUVORK5CYII=");--clio-art-frame-p9-popup-open:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAGFBMVEUAAAAAAADd3d1mZmZEREQiIiKIiIj///+MKsksAAAAAXRSTlMAQObYZgAAACtJREFUeJxjEBQMYGBii//IwCjOKSbFIMDAIMAozun2iomB4fcGJgbG9wwAWK0GLJJZmp8AAAAASUVORK5CYII=");--clio-art-frame-p9-popup-disabled:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAgMAAAC5PL9AAAAACVBMVEUAAACIiIjd3d2RXqmqAAAAAXRSTlMAQObYZgAAAB1JREFUeJxjZLVmEg5gChBhcGBh0ljAtOENI6s1ACDmA/qjrWTUAAAAAElFTkSuQmCC");--clio-art-s6-gray50:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h1v1H1zM0 1h1v1H0z'/%3E%3C/svg%3E");--clio-art-s6-menucheck-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M8 0h1v1h-1zM7 1h2v1h-2zM6 2h2v1h-2zM5 3h2v1h-2zM0 4h1v1h-1zM4 4h2v1h-2zM0 5h2v1h-2zM3 5h2v1h-2zM1 6h3v1h-3zM2 7h1v1h-1z'/%3E%3C/svg%3E");--clio-art-s6-strip-cap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M1 1h13v22H1z'/%3E%3Cpath d='M0 0h15v1H0zM0 23h15v1H0zM0 1h1v22H0zM14 1h1v22h-1zM3 8h8v1H3zM3 15h8v1H3zM3 9h1v6H3zM10 9h1v6h-1z'/%3E%3C/svg%3E");--clio-art-s6-strip-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' shape-rendering='crispEdges'%3E%3Cpath d='M4 1h1v8H4zM3 2h1v6H3zM2 3h1v4H2zM1 4h1v2H1z'/%3E%3C/svg%3E");--clio-art-s6-strip-forward:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' shape-rendering='crispEdges'%3E%3Cpath d='M5 1h1v8H5zM6 2h1v6H6zM7 3h1v4H7zM8 4h1v2H8z'/%3E%3C/svg%3E");--clio-art-s6-strip-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v7H0zM1 1h1v5H1zM2 2h1v3H2zM3 3h1v1H3z'/%3E%3C/svg%3E");--clio-art-s6-strip-handle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M0 1h9l8 8v6l-8 8H0z'/%3E%3Cpath d='M0 0h10v1H0zM10 1h1v1h-1zM11 2h1v1h-1zM12 3h1v1h-1zM13 4h1v1h-1zM14 5h1v1h-1zM15 6h1v1h-1zM16 7h1v1h-1zM17 8h1v8h-1zM16 16h1v1h-1zM15 17h1v1h-1zM14 18h1v1h-1zM13 19h1v1h-1zM12 20h1v1h-1zM11 21h1v1h-1zM10 22h1v1h-1zM0 23h10v1H0zM5 6h1v1H5zM5 9h1v1H5zM5 12h1v1H5zM5 15h1v1H5zM5 18h1v1H5z'/%3E%3C/svg%3E");--clio-art-s6-strip-tab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M0 1h9l8 8v6l-8 8H0z'/%3E%3Cpath d='M0 0h10v1H0zM10 1h1v1h-1zM11 2h1v1h-1zM12 3h1v1h-1zM13 4h1v1h-1zM14 5h1v1h-1zM15 6h1v1h-1zM16 7h1v1h-1zM17 8h1v8h-1zM16 16h1v1h-1zM15 17h1v1h-1zM14 18h1v1h-1zM13 19h1v1h-1zM12 20h1v1h-1zM11 21h1v1h-1zM10 22h1v1h-1zM0 23h10v1H0zM5 6h1v1H5zM5 9h1v1H5zM5 12h1v1H5zM5 15h1v1H5zM5 18h1v1H5z'/%3E%3C/svg%3E");--clio-art-rdoc-mask-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 0h1v1h-1zM3 1h3v1h-3zM2 2h4v1h-4zM1 3h5v1h-5zM1 4h5v1h-5zM0 5h6v1h-6z'/%3E%3C/svg%3E");--clio-art-rdoc-frame-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M5 0h1v1h-1zM3 1h3v1h-3zM2 2h2v1h-2zM1 3h2v1h-2zM1 4h1v1h-1zM0 5h2v1h-2z'/%3E%3C/svg%3E");--clio-art-rdoc-mask-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1h-1zM0 1h3v1h-3zM0 2h4v1h-4zM0 3h5v1h-5zM0 4h5v1h-5zM0 5h6v1h-6z'/%3E%3C/svg%3E");--clio-art-rdoc-frame-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1h-1zM0 1h3v1h-3zM2 2h2v1h-2zM3 3h2v1h-2zM4 4h1v1h-1zM4 5h2v1h-2z'/%3E%3C/svg%3E");--clio-art-rdoc-mask-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h6v1h-6zM1 1h5v1h-5zM1 2h5v1h-5zM2 3h4v1h-4zM3 4h3v1h-3zM5 5h1v1h-1z'/%3E%3C/svg%3E");--clio-art-rdoc-frame-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h2v1h-2zM1 1h1v1h-1zM1 2h2v1h-2zM2 3h2v1h-2zM3 4h3v1h-3zM5 5h1v1h-1z'/%3E%3C/svg%3E");--clio-art-rdoc-mask-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h6v1h-6zM0 1h5v1h-5zM0 2h5v1h-5zM0 3h4v1h-4zM0 4h3v1h-3zM0 5h1v1h-1z'/%3E%3C/svg%3E");--clio-art-rdoc-frame-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M4 0h2v1h-2zM4 1h1v1h-1zM3 2h2v1h-2zM2 3h2v1h-2zM0 4h3v1h-3zM0 5h1v1h-1z'/%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,.rounded-window,.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:var(--clio-font-smoothing);-moz-osx-font-smoothing:grayscale}: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,.details-bar,.listbox,[role="listbox"],.status-bar,.icon,input,textarea){font-family:var(--clio-font-text);font-stretch:var(--clio-font-stretch-text);-webkit-font-smoothing:var(--clio-text-smoothing);-moz-osx-font-smoothing:var(--clio-text-smoothing-moz)}: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(.display){font-family:var(--clio-font-display);-webkit-font-smoothing:auto}: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(:root){--clio-cursor-arrow:image-set(url("art/cursors/arrow.png") 1x,url("art/cursors/arrow-2x.png") 2x,url("art/cursors/arrow-3x.png") 3x) 1 1,default;--clio-cursor-text:image-set(url("art/cursors/ibeam.png") 1x,url("art/cursors/ibeam-2x.png") 2x,url("art/cursors/ibeam-3x.png") 3x) 3 4,text;--clio-cursor-wait:image-set(url("art/cursors/watch.png") 1x,url("art/cursors/watch-2x.png") 2x,url("art/cursors/watch-3x.png") 3x) 8 8,wait;cursor:var(--clio-cursor-arrow)}:where(:root.clio-system-cursors){--clio-cursor-arrow:default;--clio-cursor-text:text;--clio-cursor-wait:wait}:where(input:not([type="checkbox"],[type="radio"],[type="range"],[type="button"],[type="submit"],[type="reset"],[type="color"],[type="file"],[type="image"]),textarea,[contenteditable]:not([contenteditable="false"])){cursor:var(--clio-cursor-text)}:where(.window,.menu-bar,[role="menubar"],.menu,[role="menu"],.modal-dialog,.alert-box,.standard-dialog,.modeless-dialog,.control-strip,.clio,.desktop) :where(a:any-link,button,label,summary,select,[role="button"],[role="tab"]){cursor:var(--clio-cursor-arrow)}:where([aria-busy="true"]),:where([aria-busy="true"]) *{cursor:var(--clio-cursor-wait)}: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-window-title,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:var(--clio-cursor-arrow);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,.resize,.resize-box,.zoom):is(:active:where(:not([data-clio-off])),.active){background:var(--clio-art-s6-burst) 0 0 / 11px 11px no-repeat border-box,var(--clio-paper)}.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:where(:not([data-clio-off])),.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;min-height:var(--clio-details-height);padding:var(--clio-details-padding);border-bottom:var(--clio-details-border);background:var(--clio-details-bg);box-shadow:var(--clio-details-shadow,none);font-family:var(--clio-font-small);font-size:var(--clio-details-font-size);line-height:var(--clio-details-height);white-space:nowrap}:where(.separator){flex:none;box-sizing:border-box;height:var(--clio-separator-height);margin:var(--clio-separator-margin);border:0;background:var(--clio-separator-bg)}: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-small);font-size:var(--clio-font-size-small);line-height:14px}:where(.window.collapsed){height:auto !important;min-height:0 !important}:where(.window.collapsed)>:not(.title-bar){display:none !important}: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:var(--clio-cursor-arrow)}: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(:not([data-clio-off])),: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:calc(100% + 1px);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([data-clio-menus]) li:focus-within:not(.open)>:is(.menu,ul[role="menu"]){display:none}: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:var(--clio-cursor-arrow)}: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:var(--clio-cursor-arrow)}:where(.menu,[role="menu"])>li:not(.disabled,[aria-disabled="true"],.separator,[role="separator"]):is(:hover,:focus-within,.active):where(:not([data-clio-blink])),:where(.menu,[role="menu"])>li>:is(a,button):not([aria-disabled="true"],:disabled):is(:hover,:focus-visible,.active):where(:not([data-clio-blink])){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);background-image:var(--clio-disabled-dither);background-size:2px 2px;background-attachment:fixed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--clio-disabled-fill)}: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:9px;height:8px;margin-top:-4px;background:var(--clio-art-s6-menucheck) 0 0 / 9px 8px no-repeat}:where(.menu,[role="menu"])>li:is(.checked,[aria-checked="true"]):is(:hover,:focus-within,.active):where(:not([data-clio-blink]))::before,:where(.menu,[role="menu"])>li>:is([aria-checked="true"],.checked):is(:hover,:focus-visible,.active):where(:not([data-clio-blink]))::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):where(:not([data-clio-blink]))::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(.menu,[role="menu"])>:where(li.scroll-down,li.scroll-up){min-height:var(--clio-menu-item-height);padding:0;background:var(--clio-art-menu-scroll-down) var(--clio-menu-scroll-left) 50% / auto no-repeat}:where(.menu,[role="menu"])>:where(li.scroll-up){background-image:var(--clio-art-menu-scroll-up)}:where(.menu-bar,[role="menubar"])>:where(li.menu-extras){margin-left:auto}:where(.menu-bar,[role="menubar"],.menu,[role="menu"]) :where(img){width:16px;height:16px;margin-right:4px;vertical-align:-3px;image-rendering:pixelated}: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);border-image:var(--clio-button-frame) var(--clio-button-frame-slice) fill / calc(var(--clio-button-frame-slice) * 1px) stretch;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);-webkit-font-smoothing:var(--clio-font-smoothing);-moz-osx-font-smoothing:grayscale;line-height:14px;text-align:center;text-decoration:none;white-space:nowrap;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow);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:where(:not([data-clio-off])),.active){background:var(--clio-button-active-bg);box-shadow:var(--clio-button-active-shadow);border-image-source:var(--clio-button-frame-held);color:var(--clio-button-active-fg)}:where(.default,.btn-default,button[type="submit"].default){position:relative;border-radius:var(--clio-button-radius)}:where(.default,.btn-default)::before{content:"";position:absolute;inset:calc(-1px - var(--clio-button-default-gap) - var(--clio-button-default-width));border:var(--clio-button-default-width) solid var(--clio-ink);border-radius:var(--clio-button-default-radius);border-image:var(--clio-ring-frame) var(--clio-ring-frame-slice) / calc(var(--clio-ring-frame-slice) * 1px) stretch;pointer-events:none}: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);background-image:var(--clio-disabled-dither),linear-gradient(var(--clio-button-bg),var(--clio-button-bg));background-size:2px 2px,auto;background-attachment:fixed,scroll;-webkit-background-clip:text,border-box;background-clip:text,border-box;-webkit-text-fill-color:var(--clio-disabled-fill);border-image-source:var(--clio-button-frame-disabled,var(--clio-button-frame));border-image-slice:var(--clio-button-frame-slice)}: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:var(--clio-cursor-arrow)}: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:where(:not([data-clio-off])){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:var(--clio-cursor-arrow)}:where(input[type="radio"]):checked{background:var(--clio-radio-on)}:where(input[type="radio"]):not(:disabled):active:where(:not([data-clio-off])){background:var(--clio-radio-pressed)}:where(input[type="radio"]):checked:not(:disabled):active:where(:not([data-clio-off])){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);background-image:var(--clio-disabled-dither);background-size:2px 2px;background-attachment:fixed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--clio-disabled-fill)}: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-field-focus-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-popup-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);border-image:var(--clio-popup-frame) var(--clio-popup-frame-slice) / calc(var(--clio-popup-frame-slice) * 1px) stretch;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);-webkit-font-smoothing:var(--clio-font-smoothing);-moz-osx-font-smoothing:grayscale;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}:where(select):focus-visible{outline:var(--clio-focus-outline);outline-offset:var(--clio-focus-offset)}:where(select):disabled{color:var(--clio-popup-disabled-fg,var(--clio-disabled));opacity:1;mask:var(--clio-popup-disabled-mask,none);mask-clip:no-clip}@supports (appearance: base-select){@media (pointer: fine){:where(select:not([multiple],[size]:not([size="1"]))),:where(select:not([multiple],[size]:not([size="1"])))::picker(select){appearance:base-select}:where(select:not([multiple],[size]:not([size="1"]))){display:inline-block;align-items:normal;gap:normal;text-align:start}:where(select)::picker-icon{display:none}:where(select)::picker(select){position-area:span-block-end span-inline-end;position-try-fallbacks:none;inset:auto;min-width:anchor-size(width);margin:0;padding:0;translate:0 var(--clio-picker-shift,0px);border:var(--clio-menu-border);border-top-width:var(--clio-menu-border-top-width,1px);border-radius:0;background:var(--clio-menu-bg);box-shadow:var(--clio-menu-shadow);color:var(--clio-ink)}:where(select) option{position:relative;display:flex;align-items:center;min-height:var(--clio-menu-item-height);padding:var(--clio-menu-item-padding);font:inherit;font-weight:var(--clio-menu-item-weight,inherit);line-height:var(--clio-menu-item-height);white-space:nowrap;outline:none}:where(select) option:is(:hover,:focus-visible):not(:disabled){background:var(--clio-menu-item-active-bg);box-shadow:var(--clio-menu-item-active-shadow);color:var(--clio-menu-item-active-fg)}:where(select) option:disabled{color:var(--clio-disabled)}:where(select) option::checkmark{content:"";position:absolute;top:50%;left:3px;width:9px;height:8px;margin-top:-4px;background:var(--clio-art-s6-menucheck) 0 0 / 9px 8px no-repeat}:where(select) option:is(:hover,:focus-visible)::checkmark{background-image:var(--clio-art-s6-menucheck-on)}}}: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:var(--clio-cursor-arrow)}: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:var(--clio-cursor-arrow)}: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-small);font-size:var(--clio-font-size-small);text-align:center;cursor:var(--clio-cursor-arrow)}: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(.disclosure){display:inline-block;box-sizing:border-box;width:var(--clio-disclosure-size);height:var(--clio-disclosure-size);min-width:0;min-height:0;margin:0;padding:0;border:0;background:var(--clio-art-disclosure) 0 0 / var(--clio-disclosure-size) var(--clio-disclosure-size) no-repeat;box-shadow:none;vertical-align:middle;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}:where(.disclosure):is([aria-expanded="true"],.open){background-image:var(--clio-art-disclosure-open)}:where(details)>:where(summary){display:flex;align-items:center;gap:var(--clio-disclosure-gap);list-style:none;cursor:var(--clio-cursor-arrow)}:where(details)>:where(summary)::-webkit-details-marker{display:none}:where(details)>:where(summary)::before{content:"";flex:none;width:var(--clio-disclosure-size);height:var(--clio-disclosure-size);background:var(--clio-art-disclosure) 0 0 / var(--clio-disclosure-size) var(--clio-disclosure-size) no-repeat}:where(details[open])>:where(summary)::before{background-image:var(--clio-art-disclosure-open)}:where(.list-view){border-collapse:collapse;border-spacing:0;background:var(--clio-list-view-bg);font-family:var(--clio-font-small);font-size:var(--clio-font-size-small);line-height:var(--clio-list-view-row)}:where(.list-view) :where(th,td){box-sizing:border-box}:where(.list-view) :where(th){height:var(--clio-list-view-header-height);padding:var(--clio-list-view-header-padding);background:var(--clio-list-view-header-bg);font-weight:normal;line-height:14px;text-align:left;vertical-align:top;white-space:nowrap}:where(.list-view) :where(th[aria-sort]:not([aria-sort="none"])){background:var(--clio-list-view-sorted-header-bg);text-decoration:var(--clio-list-view-sorted-decoration);text-underline-offset:2px}:where(.list-view) :where(td){height:var(--clio-list-view-row);padding:0 4px;vertical-align:middle;white-space:nowrap}:where(.list-view) :where(td.sorted){background:var(--clio-list-view-sorted-bg)}:where(.list-view) :where(.sort-direction){width:var(--clio-list-view-sort-width);padding:0}:where(input[type="range"]){box-sizing:border-box;height:var(--clio-slider-height);margin:0;padding:0 0 calc(var(--clio-slider-height) - var(--clio-slider-track-height) - 2 * var(--clio-slider-track-top));background:transparent;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}:where(input[type="range"].ticks){--clio-slider-tick-spacing:round((100% - var(--clio-slider-tick-run)) / (var(--clio-slider-tick-count) - 1),1px);height:calc(var(--clio-slider-height) + var(--clio-slider-tick-gap) + 4px);background:repeating-linear-gradient(to right,var(--clio-slider-tick-light) 0 1px,var(--clio-slider-tick-ink) 1px 2px,var(--clio-slider-tick-shade) 2px 3px,transparent 3px var(--clio-slider-tick-spacing)) var(--clio-slider-tick-offset) 100% / 100% 3px no-repeat,repeating-linear-gradient(to right,var(--clio-slider-tick-light) 0 2px,transparent 2px var(--clio-slider-tick-spacing)) var(--clio-slider-tick-offset) calc(100% - 3px) / 100% 1px no-repeat}:where(input[type="range"])::-webkit-slider-runnable-track{box-sizing:border-box;height:var(--clio-slider-track-height);border-style:solid;border-width:var(--clio-slider-track-slice);border-color:transparent;border-image:var(--clio-art-slider-track) var(--clio-slider-track-slice-n) fill / var(--clio-slider-track-slice) stretch}:where(input[type="range"])::-webkit-slider-thumb{width:var(--clio-slider-thumb-width);height:var(--clio-slider-thumb-height);margin-top:calc(-1 * (var(--clio-slider-track-top) + var(--clio-slider-track-slice)));border:0;background:var(--clio-art-slider-thumb) 0 0 / 100% 100% no-repeat;appearance:none;-webkit-appearance:none}@supports selector(::-moz-range-thumb){:where(input[type="range"]){padding-inline:var(--clio-slider-track-slice)}}:where(input[type="range"])::-moz-range-track{margin-inline:calc(-1 * var(--clio-slider-track-slice))}:where(input[type="range"])::-moz-range-track{box-sizing:border-box;height:var(--clio-slider-track-height);border-style:solid;border-width:var(--clio-slider-track-slice);border-color:transparent;border-image:var(--clio-art-slider-track) var(--clio-slider-track-slice-n) fill / var(--clio-slider-track-slice) stretch}:where(input[type="range"])::-moz-range-thumb{box-sizing:border-box;width:var(--clio-slider-thumb-width);height:var(--clio-slider-thumb-height);border:0;border-radius:0;background:var(--clio-art-slider-thumb) 0 0 / 100% 100% no-repeat;translate:0 round(down,(var(--clio-slider-thumb-height) - var(--clio-slider-track-height) - 2 * var(--clio-slider-track-top)) / 2,1px)}:where(.little-arrows){display:inline-flex;flex-direction:column;width:var(--clio-little-arrows-width);height:var(--clio-little-arrows-height);background:var(--clio-art-little-arrows) 0 0 / 100% 100% no-repeat;vertical-align:middle}:where(.little-arrows)>:where(button){flex:1 1 50%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-image:none;background:transparent;box-shadow:none;appearance:none;-webkit-appearance:none}:where(.little-arrows)>:where(button)::before,:where(.little-arrows)>:where(button)::after{content:none}:where(.little-arrows):has(>.up:active:where(:not([data-clio-off]))){background-image:var(--clio-art-little-arrows-up,var(--clio-art-little-arrows))}:where(.little-arrows):has(>.down:active:where(:not([data-clio-off]))){background-image:var(--clio-art-little-arrows-down,var(--clio-art-little-arrows))}:where(.little-arrows):is([aria-disabled="true"],:has(>button:disabled)){background-image:var(--clio-art-little-arrows-disabled,var(--clio-art-little-arrows))}:where(.bevel){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--clio-bevel-min);min-height:var(--clio-bevel-min);margin:0;padding:var(--clio-bevel-padding);border:var(--clio-bevel-slice) solid transparent;border-radius:0;border-image:var(--clio-art-bevel) var(--clio-bevel-slice-n) fill / var(--clio-bevel-slice) stretch;background:transparent;box-shadow:none;color:var(--clio-ink);font:inherit;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}:where(.bevel):is(:active:where(:not([data-clio-off])),.active,[aria-pressed="true"]):not(:disabled){border-image-source:var(--clio-art-bevel-held)}:where(.bevel){position:relative}:where(.bevel)::before,:where(.bevel)::after{content:none}:where(.bevel.menu,.bevel[aria-haspopup])::after{content:"";position:absolute;right:calc(var(--clio-bevel-arrow-right) - var(--clio-bevel-slice));bottom:calc(var(--clio-bevel-arrow-bottom) - var(--clio-bevel-slice));width:var(--clio-bevel-arrow-width);height:var(--clio-bevel-arrow-height);background:var(--clio-art-bevel-menu-arrow) 0 0 / 100% 100% no-repeat}:where(.listbox,[role="listbox"],select[multiple]):is(:focus-visible,:focus-within){box-shadow:var(--clio-list-focus-shadow,var(--clio-list-shadow))}:where(.chasing-arrows){position:relative;display:inline-block;width:16px;height:16px;overflow:hidden;vertical-align:middle}:where(.chasing-arrows)::before{content:"";position:absolute;top:0;left:0;width:calc(16px * var(--clio-chasing-arrows-frames));height:16px;background:var(--clio-art-chasing-arrows) 0 0 / 100% 100% no-repeat;animation:clio-chase calc(var(--clio-chasing-arrows-frames) * 0.12s) steps(var(--clio-chasing-arrows-frames)) infinite}@keyframes clio-chase{to{transform:translateX(calc(-16px * var(--clio-chasing-arrows-frames)))}}@media (prefers-reduced-motion: reduce){:where(.chasing-arrows)::before{animation:none}}:where(.help-button){box-sizing:border-box;width:21px;min-width:0;height:20px;min-height:0;margin:0;padding:0;border:0;border-radius:0;border-image:none;background:var(--clio-art-help-button) 0 0 / 21px 20px no-repeat;box-shadow:none;color:transparent;font-size:0;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}:where(.help-button)::before,:where(.help-button)::after{content:none}:where(.image-well){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:var(--clio-field-border);background:var(--clio-image-well-bg);box-shadow:var(--clio-field-shadow)}:where(fieldset>legend)>:where(label){display:inline-flex;align-items:center;gap:4px}:where(.window.utility){--clio-titlebar-height:var(--clio-utility-titlebar-height);--clio-titlebar-row:var(--clio-utility-titlebar-row);--clio-box-size:var(--clio-utility-box-size);--clio-titlebar-slot:var(--clio-utility-slot);min-width:80px}:where(.window.utility)>:where(.title-bar)>:is(.title,h1,h2,h3){font-size:var(--clio-utility-title-size,var(--clio-title-font-size))}:where(.balloon){position:relative;box-sizing:border-box;width:max-content;max-width:260px;margin-top:14px;padding:8px 12px 10px 10px;border:10px solid transparent;border-image:var(--clio-art-balloon) 10 fill / 10px stretch;font-family:var(--clio-font-small);font-size:var(--clio-font-size-small);line-height:13px}:where(.balloon){padding:0 2px 0 0}:where(.balloon)::before{content:"";position:absolute;top:-23px;right:-5px;width:12px;height:14px;background:var(--clio-art-balloon-tail) 0 0 / 12px 14px no-repeat}:where(.rounded-window){--clio-rounded-bg:#fff;position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-width:60px;border:1px solid #000;background:var(--clio-rounded-bg);-webkit-mask:var(--clio-art-rdoc-mask-tl) left top / 6px 6px no-repeat,var(--clio-art-rdoc-mask-tr) right top / 6px 6px no-repeat,var(--clio-art-rdoc-mask-bl) left bottom / 6px 6px no-repeat,var(--clio-art-rdoc-mask-br) right bottom / 6px 6px no-repeat,linear-gradient(#000,#000) 0 6px / 100% calc(100% - 12px) no-repeat,linear-gradient(#000,#000) 6px 0 / calc(100% - 12px) 100% no-repeat;mask:var(--clio-art-rdoc-mask-tl) left top / 6px 6px no-repeat,var(--clio-art-rdoc-mask-tr) right top / 6px 6px no-repeat,var(--clio-art-rdoc-mask-bl) left bottom / 6px 6px no-repeat,var(--clio-art-rdoc-mask-br) right bottom / 6px 6px no-repeat,linear-gradient(#000,#000) 0 6px / 100% calc(100% - 12px) no-repeat,linear-gradient(#000,#000) 6px 0 / calc(100% - 12px) 100% no-repeat}.rounded-window::after{content:"";position:absolute;inset:-1px;z-index:1;background:var(--clio-art-rdoc-frame-tl) left top / 6px 6px no-repeat,var(--clio-art-rdoc-frame-tr) right top / 6px 6px no-repeat,var(--clio-art-rdoc-frame-bl) left bottom / 6px 6px no-repeat,var(--clio-art-rdoc-frame-br) right bottom / 6px 6px no-repeat;pointer-events:none}.rounded-window>.rounded-title{position:relative;display:flex;flex:none;justify-content:center;box-sizing:border-box;height:18px;padding:1px 1px 0 18px;border-bottom:1px solid #000;background:#000;color:#fff;font-family:var(--clio-font-window-title,var(--clio-font-chrome));user-select:none;-webkit-user-select:none}.rounded-window>.rounded-title>:is(.title,h1,h2,h3){margin:0;overflow:hidden;color:inherit;font:inherit;font-size:var(--clio-title-font-size);font-stretch:var(--clio-font-stretch-title);font-weight:var(--clio-chrome-weight);line-height:16px;text-overflow:ellipsis;white-space:nowrap}.rounded-window>.rounded-title>:is(button.close,.close){position:absolute;top:3px;left:8px;box-sizing:border-box;width:11px;min-width:0;height:11px;min-height:0;margin:0;padding:0;border:1px solid #fff;border-image:none;border-radius:0;background:transparent;box-shadow:none;font-size:0;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}.rounded-window>.rounded-title>:is(button.close,.close)::before,.rounded-window>.rounded-title>:is(button.close,.close)::after{content:none}.rounded-window>.rounded-title>:is(button.close,.close):focus-visible{outline:1px dotted #fff;outline-offset:1px}.rounded-window.inactive>.rounded-title{background:#fff;color:#000}.rounded-window.inactive>.rounded-title>:is(button.close,.close){visibility:hidden}:where(.placard){display:inline-flex;align-items:center;box-sizing:border-box;min-height:16px;margin:0;padding:0 4px;border:1px solid var(--clio-ink);border-radius:0;background:var(--clio-paper);box-shadow:none;color:var(--clio-ink);font-family:var(--clio-font-small);font-size:var(--clio-font-size-small,9px);line-height:12px;white-space:nowrap}:where(.split-view){display:flex;flex-direction:column;min-height:0;background:var(--clio-split-bg,var(--clio-pane-bg))}:where(.split-view)>:where(.split-bar){align-self:flex-end}:where(.split-bar){flex:none;box-sizing:border-box;width:var(--clio-scrollbar-size);height:var(--clio-split-bar-height,5px);background:var(--clio-split-ink,var(--clio-ink));cursor:row-resize}:where(.split-line){--clio-split-line-1:1px;flex:none;box-sizing:border-box;height:var(--clio-split-bar-height,5px);margin:0;border:0;background:linear-gradient(var(--clio-split-ink,var(--clio-ink)),var(--clio-split-ink,var(--clio-ink))) right top / var(--clio-scrollbar-size) 100% no-repeat,linear-gradient(var(--clio-split-ink,var(--clio-ink)),var(--clio-split-ink,var(--clio-ink))) 0 var(--clio-split-line-1) / 100% 1px no-repeat,linear-gradient(var(--clio-split-ink,var(--clio-ink)),var(--clio-split-ink,var(--clio-ink))) 0 calc(var(--clio-split-line-1) + 2px) / 100% 1px no-repeat,var(--clio-split-bg,var(--clio-pane-bg));cursor:row-resize}: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-display);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 *)>.clio-sb-anchor>.clio-sb{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 *)>.clio-sb-anchor>.clio-sb>.clio-sb-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 *)>.clio-sb-anchor>.clio-sb.clio-sb-v>.clio-sb-track{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 *)>.clio-sb-anchor>.clio-sb.clio-sb-h>.clio-sb-track{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 *)>.clio-sb-anchor>.clio-sb>.clio-sb-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 *)>.clio-sb-anchor>.clio-sb.clio-sb-h>.clio-sb-thumb{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 *)>.clio-sb-anchor>.clio-sb>.clio-sb-button:not(.clio-sb-never).clio-sb-dec,:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb>.clio-sb-button:not(.clio-sb-never).clio-sb-inc{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),var(--clio-scrollbar-button-bevel)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-v>.clio-sb-button.clio-sb-dec{border-left:1px solid var(--clio-ink);border-bottom:1px solid var(--clio-ink);background-image:var(--clio-scrollbar-up),var(--clio-scrollbar-button-bevel)}: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),var(--clio-scrollbar-button-bevel)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-v>.clio-sb-button.clio-sb-inc{border-left:1px solid var(--clio-ink);border-top:1px solid var(--clio-ink);background-image:var(--clio-scrollbar-down),var(--clio-scrollbar-button-bevel)}: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),var(--clio-scrollbar-button-bevel)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-h>.clio-sb-button.clio-sb-dec{border-top:1px solid var(--clio-ink);border-right:1px solid var(--clio-ink);background-image:var(--clio-scrollbar-left),var(--clio-scrollbar-button-bevel)}: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),var(--clio-scrollbar-button-bevel)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-h>.clio-sb-button.clio-sb-inc{border-top:1px solid var(--clio-ink);border-left:1px solid var(--clio-ink);background-image:var(--clio-scrollbar-right),var(--clio-scrollbar-button-bevel)}: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),var(--clio-scrollbar-button-bevel-on,none)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-v>.clio-sb-button.clio-sb-dec.clio-held{background-image:var(--clio-scrollbar-up-on),var(--clio-scrollbar-button-bevel-on,none)}: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),var(--clio-scrollbar-button-bevel-on,none)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-v>.clio-sb-button.clio-sb-inc.clio-held{background-image:var(--clio-scrollbar-down-on),var(--clio-scrollbar-button-bevel-on,none)}: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),var(--clio-scrollbar-button-bevel-on,none)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-h>.clio-sb-button.clio-sb-dec.clio-held{background-image:var(--clio-scrollbar-left-on),var(--clio-scrollbar-button-bevel-on,none)}: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),var(--clio-scrollbar-button-bevel-on,none)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb.clio-sb-h>.clio-sb-button.clio-sb-inc.clio-held{background-image:var(--clio-scrollbar-right-on),var(--clio-scrollbar-button-bevel-on,none)}: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-corner)}:where(.window-pane,.listbox,[role="listbox"],textarea,select[multiple],.clio-scroll,.clio-scrollbars *)>.clio-sb-anchor>.clio-sb-corner{border-top:1px solid var(--clio-ink);border-left:1px solid var(--clio-ink);background:var(--clio-scrollbar-corner)}@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)}}.clio-sb-host{box-sizing:border-box;scrollbar-width:none}.clio-sb-host::-webkit-scrollbar{display:none}.clio-sb-host.clio-sb-y{padding-right:calc(var(--clio-sb-pr,0px) + var(--clio-scrollbar-size))}.clio-sb-host.clio-sb-x{padding-bottom:calc(var(--clio-sb-pb,0px) + var(--clio-scrollbar-size))}.clio-sb-anchor{position:sticky;top:var(--clio-sb-pt,0px);left:var(--clio-sb-pl,0px);z-index:2;display:block;width:0;height:0;margin:0;padding:0;border:0;float:none}.clio-sb-anchor>:is(.clio-sb,.clio-sb-corner){position:absolute;box-sizing:border-box;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.clio-sb-anchor>.clio-sb>*{position:absolute;box-sizing:border-box;margin:0}.clio-sb-anchor>.clio-sb-v>.clio-sb-dec{top:0;left:0}.clio-sb-anchor>.clio-sb-v>.clio-sb-inc{bottom:0;left:0}.clio-sb-anchor>.clio-sb-v>.clio-sb-track{top:var(--clio-scrollbar-size);bottom:var(--clio-scrollbar-size);left:0;right:0}.clio-sb-anchor>.clio-sb-v>.clio-sb-thumb{top:var(--clio-scrollbar-size);left:var(--clio-scrollbar-thumb-inset,0px);right:0;min-width:0}.clio-sb-anchor>.clio-sb-h>.clio-sb-dec{left:0;top:0}.clio-sb-anchor>.clio-sb-h>.clio-sb-inc{right:0;top:0}.clio-sb-anchor>.clio-sb-h>.clio-sb-track{left:var(--clio-scrollbar-size);right:var(--clio-scrollbar-size);top:0;bottom:0}.clio-sb-anchor>.clio-sb-h>.clio-sb-thumb{left:var(--clio-scrollbar-size);top:var(--clio-scrollbar-thumb-inset,0px);bottom:0;min-height:0}.clio-sb-anchor>.clio-sb-v.clio-sb-smart>.clio-sb-dec{top:auto;bottom:var(--clio-scrollbar-size)}.clio-sb-anchor>.clio-sb-v.clio-sb-smart>.clio-sb-track{top:0;bottom:calc(2 * var(--clio-scrollbar-size))}.clio-sb-anchor>.clio-sb-v.clio-sb-smart>.clio-sb-thumb{top:0}.clio-sb-anchor>.clio-sb-h.clio-sb-smart>.clio-sb-dec{left:auto;right:var(--clio-scrollbar-size)}.clio-sb-anchor>.clio-sb-h.clio-sb-smart>.clio-sb-track{left:0;right:calc(2 * var(--clio-scrollbar-size))}.clio-sb-anchor>.clio-sb-h.clio-sb-smart>.clio-sb-thumb{left:0}.clio-sb-anchor>.clio-sb>.clio-sb-track{background-position:var(--clio-sb-px,0px) var(--clio-sb-py,0px)}.clio-sb-anchor>.clio-sb>.clio-sb-button{z-index:1}.clio-sb-anchor>.clio-sb>.clio-sb-thumb::after{content:"";position:absolute;background:var(--clio-scrollbar-thumb-after,none)}.clio-sb-anchor>.clio-sb-v>.clio-sb-thumb::after{top:calc(100% + 1px);left:0;right:0;height:2px}.clio-sb-anchor>.clio-sb-h>.clio-sb-thumb::after{left:calc(100% + 1px);top:0;bottom:0;width:2px}.clio-sb-anchor>.clio-sb.clio-sb-off>.clio-sb-thumb{display:none}.clio-sb-anchor>.clio-sb>.clio-sb-ghost{z-index:1;padding:1px;background:var(--clio-scrollbar-ghost,#000);background-position:calc(var(--clio-sb-px,0px) + var(--clio-sb-gx,0px)) calc(var(--clio-sb-py,0px) + var(--clio-sb-gy,0px));mix-blend-mode:var(--clio-scrollbar-ghost-blend,normal);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.clio-outline{--e:var(--clio-drag-outline-extra,0px);--k:var(--clio-drag-outline-shadow-inset,1px);--w:var(--clio-drag-outline-width,1px);position:fixed;z-index:2147483000;box-sizing:border-box;margin:0;background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0 0 / 2px 2px;mix-blend-mode:difference;mask:linear-gradient(#000 0 0) left 0 bottom 0 / var(--k) var(--e) no-repeat border-box exclude,linear-gradient(#000 0 0) right 0 top 0 / var(--e) var(--k) no-repeat border-box exclude,linear-gradient(#000 0 0) left var(--w) bottom var(--w) / var(--k) var(--e) no-repeat border-box exclude,linear-gradient(#000 0 0) right var(--w) top var(--w) / var(--e) var(--k) no-repeat border-box exclude,linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0) border-box;pointer-events:none;image-rendering:pixelated}:is(.clio-move,.clio-live){position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important;background:none !important;box-shadow:none !important}.title-bar:has(>.clio-move:focus-visible){outline:var(--clio-focus-outline);outline-offset:-1px}.clio-drag-bar{touch-action:none}.clio-caret{position:absolute;z-index:2147483646;width:1px;background:#fff;mix-blend-mode:difference;pointer-events:none}.clio-caret-off,.clio-caret[hidden]{visibility:hidden}.clio-caret-field{caret-color:transparent}@media (forced-colors: active){.clio-caret{display:none}.clio-caret-field{caret-color:auto}}:root{--clio-art-p9-strip-cap:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAYBAMAAADXK7paAAAAHlBMVEUAAAAAAABERERVVVWAgICIiIigoKDAwMDMzP/////+VYXkAAAAAXRSTlMAQObYZgAAAGlJREFUeJxjFGQAg/8sbAlgxkwWBiUQfZuBheHfAwYGhg8MTBAlDPgYLAx/9jAwsOgysDAwhDIw/L8LYvy98NcVry4mBoa/Zy+AtTOwlzP8AzFY3r0jYBfC0l/3P4AZjILMBiD6DCPMOwBKOxgiile5lQAAAABJRU5ErkJggg==");--clio-art-s7-strip-cap:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAYBAMAAADXK7paAAAAG1BMVEUAAAAAAABERERVVVWIiIiqqqrMzMzMzP/////JRvoVAAAAAXRSTlMAQObYZgAAAGVJREFUeJxjFGQAg/8srAFgxioWBiUQfYeBheHfAwYGhg8MTBAlDPgYLAx/zzIwMMsxsDAwuDAw/L8HYvy98M+FgC6Gf/egDLY0hn8gBvO7dwTsQmj/ff8DmMEoyGwAos8wwrwDAP+1F0dci98qAAAAAElFTkSuQmCC");--clio-art-p9-strip-back:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAACVBMVEUAAABVVVXd3d2apXz3AAAAAXRSTlMAQObYZgAAACxJREFUeJwFwaERwCAABLD0j3oE7IPBs/8KrcBjSKhiKM/cebs0gvzkfFioLlg9BPcTGNP4AAAAAElFTkSuQmCC");--clio-art-p9-strip-forward:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAACVBMVEUAAABVVVXd3d2apXz3AAAAAXRSTlMAQObYZgAAAC1JREFUeJwFwSESABAUQMHnzegC9/nFqRX3IegCuxBIwVYxdySFgLzpHbg2cvhWkAdTrBZiqwAAAABJRU5ErkJggg==");--clio-art-p9-strip-menu:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeJxjaGA4wPCA4QMTA9MHpgcAIQYE58W2/JQAAAAASUVORK5CYII=");--clio-art-p9-strip-handle:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYBAMAAAAFe7ACAAAAFVBMVEUAAAAAAABERERVVVWIiIjMzMz///8V67gPAAAAAXRSTlMAQObYZgAAAINJREFUeJxVz7ENAjEMheE/IbQokRiAUVJQUjAs5RXZhJvgkp6LjGwfBU309PzFkkMBZAApVVgAIqWUZ9bORsE6fWvWJCukoIlbtjICG0sK5iLnVrM7Hqefsy3qPKnzZM6n/+41D/epbbi772IOaOPYsIv/sIrEG6YA4XqB3vWO2UErvmVcJ4BylohjAAAAAElFTkSuQmCC");--clio-art-p9-strip-tab:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYBAMAAAAFe7ACAAAAFVBMVEUAAAAAAABERERVVVWIiIjMzMz///8V67gPAAAAAXRSTlMAQObYZgAAAIFJREFUeJxVz7ENAjEMQNHvKPS+DRiBEVJQMi49WeAkRrgJSHoijOyEgipf1pPlyAbQgMwVxqN7iYIACVprRaMUskS9gKJeSWKYADtGLRruzC3Lcqd6WW7uw45V7ma5m/Xv3uW53H3YdLnU7g4YFg9Q+6phfv2nw95BNlGsRf1++QW6eCj9rQPMHAAAAABJRU5ErkJggg==")}:where(.control-strip){display:inline-flex;align-items:stretch;height:var(--clio-strip-height);max-width:100%;vertical-align:bottom;user-select:none;-webkit-user-select:none}:where(.control-strip)::before,:where(.control-strip)>:is(.control-strip-scroll,.control-strip-modules),:where(.control-strip-module){box-sizing:border-box;border:var(--clio-strip-line);border-left:0;background:var(--clio-strip-bg);box-shadow:var(--clio-strip-cell-shadow)}:where(.control-strip)::before{content:"";flex:none;width:calc(var(--clio-strip-cap-width) + 2px);border:0;background:var(--clio-strip-cap) 0 0 / 100% 100% no-repeat;box-shadow:none}:where(.control-strip)>:is(.control-strip-scroll,.control-strip-handle){flex:none;margin:0;padding:0;border-radius:0;appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}:where(.control-strip)>.control-strip-scroll{width:calc(var(--clio-strip-scroll-width) + 1px);min-width:0;height:auto;min-height:0;background:var(--clio-strip-back) 1px 6px / 10px 10px no-repeat,var(--clio-strip-bg);box-shadow:var(--clio-strip-cell-shadow)}:where(.control-strip)>.control-strip-scroll-forward{background-image:var(--clio-strip-forward)}:where(.control-strip)>.control-strip-scroll:disabled{background:var(--clio-strip-back) 1px 6px / 10px 10px no-repeat,var(--clio-strip-sunken-lines),var(--clio-strip-bg);box-shadow:var(--clio-strip-sunken-shadow)}:where(.control-strip)>.control-strip-scroll-forward:disabled{background-image:var(--clio-strip-forward)}:where(.control-strip)>.control-strip-scroll:not(:disabled):active:where(:not([data-clio-off])),:where(.control-strip-module):not(:disabled):is(:active:where(:not([data-clio-off])),[aria-expanded="true"]){background-color:var(--clio-strip-pressed-bg);box-shadow:var(--clio-strip-pressed-shadow)}:where(.control-strip-modules){display:flex;min-width:0;overflow:hidden;border:0;background:none;box-shadow:none}:where(.control-strip-module-track){display:flex}:where(.control-strip-module){position:relative;display:flex;flex:none;align-items:center;width:calc(var(--clio-strip-module-width) + 1px);min-width:0;height:var(--clio-strip-height);min-height:0;margin:0;padding:0 0 0 var(--clio-strip-icon-inset);border-radius:0;color:var(--clio-ink);appearance:none;-webkit-appearance:none;cursor:var(--clio-cursor-arrow)}:where(.control-strip-module)>:is(svg,img,.sys-icon){width:16px;height:16px}:where(.control-strip-module)[aria-haspopup]::after{content:"";position:absolute;top:var(--clio-strip-menu-top);right:calc(var(--clio-strip-menu-inset) + 1px);width:4px;height:7px;background:var(--clio-strip-menu) 0 0 / 4px 7px no-repeat}:where(.control-strip-module):disabled{color:var(--clio-disabled);opacity:0.5}:where(.control-strip)>.control-strip-handle{width:var(--clio-strip-handle-width);min-width:0;height:var(--clio-strip-height);min-height:0;border:0;background:var(--clio-strip-handle) 0 0 / 100% 100% no-repeat;box-shadow:none}:where(.control-strip.is-collapsed)::before,:where(.control-strip.is-collapsed)>:not(.control-strip-handle){display:none}:where(.control-strip.is-collapsed)>.control-strip-handle{width:var(--clio-strip-tab-width);background-image:var(--clio-strip-tab)}:where(.control-strip)[data-edge="right"]{flex-direction:row-reverse}:where(.control-strip)[data-edge="right"]::before,:where(.control-strip)[data-edge="right"]>.control-strip-handle{transform:scaleX(-1)}:where(.control-strip)>:focus-visible,:where(.control-strip-module):focus-visible{outline:var(--clio-focus-outline);outline-offset:-3px}@media (pointer: coarse){:root,[data-era]{--clio-control-height:36px;--clio-popup-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}}@media (resolution: 2dppx),(resolution: 3dppx),(resolution: 4dppx){:root{image-rendering:pixelated}:where(img,picture,video,canvas,iframe,object,embed){image-rendering:auto}}@font-face{font-family:"Clio Pixel TC";src:url("fonts/FusionPixel12-TC.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+20-F7,U+391-451,U+2013-203E,U+2103-2199,U+2460-247D,U+2500-2642,U+3000-3129,U+32A3,U+4E00-7E9C,U+7F36-8B9E,U+8C37-9483,U+9577-9FA4,U+FA0C-FA0D,U+FE30-FE4F,U+FF01-FFE3}@font-face{font-family:"Clio Pixel SC";src:url("fonts/FusionPixel12-SC.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+20-1DC,U+391-451,U+2015-203B,U+2103-2193,U+2312,U+2460-2642,U+3000-3129,U+3220-3229,U+4E00-7DAE,U+7E3B-8C98,U+8D1D-8ECE,U+8F66-91DC,U+9274-99A8,U+9A6C-9B54,U+9C7C-9CE2,U+9E1F-9FA0,U+FF01-FF5E,U+FFE0-FFE5}@font-face{font-family:"Clio Pixel JA";src:url("fonts/FusionPixel12-JA.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+20-F7,U+391-451,U+2010-203B,U+2103-21D4,U+2312,U+2500-266F,U+3000-30FE,U+4E00-7E9C,U+7F36-8B9A,U+8C37-9481,U+9577-9FA0,U+FF01-FFE5}@font-face{font-family:"Clio Pixel KO";src:url("fonts/FusionPixel12-KO.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+20-167,U+391-451,U+2015-21D4,U+2312,U+2460-266D,U+3000-318E,U+327F,U+4E00-7E9C,U+7F36-8B9A,U+8C37-947F,U+9577-9C57,U+9CE5-9F9C,U+AC00-D79D,U+F900-FA0B,U+FF01-FF5E,U+FFE0-FFE6}:lang(zh){--clio-font-cjk:Beijing,"Clio Pixel SC",Hei}:is(:lang(zh-Hant),:lang(zh-TW),:lang(zh-HK),:lang(zh-MO)){--clio-font-cjk:Taipei,"Clio Pixel TC","Apple LiGothic"}:lang(ja){--clio-font-cjk:Osaka,"Clio Pixel JA"}:lang(ko){--clio-font-cjk:Seoul,"Clio Pixel KO",AppleGothic}:is(:lang(zh),:lang(ja),:lang(ko)){--clio-font-chrome:var(--clio-font-cjk),"Clio Sans '84",Chicago,"ChicagoFLF",Charcoal,Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-text:var(--clio-font-cjk),"Clio Text '84",Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-small:"Clio Text '84 9",var(--clio-font-cjk),Geneva,"Helvetica Neue",Arial,sans-serif;--clio-font-display:var(--clio-font-cjk),Chicago,"ChicagoFLF",Charcoal,"Helvetica Neue",Arial,sans-serif}
|